@charset "utf-8";
/* CSS Document */
.slicknav_menu { display:none;}
#ui-datepicker-div { display:none;}
*, *:before, *:after { box-sizing: border-box;}
html, body { padding:0; margin:0; overflow-x:hidden;}
html {
/*針對 Safiri Mobile 旋轉時自動放大做的調整*/
-webkit-text-size-adjust: 100%;}
body { background:url(../Images/bg.jpg?=ts202504281149) 0 0 no-repeat, #45382f; background-size:cover; line-height:30px; font-family:Arial, Helvetica, "微軟正黑體", sans-serif;
background-attachment:fixed;}
body > form { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto;}
input::placeholder {
color: #ccc;
opacity: 1; /* Firefox */
}
input::-ms-input-placeholder {color: input;}/* Edge 12 -18 */

:root {
	/*顏色*/
	--color-main:#333;
	--color-second:#272e38;
	--color-gray:#eeeeee;
	--color-gray-dark:#a5a5a5;
	--color-notice:#ad1d00;
}

.Wrapper { width:100%; height:auto; overflow:hidden; position:relative; min-height:100vh;
/*基礎動畫設定*/
transition:all .5s;}
.Wrapper:before { content:''; display:block; width:470px; height:100%; position:absolute; top:0; left:0; z-index:0;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); opacity:0.5;}
.Wrapper > * { position:relative; z-index:1;}
.Header { padding:60px; width:100%; height:180px;}
.Header .Logo a { display:inline-block; width:auto; height:auto; float:left; position:relative;}
.Header .Logo a:after{ content:''; position:absolute; right:0; bottom:-20px; line-height:20px ; color:white; text-align:right; letter-spacing:3.5px; font-weight:bold;} 
.Header .Logo a img { display:block; max-width:100%; height:auto; height:60px; float:left;}
.Header h1.Logo { display:none;}
.Header .DivW1280 {  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:relative;}
.Header .header-btn { display:inline-block; width:auto; height:auto; overflow:hidden; float:right;}
.Header .btn { display:block; width:160px; height:auto; line-height:60px; overflow:hidden; text-align:center; font-size:26px; float:left; border:3px solid var(--color-main); border-radius:30px; text-decoration:none; background:rgba(255,255,255,0.8); font-weight:bold;
/*基礎動畫設定*/
transition:all .5s;}
.Header .btn:link,
.Header .btn:visited{ color:var(--color-main);}
.Header .btn:hover,
.Header .btn:active{ background:var(--color-main); color:white;}
.Header .btn.btn-order { margin-left:20px;}
.Header .btn.btn-order:link,
.Header .btn.btn-order:visited{ background:#444; color:white;}
.Header .btn.btn-order:hover,
.Header .btn.btn-order:active{ background:var(--color-main);}
.Content-wrap { width:100%; height:auto; overflow:hidden; display:flex; flex-wrap:wrap; position:relative; padding-top:60px; padding-left:0; min-height:calc( 100vh - ( 180px + 273px ) );
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .btn-menu { position:absolute; left:0; top:0; background:var(--color-main); width:60px; height:60px; line-height:50px; font-size:40px; text-align:center; color:white; text-decoration:none;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .btn-menu:before { content:'\203A';}
.Content-wrap.selected .btn-menu:before { content:'\2039';}
.Content-wrap .Nav { width:420px; left:-420px; position:absolute; height:100%; top:60px;
display:flex; flex-wrap:wrap;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .Nav > ul { width:100%; height:auto; overflow:hidden; padding-left:60px; margin:0;
display:flex; flex-wrap:wrap; flex-direction:column;}
.Content-wrap .Nav > ul > li { display:block; width:100%; height:auto; overflow:hidden; margin:30px 0; font-size:28px;}
.Content-wrap .Nav > ul > li a { display:block; width:100%; height:auto; overflow:hidden; line-height:60px; text-decoration:none; padding-left:60px; position:relative;}
.Content-wrap .Nav > ul > li a:link,
.Content-wrap .Nav > ul > li a:visited,
.Content-wrap .Nav > ul > li a:hover,
.Content-wrap .Nav > ul > li a:active{ color:white;}
.Content-wrap .Nav > ul > li a:before { content:''; display:block; width:60px; height:60px; position:absolute; top:0; left:0; background:url(../Images/icon_Nav.png) 0 0 no-repeat;}
.Content-wrap .Nav > ul > li.active a:before { content:''; display:block; width:60px; height:60px; position:absolute; top:0; left:0; background:url(../Images/icon_Nav_o.png) 0 0 no-repeat;}
.Content-wrap .Content { width:calc( 100% - 60px ); height:auto; overflow:hidden; margin:30px; background:white;display:flex; flex-wrap:wrap; background:rgba(255,255,255,0.6);
/*基礎動畫設定*/
transition:all .5s;
box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
border-radius:30px;}
.Content-wrap .Content *:not(ul, ol, li) { padding:0; margin:0; list-style:none; text-decoration:none;}
.Content-wrap .Content *.notice { color:var(--color-notice);}
.Content-wrap .Content * th .notice { color:yellow;}

.Content-wrap .Content > h2.page-title { width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; white-space:nowrap; float:left; color:white; background:var(--color-main); padding:0; margin:0;}
.Content-wrap .Content .step-follow + h2.page-title { display:none;}
.Content-wrap .Content > h2.page-title + div { width:100%; height:auto; overflow:hidden; padding:30px; background:white;}
/*order-0*/
.Content-wrap .Content > h2.page-title + div.order-0 { max-width:600px; margin:30px auto; border-radius:15px; border:1px solid var(--color-gray-dark); background:white;}
.Content-wrap .Content > h2.page-title + div.order-3 {display:flex; flex-wrap:wrap; flex-direction:row-reverse;}
.Content-wrap .Content > h2.page-title + div.order-4 .bx-payment { width:100%; height:auto; overflow:hidden; max-width:600px; padding:30px; margin:0 auto;}
.Content-wrap .Content > h2.page-title + div.order-4 .bx-payment .ecpay-select-input { width:100%; height:auto; overflow:hidden; display:flex; flex-wrap:wrap; margin-bottom:5px;}
.Content-wrap .Content > h2.page-title + div.order-4 .bx-payment .ecpay-select-input dt { padding:0 0 0 30px; line-height:40px; height:40px;}
.Content-wrap .Content > h2.page-title + div.order-4 .bx-payment .ecpay-select-input dt::before { top:50%; margin-top:-10px; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; color:var(--color-main);}
.Content-wrap .Content > h2.page-title + div.order-4 .bx-payment .ecpay-select-input dd input { height:40px; padding:5px 10px; line-height:28px;}
.Content-wrap .Content > h2.page-title + div.order-5 { align-items:center; }
.Content-wrap .Content > h2.page-title + .bx-finish,
.Content-wrap .Content > h2.page-title + div.order-5 .bx-finish{ width:100%; max-width:600px; height:auto; overflow:hidden;  padding:30px; margin:30px auto; border:1px solid var(--color-gray-dark);border-radius:15px;}
.Content-wrap .Content > h2.page-title + div.order-search { align-items:center; }
.Content-wrap .Content > h2.page-title + div.order-search > div { width:100%; max-width:300px; float:none; height:auto; overflow:hidden;  padding:30px; margin:10px auto; background:white;border-radius:15px; border:1px solid var(--color-gray-dark);}
.Content-wrap .Content > h2.page-title + div.order-wrap { width:100%; height:auto; min-height:650px; overflow:hidden; float:left; display:flex; flex-wrap:wrap;padding:0; border-top:1px solid white;}
.Content-wrap .Content > h2.page-title + div.order-wrap .w65 { width:65%; height:auto; overflow:hidden; float:left; padding:30px;}
/*訂單內容*/
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info { width:35%; height:auto; overflow:hidden; float:left; position:relative; background: url(../Images/order-1-bg-1.jpg) top right no-repeat, #272e38; padding:30px; color:white;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > h3 { display:block; width:100%; height:auto; overflow:hidden; float:left; font-size:30px; padding:0 20px; margin-bottom:10px;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > .data-box { width:100%; height:auto; overflow:hidden; float:left;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > .data-box .data-set { width:100%; height:auto; overflow:hidden; float:left; display:flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > .data-box .data-set.wp-booking-date { border:1px solid var(--color-main); font-size:26px;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > .data-box .data-set > div { width:50%; height:auto; overflow:hidden; float:left; padding:10px 20px;}

/*費用計算*/
.Content-wrap .Content > h2.page-title + div.order-wrap .w45 { width:45%; height:auto; overflow:hidden; float:left; padding:30px;}
.Content-wrap .Content > h2.page-title + div.order-wrap .w45 h3 { display:block; width:100%; height:auto; overflow:hidden; float:left; font-size:30px; padding:0; margin-bottom:10px;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal { width:20%; height:auto; overflow:hidden; float:left; padding:30px; background:var(--color-main); color:white;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > h3 { display:block; width:100%; height:auto; overflow:hidden; float:left; font-size:30px; padding:0; margin-bottom:10px;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box { width:100%; height:auto; overflow:hidden; float:left;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box .data-set { width:100%; height:auto; overflow:hidden; float:left; display:flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box .data-set.wp-booking-date { border:1px solid var(--color-main); font-size:26px;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box .data-set > div { width:50%; height:auto; overflow:hidden; float:left; padding:10px 0;}
.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box .data-set > div.value { text-align:right;}

.Content-wrap .Content > h2.page-title + div .form-box { width:100%; height:auto; overflow:hidden; padding:0; margin:0; list-style:none; display:flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div .form-box *:not( ol.notice, ol.notice li, .form-field-set, select, input, span, small ) { padding:0; margin:0; list-style:none; text-decoration:none; font-size:16px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field-set { width:100%; height:auto; overflow:hidden; float:left;padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field-set.w50 { width:50%;}
.Content-wrap .Content > h2.page-title + div .form-box .form-title { color:var(--color-main); font-weight:bold; width:100%;}
.Content-wrap .Content > h2.page-title + div .form-box .air-port-search .form-title { color:var(--color-gray-dark);}
.Content-wrap .Content > h2.page-title + div .form-box .form-title small { font-size:0.6em; padding-left:5px; opacity:0.8;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field { width:100%; height:auto; display:flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field a { display:inline;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field a.popupbox-03-btn { font-size:1em; float:none;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a { display:inline-flex; flex-wrap:wrap; align-items:center; padding:0 15px; width:auto; height:40px; margin-right:10px; margin-bottom:5px; position:relative; border:1px solid var(--color-gray-dark);
border-radius:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a:last-child { margin-right:0;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a:link,
.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a:visited{ color:var(--color-gray-dark);}
.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a:hover,
.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a:active{ background:var(--color-gray-dark); color:white;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field div.notice { width:100%; font-size:0.8em; line-height:1.4; padding:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field ol.notice { width:100%; font-size:0.8em; line-height:1.4;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input { display:inline-flex; align-items:center; height:40px; border-radius:5px; outline:none; border:1px solid black; padding:0 10px; max-width:100%; margin-right:5px; margin-bottom:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input:last-child { margin-right:0;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input.Adress_text { width:50px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input[readonly="readonly"] { background:var(--color-gray); border:1px solid var(--color-gray-dark); color:var(--color-gray-dark);}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input.shortForm.hasDatepicker { max-width:calc( 100% - 45px );}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input.CardID { padding:0 5px; max-width:calc( (100% - 50px ) / 4 ); min-width:45px; margin-bottom:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field select { display:inline-flex; align-items:center; height:40px; border-radius:5px; margin-right:5px; margin-bottom:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field textarea { width:100%; height:100px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field > span select { margin-right:0;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field button.ui-datepicker-trigger { width:40px; height:40px; background:url(../Images/Icon_Calendar.gif) center center no-repeat; background-size:30px 30px; border:1px solid var(--color-gray-dark);
border-radius:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field button.ui-datepicker-trigger > img { opacity:0;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field > span { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:5px; line-height:40px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field > span.w100 { width:100%;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field > span:last-child { margin-right:0;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field.time > span:nth-child(2) { margin-right:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field > span.notice { line-height:1.4;display:inline-flex; align-items:center; font-size:0.8em; padding:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group { width:100%; height:auto; display:flex; flex-wrap:wrap; margin-bottom:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li { display:inline-flex; flex-wrap:wrap; width:auto; height:40px; margin-right:10px; position:relative; border:1px solid black; margin-bottom:5px; background:white; overflow:hidden;
border-radius:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li:last-child { margin-right:0;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li span {display:inline-flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li input[type="radio"] { position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0; z-index:1;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li label { display:inline-block; width:auto; height:auto; padding:0 15px;display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li input.checked { cursor:default;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li input.checked + label{ background:black; color:white;}

.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group + .radio-group { background:black; padding:10px 10px 5px 10px; width:auto;
border-radius:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group + .radio-group > li label { font-size:0.8em;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group + .radio-group > li input.checked + label{ background:var(--color-main);}

.Content-wrap .Content > h2.page-title + div .form-box .form-field .wp-child { width:100%; display:flex; flex-wrap:wrap;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .wp-child > li { width:auto; display:inline-flex; flex-wrap:wrap; padding:10px; background:var(--color-gray); margin-bottom:5px;
border-radius:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .wp-child > li li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:5px;}

.Content-wrap .Content > h2.page-title + div .btn-box { width:100%; height:auto; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; margin:15px auto;}
.Content-wrap .Content > h2.page-title + div .btn-box > a,
.Content-wrap .Content > h2.page-title + div .btn-box > input { display:inline-block; width:auto; height:40px; line-height:38px; overflow:hidden; float:left; margin:0 5px; text-align:center; padding:0 20px; border:1px solid var(--color-main);border-radius:5px; background:white; color:var(--color-main); cursor:pointer;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .Content > h2.page-title + div .btn-box > a:link,
.Content-wrap .Content > h2.page-title + div .btn-box > a:visited{ color:var(--color-main);}
.Content-wrap .Content > h2.page-title + div .btn-box > input:hover,
.Content-wrap .Content > h2.page-title + div .btn-box > a:hover,
.Content-wrap .Content > h2.page-title + div .btn-box > a:active{ background:var(--color-main); color:white;}

.Content-wrap .Content > h2.page-title + div .btn-box > a:last-child,
.Content-wrap .Content > h2.page-title + div .btn-box > input:last-child {background:var(--color-main); color:white;}
.Content-wrap .Content > h2.page-title + div .btn-box > a:last-child:link,
.Content-wrap .Content > h2.page-title + div .btn-box > a:last-child:visited{ color:white;}
.Content-wrap .Content > h2.page-title + div .btn-box > input:last-child:hover,
.Content-wrap .Content > h2.page-title + div .btn-box > a:last-child:hover,
.Content-wrap .Content > h2.page-title + div .btn-box > a:last-child:active{ background:var(--color-second); border:1px solid var(--color-second); color:white;}

.Content-wrap .Content .abgne_tab { width:100%; height:auto; background:white;}
.Content-wrap .Content .step-follow { width:100%; height:50px; padding:0; margin:0; list-style:none; text-decoration:none;
display:flex; flex-wrap:wrap;}
.Content-wrap .Content .step-follow li{ padding:0; margin:0; list-style:none; text-decoration:none;}
.Content-wrap .Content .step-follow li { width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; white-space:nowrap; float:left; background:var(--color-gray); color:var(--color-gray-dark);}
.Content-wrap .Content .step-follow li br { display:none;}
.Content-wrap .Content .step-follow li a { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.Content-wrap .Content .step-follow li a:link,
.Content-wrap .Content .step-follow li a:visited{ color:var(--color-gray-dark);}
.Content-wrap .Content .step-follow li a:hover,
.Content-wrap .Content .step-follow li a:active{ color:var(--color-main);}
.Content-wrap .Content .step-follow li:only-child,
.Content-wrap .Content .step-follow li.active,
.Content-wrap .Content .step-follow li.active a:link,
.Content-wrap .Content .step-follow li.active a:visited,
.Content-wrap .Content .step-follow li.active a:hover,
.Content-wrap .Content .step-follow li.active a:active{ color:white; background:var(--color-main);}
.Content-wrap .Content .step-follow.tabs-2 li { width:50%;}
.Content-wrap .Content .step-follow.tabs-3 li { width:33.33%;}
.Content-wrap .Content .step-follow.tabs-4 li { width:25%;}
.Content-wrap .Content .step-follow.tabs-5 li { width:20%;}
.Content-wrap .Content .tab_content { width:100%; height:auto; overflow:hidden; padding:30px; background:white;}
.Content-wrap .Content .tab_content.sub-content { padding:0;}
.Content-wrap .Content .tab_content > *:not(:last-child) { margin-bottom:1em;}
.Content-wrap .Content .tab_content .w50 { width:50%; height:auto; overflow:hidden; float:left; padding-right:15px;}
.Content-wrap .Content .tab_content .w50:nth-child(2) { padding-right:0; padding-left:15px;}
.Content-wrap .Content .sub-content-nav { width:100%; height:auto; margin:0; padding:0; margin-bottom:1em;
display:flex; flex-wrap:wrap;
justify-content:center;}
.Content-wrap .Content .sub-content-nav > li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin:5px;}
.Content-wrap .Content .sub-content-nav > li a { display:block; width:100%; height:auto; line-height:40px; text-align:center; overflow:hidden; float:left; padding:0 20px; border:1px solid black; color:black;
border-radius:5px;}
.Content-wrap .Content .sub-content-nav > li a:link,
.Content-wrap .Content .sub-content-nav > li a:visited{ border:1px solid black; color:black;}
.Content-wrap .Content .sub-content-nav > li a:hover,
.Content-wrap .Content .sub-content-nav > li a:active{ background:black; color:white;}
.Content-wrap .Content .sub-content-nav > li.active a:link,
.Content-wrap .Content .sub-content-nav > li.active a:visited,
.Content-wrap .Content .sub-content-nav > li.active a:hover,
.Content-wrap .Content .sub-content-nav > li.active a:active{ background:black; color:white;}

.Content-wrap .Content .tab_content table { border-top:1px solid var(--color-gray-dark); border-left:1px solid var(--color-gray-dark); table-layout:fixed; text-align:center;}
.Content-wrap .Content .tab_content table tr:nth-child(odd) { background:var(--color-gray);}
.Content-wrap .Content .tab_content table tr.gray { background:var(--color-gray);}
.Content-wrap .Content .tab_content table th,
.Content-wrap .Content .tab_content table td { padding:15px; border-right:1px solid var(--color-gray-dark); border-bottom:1px solid var(--color-gray-dark);}
.Content-wrap .Content .tab_content table th { color:white; background:var(--color-main);}
.Content-wrap .Content .tab_content table p { text-align:left; margin-bottom:1em; line-height:30px;}
.Content-wrap .Content .tab_content table p .no { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; overflow:hidden; float:left; color:white; background:var(--color-main); margin:5px; font-size:14px;
border-radius:100%;}
.Content-wrap .Content .tab_content table img { display:block; max-width:100%; height:auto; margin:0 auto;}

/*notice-table-2-2*/
.Content-wrap .Content .tab_content table.notice-table-2-2 .country { width:150px;}
.Content-wrap .Content .tab_content table.notice-table-2-2 .airport { width:calc( 100% - 300px );}
.Content-wrap .Content .tab_content table.notice-table-2-2 .count { width:150px;}

/*price-table-1-1*/
.Content-wrap .Content .tab_content table.price-table-1-1 .item { width:200px;}
.Content-wrap .Content .tab_content table.price-table-1-1 .price { width:calc( 100% - 200px );}
.Content-wrap .Content .tab_content table.price-table-1-1 ol { max-width:310px; margin:0 auto;}

/*price-table-2-1*/
.Content-wrap .Content .tab_content table.price-table-2-1 .area { width:150px;}
.Content-wrap .Content .tab_content table.price-table-2-1 .location { width:calc( 100% - 300px );}
.Content-wrap .Content .tab_content table.price-table-2-1 .price { width:150px;}

/*price-table-3-1*/
.Content-wrap .Content .tab_content table.price-table-3-1 .airport { width:150px;}
.Content-wrap .Content .tab_content table.price-table-3-1 .area { width:calc( 100% - 300px );}
.Content-wrap .Content .tab_content table.price-table-3-1 .price { width:150px;}

/*price-table-4-1*/
.Content-wrap .Content .tab_content table.price-table-4-1 .airport { width:150px;}
.Content-wrap .Content .tab_content table.price-table-4-1 .area { width:calc( 100% - 300px );}
.Content-wrap .Content .tab_content table.price-table-4-1 .price { width:150px;}

/*description-table*/
.Content-wrap .Content .tab_content table.description-table .car { width:150px;}
.Content-wrap .Content .tab_content table.description-table .people { width:calc( ( 100% - 150px ) / 3 );}
.Content-wrap .Content .tab_content table.description-table .seats { width:calc( ( 100% - 150px ) / 3 );}
.Content-wrap .Content .tab_content table.description-table .weight { width:calc( ( 100% - 150px ) / 3 );}

.Content-wrap.selected { padding-left:420px; min-height:780px;}
.Content-wrap.selected .Nav { left:0;}

.Footer { width:100%; height:auto; overflow:hidden; float:left; background:var(--color-second); font-size:16px; color:white;
/*基礎動畫設定*/
transition:all .5s;}
.Footer .copyright { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.Footer .copyright img { display:block; max-width:100%; height:auto;}
.Footer .copyright .left { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; padding:60px;}
.Footer .copyright .left > img { width:290px;}
.Footer .copyright .left * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Footer .copyright .left ul { margin-top:15px; max-width:440px;}
.Footer .copyright .left li { height:auto; overflow:hidden; float:left; display:flex; flex-wrap:wrap;}
.Footer .copyright .left li.tel { width:150px;}
.Footer .copyright .left li.map { width:290px;}
.Footer .copyright .left li.fax { width:150px;}
.Footer .copyright .left li.fb { width:290px;}
.Footer .copyright .left li img { margin-right:5px;}
.Footer .copyright .left li a:link,
.Footer .copyright .left li a:visited,
.Footer .copyright .left li a:hover,
.Footer .copyright .left li a:active{ color:white;}
.Footer .copyright .right { width:auto; height:auto; float:right; padding:60px; display:inline-flex; flex-wrap:wrap; align-items:flex-start;}
.Footer .copyright .bottom { display:block; width:100%; height:auto; overflow:hidden; float:right; background:#555; padding:10px; text-align:center; line-height:1.6;}
.Footer .copyright .bottom span { display:inline-block;}
.Footer .copyright + .ugear { display:block; text-align:right; width:100%; background:var(--color-main); font-size:12px; color:white; padding:0 10px;}
.Footer .copyright + .ugear a:link,
.Footer .copyright + .ugear a:visited,
.Footer .copyright + .ugear a:hover,
.Footer .copyright + .ugear a:active{ color:white; text-decoration:none;}

@media only screen and (min-width:0px) and (max-width:1280px) {
	.Header { padding:30px; height:auto;}
	.Content-wrap.selected { padding-left:300px;min-height:480px;}
	.Content-wrap .Nav { width:300px; left:-300px;}
	.Content-wrap .Nav > ul { padding-left:30px; padding-top:20px;}
	.Content-wrap .Nav > ul > li {margin:10px 0; font-size:20px;}
	.Content-wrap .Nav > ul > li a { line-height:40px; padding-left:40px;}
	.Content-wrap .Nav > ul > li a:before {width:40px; height:40px; background-size:contain;}
	.Content-wrap .Nav > ul > li.active a:before { width:40px; height:40px; background-size:contain;}
	.Content-wrap .Content .tab_content .w50 { width:100%; padding:0;}
	.Content-wrap .Content .tab_content .w50:nth-child(2) { width:100%; padding:0;}
	
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal { padding:30px 20px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box .data-set > div.title { width:90px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal > .data-box .data-set > div.value { width:calc( 100% - 90px );}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info { padding:30px 20px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > h3 { padding:0 10px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > .data-box .data-set > div { padding:10px;}
}

@media only screen and (min-width:0px) and (max-width:1024px) {
	.Content-wrap { min-height:0;}
	.Content-wrap.selected { padding-left:0;min-height:0;}
	.Content-wrap .Nav { background:var(--color-main); z-index:99999; top:90px; width:280px;
	box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);}
	.Content-wrap .Nav > ul { padding-left:10px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap { min-height:0;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .w65 { width:100%;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .w45 { width:100%;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info { width:100%;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal { width:100%;}
}

@media only screen and (min-width:0px) and (max-width:890px) {
	/*乘載人數/行李件數說明*/
	.Content-wrap .Content .tab_content .description-table-wrap { width:100%; height:1576px; position:relative; overflow-x:auto;}
	.Content-wrap .Content .tab_content .description-table-wrap table.description-table { font-size:0.8em; line-height:1.6; width:770px; position:absolute; top:0; left:0;}
	.Content-wrap .Content .tab_content table.description-table th,
	.Content-wrap .Content .tab_content table.description-table td { padding:10px;}
	.Footer .copyright .left { width:100%; padding:30px; padding-bottom:0;}
	.Footer .copyright .right { width:100%; padding:30px; padding-top:15px;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
	.Header { padding:20px;}
	.Header .Logo a img { height:50px;}
	.Header .Logo a:after{ letter-spacing:3px; font-size:13px;} 
	.Header .btn { line-height:40px; width:auto; padding:0 15px; font-size:20px; border:2px solid var(--color-main); }
	.Header .btn.btn-order { margin-left:10px;}
	.Content-wrap .Nav { top:80px;}
	.Content-wrap .Content { margin:20px 30px; border-radius:20px;}
	.Content-wrap .Content .step-follow li { font-size:14px;}
	.Content-wrap .Content > h2.page-title + div { padding:20px;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field-set.w50 { width:100%;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .w65 { padding:20px;}
	.Content-wrap .Content > h2.page-title + div.order-0 { border:0; margin:0 auto; border-radius:0;}
	.Content-wrap .Content > h2.page-title + .bx-finish,
	.Content-wrap .Content > h2.page-title + div.order-5 .bx-finish { border:0; margin:0 auto; border-radius:0;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.price input.numeric.amount { max-width:calc( 100% - 60px );}
}

@media only screen and (min-width:0px) and (max-width:512px) {
	.Header { padding:15px 10px;}
	.Header .Logo a img { height:40px;}
	.Header .Logo a:after{ letter-spacing:1px; font-size:12px;} 
	.Header .btn { line-height:30px; padding:0 10px; font-size:16px;}
	.Content-wrap { padding-top:40px;}
	.Content-wrap .Nav { top:50px;}
	.Content-wrap .btn-menu { width:40px; height:40px; line-height:30px;}
	.Content-wrap .Content { border-radius:10px; margin:10px 20px; width:calc( 100% - 40px );}
	.Content-wrap .Content .step-follow li {  padding:5px; white-space:normal; line-height:1.4; display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center;}
	.Content-wrap .Content .step-follow li br { display:block;}
	.Content-wrap .Content .step-follow.tabs-5 li { width:calc( 100% / 26 * 6 );}
	.Content-wrap .Content .step-follow.tabs-5 li:nth-child(4),
	.Content-wrap .Content .step-follow.tabs-5 li:nth-child(5) { width:calc( 100% / 26 * 4 );}
	.Content-wrap .Content .step-follow li { font-size:12px;}
	.Content-wrap .Content { width:calc( 100% - 20px ); margin:10px;}
	.Content-wrap .Content > h2.page-title + div { padding:10px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .w65 { padding:20px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .w45 { padding:20px;}
	.Content-wrap .Content > h2.page-title + .bx-finish,
	.Content-wrap .Content > h2.page-title + div.order-5 .bx-finish { padding:20px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-price-cal { padding:30px 20px 5px 20px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info { padding:30px 10px 10px 10px;}
	.Content-wrap .Content > h2.page-title + div.order-wrap .bx-order-info > .data-box .data-set > div { padding:5px 10px;}
	
	.Content-wrap .Content .tab_content { padding:20px;}
	
	.Footer .copyright .left { padding:20px 15px; padding-bottom:0;}
	.Footer .copyright .right { padding:15px; padding-top:10px;}
	
	.Content-wrap .Content .tab_content table { font-size:0.8em; line-height:1.6;}
	.Content-wrap .Content .tab_content table th, .Content-wrap .Content .tab_content table td { padding:10px;}
	.Content-wrap .Content .tab_content table.price-table-1-1 .item { width:100px;}
	.Content-wrap .Content .tab_content table.price-table-1-1 .price { width:calc( 100% - 100px );}
	.Content-wrap .Content .tab_content table.price-table-2-1 .area { width:70px; padding:15px 5px;}
	.Content-wrap .Content .tab_content table.price-table-2-1 .location { width:calc( 100% - 150px ); padding:15px 5px;}
	.Content-wrap .Content .tab_content table.price-table-2-1 .price { width:80px; padding:15px 5px;}
	.Content-wrap .Content .tab_content table.notice-table-2-2 .country { width:60px;}
	.Content-wrap .Content .tab_content table.notice-table-2-2 .airport { width:calc( 100% - 110px );}
	.Content-wrap .Content .tab_content table.notice-table-2-2 .count { width:50px;}
	
}

@media only screen and (min-width:0px) and (max-width:380px) {
	.Header { position:relative; z-index:3;}
	.Header .header-btn { position:absolute; top:55px; right:0;}
	.Header .btn { line-height:36px;}
	.Content-wrap .Content .tab_content { padding:10px;}
	.Content-wrap .Content > h2.page-title + .bx-finish,
	.Content-wrap .Content > h2.page-title + div.order-5 .bx-finish { padding:20px 15px;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field select { width:100%; margin-right:0;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.time > div {width:100%; height:auto; display:flex; flex-wrap:wrap;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.time span:nth-child(1) { width:calc( 50% - 10px );}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.time span:nth-child(2) { margin-right:5px; line-height:40px;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.time span:nth-child(3) { width:calc( 50% - 10px );}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li { width:calc( 50% - 5px );}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li:nth-child(2n+2) { margin-right:0;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li span { width:100%;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group > li label { width:100%; justify-content:center; padding:0;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field .radio-group + .radio-group { width:100%;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field select.Adress_country { min-width:calc( 50% - 2.5px );}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field select.Adress_area { min-width:calc( 50% - 2.5px );}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a { width:calc( 50% - 5px ); justify-content:center;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field.air-port-link a:nth-child(2n+2) { margin-right:0;}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field input { width:100%;}
	.Content-wrap .Content > h2.page-title + div .btn-box > a,
	.Content-wrap .Content > h2.page-title + div .btn-box > input { margin:0 2.5px; padding:0 10px;}
	.Content-wrap .Content .tab_content table.notice-table-2-2 .airport  { padding:10px 5px;}
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999999;
    padding: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	display:none;
}
.popup.open {display: flex;}
.popup .pop-wrap {
    display: inline-block;
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.popup .pop-wrap .pop-close {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url(/tw/Images/close.png) center center no-repeat,var(--color-main);
    background-size: 40%;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 100%;
    box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
    transition: all .5s;
}

.popup .pop-wrap .pop-close:hover {
    background: url(/tw/Images/close.png) center center no-repeat,var(--color-main);
    background-size: 40%;
}

.popup .pop-wrap .pop-text {
    display: inline-block;
    width: auto;
    max-width: 800px;
    height: auto;
    overflow: hidden;
    background: #e293b0;
    color: white;
    border-radius: 10px;
    text-align: center;
}

.popup .pop-wrap .pop-text img {
    display: block;
    max-width: 100%;
	max-height:calc( 100vh - 60px );
    float: left;
    height: auto;
}

.popup.popupbox-01 .pop-wrap .pop-text {max-height:calc( 100vh - 60px ); overflow-y:auto;
	}

.popup.popupbox-01 .pop-wrap .pop-text img {
    display: block;
    max-width: 100%;
	max-height:none;
    float: left;
    height: auto;
}
@media only screen and (min-width:0px) and (max-width:1024px) {
.popup.popupbox-01 .pop-wrap .pop-text { max-height:none; overflow:hidden;}
.popup.popupbox-01 .pop-wrap .pop-text img {
	max-height:calc( 100vh - 60px );
}
}