@CHARSET "UTF-8";

input::-webkit-input-placeholder {
  color: #c8c8c8 !important;
}
input:-moz-placeholder {/* Firefox 18- */
  color: #c8c8c8 !important;
}
input::-moz-placeholder{/* Firefox 19+ */
 color: #c8c8c8 !important;
}
input:-ms-input-placeholder {
  color: #c8c8c8 !important;
}


.login-layout {
	/* background: rgb(252, 252, 252); */
	background:#ffffff;
}

.the-padding-left {
	padding-left: 16px !important;
	height:48px;
	font-size:16px !important;
	
	
	
}

.main-container {
	padding: 0;
	height: 100%;
	min-width:1200px;
}

.top-content {
	width: 100%;
	min-width:1200px;
	margin: auto;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:30px;
	padding-right:50px;
	height: 65px;
}

.top-left-relative{
	width:50%;
	float:left;
	height:50px;
	position:relative;
}

.logo-div{
	position:absolute;
	right:390px;
}
.logo {
	padding:7px 0;
	height:50px;
	vertical-align: middle;
}

.webtitle {
	font-size: 24px;
	height: 100%;
	vertical-align: middle;
	padding-left: 5px;
	color: #4B4B4B;
	display:inline-block;
	padding-top:8px;
}
.top-right-relative{
	width:50%;
	float:right;
	height:50px;
	position:relative;
}

.top-content-right{
	display:inline-block;
	font-size: 15px;
	height: 100%;
	light-height:100%;
	vertical-align: middle;
	padding:11px 0;
	color: #4B4B4B;
	
}
.top-right-list{
	display:inline-block;
	margin-right:60px;
	vertical-align: middle;
	font-size:14px;
	color: #4B4B4B;
	
}
.top-right-list:hover {
	text-decoration: none;
	color:#d73240;
	
}
.top-right-btn:hover{
	border-color:#d73240 !important;
	background:#d73240 !important;
	color:#fff;
}

.register-top{
	border:1px solid #4B4B4B;
	border-radius:2em;
	padding:3px 17px 5px 17px;
	margin:0;
	margin-top:-2px;
}

.main_c {
	width: 100%;
	margin: auto;
	position: relative;
	background-color: #EEEDEB;
	border:0px solid #BBBBBB;
}

.middle-content{
	width: 100%;
	min-width:1200px;
	margin: auto;
	position: relative;
}

.form_w {
	height: 100%;
	width:100%;
	padding:0px;
	margin:0 auto;
}

.login-right-relative{
	width:50%;
	float:right;
	position:relative;
}
.main-form {
	position: absolute;   
	width: 460px;
	height: 460px;
	background:#fff;
	border-radius:5px;
	padding-left: 40px;
	padding-right: 40px;
	top: 50%;
	left: 50%;
	margin-top: -230px;
	margin-left: -230px;
}

.login {
	height: 90px;
	text-align: left;
	line-height: 105px;
	font-size: 30px;
	font-weight: 600;
	color: #333333;
}
.footer-content{
	position:relative;
}


.copyright{
	color: #969494;
	text-align: center;
	font-size:12px;
	padding:0px;
	margin:0px;
	width:100%;
}

.copyright-call{
	position:absolute;
	top:65px;
}

.copyright-2{
	padding-bottom:10px;
	position:absolute;
	top:86px;
	
}

.input-icon{
	bottom: 1px;
	box-sizing: border-box;
	display: block;
	left: 3px;
	line-height: 28px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	position: absolute;
	top: 13px;
	vertical-align: baseline;
	z-index: 2;
}

.input-keyboard{
	bottom: 1px;
	box-sizing: border-box;
	display: block;
	line-height: 28px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	position: absolute;
	top: 13px;
	right:3px;
	vertical-align: baseline;
	z-index: 2;
}

.input-span{
	display: block;
	position: relative;
}

.remenmber-pwd{
	color:#686868;
	font-size:16px;
}
.login-btn{
	background-color: #ff5d59 !important;
	border-color: #ff5d59!important;
	font-size: 18px;
	height:48px;
}

.login-main-page {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.login-page-left {
	width: 55%;
	height: 100%;
	float: left;
}

.login-page-right {
	position: relative;
	background: #fff;
	width: 45%;
	height: 100%;
	float: right;
}

.logo-btn {
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 9999;
	cursor: pointer;
}

.login-page-left img {
	height: 100%;
	width: 100%;
}

.login-register-item {
	margin-bottom: 10px;
	margin-top: -10px;
}
.register-text {
	color: #EC7C56;
	cursor: pointer;
}