@charset "utf-8";
/* CSS Document */

body{
	color:#4d555c;
}

.content_container{
	display:flex;
	flex-direction: row; 
	align-items: center;
  justify-content: center;
}

.login_left,
.login_right{
	width:60%;
	box-sizing:border-box;
	color:#45494c;
	min-width:550px;
}

.login_left{
	padding:15px;
	width:40%;
}

.login_right{
	flex:1 1 auto;
}

.login_right .content{
	max-width:570px;
	margin:auto;
}

.login_left .user-left-bg{
	padding-top:calc(100vh - 30px);
	background:url(/images/login_left.jpg) center center no-repeat;
	background-size:cover;
	border-radius:50px;
	width:100%;
}

.content_container .login_right .main_title{
	margin:35px 0px;
}

.form_row {}

.form_row .item_label {
	float:left;
	width:180px;
	padding-top:4px;
	padding-right:20px;
	text-align:left;
	margin-left:0px;
	font-size:13px;
}

.form_row .item_input {
	float: left;
} 

.form_row .item_input div.msg {
	font-size:10px;
	height:15px;
	color:#ED1C24;
	font-weight:bold;
	line-height:12px;
	padding-top:2px;
}
.form_row .item_input div.msg a {color:#ED1C24;}

.form_row .item_input div.captcha_container {}
.form_row .item_input div.captcha_container img.gpic {
	float:left;
}
.form_row .item_input div.captcha_container a.refresh {
	float:left;
	margin-left:5px;
}

/*/////////////////////*/
/*textfield*/
.text_field, .text_field_focus, .text_field_error {
	border:1px solid #0066b3 !important;
}

/*/////////////////////*/

/*/////////////////////*/
/*textarea*/
.text_area, .text_area_focus, .text_area_error {
	padding:2px;
	background:#f5f5f5;
	
	color:#000;
	font-size:13px;
}
.text_area {border:none;}
.text_area_focus {border:none;}
.text_area_error {border:none;}
/*/////////////////////*/


.form_container div {
	float:left;
	width:240px;
	padding-top:4px;
	padding-right:20px;
	text-align:left;
	margin-left:0px;
}
.form_container div.msg {
	width:400px;
	padding-left:220px;
	text-align:left;
	padding-right:20px;
	color:#F00;
	font-size:11px;
	display:none;
}

.form_container input {
	height:24px;
	line-height:24px;
	background:#fff;
	
	color:#000;
	font-size:13px;
	padding:0px 2px;
	border:none;
	float:left;
	width:300px;
	border:none;
	margin-top:12px;
	margin-bottom:6px;
}
.form_container {margin-bottom:20px;}
.form_container div {width:180px; float:left; margin-top:12px; line-height:20px; margin-bottom:6px; clear:both; font-size:13px;}

.button{
	margin-top:30px;
	margin-bottom:5px;
}

.button a{
	display:inline-block;
	padding:14px 37px;
	color:#fff;
	background: rgb(64,175,253);
	background: -webkit-linear-gradient(left, rgba(64,175,253,1) 0%, rgba(155,66,255,1) 100%);
	background: -o-linear-gradient(left, rgba(64,175,253,1) 0%, rgba(155,66,255,1) 100%);
	background: linear-gradient(to right, rgba(64,175,253,1) 0%, rgba(155,66,255,1) 100%); 
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
	font-weight: bold;
}

.button a:hover{
	background: rgba(64,175,253,1);
	background: -webkit-linear-gradient(left, rgba(64,175,253,1) 0%, rgba(64,175,253,1) 100%);
	background: -o-linear-gradient(left, rgba(64,175,253,1) 0%, rgba(64,175,253,1) 100%);
	background: linear-gradient(to right, rgba(64,175,253,1) 0%, rgba(64,175,253,1) 100%); 
}

.form_item{
	height:90px;
}

.form_item .left{
	width:100%;
	color:#45494c;
	font-size:16px;
	margin-bottom:5px;
}

.form_item .input{
	width:100%;
}

.form_item .input input,
.form_item .input textarea{
	color:#45494c;
	width:100%;
	padding:13px 15px;
	border:1px solid #a4aab0;
	border-radius:10px;
	font-size:16px;
	font-family: 'Segoe UI', sans-serif;
}

.form_item .input textarea:focus,
.form_item .input input:focus{
    outline: none;
}

.form_item .msg{
	display:none;
	color:#f20;
	font-size:12px;
}

.terms{
}

.terms a{
	color:#0066b3;
}

.form_item .left span{
	color:#ed1c24;
}