html, body{
	height:100%;
	width: 100%;
	min-height:609px !important;
}
.login-bg-container{
	z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    min-height: 410px;
}
.login-bg-container > img{
	width: 100%;
	height: 100%;
	background-size: cover;
}
.login-container {
    width: 375px;
    margin:0% auto !important;
}
@-webkit-keyframes login
{
	100%{
		-webkit-transform:translateX(0px);
		opacity:1;
	}
}
@keyframes login
{
	100%{
		transform:translateX(0px);
		opacity:1;
	}
}
.widget-body {
    background-color: #FFF;
    -webkit-animation:1s login;
    	   -animation:1s login;
    -webkit-transform:translateX(-400px);
    	   -transform:translateX(-400px);
   	-webkit-animation-fill-mode:forwards;
   	-animation-fill-mode:forwards;
   	opacity:0;
}
.widget-body {
    background-color: #FFF;
    min-width: 380px;
    min-height: 390px;
    width: 380px;
    position: absolute;
    right: 12%;
    top: 25%;
}
.login-box .toolbar > div{
	width:35%;
}
.img-container {
    vertical-align: middle;
    display: table-cell;
    font-size: 30px;
}
.login-logo {
    left: 3.5%;
    display: table;
    height: 20%;
    position: absolute;
}
.widget-body {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: .5;
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    background: #FFF;
    border-radius: 8px;

}
.login-title{
	margin-bottom:60px;
}
.login-header{
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    border-bottom: 1px solid #e9e9e9;
	font-weight: 500;
    color: #333;
}
.login-header span{
    display: inline-block;
    padding-bottom: 2vh;
    border-bottom: 2px solid #333;
    font-weight: bold;
    font-size: 18px;
}
.icon-user{
	background:url("../images/icon_user.svg");
}
.icon-lock{
	background:url("../images/icon_lock.svg");
}
.icon-verify{
	background:url("../images/icon_verify.svg");
}
.widget-main {
    padding: 20px !important;
}
.input-icon > .ace-icon{
	width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 9px !important;
    left: 8px !important;
}
.input-icon > input {
    margin-bottom: 2.4vh;
    padding-left: 34px !important;
    height: 40px;
}
input[type=checkbox].ace + .lbl::before{
	margin-right: 8px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border-color: #B3D2EA !important;
    background-color: #ffffff !important;
}
input[type=checkbox].ace + .lbl::before{
	font-size: 16px !important;
    height: 20px !important;
    line-height: 20px !important;
    min-width: 20px !important;
}
input[type=checkbox].ace:hover + .lbl::before{
	 border-color: #B3D2EA !important;
}
input[type=checkbox].ace + .lbl{
	line-height: 34px !important;
    min-height: 34px !important;
}
.login-btn{
	display: inline-block;
    color: #FFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-image: none !important;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    -o-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
}
.btn-orange{
	background-color: #ec6942 !important;
	border:5px solid #ec6942;
}
.btn-blue{
	background-color: #2f8dff !important;
	border: 5px solid #2f8dff;
    border-radius: 4px;
    height: 40px;
}
.login-box .toolbar{
	border-top:none !important;
    background: rgba(255,255,255,0) !important;
}
.form-control, select {
    background-color: #f4f4f4 !important;
    border: 1px solid #e1e1e1 !important;
}
.toolbar {
    float: right;
    width: 30%;
    margin-right: 20px;
    padding-bottom: 19px;
}
a.forgot-password-link{
	color:#fff;
	
}
.copyright{
	text-align: center;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 3.7%;
    font-size: 8px;
}
span#id-company-text {
    color: #2B2727;
    display: inline-block;
    font-size: 18px;
    margin: 0 auto;
    font-family: "Yahei";
}
div#errMsgContiner {
    margin-left: -88px;
    position: absolute;
    width: 15%;
    top: 50%;
    left: 50%;
    z-index: 999;
    margin-top: 15px;
}
div#showErrMsg {
    text-align: center;
    font-size: 16px;
}
.qrCodeDiv {
	position: fixed;
	bottom: 1%;
	right: 1px; 
}
.qrCode {
	display: none;
	float: left;
	margin: 14px;
	background-color: #fff;
	padding: 23px 20px 20px;

}
.qrCode > p {
	font-size: 16px;
	text-align: center;
    margin-top: 12px;
	margin-bottom: -5px;
    color: #868A9D;
    text-stroke: 0.5px #979797;
    -webkit-text-stroke: 0.5px #979797;
    font-family: PingFangSC-Regular, PingFang SC;
}
#qrCodeIco, #qrCodeIco1 {
	position: absolute;
	width: 30px; 
	height: 30px;
	background-color: white;
}
.showQrCode {
	cursor: pointer;
	float: left;
	margin-top: 151px;
}
input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before{
    color: #2f8dff;
}