html{color:#000;background:#fff;font-size:100%;}
body{line-height:auto;font-size:100%;font-family:Arial,Helvetica,sans-serif;text-align:left;padding:0;margin:0;}
a{color:#3b74c3;text-decoration:none}
a:hover{text-decoration:underline}
ul.num {list-style-type:decimal}
ul.none {list-style:none;}
li{line-height:160%;}
h1{font-size:21px;}
ul,li{list-style:none;}
.proname,.shortdes{padding:0;font-size:17px;margin:0;}
.buy{width:200px;height:40px;background:#ffcd08;border:1px solid #ffcc66;font-weight:bold;font-size:17px;padding:5px;}
.sub-content,.sub-footer,.masthead{width:96%;max-width:960px;margin:0 auto;}
.sub-header{background:#3b5998;width:100%;height:66px;}
.left-content{float:left;width:100%;max-width:600px;}
.right-content{float:right;width:100%;max-width:300px;text-align:left;}
.sub-footer{clear:both;padding-top:100px;}
#order{display:none;position:absolute;z-index:99;width:400px;max-width:100%;background:#fff;border:1px solid #eee;padding:10px;}/*-moz-opacity:0.8;opacity: 0.7;filter:alpha(opacity=50);*/
img{max-width:96%;}

.thumpic{float:left;width:300px;}
.sub-content h3{padding:0;margin:0;}

.date{color:#ccc;}
.date a{color:#ccc;}
.center{width:100%;text-align:center;}
.sub-more{clear:both;width:100%;text-align:left;}
.sub-more p{float:left;padding:0 5px;width:300px;height:200px;}
.sub-more a{padding:5px;word-wrap:break-word;}

.sub-more-pro{clear:both;width:100%;text-align:left;}
.sub-more-pro p{float:left;padding:5px;width:300px;height:260px;overflow:hidden;border:1px solid #eee;}
.sub-more-pro a{padding:5px;word-wrap:break-word;}
.nav{clear:both;padding:5px 0 0 0;padding:2px 5px; line-height:32px;}
.nav a{background:#efefef;padding:5px;border:2px solid #ffffff;}

.sub-list{width:96%;max-width:960px;margin:0 auto;}
.sub-list ul,li{padding:0;}
.sub-list a{float:left;width:30%;padding:3px 0;background:#efefef;margin:5px;border:1px solid #ccc;text-align:center;}

.page-cen{clear:both;width:100%;text-align:center;}
.page{width:310px;margin:0 auto;}
.page a{border:1px solid #ccc;background:#ffc;padding:3px 16px;margin-right:5px;text-decoration:none;}
.page a:hover{background:#ccc;}
#s{height:24px; width:96%;max-width:499px;margin-top:5px;}
.textBox{width:260px;height:26px;font-weight:bold;}
#info{width:96%;height:140px;}
.gad{position:fixed;z-index:999999;bottom:0;width:100%;text-align:center;}
.gad span{float:right;}

/******post********/
#con{border:1px solid #000;width:96%;padding:3px;max-width:480px;height:auto;}
.cursort{background:#ccc;padding:3px 5px;}
.red{font-weight:bold;color:#000;padding:5px;animation:myfirst 5s infinite alternate;}
#showsort{padding:5px 0;}
.c{text-align:left}
.input{width:240px;padding:5px;}
.input_len{width:320px;padding:5px;}
.txt_error{border:1px solid #ff0000;width:240px;padding:5px;}
.lentxt_error{border:1px solid #ff0000;width:320px;padding:5px;}
#auth_code{width:100px;padding:5px;}
#auth_code_error{border:1px solid #ff0000;width:100px;padding:5px;}
#auth_code_img{position:absolute;}
#show img{width:240px;}
#codeshow{margin-top:5px;background:#eee;padding:5px 1%;border:1px solid #3b74c3;width:96%;}
.submit{font-weight:bold;font-size:16px;width:120px;height:32px;margin-top:50px;}
.psubmit{font-weight:bold;font-size:16px;width:100px;height:32px;}
/******auth_code********/
.auth_code{width:120px;height:50px;}
.submit{font-weight:bold;font-size:16px;width:120px;height:32px;}
label{font-weight:bold;padding:5px 5px 5px 0;}
/********comment************/
.clist{border:1px solid #ccc;margin-top:5px;}
.ctit{background:#eee;padding:5px;}
.ccon{padding:5px;}

#shared{position:absolute;z-index:3333;display:none;}
#social{margin-left:20px;background:url('/img/share.gif') no-repeat;width:216px;height:32px;}
#social ul{list-style:none;padding:0;margin:0;}
#social li{float:left;list-style:none;padding:0;width:36px;height:32px;cursor:pointer;}
#social li:hover{float:left;list-style:none;padding:0;width:36px;height:32px;background:#fff;-moz-opacity:0.8;opacity: 0.7;filter:alpha(opacity=50);cursor:pointer;}