@charset "UTF-8";
/* login-area */
 html {background-color: #fff; width: 100%; height: 100%; }
#login-area {width:100%; height: 100%; min-height:314px; background-image: url('/alimee/images/login/login_bg.png'); background-color: #fff; background-repeat: no-repeat; background-position: center -50px;}
.login-content {position:fixed;width: 510px; height: auto;  min-height: 550px;  margin: auto; left: calc(50% - 255px );top:calc(50% - 275px ); background-color: rgba(255,255,255,.5); border: solid 1px rgba(255,255,255,.3); padding: 80px 50px 50px;  box-sizing: border-box;}
.login-box { position:static; width:100%;   }
.login-box-body {border:solid 0px #000;text-align:center; width: 280px; margin: auto; position: relative;/*  height: 500px; */ }
.login-box-body .logo {margin-bottom: 30px;}
.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:52px;width:100%;border-bottom:none;padding:0;margin:0; margin-bottom: 10px;}
.login-input-box input {height:25px;line-height:35px;width:280px; height: 52px; border:0px;padding:10px;font-size:15px; box-sizing: border-box; }
.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:52px;background-color: #2098D1; border:0; cursor:hand;cursor:pointer;}
.login-check-box {width:100%;height:60px;line-height:18px;margin:0 0 5px 0; text-align: center;}
.login-check-box label { font-size: 13px; color: #232323;}
.login-footer { text-align: center; }
.login-footer span { text-align: center; color: #767676; font-size: 13px;}

.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; }