body {
  color: #666666;
  background-image: url(img/bg.jpg);
  background-size: cover;
}


}
a {}  
a:hover {color: #666666;text-decoration: none;}

/*----------------------------------------------------------------------------------- */
/*  Login 2 */
/*----------------------------------------------------------------------------------- */
.login2 {
  padding: 100px 0 0;
  }
  .login2 .login-wrapper {
    max-width: 445px;
    margin: 0 auto;
    padding: 20px 30px;
    border-radius: 8px;
    text-align: center;
    background: #ffffffd1;
    box-shadow: 0px 13px 10px -2px #194a4c;
   }
   .login2 .login-wrapper a.logo{
      background: url(img/logo@2x.png) no-repeat center;
      display: inherit;
      padding: 10px;
      background-size: 400px auto;
   }
    .login2 .login-wrapper img {
      margin: 40px auto;margin-left: -5px; }
    .login2 .login-wrapper .input-group-addon {
      padding: 8px 0;
      background: #f4f4f4;
      min-width: 48px;
      text-align: center; }
    
    .login2 .login-wrapper input[type="submit"] {
      background: #2e88fb;
      border: 1px solid #2e88fb;
    }
    .login2 .login-wrapper input[type="submit"]:hover {
        background: #0d53ad;
        border: 1px solid #0d53ad;}  
  .footer {
    line-height: 100px;
    color: #ffffff;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    background: #244565;
  }

/*寬度600以下
--------------------------------------------------------*/
@media (max-width: 600px){ 
  .login2 .login-wrapper a.logo {
    background-size:100%;
  } 
  
}