html{overflow-x:hidden;overflow-y:scroll}*{ margin:0; padding:0}
body,div,ul,li,th,td,p{font-family:'Microsoft YaHei','微软雅黑',Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#000;}
body {background-color:#eee; background-image:url("");background-position: center top;background-repeat: no-repeat;margin:0; padding:10px 0 0 0}
ul,li{ list-style:none}
:focus{outline:0;}
#box{width:480px; margin:5px auto; height:auto;
}
#box h1#top{height:60px;line-height:60px;text-align:center; background:#11243B; color:#FFF; font-size:18px; font-weight:600; margin:0; padding:0;
vborder-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px 4px 0px 0px;
box-shadow:0 2px 7px rgba(0,0,0,0.5);
position:relative;
}
#box h1#top span{font-size:14px; font-weight:400}
#box h1#top span.back a{position:absolute; right:10px; top:0px;color:#FFF; float:right; text-decoration:none; padding:0 20px; background:url(../images/icon-home.png) no-repeat left center}
#box #content{width:480px; background:#FFF;padding:10px 0px;margin:0px auto;
vborder-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 0px 0px 4px 4px; 
	box-shadow:0 2px 7px rgba(0,0,0,0.5);
} 
#box #content ul{width:413px; margin:0 auto; padding:0;}
#box #content ul li{list-style:none;padding:0px;margin:0 auto; width:413px; line-height:30px}
.pm{width:403px;height:30px;line-height:30px;padding:2px 5px;margin:0 auto;border:1px solid #CCC;font-size:16px; font-weight:600;color:#19B8FF}
.kuang{width:122px;height:30px;line-height:30px;letter-spacing:2px;border:1px solid #CCC;font-size:16px;font-weight:600;color:#19B8FF;padding:2px 5px;}
.pm,.kuang,#message{vborder-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius:4px 4px 4px 4px; }

a.reloadcode{ cursor:pointer; font-size:16px}
#message{width:403px; height:120px; background:#FFF;padding:5px;margin:0px auto; border:1px solid #ccd;
overflow-y:auto}

#box #content ul h2{ font-size:16px; font-weight:600; padding:10px 0; margin:0}

#box #content ul h3{position:relative;margin:0 auto;height:50px;width:150px; padding:20px 0 0 0;}
.input_send{
font-family:'Microsoft YaHei','微软雅黑',Verdana, Arial, Helvetica, sans-serif;
border:none;
background: #11243B;
font-size:16px;
width:150px;
padding:10px 20px;
color:#FFF;
text-align:center;
font-weight:600;
cursor:pointer;
vborder-radius: 4px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 4px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 4px; /* Webkit浏览器的私有属性 */ 
border-radius: 4px 4px 4px 4px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 
}
.input_send:hover{
font-family:'Microsoft YaHei','微软雅黑',Verdana, Arial, Helvetica, sans-serif;
border:none;
background: #31243B;
font-size:16px;
width:150px;
padding:10px 20px;
color:#FFF;
text-align:center;
font-weight:600;
cursor:pointer;
vborder-radius: 4px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 4px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 4px; /* Webkit浏览器的私有属性 */ 
border-radius: 4px 4px 4px 4px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 
}


#footer{
margin-top:3px!important;
/*background: url(../images/foot_bg.gif) no-repeat;*/
margin-top:-6px;width:480px;
/*height:30px;*/line-height:30px;
text-align:center;font-size:10pt;color:#222;overflow:hidden;}
#footer a{font-size:10pt;text-decoration:none;color:#222;}
#footer a:hover{font-size:10pt;text-decoration:underline;color:#F00;}
.tixing a:hover{ color:#090}
.spanclass{ display:none}
.blog{ width:990px;margin:0 auto; padding:0}
.blog p{color:#685A5A; margin:0; padding:0}
.blog p a{color:#685A5A; text-decoration:none}
.blog p a:hover{ color:#f00; text-decoration:none}

#footer a.buy{font-family:'Microsoft YaHei','微软雅黑',Verdana, Arial, Helvetica, sans-serif;
border:none;
background: #F00;
font-size:14px;
width:150px;
padding:5px 20px;
color:#FFF;
text-align:center;

font-weight:600;
cursor:pointer;
vborder-radius: 4px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 4px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 4px; /* Webkit浏览器的私有属性 */ 
border-radius: 4px 4px 4px 4px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ }

@media screen and (max-width: 670px) {
#toppanels,.navbg,.article-hd,#testcode,#ad,.blog,#kefu,#showbox,#box h1#top span.back a{display:none}
body {background:#FFF}
.wrapper{ margin:0 auto;}
#box{width:96%; margin:0% auto;height:auto;}
#box h1#top{width:100%;font-size:16px;padding-left:0;}
#box h1#top span{font-size:12px;font-weight:400;}
#box #content{width:100%; background:#FFF;padding:0px 0px;} 
#box #content ul{width:90%; margin:0 auto; padding:0;}
#box #content ul li{width:100%;}
.pm{ background:#FFF;width:95%;font-size:14px;border:1px solid #CCC;padding:0 0 0 10px}
.kuang{width:100px; background:#FFF;border:1px solid #CCC;padding:0 0 0 10px}
#yzm{ width:100px; height:30px}
.pm,.kuang{vborder-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
border-radius: 4px 4px 4px 4px;}
#box #content ul h2{ font-size:14px; font-weight:600; margin:0; padding:5px 0}
#footer{width:96%}
a.reloadcode{display:none}
.error,.success{ width:92%}
#message{ width:94%; height:100px}
.article-bd table td{ padding:3px}
.article-bd table td h2{ font-size:14px}
}