@charset "utf-8";
/* @Author stealer */
*{
	margin:0 auto;
}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0px; padding:0px;
}

    input:-webkit-autofill {
 
        transition: background-color 5000s ease-in-out 0s;
        color: rgb(0, 0, 0) !important
    }
html{
	*overflow: auto;
	_overflow-x: hidden;
}
body{
	text-align: center;
	color: #706f6f;
	font: 12px/20px Microsoft Yahei;
}
/* Layout ================================================================================ */
.wrapper{
}
.page{
	width: 1000px;
}
/* Header ================================================================================ */
.header .page{
	/*padding: 10px 0;*/
	height: 80px;
	text-align: left;
}
.header .logo{
	float: left;
	margin:21px 0 0 0;
}
/* Container ============================================================================= */
.container{
	height: 600px;
	background: url(../images/login-bg.jpg) center 0 no-repeat;
}
.login{
	display: inline;
	float: right;
	margin: 125px 40px 0 0;
	padding: 40px 25px 0;
	width: 300px;
	height: 350px;
	background: #fff;
}
.login h2{
	margin: 0 0 25px;
	font: 20px/1 Microsoft Yahei;
	color:#000;
	font-weight: bold;
}
.login div{
	position: relative;
}
.login .name label,.login .password label{
	position: absolute;
	top: 11px;
	left: 50px;
	font: 14px/18px Microsoft YaHei;
	color: #BBB;
}
.login label.focus{
	color:#e4e4e4;
}
    .login .input {
        padding: 11px 11px 11px 50px;
        width: 239px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #DBDBDB;
        border-radius: 2px;
        background: none;
        font: 14px/18px Microsoft YaHei;
        color: #333;

    }
.login input.focus{
	border-color: #4563bb;
}
.login .name{
	margin: 0 0 30px;
	background: url(../images/icon_user.png) 1px 1px no-repeat;
}
.login .password{
	margin: 0 0 40px;
	background: url(../images/icon_password.png) 1px 1px no-repeat;
}
.login .remember{
	text-align: left;
	font: 14px/20px Microsoft YaHei;
}
.login .remember input{
	vertical-align: middle;
}
.login .remember label{
	margin: 0 10px 0 5px;
	vertical-align: middle;
	color:#002b62;
}
.login .remember a{
	vertical-align: middle;
	text-decoration: none;
	color: #002b62;
}
.login .remember a:hover{
	text-decoration: underline;
}
.login .button{
	margin: 0 0 15px;
}
.login .btn{
	width: 300px;
	height: 42px;
	border: 0;
	background-color: #4563BB;
	color: #fff;
	cursor: pointer;
	font-size:20px;
	font-weight: bold;
	letter-spacing: 15px;
	text-indent: 15px;
	border-radius: 2px;
}
.login .btn-hover{
	background-color: #4968c3;
}
.login .btn-active{
	background-position: 0 -100px;
}
/* Footer ================================================================================ */
.footer{
	padding: 21px 0;
	color: #BABABA;
}
/* Clearer =============================================================================== */
.clear{
	display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; content:".";
}