html,
body {
	height: 100%;
	width: 100%;
}

.outbg {
	background: url(../img/bj.png) no-repeat;
	background-size: cover;
	/*针对IE8的hack，目的是除掉之前background*/
	background: none\9;
	/*下一行为关键设置*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bj.png', sizingMethod='scale');
	padding: 40px;
	height: 100%;
}

#logo img{
	width: 40%;
	margin:0 auto;
}

.login {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 660px;
	margin-top: -400px;
	margin-left: -250px;
}

.login h3 {
	height: 90px;
	width: 100%;
	margin-bottom: 20px;
	font-size: 0;
	margin-top: 30px;
}

.login h3 img{
	width: 100%;
}

.usemes {
	background: url(../img/bg2.png) no-repeat;
	background-size: 100% 100%;
	/*针对IE8的hack，目的是除掉之前background*/
	background: none\9;
	/*下一行为关键设置*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg2.png', sizingMethod='scale');
	padding: 40px;
}

.usemes ul li {
	height: 52px;
	border: 2px solid #c2c2c2;
	margin-bottom: 20px;
	position: relative;
	padding-left: 50px;
}

.usemes ul li label {
	height: 50px;
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
}

.usemes ul li label[for=usename] {
	background: url(../img/id.png) no-repeat center center;
}

.usemes ul li label[for=password] {
	background: url(../img/pw.png) no-repeat center center;
}

.usemes ul li label[for=Vcode] {
	background: url(../img/vcode.png) no-repeat center center;
}

.usemes ul li label[for=location] {
	background: url(../img/pos.png) no-repeat center center;
}

.usemes ul li input {
	background: 0;
	width: 100%;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

#submit{
	width: 100%;
	margin: 0 auto 10px;
}
#submit input{
	width: 100%;
	background: #20a3f5;
	color: #FFFFFF;
	height:50px;
	font-size: 18px;
	cursor: pointer;
}

.code {
	position: absolute;
	right: -120px;
	top: -2px;
	height: 52px;
	line-height: 50px;
	
}

#title img{
	width: 80%;
	margin: 0 auto;
}
#title{
	margin-bottom: 20px;
}

#download {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #1870B4;
	height: 40px;
	text-align: center;
}

#download p a {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 40px;
	padding: 0 20px;
}

#download ul {
	display: none;
}

#download ul li a {
	line-height: 40px;
	background: #D7D7D7;
}

#download ul li a:hover {
	background: #20A3F5;
	color: #FFFFFF;
}

#box {
	width: 100%;
	height: 50px;
	/* text-indent: 5px; */
	font-size: 18px;
	line-height: 50px;
	cursor: pointer;
	position: relative;
}

.downnav #down {
	width: 100%;
	height: 200px;
	display: none;
	overflow-y: scroll;
}

.downnav dl dd {
	list-style: none;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	padding-left: 20px;
	background-color: #fff;
}

.downnav dd:hover {
	background-color: #20A3F5;
}

#box em{
	width: 20px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}