@charset "utf-8";
/*modify*/
.forwarder_login { background: #eceef1; overflow: hidden }
.forwarder_login_left { width:390px; float:left; height:275px;}
.forwarder_login_right { width: 330px; float:left;height:275px; padding-top:20px; padding-left:0; position: relative}
.forwarder_login_right:before { content: ""; position: absolute; width:1px; height: 200px; background: #ccc; top:50%; margin-top:-100px; left:-10px }
.forwarder_login_left_btns { padding:20px 0; text-align: center }
.login_logo_box { text-align: center; padding:40px 0 0px }
.forwarder_login_left_btns a { display: inline-block}
.join_info, .join_request { width:156px; height: 40px; line-height: 40px;  text-align: center ; font-size: 14px; font-weight: bold; margin:5px; border-radius: 3px; color:#FFF !important; text-decoration: none !important }
.join_info {background:#595959; } .join_request { background: #e02e02 }
.login_q { background:#485971; padding:20px 45px; text-align: right }
.login_q a { color: #fff !important}

/* LOGIN WRAP */
#mb_login {margin:0 auto;padding:0;max-width:730px; box-sizing: border-box }
#mb_login h1 {margin:0 0 20px;font-size:1.3em; text-indent: -9999px; overflow: hidden }
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_fs {position:relative;margin:0;padding-top:10px;padding-bottom:14px;;padding-left:10px}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label {letter-spacing:-0.1em}
#mb_login #login_fs .login_id {position:absolute;top:20px;left:15px; font-size: 14px; font-weight: bold}
#mb_login #login_fs .login_pw {position:absolute;top:60px;left:15px; font-size: 14px; font-weight: bold}
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 0px;width:210px; height:35px; background: #fff; border:1px solid #ccc; border-radius: 3px;}
#mb_login #login_fs .btn_submit {width:45%;height:40px; font-size: 14px; font-weight: bold;margin-top:7px;letter-spacing:1px;border-radius: 5px;}
#mb_login #login_info {margin:20px 0 30px;padding:20px;}
#mb_login #login_info div {text-align:right}

#mb_login_notmb {position:relative;margin:0 0 20px;padding:20px;border:1px solid #cfded8;background:#fff}
#mb_login_notmb #guest_privacy {margin:0 0 10px;padding:10px;height:150px;border:1px solid #e9e9e9;overflow:auto}
#mb_login_notmb .btn_confirm {padding:10px 0 0; background:#485971 }

#mb_login_od {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_login_od legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login_od label {letter-spacing:-0.1em}
#mb_login_od .od_id {position:absolute;top:26px;left:95px}
#mb_login_od .od_pwd {position:absolute;top:52px;left:95px}
#mb_login_od .frm_input {display:block;margin:0 0 5px 80px}
#mb_login_od .btn_submit {position:absolute;top:20px;left:335px;width:52px;height:49px}
#mb_login_odinfo {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
#mb_login_odinfo div {text-align:right}

/* LOGIN WRAP 640px*/
@media screen and (max-width: 40.000em){
    #mb_login {margin:0 auto;padding:20px 0;}
    #mb_login h1 {margin:0 0 15px;padding:0 10px;}

    #mb_login #login_fs {padding:10px;}
    #mb_login #login_fs .login_id,
    #mb_login #login_fs .login_pw {display:block;position:inherit;top:0px;left:0}
    #mb_login #login_fs .frm_input {margin:0 0 5px 0;width:60%}
    #mb_login #login_fs .btn_submit {top:24px;right:10px;width:35%;height:67px}

    #mb_login_notmb {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
    #mb_login_notmb .btn_confirm {margin:20px 0 0;text-align:right}

    #mb_login_od {margin:20px 5px;}
    #mb_login_od .frm_input {margin-bottom:5px;padding:0;width:80%;height:1.8em;line-height:1.8em}
    #mb_login_od .btn_submit {position:absolute;top:0;right:0;padding:0 !important;width:18%;height:4em !important;text-align:center}
}