@CHARSET "UTF-8";
.container-login100{
	z-index:auto
}
.login-con {
    position: absolute;
    top: calc((100% - 500px)/2);
    left: 5%;
    width: 90%;
    z-index: 2;
}
.login-con .login-left {
	display: none;
}
.login-con .login-left img{
	width: 100%;
    position: relative;
    left: -30px;
}
.login-con .login-brand {
    text-align: center;
    padding: 0px;
	width: 100%;
	display: block;
}
.login-con .login-brand img {
    width: 100%;
    height: auto;
}
.login-con .form-con {
    width: 100%;
}
.login-con .clear {
    clear: both;
}
.login-con-background{
	padding: 15px 8%;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
}
.login-con-but{
	border-radius: 25px;
	min-width: 120px;
	background-color:#204673 !important;
	border-color:#204673;
}
.input100{
	color: #204673;
}
.wrap-input100{
	border-bottom-color : #204673;
	margin-bottom:15px
}
.focus-input100::after{
	color : #204673;
}
.label-checkbox100, .txt1{
	color : #204673;
}
#authCodeImg{
	margin-bottom: 5px;
	width: 100%;
	border: 1px solid #204673;
	height: 45px;
}
.other-authcode{
	color : #204673;
	font-size: 13px;
	line-height: 1.2;
	position: relative;
	top: -16px;
	float: right;
	cursor: pointer;
}
.no-authcode{
	margin-bottom: 20px;
}
.action-bar-1{
	width: 100%;
}
.action-bar-2{
	margin-top: 30px;	
}
.login-con-but{
	width:100%;
}
.privacy .modal-dialog {
    max-width: 980px;
}
.privacy iframe {
    width: 100%;
}
#statement1{
    float: left;
}
#statement2{
    float: left;
    margin-left:20px;
}
.change_pass{
    float: right;
}
.visitor_register{
    float: text;   
}
.newuser_register{
    float: right;
}
input::-webkit-input-placeholder { color: #000;}
input:-moz-placeholder { color: #000;}
input::-moz-placeholder { color: #000;}
input:-ms-input-placeholder { color: #000;}
/*设置响应式*/
/*手机横屏*/
@media (min-width: 450px) and (max-width: 813px) {
	.login-con {
	    top: 5%;
	}
	.login-con .login-brand img {
    	width: 70%;
	}
	.wrap-input100.in-one-line{
		display: flex;
	}
	.wrap-input100.in-one-line:nth-child(1), .wrap-input100.in-one-line:nth-child(2){
		display: flex;
		width: 50%;
		float: left;
		margin-bottom: 0px !important;
	}
	#authCodeImg{
		width: 200px !important;
		position: relative;
		top: -55px;
		float: right;
		height: 35px;
	}
	.action-bar-2{
		margin-top: 10px;	
	}
	.container-login100-form-btn{
		margin-top: 5px;
	}
}
/*ipad*/
@media (min-width: 813px) {
	.login-con {
	    top: calc((100% - 500px)/2) !important;
	    left: calc((100% - 800px)/2);
	    width: 800px;
	}
	.login-con .login-left {
		display: block;
    	width: 40%;
    	float: left;	
	}
	.login-con .form-con {
    	width: 60%;
    	float: right;
	}
}