body{
    padding: 0;margin: 0;
    background: #0066b3;
    font-family: 'MyriadProa', Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.top{
    height: 75px;
    background: #00528f;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.top ul{list-style: none; text-align: center; }
.top ul li{display: inline-block; padding: 0 10px;}
.top ul li a{
    margin-top: 17px;
    color: #fff; display: block;line-height: 40px;
    height: 40px; border: 1px solid rgba(255,255,255,0.5);padding: 0 20px; border-radius: 50px; cursor: pointer; font-weight: bold;
}
.top ul li a:hover,.top ul li a.active{
background: #f7c709;
}



.main{ margin: 30px 0; padding-top: 30px;}
.main .SiteName{
    text-align: center; text-transform: uppercase;
    font-size:32px;
     color: #fff; font-weight: normal;
}


.vnpt{position: absolute; bottom: 20px;left: 50%; margin-left: -96px}

.login {text-align: center; position:relative;}

.login-wrap{width: 380px; border: none; background: white;border-radius: 5px;margin: 20px auto;overflow: hidden;margin-top: 60px; position:absolute; left:50%; margin-left:-190px; top:-20px}
.login-wrap .login-txt{height: 42px;width: 100%; float:right;    padding: 0;    border: 0;outline: none}
.login-wrap  .user{background: url(../res/user.png) no-repeat left;padding-left: 45px;height: 42px;border-bottom: 1px solid #ddd;padding-right: 7px}
.login-wrap  .pass{background: url(../res/pass.png) no-repeat left;padding-left: 45px;height: 42px;padding-right: 7px}

.login-btn{cursor:pointer;width: 230px; height: 40px;
    border: none;outline: none;background: rgba(0,0,0,0.5);color: #fff;border-radius:3px; margin: 10px auto;font-size: 12px; font-weight: bold;    position: absolute;
    left: 50%;
    margin-left: -115px;
    top: 150px;}

    .login-btn:hover{background: #a40005}

.login-list{list-style: none;padding: 0px;font-size: 13px;margin-top: 30px}
.login-list li{display: inline-block;padding: 0 10px}
.login-list li label{color: #fff;cursor: pointer}
.login-list li a{color: #fcd17b;text-decoration: none}

@media (max-width: 480px) {
   header .sitename{font-size: 18px;}
.login-wrap{margin-top: 20px}
.login-wrap{width: 280px;}
}