@charset 'utf-8';
html, body {
	height: 100%;
	width: 100%;
	font-size: 12px;
}
.login_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-width:500px;
	min-height: 400px;
	background: url(../images/bacimg.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.login-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 110px;
	width: 294px;
	margin-top: -145px;
	margin-left: -150px;
}
.login-logo div {
	width: 58px;
	height: 58px;
	margin: 0 auto 15px;
	background: url(../images/logo.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.login-logo p {
	cursor:default;
	color:#c4dbff;
	font-size: 20px;
	text-align:center;
}
.login-inp {
	position: absolute;
	top: 48%;
	left: 50%;
	margin-left: -150px;
	width: 294px;/* 
	height: 90px; */
}
.login-inp input, .login-inp span {
	float: left;
}
.login-inp input[type=text], .login-inp input[type=password] {
	width: 185px;
	height: 28px;
	padding-left: 12px;
	border: 1px solid #b5cef3;
	background-color:#b5cef3;
	/* line-height:28px; */
	line-height:28px\9;
	color:#18417d;
}
input::-webkit-input-placeholder {
    color: #18417d;
}
input:-moz-placeholder {
    color: #18417d;
}
.user-name {
	display: block;
	width: 30px;
	height: 30px;
	background:url(../images/username.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.pass-word {
	display: block;
	width: 30px;
	height: 30px;
	background:url(../images/password.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.user-inp {
	margin-bottom: 4px;
}
.login-btn {
	cursor: pointer;
	float: right;
	width: 58px;
	height:62px;
	border: 1px solid #0044a9;
	background-color: #004ab7;
	text-align:center;
	line-height: 62px;
	font-size: 18px;
	color: white;
}
.login-btn:hover {
	background:#1358BD;
}
.rem-num {
	float: left;
	padding-top: 13px;
	width: 500px;
}
.rem-num input, .rem-num label, .rem-num span {
	float: left;
	color: #d1e1fa;
}
.rem-num span {
	color:red;
	margin:3px 0 0 10px;
}
.rem-num label {
	padding-top: 3px;
}
.rem-num input {
	-webkit-appearance: none;
	appearance: none;
    width: 13px;
	height: 13px;
	margin: 0;
	cursor: pointer;
	vertical-align: bottom;
	background: #b3ccf1;
	border: 1px solid #004ab7;
	-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}
input[type=checkbox]:checked{
	background: url(../images/true.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.copyright {
	position: absolute;
	bottom: 10px;
	text-align:center;
	width: 100%;
	color: #d1e1fa;
	font-size: 14px;
}
.copyright .first-span {
	font-family: Arial,Verdana,\5b8b\4f53;
}
.copyright .sec-span {
	margin-left:20px;
	font-family: Arial,Verdana,\5b8b\4f53;
}
.copyright em {
	float: right;
	display:block;
	width: 11px;
	height: 14px;
	margin-left: 5px;
	background: url(../images/copyright.png) 0 0 no-repeat;
	background-size: 100% 100%;
}