@charset "UTF-8";
/* variables */
/* ╨│╨┤╨╡-╤В╨╛ ╨╕╤Б╨┐╨╛╨╗╤М╨╖╤Г╨╡╤В╤Б╤П? site-width */
/*$site-width: 1154px;*/
/* ==================== */
.container {
  float: left;
  width: 100%; }

/* ==================== */
/* variables */
/* ╨│╨┤╨╡-╤В╨╛ ╨╕╤Б╨┐╨╛╨╗╤М╨╖╤Г╨╡╤В╤Б╤П? site-width */
/*$site-width: 1154px;*/
/* ==================== */
.container {
  float: left;
  width: 100%; }

/* ==================== */
#login_form {
  float: right;
  width: 178px;
  /*form > div {
  	@extend .container;
  	margin: 3px 0 16px 0;
  }*/
  /*input[type="text"] {
  	width: 100%;
  }*/
  /*.button_enter {
  	float: right;
  	width: 38px;
  	height: 2.4em;
  	padding: 0;
  	border: none;
  	background: url("../sprite/button-enter1.png") no-repeat;
  	background-size: contain;
  }*/ }
  #login_form form > span {
    font-size: 16px;
    float: left;
    margin-bottom: 10px; }
  #login_form input[type="text"], #login_form input[type="password"] {
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    /*box-shadow: 2px 2px 3px $color-shadow inset;*/ }
  #login_form .pswd, #login_form input[type="password"] {
    width: 145px; }
  #login_form .button_enter {
    float: right;
    width: 25px;
    height: 22px;
    border: none;
    background: url('../sprite-s00287da08e.png') 0 -236px no-repeat;
    margin-top: 5px; }
  #login_form .button_enter:hover {
    background: url('../sprite-s00287da08e.png') 0 -214px no-repeat; }
  #login_form .login-form-message {
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
    margin-left: 9px;
    color: #dd0000; }
  #login_form .button_open_reg {
    float: left;
    width: 139px;
    height: 22px;
    border: none;
    background: url('../sprite-s00287da08e.png') 0 -492px no-repeat; }
  #login_form .button_open_reg:hover {
    background: url('../sprite-s00287da08e.png') 0 -470px no-repeat; }
  #login_form .button_open_reg.active {
    background: url('../sprite-s00287da08e.png') 0 -448px no-repeat; }
  #login_form .button_demo {
    display: inline-block;
    float: left;
    background: #303030;
    color: #fff;
    margin-top: 5px;
    text-decoration: none;
    padding: 2px 11px;
    line-height: normal;
    border-radius: 3px; }
    #login_form .button_demo .fa {
      display: inline-block;
      margin-right: 2px;
      color: #fff; }
    #login_form .button_demo:hover, #login_form .button_demo:hover .fa {
      color: #dfb902; }
  #login_form .forgot_pswd {
    float: left;
    margin: -10px 0 15px 7px;
    color: #006b97; }
  #login_form .login-seccode-wrap {
    display: none;
    margin-bottom: 15px; }
    #login_form .login-seccode-wrap > span {
      display: block;
      padding-bottom: 5px; }
  #login_form .login-form-wrap.ok {
    display: none; }
  #login_form .login-form-wrap.ok + .login-seccode-wrap {
    display: block; }
