body, h4 { font-family: 寰蒋闆呴粦; margin: 0px; padding: 0px; }
ul { list-style: none; padding: 0px; margin:0px;}
a { text-decoration: none; }
.footer { text-align: center; font-size: 12px; padding-top: 20px; }
.clear { clear: both; margin: 0px; padding: 0px; border: 0px; }
.fleft { float: left; }
.fright { float: right; }
.contain { width: 100%; }
.contain .head { text-align: center; min-height: 80px;}
.login-right { float: right; }
.login-left { float: right; }
.LoginNav{float: right;color: #999;margin: 30px 0 0;line-height: 20px;}
.LoginNav a{font-size: 12px;color: #999;margin: 0 10px;}
.contain .head .login-left { text-align: left;padding-top:25px;  }
.contain .head .login-right { text-align: right; padding-top:25px; }
.contain .content { background-color: #a91f43;  padding:0 0 50px 0;}
#top_bottom_shadow
{
    background: url("../img/login/up.png")/*tpa=http://mail.tbea.com/owa/auth/img/login/up.png*/ repeat-x 0px 0px;
    width: 100%;
    height: 50px;
}
.contain .content .body, .contain .head { margin: auto; }
.contain .content .body {  background-color: #a91f43;}
.contain .content .body .login-right { background-color: #ffffff;border-radius: 5px; padding: 25px; width: 275px; margin: auto;}
.contain .content .body .login-left {  }
.login-left .libody { margin: -5px 0 0 15px; color: #ffffff; }
.libody a, .libody h4 { color: #ffffff; }
.login-left .libody h4 { font-size: 16px; }
.login-left .libody a { font-size: 14px; }
.login-left ul li { clear: both; margin-bottom: 50px; }

.input1 { border: 0px; position: relative; top: 170px; height: 40px; background-color: transparent; margin: 1px; padding-left: 40px; width: 200px; cursor: pointer; }
.input-control { text-align: center; }
.input-control .control-login { text-align: right; border: 1px solid #B5B5B5; width: 274px; margin: auto; height: 44px; }
.input-control .name1 { background: url('../img/login/icon-1.png')/*tpa=http://mail.tbea.com/owa/auth/img/login/icon-1.png*/ no-repeat 8px 4px #fff; border-bottom: 0px; }
.input-control .pwd1 { background: url('../img/login/icon-2.png')/*tpa=http://mail.tbea.com/owa/auth/img/login/icon-2.png*/ no-repeat 8px 4px #fff; }
.input-control .control-login input { border: 0px; background-color: transparent; width: 230px; line-height: 38px; height: 38px; vertical-align: middle; }
.rememberme { width: 274px; margin: 15px auto; font-size: 12px; line-height: 24px; }
.rememberme input { margin: 0px 10px 0 0; }
.buttons { width: 280px; margin: auto; }
.buttons input { width: 125px; height: 44px; border: 0px; cursor: pointer; font-size: 16px; color: #fff; vertical-align: middle; }
.login { background: url('../img/login/button-1.png')/*tpa=http://mail.tbea.com/owa/auth/img/login/button-1.png*/ repeat-x center 0px; }
.login-system { background: url('../img/login/button-2.png')/*tpa=http://mail.tbea.com/owa/auth/img/login/button-2.png*/ repeat-x center 0px; }
.language { text-align: left; margin-top: 0px; font-size: 12px; }
.nlanguage { text-align: left; margin-top: 5px; font-size: 12px; }
.language .showdiv{display: none; position: absolute;top:30px;right:0;border:#ccc solid 1px;width: 90px; background-color: rgb(255, 255, 255)}
.language .showdiv a{font-size:12px;display:block;background: url(../img/login/Language.jpg)/*tpa=http://mail.tbea.com/owa/auth/img/login/Language.jpg*/ no-repeat;padding-left:25px;line-height:20px;height:20px; }
.language .showdiv .language_cn{background-position: 0px -2px}
.language .showdiv .language_hk{background-position: 0px -25px}
.language .showdiv .language_en{background-position: 0px -45px }
.language .showdiv .language_jp{background-position: 0px -68px}
.language .showdiv .language_kr{background-position: 0px -90px}
.LoginType{padding-left:10px;}
.LoginType input{vertical-align:middle;margin:0 5px 0 0!important}
.LoginType label{display:inline-block;vertical-align:middle;font-size:14px;font-weight:300;margin:0 20px 0 0!important}
.login-right { width: 325px; }
.login-left { width: 675px; }
.contain .content .body, .contain .head { width: 1000px; }
@media screen and (min-width:1000px) {
    .login-right { width: 325px; }
    .login-left { width: 675px; }
    .contain .content .body, .contain .head { width: 1000px; }
}

@media screen and (max-width:999px) and (min-width:680px) {
    .login-right { width: 325px; }
    .login-left { width: 350px; }
    .contain .content .body, .contain .head { width: 680px; }
}

@media screen and (max-width:680px) {
    .contain .head .login-left { width: 100%; text-align: center; }
    .contain .head .login-right { display: none; }

    .contain .head .login-left img { width: 100%; }
    .contain .content .body .login-left { display: none; }
    .contain .content .body, .contain .head { width: 330px;  }
    
}