@charset "utf-8";
/* common */
html, body {padding: 0px;margin: 0 auto;font-size: 14px;
	width: 100%;min-width: 320px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0 auto;
	padding: 0}
body {text-align: left; }
div,form,img,
h1,h2,h3,h4,h5,h6  {margin:0; padding:0;}
ul,ol,li,dl,dt,dd,p		{margin:0; padding:0;}
table,td,tr,th 			{font-size:12px;}
input,select,textarea 	{font-size:12px;margin:0; padding:0;}
h1 {margin-bottom: 10px;font-size: 18px;}
ul li {list-style:none;}
img {border:0;}
li {display:list-item;}

p{line-height: 1.54;}
/* link color */
a:link		{color: #0062C3; text-decoration:none;}
a:visited	{color: #366; text-decoration:none;}
a:hover		{text-decoration:underline;}
a:active	{color: #0062C3;}

/* color */
.mhl	{color:Red; }
em      {color:Red; font-style: normal; }
.mgray	{color: #666;}
.mgreen {color: green;}

/* Header style */
#header {background:#ebebeb;border-bottom:1px solid #dbdbdb;overflow:hidden;padding:10px;}
#home #header {text-align:center;padding:60px 0 20px;}
#list #sbox,#content #sbox, #hotkey #sbox {float:left;}
#logo {float:left;}
#logo img {max-width:90%;height:auto;margin-top:5px;}
#home #logo {float:none;margin-right:15px;}
.top {padding:0 50px;text-align:right;}
.top a {line-height:24px;font-size:16px;color:red;}

/* Home style */
#sbox {width:550px;}


#home #sbox {margin:20px auto;width:550px;overflow:hidden;}
#sbox input {padding:2px 5px;height:30px;line-height:30px;font-size:17px ; vertical-align:middle;float:left;margin-top:5px;}
#sbox input#sbutton {background: #2E82FF;border:none;height: 36px;color:#fff;width:15%;cursor:pointer;}
#sbox input#sbutton.hover {background:#317ef3;border-bottom:1px solid #2868c8;box-shadow:1px 1px 1px #ccc;}
#sbox input.stbox {border: 1px solid #ccc;border-right:0;display: inline-block;width: 80%;z-index: 1;}
#sbox input.stbox:hover {border-color:#bdbdbd;}

#home .hotwords {text-align:center;margin:10px auto;}
#hotkey .hotwords {padding:15px 50px;}
.hotwords_left {text-align:left;padding-top:10px;clear:both}
.hotwords a {padding:0 5px;}
.hotwords_left a {padding:0 5px;}
#f_hotwords {display: none;}

/* Main style */
#wrapper {height: auto;border:1px solid #ddd;}
#container,#content {padding:5px 2px 20px;overflow:hidden;}
.leftconbox {width:100px;padding:0 10px;position:absolute;display:block;}
.main {float:left;width:70%;padding:20px;}
.righthotbox {float:left;width:300px;padding:20px;border-left: 1px solid #eee;display:block;}
.rightadbox {width:300px;position:absolute;right:0;}
.rststat {color:#666;}
.rststat span {color:#333;padding:0 5px;}

/* List style */
.leftconbox li {line-height:28px;}
.mlist li {line-height:1.54;margin:0 0 15px;clear:both;}
.T1 a {font-size:18px;}
.BotInfo {color: #828282;}
.BotInfo dt {margin-right:10px;}
.BotInfo span {color:#444;}
.BotInfo,.dInfo {overflow:hidden;margin-bottom:5px;}
.BotInfo a {color:#080;}
.dInfo {color:#999;}
.dInfo a {padding-right:10px;font-weight:500;color:#080;}
.dInfo a:hover {text-decoration: underline;}
.btCnt {background:#eee;padding:10px;line-height:18px;color:#666;font-size:12px;border-radius:3px;}


/* Content style */
/* #content .T1 {font-size:21px;font-weight:500;padding-bottom:5px;} */



/* Hotkey style */
.zuobian {width:77%;float:left;}
.zuobian h2,.youbian h2 {padding:5px;margin:0 5px;font-size:16px;border-bottom:1px solid #ddd;}
.zuobian ul {padding:10px;}
.zuobian ul li{width:22%;margin-left:2%;height:25px;line-height:25px;overflow:hidden;float:left;}
#content li{width:150px;height:170px;float:left;margin:5px 10px;}
#content li img{width:150px;height:140px;float:left;}
#content li p{width:150px;height:20px;line-height:20px;overflow:hidden;}
.artnr{line-height:20px;}
.youbian {
    border-left: 1px solid #DEDEDE;
    float: right;
    overflow: hidden;
    width: 22%;
}
.box {
    clear: both;
    display: block;
    margin: 5px 0 5px 1%;
    overflow: hidden;
}
.box span {
    color: #F66329;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}
.box ul li {
    display: block;
    float: left;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-indent: 8px;
    width:96%;
}
.page {
    clear: both;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    width:90%;
}
.pages {
    height: 64px;
}
.pages a {
    background: none repeat scroll 0 0 #3392D6;
    border: 1px solid #3392D6;
    color: #FFFFFF;
    float: left;
    margin: 2px;
    padding: 6px 8px 4px;
    text-decoration: none;
}
.pages span {
    background: none repeat scroll 0 0 #3392D6;
    border: 1px solid #3392D6;
    color: #FFFFFF;
    float: left;
    font-weight: normal;
    margin: 2px;
    padding: 6px 8px 4px;
    text-align: center;
}
.pages input {
    display: none;
}
/* Footer style */
#footer {height:52px;background: #ebebeb;}
#footer p {line-height:25px;text-align: center;color:#999;padding-top:5px;}

@media screen and (max-width: 980px) {
    #logo {float:none;clear:both;}
	#sbox {width:100%;}
	#list #sbox,#content #sbox, #hotkey #sbox {float:none;}
	.main {padding-left: 5px;width:96%;}
	.righthotbox {display:none;}
}

@media screen and (max-width: 640px) {
	#logo {float:none;clear:both;}
	#sbox {width:100%;}
	#list #sbox,#content #sbox, #hotkey #sbox {float:none;}
	.main {padding:0;width:95%;}
	.righthotbox {display:none;}
}