body { 
    background-color: #3c7d9b;
    background-image: url(../../bg-login.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
} 
#popup { 
    position: fixed;width: 100%;height: 100%;display: table;pointer-events: none; 
} 
#popup > div { 
    display: table-cell;vertical-align: middle;text-align: left; 
} 
#popup p { 
    width: 100%;
    max-width: 28em;
    margin: 0 auto;
    pointer-events: auto;
    background: rgba(255, 255, 255, 0.5);
    padding: 32px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 3px 3px 7px #12465e; 
} 
#popup .head { 
    width: 100%;
    margin: 0 auto;
    pointer-events: auto;
    padding-bottom: 12px;
    text-align: center;
    color: #eee;
    text-shadow: 1px 2px 1px #1c3947; 
} 
#popup .err { 
    width: 100%;
    margin: 0 auto;
    pointer-events: auto;
    padding-top: 16px;
    text-align: center;
    color: #ff0000;
    text-shadow: 1px 1px 1px #fff; 
} 
p .form-control { 
    margin-bottom: 7px;
    padding: 22px 32px;
    border: 2px solid #3c7d9b;
    border-top: 2px solid #12465e;
    border-left: 2px solid #12465e;
    border-radius: 2px; 
} 
p .form-control:focus { 
    border: 2px solid #3c7d9b;
    border-top: 2px solid #12465e;
    border-left: 2px solid #12465e; 
} 
p .user { 
    padding-left: 48px;
    background-image: url(../../icon-user.png);
    background-position: left center;
    background-repeat: no-repeat; 
} 
p .lock { 
    padding-left: 48px;
    background-image: url(../../icon-lock.png);
    background-position: left center;
    background-repeat: no-repeat; 
} 
p .btn { 
    border-color: #12465e;
    border-width: 2px;
    border-radius: 2px; 
}