@import '../bealert/bealert.css';
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
HTML{height:100%;}
BODY{
	margin:0px auto;
	height:100%;
	overflow:hidden;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
	background:url(../images/ground.jpg) no-repeat center top;
	background-size:cover;
	background-attachment:fixed;
}
#login_body{
	width:100%;
    height: 100%;
}
.login_b_center{
    width: 26%;
    height: 375px;
    background: rgba(255,255,255,0.96);
    position: absolute;
    right: 120px;
    top: 33%;
	transition: 2s;	
	border:1px solid #ccc;
	border-radius:9px;
	behavior:url(scripts/PIE.htc);
}
.login_b_center:hover{
	transition: 1s;	
	background: rgba(255,255,255,1);
}
.login_bg{
    width: 70%;
	height: 75%;
	position:absolute;
	margin:auto;
	right:0;
	top:0;
	left:0;
	bottom:0;
}
.login_bg h1{
	color:#444;
	display:inline-block;
	white-space:nowrap;
}
.login_bg span{
	color:#999;
	white-space:nowrap;
	margin-left:10px;
	font-size:9px;
}
#login div{
    height: 40px;
    margin-top: 20px;
}
#login input{
	border:1px solid #ccc;
    width: 100%;
    height: 50px;
    float: left;
	border-radius:6px;
	margin-bottom:20px;
}
.login_btn input{
    background-color:#55aaff;
    border: none;
    color: #fff;
	font-size:26px;
    float: left;
}
.login_btn input:hover{
    background-color:#55afff;
}
.username input,.password input{
	color:#555;
	text-indent:50px;
	font-size:13px;
}
.username input {
	background: url(../images/name.png) no-repeat;
	background-position:16px 17px;
	background-size:14px;
}
.password input {
	background: url(../images/password.png) no-repeat;
	background-position:16px 17px;
	background-size:14px;
}
input::-webkit-input-placeholder {color:#ccc;}

#login input:focus{
	outline:1px solid #9ef;
}

#login .forgot_password{
    text-align: right;
    margin-top: 20px;
}

/*在高度小于 450px 的较小屏幕上，
更改样式（更少的填充和更小字体）
*/
@media screen and (max-width: 450px) {

}