@charset "utf-8";
/* clearfix */
.btn-set:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.login-box{background:url(/st_ec/img/mb/login_bg.png) repeat-x -22px 0; margin:-.5em -1em .2em -1em;}
.login-box input[type="text"], .login-box input[type="password"], .login-box input[type="button"]{padding:8px 10px; width:260px \9;} 
input[type="text"]#orderNo, input[type="text"]#contact1Email{width:170px \9;}
.login-box input.it-2, .login-box input[type="text"].it-2, .login-box input[type="password"].it-2{padding:7px 9px;}
.box-1, .box-2{display:block; float:left; width:350px; margin-left:25px;}
.box-2{margin-left:65px;}
.login-form h2{padding:1em 2em .5em 0em; font-size:15px; color:#d52678;}
.login-form p{line-height:inherit; margin:5px 0 10px 0; font-size:15px;}
.login-form p a:link, .login-form p a:visited{font-size:13px; color:#06c;}
.login-form p strong{vertical-align:0;}
.login-form q{display:block; text-align:text; margin-bottom:-7px; margin-top:2px; padding-right:16px;}
.login-form q .err-msg{margin-left:144px; margin-left:147px \9; margin-bottom:5px;}
.login-form .forget{margin:-5px 0 3px 50px; }
.login-form .forget2{margin:-5px 0 3px 0; width:214px; width:217px \9;}
.login-form #orderLoginForm .forget2{margin:-5px 0 3px 50px;}
.login-form .forget label{margin-right:2.9em;}
.login-form p.join{padding:0 0 0 48px;}
.login-form p.join2{margin:0 124px 0 0; padding-right:1px;}
.login-form p.err, .login-form p.err-3{text-align:left; font-size:13px; margin:0 0 10px 50px; padding-right:16px;}
.login-form p.err-3{margin-left:160px; margin-left:163px \9;}
.box-2 .login-form h2{padding-left:1.5em;}
.box-2 .login-form p.signup-intro{text-align:left; line-height:24px;}
.box-2 .login-form p img{overflow:hidden; width:240px; height:205px; padding-right:0;}
.box-2 .login-form .forget2{width:212px;}
.login-form-big{width:358px; margin-left:-40px;}
.login-form-big p{text-align:right;}
.login-form-big p.join{text-align:left; padding-left:160px; padding-left:163px \9;}
.login-form-sm{width:320px;}
.login-dialog-member{margin-top:10px;}
.login-normal .box-1 .login-form{padding-left:20px;}
/* 獨立頁面 */
.titlebar{font-size:15px; font-weight:bold; padding:.4em .5em .4em 1em; border:1px solid #207fb6; line-height:1.2em; border-radius:3px; color:#fff; background:#0880DE url(/st_ec/img/ui/ui-bg_highlight-soft_75_0880de_1x100.png) repeat-x 50% 50%;}
.titlebar .clo-btn:link, .titlebar .clo-btn:visited{display:block; float:right; background:url(/st_ec/img/ui/ui-icons_ffffff_256x240.png) no-repeat -96px -128px; width:16px; height:16px;}
.titlebar .clo-btn:hover{background:#c7edff url(/st_ec/img/ui/ui-icons_0a52ab_256x240.png) no-repeat -96px -128px; border:1px solid #bababa; border-radius:3px;} 
.ifrm .login-box{margin:0; background-position:-40px 30px; background-position:-35px 30px \9;}
.ifrm .login-box.login-normal{margin:0; background-position:0 30px;}
.ifrm .login-form.login-form-big p input[type="text"]{width:173px \9;}
.ifrm .login-normal .box-1, .ifrm .login-normal .box-2{height:365px; margin-top:20px;}
.ifrm .login-normal .box-1{width:380px; margin-left:20px;}
.ifrm .login-normal .box-2{width:230px; margin-left:50px; text-align:left;}
.ifrm .login-normal .box-2 h2{padding:0 0 4px 0; background:none; margin:0;}
.login-tip{margin:-5px 0 0 0; padding-right:16px;}
.box-2 .login-form .btn-m, input[type="button"].btn-m, .box-2 .login-form .btn-sg, input[type="button"].btn-sg{text-align:center; width:90px; height:30px; padding:6px 0 8px; padding:8px 0 5px \9; background:#7f77d9; border:0; background:url(/st_ec/img/btn_submit_gray_m.gif) no-repeat 0 0; color:#222;}
.box-1 .login-form .btn-m, input[type="button"].btn-m{text-align:center; width:90px; height:30px; padding:6px 0 8px; padding:8px 0 5px \9; background:#7f77d9; border:0; background:url(/st_ec/img/btn_submit_m.gif) no-repeat 0 0; color:#fff;}
.btn-m:hover, input[type="button"].btn-m:hover, input[type="button"].btn-m-sub:hover{background-position:0 -30px; background-position:0 0 \9; cursor:pointer; padding:7px 0 7px; padding:8px 0 5px \9;}
.ifrm-view-login{width:710px;}
.ifrm-view-order{width:800px;}
.ifrm-view-askpw{width:530px;}
.ifrm-view-askpw .pw-add{padding:.5em 1em 1.2em;}
.btn-set{margin-top:1em; padding:.5em 1.5em 0; border-top:1px solid #aaa;}
.btn-set .btn-sg, .btn-set .btn-l{float:right; display:block;}
/* B2C會員登入改寫 */
.user-pw{width:17em;}
.msg-area-pw{width:135px; margin:6px 0 0 0 \9; padding:4px 0;}
.ct-frd{width:380px;}
/* 登入會員dialog圖片 */
.login-dialog-banner{margin:15px 0 0 0;}
/* 忘記密碼 dialog */
.join form#askpwForm .ti2 p{padding:8px 0; line-height:1.5;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.login-form-big p.join{text-align:left; padding-left:174px;}
.login-form q .err-msg{margin-left:160px;}
.login-form p.err-3{margin-left:175px;}
.login-form .forget2{margin:-5px 0 5px 0; width:228px;}
.ifrm .login-form p.err-3{margin-left:163px;}
.ifrm .login-form .forget2{width:214px;}
.ifrm .login-form-big p.join{padding-left:160px;}
}