@charset "utf-8";
.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?ts=202506251141) 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:#ad1d00;
	--color-second:#272e38;
	--color-gray:#eeeeee;
	--color-gray-dark:#a5a5a5;
	--color-notice:red;
}
.jconfirm-title { color:red; font-weight:bold;}
.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:30px; width:100%; height:120px;}
.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.selected { padding-left:280px;}
.Content-wrap.selected .Nav { left:0;}

.Content-wrap { width:100%; height:auto; overflow:hidden; display:flex; flex-wrap:wrap; position:relative; padding-top:60px; padding-left:0; min-height:665px;
/*基礎動畫設定*/
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:280px; left:-280px; position:absolute; height:auto; top:60px; background:white; border-radius:0 5px 5px 0;
	box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
display:flex; flex-wrap:wrap;
/*基礎動畫設定*/
transition:all .5s;}
.Content-wrap .Nav > ul { width:100%; height:auto; overflow:hidden; padding-left:30px; margin:0;
display:flex; flex-wrap:wrap; flex-direction:column;}
.Content-wrap .Nav > ul > li { display:block; width:100%; height:auto; overflow:hidden; margin:10px 0; font-size:22px;}
.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; color:#eee;}
.Content-wrap .Nav > ul > li a:link,
.Content-wrap .Nav > ul > li a:visited{ color:#eee;}
.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:10px; height:10px; position:absolute; top:25px; left:25px; border-radius:100%;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.4) 100%);
transition:all .5s;}
.Content-wrap .Nav > ul > li a:hover:before,
.Content-wrap .Nav > ul > li a:active:before {background-image: linear-gradient(0deg, rgba(171, 39, 42, 1) 0%, rgba(105, 32, 34, 1) 100%);}
.Content-wrap .Nav > ul > li.active a:before { width:6px; height:80%; top:10%; left:27px; border:0; background:var(--color-main); border-radius:0;}
.Content-wrap .Nav > ul > li.active a {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);color:white;}
.Content-wrap .Nav > ul { padding-left:0;}
.Content-wrap .Nav > ul > li { margin:0; padding:10px 0 10px 10px; border-bottom:1px solid #eee;}
.Content-wrap .Nav > ul > li:last-child { border-bottom:0;}
.Content-wrap .Nav > ul > li a { color:#333;}
.Content-wrap .Nav > ul > li a:link,
.Content-wrap .Nav > ul > li a:visited { color:#333;}
.Content-wrap .Nav > ul > li a:hover,
.Content-wrap .Nav > ul > li a:active{ color:var(--color-main);}
.Content-wrap .Nav > ul > li a:before { background:#ccc;}
.Content-wrap .Nav > ul > li.active a{ color:var(--color-main);}
.Content-wrap .Nav > ul > li.active a:before { border:0;}
.Content-wrap .Nav > ul > li.active a { text-shadow:none;}
	
.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 .alert-danger { color:#842029; background-color: #f8d7da; border-color: #f5c2c7; padding:10px; margin-bottom:10px; border:1px solid transparent; border-radius:8px; font-weight:bold;}

.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:320px; 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; letter-spacing: 0.5px;}
.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.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:1em; line-height:1.4; padding:5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field div.alert-warning {border: 1px solid #ffecb5; border-radius: 8px; padding: 10px; margin: 10px; background-color: #fff3cd; color: #664d03;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field div.notice.alert-danger {padding:10px;}

.Content-wrap .Content .bx-flight-info{ display:block; margin:5px; padding:5px; width:fit-content; border:1px solid #084298; color:#084298; border-radius:5px;}
.Content-wrap .Content .bx-flight-info .filght-info-notice{ display:block; color:red;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field div.notice-primary { font-size:0.9em; color:red; font-weight:bold;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field ol.notice { width:100%; font-size:0.8em; line-height:1.4; padding-left:20px;}
.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 input.email { width:100%; margin-right:75px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field input.amount { width:120px;}
.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 select.ctrl-mm
, .Content-wrap .Content > h2.page-title + div .form-box .form-field select.ctrl-yyyy{min-width:80px;}
.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 .form-box .form-field .list-radio .list-radio-item label { cursor:pointer;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-radio .list-radio-item label input.ctrl-radio{ vertical-align:middle; margin-right: 5px; font-size:16px;}

.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 > input.btn-send,
.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 > input.btn-send: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.btn-send,
.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.btn-send:hover,
.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;}

/*VIP*/
.Content-wrap .Content > h2.page-title + div.order-0.wp-vip { max-width:800px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field.ai-center { align-items: center;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data { margin-left: 5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item:not(:last-of-type) { border-bottom:#ccc 1px dashed; padding-bottom: 5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span { display:inline-block; width:50%;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span.no { display:block; font-weight:bold;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span.no > .same-as input { vertical-align:middle; margin-right:3px; border-radius: 5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span .title { display:inline-block; width:115px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span input,
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span select { margin-left: 5px;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span.text-wrap input { vertical-align:top;}

.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-checkbox .list-item > span { display:inline-block; padding-right:5px; vertical-align:middle;}
.Content-wrap .Content > h2.page-title + div .form-box .form-field .list-checkbox .list-item > span.ctrl-checkbox input { height:30px; width:30px;}

.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; 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 .sub-content .sub-content-nav > li a:link,
.Content-wrap .Content .sub-content .sub-content-nav > li a:visited{ border:1px solid var(--color-main);}
.Content-wrap .Content .sub-content .sub-content-nav > li a:hover,
.Content-wrap .Content .sub-content .sub-content-nav > li a:active{ background:var(--color-main);}
.Content-wrap .Content .sub-content .sub-content-nav > li.active a:link,
.Content-wrap .Content .sub-content .sub-content-nav > li.active a:visited,
.Content-wrap .Content .sub-content .sub-content-nav > li.active a:hover,
.Content-wrap .Content .sub-content .sub-content-nav > li.active a:active{ background:var(--color-main);}

.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 th .lt{-webkit-writing-mode: vertical-lr;  writing-mode: vertical-lr;}
.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-1-1*/
.Content-wrap .Content .tab_content table.notice-table-1-1 tr >*:nth-child(1) { width:250px;}
.Content-wrap .Content .tab_content table.notice-table-1-1 tr >*:nth-child(2) { width:calc( 100% - 250px );}
.Content-wrap .Content .tab_content > h3 { color:var(--color-main);}

/*notice-table-1-2*/
.Content-wrap .Content .tab_content table.notice-table-1-2 tr .airport { width:250px;}
.Content-wrap .Content .tab_content table.notice-table-1-2 tr .area { width:calc( 100% - 250px );}

/*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 );}

.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;align-items: flex-end;}
.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:30px 60px;}
.Footer .copyright .left * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Footer .copyright .left > img { width:290px; margin-bottom:20px;}
.Footer .copyright .left .info { display:inline-flex; width:560px; gap:20px;}
.Footer .copyright .left .info > div { border-right:1px solid #ccc; width:280px;}
.Footer .copyright .left .info > div:nth-child(2) { width:290px;}
.Footer .copyright .left .info > div:last-child { border:0;width:260px;}
.Footer .copyright .left .info > div > a { display:block; width:280px; max-width:100%; height:auto; overflow:hidden; float:left; padding-right:20px;}
.Footer .copyright .left .info > div > a:link,
.Footer .copyright .left .info > div > a:visited,
.Footer .copyright .left .info > div > a:hover,
.Footer .copyright .left .info > div > a:active{ color:white;}
.Footer .copyright .left .info > div > div { display:block; width:280px; max-width:100%; height:auto; overflow:hidden; float:left; padding-right:20px;}
.Footer .copyright .left .info > div:last-child > div { padding-right:0;}
.Footer .copyright .left .info > div > div .name { width:145px; width:65px; display:block; float:left; margin-right:10px;}
.Footer .copyright .left .info > div > div a:link,
.Footer .copyright .left .info > div > div a:visited,
.Footer .copyright .left .info > div > div a:hover,
.Footer .copyright .left .info > div > div a:active{ color:white;}

.Footer .copyright .right { width:auto; height:auto; float:right; padding:30px 60px; display:inline-flex; flex-wrap:wrap; align-items:flex-start;}
.Footer .copyright .right .icon { display:flex; gap:0 10px; text-align:center; margin-right:20px;}
.Footer .copyright .right .icon > span { display:flex; flex-direction:column; font-size:14px;}
.Footer .copyright .right .icon .img,
.Footer .copyright .right .twca .SMALL { background:white; border-radius:10px; display:inline-block; width:auto; height:auto; overflow:hidden; margin:0 auto; margin-bottom:5px;}
.Footer .copyright .right .icon .img img { display:block; width:50px; max-width:100%; height:auto;}
.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 {min-height:565px;}
	.Content-wrap.selected { padding-left:300px;min-height:565px;}
	.Content-wrap .Nav { width:300px; left:-300px;}
	.Content-wrap .Nav > ul { padding-left:0;}
	.Content-wrap .Nav > ul > li {margin:0; font-size:20px;}
	.Content-wrap .Nav > ul > li a { line-height:40px; padding-left:40px;}
	.Content-wrap .Nav > ul > li a:before { top:15px; left:15px;}
	.Content-wrap .Nav > ul > li.active a:before { left:17px;}
	.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;}
	
	.Footer .copyright .left { padding-bottom:20px; width:100%;}
	.Footer .copyright .right { padding-top:20px;}
}

@media only screen and (min-width:0px) and (max-width:1024px) {
	.Content-wrap { min-height:565px;}
	.Content-wrap .Nav { background:white; z-index:99999; top:90px; width:280px; border-radius:0 5px 5px 0; height:auto;
	box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);}
	.Content-wrap.selected { padding-left:0;}

	.Content-wrap .Content,
	.Content-wrap .Content.w100 { width:calc( 100% - 60px );}
	.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%;}
	
	.Footer .copyright .left { padding:20px; width:100%;}
	.Footer .copyright .right { padding:20px; 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 .left .info { max-width:100%; display:block;}
	.Footer .copyright .left .info > div { border:0; overflow:hidden; float:left;}
	.Footer .copyright .left .info > div:nth-child(1) { width:100%; margin-bottom:10px;}
	.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 );}
	.Content-wrap .Content > h2.page-title + div .form-box .form-field input.email { width:100%; margin-right:5px;}
}

@media only screen and (min-width:0px) and (max-width:590px) {
	.Footer .copyright .right .icon { margin-bottom:10px;}
}

@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; width:220px;}
	.Content-wrap .Nav > ul > li { padding-left:0;}
	.Content-wrap .Nav > ul > li a { font-size:0.8em;}
	.Content-wrap .btn-menu { width:40px; height:40px; line-height:30px;}
	.Content-wrap .Content { border-radius:10px;width:calc( 100% - 20px ); margin:10px;}
	.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 > 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 > h2.page-title + div .form-box .form-field .list-apply-data .list-item > span { display:block; width:100%;}
	
	.Content-wrap .Content .tab_content { padding:20px;}
	.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;}
	
	.Footer .copyright .left { padding:20px 15px; padding-bottom:0;}
	.Footer .copyright .right { padding:15px; padding-top:10px;}
	.Footer .copyright .right .icon > span { font-size:12px;}
}

@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;}
	.Footer .copyright .right .icon > span { font-size:11px;}
}
@media only screen and (min-width:0px) and (max-width:350px) {
	.Footer .copyright .right .icon > span { font-size:10px;}
}

.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 );}
}