@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;list-style: none;}
img{border:none}
ul, li {list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

table tr td {border:0px red solid;font-family:'微软雅黑', 'Open Sans', sans-serif;font-size:16px;color:#4e4e4e}
.login-body { background-color: #f1f2f7;}

.container {border:0px red solid;width: 460px;height:410px;position:fixed;top:50%;left:50%;
margin-top:-210px;margin-left:-230px;z-index:1000;border-radius: 5px;-webkit-border-radius: 5px;}
.login-logo{border:0px red solid;height:80px;margin-left:0px;}

.login-heading {border:1px #4ca1ff solid;margin: 0;padding:13px 15px;text-align: center;background: #22A7F0;letter-spacing:2px;
    border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;color: #fff; font-size:18px;
    text-transform: uppercase; font-weight: 300;font-family:'微软雅黑', 'Open Sans', sans-serif;}/* background: #41cac0; */

.login-middle {border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;
border:1px #4ca1ff solid;padding:30px 50px;background: #fff;}
.login-middle .form-control {display: block;width: 100%; position: relative;height: auto;padding: 5px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.login-middle .form-control:focus{outline:none;border:1px #4CA1FF solid;}
.login-middle input[type="text"], .login-middle input[type="password"] {
     border-radius: 5px; -webkit-border-radius: 5px;
    border: 1px solid #cdcdcd; box-shadow: none;  font-size: 13px;height: 38px;}


.btn {margin-top:10px;;display: inline-block;padding: 3px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;
	line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;
	cursor: pointer;border: 1px solid transparent;border-radius: 4px;-webkit-user-select: none;
	-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}
.btn-lg {padding: 7px 15px;font-size: 14px;line-height: 1.33;border-radius: 6px;}
.btn-login {  background: #1992d5;  color: #fff; text-transform: uppercase;
    font-weight: 300;font-family: 'Open Sans', sans-serif; box-shadow: 0 2px #0f85c5;
    margin-bottom: 5px;}/* background: #f67a6e;  */
.btn-waring { margin-left:40px; background: #f67a6e;  color: #fff; text-transform: uppercase;
    font-weight: 300;font-family: 'Open Sans', sans-serif; box-shadow: 0 2px #ff7062;
    margin-bottom: 5px;}/* background: #f67a6e;  */
    
.btn-block {width: 80px;padding-right: 0;padding-left: 0}
.login-middle p {width: 100%; text-align: center; color: #b6b6b6; font-size: 14px;}
.login-middle a { color: #b6b6b6;}
.login-middle a:hover { color: #41cac0;}



.shake_effect {-webkit-animation-name: shake;animation-name: shake;
-webkit-animation-duration: 1s;	animation-duration: 1s;}

@-webkit-keyframes shake {
  from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0); 
  transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}
 @keyframes shake {
  from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}