body
{ 
    background-color: rgb(221,164,177);  
    background-image: url("../bg.png"); 
    background-repeat: no-repeat;   
    background-size: cover;
    background-position: top left;   
    //min-width: 768px;
    
}
  
.login-div
{ 
    position: relative;
    width: 500px;
    left: 680px;
    margin-top: 250px;
    text-align: center; 
    margin-bottom: 220px;
}

.col-account-tag, .col-password-tag
{ 
    text-align: right; 
    font-size: 30px;
    margin: 0px;
}

.col-account, .col-password, .col-submit
{
    height: 40px;
    line-height: 40px;   
    margin-bottom: 10px;
    text-align: right; 
    vertical-align: middle;
}

#login-account, #login-password, #login-button
{
    height: 40px;   
    line-height: 40px; 
    width: 100%;
    font-size: 30px;
}

#login-button
{
    width:60%;
    border:1px #fff solid;
}

#errmsg
{
    height: 40px;
    line-height: 40px;
    color: #F33;
}  

/*
@media(max-width: 991px)
{  
    .col-account-tag, .col-password-tag, .col-account, .col-password, .col-submit,
    #login-account, #login-password, #login-button
    {
        font-size: 30px;
        line-height: 40px; 
        height: 40px;
    } 
}

@media(max-width: 767px)
{ 
    .col-account-tag, .col-password-tag, .col-account, .col-password, .col-submit,
    #login-account, #login-password, #login-button
    {
        font-size: 25px;
        line-height: 40px; 
        height: 40px;
    }  
}


@media(max-width: 468px)
{ 
    .col-account-tag, .col-password-tag, .col-account, .col-password, .col-submit,
    #login-account, #login-password, #login-button
    {
      font-size: 16px; 
      line-height: 40px; 
      height: 40px; 
    }
    #login-button{ width: 100%; }
     
    .col-xs-4{padding:0px;}
    .col-xs-8{padding-left:5px; padding-right:0px;}
}
*/