@charset "utf-8";
/* CSS Document */

body, p, ul, li, form, h1, h2, h3 { padding:0; margin:0; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#333; font-weight:normal; background:url(../images_new/bg_thaifollow.jpg) #AEDDEF top left repeat-x; }
a img { border:0; }
a { text-decoration:none; color:#0066FF; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
h1 { font-size:16px; }
ul, li { list-style:none; }

#header { background:url(../images_new/head_thaifollow.jpg) top left no-repeat; width:1003px; height:168px; margin:0 auto; }

#header_movie { background:url(../images_new/head_movie.jpg) top left no-repeat; width:1003px; height:160px; margin:0 auto; }
#header_tv { background:url(../images_new/header_tv.jpg) top left no-repeat; width:1003px; height:150px; margin:0 auto; }
#header_games { background:url(../images_new/header_games1.jpg) top left no-repeat; width:1003px; height:145px; margin:0 auto; }
#header_mobile { background:url(../images_new/header_mobile1.jpg) top left no-repeat; width:1003px; height:168px; margin:0 auto; }
#header_ad { background:url(../images_new/header_ad1.jpg) top left no-repeat; width:1003px; height:149px; margin:0 auto; }
#maincontent { background:url(../images_new/body_thaifollow.jpg) top left repeat-y; width:1003px; margin:0 auto; }
#footer { background:url(../images_new/bgfoot_thaifollow.jpg) bottom left repeat-x; width:100%; }
#footer p { background:url(../images_new/foot_thaifollow.jpg) top left no-repeat; width:1003px; height:156px; margin:0 auto; }

/* profile */
#profile { background:#F6FAFC; width:930px; margin:0 auto; border:1px solid #DEDDDD; padding:10px; }
#profile li { display:inline; float:right; clear:right; width:450px; padding:10px 0 0 0; }
#profile li b { display:inline; float:left; width:100px; text-align:left; padding:0 7px 0 0; }
#profile li b img { vertical-align:middle; }
#profile li a { text-decoration:underline; }
#profile li.avatar { width:180px; text-align:center; float:left; clear:none; padding:0; }
#profile li.avatar img { border:1px solid #D0D6DE; background:#FFF; padding:3px; }
#profile li.avatar p { clear:both; float:none; padding:5px 0; }
#profile li.avatar p a.follow { display:block; width:173px; height:33px; background:url(../images_new/btn-follow.jpg) top left no-repeat; }
#profile li.avatar p a.follow:hover { background:url(../images_new/btn-follow2.jpg) top left no-repeat; }
#profile li.avatar p a img { border:0; }
#profile li.avatar p a.follow img { border:0; }
#profile li.avatar span { display:inline; float:left; width:50px; font-size:11px; margin-left:8px; text-align:left; }
#profile li.avatar span em { font-style:normal; font-weight:bold; display:block; }
#profile li.avatar span a { color:#666; text-decoration:none; }
#profile li.greeting { background:url(../images_new/greet.gif) top left no-repeat; width:697px; height:73px; margin:5px 0 0 25px; float:left; clear:none; padding:0; }
#profile li.greeting p { padding:10px 15px; font-size:16px; color:#0474CA; line-height:20px; }
#profile li.name { width:250px; margin:10px 0 0 25px; float:left; clear:none; padding:0; }
#profile li.name h1 { font-size:22px; }
#profile li.name span { font-size:12px; color:#F90; }
#profile li.name strong { display:block; padding:8px 0 0 0; color:#038FFB; }
#profile li.group { background:url(../images_new/bg-box.jpg) top left no-repeat; width:378px; padding:0; margin:5px 70px 0 0; overflow:hidden; }
#profile li.group strong { display:block; padding:0 10px; height:21px; line-height:21px; font-size:11px; }
#profile li.group p { background:url(../images_new/bg-box.jpg) bottom left no-repeat; padding:7px; font-size:12px; }
#profile li.group a { text-decoration:none; color:#256E92; }
#profile li.group a:hover { text-decoration:underline; color:#036; }

/* about us */
#about {  width:465px; margin:10px 0 0 25px; display:inline; float:left; }
#hd-blue { background:url(../images_new/bg-blue.gif) top left repeat-x; width:465px; overflow:hidden; }
#hd-blue h3 { background:url(../images_new/tab-blue.gif) top right no-repeat; height:55px; display:inline; float:left;  }
#hd-blue h3 span { background:url(../images_new/tab-blue.gif) top left no-repeat; height:55px; margin-right:10px; padding:10px 20px 0 30px; display:inline; float:left; }
#about .content { background:#F6FAFC; border:1px solid #DEDDDD; clear:both; }
#about .content p { padding:10px; }

/* about us */
#comment { width:465px; margin:10px 25px 0 0; display:inline; float:right; }
#hd-green { background:url(../images_new/bg-green.gif) top left repeat-x; width:465px; overflow:hidden }
#hd-green h3 { background:url(../images_new/tab-green.gif) top right no-repeat; height:55px; display:inline; float:left;  }
#hd-green h3 span { background:url(../images_new/tab-green.gif) top left no-repeat; height:55px; margin-right:10px; padding:10px 20px 0 30px; display:inline; float:left; }
#comment .content { background:#F6FAFC; border:1px solid #DEDDDD; clear:both; padding-bottom:15px; }
.post-comment { text-align:center; padding:10px 0 30px; }
.post-comment textarea { width:430px; height:100px; border:1px solid #7B9AB7; background:#DCEAF1; margin:10px 0; }
#comment .content li { margin:10px 15px 0; border:1px solid #82959F; padding-top:1px; }
#comment .content li a.avatar { display:block; background:#CDD5D9; padding:5px 10px; clear:both; overflow:auto; color:#000; width:411px; }
#comment .content li a:hover { text-decoration:none; }
#comment .content li a strong { color:#690; }
#comment .content li a i { font-size:10px; font-style:normal; color:#666; }
#comment .content li a img { float:left; margin-right:5px; }
#comment .content li p { padding:10px; }
#comment .content li em { display:block; font-style:normal; text-align:right; padding:3px; }
#comment .content li em a { color:#036; }

/* greeting */
#greeting { margin:0 8px; background:url(../images_new/bg-tophead.jpg) bottom right no-repeat; font-size:18px; height:93px; padding:0px 300px 30px 30px; font-weight:bold; }
#greeting h1 { color:#F00; display:inline; padding-right:10px; font-size:18px; }

/* column main page */
#column-left { width:773px; display:inline; float:left; padding-left:7px; }
#column-right { width:220px; display:inline; float:left; }

/* Menu Top */
#menutop { width:930px; margin:0px auto; text-align:center; }
#menutop a { border-right:1px solid #387FC0; padding:0px 8px; font-size:14px; font-weight:bold; }

#menutop2 { width:900px; margin:0 auto; text-align:center; }
#menutop2 a {  padding:0px 20px; font-size:14px; font-weight:bold; color:#FFFFFF; }


#addon { width:740px; margin:0 auto; padding:5px 0; overflow:hidden; }

/* add user */
#adduser { width:242px; height:44px; overflow:hidden; float:right; display:inline; }
#adduser a { width:242px; height:44px; background:url(../images_new/btn-add-edit.jpg) top left no-repeat; display:block; }
#adduser a:hover { background:url(../images_new/btn-add-edit2.jpg) top left no-repeat; }

/* banner */
#banner { text-align:center; padding:0; clear:both; }

/* promote */
#promote { width:470px; margin:0; background:#CCEEFF; border:1px dashed #64ADD2; padding:5px 10px; float:left; display:inline; }
#promote a { color:#333; }

/* webboard */
#webboard { width:740px; margin:15px auto 0; }
#webboard li { border-bottom:1px dashed #CCC; clear:both; overflow:hidden; }
#webboard li a { cursor:pointer; display:block; overflow:hidden; clear:both; padding:5px 0; width:740px; }
#webboard li a:hover { background:#CCEEFF; color:#900; }
#webboard li span { display:inline; float:left; width:500px; padding-left:25px; background:url(../images_new/ico-speaker.gif) center left no-repeat; margin-left:10px; }
#webboard li i { display:inline; float:left; width:100px; font-style:normal; color:#666; text-align:center; }
#webboard li em { display:inline; float:left; width:100px; font-style:normal; color:#666; text-align:center; }
#webboard li.th span { background:none; }
#webboard li.th { background:#6AC0D5; color:#FFF; font-weight:bold; border:1px solid #498EB1; border-left:0; border-right:0; padding:3px 0; }
#webboard li.th i { color:#FFF; }
#webboard li.th em { color:#FFF; }
#webboard li.foot { text-align:right; padding:5px 10px; border:0; }
#webboard li.foot a { display:inline; }
#webboard li.foot a:hover { background:none; color:#900; }

/* list all twitter */
#twitterbox { background:url(../images_new/bg-topbox.jpg) #F6FAFC bottom left no-repeat; width:740px; margin:0 auto; height:8px; }
#listbox { background:#F6FAFC; border:1px solid #DDDCDC; border-top:0; width:740px; margin:0 auto; }
.box { width:360px; display:inline; float:left; margin:5px 1px 5px 6px; }
.box h3 { background:url(../images_new/tab-talk.gif) top left no-repeat; height:46px; display:inline; float:left; padding:7px 0 0 26px; margin:4px 0 0 4px; }
.box h3 a { color:#000; }
.box span { background:url(../images_new/tab-talk.gif) top right no-repeat; height:53px; padding-left:15px; width:15px; display:inline; float:left; margin:4px 0 0 0; }
.box ul { border:1px solid #D5D5D5; border-top:0; background:#FFF; width:358px; display:block; clear:both; }
.box li { overflow:hidden; border-top:1px dashed #D8D8D8; width:348px; }
.box li a { display:block; cursor:pointer; overflow:hidden; padding:5px 0; width:358px; }
.box li a:hover { text-decoration:none; color:#900; background:#E9FAFF; width:358px; overflow:hidden; }
.box li img { float:left; margin:0 5px; border:1px solid #000; }
.box li strong { display:inline; float:left; width:250px; font-weight:normal; line-height:30px; }
.box li i { display:inline; float:left; width:60px; text-align:center; font-style:normal; color:#999; font-size:11px; line-height:12px; font-weight:normal; padding-top:4px; }
.box li em { display:block; font-style:normal; font-size:12px; color:#000; font-weight:bold; }
.box li.more { text-align:right; padding:5px; }
.box li.more a { display:inline; }
.box li.more a:hover { background:none; }
.wall h3 { background:url(../images_new/ico-wall.gif) top left no-repeat; padding:5px 0 0 40px; font-size:12px; }
.wall span { display:none; }
.wall li { padding:5px 0; }
.wall li a { display:inline; }
.wall li a img { display:inline; float:left; } 
.wall li p { display:inline; float:left; width:300px; }
.wall li p u { display:block; font-size:10px; color:#999; text-decoration:none; }
.wall2 li p { width:330px; padding-left:5px; }

.widepage { width:750px; float:none; margin:5px auto; background:#666; }
.widepage h3 { padding:7px 0 5px 26px; background:#92E0F5; display:block; font-size:14px; position:relative; width:724px; overflow:hidden; }
.widepage h3 span { font-size:13px; color:#666; font-weight:normal; }
.widepage h3 em { position:absolute; top:3px; right:10px; display:block; }
.widepage ul { border:1px solid #D5D5D5; border-top:0; background:#FFF; width:748px; display:block; clear:both; }
.widepage li { overflow:hidden; border-top:1px dashed #D8D8D8; width:728px; padding:10px; }
.widepage li img { float:left; margin:0 5px; border:1px solid #000; }
.widepage li p { width:680px; display:inline; float:left; }
.widepage li p u { text-decoration:none; font-size:11px; color:#999; display:block; }
.widepage li strong { width:50px; display:inline; float:left; font-size:20px; color:#CCCCCC; }
.widepage li span { width:535px; display:inline; float:left;  }
.widepage li i { display:inline; float:left; width:100px; text-align:center; font-style:normal; color:#999; font-size:11px; line-height:12px; font-weight:normal; padding-top:4px; }
.widepage li em { display:block; font-style:normal; font-size:12px; color:#900; }
.widepage li span a { display:block; }
.blue { background:url(../images_new/tab-blue.jpg) top left no-repeat; border:0; }
.yellow { background:url(../images_new/tab-yellow.jpg) top left no-repeat; border:0; }
.blue2 { background:url(../images_new/tab-blue2.jpg) top left no-repeat; border:0; }
.blue3 { background:url(../images_new/tab-blue3.jpg) top left no-repeat; border:0; }
.green { background:url(../images_new/tab-green.jpg) top left no-repeat; border:0; }
#morepage { text-align:right; padding:5px; }

.widepage ul.tagslist li { border:0; }
.widepage ul.tagslist li a { display:inline; float:left; margin:3px 5px; background:#E8E8E8; color:#000; padding:5px; }
.widepage ul.tagslist li a:hover { background:#6CF; }
.widepage ul.tagslist li a span { font-size:12px; color:#F60; width:50px; float:none; }

/* right column */
.toplist { background:url(../images_new/hd_boxright.gif) top left no-repeat; height:51px; margin-top:10px; width:205px; }
.toplist h3 { padding:11px 0 0 35px; font-size:14px; }
.contentlist { border-left:1px solid #A2A4A6; border-right:1px solid #A2A4A6; border-bottom:1px solid #A2A4A6; background-color:#D4E2EB; padding:5px 0; width:203px; }
.contentlist li { clear:both; width:203px; }
.contentlist li a { display:block; overflow:hidden; cursor:pointer; padding:3px 0 3px; width:203px; }
.contentlist li a:hover { background:#79A6C3; color:#FFF; text-decoration:none; }
.contentlist li img { float:left; margin:0 5px; border:1px solid #000; }
.contentlist li a span { display:inline; float:left; width:150px; font-size:11px; color:#999; }
.contentlist li a:hover span, .contentlist li a:hover span strong { color:#FFF; }
.contentlist li a span.now { color:#CC0000; }
.contentlist li a span img { float:none; vertical-align:middle; margin-right:3px; border:0; }
.contentlist li a span strong { display:block; font-size:13px; color:#000; }
.contentlist li a u { display:inline; float:left; width:150px; line-height:27px; text-decoration:none; }
.contentlist form { padding:5px; text-align:center; display:block; }
.more { width:205px; text-align:right; padding:3px; }
#tags .contentlist li a { padding:3px 0 3px 10px; width:193px; color:#666; }
#tags .contentlist li a:hover { color:#FFF; }
#report .contentlist li a { padding:3px 0 3px 10px; width:193px; color:#666; }
#report .contentlist li a img { border:0; }
#report .contentlist li a u { line-height:15px; }

/* help */
#help { padding:8px 0; text-align:center; width:205px;  margin-top:10px; }
#help a { color:#900; }

/* list */
#list { text-align:center; width:170px;  margin-top:10px; background:url(../images_new/images_list-01.jpg) top left no-repeat; height:52px; padding:30px 10px 0; }
#list a { color:#900; }

/* codefail */
#boxfail { background:url(../images_new/bg-codefail_new.jpg) top left no-repeat; width:358px; height:545px; display:inline; float:left; margin:5px 1px 5px 6px; }
#boxfail p { padding:210px 10px 0; }
#boxfail ul { overflow:hidden; width:330px; margin:10px auto 0; }
#boxfail li { display:inline; float:left; width:110px; text-align:center; padding-top:8px; }
#boxfail p a { color:#000; }
#boxfail li a img { width:96px; border:1px solid #FFF; }
#boxfail span { display:block; padding:5px 15px; }
#boxfail span a { color:#900; }

a.link_tab:link { color: #333333; text-decoration: none; }
a.link_tab:visited { color: #333333; text-decoration: none; }
a.link_tab:active { color: #FF9900; text-decoration: none; }
a.link_tab:hover { color: #FF9900; text-decoration: none; }

.menutop { background:url(../images_new/bar_top1.gif) top center no-repeat; height:24px; font-size:11px; }
.menutop ul { float:right; margin:2px 10px 0 0; }
.menutop li { padding:0 20px 0 10px; float:left; background:url(../images/icon.gif) 0px 0px no-repeat; color:#fff; }
.menutop li.truehit { background:none; }
.menutop li a { color:#fff; }
.menutop a { color:#fff; }


#div_menutop h1{font-size:12px; color:#999999; font-weight:normal; display:inline; padding-left:6px; font-weight:bold;}
#div_menutop h2{font-size:11px; color:#999999; font-weight:normal; display:inline; padding-left:6px;}
#div_menutop h3{font-size:11px; color:#999999; font-weight:normal; display:inline; padding-left:6px;}