@charset "UTF-8";
/* login-area */
html {background-color: #2E3D99; width: 100%; height: 100%; }
body.login-sms { background-color: #2E3D99; background-image: none; width: 100%; height: 100%; min-height:768px; position: fixed; left: 0; right: 0; bottom: 0; top: 0; overflow: hidden;  min-width:540px; } 
.central {
	margin: 0 auto;
    width: 100%;
    clear: both;
    position: relative;
    z-index: 2;
    display: inline-block; 
    height: calc(100% - 70px);
    }
/* #container {position:relative;width:960px;height:100%;} */
#login-area {width:100%; height: 100%; min-height:314px;}
.login-content {position:relative;width: 475px;height:100%; margin: auto;}
.login-box {position:absolute;left: calc(50% - 237px );top:calc(50% - 369px );width:475px; height:739px; text-align:left; background-image: url('/alimee/images/schoolsms/login_bg.png'); background-repeat: no-repeat; background-position: center; padding-top: 148px; box-sizing: border-box; }
.login-box-body {border:solid 0px #000;text-align:center; width: 226px; margin: auto; position: relative; height: 500px; }
.logo-area {margin-bottom: 60px;}
.login-box-body .info-text {margin-top:10px; text-align:left; position: absolute; bottom: 30px; left: 20px; display: none; }
.login-box-body .info-text li {font-size:13px;color:#767676; padding:5px 0;}
.login-box-body .info-text li strong {font-size: 14px; font-weight: normal; color: #333;}
.login-input-box {width:100%;margin:0 0 10px 0; background-color: #eceff0; z-index: 2; position: relative;}
.login-input-box span.username {display:inline-block;height:45px;width:100%;border-bottom:solid 1px #e3e3e3;padding:0;margin:0;}
.login-input-box input {height:25px;line-height:35px;width:200px;border:0px;padding:10px;font-size:15px;}
.login-input-box p {color:#74655f;font-weight:bold;margin:10px 0 8px 0;}
.login-input-box button {width:100%;color:#fff;font-size:16px;font-weight:bold;height:46px;background-color: #2E3D99; border:0; border-radius: 23px; cursor:hand;cursor:pointer;}
.login-check-box {width:100%;height:60px;line-height:18px;margin:0 0 5px 0; text-align: left;}
.login-char {position: absolute; right:20px; bottom:60px; z-index: 10;}
.btn-find {font-size: 13px; font-weight: 400;  color: #333; display: inline-block;  margin-top: 15px; border-bottom: solid 1px #999; padding: 3px 0 3px 20px; position: relative; margin-bottom:10px;}
.btn-find:after { content:''; display: inline-block; width: 20px; height: 20px; position: absolute; left:0; top: 0; background-image: url('/alimee/images/schoolsms/btn-find.png');  background-repeat: no-repeat; background-position: center; background-size: 12px; }



/* tail-area */
#login-tail-area {width:100%;height:100px;margin-top:40px;}
#login-tail-area {text-align:left;color:#777;}

.login-sms #ftr {
	letter-spacing: -1px;
    font-size: 13px;
    text-align: center;
    color: #78909c;
    height: 70px;
    display: inline-block;
    width: 100%;
}
.login-sms #ftr span { padding-right: 12px;}
#ftr .ftr-text { width: auto; margin: auto;}
#ftr .ftr-text li { display: inline-block; padding: 2px 0; }