body {
	margin: 0;
	padding: 0;
	font-size: 13px !important;
	font-family: ΢ÈíÑźÚ;
}

.loginbody {
	background: #FFFFFF;
	text-align: center;
}

.login-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px auto auto -140px;
	width: 280px;
	text-align: center;
}

.login-logo {
	width: 280px;
	height: auto;
	margin-bottom:30px;
}
#imglogo {
	display: block !important;
	width: 100%;
}
#imgleft {
 width:350px;
}

.login-panel {
	width: 900px;
	margin: 0 auto;
}
.form_nologin {
	margin-top: 36px;
	margin-bottom: 4px;
	text-align: left;
	line-height: 26px;
}
.login-form-padding20 {
  padding-left:20px;
}
.login-form {
	margin: 0 auto;
}
.login-form .col {
	position: relative;
	padding: 10px 0;
}

	.login-form .col .icon {
		position: absolute;
		display: block;
		top: 24px;
		left: 10px;
		width: 14px;
		height: 14px;
		background: url(../Images/skin_icons.png) no-repeat;
		cursor: pointer;
	}

		.login-form .col .icon.user {
			background-position: 0 -140px;
		}

		.login-form .col .icon.pwd {
			background-position: -28px -140px;
		}

	.login-form .col .login-input {
		width: 100%;
		height: 44px !important;
		color: #363b46;
		border-radius: 4px;
		border: 1px solid #B6C1D8;
		padding-left: 36px;
		vertical-align: middle;
		box-sizing: border-box;
		transition: border-color 0.5s;
		-webkit-appearance: none;
	}

	.login-form .col .login-btn {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 44px;
		background: linear-gradient(180deg, #363b46 0%, #000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#319AF2, endColorstr=#2386EE);
		border-radius: 4px;
		color: #fff;
		font-size: 14px;
		border: 0 solid #fff;
		cursor: pointer;
	}

.login-tips {
	display: block;
	margin: 10px auto 0;
	height: 14px;
	vertical-align: middle;
}

	.login-tips i {
		display: inline-block;
		margin-right: 5px;
		width: 14px;
		height: 14px;
		background: url(../Images/skin_icons.png) -56px -140px no-repeat;
		text-indent: -9999px;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
		*text-indent: 0;
	}

	.login-tips p {
		display: inline-block;
		height: 14px;
		line-height: 14px;
		font-size: 12px;
		font-weight: normal;
		color: #83b7ce;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
	}

.copy-right {
	display: block;
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	text-align: center;
}

	.copy-right p {
		font-size: 12px;
		line-height: 1.8em;
		color: #d9edf7
	}


.tcbutton-royal, .tcbutton-royal-flat {
	background-color: #13171e !important;
	border-color: #7B72E9 !important;
	color: #FFF !important;
}
.tcbtn {
	/* color: #666 !important; */
	/* background-color: #6495ed !important; */
	border: medium none !important;
	/* border-color: #6495ed !important; */
	border-radius: 0px;
	/* font-weight: 300 !important; */
	font-size: 14px !important;
	/* font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; */
	/* text-decoration: none !important; */
	/* text-align: center !important; */
	line-height: 20px !important;
	/* height: 35px !important; */
	/* padding: 0 20px !important; */
	/* margin: 0 !important; */
	display: inline-block !important;
	appearance: none !important;
	cursor: pointer !important;
	border: none !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-webkit-transition-duration: .3s !important;
	transition-duration: .3s !important;
	border-radius: 3px;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}


.page {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	overflow-y: auto;
	background: #f8f9fd;
}
.pageLogin {
	height: 100%;
	color: #343e4c;
}

.pageLogin .main {
   height: 100%;
}



	.pageLogin .main .mainMask {
		margin:0 auto;
		width: 100%;
		height: 100%;
		background: #ebeff2;
		background: url(/images/loginbg.jpg) !important;
		background-size: cover !important;
		background-repeat: no-repeat;
		background-size: cover;
		color: #fff;
		position: relative;
	}


		.pageLogin .main .mainMask .img img {
			max-width: 700px;
		}
		.pageLogin .main .mainMask:before {
			content: "";
			background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.5));
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
		}

.pageLogin .form {
	z-index:9999999;
}
	.pageLogin .form .formLogin {
		padding-top:200px !important;
		width: 1080px;
		height: 100%;
		margin: 0 auto;
		overflow-y: auto;
	}

.bannerImg {
  width:90%;
  margin-top:50px;
}

.form_logo {
	width: 200px;
	margin: 0 auto;
}

.pageLogin .main .mainMask .img {
	position: absolute;
	width:100%;
}



.oauth-agree {
	text-align: left;
	font-size: 11px;
	color: #b4b4b4;
}

	.oauth-agree a {
		color: #b4b4b4;
		font-size: 11px;
	}
	.oauth-agree a:hover {
		color: #b4b4b4;
		font-size: 11px;
		font-style:normal;
	}


.formFoot {
	margin-bottom: 10px;
	text-align: center;
	color: #B3BBD1;
	margin-bottom: 10px;
	text-align: center;
	color: #B3BBD1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}