@charset "utf-8";

/* CSS Document */
.line {background: url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/86/863c6eacf1e54133283207c1a76a8244bf03d7d2.gif") repeat-x scroll 0 5px transparent;clear: both;height: 16px;margin-top: 5px;}
.dotline {border-top:1px dashed #d1d1d1; padding-top:10px; margin-top:10px;}
.septline  {clear: both;font-size: 0;height: 0;line-height: 0;margin: 30px 0; border-top:1px solid #d1d1d1;}
.septline10  {clear: both;font-size: 0;height: 0;line-height: 0;margin: 10px 0; border-top:1px solid #d1d1d1;}

.Wdate10 {background:#fff url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/cb/cb7a58aefd06025e5db82e4042bb49c7d03f0a1c.png") no-repeat right center; cursor:default;}
.combo10 {background: url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/49/491c2ac362e661bea3e53469842974a1488dc41f.png") no-repeat right center #FFFFFF;}

.clear,.clearAll  {clear: both;font-size: 0;height: 0;line-height: 0;margin: 0;}
.clearLeft {clear:left;float:none;font-size:0;height:0;line-height:0;}
.clearRight {clear:right;float:none;font-size:0;height: 0;line-height:0;}

.blank10 {height:10px; overflow:hidden;}
.blank15 {height:15px; overflow:hidden;}
.blank20 {height:20px; overflow:hidden;}

.bgGray {background: #f2f2f2;}
.bgHeader {background: url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/f1/f119250e597314b4bcc1d29526c465617e5574fe.png") repeat-x bottom left;}
.bgFooter {background: url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/cb/cbdb1c99424f1ed79147ae4f1883f68aa311f4d8.png") repeat-x top left;}

/*formHeader*/
.formHeader {padding: 20px 0 10px;display: block;}
.formTitle {flex: 1;font-size: 34px;line-height: normal; text-align: center;}
.bookBox {margin-top: 30px;}
.bookBox ul {display: flex; flex-wrap:wrap;align-items: center;justify-content: center;}
.bookBox li {height: 30px; line-height: 30px;margin: 0 20px;}
.bookBox li span {display: inline-block; width:30px;height:30px; font-size: 16px; color:#fff; text-align: center; margin-right: 10px;}
.bookBox li span {background:url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/2e/2ef61d375352073ea0170aa689e5e3bbf1f18b67.png") no-repeat center center;text-indent: 5px;}
@media screen and (max-width:768px){
	.formTitle {font-size: 30px;}
	.bookBox {display: none;}
}
@media screen and (max-width:550px){
	.bgHeader {display: none;}
}

/*formFooter*/
.formFooter {justify-content: space-evenly;align-items: center;}
.withUs,.policy {max-width: 480px; display: flex; flex-wrap: nowrap;}
.withUs .ticon {display: block;width:98px;height: 118px; background: url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/19/1947b0661d8dfa7cd00e4caeb87e693960a995b4.png") no-repeat center center;}
.withUs div {flex:1;padding: 10px 20px 10px 40px;}

.policy .ticon {display: block;width:143px;height: 113px; font-size: 14px; color:#fff; padding: 75px 0 0; text-align: center; text-decoration: none; background: url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/27/279cb13d1257022bffa58f14df09afbfd617b089.png") no-repeat center center;}
.policy div {flex:1;padding: 10px 20px;}

@media screen and (max-width:640px){
	.withUs {display: none;}
}

@media screen and (max-width:425px){
	.policy {display: block;}
	.policy .ticon {margin: 0 auto;}
	.policy div {text-align: center; padding: 10px;}
}

/*formBody*/
.formContainer {flex: 1;}
.formBody {background: #fff;padding: 10px 40px; box-shadow: 0 0 5px #ccc;}

.tripName {font-size: 24px; margin: 10px 20px;}
.tripNote {font-size:inherit; color:#757575;font-size: 17px;}
span.req {color: #fa8200;font-size: 13px;font-weight: bold;}

@media screen and (max-width: 800px){
	.formBody {padding: 10px;}
}
@media screen and (max-width: 550px){
	.tripName {padding: 10px 20px;margin: -10px -10px 0;}
}
/*input*/
.textInput {border:1px solid #e3e3e3;width:100%; height:48px; line-height:48px; font-size: 18px; text-indent:10px;}
.selInput {border:1px solid #e3e3e3;width:100%; height:48px; line-height:48px; font-size: 18px; text-indent:5px;}
.textMemo {border:1px solid #e3e3e3;width:100%; font: 18px Arial,Helvetica,Verdana,Geneva,sans-serif; padding:5px;}

.textInput::-webkit-input-placeholder { color:#757575;}
.textInput:-moz-placeholder { color:#757575;}
.textInput::-moz-placeholder { color:#757575;}
.textInput:-ms-input-placeholder { color:#757575;}

.textMemo::-webkit-input-placeholder { color:#757575;}
.textMemo:-moz-placeholder { color:#757575;}
.textMemo::-moz-placeholder { color:#757575;}
.textMemo:-ms-input-placeholder { color:#757575;}

/* submit button */
.bookButtons {text-align:center;padding: 20px 10px;}
.booklong {height: 48px;line-height: 48px;font-size: 20px;color: #fff;text-align: center;border: none;background: #c75000;border-radius: 30px;box-shadow: 0 3px 0 rgba(0,0,0,0.24);padding: 0 40px;cursor:pointer;}
.bookNote {margin-top: 20px;}
.booklong.arrow {font-size:30px;width:160px;background:#c75000 url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/d6/d64923cf3283aedbc568af3ee24b5d3e0b9ce414.png") no-repeat right 5px center/30px;}

/*layout*/
.fullbox {display: flex;}
.fixCol {width:70px; padding-right: 5px;flex:none;}
.flexCol {flex: 1;}

.formSection {display: flex;flex-wrap: wrap; padding: 10px; align-items: flex-start;}
.formItem {padding: 10px;flex:auto;}
.fieldTitle {margin-bottom: 10px; line-height: normal;font-size: 18px;}
.formSection.col4 .formItem {width:25%;}
.formSection.col3 .formItem {width:33.3333%;flex:unset;}

.inputContainer {font-size: 21px;flex: auto;}
.iconReduce,.iconIncrease {flex: none; width:48px; height: 48px;border: 1px solid #e3e3e3; background: #fff; color:#5B5B5B; text-align: center; overflow:hidden;cursor:pointer;}
.iconReduce:hover,.iconIncrease:hover {background: #d1d1d1;}
.iconReduce {border-right: none;font-size: 48px;line-height: 40px;}
.iconIncrease {border-left: none;font-size: 32px;line-height: 48px;}
.iconReduce::before {content: '-';}
.iconIncrease::before {content: '+';}
@media screen and (max-width: 1200px){
	body {font-size: 20px;}
	.fieldTitle {font-size: 22px;}
	.textInput,.selInput,.textMemo {font-size: 20px;}
}
@media screen and (max-width: 900px){
	.formBody {padding: 10px 0;}
	.formItem {padding: 10px 5px;}
}
@media screen and (max-width: 768px){
	.formSection {padding: 10px 5px 0;}
	.formSection.col4 .formItem {width:50%;}
	.formSection.col3 .formItem {width:50%;}
}
@media screen and (max-width: 480px){
	.formSection.col4 .formItem {width:100%;}
	.formSection.col3 .formItem {width:100%;}
	.formItem {padding: 5px;}
	.formItem.cirow {padding: 10px 5px;}

	.cirow {display: flex;flex-wrap: nowrap;}
	.cirow .fieldTitle {width:120px;font-size: 20px;}
	.cirow .fullbox {flex: 1;}
	.cirow .fmTitle {display: block;}
	#Comments {height:120px;}

	.cirow.inputChild {flex-wrap: wrap;}
	.fixCol {width:90px;}
}
/*cagebox*/
.cagebox {border:1px solid #e3e3e3;border-radius: 10px; margin-top: 5px;display:none;}
.cagetitle {text-align: center; padding: 2px 5px; font-size:17px;color:#757575;background:#f2f2f2;border-radius: 10px 10px 0 0; }
.cageitem {position: relative; padding:3px 15px;line-height: 44px;border-top: 1px solid #e3e3e3;}
.cageitem input {position: absolute;top:5px;right:10px; text-align: center; font-size: 18px; height: 40px;width: 60px;border:1px solid #e3e3e3;border-radius: 10px;}
@media screen and (max-width: 480px){
	.cagebox {width:100%;margin-left: 120px;}
}


/*alert*/
.emsgInfo {color:#c10000;display: none;padding: 3px 0;font-size: 17px;}
.emsgBox.showAlert {border:1px solid #c10000;}
.emsgBox.showAlert .emsgInfo {display: block;}
.emsgBox.showAlert+.emsgInfo {display: block;}
@media screen and (max-width: 480px){
	.cirow.hasEmsgBox {flex-wrap:wrap;}
	.cirow.hasEmsgBox .emsgInfo {flex:none;width:100%;text-align:right;}
}

/* check submit */
.cReqBox {background:url("https://vipbest.com/wp-content/uploads/jatu-legacy-assets/ba/ba6c6a2368e947c3eab3dfbc08f5d6cbba3160fc.gif") repeat-x; padding:36px 0 0; margin: 40px auto;max-width: 900px;}
.cReqBox .cReqBoxInner {width:90%; margin:0 auto; background:#fff; padding:60px 0; min-height:160px; border-radius:20px 20px 0 0; border:1px solid #dceffd; border-bottom:none;}
.cReqBox .cReqBody {width:450px; margin:0 auto;}
.cReqBox .cReqPageTitle {color:#666; font-size:36px;}
.cReqBox .cReqPageTitleNote {padding:24px 0;}

.cReqBox ul {margin:10px 0 20px 20px;}
.cReqBox li {color:#f00; text-align:left; list-style:disc; margin-left:20px;}
@media screen and (max-width: 480px){
	.cReqBox .cReqBody {width:90%;}
	.cReqBox .cReqPageTitle {font-size:28px;}
	.cReqBox ul {margin-left:0;}
}