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

*{ margin:0px; padding:0px;}
body{ font-size:9pt; font-family:Arial, Helvetica, sans-serif; color:#000; background:#f6f6f8 url(../images/body-bg.jpg) repeat-x 0px 0px; zoom:1;}
a:link,a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#C00;}
img{ border:none;}
.clear{ clear:both;}
ul{ list-style:none;}
.blank10{ height:10px; line-height:0px; font-size:0px;}

#container{ height:100%; background:url(../images/bottom_bg.jpg) 0px bottom repeat-x;}
#wrap{ width:870px; margin:0px auto; height:100%; background:none;}
h1{ padding:0px 8px;}
h1 a{ display:block; background:url(../images/logo.gif) 0px 0px no-repeat; width:540px; height:80px; text-indent:-9999px;}

.menu{ width:870px; background:url(../images/navbg0.jpg) 0px 0px repeat-x; height:35px; line-height:35px;}
.menu ul{ width:800px; margin:0px auto;}
.menu li{ float:left;}
.menu li a{ display:block; padding:0px 20px; font-size:16px; font-weight:bold; text-transform:uppercase;}
.menu li a:hover{ background:url(../images/navbg1.jpg) 0px 0px repeat-x;}

.banner{ margin:8px 0px;}

#middle{}
#left{ float:left; overflow:hidden; width:209px;}
#left h2{ text-align:center; color:#FFF; background:url(../images/short_leftBG.jpg) 2px 1px no-repeat; width:205px; height:26px; line-height:26px; font-size:16px;border-bottom:1px solid #fec9b9; text-transform:capitalize;}
.box_left{ border:1px solid #fec9b9; margin-bottom:10px;}
.box_left p{ line-height:240%; width:96%; margin:0px auto; padding-top:4px;}
.box_left ul{ padding:8px;}
.box_left ul li{ padding:5px 0px 2px 10px; background:url(../images/coin.gif) 2px 50% no-repeat;}
#right{ float:right; overflow:hidden; width:651px;}
#right h2{ background:url(../images/right_titBg.jpg) 0px 0px no-repeat; height:27px; color:#bb0002; padding-left:20px;font-size:15px; line-height:30px;text-transform:capitalize;border-bottom:1px solid #fec9b9;}
#right h2 a.more{ float:right; display:block; background:url(../images/more.gif) 0px 0px no-repeat; width:42px; height:14px; margin:6px 10px 0px 0px; text-indent:-9999px;}
.box_right{ float: left; width:318px;border:1px solid #fec9b9;}
.box_right li { padding:2px 0px 0px 12px; background:url(../images/coin.gif) 2px 50% no-repeat;}
.box_right li span{ float:right;}
.box_right ul,.box_right p{ padding:8px; line-height:150%;}

.proList{border:1px solid #fec9b9;height:100%;}
.proList .topProList li{ float:left; text-align:center; padding:15px 0px 15px 17px;}

.proList .topProList li a{ display:block; float:left; width:140px; height:165px; border:1px solid #ccc;}
.proList .topProList li a:hover{ border:1px solid #C00;}
.proList .topProList li a img{ margin-bottom:6px; width:140px; height:130px;}

#footer{ background:none; height:100px; line-height:100px; text-align:center;}

.box{ text-align:center; line-height:180%; padding:10px;}
ul.articleList{ padding-top:10px; text-align:left;}
ul.articleList li{ height:25px; line-height:25px; width: 95%; border-bottom:1px dashed #CCC; padding-left:20px; background:url(../images/coin1.png) 5px 8px no-repeat;}
ul.articleList li span{ float:right; padding-right:10px;}

#fade_focus{width:870px;height:261px;margin:0px auto; margin-bottom:8px; clear:both; font-size:0px; position:relative; z-index:390;}
.d1{width:870px;height:auto;overflow:hidden;background-color:#ffffff;position:relative; z-index:1}
.loading{width:870px;background-color:#000000;color:#FFCC00;font-size:12px;height:261px;text-align:center;padding-top:30px;font-weight:bold;}
.d2{width:100%;height:261px;overflow:hidden;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;color:#FFFFFF;font-size:12px;padding:3px 0px;height:20px;overflow:hidden;}
.num_list span{display:inline-block;height:16px;padding-left:6px; display:none;}
#fade_focus ul{display:none;}
.button{position:absolute; z-index:100; right:0px; bottom:2px; font-size:12px; font-weight:bold;}
.b1,.b2{background-color:#666666;display:block;float:left;padding:2px 6px;margin-right:3px;color:#FFFFFF;text-decoration:none;cursor:pointer;}
.b2{color:#FFCC33;background-color:#FF6633;}