@charset "utf-8";
.main{
    padding: 10px;
}
/* CSS Document */
.line {background: url("../images/background/line/line-dot.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("../images/icon-calendar.png") no-repeat right center; cursor:default;}
.combo10 {background: url("../images/combo10.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("../images/p005.png") repeat-x bottom left;}
.bgFooter {background: url("../images/p006.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("../images/p004.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("../images/p007.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("../images/privacy.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: #c10000;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%; 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: #009ef9;border-radius: 30px;box-shadow: 0 3px 0 rgba(0,0,0,0.24);padding: 0 40px;cursor:pointer;background-image: linear-gradient(to right, #009EF9, #ABED2B);}
.bookNote {margin-top: 20px;}
.booklong.arrow {font-size:30px;width:160px;background:#009ef9 url("../images/background/arrow/arrow_white_right_24.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 0;
	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: 16px;}
	.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("../images/background/bg/bg-show-01.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;}
}

        .tcgui .ui-widget-content .holiday .ui-state-default {background:#c7500066;}

        .tourinfoBox {background:#fff;margin:10px -20px;}
        .tourinfoBox table {width:100%;border-collapse:collapse;}
        .tourinfoBox th {padding:15px; font-size:18px; text-align:right;width:160px;}
        .tourinfoBox td {padding:15px;}

        #txtDepDate {max-width:200px;}
        #txtAdultNum,#txtChildNum {max-width:60px;}

        .adultBox,.childBox {display:flex;align-items:center; margin-bottom:10px;}
        .fullbox.inputAdult,.fullbox.inputChild {margin-right:10px;}
        .travelerTitle {margin-right:10px;width:125px;text-align:right;}
        .tourinfoBox .priceDetail {color:#c10000;font-size:20px;margin:8px 0;display:inline-block;}
        .tourinfoBox .totalPrice {color:#c10000;font-size:20px;margin:8px 0;display:inline-block;}
        /*bpNote*/
        .bpNote {color:#9f2d00;margin:10px auto 0;}
        .bpNote ul {display:block;}
        .bpNote li {margin-left:25px;list-style:disc outside;}
        @media screen and (max-width:1200px) {
            .tourinfoBox th {font-size:22px;}
            .travelerTitle {min-width:150px;}
        }
        @media screen and (max-width:900px) {
            .tourinfoBox {margin:10px;}
        }
        @media screen and (max-width:768px) {
            #txtAdultNum,#txtChildNum {max-width:none;}
            .fullbox.inputAdult,.fullbox.inputChild {width:200px;}
            .tourinfoBox {background:none;box-shadow:none;}
            .tourinfoBox table {border:none;}
            .tourinfoBox th {border:none;border-bottom:1px solid #ccc;width:130px;padding:15px 5px; display:flex;align-items:center;}
            .tourinfoBox td {border:none;border-bottom:1px solid #ccc;flex:1;padding:15px 5px;}
            .tourinfoBox tr {display:flex;flex-wrap:wrap;}
            .tourinfoBox tr:first-child th:first-child {width:100%;border:none; padding-bottom:0;}
            .tourinfoBox tr:first-child td:last-child {flex:1;}
            #tourTitle {width:100%;flex:none;padding-bottom:15px; padding-top:5px;}

            .formSection:first-child {background-image:none;}
            #travelerTitle {display:none;}
            .travelerTitle {text-align:left;}
        }
        @media screen and (max-width:480px) {
            .fullbox.inputAdult,.fullbox.inputChild {width:100%;max-width:200px;margin-right:0;}
            .adultBox,.childBox {align-items:flex-start;flex-wrap:wrap;flex:1;}
            .ppnote {width:100%; margin-top:5px;font-size:17px;}
            .bgHeader {display: block;}
            .totalBox {flex-direction:column;}
            .totalBox th {border:none;padding-bottom:0;}
            .totalBox td {padding-top:0;}
        }