@charset "utf-8";
/* -----------H-ui前端框架-------------
* H-ui.login.css v2.2.1	后台登录页样式
* http://www.h-ui.net/
* Created & Modified by guojunhui
* Date modified 2015.6.5
\
* Licensed under MIT license.
* http://opensource.org/licenses/MIT
*
*/
html,
body {
	position:fixed;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  
  /*Fallback if gradeints don't work */
  background:#3366CC;
  /*Linear gradient... 
  background: 
    radial-gradient(
     at center,  #3366CC, #003399
    );
*/
background-image:url(../images/r-bgL.jpg); background-position:center; background-size:cover;
}

.header,.footer{ position:absolute; left:0; right:0; width:100%; z-index:99}
.header{top:0; height:64px; background:url(../images/topbg.png); line-height:64px; font-size:18px; font-weight:bold; text-indent:50px; color:#fff; letter-spacing:3px;font-size:18px;font:normal 18px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif;  opacity:0.7;filter:alpha(opacity=70); width:100%;}

.header_title{font:normal 18px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif; }
.header_title p{ float:left; text-align:center; width:100%; margin:0; padding:0; line-height:20px;}
.logo_title{ font-size:16px; letter-spacing:2px;}

.header h1{ font-size:15px;font:normal 14px/24px "Helvetica Neue",Helvetica,STheiti,"Microsoft Yahei","冬青黑体简体中文 w3",宋体,Arial,Tahoma,sans-serif,serif;}
.header h1 i{ font-weight:bold; color:#fff; font-size:20px;}

.loginWraper{ position:absolute;width:350px; top:0; bottom:0; right:0; z-index:1; }

#img_list{position:absolute; width:700px; height:390px;top:50%; left:50px;  margin-top:-175px;}
#img1,#img2,#img3,#img4{ float:left; width:300px; height:165px; overflow:hidden; margin:5px;}

#img1 img{ float:right; width:128px;}
#img2 img{ float:left; width:300px;}
#img3 img{ float:left; width:300px;}
#img4 img{ float:left; width:128px;}

.loginBox{ position:absolute; width:340px; height:300px; background:#eee no-repeat; top:50%;  margin-top:-105px; padding-top:38px;border-radius:15px; right:250px; z-index:9999999}
@media (max-width:617px) {
	#img_list{ display:none}
	.loginBox{ position:absolute; width:340px; height:330px; background:#eee no-repeat; right:150px; top:50%;  margin-top:-165px; padding-top:38px;border-radius:15px;  z-index:9999999}
}
.loginBox .row{margin-top:20px;}
.loginBox .row .form-label .Hui-iconfont{ font-size:24px}
.loginBox .input-text{ width:250px}
.login_icon{ float:left; width:110px; height:110px; background:#eee; border-radius:50%; text-align:center; margin-left:125px; margin-top:-90px; margin-bottom:30px;}

	.yzm a{ color:#426374; font-size:12px}

#span_msg{ font-size:14px; color:Red; line-height:40px; height:40px; margin-left:10px; width:160px;; float:left}

.hd_msg{font-size:12px; color:#fff; height:30px; z-index:100;position: absolute; padding-left:50px; padding-top:5px}
.hd_msg a{ color:#fff}
.hd_msg a:hover{ color:#fff; text-decoration:underline}

.footer{ height:46px; line-height:46px; bottom:0; text-align:center; color:#fff; font-size:12px; }

#ie6-warning{background:#fff url(/jscss/demoimg/201006/warning.gif) no-repeat 3px center;position:absolute;top:0;left:0;font-size:12px;color:#333;width:97%;padding: 2px 15px 2px 23px;text-align:left}
#ie6-warning a {text-decoration:none}

.grid {
	width: 800px;
	height: 400px;
	position:absolute; left:100px; top:50%; margin-top:-200px;
	display:none;
	perspective: 500px; /*For 3d*/
}
.grid img {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
}
.animate {
	font: 12px Montserrat;
	text-transform: uppercase;
	background: rgb(0, 100, 0);
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
}
.animate:hover {
	background: rgb(0, 75, 0);
}