* { margin:0; padding:0; list-style:none; }
   html { height:100%; width:100%;}
   body { height:100%; width:100%; text-align:center;
   margin:0; padding:0; position:relative;
  background: url(../images/bg_login.jpg)  no-repeat center center #FFFFFF;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
transition:all ease-out 0.3s;color:#555; font-family: Arial,"Microsoft YaHei","微软雅黑","宋体"; font-size:1em; line-height:1.4;}
body:after{ content: "";position:absolute; top:0; right:0; bottom:0; left:0; background: rgba(255,255,255,0.8);}
div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span,ul,ol{margin:0; padding:0; list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both; font-size:0; line-height:0; height:0;}
.clear:after,#clear:after {content: "";display: table;clear: both;font-size: 0;line-height: 0;height: 0;}
a:link {color: #39F;	text-decoration: none; transition:all ease-out 0.3s;}
a:visited {text-decoration: none;	color: #39F;}
a:hover {text-decoration: none ;	color: #39C;}
a:active {text-decoration: none;	color: #39F;}

.txta{ font-size:14px; padding:0 12px;}
.paddingTop35 {	padding-Top: 35px;}
.paddingTop40 {	padding-Top: 40px;}
 .bg_body{display:block; width:98%; max-width:500px; margin:0 auto; background: rgba(255,255,255,0.85);
          position: absolute; z-index:99;top:50%; left:50%; transform: translate(-50%,-50%);
		  border-radius:15px; overflow:hidden;box-shadow: 0 0 30px #333;
 }
.bg_body:after{ content: "";clear: both;font-size: 0;height: 0;}

#login_box:after,#login_left:after,#login_right:after{ content: "";clear: both;font-size: 0;height: 0;}
#login_box{ width:900px; position: absolute; z-index:99;top:50%; left:50%; transform: translate(-50%,-50%);
 border-radius:10px; overflow:hidden; box-Shadow:0 0 15px #ccc;
}
#login_left { background:  rgba(19,32,67,0.85); background-size: cover; position: absolute;top:0; right:50%; bottom:0; left:0; box-sizing: border-box;padding:22px 35px;}
#login_left figure{ display:block; margin:40px auto 20px; width:200px;   overflow: hidden;/*border-radius:100%;background: rgba(255,255,255,0.85); box-shadow: 0 0 15px #FFF; #132043*/
box-sizing: border-box; }
#login_left figure img{ width:100%; }
#login_left h2{width:100%;float: left; text-align:center; font-size:1.6em; line-height:1.4;  color:#FFF;}
#login_left h3{width:100%;float: left; text-align:center; font-size:1.2em; line-height:1.4;  color:#FFF;}
#login_left p{position: absolute; left:0; right:0; bottom:15px; font-size:0.8em;color:#ddd;}
#login_left a{color:#ddd;}
#login_left a:hover{color:#ccc;}

#login_right{ float:right; width:50%; min-height:350px; background: rgba(255,255,255,0.85);box-sizing:border-box; padding:30px 0;}
#login_right h2{width:100%; font-size:1.7em; line-height:1; padding-bottom:35px; color:#333; text-align: center; text-indent: 0; font-weight:bold;}

/*#login_right form{ float:left; font: normal 14px/35px "微软雅黑","宋体",Arial; color:#333; padding-top:80px;}
#login_right form p{ float:left; width:100%; height:35px; font-size:14px; margin-bottom:22px;text-align:left; }
#login_right form input{ color:#333; padding:2px 2px 2px 7px; border:#CCCCCC 1px solid; line-height:30px; border-radius:5px; width:175px;}
input.inname{ background:url(../images/use.png) right center no-repeat #FFF; }
input.inpass{  background:url(../images/pass.png) right center no-repeat #FFF; }*/
 .w220 {    width: 220px !important;}
 .w100{    width: 123px  !important; margin:0!important;}
#login_right form .Sub_mit{ border:none; width:100%; border-radius:5px;font: bold 18px/43px "微软雅黑","宋体",Arial; color:#FFF; cursor:pointer;word-spacing:2px; letter-spacing: 2px;
	background: linear-gradient(to right,#f4ae1a 0%,#f4ae1a 100%);
	-webkit-transition: -webkit-box-shadow ease-in-out .15s;
	-o-transition: box-shadow ease-in-out .15s;
	transition: box-shadow ease-in-out .15s}
#login_right form .Sub_mit:hover{ background: linear-gradient(to right,#f4ae1a 50%,#f4ae1a 100%); }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.3;}

#login_right form .inname:focus,
#login_right form .inpass:focus{border: 1px solid #2a61a4; outline:0;  }


  #footer{ float:left; width:90%; text-align:center; font:normal 12px/25px "Arial","宋体";  color:#ccc; padding-top:12px; }
  #footer a{   color:#ccc; padding:5px; }
  #footer a:hover{   color:#999;  }
@media screen and (max-width:800px){	  
  #login_box{ width:98%; top:50%; left:1%; transform: translate(0,-50%); }

  #login_left { width:100%; float:left;position: static; padding: 15px 25px;}
  #login_left figure{  padding:0 0 15px 0; }
  #login_right{  width:100%;min-height: 50px;}
  #login_right h2 {    padding:0 0 15px 0 !important; }

#login_left h2 {    font-size: 1.4em;}
  
  
  
  
  
  
  
   }