@charset "utf-8";

html{height:100%;width:100%;margin:0;padding:0;}
body{
	background:url(http://htpic.78plat.com/cashier/images/login-bg.png)no-repeat top center;
    width:100%!important;
    height:100%!important;
    background-size:100% 100%!important;
    position:absolute!important;
	box-sizing:border-box;
	padding:50px;
	overflow:hidden;
	margin:0;
} 
	
.block{display:block;}	

.center{margin:0 auto;text-align:center;}
.fl{float:left;}
.fr{float:right;}

.font-b{font-weight:bold;}
.font-n{font-weight:normal;}

.width-p10{width:10%;}
.width-p27{width:27%;}
.width-p55{width:55%;}
.width-p80{width:80%;}
.width-p90{width:90%;}
.width-p100{width:100%;}

.margin-b10{margin-bottom:10px!important;}
.margin-b30{margin-bottom:30px!important;}

.login-logo{ 
	width:auto; 
	height:60px;
	}
.login-logo img{
	width:auto;
	height:100%
}

.main-left{
	height:auto;
	margin:0;
	padding:0;
	padding-top:20%;
	}
.main-left h2,.main-left p{
	text-align:left;
	color:white;
	margin:0;
}
.main-left h2{
	line-height:80px;
	font-size:35px;
}
.main-left p{
	line-height:45px;
	font-size:21px;
}


.main-right{ 
	height:auto;
	margin:0;
	padding:0;
	padding-top:27%;
	}
.user-login{
	margin:0 auto; 
	padding:50px;
	background:rgba(255,255,255,0.75);
	box-sizing: border-box;
}
.user-login h2{
	margin:0;
	padding:0;
	text-align:left;
	font-size:40px;
	color:#333333;
	line-height:45px;
}
.user-input,.password-input{
	border:0;
	border-bottom:rgba(172,172,172,0.3) solid 1px; 
	height:32px; 
	line-height:32px;
	color:#333333;
	font-size:21px;
	font-weight:normal;
	outline:none;
	padding:11% 0 11% 50px;
	box-sizing:border-box;
}
.user-input{background:url(../images/login-user.png) left center no-repeat;}
.user-input:hover,.user-input:focus{
	border-bottom:#e0d6bd solid 1px; 
	background:url(../images/login-user-active.png) left center no-repeat;
	}
.password-input{background:url(../images/login-password.png) left center no-repeat;
	}
.password-input:hover,.password-input:focus{
	border-bottom:#e0d6bd solid 1px; 
	background:url(../images/login-password-active.png) left center no-repeat;
	}

.loginBtn{
	color:white;
    line-height:55px;
    text-align:center;
    background:#d1b56b;
    border:0;
    outline:none;
    display:inline-block;
	font-size:22px;
	border-radius:5px;
	}		

.error{
	margin-top:10px;
    font-size:15px;
    line-height:18px;
    color:#ff5a00;
}
.warningIcon{
    height:14px;
    width:14px;
    margin:0 auto;
    display:inline-block;
    background-image:url(../images/login-warning.png);
    background-position:center center;
    background-size:14px 14px;
    background-repeat:no-repeat;
    margin-right:2px;
}

.login-btnGroup{
	margin:10px 0 0 6px;
	height:32px;
	position:relative;
	top:-35px;
	right:-40px;
}
.login-btnGroup .minius-btn, .login-btnGroup .close-btn{
	width:36px;
	height:32px;
	margin-left:6px;
	border:none;
	outline:none;
	cursor:pointer;
}
.login-btnGroup .minius-btn{
	background:url(../images/loginBtn.png) no-repeat;
	background-position:0 0;
}

.login-btnGroup .close-btn{
	background:url(../images/loginBtn.png) no-repeat;
	background-position:0 -32px;
}
.login-btnGroup .minius-btn:hover{background-position:0 -64px;}
.login-btnGroup .close-btn:hover{background-position:0 -96px;}