@charset "utf-8";
/* clearfix */
.btn-set:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.login-box{background:url(https://www.settour.com.tw/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(https://www.settour.com.tw/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(https://www.settour.com.tw/st_ec/img/ui/ui-icons_ffffff_256x240.png) no-repeat -96px -128px; width:16px; height:16px;}
.titlebar .clo-btn:hover{background:#c7edff url(https://www.settour.com.tw/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(https://www.settour.com.tw/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(https://www.settour.com.tw/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;}


.ifrm.rwd .ifrm-view-login:before{content:"會員登入"; display:block; text-align:center; font-size:26px; font-weight:bold; padding:10px 50px; background:#D2E8FF; box-shadow:inset 0 -2px 8px -2px rgba(64,64,64,.3);}
.ifrm.rwd *{box-sizing:border-box;}
.ifrm.rwd .ifrm-view-login, .ifrm.rwd .ifrm-view-login .user-pw{width:100% !important;}
.ifrm.rwd .titlebar, .ifrm.rwd .login-dialog-banner{display:none;}
.ifrm.rwd .login-box{background:none; padding:10px 10px 0;}
.ifrm.rwd .login-box div{background:none;}
.ifrm.rwd .box-2 .login-form p img{}
.ifrm.rwd img[src$="login_step.jpg"]{display:none;}
.ifrm.rwd .signup-intro + p[align="right"]{text-align:left !important; position:relative; top:-2px; left:10px; display:inline-block;}
.ifrm.rwd .login-form p strong{display:block; line-height:1.75; font-size:13px;}
.ifrm.rwd .login-form p.forget{margin:0; position: absolute; right:0; bottom:-23px;}
.ifrm.rwd .login-form p.join{padding:15px 0 0 0;}
.ifrm.rwd .login-form p.err,
.ifrm.rwd .login-form p.err-3{margin:0 .5em .5em 0; padding:0;}

.ifrm.rwd .login-normal .box-1, .ifrm.rwd .login-normal .box-1 .login-form, .ifrm.rwd .login-normal .box-2{float:none; width:auto; height:auto; margin:0; padding:0;}
.ifrm.rwd .login-normal .box-1 .login-form{position:relative;}
.ifrm.rwd .login-normal .box-2{margin:35px 0 0; padding-top:15px; border-top:1px solid #ddd;}
.ifrm.rwd .login-normal .box-2 h2{display:inline-block;}
.ifrm.rwd .box-2 .login-form{text-align:center;}
.ifrm.rwd .box-2 .login-form p.signup-intro{display:none;}

.ifrm.rwd .login-box .btn-m, .ifrm.rwd .login-box input[type="submit"].btn-m, .ifrm.rwd .login-box input[type="button"].btn-m{
font-family:"微軟正黑體", "新細明體", Arial, sans-serif; font-size:18px; color:#fff; text-align:center;
width:100%; height:42px; padding:10px 0; background:#00b3ff;
background:-webkit-linear-gradient(top, #00b3ff 0%,#00b3ff 50%,#3690f0 51%,#028bd5 100%);
background:linear-gradient(to bottom, #00b3ff 0%,#00b3ff 50%,#3690f0 51%,#028bd5 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3ff', endColorstr='#028bd5',GradientType=0 );
border-radius:2px; border:0; border-top:1px #00cce7 solid; border-left:1px #0299d9 solid; text-shadow:0 2px 2px 0 rgba(160,160,160,.35);}
.ifrm.rwd .login-box .btn-m:hover, .ifrm.rwd .login-box input[type="submit"].btn-m:hover, .ifrm.rwd .login-box input[type="button"].btn-m:hover{
cursor:pointer; padding:11px 0 9px; position: relative; top:1px;}

.ifrm.rwd .login-box input[type="text"], .ifrm.rwd .login-box input[type="password"]{padding:10px; border:1px solid #bdbdbd;}
.ifrm.rwd .signup-intro + p[align="right"] input.btn-m{background:#eee; color:#333; height:auto; font-size:15px; padding:7px 10px !important; border:1px solid #ccc !important;}

@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;}
}