body,html{margin:0; padding:0; width:100%; font-family: Arial; background: #f6f7fb; height: 100%; font-size:14px; cursor: default;}
body *{box-sizing: border-box;}
.container{ position:relative; width:100%; text-align: center; }
.wrapper{ display:inline-block; width:990px;}
.content{ width:100%; text-align: left; }

.centerwrapper{
	text-align: center; 
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

.loginwrapper{ width:460px; }

.center-logo{display:inline-block; width: 100%; padding:20px 0;}

.formwrapper{ display:inline-block; width:100%; background: #fff; padding: 30px; border-radius: 10px; }

form h1{ font-size: 1.5rem; }
form .headinfo{color: #777;letter-spacing: 1px;font-size: 14px; margin-bottom: 30px;}
form label{ display:inline-block; width:100%; text-align: left; margin-bottom: 15px; float: left; }
form label span small{ font-size: 14px; color: #ddd; margin-left: 5px;}
form label.col6{width:50%;}
form label.col6.leftcol{padding-right: 10px;}
form label.col6.rightcol{padding-left: 10px;}

.linksdiv{margin-top:5px;}
.linksdiv a{color:#999; transition: .3s color ease; text-decoration: none; margin:0 10px;}
.linksdiv a:first-child{}
.linksdiv a:hover{ color:#555; }

form label a.formleftlink{float: left;}
form label a.formrightlink{float: right; margin-left:15px;}


form label span{width:100%; color:#999; transition: .3s color ease;}
form label .input{ margin-top: 10px; outline:none; transition: .3s border-color ease; width:100%; line-height: 21px; height: 35px; border-radius: .25rem; border: 1px solid #e0e3e6;padding: .375rem .75rem; background-color: #fff; font-size: 14px; color: #898989; }
form label .input:focus{border-color:#555;}
form label.error .input{ border-color:#fd5d5d;}
form button{ margin: 7px 0 10px 0; background-color: #4466f2; cursor: pointer; transition: .3s all ease; border:0; border-color: #4466f2; height: 40px; display: inline-block; width: 100%; color: #fff; font-size: 14px; padding: .375rem 1.75rem; letter-spacing: .2px; border-radius: .25rem;}
form button:hover{  background-color: #224df6; }

form label.checklabel input{cursor: pointer;}
form label.checklabel span{ margin-left:7px; width:calc(100% - 40px); vertical-align: middle; cursor: pointer;}

.closejAlert.ja_close{display:none !important;}

@media screen and (max-width:999px) {
	
	.wrapper{ width:100%; }
	
}


@media screen and (max-width:650px) {
	
	.wrapper{ width:100%; padding:0 20px; }
	.loginwrapper{ width:100%; }
	
	form label.col6{width:100%;}
	form label.col6.leftcol{padding-right: 0;}
	form label.col6.rightcol{padding-left: 0;}

	
}