@charset "utf-8";
/* CSS Document */
html{}
body{background-color:#fff; background-image:url(../images/bg02.jpg); background-repeat:repeat-x; background-position:center; background-attachment:fixed; background-position:top; margin:0px;font-family:Tahoma, sans-serif; font-size:12px; text-decoration:none;}


/*-----------start top bar------------*/
#top-bar{ height:25px; line-height:25px; background:#2c2c2c;}
#top-bar .top-bar-link{width:992px; line-height:25px; margin:auto;}
.link-left{ width:600px; color:#b9b9b9; font-size:12px; float:left; display:block; }
.link-left a{color:#b9b9b9; text-decoration:none; display:block; float:left; margin: 0 10px 0 0;}
.link-left a:hover{color:#909090; text-decoration:none;}
.link-right{color:#858484; font-size:11px; width:325px; display:block; float:right; text-align:right;}
.link-right a{color:#858484; text-decoration:none;}
.link-right a:hover{color:#6f6f6f; text-decoration:none;}
.twitter{ width:18px; height:18px; display:block; background:url(../images/icon/logo-twitter.gif) no-repeat; float:right; margin:4px 5px 0 5px;}
.facebook{ width:18px; height:18px; display:block; background:url(../images/icon/logo-facebook.gif) no-repeat; float:right; margin:4px 0 0 0;}
/*-----------end top bar------------*/

.bg-main{}
.spacer{font-size:0; line-height:0; clear:both;}

/*-----------start main content------------*/
.main{width:992px; margin:auto; background:#FFF;}
/*----------- end main content------------*/

/*-----------start header------------*/
#header{width:982px; height:125px; repeat-x #FFF; padding:0 0 0 10px;}
.logo{width:222px; height:109px; display:block; float:left; margin-top:5px; position:absolute;}
#header .banner{width:728px; height:90px; display:block; float:right; margin:18px 7px 0 0;}
/*-----------end header------------*/

/*-----------start menu------------*/
#menu{width:992px; height:35px; line-height:35px; background: url(../images/bar/bg-main-menu.png) repeat-x ; padding:0;}
#menu ul{width:770px; margin:0; padding:0 10px 0 15px; height:35px; float:left;}
#menu li{font-size:14px; font-weight:bold; color:#FFF; list-style:none; float:left; display:block;}
#menu li a{color:#FFF; text-decoration:none; padding:0 10px;}
#menu li a:hover{color:#FFF; background: url(../images/button/bg-menu2.gif) repeat-x #a9134c; text-decoration:none; display:block; padding:0 10px;}
#menu ul .active{color:#FFF; background: url(../images/button/bg-menu1.gif) repeat-x #fa921b; text-decoration:none; display:block;}
/*-----------end menu------------*/

/*-----------start content------------*/
.main-content{width:980px; background: url(../images/bg2.png) repeat; padding:20px 6px 20px 6px; overflow:hidden;}
.content-left{ width:666px; float:left; overflow:hidden;}
.content-right{ width:304px; float:right; overflow:hidden;}
/*-----------end content------------*/

/*-----------start footer------------*/
#footer{width:992px; height:470px; background:url(../images/bg-footer.jpg) repeat-x #FFF bottom; padding:0 0 0 0px;}
#footer .logo{width:250px; height:15px; background:url(../images/logo-khanpak-s.gif) no-repeat; display:block; float:left; font-size:10px; color:#707070; text-decoration:none; padding: 80px 0 0 0; margin:0 0 0 26px;}
#footer .link{ width:630px; height:20px; line-height:20px; display:block; float:right; margin: 40px 0 0 0;}
#footer .link a{ color:#787878; text-decoration:none; font-weight:bold; font-size:12px;}
#footer .link a:hover{ color:#9c9c9c;}

/*-----------end footer------------*/

/*-----------start advertisements------------*/
#adver{ width:666px; height:288px; margin:0 0 20px 0;}
/*-----------end advertisements------------*/

/*-----------start highlight box home------------*/
#highlight{ width:666px; overflow:hidden;}
#highlight ul{ width:666px; height:26px; margin:0; padding:0; }
#highlight li{ width:87px;  text-align:center; font-size:14px; font-weight:bold; background:#ededed; color:#000; list-style:none; float:left; }
#highlight li .non-active{line-height:25px; height:25px; border-top:solid #c9c9c9 1px; border-right:solid #c9c9c9 1px; border-left:solid #c9c9c9 1px; display:block; cursor:pointer; color:#000;}
#highlight li .active{ line-height:26px; height:26px; background: url(../images/bar/bt-highlight-tab1.jpg) repeat-x; color:#fff; display:block;  border-top:solid #F00 1px; border-right:solid #F00 1px; border-left:solid #F00 1px;}
#highlight li a{ text-decoration:none;}
#highlight li a.non-active:hover{background:#c9c9c9; display:block;}



#highlight .content{ width:648px; margin:0; padding:12px 8px; border-top: solid 4px #fd0c0c; border-left:solid 1px #fd0c0c; border-right:solid 1px #fd0c0c; border-bottom:solid 1px #fd0c0c; overflow: hidden; background:#DEDEDE;}
#highlight .show{ width:390px; height:252px; display:block; float:left;}
#highlight .show .head-news{ width:370px; height:30px; background:#000; opacity:0.7; filter:alpha(opacity=70); color:#FFF; display:block; font-size:14px; font-weight:bold; position: absolute; top: 452px; padding:10px;}
#highlight .thumb{ width:228px; height:62px; padding: 10px; display:block; float:right; border:solid 1px #222; color:#e5e5e5; font-weight:bold; background:url(../images/tab-highlight-1.gif) repeat-x #333;}
#highlight .thumb-active{ width:228px; height:62px; padding: 10px; display:block; float:right; border:solid 1px #222; color:#e33258; font-weight:bold; background:url(../images/tab-highlight-2.gif) repeat-x #222;}
#highlight .thumb img{ width:60px; height:60px; display:block; float:left}
#highlight .thumb-active img{ width:60px; height:60px; display:block; float:left}
#highlight .titile{ width:160px; display:block; float:right;}
/*-----------end highlight box home------------*/

/*-----------start hot news------------*/
#hot-news{ width:666px; margin: 12px 0 0 0; }
#hot-news .bar-head{ width:651px; height:32px; line-height:25px; background:url(../images/bar/bar-hot-news.gif) no-repeat #e3e3e3; padding:0 0 0 15px;}
#hot-news .bar-head .font1{ width:500px; font-size:18px; color:#FFF; display:block; float:left; }
#hot-news .bar-head .font1 b{ color:#F00;}
#hot-news .more{ width:125px; height:26px; display:block; float:right;}
#hot-news .content{ width:646px; height:260px; background:#eee; padding: 10px;}
#hot-news .content .thumb{ width:312px; height:75px; float:left; margin:5px;}
#hot-news .content .img{ width:67px; height:67px; float:left; display:block; margin-right:10px;}
#hot-news .content .news{ width:230px; float:left; font-size:11px; display:block; overflow:hidden; color:#333;}
#hot-news .content .news b{ font-size:12px; color:#e33258; text-decoration:underline;}
#hot-news .content .news b a{ font-size:12px; color:#e33258; text-decoration:underline;}
#hot-news .content .news b a:hover{ color:#666;}
/*-----------end hot news------------*/

/*-----------start entertain------------*/
#entertain{ width:666px; margin: 12px 0 0 0;}
#entertain .bar-head{ width:651px; height:32px; line-height:25px; background:url(../images/bar/bar-entertain.gif) no-repeat; padding:0 0 0 15px;}
#entertain .bar-head .font1{ width:500px; font-size:18px; color:#000; display:block; float:left;}
#entertain .bar-head .font1 b{ color:#fff;}
#entertain .more{ width:140px; height:26px; display:block; float:right;}
#entertain .content{ width:644px; height:280px; padding: 10px; border-left: solid 1px #FFF; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF;}
#entertain .content .show{ width:269px; height:269px; color:#FFF; float:left; margin: 0 13px 0 0;}
#entertain .content .show img{ width:269px; height:174px; display:block;}
#entertain .content .head-news{ width:249px; height:75px; background:#000; color:#b5b4b4; display:block; padding:10px;}
#entertain .content .head-news b{ font-size:13px; color:#FFF;}
#entertain .content .news-show{ width: 176px; height:63px; float:left; margin:0 5px 5px 0;}
#entertain .content .news-show a{ font-size:12px; color:#e33258; text-decoration: underline;}
#entertain .content .news-show a:hover{ color:#000;}
#entertain .content .news-show .img{ width:60px; height:60px; float:left; display:block; margin-right:5px;}
#entertain .content .thumb{ width:320px; height:65px; float:left; margin:0 0 8px 0;}
#entertain .content .img{ width:63px; height:63px; float:left; display:block; margin-right:10px;}
#entertain .content .news{ width:240px; float:left; font-size:11px; display:block; overflow:hidden; color:#333;}
#entertain .content .news b{ font-size:12px; color:#e33258; text-decoration:underline;}
#entertain .content .news b a{ font-size:12px; color:#e33258; text-decoration:underline;}
/*-----------end entertain------------*/

/*-----------start zubzip------------*/
#zubzip{ width:666px; margin: 12px 0 0 0;}
#zubzip .bar-head{ width:651px; height:32px; line-height:25px; background:url(../images/bar/bar-zubzip.gif) no-repeat; padding:0 0 0 15px;}
#zubzip .bar-head .font1{ width:500px; font-size:18px; color:#000; display:block; float:left;}
#zubzip .bar-head .font1 b{ color:#fff;}
#zubzip .more{ width:125px; height:26px; display:block; float:right;}
#zubzip .content{ width:646px; height:280px; padding: 10px;}
#zubzip .content .show{ width:269px; height:269px; color:#FFF; float:left; margin: 0 15px 0 0;}
#zubzip .content .show img{ width:269px; height:174px; display:block;}
#zubzip .content .head-news{ width:249px; height:75px; background: #000; color:#b5b4b4; display:block; padding:10px;}
#zubzip .content .head-news b{ font-size:13px; color:#FFF;}
#zubzip .content .thumb{ width:340px; height:63px; float:left; margin:0 0 5px 0;}
#zubzip .content .thumb:hover{ background:#ededed;}
#zubzip .content .img{ width:63px; height:63px; float:left; display:block; margin-right:10px;}
#zubzip .content .news{ width:265px; float:left; font-size:11px; display:block; overflow:hidden; color:#333;}
#zubzip .content .news b{ font-size:12px; color:#e33258; text-decoration:underline;}
#zubzip .content .news b a{ font-size:12px; color:#e33258; text-decoration:underline;}
/*-----------end zubzip------------*/

/*-----------start sport------------*/
#sport{ width:666px; margin: 12px 0 0 0;}
#sport .bar-head{ width:651px; height:32px; line-height:25px; background:url(../images/bar/bar-sport.gif) no-repeat; padding:0 0 0 15px;}
#sport .bar-head .font1{ width:500px; font-size:18px; color:#000; display:block; float:left;}
#sport .bar-head .font1 b{ color:#fff;}
#sport .more{ width:125px; height:26px; display:block; float:right;}
#sport .content{ width:646px; height:280px; padding: 10px;}
#sport .content .show{ width:269px; height:269px; color:#FFF; float:left; margin: 0 15px 0 0;}
#sport .content .show img{ width:269px; height:174px; display:block;}
#sport .content .head-news{ width:249px; height:75px; background: #000; color:#b5b4b4; display:block; padding:10px;}
#sport .content .head-news b{ font-size:13px; color:#FFF;}
#sport .content .thumb{ width:340px; height:63px; float:left; margin:0 0 5px 0;}
#sport .content .thumb:hover{ background:#ededed;}
#sport .content .img{ width:63px; height:63px; float:left; display:block; margin-right:10px;}
#sport .content .news{ width:265px; float:left; font-size:11px; display:block; overflow:hidden; color:#333;}
#sport .content .news b{ font-size:12px; color:#e33258; text-decoration:underline;}
#sport .content .news b a{ font-size:12px; color:#e33258; text-decoration:underline;}
/*-----------end sport------------*/

/*-----------start Variety-----------*/
#variety{ width:666px; margin: 12px 0 0 0;}
#variety .bar-head{ width:651px; height:32px; line-height:25px; background:url(../images/bar/bar-variety.gif) no-repeat; padding:0 0 0 15px;}
#variety .bar-head .font1{ width:60px; font-size:18px; color:#000; display:block; float:left;}
#variety .bar-head .font1 b{ color:#fff;}
#variety .more{ width:90px; height:26px; display:block; float:right;}
#variety ul{ width:490px; height:26px; float:left; margin:0; padding:5px 0 0 0; display:block;}
#variety li{ line-height:20px; text-align:center; font-size:13px; color:#000; list-style:none; float:left; display:block; margin: 0;}
#variety li a{ color:#000; text-decoration:none; display:block; padding:0 5px;}
#variety li a:hover{ line-height: 21px; color:#353535; text-decoration:none; background: #c6c6c6; display:block; padding:0 5px;}
#variety ul .active{ height: 26px; color:#000; font-weight:bold; text-decoration:none; background: #FFF; display:block; padding:0 5px;}
#variety .content{ width:646px; height:300px; padding: 10px;}
#variety .content .show{ width:269px; height:269px; color:#FFF; float:left; margin: 0 15px 0 0;}
#variety .content .show img{ width:269px; height:174px; display:block;}
#variety .content .head-news{ width:249px; height:75px; background: url(../images/bg-head-news3.jpg) repeat-x; color:#b5b4b4; display:block; padding:10px;}
#variety .content .head-news b{ font-size:13px; color:#FFF;}
#variety .content .news-show{ width: 176px; height:63px; float:left; margin:0 5px 5px 0;}
#variety .content .news-show a{ font-size:11px; color:#212121; text-decoration:none;}
#variety .content .news-show a:hover{ text-decoration:underline;}
#variety .content .news-show .img{ width:50px; height:50px; float:left; display:block; margin-right:5px;}
#variety .content .thumb{ width:320px; height:65px; float:left; margin:0 0 8px 0;}
#variety .content .img{ width:63px; height:63px; float:left; display:block; margin-right:10px;}
#variety .content .news{ width:240px; float:left; font-size:11px; display:block; overflow:hidden; color:#333;}
#variety .content .news b{ font-size:12px; color:#e33258; text-decoration:underline;}
#variety .content .news b a{ font-size:12px; color:#e33258; text-decoration:underline;}
/*-----------end Variety------------*/

/*-----------start TV------------*/
#tv{ width:666px; margin: 12px 0 0 0;}
#tv .bar-head{ width:651px; height:32px; line-height:25px; background:url(../images/bar/bar-tv.gif) no-repeat #dfcdb1; padding:0 0 0 15px;}
#tv .bar-head .font1{ width:500px; font-size:18px; color:#000; display:block; float:left;}
#tv .bar-head .font1 b{ color:#fff;}
#tv .more{ width:80px; height:26px; display:block; float:right;}
#tv .content{ width:646px; height:290px; padding: 10px; background:#dfcdb1;}
#tv .content .show{ width:335px; height:280px; color:#FFF; float:left; margin: 0 7px 0 0;}
#tv .content .head-news{ height:130px; color:#000; font-weight:bold; display:block; padding:1px;}
#tv .content .head-news a{ color:#000; text-decoration:none;}
#tv .content .head-news a:hover{ text-decoration:underline;}
#tv .content .head-news img{ width:179px; height:116px; float:left; padding-right:10px;}
#tv .content .thumb{ width:162px; height:63px; float:left; margin:0 5px 5px 0; font-size:11px;}
#tv .content .thumb a{ color:#2c2c2c; text-decoration:none;}
#tv .content .thumb a:hover{ text-decoration:underline;}
#tv .content .thumb img{ width:56px; height:56px; float:left; display:block; margin-right:5px;}
#tv .content .box-story{ width:300px; height:280px; border:solid #FFF 1px; float:left;}
#tv .content .box-story b{ color:#df6101; padding: 2px 7px;; display:block;}
#tv .content .tv-link{ width:67px; height: 130px; float:left; font-size:10px; color:#8c8c8c; display:block; text-align:center; padding:4px 1px 2px 6px;}
#tv .content .tv-link img{ width:67px; height:95px;}
/*-----------end TV------------*/

.box-2{ width:666px; margin: 12px 0 0 0; overflow:hidden;}

/*----------- start news pick ----------*/
#pick{ width:325px; margin: 12px 0 0 0; float:left;}
#pick .bar-head{ width:310px; height:32px; line-height:25px; background:url(../images/bar/bar-pickup.gif) no-repeat; padding:0 0 0 15px;}
#pick .bar-head .font1{ width:200px; font-size:18px; color:#000; display:block; float:left;}
#pick .bar-head .font1 b{ color:#fff;}
#pick .more{ width:80px; height:26px; display:block; float:right;}
#pick .content{ width:305px; padding: 10px; overflow:hidden;}
#pick .content .thumb{ width:305px; height:63px; float:left; font-size:11px; color:#333;}
#pick .content .thumb b a{ font-size:12px; color:#e33258; text-decoration:underline;}
#pick .content .thumb img{ width:56px; height:56px; float:left; display:block; margin-right:5px;}
/*-------------end news pick------------*/

/*----------- start star ----------*/
#star{ width:325px; margin: 12px 0 0 0; float:right; overflow:hidden;}
#star .bar-head{ width:310px; height:32px; line-height:25px; background:url(../images/bar/bar-star.gif) no-repeat; padding:0 0 0 15px;}
#star .bar-head .font1{ width:200px; font-size:18px; color:#000; display:block; float:left;}
#star .bar-head .font1 b{ color:#fff;}
#star .more{ width:80px; height:26px; display:block; float:right;}
#star .content{ width:305px; padding: 10px; overflow:hidden;}
#star .content img{ width:67px; height:67px; float:left; padding:4px;}
/*----------- end star -----------*/

/*----------- start star gallery ----------*/
#gallery{ width:666px; height:180px; margin: 12px 0 0 0;}
#gallery .bar-head{ width:651px; height:32px; line-height:32px; padding:0 0 0 15px;}
#gallery .bar-head .tilile{ width:150px; height:32px; display:block; font-size:16px; font-weight:bold; float:left;}
#gallery .bar-head .more{ width:47px; line-height:32px; font-size:14px; text-decoration:none; color:#000; font-weight:bold; display:block; float:right; background:url(../images/icon/i-arrow1.gif) no-repeat right; margin-right:10px;}
#gallery .bar-head .font-t1{ font-size:22px; font-weight:bold; color:#F00;}
#gallery .content{ width:666px; height:133px; background:url(../images/bg-star-gallery.gif) no-repeat;}
#gallery .content .go-left{ width:23px; height:133px; background:url(../images/icon/i-go-left.gif) no-repeat left; float:left; display:block;}
#gallery .content a.go-left:hover{ -moz-opacity:0.5;  filter:alpha(opacity=50);}
#gallery .content .go-right{ width:23px; height:133px; background:url(../images/icon/i-go-right.gif) no-repeat right; float:right; display:block;}
#gallery .content a.go-right:hover{ -moz-opacity:0.5;  filter:alpha(opacity=50);}
#gallery .content .show{ width:615px; height:133px; float:left; padding: 0 0 0 0px;}
#gallery .content .show img{ width:112px; height:112px; margin: 10px 5px 0 5px;}
#gallery .content .show a img:hover{ width:108px; height:108px; border:solid 2px #000;}

#gallery .content .show-star-gallery{ width:615px; height:133px; float:left; padding: 0 0 0 0px;}
#gallery .content .show-star-gallery ul{ width:615px; height:133px; margin: 10px 5px 0 5px; padding:0;}
#gallery .content .show-star-gallery ul li{width:112px; height:112px; list-style:none; float:left; margin: 0px 5px 0 5px; cursor:pointer;}
#gallery .content .show-star-gallery ul li img:hover{ width:108px; height:108px; border:solid 2px #000; cursor:pointer;}
#gallery .content .prev{ width:23px; height:133px; background:url(../images/icon/i-go-left.gif) no-repeat left; float:left; display:block; cursor:pointer;}
#gallery .content .prev:hover{ -moz-opacity:0.5;  filter:alpha(opacity=50);}
#gallery .content .next{ width:23px; height:133px; background:url(../images/icon/i-go-right.gif) no-repeat right; float:right; display:block; cursor:pointer;}
#gallery .content .next:hover{ -moz-opacity:0.5;  filter:alpha(opacity=50);}
/*----------- end star gallery ----------*/

/*----------- start picpost ----------*/
#picpost{ width:666px; overflow:hidden; margin: 12px 0 0 0; background:url(../images/bg-gallery.jpg) repeat-x #e8e8e8;}
#picpost .bar-head{ width:651px; height:32px; line-height:32px; padding:0 0 0 15px;}
#picpost .bar-head .tilile{ width:100px; height:32px; display:block; font-size:16px; font-weight:bold; float:left;}
#picpost .bar-head .more{ width:47px; line-height:32px; font-size:14px; text-decoration:none; color:#000; font-weight:bold; display:block; float:right; background:url(../images/icon/i-arrow1.gif) no-repeat right; margin-right:10px;}
#picpost .bar-head .font-t1{ font-size:22px; font-weight:bold; color:#F00;}
#picpost .content{width:646px; padding:10px; overflow:hidden;}
#picpost .thumb{ width:97px; height:110px; float:left; font-size:11px; color:#515151; text-align:center; padding: 2px 5px;}
#picpost .thumb a{ color:#515151; text-decoration:none; }
#picpost .thumb a:hover{ text-decoration:underline;}
/*----------- end picpost ----------*/

/*----------- start Clip ----------*/
#clip{ width:664px; margin: 12px 0 0 0; border:solid #9c9c9c 1px;}
#clip .bar-head{ width:649px; height:32px; line-height:32px; padding:0 0 0 15px;}
#clip .bar-head .tilile{ width:120px; height:32px; display:block; font-size:16px; font-weight:bold; float:left;}
#clip .bar-head .more{ width:47px; line-height:32px; font-size:14px; text-decoration:none; color:#000; font-weight:bold; display:block; float:right; background:url(../images/icon/i-arrow1.gif) no-repeat right; margin-right:10px;}
#clip .bar-head .font-t1{ font-size:22px; font-weight:bold; color:#F00;}
#clip .content{width:656px; padding:10px 4px; overflow:hidden;}
#clip .thumb{ width:120px; height:100px; float:left; font-size:11px; color:#515151; text-align:center; padding: 2px 5px;}
#clip .thumb img{ width:100px; height:73px;}
/*----------- end Clip ----------*/

/*----------- start Club ----------*/
#club{ width:666px; margin: 20px 0 0 0; overflow:hidden;}
#club .bar-head{ width:666px; height:46px; line-height:46px; background:url(../images/bar/bar-club.gif) repeat-x;}
#club .bar-head .tilile{ width:180px; height:46px; color:#FFF; padding-left:20px; display:block; font-size:16px; font-weight:bold; float:left; background:#3c3b39;}
#club .bar-head .font-pink{ font-size:24px; font-weight:bold; color:#ff007e;}
#club .bar-head .box-link{ width:310px; height: 46px; text-decoration:none; color:#fff; display:block; float:right; margin-right:10px;}
#club .bar-head .mlink{ width:85px; line-height:22px; color:#FFF; background:url(../images/icon/i-plus.gif) no-repeat left; display:block; padding-left:15px; text-decoration:none; margin: 13px 0 0 0; float:left; font-size:13px; font-weight:bold;}
#club .content{width:658px; padding:10px 4px; background:#d8d8d7; overflow:hidden;}
#club .content ul{overflow:hidden; margin:0; padding:0 10px 0 15px;}
#club .content li{overflow:hidden; background:url(../images/icon/bullet1.gif) no-repeat left; padding:3px 0 3px 20px; list-style:none; display:block;}
#club .content li a{ text-decoration:none; color:#000; display:block;}
#club .content li a:hover{ color:#FFF; background-color:#2b2b2b; display:block;}
/*----------- end Club ----------*/

/*----------- start login ----------*/
#login{ width:304px; height:80px; color:#003958;}
#login b{ font-size:12px; display:block; line-height:25px;}
#login a{ color:#636363; text-decoration:none; display:block; background:url(../images/icon/i-arrow2.gif) no-repeat left; padding:0 0 0 7px; margin:5px 0 0 5px; width:63px; float:left;}
#login input{ width:110px; line-height:24px; height:24px;}
#login .bt-login{ width:61px; height:24px; background:url(../images/button/bt01.gif) no-repeat; color:#FFF; font-size:14px; border:0;}
/*----------- end login ----------*/

/*----------- start hotclip ----------*/
.hotclip{ width:304px; height:230px; color:#003958;}
.hotclip .bar-head{ width:296px; height:30px; line-height:30px; padding:0 0 0 7px;}
.hotclip .bar-head .titile{ width:100px; height:30px; line-height:30px; font-size:14px; font-weight: bold; color:#000; display:block; float:left;}
.hotclip .bar-head .titile b{ font-size: 18px; color:#ff0000;}
.hotclip .bar-head .more{ width:50px; height:30px; display:block; float:right; font-size:11px;}
.hotclip .bar-head .more a{ color:#777; text-decoration:none;}
.hotclip .box-clip{background:url(../images/bg-box-clip.jpg) repeat-x; width:97%; padding:0; margin:0;}
/*----------- end hotclip ----------*/

/*----------- start Advertisement ----------*/
.adver300{ width:304px; height:270px; font-size:10px; color:#7b7b7b; margin:9px 0 0 0; padding:2px 0 0 0; text-align:center; background:#d8d8d8;}
.adver100{ width:304px; height:100px; margin:20px 0 0 0; text-align:center;}
/*----------- end Advertisement ----------*/

/*----------- start Movie ----------*/
#movie{ width:304; margin:5px 0 0 0;}
#movie .bar-head{ width:244px; height:46px; line-height:46px; padding:0 0 0 60px; font-size:16px; font-weight:bold; color:#FFF; background:url(../images/bar/bar-movie.gif) no-repeat;}
#movie .highlight{ width:284px; height:205px; overflow:hidden; background:#2e2e2e; color:#c4c4c4; padding:10px 10px 5px 10px; font-size:11px;}
#movie .highlight img{ width:135px; height:199px; padding-right:10px; float:left;}
#movie .showing{ width:284px; height:111px; overflow:hidden; background:#2e2e2e; color:#fff; padding:3px 10px 5px 10px; font-size:14px; font-weight:bold; background:url(../images/bg-movie.jpg) no-repeat #d10000;}
#movie .showing .slide{ width:245px; height:80px; padding:5px 10px; float:left;}
#movie .showing .go-left{ width:9px; height:80px; background:url(../images/icon/arrow-left.gif) no-repeat left; float:left; display:block; margin-top:5px;}
#movie .showing a.go-left:hover{ background:url(../images/icon/arrow-left.gif) no-repeat left #000;}
#movie .showing .go-right{ width:9px; height:80px; background:url(../images/icon/arrow-right.gif) no-repeat left; float:right; display:block; margin-top:5px;}
#movie .showing a.go-right:hover{ background:url(../images/icon/arrow-right.gif) no-repeat left #000;}
#movie .news{ width:284px; overflow:hidden; background:#2e2e2e; color:#c4c4c4; padding:10px 10px 5px 10px; font-size:11px;}
#movie .news b{ font-size:14px; color:#F00; font-weight:bold;}
#movie .news ul{ margin:10px 0; padding:0; overflow:hidden; display:block;}
#movie .news li{ list-style:none; background:url(../images/icon/bullet2.gif) no-repeat left; padding: 2px 0 2px 10px; font-size:12px; display:block; overflow:hidden;}
#movie .news li a{ color:#c4c4c4; text-decoration:none;}
#movie .news li a:hover{ font-weight:bold; color:#fff;}
#movie .boxoffice{ width:304px; overflow:hidden; background:#d5d5d5; color:#333;}
#movie .boxoffice .bar-titile{ width:304px; height:23px; background:#2e2e2e;}
#movie .boxoffice .tab1{ width:120px; line-height:23px; background:#d5d5d5; color:#000; display:block; float:left; text-align:center; text-decoration:none; font-weight:bold;}
#movie .boxoffice .tab2{ width:120px; line-height:23px; background:#858585; color:#545454; display:block; float:left; text-align:center; text-decoration:none; font-weight:bold;}
#movie .boxoffice a.tab2:hover{ background:#000;}
#movie .boxoffice .content{ width:284px; padding:10px;}
#movie .boxoffice .content .bar{ height:20px; color:#000; font-weight:bold; display:block;}
#movie .boxoffice .content b{ width:100px; padding: 1px 5px; display:block; float:left;}
#movie .boxoffice .content ul{padding:0 10px 5px 5px; margin:0; display:block;}
#movie .boxoffice .content li{list-style: none; color:#333; border-bottom: dashed 1px #aeaeae; display:block; padding:1px 0;}
#movie .wallpaper{ width:286px; overflow:hidden; background:#2e2e2e; color:#bfbfbf; font-size:11px; padding:10px 9px;}
#movie .wallpaper b{ font-size: 14px; color:#ff0000; display:block; height:25px;}
#movie .wallpaper .pic{ width:95px; overflow:hidden; text-align:center; float:left;}
/*----------- end Movie ----------*/

/*----------- start horoscope ----------*/
#horoscope{ width:302; height:110px; margin:5px 0 0 0; background:url(../images/bg-horoscope.jpg) no-repeat; border:solid 1px #e23258; color:#FFF; margin-top:20px;}
#horoscope b{ font-size:24px; color:#ff003c; display:block; line-height:35px; padding:0 0 0 65px;}
#horoscope .font-s{ font-size:16px; color:#ffffff;}
#horoscope .content{ width:282px; padding:8px 10px 10px 10px;}
#horoscope .content ul{ margin:0; padding:0 0 5px 5px; display:block; overflow:hidden;}
#horoscope .content li{ width:82px; display:block; background:url(../images/icon/i-star1.gif) no-repeat left; padding: 2px 0 2px 10px; float:left; list-style:none;}
#horoscope .content li a{ color:#FFF; text-decoration:none;}
#horoscope .content li a:hover{ color:#f0f83f; text-decoration: underline;}
/*----------- end horoscope ----------*/ 

/*----------- start link ----------*/
#link{ widows:304px; overflow:hidden; margin: 20px 0;}
#link .bar-head{ width:304px; height:32px; line-height:25px; background:url(../images/bar/bar-link.gif) no-repeat; padding:0 0 0 15px; font-size:16px; color:#FFF; font-weight:bold;}
#link .content{ width:284px; overflow:hidden; padding:10px 10px; color:#898989;}
#link .content b{ color:#ff0000;}
#link .content a{ color:#898989; text-decoration:none;}
#link .content a:hover{ color:#000;}
/*----------- end link ----------*/

/*----------- breaking News managers ----------*/
#breakingNews { widows:304px; overflow:hidden; margin: 20px 0;}
#breakingNews .bar-head{ width:304px; height:32px; line-height:25px; background:url(../images/bar/bar-link.gif) no-repeat; padding:0 0 0 15px; font-size:16px; color:#FFF; font-weight:bold;}
#breakingNews .content { padding:5px 5px 5px 12px; background:url(../images/icon/i-arrow3.gif) no-repeat 3px 9px;  }
#breakingNews .content a{ text-decoration:none;  color:#898989}
#breakingNews .content a:hover{ text-decoration:underline;}
#breakingNews .content span { font-size:10px; color:#A6A6A6;}
/*---------end  breaking News managers ----------*/

/*----------- breaking News khanpak ----------*/
#breaking-news{width:304px; background:url(../images/bg-breaking-news2.gif) repeat-y; overflow:hidden;}
#breaking-news .bg-head{width:304px; height:33px; background:url(../images/bg-breaking-news1.gif) no-repeat;}
#breaking-news .bg-foot{width:304px; height:13px; background:url(../images/bg-breaking-news3.gif) no-repeat;}
#breaking-news .globe1{ width:30px; height:33px; margin:0 0 0 260px; padding-top:3px; display:none;}
#breaking-news .globe2{ width:30px; height:30px; margin:0 0 0 260px; padding-top:3px; display:block;}
#breaking-news .content-news{ width:304; padding: 0 15px 0 15px; overflow:hidden;}
#breaking-news .show-news1{ width:275px; overflow:hidden; font-size:11px; margin:0; padding: 3px 0 5px 0; border-bottom: dashed 1px #939393; background-color:#FCFCFC;}
#breaking-news .show-news2{ width:275px; overflow:hidden; font-size:11px; margin:0; padding: 3px 0 5px 0; border-bottom: dashed 1px #939393;}

#breaking-news .head-news1 a{ width:214px; font-size:11px; font-weight:bold; color:#e10000; display:block; float:left; text-decoration:none; margin: 0 0 0 5px; cursor:default;}
#breaking-news .head-news2 a{ width:214px; font-size:11px; font-weight:bold; color:#2e2e2e; display:block; float:left; text-decoration:none; margin: 0 0 0 5px; cursor:default;}
#breaking-news .detail-news{ width:214px; font-size:11px; color:#7b7b7b; display:block; float:right;}
#breaking-news .bg-time1{ width:55px; height:34px; background:url(../images/bg-time1.gif) no-repeat; float:left;}
#breaking-news .bg-time2{ width:55px; height:34px; background:url(../images/bg-time2.gif) no-repeat; float:left;}
#breaking-news .time{ width:55px; line-height:22px; font-size:15px; font-weight:bold; color:#FFF; display:block; text-align:center;}
#breaking-news .date{ width:55px; line-height:11px; font-size:9px; color:#8f8f8f; display:block; text-align:center;}
#breaking-news .more{ width:50px; height:13px; display:block; float:right; margin: 0 8px 0 0;}
/*-------end breaking News khanpak ----------*/



/*................ADD BY POOKPIK..................*/
a:hover{cursor:pointer;}
.div_load2{ display:none; text-align:center;}
.div_load{ visibility:hidden; text-align:center;}
.hide{display:none;}
.block{display:block;}
.curser{cursor:pointer;}
.curser_hide{cursor:pointer;	display:none;}
.thumb{cursor:pointer;}
.thumb-active{cursor:pointer;}
.span-hide-b { display:none; border:none; width:120px; float:left; text-align:right; padding-right:10px; }
/* เปลี่ยนหน้า ///////////////// */
.div_page1{ font-size:11px; color:#FFF; padding:5px; background-color:#E70000; border:#dddddd 1px solid; height:11px; cursor:pointer;
float:left; margin-left:2px; font-weight: bold; }
.div_page1:hover{ font-size:11px; color:#FFF; padding:5px; background-color:#000; border:#dddddd 1px solid; height:11px; cursor:pointer; float:left; margin-left:2px; font-weight: bold;}
.div_page_hi1{ font-size:11px; color:#FFF; padding:5px; background-color:#000; border:#dddddd 1px solid; height:11px; cursor:pointer;
float:left; margin-left:2px; font-weight: bold; }
.div_info_page{margin-right:5px; float:left; padding:5px; color:#E70000;}
.div_float_left{float:left;}
.div_float_right{float:right;}
.div_load_abs{ display:none; padding:5px; width:220px; background-color:#E70000; font-weight:bold; border:#333 1px solid; text-align:center; position:absolute; z-index:11;}
/* end เปลี่ยนหน้า ///////////////// */

/*-----------ลิงค์ต้องการรหัส(ภาพ)หม่------------*/
.re_verify{font-size:11px;	cursor:pointer;}
.re_verify span {color:#3D3D3D;	letter-spacing:0px; width:76px;}
.re_verify span:hover{color:#FF007E;text-decoration:underline;}

/*-----------END ลิงค์ต้องการรหัส(ภาพ)หม่------------*/

/*------------------ ลิงค์แสดงความคิดเห็น------------------*/
.post_box_link {letter-spacing:0; color:#3D3D3D; font-style:normal; font-size:12px; margin-bottom:10px;}
.post_box_link_top {letter-spacing:0; color:#6A6A6A; font-style:normal; font-size:11px; padding-left:10px;}
.post_box_link:hover ,.post_box_link_top:hover{color:#FF007E;}
/*------------------END ลิงค์แสดงความคิดเห็น------------------*/

.show-images{height:444px; width:592px; margin:0 auto; text-align:center; vertical-align:middle;}
.show-images img{max-height:444px; max-width:592px; margin:auto;}

#label_verify_load{width:76px;}


/*แสดงชื่อผู้โพสข่าว*/
.post-content-by{float:right; padding-right:20px; font-size:10px; color:#999;}


#tv .content .head-news .active_content img{width:22px;; height:9px; float:inherit;}
#tv .content .thumb .active_content img{width:22px;; height:9px; float:inherit;}
.tags a{font-size:12px; color:#d90000;}
.ref a:hover, .tags a:hover{color:#FF007E;}
.ref a{font-size:11px; color:#939393;}
/*................END ADD BY POOKPIK..................*/

.shadow {  font-size:18px; font-weight:bold; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color:#FFF; height: 1.5em; filter:shadow(color:black, direction:135, strength:5);}

/*-----------------strat box link--------------------------*/
#box-link{ width:940px; height:323px; background:url(../images/bg-link.jpg) no-repeat; padding:10px 20px 20px 20px; margin:0 auto;}
#box-link a{ color:#4a4a4a; text-decoration:none;}
#box-link a:hover{ color:#000; text-decoration: underline;}
#box-link .head-link{ width:930px; link-height:30px; font-size:18px; padding: 0 0 0 10px;}
#box-link .head-link b{ color:#F00;}
#box-link .bl-1{ width:292px; height:280px; float:left; border-right: solid 1px #ccc; font-size:12px; color:#4a4a4a; padding:15px 10px 0 10px;}
#box-link .bl-1 b{ color:#ff0000; font-size:13px;}
#box-link .bl-2{ width:292px; height:280px; float:right; font-size:12px; color:#4a4a4a; padding:15px 10px 0 10px;}
#box-link .bl-2 b{ color:#ff0000; font-size:13px;}
/*-----------------Ens box link--------------------------*/

/*-----------------worldCup 2010--------------------------*/
.box-wc10{ width:304px; overflow:hidden; background: url(../images/world-cup-2010/bg-wc10-1.jpg) no-repeat #327204; color:#FFF; padding:100px 0 0 0;}
.box-wc10-ft{ width:304px; height:150px; background:url(../images/world-cup-2010/bg-wc10-2.jpg) no-repeat;}
.img-wc10{ border:solid 1px #FFF;}
.wc10-tr{ border-bottom:solid 1px #333; line-height:30px;}
.wc10-more{ background:#1c4801; color:#488e24; font-size:11px; line-height:17px; display:block; text-decoration:none; padding: 0 5px 0 0;}
.wc10-live{ width:275px; overflow:hidden; border:solid 1px #159500; padding:10px 5px; margin:5px 0 0 0;}
.wc10-live ul{ margin:5px 0 0 0;  padding:0; overflow:hidden;}
.wc10-live li{ list-style:none; font-size:12px; height:25px; line-height:25px; border-bottom:solid 1px #159500; display:block;}
.wc10-live li b{ font-size:18px; color:#ffde00;}
.wc10-live .team1{ width:92px; display:block; float:left;}
.wc10-live .team2{ width:92px; display:block; float:right; text-align:right;}
.wc10-live .vs{ width:50px; display:block; float:left; font-size:14px; font-weight:bold; color:#ffde00; text-align:center;}
.wc10-live-status{ width:35px; line-height:25px; float:left; font-size:10px; color:#bbb; display:block;}

              /*...........หน้าใน.............*/
.page-wc10-hd{ width:666px; overflow:hidden; background: url(../images/world-cup-2010/bg-wc10-p1.jpg) no-repeat #327204; color:#FFF; padding:100px 0 0 0;}
.page-wc10-ft{width:666px; height:170px; background:url(../images/world-cup-2010/bg-wc10-p2.jpg) no-repeat;}
.page-wc10-ct{ width:550px; overflow:hidden; background:#212121; border: solid 1px #3b3b3b; margin:0 auto; padding:30px;}
.page-wc10-menu{ width:610px; height:30px; margin:0 auto 15px auto;}
.page-wc10-title{ height:25px; background:url(../images/world-cup-2010/i-ball.png) no-repeat; font:18px bold; color:#ffd800; display:block; padding: 0 0 0 30px;}
.img-wc10 {border:solid 1px #FFF;}
.wc10-tr {border-bottom:solid 1px #333; line-height:30px;}
.page-wc10-score{ font-size:13px; font-weight:bold; color:#ffde00; }
.wc10-more {background:#1c4801; color:#488e24; font-size:11px; line-height:17px; display:block; text-decoration:none; padding: 0 5px 0 0;}
.page-wc10-font1{ font-size:14px; font-weight:bold; color:#ff0000; padding: 0 0 5px 0; display:block;}
.page-wc10-font2{ color:#F90; background:#000;}
		 	  /*...........หน้าใน.............*/
			  

/*------------end worldCup 2010--------------------------*/


/*------------เกมร่วมสนุกทายผลฟุตบอลโลก--------------------------*/
			   /* .........Login..........*/
.game-wc10-intro{ width:980px; height:476px; overflow:hidden; background: url(../images/world-cup-2010/game/bg-index.jpg) no-repeat ; color:#FFF; }
.game-wc10-bt-regis{ width:297px; height:64px; display:block; position: relative; top:356px; left:25px;}
.game-wc10-box-login{ width:330px; height:141px; position:relative; top:155px; left:385px; padding:60px 0 0 0;}
.game-wc10-box-login label{ width:90px; line-height:22px; display:block; text-align:right; float:left; padding: 0 10px 0 0; margin: 0 0 15px 0;}
.game-wc10-input{ width:170px; margin: 0 0 15px 0; float:left;}
			  /* ......end Login..........*/
			  
		      /* .........match.php..........*/
.game-wc10-content{ width:980px; overflow:hidden;}
.game-wc10-head{ width:980px; height:40px; background:url(../images/world-cup-2010/game/header-page.jpg) no-repeat; padding:180px 0 0 0;}
.game-wc10-head ul{ margin:0; padding:0 0 0 20px; display:block;}
.game-wc10-head li{ list-style:none; display:block; float:left; font-size:16px; font-weight:bold; margin: 0 10px 0 0;}
.game-wc10-head li a{ color:#000; text-decoration: none; padding: 5px 10px; display:block;}
.game-wc10-head li a.activeTab{ color:#FFF; background:#444;}
.game-wc10-head li a:hover{ color:#FFF; background:#787878;}
.game-wc10-rule{ background:#f1f1f1; border: dashed 1px #dcdcdc; padding:10px 20px; color:#666; font-size:12px; display:block; margin: 10px 0;}
.game-wc10-alert{ background:#f1f1f1; border: dashed 1px #dcdcdc; padding:10px 20px; color:#333; font-size:12px; display:block; margin: 10px 0; font-weight:bold;}
.game-wc10-user{ font-size:14px; margin: 20px 0 5px 0; display:block;}
.game-wc10-table{ width:980px; overflow:hidden; background:#2ca918; color:#FFF;}
.game-wc10-table ul{ width:980px; height:35px; margin:0; padding:0; display:block; border-bottom:solid 1px #3dbc28;}
.game-wc10-table ul .imgBtn1 { position:relative; top:4px;}
.game-wc10-table ul .imgBtn2 { position:relative; top:4px; cursor:pointer;}
.game-wc10-table li{ line-height:35px; display:block; font-size:12px; float:left; list-style:none;}
.game-wc10-tb1{ width:50px; text-align: center;}
.game-wc10-tb2{ width:122px; text-align:center;}
.game-wc10-tb3{ width:60px; text-align: center;}
.game-wc10-tb4{ width:115px; text-align:center;}
.game-wc10-tb5{ width:125px; text-align: center;}
.game-wc10-tb6{ width:160px; height:35px; text-align:center;}
.game-wc10-tb7{ width:80px; height:35px; text-align:center;}
.game-wc10-tb8{ width:110px; text-align:center; font-weight:bold; color:#fff;}
.game-wc10-tb9{ width:122px; text-align: center; color:#fff600;}
.game-wc10-input1{ width:25px; height:14px; text-align:center;}
.game-wc10-input1-close{ width:25px; height:14px; text-align:center; background-color:#CCC; color:#8A8571; }
.game-wc10-input2{ width:70px; height:14px; }

.game-wc10-tb10{ width:62px; text-align: center;}
.game-wc10-tb11{ width:178px; text-align: center;}
.game-wc10-tb12{ width:121px; text-align: center;}
.game-wc10-tb13{ width:175px; text-align: center; height:35px;}
.game-wc10-tb14{ width:87px; text-align: center; height:35px;}

.game-wc10-tb15{ width:76px; text-align: center;}
.game-wc10-tb16{ width:549px; text-align: center;}
.game-wc10-tb17{ width:355px; text-align: center;}
			  /* .....end match.php..........*/

			  /*.........ลงทะเบียน..........*/
.game-wc10-regis{ width:980px; height:476px; background: url(../images/world-cup-2010/game/bg-regis.jpg) no-repeat ; color:#FFF; }
.game-wc10-box-regis{ width:382px; height:204px; position:relative; top:149px; left:362px; padding:60px 0 0 0;}
.game-wc10-box-regis label{ width:120px; line-height:22px; display:block; text-align:right; float:left; padding: 0 5px 0 0; margin: 0 0 15px 0;}
.game-wc10-input{ width:170px; margin: 0 0 15px 0; float:left;}

.game-wc10-alert{width:980px; height:476px; background: url(../images/world-cup-2010/game/bg-alert.jpg) no-repeat ; color:#FFF; }
.game-wc10-box-alert{ width:428px; height:143px; position:relative; top:173px; left:268px; font-size:14px; text-align:center; padding:60px 0 0 0;}
			 /*......end ลงทะเบียน..........*/
/*---------end เกมร่วมสนุกทายผลฟุตบอลโลก--------------------------*/