@charset "utf-8";

/* 全局公用CSS属性 */
* {margin:0;padding:0;}
html {background:#FFFFFF;}
body {font:normal 12px/20px simsun, Verdana, Lucida, Arial, Helvetica, sans-serif;color:#959595;}
ol,ul {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0 none;}
button {cursor:pointer;}

#header .site_info p, #header #nav h2, #site_tip h3, #ptoh .info p {display:none;}
#main:after, .container:after, .side_box:after, .mode:after, #ptoh .box:after, #ptoh .detail:after {clear:both;display:block;height:0;font-size:0;line-height:0;visibility:hidden;content:".";}

#header {height:110px;margin-bottom:10px;border-bottom:2px solid #E7E7E7;background-color:#F8F8F8;}
#header .site_info {position:relative;width:960px;height:110px;overflow:hidden;margin:0 auto;background:url(../img/bg.gif) no-repeat 0 0;}
#header .site_info h1 {position:absolute;top:18px;left:11px;width:250px;height:85px;overflow:hidden;}
#header .site_info h1 a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;}
#header #nav ul {position:absolute;top:87px;right:10px;}
#header #nav li {float:left;height:23px;margin:0 5px;}
#header #nav li a {display:block;float:left;height:100%;padding:0 5px;line-height:22px;color:#000000;border-top:1px solid #F8F8F8;}
#header #nav li a:hover, #header #nav li a.current {text-decoration:none;color:#C92B39;border-top-color:#C92B39;background-color:#E7E7E7;}

#main {width:940px;margin:0 auto 10px;padding:0 10px;}
.container {float:left;width:700px;}
.side_box {float:right;width:230px;}
.mode {margin-bottom:10px;border:1px solid #D2D2D2;background-color:#F8F8F8;}
.mode h3 {height:26px;margin-bottom:10px;text-indent:10px;line-height:26px;font-size:13px;color:#FFFFFF;background-color:#ACACAC;}
.mode .content {padding:0 10px 10px;}

#site_tip {color:#C92B39;border-color:#C92B39;border-bottom-width:2px;background-color:#FFEAE5;}
#site_tip .content {padding-bottom:0;}
#site_tip .content p {height:24px;overflow:hidden;line-height:24px;}
#template_list .content {width:678px;overflow:hidden;padding-bottom:0;*padding-bottom:10px;}
#template_list .content ul {width:698px;margin-left:-8px;}
#template_list .content li {float:left;width:122px;padding:0 8px 5px;margin-bottom:15px;border-bottom:1px dashed #E3E3E3;}
#template_list .content li a.template_pic {display:block;position:relative;width:122px;height:122px;overflow:hidden;background:#333333 url(../img/ico.gif) no-repeat -1140px -1140px;}
#template_list .content li a.template_pic img {display:block;width:120px;height:120px;border:1px solid #ACACAC;}
#template_list .content li a.template_pic span {display:block;position:absolute;left:1px;width:120px;height:20px;overflow:hidden;line-height:22px;text-align:center;color:#FFFFFF;background-color:#333333;}
#template_list .content li a.template_pic:hover {text-decoration:none;background:#FFFFFF url(../img/ico.gif) no-repeat -1140px -1140px;}
#template_list .content li a.template_pic:hover img {border-color:#333333;}
#template_list .content li a.template_pic:hover span {top:101px;}
#template_list .content li .buy_this {height:20px;padding:5px 0;}
#template_list .content li .buy_this em {float:left;text-indent:15px;font-style:normal;font-family:Arial;font-size:11px;color:#C92B39;background:url(../img/ico.gif) no-repeat 0 4px;}
#template_list .content li .buy_this a, #ptoh a.agree {float:right;width:29px;height:19px;overflow:hidden;text-indent:-9999px;background:url(../img/ico.gif) no-repeat 0 -40px;}

#notice .content p {text-indent:2em;}
#notice .content p em, #ptoh .box li em {font-style:normal;color:#C92B39;}
#contact li a {font-size:10px;font-family:Georgia;color:#FF0000;}
#contact li a:hover {color:#C92B39;}
#notice li, #ptoh .box li {font-size:11px;font-family:Georgia;list-style:decimal inside;color:#FF0000;}
#notice li span, #ptoh .box li span {font-size:12px;font-family:simsun;color:#959595;}

#ptoh .box {padding-bottom:10px;margin-bottom:10px;font-size:13px;}
#ptoh .box h4 {font-size:13px;color:#3C3C3C;}
#ptoh .box .important {text-indent:2em;color:#FF0000;}
#ptoh .info {width:670px;height:226px;overflow:hidden;margin:0 auto 10px;background:url(../img/PtoH.png) no-repeat 0 0;}
#ptoh .detail {padding:0 20px;zoom:1;}
#ptoh a.agree {width:auto;text-indent:35px;line-height:24px;font-weight:bold;color:#FF0000;}
#ptoh a.agree:hover {text-decoration:none;color:#333333;}

#footer {clear:both;width:960px;margin:0 auto;padding-top:10px;text-align:center;background:url(../img/bg.gif) no-repeat 0 -120px;}
#footer p {line-height:22px;color:#837D7D;}
#footer p a {color:#837D7D;}