/*  mixin  : START */
/*  mixin  : END */
.login-form-content {
  position: relative;
  width: 400px;
  margin: auto;
  font-family: "Source Sans Pro";
}
.login-form-content .login_noti_danger1 {
  color: #dd2c00;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: none;
}
.login-form-content .login_formvalidate_msg {
  height: 22px;
  color: #dd2c00;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0px auto;
  display: none;
}
.login-form-content .form-label-lh1 {
  margin: 0px;
  padding: 0px;
  width: 281px;
  height: 45px;
  margin: auto;
  color: white;
  font-family: "Source Sans Pro";
  font-size: 30px;
  font-weight: 300;
  line-height: 45px;
}
.login-form-content .form-label-bh1 {
  margin: 0px;
  padding: 0px;
  width: 193px;
  height: 45px;
  margin: auto;
  color: white;
  font-family: "Source Sans Pro";
  font-size: 30px;
  font-weight: 700;
  line-height: 45px;
}
.login-form-content .form-label-danger {
  margin: 20px auto;
  width: 100%;
  height: 44px;
  color: #dd2c00;
  font-family: Thonburi;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}
.login-form-content .form-group {
  padding: 0px;
  margin: 20px auto;
  /* do not group these rules */
}
.login-form-content .form-group .form-input-login {
  width: 400px;
  height: 50px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: rgba(73, 73, 73, 0.3);
  border-radius: 50px;
  text-align: center;
  color: white;
  font-family: "Source Sans Pro";
  font-size: 16px;
  margin: 5px auto;
}
.login-form-content .form-group .form-input-login:focus {
  border: 2px solid #dd2c00;
}
.login-form-content .form-group .form-input-login::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}
.login-form-content .form-group .form-input-login::-moz-placeholder {
  color: #666;
  font-size: 16px;
}
.login-form-content .form-group .form-input-login::-ms-input-placeholder {
  color: #666;
  font-size: 16px;
}
.login-form-content .form-group .form-input-login.input_valid {
  border: 2px solid #093;
}
.login-form-content .form-group .form-input-login.danger {
  border: 2px solid #dd2c00;
}
.login-form-content .form-group .form-input-login.password {
  color: #9e9e9e;
  font-size: 16px;
  line-height: 50px;
}
.login-form-content .form-group .form-input-login.password:focus {
  border: 2px solid #dd2c00;
}
.login-form-content .form-group .form-input-login.password::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
  line-height: 50px;
}
.login-form-content .form-group .form-input-login.password::-moz-placeholder {
  color: #666;
  font-size: 16px;
  line-height: 50px;
}
.login-form-content .form-group .form-input-login.password::-ms-input-placeholder {
  color: #666;
  font-size: 16px;
  line-height: 50px;
}
.login-form-content .form-group .form-input-login.password.input_valid {
  border: 2px solid #093;
}
.login-form-content .form-group .form-input-login.password.danger {
  border: 2px solid #dd2c00;
}
.login-form-content .form-group .form-group-label_for_input {
  text-align: center;
  height: 24px;
  color: #ff5000;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0px auto;
}
.login-form-content .for-checkbok {
  color: #a1a1a1;
  width: 228px;
  margin: auto;
}
.login-form-content .checkbok {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.login-form-content .form-submit-login {
  width: 200px;
  height: 50px;
  display: block;
  margin: 10px auto;
  background-color: #ff5000;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  color: white;
  font-family: "Source Sans Pro";
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  -webkit-transition-duration: 0.3s;
  /* Safari */
  transition-duration: 0.5s;
}
.login-form-content .form-submit-login:hover {
  background-color: #ff6611;
}
.login-form-content .form-submit-login:active {
  -webkit-transition-duration: 0.1s;
  /* Safari */
  transition-duration: 0.1s;
  background-color: #ee5500;
}
.login-form-content .forgot-password-btn {
  cursor: pointer;
  text-align: center;
  height: 19px;
  color: #a1a1a1;
  font-family: "Source Sans Pro";
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: block;
}
.login-form-content .btn-showpassword {
  padding: 0px;
  float: right;
  background: #f00;
  right: 0px;
  top: 0px;
  margin: 42px 16px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADuUlEQVRIS5WVW2gcZRTHz392kw1NNlEfajIgBW8Y9aFEAwVRqdYrXopGCFJaH+r3TWbVEkljVJRBEG0IhLjL7JwPJSBiBV8UraiotA9e8Zra1gfFB2VXfJAQaRKb3T3yhZ2wjTu7dZ6G71x+5zvnP2dALR6l1BVEtBvAbSJyIRGh7n4GwAkieruvr++96enpv5PSxAFn2euJXwBwHoA3Ojo6juTz+d9jJ6VUB4BrRWQ3Ed1NRPOu6+aDIFjdDPoPQGutRGQslUodLBaLH7W6obVNTEx0Ly0tTRDRPZ2dnSOFQuHXxpizAEqpQwAuzWaze2dmZk63S95o9zzvOhExAPZEUfRdbNsAeJ6nReTWKIpGAMj/SR77+r4/WKlU3kyn07vCMPzDnq8DbM8BvJ7NZq9vVbltR09Pz0oQBLWkAjzPu0tEcsx8xwZAa/2W4ziFpJ77vr+9Wq0WiKhLRLYA+HBgYGCq2VBt0sZ8qFdfZOadzaryPG9rrVb7xHGc0SiKfhQRaK2fBbCVmXPNYnK53FWVSmWOmXdZ5ycB/BVFEScAHhGRFDPPxfY65LjrukNBEJxpFqe1/tZxnJvtDY5mMpk9jTpvDKgr63tmPrzp/NN0Oj0ahuFvCYAXiehrCzhpjLkyaWha63uJaB8z3xf75HK5bWtrax+7rnt50sCVUvsB9FrAKWPMYCtZaq1fIqItzLx/bGzs4mq1+q7jOA9FUfRVGzXdeE4A23PP835m5ks8z7tfRHYw88E2e+wBAFdbwAIRXWOMWUsK8H3/omq1Om9VUd9Th4wxtnWJj9b6AIBVCzicSqXmisXiFy3mcDsR3cnMjwVBkC6VSgut5lb/Fl4DULRXHxWR7cw81QLwOIDTsZSVUj90d3fvmJ2dXWkWUy/ihOu6g5icnMwuLi5+2dvbO5y0JpRSrwA4JiLxUOccx5lqXGqbJLyPiIaMMQfWd5HneZMi0sXMzyV8bOO1Wu2G2GaXoYg8ZYz5abN/EARd5XL5GwA7oyj6cx1gD0ulkv1wHg3D8LNWw2tn01rPA1iIomh2Y9nZF6vvWq32TiqVGgnD8FS7RM3sSqlniOgyY8zejdtu6t0QEb1KRE8YY46cK6TelqLdWZlM5uF8Pv9PU4A99H2/32peRFYBPM3MJ5NAVi3lcvlBWxCAl+O2NPo3/enXdXwLEVnpni8iHxDRL0RUtisDgEtEwyIyTETvO47zvB1os0ISAbHz+Pj4BcvLyzeJyDYA/SKyAqAE4Hh/f//nrf5uNse/4CKzrhSryvAAAAAASUVORK5CYII=);
  width: 24px;
  height: 24px;
  border: 0;
  margin-bottom: 10px;
  position: absolute;
  right: 0;
}
.login-form-content .btn-showpassword:hover {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI2ZmNTAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNIDExLjc5IDIzLjU4IEMgNS4yOSAyMy41OCAwIDE4LjI5IDAgMTEuNzkgQyAwIDUuMjkgNS4yOSAwIDExLjc5IDAgQyAxOC4yOSAwIDIzLjU4IDUuMjkgMjMuNTggMTEuNzkgQyAyMy41OCAxOC4yOSAxOC4yOSAyMy41OCAxMS43OSAyMy41OCBMIDExLjc5IDIzLjU4IFogTSAxMS43OSAwLjg0IEMgNS43NSAwLjg0IDAuODQgNS43NiAwLjg0IDExLjc5IEMgMC44NCAxNy44MyA1Ljc1IDIyLjc0IDExLjc5IDIyLjc0IEMgMTcuODMgMjIuNzQgMjIuNzQgMTcuODMgMjIuNzQgMTEuNzkgQyAyMi43NCA1Ljc2IDE3LjgzIDAuODQgMTEuNzkgMC44NCBMIDExLjc5IDAuODQgWiBNIDEzLjQ3IDEyLjE4IEwgMTQuMzEgMTcuMiBDIDE0LjMzIDE3LjMyIDE0LjMgMTcuNDQgMTQuMjIgMTcuNTQgQyAxNC4xNCAxNy42MyAxNC4wMiAxNy42OSAxMy44OSAxNy42OSBMIDkuNjggMTcuNjkgQyA5LjU2IDE3LjY5IDkuNDQgMTcuNjMgOS4zNiAxNy41NCBDIDkuMjggMTcuNDQgOS4yNSAxNy4zMiA5LjI3IDE3LjIgTCAxMC4xMSAxMi4xOCBDIDkuMDcgMTEuNTggOC40MiAxMC40NyA4LjQyIDkuMjcgQyA4LjQyIDcuNDEgOS45MyA1LjkgMTEuNzkgNS45IEMgMTMuNjUgNS45IDE1LjE2IDcuNDEgMTUuMTYgOS4yNyBDIDE1LjE2IDEwLjQ3IDE0LjUxIDExLjU4IDEzLjQ3IDEyLjE4IEwgMTMuNDcgMTIuMTggWiBNIDExLjc5IDYuNzQgQyAxMC40IDYuNzQgOS4yNiA3Ljg3IDkuMjYgOS4yNyBDIDkuMjYgMTAuMjUgOS44NSAxMS4xNSAxMC43NSAxMS41NiBDIDEwLjkyIDExLjY0IDExLjAyIDExLjgzIDEwLjk5IDEyLjAyIEwgMTAuMTggMTYuODQgTCAxMy40IDE2Ljg0IEwgMTIuNTkgMTIuMDIgQyAxMi41NiAxMS44MyAxMi42NiAxMS42NCAxMi44MyAxMS41NiBDIDEzLjczIDExLjE1IDE0LjMyIDEwLjI1IDE0LjMyIDkuMjcgQyAxNC4zMiA3Ljg3IDEzLjE4IDYuNzQgMTEuNzkgNi43NCBMIDExLjc5IDYuNzQgWiBNIDExLjc5IDYuNzQiIC8+PC9zdmc+);
}
.login-form-content input:hover {
  outline: none;
}