@charset "gb2312";
/* CSS Document */

/* =============== Reset =============== */
*{margin: 0px; padding: 0px;}
body{width: 960px; margin: 0px auto; font-family: Tahoma; color: #666666; font-size: 12px;}
img, table {border: 0px;}
ol, ul {list-style: none;}
hr {border: solid 0px #CCC; border-top-width: 1px; margin-bottom: 10px; clear: both; height: 0;}
table {border-collapse: collapse; border-spacing: 0; font-size: 12px;}
h2{font-size: 14px; font-weight: normal; color: #C00; float: left;}
h3{font-size: 12px; font-weight: normal; float: right;}
.nobold{font-weight: normal;}
.bold{font-weight: bold;}
.text_left{text-align: left;}
.text_right{text-align: right;}
.text_center{text-align: center;}
.float_left{float: left;}
.float_right{float: right;}
.clear_left{clear: left;}
.clear_right{clear: right;}
.clear_both{clear: both;}

/* =============== Div =============== */
.box_border{border-top: solid 2px #C00; border-left: solid 1px #DDD; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; float: left;}
.box_border .box_caption{padding: 5px 10px; background-color: #F5F5F5; border-bottom: solid 1px #DDD; float: left; clear: both;}
.box_border .box_content{padding: 5px 10px; line-height: 2em; float: left; clear: both;}
.box_border_w960{width: 958px;}
.box_caption_w960, .box_content_w960{width: 938px;}
.box_border_w720{width: 718px;}
.box_caption_w720, .box_content_w720{width: 698px;}
.box_border_w220{width: 218px;}
.box_caption_w220, .box_content_w220{width: 198px;}
.h380{height: 380px;}
.mgb20{margin-bottom: 20px;}

/* =============== Table =============== */
.table{margin-bottom: 20px; border-left: solid 1px #DDD; border-right: solid 1px #DDD; border-bottom: solid 1px #DDD; float: left;}
.table th{padding: 5px 10px; text-align: left; background-color: #F5F5F5; border-top: solid 2px #C00; border-bottom: solid 1px #DDD;}
.table td{border: solid 1px #EEE; padding: 5px 10px; line-height: 1.5em;}
.table .caption{text-align: center; background-color: #FFFFF5;}
.table_w960{width: 958px;}
.table td.w30{width: 30%;}
.table td.w40{width: 40%;}

/* =============== Form =============== */
input.text{font-size: 12px; color: #666666; border: solid 1px #DDD; padding: 2px 2px;}
input.button{font-size: 12px; color: #666666; border: solid 1px #DDD; background-color: #FFF; padding: 1px;}
textarea{font-size: 12px; color: #666666; border: solid 1px #DDD; line-height: 1.5em; overflow-y: auto;}
select{font-size: 12px; color: #666666;}

/* =============== Page =============== */
.page{float: left; width: 98%; text-align: right;}

/* =============== NavPath =============== */
#navpath{padding: 5px 10px; border: solid 1px #CCC; margin-bottom: 10px;}

/* =============== A =============== */
a:link,a:visited{color: #0044dd; text-decoration: none;}
a:hover,a:active{color: #ff5500; text-decoration: underline;}

h2 a:link, h2 a:visited{font-size: 14px; font-weight: normal; color: #C00;}
h2 a:hover, h2 a:active{font-size: 14px; font-weight: normal; color: #F50; text-decoration: underline;}

h3 a:link,
h3 a:visited,
.notice a:link,
.notice a:visited,
.order a:link,
.order a:visited,
.vlist p a:link,
.vlist p a:visited,
.subclass a:link,
.subclass a:visited,
.search_left_ul a:link,
.search_left_ul a:visited,
.page a:link,
.page a:visited,
.sv a:link,
.sv a:visited,
.author a:link,
.author a:visited,
.video a:link,
.video a:visited{color: #666666; text-decoration: none;}

 h3 a:hover,
 h3 a:active,
.notice a:hover,
.notice a:active,
.order a:hover,
.order a:active,
.vlist p a:hover,
.vlist p a:active,
.subclass a:hover,
.subclass a:active,
.search_left_ul a:hover,
.search_left_ul a:active,
.page a:hover,
.page a:active,
.sv a:hover,
.sv a:active,
.author a:hover,
.author a:active,
.video a:hover,
.video a:active{color: #ff5500; text-decoration: underline;}

/* =============== Header =============== */
#header{float: left; width: 100%; margin-bottom: 15px; padding: 5px 0px;}
#header #nav_info{float: left; width: 948px; border: solid 1px #EEE; padding: 5px; margin-bottom: 5px;}
#header #nav_info #style{float: left;}
#header #nav_info #style #webstyle {float: left;}
#header #nav_info #style #webstyle li{float: left; padding-left: 5px;}
#header #nav_info #style #webstyle li a:link,
#header #nav_info #style #webstyle li a:visited{width: 8px; height: 8px; display: block; overflow: hidden; margin-top: 3px; border: solid 1px #EEE;}
#header #nav_info #style #webstyle li a:hover,
#header #nav_info #style #webstyle li a:active{width: 8px; height: 8px; display: block; overflow: hidden; margin-top: 3px; border: solid 1px #CCC;}
#header #nav_info #nav{float: right;}
#header #logo{float: left;}
#header #logo img{width: 221px; height: 83px;}
#header #banner{clear: right; float: right; margin-top: 5px; width: 600px; height: 60px; text-align: right; overflow: hidden;}
#body{margin: 0px; float: left;	width: 100%;}

/* =============== Footer =============== */
#footer{width: 100%; margin-top: 10px; line-height: 2em; float: left;}

/* =============== Index =============== */
.block{width: 960px; float: left;}
.index_left{width: 720px; float: left;}
.index_right{width: 220px; float: right;}
/* Menu */
.hide{display:none;}
#menu{width: 100%; float: left;}
#mainmenu_top a, #mainmenu_bottom a {text-decoration: none;}
#mainmenu_top{height:28px;}
#mainmenu_top ul li {float:left; width:81px; height:20px;}
#mainmenu_top ul li .menuhover{background:url(global/mainmenu_s.gif) no-repeat;	color:#fff;}
#mainmenu_top ul li a{padding-top:8px; color:#666666; display:block; font-weight:bold; width:100%; height:100%; text-align:center; cursor:pointer; background:url(global/mainmenu_h.gif) no-repeat;}
#mainmenu_bottom{background:url(global/mainmenu_bg.gif) repeat-x;}
#mainmenu_bottom .mainmenu_rbg{color:#fff; margin-left:0px; height:32px;}
#mainmenu_bottom ul li{color: #FFF; float:left; height:32px; line-height:32px; margin-left:7px; padding-left:8px; padding-right:18px; background:url(global/menulink_bg_normal.gif) no-repeat right;}
#mainmenu_bottom ul li a{color:#fff; display:block;}
#mainmenu_bottom ul li a:hover{text-decoration: underline;}
/* Notice */
.info{margin: 10px 0px; border: solid 1px #DDD; width: 958px; float: left;}
.info .siteinfo{padding: 5px 10px; float: left;}
.info .notice{padding: 5px 0px; width: 440px; float: left;}
.info .search{padding: 2px 5px; float: right;}

/* Show */
#show{margin-bottom: 10px;}

/* Show Video */
.sv{margin: 15px 0px;}
.sv li.list1{width: 25%; text-align: center; float: left;}
.sv li.list1 .pic{width: 134px; height: 180px; padding: 2px; border: solid 1px #DDDDDD;}
.sv li.list1 .subject{height: 20px;}
.sv li.list1 .author{height: 20px; margin-bottom: 18px;}
.sv li.list2{width: 25%; height: 26px; text-align: center; float: left;}

/* Order */
ul.order{float: left; width: 100%;}
ul.order li{margin: 2px 0px; width: 100%; clear: both; float: left;}
ul.order li img{margin-top: 9px; float: left;}
ul.order li .left{float: left;}
ul.order li .right{float: right; color: #C00;}
ul.order li .pic{float: left; margin-top: 0px; padding: 2px; border: solid 1px #DDD; height: 82px; width: 70px;}

/* =============== Category =============== */
.category_left{width: 720px; float: left;}
.category_right{width: 220px; float: right;}

/* =============== Class =============== */
#class_menu{color:#FFFFFF; background:url(global/mainmenu_bg.gif) repeat-x; height: 30px; margin-bottom: 10px;}
#class_menu ul li{color: #FFF; float:left; padding: 7px 18px 4px 18px; background:url(global/menulink_bg_normal.gif) no-repeat right;}
#class_menu ul li a{color:#fff;}
#class_menu ul li a:hover{text-decoration: underline;}
#class_left{width: 220px; float: left;}
#class_right{width: 720px; float: right;}
.subclass{width: 100%;}
.subclass li{width: 33%; text-align: center; float: left;}
.vlist{}
.vlist li{padding: 10px; width: 329px; height: 180px; float: left;}
.vlist img{width: 134px; height: 180px; padding: 2px; float: left; border: solid 1px #DDDDDD;}
.vlist h2{width: 179px; margin-left: 10px; float: left;}
.vlist p{width: 179px; margin-left: 10px; float: left;}

/* =============== Read =============== */
#read_left{width: 720px; float: left;}
#read_right{width: 220px; float: right;}
.video{}
.video li{padding: 10px; float: left;}
.video li.subject{padding: 10px; width: 60%; float: left;}
.video li.msg{padding: 0px 10px; width: 60%; float: left;}
.video img.pic{width: 200px; height: 250px; padding: 2px; float: left; border: solid 1px #DDDDDD;}
.video_control{clear: both; float: left;}
.video_control li{float: left; margin: 0px 5px;}
.video_control li a{width: 50px; height: 50px; border: solid 1px green; text-align: center; float: left;}
.series{width: 100%; float: left;}
.series li{float: left;}
.series li a{width: 99px; margin: 5px; padding: 2px; text-align: center; float: left;}
.series li a.p{border: solid 1px #FF5500; color: #FF5500;} /* play */
.series a:link, .series a:visited{border: solid 1px #DDD; color: #666666; text-decoration: none;}
.series a:hover, .series a:active{border: solid 1px #FF5500; color: #FF5500;}
.reply_gdcode{margin-top: 2px;}
.reply_smiles{margin-top: 5px; margin-bottom: 10px; padding: 0px 10px 10px 10px; border: solid 1px #DDD;}
.smile{margin: 2px; cursor: pointer;}
.reply_caption{float: left; width: 696px; background-color: #F5F5F5; padding: 2px; margin-top: 12px;}
.reply_content{float: left; word-break: break-all; width: 680px; padding: 10px;}
.reply_signature{float: left; text-align: right; width: 696px; padding: 2px; color: #AAA;}
.member{}
.member li{width: 100%; float: left;}
.member p.normal{width: 90%; margin-left: 10px; clear: both; float: left;}
.member p.author a{font-weight: bold;}
.member p.icon{margin-bottom: 10px;}
.member p.medal{margin-top: 10px; margin-bottom: 10px;}
.member img.icon{width: 100px; height: 120px; float: left;}
.member img.medal{margin: 2px 2px; float: left;}
.sale_need_msg{margin-bottom: 20px; padding: 5px 20px; border: solid 1px #DDD; width: 678px; float: left;}

/* =============== Help & Notice =============== */
table.help, table.notice{margin: 0px 0px 20px 0px; border: solid 1px #DDD; width: 958px; float: left;}
table.help td, table.notice td{padding: 10px;}

/* =============== Search =============== */
#search_left{width: 220px; float: left;}
#search_right{width: 720px; float: right;}
.search_left_ul{width: 100%;}
.search_left_ul li{width: 33%; text-align: center; float: left;}

/* =============== Post =============== */
#preview_fake{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); margin-bottom: 5px;} 

/* =============== Global =============== */
img.icon{width: 100px; height: 120x;}

/* =============== AD =============== */
.adnav{width: 100%; margin-bottom: 10px; text-align: center; float: left;}
.adfooter{width: 100%; text-align: center; float: left;}
.adindex, .adclass, .adread, .adplay{width: 100%; text-align: center; float: left; margin-bottom: 20px;}