@charset "utf-8";
/* CSS Document */
body, html {
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
body {
	font-family: Arial, -apple-system, Roboto, Helvetica, sans-serif;
	font-size:16px;
	font-color:#333;
	text-shadow:none;
	background: rgb(0, 168, 165);
	background: -moz-linear-gradient(90deg, rgb(0, 168, 165) 36%, rgb(4, 77, 143) 100%);
	background: -webkit-linear-gradient(90deg, rgb(0, 168, 165) 36%, rgb(4, 77, 143) 100%);
	background: -o-linear-gradient(90deg, rgb(0, 168, 165) 36%, rgb(4, 77, 143) 100%);
	background: -ms-linear-gradient(90deg, rgb(0, 168, 165) 36%, rgb(4, 77, 143) 100%);
	background: linear-gradient(180deg, rgb(0, 168, 165) 36%, rgb(4, 77, 143) 100%);
}
.loginForm_wrapper {
	position:relative;
	width:425px;
	height:350px;
	background:#FFF;
	border-radius:6px;
	padding:42px 50px;
	text-align:center;
	margin:0 auto;
	-webkit-box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.6);
	margin-top:100px;
}
.loginForm {
	padding:30px 0px;
}
.username {
	background:url(../images/icn_username2.png) 4px 4px no-repeat;
	padding-left:30px;
}
.password {
	background:url(../images/icn_password2.png) 4px 4px no-repeat;
	padding-left:30px;
}
.err {
	color:#F00;
	font-size:12px;
	text-align:left;
	margin-top:-10px;
	margin-bottom:10px;
}
/***** BTN *****/
.btn_cb_default {
	color:#FFF;
	font-weight:700;
	background-color:#FBAE49;
	width:100%;
	font-size:1em;
 height:
}
.btn_cb_default:hover, .btn-default:focus, .btn-default.focus {
	color:#FFF !important;
	background-color: #F9914B !important;
	border-color:#CCC !important;
}
/***** /BTN *****/

.login_footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:left;
	padding:20px 53px;
}
.fl_right {
	float:right;
}


@media only screen and (max-width:320px) and  (max-aspect-ratio: 13/9){
	
.loginForm_wrapper {
	width:300px;
	height:300px;
	padding:20px 15px;
	text-align:center;
	margin:0 auto;
	margin-top:40px;
}
.loginForm {
	padding:20px 0px 30px 0px;
}
.err {
	font-size:10px;
}
.login_footer {
	padding:10px 20px;
}	
}



@media only screen and (min-width:321px) and (max-width:767px){
	
.loginForm_wrapper {
	width:330px;
	height:310px;
	padding:20px 20px;
	margin-top:50px;
}
.loginForm {
	padding:30px 0px;
}
.err {
	font-size:10px;
}
.login_footer {
	padding:10px 20px;
}	
}

@media only screen and (max-width:640px) and  (min-aspect-ratio: 13/9){
	
.loginForm_wrapper {
	width:300px;
	height:300px;
	padding:20px 15px;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
}
.loginForm {
	padding:20px 0px 30px 0px;
}
.err {
	font-size:10px;
}
.login_footer {
	padding:10px 20px;
}
}