body,html{width:100%;height:100%}
body{background:url("../images/login_bg.png") no-repeat center;background-size:cover}
.c_apps_head{background:transparent}
.navbar{border:none}
.login_container{padding-top:230px}
.login_title{font-size:40px}
.page-header{border:none}
.login_title_small{font-size:16px;margin:15px 0}
.login_form{width:330px;margin:0px auto}
.input-group{margin:0 auto;width:100%;}
.input-group input{border-radius:4px !important;}
.input-group-lg>.form-control{height:40px;font-size:16px;padding:10px 50px}
.login_name{position:relative;margin:15px auto}
.login_name i{position:absolute;top:0;left:0;z-index:30;font-size:26px;margin-left:10px;color:#999}
.login_checkbox input{width:20px;height:20px;vertical-align:-5px;margin-right:10px;}
.login_checkbox{font-weight:normal;}
.login_forget:hover{color:#fff;}
.login_forget{line-height:30px}
.login_pwd{margin-bottom:20px}
.login_btn{width:100%;background:#3055f8;border:none;padding:12px;margin:5px auto}
.login_btn:hover{background:#3055f8;color:#fff}
.login_other{margin-top:15px;}
.login_other a i{margin:0 10px;color:#fff;font-size:20px;vertical-align:-2px}
.login_other .login_reg{font-size:14px}
.login_reg:hover{color:#fff}
footer a:hover{color:#fff}
footer{position:absolute;bottom:20px;left:50%;margin-left:-340px}

@media (max-width: 435px){
  .c_apps_head{background:#000}
  body{background:url("../images/login_bg_phone1.jpg") no-repeat;background-size:cover;}
  .login_container{padding-top:150px}
  .input-group-lg>.form-control{height:50px}
  .login_name i{top:6px}
  footer{display:none}
}
@media (max-width: 375px){
  .login_container{padding-top:100px}
}
@media (max-width: 320px){
  .login_container{padding-top:80px}
  .login_title{font-size:30px}
  .login_title_small{font-size:14px}
  .login_form{width:auto}
  .login_other .login_reg{margin:0}
}