@charset "utf-8";

#footer_wrap{
  width: 100%;
  position: fixed;
  bottom: 0px;
}

.login{
  width: 100%;
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: #0b9444 2px solid;
  border-bottom: #0b9444 2px solid;
  vertical-align: top;
  /*margin-top: 150px;*/
  padding: 50px 0;
}

.login_inner{
  width: 500px;
  margin: 0 auto;

}
.green{ color: #0b9444; }
.login .title{ font-size: 32px; line-height: 32px; vertical-align: top; font-weight: 500; text-align: center; }
.login .title img{vertical-align: top; height: 34px; margin-right: 4px; }
.login .text { font-size: 12px; text-align: center; margin-top: 12px; color: gray; }

.login .login_form{text-align: 0.95em; margin-top: 30px; }
.login .login_form table { width: 370px; margin: 0 auto; }
.login .login_form table tr{padding: 2px 0; }
.login .login_form table tr.sec td, .login .login_form table tr.sec th { padding-top: 10px;}
.login .login_form table th{ text-align: right; width: 80px; padding-right: 10px; }
.login .login_form table td{line-height: 22px; }
.login .login_form input[type=text]{width: 170px; height: 24px; border: 1px solid #0b9444; border-radius: 4px; }
.login .login_form .login_button{
   text-align: center; width: 100px;
   /*border: 1px solid #0b9444;*/
    -webkit-appearance: none;
    color: #fff;
    font-size: 1.1em;
    font-weight: 500;
    background: #0b9444;
    border-radius: 10px;
  }
.login .login_form .login_button a{color: white; }

.login .last_text{font-size: 18px; letter-spacing: 1px; text-align: center; margin-top: 30px; color: gray;}
.login .login_form .remember{text-align: right; font-size: 0.87em; letter-spacing: 1px; padding-top: 6px; padding-right: 20px; }
.login .login_form .remember input[type=checkbox]{margin-right: 4px; }