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

* { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
body, html { padding:0; margin:0; width:100%; height:100%; overflow:auto;  }
a { color:#27A9E3; text-decoration:none; cursor:pointer; }
img{ border:none;}

.main-content{
	width:100%; height: calc(100% - 40px);
	background:url(../images/login-bg.jpg) no-repeat;
	background-size: 100% auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top:10px;
}

.cont-box{
	float:left; width:100%; margin-top:60px;
	position:relative;
	}

.login-box {
	position:absolute;
	top:10px;   right: 70px;
	width:320px; padding: 30px;
}
.login-innerbox {
	padding:10px 30px;
	/*background-color:#e4e8e8;*/
	border-radius:6px;box-sizing: border-box;  
	}
	

.title-bar{
	position:absolute;
	top:50px;right:40%;
	}

/* my define */
.logo-img{
	position:absolute;
	top:30px;left:30px;
}
.cont-box{
	width:800px;  height: 420px;
	margin-top:3%;
	position: relative;
	background: url(../images/login-boxbg.png) no-repeat  center center;
	background-size:800px auto;
}
.systitle{
	width:100%;
	color:#fff;
	padding-left:20px;
	border-bottom: 1px solid #4585c3;
}
/*------------end-------------*/
.login-logo img{ width:60px; height:60px;display: inline-block; vertical-align: middle;}
input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; 
color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:50px; color:#888;}

input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }

input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin: 0px; font-size:16px; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color:rgba(8,128,204,1); border-radius: 3px; border: none; -webkit-appearance: none; outline:none; width:100%; }

#password-text{border: 1px solid #DCDEE0; vertical-align: middle;color: #888;  border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; background-color: #fff; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}

a.login_bnt{
	display:block;
	width:100%;
	height:50px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	color: #ffffff;
	background-color: #2d87e8;
	border-radius: 3px;
	}
a.login_bnt:hover{
	background:#0d89aa;
}
span.rem{
	color:#f8f8f8;
}
.copyright {
	width:100%; height:40px;
	background-color: #fff;
	font-size:14px; color:#000;
	position: fixed;
	left:0;  bottom:0;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content:center;
	align-items:center;
	}

	.ckbox, .rdio ,.ck-radio{
		position: relative;
	}
	.ckbox input[type="checkbox"], .rdio input[type="radio"],.ck-radio input[type="checkbox"] {
		opacity: 0; 
	}
	.ckbox label, .rdio label ,.ck-radio label{
		padding-left: 10px;
		cursor: pointer;
		margin-bottom: 7px !important;
	}

	.ckbox label:before{
		width: 18px;
		height: 18px;
		position: absolute;
		top: 1px;
		left: 0;
		content: '';
		display: inline-block;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #bbb;
		background: #fff;
	}

	.ckbox input[type="checkbox"]:checked + label:after {
		font-family: 'FontAwesome';
		content: "\F00C";
		position: absolute;
		top: 1px;
		left: 3px;
		display: inline-block;
		font-size: 14px;
		width: 16px;
		height: 16px;
		color:#555;
	}