@charset "UTF-8";
/*
 * 颜色值
 * 2016/1/11
 * lishasha
 * */
/* clearfix */
/*body颜色*/
body {
      /*  background-color: #2f4050;   */
	background:url("../images/bg-2.jpg") no-repeat 0 0;   
    background-size:cover;   
	font-family: "微软雅黑";
	color: #FFF;
	
}
 
/*登录div居中显示*/
.login_center {
	width: 900px;
	height: auto;	
	position: absolute;
	top: 45%;
	left: 45%;
	margin-left: -400px;
	margin-top: -150px;
}

/*字体大小统一设置*/
.font-small {
	font-size: 12px;
}

.font-media {
	font-size: 14px;
	margin-top: 3px;
}

.font-media3 {
	font-size: 14px;
	margin-top: 3px;
	color: white;
}

.font-media1 {
	font-size: 14px;
	float: right;
	 
}

.font-media2 {
	font-size: 14px;
	float: left;
}
.md{
	margin-top: 5px;
	
}
.font-big {
	font-size: 18px;
}

.leftArea {
	width: 409px;
	height:100%;
	float: left;
}

.leftArea .logo {
 
	margin-top: 8%;
	width: 100%;
}

.leftArea .logo_img {
	float: left;
	margin-left: 10px;
}

.leftArea .logo_img img {
	width: 114px;
}

.leftArea .logo_text {
	width: 270px;
	float: right;
	margin-left:0px;
	margin-top: 20px;
}

.leftArea .logo_text p {
	margin-top: 0px;
}

.leftArea .tec_from {
	color: #FFF;
	text-align: center;
	margin-top: 0px;
	float: left;
	width: 100%;
}

.middleArea {
	width: 2px;
	height: 300px;
	float: left;
	background-color: red !important;
}

.middleArea .line {
	float: right;
}

.middleArea .line .icon {
	width: 2px;
	border: none;
	overflow:hidden;
	outline: none;
	height: 300px;
	display: block;
	border-radius: 5px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#b8c4cb, endColorStr=#000066);
	background: -ms-linear-gradient(45deg, #2f4050, #FFF, #FFF, #2f4050);
	/* IE 10 */
	background: -moz-linear-gradient(45deg, #2f4050, #FFF, #FFF, #2f4050);
	/*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#2f4050));
	/*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF),
		to(#2f4050));
	/* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(45deg, #2f4050, #FFF, #FFF, #2f4050);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(45deg, #2f4050, #FFF, #FFF, #2f4050);
	/*Opera 11.10+*/
}

.rightArea {
	width: 397px;
	height: 100%;
	background:url("../images/bg-4.png") no-repeat 0 0; 
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
	/*  background-color:rgba(255, 255, 255, 0.4);   */
	float: right;
	/* display: inline;  */
}

.rightArea .login_header {
	margin-top: 25px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.rightArea form {
	padding-left: 20px;
	padding-right: 20px;
}

.rightArea form .input-group {
	padding-bottom: 25px;
	width: 100%;
}

.rightArea form .btn-primary {
	font-size: 18px;
	-webkit-border-radius: 4px;
	/*chrome safari*/
	-moz-border-radius: 4px;
	/*firefox*/
	border-radius: 4px;
	background-color: #1ab394;
	border-color: #1ab394;
}

.rightArea form .btn-primary:hover {
	-webkit-border-radius: 4px;
	/*chrome safari*/
	-moz-border-radius: 4px;
	/*firefox*/
	border-radius: 4px;
	background-color: #17987e;
	border-color: #17987e;
}

/*# sourceMappingURL=userlogin.css.map */