﻿/* reset */
html {overflow-y:scroll;}
body {margin:0; padding:0; font:14px/1.8 Arial,'微软雅黑','Microsoft Yahei',\5b8b\4f53,sans-serif; background:#fff; color:#666; word-break:break-all; width:auto; background:url(../imgs/sidebg.jpg) 0 0 repeat-y;  }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:14px; }
thead th{ font-weight:bold; }
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal; font:14px/1.8 Arial,'微软雅黑','Microsoft Yahei',\5b8b\4f53,sans-serif; }
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
a { color:#336699; text-decoration:none; outline:none !important; }
a:visited {text-decoration:none;  }
a:hover {color:#F60; text-decoration:none;}
a:active {color:#ba2636; text-decoration:none; }

/* global */
.hx a,.hx em,.fB{font-weight:bold;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.page-title{  font:24px/1.8 Arial,'微软雅黑','Microsoft Yahei'; border-bottom:3px solid #999; margin-bottom:15px; }
.chapter-title{font:18px/1.8 Arial,'微软雅黑','Microsoft Yahei'; margin:10px 0; }
.unit1of5{ width:20%; float:left; }
.unit1of2{ width:50%; float:left; }
.d-line{ color:#CCC; padding:0 10px; }
.line{ background:#ddd; height:1px; overflow:hidden; margin:20px 0; }
input.small{ display:inline-block; width:90px; }

/* login */
.left{ float:left;}
.right{ float:right;}
.font12{ font-size:12px;}
.font16{ font-size:16px;}


#login{ width:960px; height:460px;margin:0 auto;position: absolute;top: 50%;left:50%;margin: -260px 0 0 -480px;}
.login-left{ width:463px; height:460px;}
.login-right{ margin:60px 0 0 100px;}
.login-logo{ margin-bottom:50px;}
.remeber{ font-weight:normal; margin-bottom:20px;}
.remeber input{margin-right:5px;}
.tishi{ width:380px;height:16px; overflow:hidden; line-height:16px; margin-bottom:5px; color:#c85305;}
.login-footer{ width:100%; height:60px; background:#EEEEEE; color:#747474; text-align:center; line-height:60px; position:absolute; bottom:0;}
.btn-dl{ padding:12px 45px;}
#focus label{display:block;height:38px;position:relative;margin-bottom:20px}
#focus span{position:absolute;float:left;line-height:38px;left:10px;color:#888;cursor:text; z-index:99; font-weight:normal;}
.input_txt{ height:38px; margin-bottom:10px; position:relative; border:1px solid #B8B8B8; padding-left:10px; line-height:20px; padding-top:8px\9; }
.input_txt:focus{ outline:none;}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
	/*login*/
	#login{ width:300px;top:0; left:0; margin:50px auto !important; position:inherit;}
	.login-right{ width:300px; margin:0 auto !important;}
	.login-footer{ position:inherit;}
}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 1030px) {
	/*login*/
	#login{ width:300px;margin: -260px 0 0 -150px;}
	.login-left{ display:none;}
	.login-right{ margin:60px 0 0 0;}
	.user input, .password inputgrhe{ width:300px;}
	.user input, .password input{ width:300px;}	
}
@media (min-width: 1030px) {
    .input_txt {width:378px; }
}


