@charset "utf-8";
/* CSS Document */
body, html { font-family:"Arial","Helvetica","sans-serif","\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4","Microsoft JhengHei","Apple LiGothic","宋體","細明體"}
#wrapper { width:998px}
.topthemebox2 {background:none;background-color: #fff;float: left;height: 90px; border-radius: 8px 8px 0 0}
#commontopbox1 .commontop_logobox2{padding:10px 0 0 30px}

#fcbox1 { margin-top:0;}
.commonmenubox4{ background:none; background-color:#00b989; border-bottom:3px solid #0adfa8; height:auto; padding:8px 0;}
.ms2_t6w_selected {background:none; font-size:25px; width:auto; height:auto; padding:10px 40px; color:#fff}

.payNcontentbox{ padding-top:15px;}

.payNhotlinebox {height:auto; display:none}
.trialpayNnote {color: #00b989;}



.paymentprogressbar { padding:10px 5px 5px 125px;}
.payNtitleLong {margin-top:8px}
.payNgreyboxLong { padding:8px 5px; margin-top:10px}

.paymentstep1 .stepnumber, .paymentstep2 .stepnumber, .paymentstep3 .stepnumber { padding-left:0; padding-top:0; line-height:1em;}
.paymentstep2 .unselected, .paymentstep3 .unselected{ padding-left:9px}

.payNfeedbackbox {margin: 10px 0 0 128px; width: 688px;background-color: #fff; border-radius: 6px; color:#d7473a; border:2px solid #fe6d6e; clear:both; }
.trial_mainimgbox {margin: 10px 0 0 128px; width: 668px;}


.payNpackbox_trial { border:none;margin-bottom:10px}
input.payN_field_long { border:1px solid #ddd; padding:5px 3px;}
input.payN_field_short { border:1px solid #ddd; padding:5px 3px;}

.payN_button2 { background:none; background-color:#d7473a; border-radius:4px}
.payNhotlinebox2 {color: #fff; float: right;font-size: 18px;font-weight: bold; padding-right: 10px; text-align: right; padding-top:15px }
.payNhotlinebox2 a{color: #fff;}


.payNbtnboxLong { margin-left:281px !important}

.payNpackbox_trial_note { background-color:#fff; color:#97c91e}
table.trialcoreplantable td p{ padding:2px 0; margin:0}
.trialcoreplantable td  { height:100%}
table.actual_Price{ height:100%}
.trialcoreplantable td table.actual_Price td { height:100%}
.payNcontentbox2 { padding-top:0 !important}
.completebox .heading_success { color:#97c91e; background-color:#fff; padding:8px 5px}

.ftnote2 { display:none}
.footer { width:100%; background-color:#333334;; padding-top:0}
.ftr_botlink{ padding:0 0 15px 9px;  color:#e4fff8; background-color:#111111; margin-bottom:10px }
.ftr_botlink a{ color:#0adfa8}
.ftr_copyright { color:#aaa}




@media only screen and (min-device-width : 320px) and (max-width: 767px) {
	
	#wrapper, .topthemebox2, #commontopbox1, #fcbox1, .commonmenubox4, .trial_mainimgbox  {width: 100%;}
	.topthemebox2 { margin-top:0;border-radius:0;}
	
	#commontopbox1 .commontop_logobox2{ float:none; margin:auto; padding:10px 0 0 0}
	.commonmenubox4 .ms2_t6w_selected { background:none;height: auto; width: 100%;  font-size: 25px; padding: 5px 0;}
	
	#commontablebox4 {width: 100%; overflow:hidden}
	.payNcontentbox {width: 100%; padding: 5px 0 20px 0}
	.paymentprogressbar {width:auto; padding:10px 0px 5px 0px; margin:auto; float:none; }
	.paymentstep2, .paymentstep3 {width:auto;}
	
	.paymentstep1 .stepnumber, .paymentstep2 .stepnumber, .paymentstep3 .stepnumber { width:auto; margin-right:2px; color:#cacaca; padding:0; height:auto;  }
	.paymentstep1 .selected span.stepnumber, .paymentstep2 .selected span.stepnumber, .paymetstep3 .selected span.stepnumber {color:#00b989;}
	
	
	.paymentstep1 .selected, .paymentstep2 .selected, .paymentstep3 .selected{ float:left; width:auto; padding-left:2px; padding-right:14px; margin-right:5px; background: url(../images/step_bg4.jpg) no-repeat right center transparent; color:#00b989; }
	.paymentstep1 .selected, .paymentstep2 .unselected, .paymentstep3 .unselected{ float:left; width:auto; padding-left:2px; background:none; margin-right:8px; line-height:1.2em}
	.trialpayNnote { font-size:1.1em}
	
	
	
	.trialpayNnote { font-size:1.1em}
	
	
	.payNhotlinebox2 {width: 100%; float: left; text-align:center; height:auto; padding: 5px 0}
	
	.payNfeedbackbox { width:90%; margin:10px auto 0 auto; float:none;}
	.trial_mainimgbox {width: 100%; margin: 10px 0 0 0;}
	
	.payNtitleLong {width: 100%; margin-left:0}
	.payNgreyboxLong {width: 100%; margin-left:0; padding:8px;}
	.payNpackbox_trial {width: 100%; padding:8px 5px}
	
	
	table.payNpayinfoLong td{float:left; width: 100% !important;}
	
	table.trialcoreplantable {width: 100% !important}
	table.trialcoreplantable td{ float:left; width: 100%;  padding:2px 3px 5px 5px}
	
	table.trialcoreplantable td table.trialdate { margin-top:10px; font-size:0.95em}
	table.trialcoreplantable td table.trialdate td{ float:none; width:auto !important; padding-left:0;}
	
	table.trialcoreplantable td table.actual_Price { margin-top:8px}
	table.trialcoreplantable td table.actual_Price td{ float:none; width:auto !important}
	table.trialcoreplantable td table.actual_Price td.showprice{background-color:#f1f1f1; padding:5px 10px 5px 2px; float:left; height:auto; font-size:1.1em}
	
	table.trialcoreplantable td p { width:97%}
	
	
	.payNpayinfoLong td input{ float:left; width:97%; margin-bottom:3px}
	.payNpayinfoLong td span{ float:left; padding-top:3px; margin-bottom:8px; color:#555 !important}
	
	.paymentstep1 .selected span, .paymentstep2 .selected span, .paymentstep3 .selected span{font-size:1em; line-height:1.3em}
	.paymentstep1 .selected span, .paymentstep2 .unselected span, .paymentstep3 .unselected span{ font-size:0.9em; line-height:1.4em}
	.paymentstep1 .selected span.stepnumber, .paymentstep2 .selected span.stepnumber, .paymentstep3 .selected span.stepnumber{font-size:1.2em;line-height:1.1em}
	.paymentstep1 .selected span.stepnumber, .paymentstep2 .unselected span.stepnumber, .paymentstep3 .unselected span.stepnumber{ font-size:1.1em;line-height:1.1em}
	
	
	.payNbtnboxLong  { margin: 10px auto; margin:auto !important; width:100%; padding:10px 0}
	.payNbtnboxLong .payN_button2{ background:none; background-color: #d7473a; float:none; margin:auto;}
	.payNbottom {width: 100%;}
	
	.btn_prevnext .payN_button2 { float:left; margin:5px 10px}
	
	.payNpackbox_trial_note { width:100%;}
	.payNpackbox_trial_plain{width:93%;}
	
	.payN_checkboxLong {width: 96%; margin:5px}
	
	.trialpayNpackagetitle { font-size:1.1em}
	.payNbottom a, .completebox a, .payNfeedbackbox a, .payNlogintable a, .payNalertbox a, .payNextrapackbox a, .payNpackagenote a, .payNpackbox_trial a, .payNtitleLong a, .payN_checkboxfull a, .payN_checkboxLong a, .payN_bottom_disclaimerboxfull a  { font-size:1.3em}
	
	.payNpackmessagefullbox { width:98%}
	table.payNpayinfoLong .fillinfo{ color:#333; padding-top:0px; padding-bottom:8px; padding-left:7px}
	
	.none{ display:none}
	
	
	#fcbox1, #commontablebox4, .completebox{ width:100%}
	.completebox .heading_success { width:95%  }
	.payNcontentbox2 .completebox{ border:0}
	.payNcontentbox2 p{ width:98%}
	
	
	.payNpayinfoLong2{ width:100% !important; padding-right:2}
	
	
	#TB_window {width:100% !important; margin:0 !important; left:0; top:10%; margin-left:0; margin-right:0; box-sizing:border-box;}
	#TB_iframeContent{width:100% !important;}
	
	.trialtitle { font-size:18px}
	table.payNpayinfoLong {width: 100% ;}
	
	.completebox .heading_success {width: 93%;}
	
	.ftr_botlink{ text-align:center; padding-left:0;}
	
	
	
	.payNgreyboxLong, .payNpackbox_trial, table.payNpayinfoLong, table.payNpayinfoLong td, .payNpackbox_trial_note, payNpackbox_trial_plain, .payNpackbox_trial_plain, table.trialcoreplantable, table.trialcoreplantable td, .payNcontentbox2 .completebox, .completebox .heading_success {box-sizing:border-box; margin-left:0; margin-right:0; width:100%}
	
	
	tr.contactMobile td .intl-tel-input { width: 100%; margin-top:-5px}
	tr.contactMobile td .intl-tel-input input[type="text"]{ width: 97%; clear:both}
	
	
	.payNpayinfoLong td span.fillmobile { width:100%; margin-top: -10px; padding-top:0;  padding-left: 0px;}
	.intl-tel-input .country-list .country { width:100%; float:left;}

	.book-link img{
		width: 100%;
	}
	
}

@media only screen and (min-width: 375px)  and (max-width: 767px) {
	
	
	
	.paymentstep1 .selected span, .paymentstep2 .selected span, .paymentstep3 .selected span{font-size:1.2em; line-height:1.1em}
	.paymentstep1 .selected span, .paymentstep2 .unselected span, .paymentstep3 .unselected span{ font-size:1.2em;line-height:1.1em}
	.paymentstep1 .selected span.stepnumber, .paymentstep2 .selected span.stepnumber, .paymentstep3 .selected span.stepnumber{font-size:1.4em; line-height:0.9em}
	.paymentstep1 .selected span.stepnumber, .paymentstep2 .unselected span.stepnumber, .paymentstep3 .unselected span.stepnumber{ font-size:1.4em; line-height:0.9em}
	
	.paymentstep1 .stepnumber, .paymentstep2 .stepnumber, .paymentstep3 .stepnumber { margin-right:3px; }
	.paymentstep2 .unselected, .paymentstep3 .unselected{ margin-right:10px;}

	
	.payNpackbox_trial_plain { width:94%}
	table.trialcoreplantable td p span { font-size:1.1em;}
	
	.trialtitle { font-size:21px}
	
	table.trialcoreplantable td table.trialdate { font-size:1.1em;}
	
	
	.book-link img{
		width: 100%;
	}
	


}



@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.topthemebox2 { margin-top:0; border-radius:0;}
	#wrapper { overflow:hidden}
	#wrapper, .topthemebox2, #commontopbox1, #fcbox1, .commonmenubox4, #commontablebox4, .payNcontentbox, .trial_mainimgbox {width: 100%;}
	.payNcontentbox{ padding-left:0;}
	.payNgreyboxLong, .payNtitleLong, .payNfeedbackbox, .paymentprogressbar, .trial_mainimgbox{ float:none; margin:10px auto !important; overflow:hidden;}

}