/*! Custom styles for this template */
html {
  display: table;
  height: 100%;
  width: 100%;
}
body {
  display: table-cell;
  vertical-align: middle;
}
.login {
  -webkit-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
       -o-animation-name: fadeInUp;
          animation-name: fadeInUp;
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  background:#fff;
}
.login-body {
  padding: 30px;
}
.login-brand {
  display: block;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 240px;
}
.login-footer {
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .login-body {
    background-color: #ffffffb8;
    _border: 1px solid #ddd;
    _border-radius: 0;
    _-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
            _box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    margin-top: 15px;
	   _background:#fff url(../../../uploads/source/global/effect.png) no-repeat top center; background-size:cover;
	border-radius: 5px;
  }
}