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

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

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

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

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

.font-titles {
	font-size: 22px;
}



.login_logo{
	position: absolute;
	float: left;
	margin: 20px 30px;
	height: 50px;
	opacity:0.9;
	filter:alpha(opacity=90); /* 针对 IE8 以及更早的版本 */
}

.leftArea{
	margin: 40px 0px;
	text-align: center;
}

.leftArea h3{
	font-size: 28px;
	font-family: 雅黑;
}


.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: 400px;
	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: left;
	/* 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 */