html,body{ width: 100%; height: 100%; overflow: hidden; }
  body{ background:url('../img/body_bg.jpg') no-repeat center center; background-size: cover;}
  .container{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 660px; height: 480px; margin: auto; }
  .container h1{ margin-bottom: 40px; font-size: 24px; font-weight: normal; color: #fff; text-align: center; }
  .container .login-box{ width: 660px; height: 300px; box-shadow: 0 10px 30px rgba(20, 123, 202, 0.35);}
  .container .login-box .box-left{ float: left; width: 252px; height: 300px; background: url('../img/box_left_bg.png') no-repeat center center; text-align: center; }
  .container .login-box .box-left .ad{ width:100%; height:80px; padding-top:110px; margin-top:60px; background:url('../img/xckj.png') no-repeat center center;}
  .container .login-box .box-left a{ display: block; width: 80px; height: 30px; line-height: 30px; border:1px solid #fff; border-radius: 3px; margin:20px auto; color:#fff; font-size: 14px;}
  .container .login-box .box-left a:hover{ background-color: #fff; color: #40C6FF;  }
  .container .login-box .box-right{ position: relative; float: left; width: 408px; height: 300px; background-color: #fff; }
  .container .login-box .box-right .copyright{ margin-top: 20px; font-size: 12px; text-align: center; color: #A6A6A6; }

  .login-form{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; width:270px; height: 184px; margin:auto;}
  .login-form-label{ display: block; position: relative; height: 38px; margin-bottom: 15px;}
  .login-form-label2{ display:block; height:15px; line-height:15px; margin-bottom:15px;}
  .login-form-label .login-icon{ position: absolute; left: 0; top: 0; width: 38px; height: 38px; border-right: 1px solid #ccc; background-image: url("../img/login-icon.png"); background-repeat: no-repeat;}
  .login-form-label .checkcode{ position:absolute; left:140px; top:4px; width:120px; height:30px;}
  .login-form-label .checkcode img{ width:120px; height:30px;}
  .login-form-label .icon-user{ background-position: 0 0;}
  .login-form-label .icon-lock{ background-position: 0 -38px;}
  .login-form-label .icon-refresh{ background-position:0 -76px;}
  .login-form .login-form-text{ display: block; width: 262px; height: 30px; line-height: 30px; padding: 3px; border:1px solid #ccc; background-color:#f5f5f5; font-size: 16px; text-indent: 40px; -webkit-transition: all linear .2s;   -moz-transition: all linear .2s;   -o-transition: all linear .2s;   transition: all linear .2s;}
  .login-form .login-form-text:focus{ border-color:#79B5E4; border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); background-color:#fff; }
  .checkbox-group{ display: inline-block;}
  .checkbox-group .ipt-checkbox{ display: none;}
  .checkbox-group .checkbox-label{ float:left; height:15px; padding-left:20px; background-image:url('../img/check.png'); background-repeat:no-repeat; background-position:0 0; font-size:13px; color:#404040; }
  .checkbox-group .checkbox-label:hover{ background-position: 0 -15px;}
  .checkbox-group .ipt-checkbox:checked + .checkbox-label{ background-position:0 -30px;}
  .login-form .login-form-submit{ width: 270px; height: 40px; line-height: 40px; border:0; background-color: #7AC50F; font-size: 16px; color: #fff; cursor: pointer;}
  .login-form .login-form-submit:hover{ background-color: #83D00F;}
  .login-form .btn-gray,
  .login-form .btn-gray:hover{ border:0; background-color: #CACCCD; text-shadow:1px 1px 0 #fff; font-size: 16px; color: #999; cursor:default;  }

  .hide{ display:none;}.show{ display:block;}
  .bold{ font-weight:bold;}