body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) 金禾新版客製樣式*/
*{font-family: 'Noto Sans TC', sans-serif;-webkit-text-size-adjust: none;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Noto+Serif+TC:wght@200;300;400&display=swap');
body {background: #fff;}
p {margin-bottom: 1rem;}
img{display: initial;}
ul li {list-style: none;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
input:focus, select:focus {outline: #91a4ba 1px auto;}
h1,h2,h3,h4,h5,h6{line-height:1.5;margin:0;margin-bottom:.5rem;font-family:'Noto Sans TC',serif!important}
h1{font-size:3rem}
h2{font-size:2.4rem}
h3{font-size:2rem}
h4{font-size:1.75rem}
h5{font-size:1.5rem}
h6{font-size:1rem}
@media (max-width:768px){
h1{font-size:1.8rem}
h2{font-size:1.5rem}
h3{font-size:1.3rem}
h4{font-size:1.25rem}
h5{font-size:1rem}
h6{font-size:.9rem}
}
@media (max-width:768px){
.m-5{margin:1.5rem!important}
.mt-5,.my-5{margin-top:1.5rem!important}
.mb-5,.my-5{margin-bottom:1.5rem!important}
.p-5{padding:1.5rem!important}
.pt-5,.py-5{padding-top:1.5rem!important}
.pb-5,.py-5{padding-bottom:1.5rem!important}
}
.mt-6{margin-top:6rem!important}
@media (max-width:500px){
.m-5{margin:1rem!important}
.mt-5,.my-5{margin-top:1rem!important}
.mb-5,.my-5{margin-bottom:1rem!important}
.p-5{padding:1rem!important}
.pt-5,.py-5{padding-top:1rem!important}
.pb-5,.py-5{padding-bottom:1rem!important}
}

:focus {outline: none;}
.animated {   -webkit-animation-duration: 1s;   animation-duration: 1s;   -webkit-animation-fill-mode: both;   animation-fill-mode: both; }
.animated.infinite {   -webkit-animation-iteration-count: infinite;   animation-iteration-count: infinite; }
.animated.delay-01s {   -webkit-animation-delay: .1s;   animation-delay: .1s; }
.animated.delay-02s {   -webkit-animation-delay: .2s;   animation-delay: .2s; }
.animated.delay-03s {   -webkit-animation-delay: .3s;   animation-delay: .3s; }
.animated.delay-04s {   -webkit-animation-delay: .4s;   animation-delay: .4s; }
.animated.delay-05s {   -webkit-animation-delay: .5s;   animation-delay: .5s; }
.animated.delay-1s {   -webkit-animation-delay: 1s;   animation-delay: 1s; }
.animated.delay-2s {   -webkit-animation-delay: 2s;   animation-delay: 2s; }
.animated.delay-3s {   -webkit-animation-delay: 3s;   animation-delay: 3s; }
.animated.delay-4s {   -webkit-animation-delay: 4s;   animation-delay: 4s; }
.animated.delay-5s {   -webkit-animation-delay: 5s;   animation-delay: 5s; }
.animated.fast {   -webkit-animation-duration: 800ms;   animation-duration: 800ms; }
.animated.faster {   -webkit-animation-duration: 500ms;   animation-duration: 500ms; }
.animated.slow {   -webkit-animation-duration: 2s;   animation-duration: 2s; }
.animated.slower {   -webkit-animation-duration: 3s;   animation-duration: 3s; }

@media (min-width:1200px) {.w-1200 {min-width: 1200px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
[data-position="center"]{margin-top: 0px;}
@media(max-width:1200px) and (min-width:768px){[data-position="center"]{margin-top: 0px;}}
@media(max-width:768px){[data-position="center"]{margin-top: 50px;}}
.WinChrome [data-position="center"],
.D_products_group_molddetail [data-position="center"]{margin-top: 80px;}
@media(max-width:1200px) and (min-width:768px){
.WinChrome [data-position="center"],
.D_products_group_molddetail [data-position="center"]{margin-top: 80px;}
}
@media(max-width:768px){
.WinChrome [data-position="center"],
.D_products_group_molddetail [data-position="center"]{margin-top: 50px;}
}

.px-30 {padding: 0 30px;}
.h-100vh>.module-container>.main{height: 100vh;}
.h-40vh>.module-container>.main{height: 40vh;}
.h-100vh>.module-container>.main .header-title{display:none;}
.w-1440 {max-width: 1440px;margin: 0px auto;}
@media (max-width:991px){.h-100vh>.module-container>.main{height: inherit;}}
@media (min-width:1200px) {.w-1200 {max-width: 1200px;}.w-1000 {max-width: 1000px;}.w-800 {max-width: 800px;}}
@media (max-width:1199px) and (min-width:991px) {.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}.w-1000 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}
@media (max-width:991px){.w-1200 {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;}}

.day_con .info img {height:auto !important;}
.day_con p{margin-top: 10px;margin-bottom: 10px;}
section.group_table.trip_features .item img {height:auto !important;margin-top: .5rem;margin-bottom: .5rem;}
.main_trip img {height:auto !important;}
.trip_day .day_con .info_box .word_r + div > .info > img, .trip_day .day_con .info_box .word_l + div > .info > img {display: none;}
.img-thumbnail {border: none;padding: 0;border-radius: 0;}

/*list*/
.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner {/* height: 640px; */}
.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area {/*min-height: 110px;bottom: calc(50% - (145px/2));*/}
figure.block_style .pic_all::after {border-color: transparent transparent transparent rgb(106 86 97 / 65%);}
.list_con .style_icon span {line-height: 2.0;}
.font-weight-bold  {font-weight: 500 !important;}
.filter_list .btn i  {vertical-align: inherit;margin-right: 10px;}
figure.block_style .price_box span {/* font-size: 1.6rem; *//* font-weight: normal; *//* letter-spacing: .1rem; *//* font-family: 'Noto',  sans-serif; */}
.pic_style figure.block_style .price_all h4 span {font-family: 'Noto',  sans-serif;font-weight: normal;font-size: 1.4rem;}
.list_con .title p {margin-top: 10px;}
figure.block_style .pic_all .item_days {font-family: 'Noto', 'Microsoft JhengHei' , sans-serif;width: 64px;font-weight: lighter;font-style: italic;padding: 5px 0;font-size: 2.0rem;letter-spacing: 0.1rem;}
figure.block_style .pic_all .item_days span {font-size: .8rem;margin-left: 5px;margin-top: 8px;}
figure.block_style .main_words .go-date {font-size: 1.2rem;/* color: #898989; */letter-spacing: 0.02rem;}
.irs-bar {background: #4976dc;}
.badge-primary {background-color: #4976dc;}
.search_table tbody td.tour-price span {font-size: 1.2rem;font-family: 'Noto', sans-serif;font-weight: normal;}
.pic_style figure.block_style .main_words {border: 1px solid #e2e2e2;}
.search_table .thead th.tour-price {width: 15%;}
.all_box tbody td.tour-name a.title_main{font-weight: 400;}
.search_table tbody td.tour-name a.title_main:hover{color: #4976dc !important;}
figure.block_style .main_words a h4{font-weight: 400;}

/*detail*/
.sub_menu-trip .trip_menu i {display:none;}
@media (min-width: 992px){
}
.basic-air-btn a {font-size: 1.0rem;background: #ffffff;border: 1px solid #ddd;padding: 5px 25px;color: #888;border-radius: 0px;}
.basic-air-btn a:hover {background: #e8e8e8;color: #444;}
#qrcode:hover canvas {width: 200px;height: 200px;box-shadow: 0px 1px 17px #adadad;}
.group_num #qrcode img {width: 40px;}
section.group_banner .group_num #qrcode::after{font: normal normal normal 18px/1 FontAwesome;}
section.group_banner .price_content .panel-info {border: 1px solid #404040;}
section.group_banner .price_content .panel-info .panel-heading {background: #404040;font-weight: normal;font-size: 1.0rem;}
section.group_banner .price_content .panel-info .panel-body{font-size: 1.0rem;color: #444;}
section.group_banner.trip_banner h3.price {font-weight: normal;letter-spacing: .1rem;font-family: 'Noto', sans-serif;}
.basic-air-info .time {border-bottom: 2px dotted #adadad;color: #555;}
.basic-air-info {background: #f0f0f0;border: 1px solid #404040;padding: 1.8rem 1rem !important;margin-top: 1.5rem !important;}
.basic-air-info .go i, .basic-air-info .back i {color: #555;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);font-size: 1.2rem;margin-right: 14px;}
.basic-air-info .go i.fa-plane:before, .basic-air-info .back i.fa-plane:before {content: "\E005";font-family: "icon", "FontAwesome";}
.basic-air-info .go h3, .basic-air-info .back h3 {color: #555;font-size: 1.25rem;}
.basic-air-info .go br, .basic-air-info .back br {display: none;}
.basic-air-info .go h4, .basic-air-info .back h4 {font-family: 'Noto', sans-serif;margin-bottom: 0;font-size: 1.15rem;color: #404040;font-weight: normal;}
section.group_table.trip_features:after, section.group_table.trip_airline:after, section.group_table.trip_day:after, section.group_table.trip_note:after, section.group_table.view_intro:after, section.group_table.tripdown:after {background: #000000;}
.group_table>.container>.text-center {padding-top: 0rem;margin-top: -6rem;}
section.group_table.trip_day .info_box .info_box_title .day_title {font-size: 3rem;font-weight: normal;font-family: 'Noto', sans-serif;font-style: italic;}
section.group_table.trip_day .info_box .info_box_title .day_sub-title {font-size: 1.0rem;letter-spacing: .05rem;}
.basic-air-airport i {color: #f37272;}
.flight_details .details_box > h4  {background: #6c757d;}
.flight_details {border: 1px solid #6c757d;}
.flight_details .details_box > h4 i {color: #ffffff;}
section.group_table.tripdown .style_icon ul li a.nav-link {border: 1px solid #666666;color:#666666;border-radius: 0px;font-size: .9rem;padding: 8px 12px;}
section.group_table.tripdown .style_icon ul li a.active.nav-link {background-color: #396fa6;color:#fff;}
section.group_table.tripdown .style_icon ul li a.nav-link svg {fill:#666666;width: 18px;}
section.group_table.tripdown .search_table tbody td.tour-price span {font-family: 'Noto', sans-serif;font-size: 1.25rem;font-weight: normal;}
section.group_table.tripdown .search_table tbody td.tour-name a.title_main {/* font-weight: normal; */font-size: 1.1rem;}
section.group_table.tripdown .search_table tbody td.go-airport h6 {margin-bottom: 0rem;}
section.group_table.trip_day .info_box .info_box_title p {background: #f1f1f1;}
section.group_table.tripdown .search_table tbody td  {padding: 20px 10px;}
section.group_table.trip_features, section.group_table.trip_airline, section.group_table.trip_day, section.group_table.trip_note, section.group_table.view_intro, section.group_table.tripdown {padding-top: 15rem;}
section.group_table.trip_features .container .group_table_box p{text-align: justify;margin-bottom: .5rem;line-height: 1.8;}
section.group_table.trip_features .container .group_table_box .title_s{/* font-size: 0; *//* border: none; */display: none;}
@media (max-width: 767px) {
section.group_table.trip_day .info_box .info_box_title .day_title {margin: 0px auto 10px auto;}
section.group_table.trip_features, section.group_table.trip_airline, section.group_table.trip_day, section.group_table.trip_note, section.group_table.view_intro, section.group_table.tripdown {padding-top: 9rem;}
}
@media (max-width: 500px) {
#qrcode {display:none;}
section.group_banner.trip_banner h6 {padding: 0px;}}
.Day_menu.active {top: 70px !important;background: rgb(255 255 255 / 0.7);padding-bottom: 0px;z-index: 1;padding: 10px 0px;width: 70%;}
.Day_menu .swiper_day .swiper-slide a {background: #fff;}
/*main*/
.go-to-top {right: 0;bottom: 10%;display: none !important;}
.web-page-frame .go-to-top .top{background: #404040;width: 50px;height: 50px;margin-right: 0px;border-radius: 0;box-shadow: none;font-weight: lighter;opacity: 0.9;}
.web-page-frame .go-to-top .top:hover {opacity: 1.0;}
.web-page-frame .go-to-top .top:after{margin-top: 14px;margin-left: 18px;width:12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.web-page-frame .go-to-top .top-txt{left: calc(50% - 13px);font-weight: normal;font-size: 0.8rem;bottom: 9px;}
.web-page-frame .btn-primary{color:#fff!important;background-color: #379cff !important;border-color: #1e85eb !important;}
.web-page-frame .btn-primary:hover{color:#fff!important;background-color: #2894ff !important;border-color: #1e85eb !important;}
.search_table tbody td.sale-situation .btn {/* border-radius: 0rem; */}
.web-page-frame .btn-primary:not(:disabled):not(.disabled):active,.web-page-frame .btn-primary:not(:disabled):not(.disabled).active,.web-page-frame .show>.btn-primary.dropdown-toggle{color:#fff!important;background-color: #3a9bb5!important;border-color: #3a9bb5;/* border-radius: 0rem; */}
.web-page-frame .btn-primary:focus,.web-page-frame .btn-primary.focus,.web-page-frame .page-link:focus{box-shadow: 0 0 0 .2rem rgba(188,145,96,0.2)!important;}
.web-page-frame .btn-green{color:#fff!important;background-color: #666666 !important;border-color: #666666 !important;}
.web-page-frame .btn-green:hover{color:#fff!important;background-color: #666666 !important;border-color: #666666 !important;}
.web-page-frame .btn-light{color:#fff!important;background-color: #6c757d !important;border-color: #6c757d !important;}
section.group_table .table a:hover{color: #404040;}
section.group_table .table .trip_name a:hover{/* color:#666666 */}
.info .btn-primary{background-color:#666666;border-color:#666666}
.info .btn-primary:hover{color:#fff!important;background-color: #666666!important;border-color: #666666!important;}
.web-page-frame .text_blue{/* color: #de3545; */font-size: 1.2rem;}
.search-area .search-box .search-btn{background: #666666;}
.list_con .style_icon .nav-pills .nav-link.active svg{fill: #666 !important;}
.list_con .style_icon .nav-pills a svg {fill: #a9a9a9;}
.filter_list i{color:#666666!important}
.web-page-frame .search-area .search-box .select-goal .title i{color:#666666!important}
.web-page-frame .search-area .search-box .select-place .title i{color:#666666!important}
.web-page-frame .search-area .search-box .select-date .title i{color:#666666!important}
.web-page-frame section.search_banner .search-area .search-box .select-input .data-icon-search{display: none;}
.radio_style [type="radio"]:checked+label:after{background: #2894ff!important;}
section.search_con .pagination .page-item .page-link{/* border:1px solid #666666!important; */width: 28px;height: 30px;}
@media (max-width:767px){section.search_con .pagination .page-item{margin: 0;}}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #666666;}
section .page-item.active .page-link {background:#666666;}
section.search_con .pagination .page-item .page-link:hover {background: #e5007f;color: #ffffff;border: 1px solid #e5007f!important;}
section.search_con .pagination .page-item .page-link:hover svg{fill: #ffffff;}
section.search_con .pagination .page-item.active .page-link {color: #ffffff;background: #666;border: 1px solid #666666!important;}
section .page-item.active .page-link {background: #586d74;border-color: #586d74;}
section .page-link {color: #333333;}
.web-page-frame .irs-slider{background:#666666}
.web-page-frame .irs-slider.state_hover,.web-page-frame .irs-slider:hover{border:2px solid #666666}
.web-page-frame .irs-from,.web-page-frame .irs-to,.web-page-frame .irs-single{background: #2894ff;}
.web-page-frame .filter_list .resize_input{font-size: 1.0rem;}
.web-page-frame figure.block_style .main_words a:hover {color: #4976dc;}
.web-page-frame .pic_style figure.block_style .main_words a:hover {/* color:#666666; */}
.web-page-frame figure.block_style .note_words .share_box:hover {color:#666666}
.web-page-frame .table .thead, .web-page-frame .table .thead:hover {background: #666666;font-size: 1.0rem;}
.web-page-frame .table .thead th {/* font-weight: normal; */color: #ffffff;}
section.group_table.trip_day table.table tr.thead th:nth-child(2){background: #4e8894;}
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{background: #4e8894;}
section.group_table .table .trip_name h5 {margin:0;}
.web-page-frame section.group_table.trip_airline .table .thead th {border-right: 1px solid #7d7d7d;}
.web-page-frame section.group_banner .media-grouop .share_box:hover, .web-page-frame section.group_banner .media-grouop .forword_box:hover { background: #666666;}
.web-page-frame section.group_table.trip_airline .table .thead:hover  {background: #404040;}
.web-page-frame .filter_list .form-check .customcheck input:checked ~ .checkmark {background-color: #666666;}
.web-page-frame section.group_banner.trip_banner .btn-info {background-color: #666666;border-color: #666666;}
.web-page-frame section.group_banner.trip_banner .btn-info:focus, .web-page-frame section.group_banner.trip_banner .btn-info.focus {box-shadow: 0 0 0 0.2rem rgba(148, 148, 148, 0.4);}
.popover {background: #666666 !important;}
.popover .close {border: 1px solid #666666 !important;color: #666666 !important;}
.popover .arrow:after, .popover .arrow:before {border-color: transparent transparent #666666 transparent !important;}
.popover .close:hover {background: #666666 !important;}
.web-page-frame .sub_menu-trip .trip_menu li a:hover {/*background: #5c5c5c;*/}
.Day_menu .swiper_day .swiper-slide a:hover {background: #666666 !important;border: 1px solid #404040 !important;}
section.trip_note .card-header .btn {background: #74a0a6 !important;color: #fff !important;}
section.trip_note .card-header a[aria-expanded=false]:after{color:#fff!important}
.sub_menu-trip .server_menu li:nth-child(1){background:#396fa6}
.sub_menu-trip .server_menu>ul>li.download-fixed-btn{background:#404040}
.sub_menu-trip .server_menu>ul>li.share-fixed-btn{background:#404040}
.sub_menu-trip .server_menu>ul>li.query-fixed-btn{background:#404040}
figure.block_style .pic_all .plane_word{background:transparent linear-gradient(180deg,transparent 0,rgba(0,0,0,.84) 100%) 0 0 no-repeat;bottom:0}

.D_products_group_detail #search-calendar .fc .fc-toolbar.fc-header-toolbar{background:#666;font-size:1rem}
.D_products_group_detail section.group_table.tripdown .container h2{font-size:1.25rem}

.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table, .D_products_group_detail #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;display: none;}

.group_table.tripdown .IconMean{position: relative !important;top: 0px !important;}
/*End Template*/

.header_nav{padding:0 15px 0 15px}
.header_nav .mega-menu .menu-logo>li>a:hover{background:0 0}
@media (min-width:991px){.header_nav .mega-menu>section.menu-list-items{background:#25303f;display:flex!important;justify-content:space-between;flex-direction:row;padding:0 15px 0 30px}
.header_box .mega-menu .mg-drop-down .list_box ul{margin-top:0;margin-bottom:5px}
.header_nav .mega-menu .menu-links>li{animation-duration:1.5s;animation-delay:0s;animation-name:fadeInUp}
.header_nav .mega-menu .menu-links>li:first-child{animation-delay:.1s}
.header_nav .mega-menu .menu-links>li:nth-child(2){animation-delay:.2s}
.header_nav .mega-menu .menu-links>li:nth-child(3){animation-delay:.3s}
.header_nav .mega-menu .menu-links>li:nth-child(4){animation-delay:.4s}
.header_nav .mega-menu .menu-links>li:nth-child(5){animation-delay:.5s}
.header_nav .mega-menu .menu-links>li:nth-child(6){animation-delay:.6s}
.header_nav .mega-menu .menu-links>li:nth-child(7){animation-delay:.7s}
.header_nav .mega-menu .menu-links>li:nth-child(8){animation-delay:.8s}
.header_nav .mega-menu .menu-links>li:nth-child(9){animation-delay:.9s}
.header_box .mega-menu .menu-links>li:last-child{position:absolute;border-radius:5px}
.header_box .mega-menu .menu-links>li:last-child a{padding:7px 7px}
.header_box .mega-menu .menu-links>li:last-child{right:0;margin-right:20px;padding:0;width:110px}
.header_box .mega-menu .menu-links>li:last-child{width:110px;animation-name:none}
.header_box .mega-menu .menu-links>li:last-child:hover{background:#b39559!important}
.header_box .mega-menu .menu-links>li:last-child a{color:#25303f!important;padding:0 1.2rem;line-height:42px}
.header_box .mega-menu .menu-links>li:last-child a:hover{color:#fff!important}
.gizle .header_nav .mega-menu>section.menu-list-items{background:rgb(255 255 255 / 90%)!important}
.header_nav .mega-menu .menu-links>li:nth-child(5) .megamenu_box{width:auto}
.header_nav .mega-menu .menu-links>li:nth-child(5) .megamenu_box .list_box{margin-top:10px}
.header_nav .mega-menu .menu-links>li:nth-child(5) .megamenu_box .list_box p{font-size:1.15rem;font-weight:700;font-family:'Noto Sans TC',sans-serif}
.mega-menu li .mg-drop-down .list_box ul li a p{color:#fff!important}
}
.header_box .mega-menu .menu-links>li:hover{background:0 0!important}
.header_nav .mega-menu .menu-links>li{padding:0 .5rem}
.header_nav .mega-menu .menu-links li .list_tag h4{line-height:1.8;padding:0 5px;margin:7px 5px 0 0;color:#4976dc!important;letter-spacing:1.2px;font-weight:600}
.header_box{top:0;z-index:100}
.header_box .mega-menu .menu-links>li:hover a{color:#b39559!important}
.header_box .mega-menu .menu-links>li:hover>a:after{width:100%;height:2px;content:'';background:#fff8bd00;position:absolute;left:0;bottom:0}
.header_box .mega-menu .menu-links li .list_tag li{margin-right:5px}
.header_box .mega-menu .menu-links>li a,.header_box .mega-menu .menu-links>li a p{font-size:.9rem;text-decoration:unset;font-family:'Noto Sans TC',sans-serif!important;font-weight:400}
.header_box .mega-menu .menu-links>li:last-child a p{color:#ffeb3b}
.header_box .mega-menu .menu-links>li a:hover p{text-decoration:underline}
.header_box .mega-menu .menu-links>li a i{padding:5px 5px 3px 1px!important;font-size:1rem;color:#dfc593!important}
.header_box .mega-menu .menu-links li .list_tag a p{color:#4976dc!important;border:1px solid #4976dc;line-height:1.5;padding:1px 4px;background:#f6f6f6;font-size:.9rem}
.header_box .mega-menu .menu-links .list_box h4{color:#c9a96a!important;display:inline-block;font-size:1.25rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.25rem;min-width:120px;padding-top:.25em}
@media (min-width:768px){.header_nav .mega-menu .menu-logo{position:absolute;z-index:1}
.header_nav .mega-menu .menu-logo>li>a{padding:15px 10px}
.header_nav .mega-menu .menu-logo>li>a img{width:100%;height:100%;position:relative;top:auto;left:auto}
.header_nav .mega-menu .menu-logo>li>a img{/* content:url('https://materials.fillo.com.tw/materials/union/images/c6018262-c212-4f35-8af2-b91cfd9ed17a.svg'); */width: 200px;}
.gizle .header_nav .mega-menu .menu-logo>li>a img{content:url("https://materials.fillo.com.tw/materials/union/images/1741d8b3-e63d-434d-8270-c42c7a5889ed.svg")}
.gizle .header_nav .mega-menu .menu-logo>li>a img{top:-3px;transition:all .35s ease;width:83px}
.header_box .megamenu_box{display:flex;flex-wrap:wrap;position:relative;width:100%;flex-direction:row;align-content:flex-start;justify-content:flex-start}
.header_box .mega-menu .menu-links li .list_box{padding:0 5px}
.mega-menu .mg-drop-down .list_box ul{text-align:center}
.mega-menu li:first-child .mg-drop-down .list_box ul{text-align:left}
.header_box .mega-menu .menu-links li .list_box ul li{display:inline-block;margin:2px 40px 2px 0;text-align:center}
.header_box .mega-menu .menu-links li:first-child .list_box ul li,.header_box .mega-menu .menu-links li:nth-child(2) .list_box ul li{display:block;margin:1px 0 4px 0}
.header_box .mega-menu .menu-links li .list_onlyimg{order:1;padding:0;flex:0 0 14%;height:100%;position:absolute;left:15px;-ms-flex:0 0 426px;flex:0 0 426px;max-width:426px;margin:0}
.header_box .mega-menu .menu-links li .list_tag{order:3;margin:0;left:0;bottom:0;margin-top:10px}
.gizle.header_box .mega-menu .menu-links>li:nth-last-child(2){border:1px solid #25303f}
.header_box .mega-menu .menu-links>li:last-child{background:#c9a96a!important}
.gizle.header_box .mega-menu .menu-links>li:last-child{background:#25303f!important}
}
@media(max-width:1440px) and (min-width:991px){.header_box .mega-menu .menu-links li:first-child .list_box:nth-child(3),.header_box .mega-menu .menu-links li:first-child .list_box:nth-child(4){-ms-flex:0 0 200px;flex:0 0 240px;max-width:154px}
}
@media (min-width:1200px){.header_box .mega-menu .menu-links li:first-child .list_box:nth-child(1),.header_box .mega-menu .menu-links li:first-child .list_box:nth-child(2){-ms-flex:0 0 360px}
.header_box .mega-menu .menu-links li:first-child .list_box{padding:0 0 0 3px;-ms-flex:0 0 auto}
.header_box .mega-menu .menu-links li:first-child .mg-drop-down .megamenu_box,.header_box .mega-menu .menu-links li:nth-child(2) .mg-drop-down .megamenu_box{max-height:580px}
}
@media (min-width:1300px){.header_box .mega-menu .menu-links li .list_box{margin-top:0;-ms-flex:0 0 220px}
}
@media (max-width:768px){.header_box{position:fixed}
.header_nav .mega-menu .menu-logo>li>a{margin-top:0}
.header_nav .mega-menu .menu-logo>li>a img{width:63%;height:63%;margin:0}
.header_nav .mega-menu .menu-mobile-collapse-trigger{z-index:99999999}
.header_box .mega-menu .mg-drop-down{padding:0;background:#e6d9c1!important}
.header_box .mega-menu .menu-links>li:hover>a:after{display:none}
.header_box .mega-menu .mg-drop-down{padding:0;background:rgb(73 73 73 / 90%)!important}
.gizle.header_box .mega-menu .mg-drop-down{top:66px}
}
@media(max-width:1440px){.header_box .mega-menu .menu-links>li>a{padding:0 .5vw}
.header_nav .mega-menu .menu-links>li{padding:0 .75rem}
}
@media(max-width:1200px){.header_box .mega-menu .menu-links>li>a{padding:0 1rem}
.header_nav .mega-menu .menu-links>li{padding:0 .75rem}
}
@media(max-width:991px) and (min-width:768px){.header_box .mega-menu .menu-links>li>a{padding:0 .5rem 0 1rem}
}
@media (max-width:991px){.header_box .mega-menu .menu-links>li>a{line-height:70px;padding:0 1.5rem;font-size:1em}
.header_nav .mega-menu .menu-links>li{padding:0 .25rem}
}
@media(min-width:768px){body .header{position:fixed;width:100%;top:0;z-index:100}
.header_box .mega-menu .menu-links{display:flex!important;justify-content:center;width:100%;padding:18px 20px;align-items:center;position:relative}
.gizle.header_box .mega-menu .menu-links{padding:10px 20px;transition:all .35s ease}
.header_box .mega-menu .menu-links>li>a{text-align:center;font-size:1rem}
.gizle.header_box .mega-menu .menu-links>li>a{color:#25303f!important;transition:all .8s ease}
.gizle.header_box .mega-menu .menu-links>li:last-child a{color:#fff!important}
.header_box .mega-menu .menu-links>li>a i{position:absolute;bottom:0;text-align:center;left:46%;right:46%;bottom:10px;display:none!important}
.header_box .mega-menu .menu-links li .mg-drop-down{width:100%;padding:15px 30px 10px 30px}
}
@media (min-width:991px){.header_box .mega-menu .menu-links li .list_box{margin-right:1vw;padding:5px 10px}
.header_box .mega-menu .menu-links>li>a{padding:0 1vw}
.header_box .mega-menu .mg-drop-down{display:flex!important;justify-content:center;flex-direction:row;padding:0;top:86px;left:0!important;background:rgb(73 73 73 / 95%)!important}
.gizle.header_box .mega-menu .mg-drop-down{top:70px}
}
@media(max-width:1199px) and (min-width:991px){.header_box .mega-menu .mg-drop-down{display:flex!important;justify-content:center;flex-direction:row;padding:30px 30px;top:66px;left:0!important;background:rgb(73 73 73 / 90%)!important}
.gizle.header_box .mega-menu .mg-drop-down{top:66px}
}
@media (max-width:767px){.header_box .mega-menu .menu-links{margin-top:50px}
}
@media screen and (max-width:767px){.header_nav .mega-menu .menu-mobile-collapse-trigger{z-index:99999999;height:50px;width:50px;background:#b8a98f}
.header_nav .mega-menu .menu-mobile-collapse-trigger:hover{background:#313246}
.header_nav .mega-menu .menu-mobile-collapse-trigger span,.header_nav .mega-menu .menu-mobile-collapse-trigger:after,.header_nav .mega-menu .menu-mobile-collapse-trigger:before{height:2px;width:30px;background:#fff}
.header_nav .mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:36px;top:11px;left:11px}
.header_nav .mega-menu .menu-mobile-collapse-trigger.active:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:36px;width:36px;left:10px}
}
@media (max-width:991px){.header_nav{background-color:#fff!important;padding:0 15px 0 15px}
.header_nav .mega-menu>section.menu-list-items{background:#fff!important}
.header_box .mega-menu .menu-links>li>a{padding:0 1rem;color:#fff!important}
.header_box .mega-menu .menu-links{justify-content:flex-end;flex-direction:row;max-height:100vh!important}
}
@media (max-width:768px){.header_box .mega-menu .menu-links>li>a{padding:10px 0;line-height:30px;text-align:center;width:100%;color:#3a3a44!important}
.header_box .mega-menu .menu-links>li>a img{margin:0 auto;float:none}
.header_nav .mega-menu .menu-links>li{padding:0 .5rem;background:#f9f6f0!important;border-bottom:1px solid #e8e7e6}
.header_box .mega-menu .menu-links>li:hover{background:#e6d9c1!important}
.header_nav .mega-menu .menu-links li .list_box{padding:0 10px}
.header_nav .mega-menu .menu-links li .list_box ul li{display:inline-flex;margin:0 0!important;padding:4px 12px}
.header_box .mega-menu .menu-links .list_box h4{margin-bottom:.2em;text-align:center;width:100%;padding:10px 5px 5px 5px;border-top:1px solid #787878}
.header_box .mega-menu .mg-drop-down ul{margin:0 5px 9px 5px}
.header_box .mega-menu .menu-links>li a p{color:#fff!important}
}
@media(max-width:1200px) and (min-width:768px){.header_box .mega-menu .menu-links>li>a{padding:3px 5px;font-size:.9em;line-height:28px}
.header_box .mega-menu .menu-links>li:last-child a{color:#fff!important}
.header_nav .mega-menu .menu-logo{padding:2px 0 5px 15px}
.header_box .mega-menu .menu-links{height:66px}
.header_nav .mega-menu .menu-logo>li>a img{width:70px;top:-3px}
.gizle{top:0!important}
.gizle .header_nav .mega-menu .menu-logo>li>a img{width:65px}
.gizle .header_nav{padding:0 15px 0 15px}
}
@media(max-width:767px){.header_box{padding:0;position:fixed}
.header_nav{padding:0 15px}
.header_nav .mega-menu{padding:0 15px}
.header_nav .mega-menu .menu-logo>li>a{position:fixed;background-color:transparent;margin:0;padding:8px 15px}
.header_nav .mega-menu .menu-logo>li>a img{position:initial}
}

.footer_info .footer-wrap{background: #12212c;}
.footer_info .footer-wrap .footer_nav li a{padding:15px 20px}
.footer_info .footer-wrap .footer_center{max-width:1400px;width:100%;padding-bottom:2em;margin-top:1.5rem;background: none;}
.footer_info .footer-wrap .info_box h3{font-size:1.5em;letter-spacing:.1rem;position:relative;margin:15px 0 8px 0;font-weight:400}
.footer_info .footer-wrap .info_box p{font-size:1rem;letter-spacing:.1rem;margin-bottom:5px;font-family:'Noto Sans TC',serif!important;color: #aab5bc;}
.footer_info .company-info .info-text p:nth-child(2),.footer_info .company-info .info-text p:nth-child(3){position:relative;padding-right:20px}
.footer_info .footer-wrap .contact-box h4{color: #aab5bc;letter-spacing:.1rem}
.footer_info .footer-wrap .contact-box:first-child h4,.footer_info .footer-wrap .contact-box:nth-child(2) h4{line-height:28px;padding-left:0}
.footer_info .fb-info{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;margin-top:1.5rem!important;display:none}
.footer_info .company-info{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.footer_info .contact-info{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.footer_info .contact-info .contact-box:last-child{-ms-flex:0 0 15%}
.footer_info .footer-wrap .icon_wrap{padding:10px;background:0 0}
.footer_info .footer-wrap .icon_wrap ul.footer_bticon{margin:0}
.footer_info .footer-wrap .contact-box h2{margin-bottom:.5rem;padding-bottom:.5rem;line-height:2;font-size:1.15em;font-weight:400}
.footer_info .footer-wrap .contact-box p{margin:0 0 5px}
.footer_info .footer-wrap .contact-box:last-child p a svg{fill:#005519!important}
.footer_info .footer-wrap .contact-box p a{border:none;font-size:1rem;padding:8px 0;display:table;transition:unset;display:initial;height:auto;line-height:1.5rem}
.footer_info .footer-wrap .contact-box p a{padding:0 20px 0 33px}
.footer_info .footer-wrap .contact-box:first-child p:nth-child(2) a{font-size:1.2rem;color:#e5007f!important;font-weight:700;padding:4px 20px 4px 33px}
.footer_info .footer-wrap .contact-box:first-child p:nth-child(2) img{top:9px}
.footer_info .footer-wrap .contact-box:first-child p:nth-child(2) a:before{content:'電話：';font-size:1rem;color:#000!important;font-weight:400}
.footer_info .footer-wrap .contact-box p a svg{width:20px;fill:#e5007f!important}
.footer_info .footer-wrap .contact-box p a:hover{font-size:1rem;color:#000!important;background:0 0!important}
.footer_info .footer-wrap .contact-box:nth-child(3) p:nth-child(2) a:hover{border-bottom:3px solid #00000000}
.footer_info .footer-wrap .contact-box p a::after{display:none}
.footer_info .footer-wrap .contact-box p img{width:20px}
.footer_info .footer-wrap .contact-box{padding:0 15px}
.footer_info .footer-wrap .fb-box a{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:.5rem}
.footer_info .footer-wrap .fb-box a img{max-width:50px}
.footer_info .footer-wrap .fb-box a:hover .tooltiptext{display:none}
.footer_info .footer-wrap .footer_sbox a img{height:auto}
.footer-wrap .info_box a img{max-width:277px!important;margin-bottom:1rem}
@media(max-width:1200px){.footer_info .company-info .info-text{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:992px) and (max-width:1199px){.footer_info .company-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media(max-width:991px){.footer_info .company-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:0!important;text-align:left!important}
.footer_info .company-info .info-text{text-align:center}
.footer_info .footer-wrap .contact-info{-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important;margin-top:0!important;margin-bottom:0!important;flex-direction:column}
.footer-wrap .contact-box{-ms-flex:0 0 100%!important;max-width:100%!important;margin-top:0!important}
.footer-wrap .contact-box{padding:0}
.footer-wrap .contact-box:last-child{padding:0;display:flex;justify-content:center;margin-bottom:0!important}
.footer-wrap .contact-box:nth-child(2) p{text-align:center;width:auto}
.footer-wrap .contact-box:nth-child(2) h4{padding:8px}
.footer-wrap .contact-box:nth-child(3){padding:0}
.footer-wrap .contact-box:nth-child(3) p:nth-child(2){width:100%;text-decoration:none}
.footer_info .footer-wrap .footer_sbox{margin-bottom:10px;margin-top:10px}
.footer_info .footer-wrap .footer_center{padding-bottom:0}
.footer_info .footer-wrap .info_box p{font-size:.85rem;letter-spacing:.1rem}
.footer_info .footer-wrap .info_box h3{font-size:1rem;letter-spacing:.1rem}
.footer_info .footer-wrap .contact-box h4{font-size:.85rem;letter-spacing:.1rem}
.footer_info .footer-wrap .contact-box:first-child h4{padding-left:36px;word-break:break-all}
.footer_info .footer-wrap .contact-box:nth-child(2) h4{padding:0 0 0 36px;word-break:break-all}
.footer_info .footer-wrap .contact-box p{margin:6px 0 6px}
.footer_info .footer-wrap .fb-box a{-ms-flex:0 0 50px!important;flex:0 0 50px!important;max-width:50px!important;margin-bottom:.5rem}
.footer_info .fb-info{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:0!important}
.footer_info .fb-info .row{margin:0 auto;width:100%;margin:0 auto;text-align:center;max-width:150px}
}
@media(max-width:767px){.footer_info .footer-wrap .contact-box h2{margin-bottom:.5rem;margin-top:1.5rem}
.footer_info .footer-wrap .footer_center{margin-top:.5rem}
.footer_info .footer-wrap .footer_nav li a{padding:5px 5px}
.footer-wrap .info_box a{margin:0 auto;text-align:center!important}
.footer-wrap .info_box a img{width:186px}
.footer_info .footer-wrap .contact-box p a{font-size:.85rem;letter-spacing:0;padding:0 10px 0 30px}
.footer_info .footer-wrap .contact-box:first-child p:nth-child(2) a{padding:4px 20px 4px 30px}
.footer_info .footer-wrap .icon_wrap p{font-size:.75rem;color:#8e8e8e!important}
}

/* ===== hero-slides：還原設計稿視覺（僅能改 theme.css，結構/class 皆為現有 DOM）===== */
.hero-slides{--gold:#E0A860;--gold-deep:#8a6830;--navy-deep:#12212c}
.hero-slides .slider-container{max-width:100%;margin:0}
.hero-slides .rslides{height:720px;overflow:hidden;margin:0}
.hero-slides .slide1 a{border:none;overflow:hidden}
.hero-slides .slide1 picture,.hero-slides .slide1 img{display:block;width:100%;height:720px;object-fit:cover}
.hero-slides .slide1 a:after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(10,16,20,.82) 0%, rgba(10,16,20,.35) 42%, rgba(10,16,20,.05) 68%);pointer-events:none}
.hero-slides .carousel-caption{position:absolute;left:0;bottom:0;padding:0 40px 84px 90px;text-align:left;z-index:2}
.hero-slides .hero-copy .eyebrow{font-family:'Noto Sans TC',sans-serif;font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600}
.hero-slides .hero-copy .horizon-line{position:relative;width:620px;height:1px;margin:14px 0 34px -90px;background:linear-gradient(to right, rgba(224,168,96,.9) 0%, rgba(224,168,96,.9) 22%, rgba(224,168,96,0) 100%);pointer-events:none}
.hero-slides .hero-copy .horizon-line:before{content:"";position:absolute;left:90px;top:-8px;width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(224,168,96,.5);background:transparent}
.hero-slides .hero-copy .horizon-line:after{content:"";position:absolute;left:95px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.hero-slides .hero-copy h1{color:#fff;font-size:3.25rem;font-weight:600;line-height:1.28;margin:0 0 16px;text-shadow:0 2px 18px rgba(0,0,0,.25);font-family:'Noto Serif TC',serif!important}
.hero-slides .slide1 a .carousel-caption .hero-copy .desc{color:rgba(255,255,255,.86);font-size:1rem;line-height:1.85;margin:0 0 30px;text-shadow:none;font-weight:400;max-width:500px}
.hero-slides .hero-copy .hero-cta{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1rem;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:6px;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.hero-slides .hero-copy .hero-cta:after{content:"\2192"}
.hero-slides .hero-copy .hero-cta:hover{border-color:var(--gold);color:var(--gold)}

/* ===== thumb 分頁列（等同設計稿的 tabs-strip）===== */
.hero-slides .thumb{position:static;display:flex;justify-content:center;width:100%;background:var(--navy-deep)}
.hero-slides .thumb li{float:none;width:auto!important;line-height:normal;padding:26px 34px;color:rgba(238,238,238,.68);font-size:1rem;letter-spacing:.02em;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}
.hero-slides .thumb li + li:before{display:none}
.hero-slides .thumb li:hover{color:#fff}
.hero-slides .thumb li span{width:auto;overflow:visible}
.hero-slides .thumb li.active,.hero-slides .thumb li:nth-child(2).active,.hero-slides .thumb li:nth-child(3).active,.hero-slides .thumb li:nth-child(4).active,.hero-slides .thumb li:nth-child(5).active{color:#fff!important;font-weight:500;border-bottom-color:var(--gold)!important}
.hero-slides .thumb li.active span,.hero-slides .thumb li:nth-child(2).active span,.hero-slides .thumb li:nth-child(3).active span,.hero-slides .thumb li:nth-child(4).active span,.hero-slides .thumb li:nth-child(5).active span{border-bottom:none!important;max-width:none;display:inline}
.hero-slides .thumb li.active:after{display:none!important}

/* ===== outbound_search：搜尋列還原設計稿視覺（結構為現有固定模組，只能改色／背景，不能改版型）===== */
.outbound_search{--gold:#E0A860;--gold-deep:#8a6830;--blue-deep:#1c7fa8;--line:#e3ddd0;--paper-warm:#f1ebe0}
.outbound_search .group_banner.search_banner .search-area>.container{background:var(--paper-warm);border-bottom:1px solid var(--line)}
.outbound_search .search-area .search-box .select-goal{background:transparent}
.outbound_search .search-area .search-box .select-place{background:transparent}
.outbound_search section.group_banner .search-area .search-box .select-date{background:transparent}
.outbound_search section.group_banner .search-area .search-box .select-date .select input{background:transparent!important}
.outbound_search .search-area .search-box .select-goal .title i{color:var(--gold-deep)}
.outbound_search .search-area .search-box .select-place .title i{color:var(--gold-deep)}
.outbound_search .search-area .search-box .select-goal .select select{background:transparent;border-bottom:1px solid #cfc6b3}
.outbound_search .search-area .search-box .select-place .select select{background:transparent;border-bottom:1px solid #cfc6b3}
.outbound_search .search-area .search-box .select-date .title i{color:var(--gold-deep)}
.outbound_search section.search_banner .search-area .search-box .select-input .data-icon-search{color:var(--gold-deep)}
.outbound_search section.search_banner .search-area .search-box .select-input input{background:transparent}
.outbound_search section.group_banner .search-area .search-box .select-goal .title h6,.outbound_search section.group_banner .search-area .search-box .select-place .title h6,.outbound_search section.group_banner .search-area .search-box .select-date .title h6{color:var(--gold-deep);font-weight:600;letter-spacing:.05em}
.outbound_search .search-area .search-box .search-btn{background:var(--blue-deep)}
.outbound_search .search-area .search-box .search-btn:hover{background:#175f80}
.outbound_search section.group_banner .form-check .customcheck input:checked~.checkmark{background-color:var(--gold-deep)}

/* ===== section-heading + rule-sm（特別推薦標題）===== */
.section-heading{text-align:center;padding:96px 0 16px}
.section-heading .eyebrow{font-family:'Noto Sans TC',sans-serif;font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:#8a6830;font-weight:600;display:block;margin-bottom:16px}
.section-heading h2{font-size:2rem;font-weight:500;letter-spacing:.16em;font-family:'Noto Serif TC',serif!important}
.section-heading .rule-sm{position:relative;width:180px;height:1px}
.section-heading .rule-sm.center{margin:14px auto 0}
.section-heading .rule-sm:before{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Noto Sans TC',sans-serif!important;font-size:12px;line-height:1;padding:0 12px}
.section-heading .rule-recommend{background:linear-gradient(90deg, transparent 0%, #E0A860 20%, #E0A860 50%, #E0A860 80%, transparent 100%)}
.section-heading .rule-recommend:before{color:#E0A860;background:#fffbf4}

/* ===== subtabs：Bootstrap nav-tabs 改成設計稿分頁樣式 ===== */
.subtabs .nav-tabs{border-bottom:none;display:flex;justify-content:center;gap:44px;margin:28px 0 44px;flex-wrap:wrap}
.subtabs .nav-item{margin:0}
.subtabs .nav-link{border:none;background:none;padding:0 0 10px;font-size:1rem;color:#8c9096;border-bottom:2px solid transparent;border-radius:0}
.subtabs .nav-link:hover{color:#20242a;border-color:transparent}
.subtabs .nav-link.active{color:#20242a;background:none;border:none;border-bottom:2px solid #E0A860;font-weight:500}

/* ===== recommend_slider：特別推薦卡片（Swiper，版型由現有 JS 控制，只改色／字／間距）===== */
.recommend_slider .swiper-slide-style{background:#fff;border-radius:0;box-shadow:none;border:1px solid #ece7db;margin-top:0;margin-bottom:0;transition:box-shadow .2s ease,transform .2s ease}
.recommend_slider .swiper-slide-style:hover{box-shadow:0 20px 40px rgba(20,24,28,.09);transform:translateY(-3px)}
.recommend_slider .swiper-img{margin:0;height:300px;overflow:hidden}
.recommend_slider .swiper-img img{height:100%;object-fit:cover;border-radius:0;transition:transform .5s ease}
.recommend_slider .swiper-slide-style:hover .swiper-img img{transform:scale(1.06)}
.recommend_slider .swiper-title{color:#20242a;text-align:left;padding:26px 26px 0;font-size:1rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recommend_slider .swiper-content{display:flex;align-items:center;justify-content:space-between;padding:16px 26px 24px;color:inherit;font-size:1rem;letter-spacing:normal;text-align:left;-webkit-line-clamp:initial;margin-bottom:0}
.recommend_slider .price{font-family:'Noto Serif TC',serif;font-size:1.375rem;font-weight:600;color:#20242a}
.recommend_slider .price small{font-size:1rem;font-weight:400;color:#8c9096;margin-left:3px;font-family:'Noto Sans TC',sans-serif}
.recommend_slider .pill{border:1px solid #e3ddd0;color:#8a6830;font-size:1rem;letter-spacing:.03em;padding:9px 20px;border-radius:999px;display:inline-block;transition:background .15s ease,color .15s ease,border-color .15s ease;background:linear-gradient(315deg, #e4cab0c9 0%, #fbe6d2d9 65%, #fbe6d2 90%)}
.recommend_slider .swiper-slide-style:hover .pill{background:linear-gradient(135deg, #e4cab0c9 0%, #fbe6d2d9 65%, #fbe6d2 90%);border-color:#8a6830;color:#8a6830}
.recommend_slider .swiper-pagination-bullet-active{background:#E0A860}
.recommend_slider .swiper-button-next,.recommend_slider .swiper-button-prev{color:#8a6830}

/* ===== monthly-content／monthly-viewport：本月主打（html 已更新，底圖改成直接設在 .monthly-content .main.row 的 inline background-image，不再是獨立的左側色塊）===== */
.monthly-content{position:relative;margin-top:9rem;margin-bottom:9rem}
.monthly-content:before{content:"";position:absolute;left:0;top:-140px;width:35%;height:calc(100% + 140px);z-index:0;background-image:url(https://jinhett.fillo.com.tw/material-alias/共用/vacations-4908017.png);background-size:cover;background-position:left center;border-radius:0 10vw 0 0;pointer-events:none}
.monthly-content .main.row{position:relative;flex-wrap:nowrap;margin:0;height:auto!important;background-size:cover!important;background-position:center!important;background-attachment:scroll!important}
.monthly-content>.module-container{background:linear-gradient(180deg, #162247bf 0%, #222a42e0 65%, #222a42e0 90%);margin-top:0;margin-left:200px;position:relative;z-index:2;backdrop-filter:blur(1px)}
.monthly-content .main.row>.header-title,.monthly-content .main.row>.blk-tabs{display:none}
.monthly-content .main.row>.monthly-title{position:relative;z-index:2;flex:none;width:auto;min-width:220px;max-width:none;padding:0}
.monthly-content .main.row>.monthly-viewport{position:relative;z-index:2;flex:1;width:auto;max-width:none;overflow:hidden;padding:100px 0 108px}
.monthly-content [data-unicode]{display:flex;height:100%}
.monthly-title .monthly-deco-text{position:absolute;left:0;top:0;z-index:2;pointer-events:none;width:66px;height:-webkit-fill-available;padding-top:33px;color:#cfb49b;font-family:'Noto Serif TC',serif;font-weight:300;font-size:1.25rem;letter-spacing:.1em;line-height:1;white-space:nowrap;background:#917c69;display:flex;justify-content:center}
.monthly-title .monthly-deco-text span{writing-mode:vertical-rl;font-family:'Noto Serif TC',serif!important;font-weight:300;font-size:1.25rem;letter-spacing:.1em;line-height:1;color:#cfb49b;white-space:nowrap}
.monthly-title .monthly-label{color:#fff;font-family:'Noto Serif TC',serif!important;font-size:2rem;font-weight:500;letter-spacing:.16em;writing-mode:vertical-rl;padding:100px 40px 0 40px;padding-left:max(40px, calc((100vw - 1740px) / 2 + 40px));flex:none;position:relative}
.monthly-title .monthly-label:before{content:"";position:absolute;right:63px;top:0px;width:1px;height:80px;background:#E0A860}
.monthly-viewport .swiper-slide{width:860px!important;flex:none!important}
.monthly-viewport .swiper-slide-style{display:flex;background:#fff;box-shadow:0 24px 50px rgba(20,24,28,.07);border-radius:0;margin:0;width:100%;height:100%}
.monthly-viewport .swiper-img{width:360px;flex:none;height:100%;margin:0}
.monthly-viewport .swiper-img img{height:100%;object-fit:cover;border-radius:0}
.monthly-viewport .swiper-content{display:block;flex:1;margin:0;padding:56px 48px;text-align:left;-webkit-line-clamp:initial;color:inherit;font-size:1rem;letter-spacing:normal;overflow:visible}
.monthly-viewport .monthly-text .eyebrow{font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:#E0A860;font-weight:600;margin-bottom:14px;display:block}
.monthly-viewport .monthly-text h3{font-size:1.5rem;font-weight:600;margin:0 0 10px;color:#20242a;font-family:'Noto Serif TC',serif!important}
.monthly-viewport .monthly-text h4{font-size:1rem;font-weight:400;color:#8c9096;margin:0 0 22px;font-family:'Noto Sans TC',sans-serif!important}
.monthly-viewport .monthly-text p{font-size:1rem;color:#585c62;line-height:1.9;margin:0 0 30px}
.monthly-viewport .monthly-text .pill{border:1px solid #e3ddd0;color:#8a6830;font-size:1rem;letter-spacing:.03em;padding:9px 20px;border-radius:999px;display:inline-block;background:linear-gradient(315deg, #e4cab0c9 0%, #fbe6d2d9 65%, #fbe6d2 90%);transition:background .15s ease,color .15s ease,border-color .15s ease}
.monthly-viewport .swiper-slide-style:hover .pill{background:linear-gradient(135deg, #e4cab0c9 0%, #fbe6d2d9 65%, #fbe6d2 90%);border-color:#8a6830;color:#8a6830}
.monthly-viewport .swiper-pagination-bullet-active{background:#E0A860}
.monthly-viewport .swiper-button-next,.monthly-viewport .swiper-button-prev{color:#E0A860}

/* ===== video／video-thumbs：精彩時刻（video 為大圖+播放鍵，video-thumbs 為縮圖列，結構皆為 fancybox figure）===== */
.video{position:relative;flex:none;width:calc(100% - 150px);max-width:none;margin:0 auto;overflow:hidden}
.video .module-container,.video .main,.video [data-unicode]{width:100%}
.video figure{position:relative;margin:0;overflow:hidden}
.video figure a{display:block;position:relative}
.video img{width:100%;height:640px;object-fit:cover;display:block}
.video figure a:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg, rgb(133 164 190 / 50%) 0%, rgb(12 18 23 / 55%) 45%, rgb(12 18 23 / 82%) 100%)}
.video [data-unicode] figure figcaption{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 24px 12rem 24px;pointer-events:none}
.video .content-top,.video .content-bottom{display:none}
.video .eyebrow.on-dark{font-family:'Noto Sans TC',sans-serif!important;font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:#E0A860;font-weight:600;margin-bottom:18px}
.video h2{font-size:3.5rem;font-weight:500;letter-spacing:.06em;margin:0 0 54px;color:#fff;font-family:'Noto Serif TC',serif!important}
.video .play-btn{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.12);border:1px dashed #ffffffb3;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;backdrop-filter:blur(6px)}
.video:hover .play-btn{background:#E0A860;border-color:#E0A860}
.video .play-btn svg{width:40px;height:40px;fill:#fff;stroke:#fff;stroke-width:3.6;stroke-linejoin:round}
.video-thumbs{position:relative;z-index:3;margin-top:-12rem}
.video-thumbs [data-unicode]{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
.video-thumbs figure{flex:0 0 230px;width:230px;max-width:230px;height:140px;overflow:hidden;position:relative;border:2px solid #e0a853;margin:0}
.video-thumbs figure a{display:block;width:100%;height:100%}
.video-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:brightness(.92);display:block}
.video-thumbs figure:hover img{transform:scale(1.06)}
.video-thumbs figcaption,.video-thumbs .content-top,.video-thumbs .content-bottom{display:none}

/* ===== cta：金選旅程 CTA（底圖設在外層 .main.row，用 :has() 綁定到 .cta 這個 widget-item，避免影響其他區塊）===== */
.main.row:has(>.cta){background-size:cover!important;background-position:center!important;background-attachment:scroll!important}
.main.row:has(>.cta)>.header-title,.main.row:has(>.cta)>.blk-tabs{display:none}
.cta{position:relative;text-align:center;padding:118px 0 128px}
.cta .eyebrow{display:block;margin-bottom:16px;font-family:'Noto Sans TC',sans-serif!important;font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:#8a6830;font-weight:600}
.cta h2{font-size:1.875rem;font-weight:600;letter-spacing:.1em;margin:0 0 20px;color:#20242a;font-family:'Noto Serif TC',serif!important}
.cta .rule-sm{position:relative;width:180px;height:1px;margin:0 auto}
.cta .rule-sm:before{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'Noto Sans TC',sans-serif!important;font-size:12px;line-height:1;padding:0 12px}
.cta .rule-cta{background:linear-gradient(90deg, transparent 0%, #E0A860 20%, #E0A860 50%, #E0A860 80%, transparent 100%)}
.cta .rule-cta:before{color:#E0A860;background:#fbf5ed}
.cta p{font-size:1rem;color:#585c62;line-height:2;margin:20px 0 0}
.cta-btn{position:relative;overflow:hidden;padding:12px 42px;margin-top:40px;font-size:1rem;letter-spacing:.06em;color:#f9f4f0;background:#E0A860;border:1px solid #8a68303d;cursor:pointer;font-family:'Noto Sans TC',sans-serif!important}
.cta-btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg, transparent, rgba(255,255,255,.2), transparent);transform:skewX(-20deg);transition:left .5s ease}
.cta-btn:hover:after{left:130%}