/*È«ÆÁ±³¾°Í¼Æ¬Ñùʽ*/
.body-bg{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-10;background-position:center 0;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;zoom:1;}
.body-bg img{position:absolute;top:0;left:0;height:100%;width:100%;}
.btn-login,.btn-regist{  background:#1885e0; color:#fff;}
.h30 {
    clear: both;
    display: block;
    height: 30px;
    overflow: hidden;}
    .h10{ clear: both;
    display: block;
    height: 10px;
    overflow: hidden;}
.login{background-color: rgba(0, 25, 41, 0.6);
    border-radius: 15px;
    height: auto;
    left: 30%;
    padding: 30px;
    position: absolute;
    top: 30%;
    width: 440px;
  
    z-index: 5;color: #fff; }
    .fc{  clear: both;
    display: table;
    margin-left: auto;
    margin-right: auto;}
    .fc .input{}



        .login, .register{
          position:absolute; 
          top:30%;
          left:30%;
          z-index:5;
          
          padding: 30px;
          
          width:440px;
          height:auto; 
        
          background-color:rgba(0, 25, 41, 0.6);
          
        background:transparent\9\0;  
        background:transparent\0;  
        *background:transparent; 
        _background:transparent; 
        
       /*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7000101a,endColorstr=#7000101a); */
          zoom: 1;
          
          
          -webkit-border-radius: 15px;
             -moz-border-radius: 15px;
                  border-radius: 15px;
        }
        
        .login fc ,.register fc{ display:block; width:248px;}
        .login input ,.register input{ 
          display:block;
          
          margin-bottom:15px;
          
          padding-top:10px;
          padding-bottom:10px; 
          padding-right:10px; 
          padding-left:40px; 
        
          height:20px; 
          line-height:20px;
          
          border-style:solid;
          border-width:1px;
          border-color:#ccc;
          
          background-repeat:no-repeat;
          background-position: 12px 8px;  
          
          -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px;
              
        }
        input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
        
        .login input:-moz-placeholder,
        .register input:-moz-placeholder {
          color: #515567; font-weight:bold;
        }
        .login input::-moz-placeholder,
        .register input::-moz-placeholder {
          color: #515567; 
          font-weight:bold;
          opacity: 1;
        }
        .login input:-ms-input-placeholder,
        .register input:-ms-input-placeholder
         {
          color: #515567;
          font-weight:bold;
        }
        .login input::-webkit-input-placeholder,
        .register input::-webkit-input-placeholder {
          color: #515567;
          font-weight:bold;
        }
        .login input.placeholder,
        .register input.placeholder {
          color: #515567;
          font-weight:bold;
        }
        
        input.error{
          border-color:#ff8900;
          -webkit-box-shadow: 0 0 5px #ff8900;
             -moz-box-shadow: 0 0 5px #ff8900;
                  box-shadow: 0 0 5px #ff8900;
        }
        
        .login input.verification-code ,.register input.verification-code{width:90px; padding-left:10px;}
        .verification-code-img{ 
         display:block;
         margin-left:10px;
         
         width:120px;
         height: 42px; 
         
         text-align:center;
         
         background-color:#FFF;
         
           -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
                  border-radius: 4px;
        }
        .user , .pwd01 ,.pwd02,.phone,.QQ { display:block;  width:190px; padding-left:10px;}
        .user{ background-image:url(/App_Image/login/ico01.png);}
        .pwd01{  background-image:url(/App_Image/login/ico02.png);}
        .pwd02{  background-image:url(/App_Image/login/ico03.png);}
        .phone{  background-image:url(/App_Image/login/ico04.png);}
        .QQ{  background-image:url(/App_Image/login/ico05.png);}
        
        
        .prompt{ min-height:26px;}
        .prompt-error{ color:#ff8900; padding-left:35px; min-height:30px; background:url(/App_Image/login/ico100.png) no-repeat;}
        
        .login input.bntH40 ,.register input.bntH40{ border:0px; padding:10px 0; width:248px; height:40px; line-height:20px;}
        
        .stat{ width:100%; text-align:center;}
        .stat a{ color:#FFF; font-size:12px;}
        .stat a:hover{ text-decoration:underline;}
        
        .verification-code-img img {border-radius:5px;}
        
        .promptInpt{display:block; width:200px; height:0; margin:0 auto; position:relative;  }
        .promptInpt p{display:block; width:180px; height:14px; position:absolute; color:#858585; height:20px; margin-top:0; margin-bottom:0;  top:10px; left:14px;}
     .login .fc,.register .fc{ margin-left:30px;}
     
        .pic1{ margin-left: 280px; margin-top: 50px;position: absolute; width:30%; }
        .pic1 img,.pic2 img{ width:100%;}
.pic2{margin-left: 50px; margin-top: 350px; position: absolute; width:30%;}

.login,.register{left:auto; right:100px; position:absolute; background:#fff !important; color:#666; width:300px; }
.login{top:130px;}
.register{top:90px; }
.login a,.register a{color:#666;}
.footer{ width: 100%; position: absolute;height: 120px;background:none; bottom:0px;}
.footer .copyright{  text-align: center;  color:#fff;}
 .fc .row .title{ font-size:16px; width:80px; height:45px; line-height:45px; display:block; float:left;}
 .fc .row .reg-domain{ width:80px;}
 .fc .row input{ display:inline-block; padding-left:5px;  }