.login-area{
  width: 500px;
  height: 350px;
  padding: 30px;
  border-radius: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.login-area.login{
  background-color: #f8f8f8;
}

.logo-login{
  width: 224px;
  height: 0;
  margin: 0 auto 20px;
  padding-top: 58px;
  background: url(../img/login_img.png) no-repeat;
  overflow: hidden;
  line-height: 1.1;
}

form{
  width: 300px;
  margin: 0 auto;
}

.login-area dl{
  display: block;
}

.login-area dl dt{
  padding: 10px 0 5px;
}

.login-area .login-btn,
.login-area .setting-btn{
  width: 100%;
  margin: 30px 0;
  padding: 10px;
  border-radius: 6px;
  background-color: #003da6;
  color: #fff;
}

.login-area .login-btn:hover,
.login-area .setting-btn:hover{
  background-color: #0077ff;
}

input[type="text"],
input[type="password"]{
  background-color: #fff;
  padding: 0.5em;
}