/* Login Screen */
.login {
  background: url("../images/bg.jpg")   no-repeat  center top rgba(0, 0, 0, 0);
  height: 100%;
  min-height: 100%;
  background-size-y:100%; 
}
.login,#logo {
  margin-top: 60px;
}

.dxl_logo { position:fixed; top:30px; left:30px; z-index:22;
  animation:mymove_logo 1s ;
  animation-fill-mode:forwards; /*停在最后画面*/
   }
   
.login-box {
/*  background: url("../images/lockscreen.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
*/
  border-radius:7px; border-bottom:#f09613 0 solid;   
  margin: 120px auto;
  padding: 35px 60px 60px;
  min-height: 300px; background:#fff; 
 /* background: url("../images/loginbg2.png") ;*/
   -moz-box-shadow:0px 1px 12px #1249c3; -webkit-box-shadow:0px 1px 12px #1249c3; box-shadow:0px 1px 12px #1249c3;
	/*animation:mymove_box 0.8s ease-in-out 0s  ;
	animation-fill-mode:forwards;*/
 
}

.input-icon-addon2 { position:absolute; left:15px; top:12px; }
@keyframes mymove_logo { from {top:-100px;} to {top:30px; }  }
@keyframes mymove_box { from {margin-top:-500px; opacity:0.5} to {margin-top:120px; opacity:1;  }  }

.dxl_logo img { width: 90%; }

.login-copyright { position:fixed; bottom:30px; text-align:center; width:100%; height:30px; }

.login-right { position:fixed; right:30px; top:10px;   height:40px; line-height:40px; color:#fff; }
.login-right a { color:#fff; }

@media screen and (max-width: 768px) {
.login,#logo {
  margin-top: 20px;
}
.dxl_logo { top:20px; left:20px; z-index:22;   }
.login-box {
/*  background: url("../images/lockscreen.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
*/
  margin: 100px auto;
  padding: 35px 10px 10px;
 
}
.login-copyright { color:#fff;}


}

.login i { color:#ccc; font-size:18px;   }
.login button.submit { font-size:18px; }
.login input { box-shadow:1pxpx 1px 5px #f5f5f5; font-size:16px; }
/*.login input:fouce i { color:#f00;}
*/
.bigintro {
  font-size: 26px;
  line-height: 50px;
  text-align: center; padding-bottom:10px; 
}
.logo a {
  transition: all 0.4s ease-in-out 0s;
}
.logo a:hover {
  opacity: 0.7;
}

.fo-right {position:absolute; right:80px; margin-top:-41px;  }


@media screen and (max-width: 768px) {
  .bigintro img { width: 100%; }
  .login-right { display:none; }
  .fo-right { right:40px; }
  


  .login-box { top:0; left: 0; background:#fff; box-shadow:0px 0 0 #ffffff; }
  .login {
    background:#fff;
    height: 100%;
    min-height: 100%; 
  }
  .login,#logo {
    margin-top: 0;
  }




}
