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;
}
/**** clover style ****/
/* 共用 */
.web-page-frame.lock{ height: 100vh; }
.row.header+.row{ padding-top: 66px; }
.clover_width{ max-width: 1440px;}
.clover_title .header-title.dp-tbl { display: block; text-align: center; width: 100%; margin-bottom: 48px; font-family: 'Noto Serif TC', serif; font-weight: 700; font-size: 18px; letter-spacing: .08em; text-transform: uppercase; color: #47b897; line-height: 1.4; }
.clover_title .header-title.dp-tbl h2 { font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif; font-weight: 500; font-size: 36px; line-height: 1.2; margin: 10px 0 0; color: #2c3733; letter-spacing: .02em; }
.clover_title .header-title.dp-tbl h2::after { content: ""; display: inline-block; width: 1px; height: 50px; background: #f7b52c; margin-left: 18px; vertical-align: -12px; transform: skewX(-32deg); }
@media(max-width:1470px){
  .clover_width{ max-width: calc(100% - 100px);}
}
@media (max-width: 991px) {
  .clover_title .header-title.dp-tbl h2 { font-size: 28px; }
}
@media(max-width:767px){
  .row.header+.row{ padding-top: 60px; }
  .clover_title .header-title.dp-tbl h2 { font-size: 24px; }
  .clover_title .header-title.dp-tbl h2::after { height: 34px; margin-left: 12px; vertical-align: -8px; }
}

/*********************************** 上標header ***********************************/
.clover_header{ position: fixed; width: auto; background: #47b897; box-shadow: rgba(44, 55, 51, 0.14) 0px 6px 20px; left: 0; right: 0; display: block; z-index: 1049;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.clover_nav .mega-menu{ min-height:66px;}
.header.gizle .clover_nav .mega-menu{ min-height: 66px;}
.clover_nav .mega-menu .menu-logo{ flex:0 0 240px; max-width: initial; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.clover_nav .mega-menu .menu-logo > li > a{ padding: 0;}
.clover_nav .mega-menu .menu-logo > li > a img{ position: initial; width: 100%; height: auto; -webkit-filter: drop-shadow(0 1px 10px rgba(0,0,0,.35)); filter: drop-shadow(0 1px 10px rgba(0,0,0,.35)); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.clover_nav .mega-menu .menu-logo > li > a:hover{ background-color: transparent;}
.clover_nav .mega-menu .menu-links{ flex:1;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.clover_nav .mega-menu > section.menu-list-items{ float:initial; background-color: transparent !important; height: 70px;  padding: 0px 40px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .clover_nav .mega-menu > section.menu-list-items{ height: 70px;}
.clover_nav .mega-menu .menu-links > li { flex: 0 0 130px; max-width: 130px;  text-align: center; }
.clover_nav .mega-menu .menu-links > li > a{ font-size: 20px;  font-weight: 600; text-shadow: rgba(0, 0, 0, 0) 0px 1px 10px; letter-spacing: 1px; padding:0; text-align: center;}
.clover_nav .mega-menu .menu-links > li:hover{ background-color: transparent;}
.clover_nav .mega-menu .menu-links > li>a::before { content: ""; position: absolute; background: #f7b52c; height: 4px; width: 0; left: 0; opacity: 0; bottom: -8px; -webkit-transition: all 0.3s; transition: all 0.3s;  }
.clover_nav .mega-menu .menu-links > li:hover>a::before { width: 100%; opacity: 1; }
.clover_nav .mega-menu .menu-links li div.mg-drop-down.col-12 { left: initial; top: calc(100% + 5px); background: rgb(0 27 58 / 80%); top: calc(100% + 6px); right: 40px; width: min(1080px, -80px + 100vw); background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.6);
     border-radius: 18px; box-shadow: rgba(44, 55, 51, 0.18) 0px 22px 50px; overflow: hidden; }
.header.gizle .clover_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ top: calc(100% + 5px);}
.clover_nav .megamenu_box { max-width: 1370px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.clover_nav .mega-menu .menu-links li .list_box {  margin-right: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 10px 20px; }
.clover_nav .mega-menu .mg-drop-down h4 { font-size: 18px; font-weight: 600; padding-bottom: 8px; padding-left: 22px; position: relative; text-align: left; letter-spacing: 2px; font-size: 18px; color: #2c3733; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 2px solid rgba(71, 184, 151, 0.22);}
.clover_nav .mega-menu .mg-drop-down h4::before{ content: ""; position:absolute; background:url(https://materials.fillo.com.tw/materials/clover/images/e3163d3e-0e48-4672-8030-a46dbd54bf8b.svg) no-repeat center; width: 18px; height: 18px; left: 0; top:9px;}
.clover_nav .mega-menu .menu-links li .list_box a p{ font-size: 16px; color: #2c3733; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.clover_nav .mega-menu .menu-links li .list_box a:hover p{ color:#47b897 !important;}
.clover_nav .mega-menu .menu-links li .list_tag { margin: 0; float: left; padding: 20px 0 10px; }
.clover_nav .mega-menu .menu-links li .list_tag ul { float: initial; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; }
.clover_nav .mega-menu .menu-links li .list_tag li a { padding: 0 30px; letter-spacing: 1px; font-size: 18px; }
.clover_nav .mega-menu .menu-links li .list_tag a p { color: #ffffff; font-size: 18px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.clover_nav .mega-menu .menu-links li .list_tag a:hover p{color:#cba67f!important; }
.nav_member { position: absolute; width: auto; right: 40px; top: 50%; transform: translate(0, -50%);  height:auto; z-index: 1023; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.nav_member .showName { flex-flow:row;  align-items: flex-end; padding: 0;}
.nav_member .showName .member-name { flex: 1; margin-bottom: 2px; font-size: 14px; text-decoration: underline;}
.nav_member .member_btn{ flex: 0 0 132px;}
.nav_member .member_btn>a{ background: transparent; border: 1.5px solid rgba(255, 255, 255, 0.85); color: #ffffff; text-decoration: none; text-align: center; white-space: nowrap; padding: 7px 10px 7px 32px; font-size: 17px; border-radius: 8px; width: 100%; display: block; }
.nav_member .member_btn>a span::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/clover/images/8aff6f74-959f-411e-a9b9-1de8ef7298c4.svg) center no-repeat; background-size: 18px; width: 20px; height: 20px; left: 8px; top: 11px; }
.nav_member a.SignOut { margin: 0; border-radius: 0; padding: 2px 5px 2px 0; background:transparent; border: none;  font-size: 14px; flex: 0 0 20px; margin: 0; line-height: 20px; text-decoration: underline; text-decoration: underline; } 
.nav_member .memberAndCart { display: flex; align-items: center; gap: 10px; }
.nav_member .cart_btn { display: flex; align-items: center; padding: 6px 12px; border-radius: 8px; background: rgba(255, 255, 255, 0.9); flex: 0 0 74px;}
.nav_member .cart_btn .top-cart .icon i { font-size: 0; width: 24px; height: 24px; display: block; position:relative;}
.nav_member .cart_btn .top-cart .icon i:before { content: ""; color: #47b897; background: url(https://materials.fillo.com.tw/materials/clover/images/0e732c57-87fc-44e7-8bcc-bbc7111923eb.svg) no-repeat center; width: 26px; height: 26px; position: absolute; top: 2px; font-size: 0; left: 0; }
.nav_member .cart_btn .top-cart{ padding: 0;}
.nav_member .cart_btn .icon .count { background-color: #f7b52c; top: 5px; right: -25px; width: 20px; height: 20px; line-height: 20px; }
.nav_member .cart_btn .top-cart .top-cart-down { top: calc(100% + 15px); left: calc(50% - 70px); transform: translate(calc(-50% - 70px), 0%);}
.nav_member .cart_btn .top-cart .top-cart-down::before,.nav_member .cart_btn .top-cart .top-cart-down::after{left:initial; right: 35px;}
@media screen and (min-width: 768px){
	.clover_nav .mega-menu > section.menu-list-items{ display: -ms-flexbox; display: flex; align-items:center;}
	.clover_nav .mega-menu .menu-links {display: flex !important; justify-content: flex-end; padding-right: 220px;}
	.clover_nav .mega-menu .menu-links > li { height:66px; padding-top: 10px;  }
}
@media (min-width: 768px) and (max-width: 1199px){
    .header.gizle .clover_nav .mega-menu { height: 66px; }
	.clover_nav .mega-menu .menu-links > li{ height: 66px; padding-top: 20px;}
}
@media screen and (max-width: 1600px){
    .clover_nav .mega-menu .menu-links > li { flex: 0 0 140px; max-width: 140px; }
	.clover_nav .mega-menu .menu-links > li a{ font-size: 18px;}
}
@media screen and (max-width: 1500px){
	.clover_nav .mega-menu .menu-links > li { flex: 0 0 120px; max-width: 120px; }
    .clover_nav .mega-menu > section.menu-list-items{ padding: 0 20px;}
    .nav_member{ right: 20px;}
}
@media screen and (max-width: 1199px){
    .clover_nav .mega-menu .menu-links{ padding-right: 200px;}
	.clover_nav .mega-menu .menu-links > li{ flex:1; max-width:initial;  }
	.clover_nav .mega-menu .menu-links > li a{ font-size: 16px; padding:0; line-height: 30px;}
	.clover_nav .mega-menu > section.menu-list-items{padding: 0 10px;}
	.clover_nav .mega-menu .mg-drop-down h4{ font-size: 16px; margin-bottom: 6px;}
	.clover_nav .mega-menu .menu-logo{ flex: 0 0 200px;}
    .nav_member{ right: 10px;}
	.nav_member a.SignOut { margin:0; flex: 0 0 30px; line-height: 20px;}
    .nav_member .member_btn { flex: 0 0 120px; }
    .nav_member .member_btn>a{ font-size: 15px;}
}
@media screen and (max-width: 991px){
    .clover_nav .mega-menu .menu-links { padding-right: 160px; }
    .nav_member .member_btn { flex: 0 0 100px; }
    .nav_member .cart_btn { padding: 6px; flex: 0 0 44px; }
    .nav_member .cart_btn .top-cart .icon i:before { top: 7px; }
    .nav_member .cart_btn .icon .count { top: -4px; right: -12px; }
}
@media (min-width: 768px) and (max-width: 991px){
    .clover_nav .mega-menu .menu-links > li > a i.fa.fa-indicator{ display: none !important;}
    .clover_nav .mega-menu .menu-links > li > a::after { display: none !important; }
}

@media(max-width:767px){
    .clover_nav .megamenu_box{ display: flex; flex-wrap: wrap;}
	.clover_nav .mega-menu,.header.gizle .clover_nav .mega-menu{ min-height: 60px; } 
    .clover_nav .mega-menu .menu-links{ padding-right: 0;}
    .clover_nav .mega-menu .menu-links li .list_box {flex:0 0 50%; margin: 0; padding: 5px 7px;}
    .clover_nav .mega-menu .mg-drop-down .list_box > ul>li>a{ width: 100%;}
    .clover_nav .mega-menu .menu-links{ margin-top: 0px; height: 100vh;  max-height: initial !important;  padding-bottom: 150px;}
    .clover_nav .mega-menu .menu-links > li{ border-bottom:1px solid #7edcc0;}
	.clover_nav .mega-menu .menu-links > li{ max-width: initial; flex:initial}
    .clover_nav .mega-menu .menu-links > li > a::before,.clover_nav .mega-menu .menu-links > li > a::after{ display: none;}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger{ background-color: transparent; height: 45px; width: 45px; right: 10px;}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger:hover{ background-color: transparent;}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .clover_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .clover_nav .mega-menu .menu-mobile-collapse-trigger span{ height: 1px; width: 35px; top: 20px;}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger span{ top: 30px;}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger:after{ top: 40px;}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg);}
    .clover_nav .mega-menu .menu-mobile-collapse-trigger.active:after{ -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg);}
    .clover_nav .mega-menu > section.menu-list-items{ height: 60px; padding:0;}
	.header.gizle .clover_nav .mega-menu > section.menu-list-items{ height: 60px;}
    .clover_nav .mega-menu .menu-logo{flex:initial; height: 60px; padding-left: 10px; padding-top:10px;}
    .clover_nav .mega-menu .menu-logo > li > a img{ width: 190px;}
    .clover_nav .mega-menu .menu-logo > li > a{ position: initial;}
    .clover_nav .mega-menu .menu-links > li.activeTriggerMobile{ background-color: transparent;}
    .clover_nav .mega-menu .menu-links > li > a{ line-height: 55px;}
	.clover_nav .mega-menu .menu-links > li > a i.fa.fa-indicator{ top: 5px;}
    .clover_nav .mega-menu .list_tag a{ margin-bottom:0; width: 100%;}
	.clover_nav .mega-menu .mg-drop-down h4{ font-size: 16px;}
	.clover_nav .mega-menu .menu-links li .list_box ul li { margin: 12px 0; }
	.clover_nav .mega-menu .menu-links > li  .list_tag a{ padding: 0;}
	.clover_nav .mega-menu .menu-links li .list_box a p{ margin-right: 15px;}
	.clover_nav .mega-menu .menu-links li .list_tag a p{font-size: 16px;}
    .clover_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ right: auto; left: 50%; transform: translateX(-50%); padding: 16px 12px; margin: 8px 0; width: calc(100% - 16px) !important; border-radius: 12px; box-sizing: border-box; }
	.nav_member,.header.gizle .nav_member{ top: 10px; right: 65px; height: 32px; transform: initial; } 
	.nav_member{ min-width: initial;}
	.nav_member a{  font-size: 14px;}
    .nav_member .member_btn>a{   padding: 7px 0; border: 1px solid rgba(255, 255, 255, 0.85);}
	.showName .member-name{ font-size: 14px;}
    .nav_member .cart_btn{ display: none;}
    .nav_member .member_btn>a span::before{ display: none;}
}

/*********************************** 手機版購物車 ***********************************/
.D_products_group_search .mobile_cart,.D_products_group_detail .mobile_cart,
.D_products_group_molddetail .mobile_cart,.D_products_domestic_molddetail .mobile_cart,.D_products_domestic_gdetail .mobile_cart{display: none !important;} 
.mobile_cart { position: fixed; right: 15px; bottom: 135px; width: 40px; z-index: 1023; }
.mobile_cart .cart_btn { display: flex; align-items: center; padding: 6px; border-radius: 8px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 10px 30px rgba(44, 122, 99, .14);}
.mobile_cart .cart_btn .top-cart .icon i { font-size: 0; width: 24px; height: 24px; display: block; position:relative;}
.mobile_cart .cart_btn .top-cart .icon i:before { content: ""; color: #47b897; background: url(https://materials.fillo.com.tw/materials/clover/images/0e732c57-87fc-44e7-8bcc-bbc7111923eb.svg) no-repeat center; 
    width: 26px; height: 26px; position: absolute; top: 7px; font-size: 0; left: 0; }
.mobile_cart .cart_btn .top-cart{ padding: 0;}
.mobile_cart .cart_btn .icon .count { background-color: #f7b52c;  top: -4px; right: -12px; width: 20px; height: 20px; line-height: 20px; }
@media (max-width: 767px){
    .mobile_cart { right: 10px; bottom: 160px; }
}

/*********************************** 首頁 ***********************************/

/*************************************************************
 *  首頁輪播 main_slider（設計稿四版）
 *************************************************************/

/* 輪播容器：滿版高度 + 暗底 */
.widget-item.main_slider .carousel.bs-carousel { background: #2c3733; }
.widget-item.main_slider .carousel.bs-carousel .carousel-inner,
.widget-item.main_slider .carousel.bs-carousel .carousel-item { height: 100vh; }
.widget-item.main_slider .carousel.bs-carousel .carousel-item img { width: 100%; height: 100%; object-fit: cover; }

/* 圖片暗色漸層遮罩 */
.widget-item.main_slider .carousel.bs-carousel .carousel-item::after {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(44,55,51,.5) 0%, rgba(44,55,51,.3) 45%, rgba(44,55,51,.5) 100%);
}

.widget-item.main_slider .carousel.bs-carousel .carousel-caption {
  display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  top: 0; right: 0; bottom: 0; left: 0;
  padding: 0 28px; text-align: center; z-index: 2;
}

/* 隱藏巢狀 */
.widget-item.main_slider .carousel.bs-carousel .carousel-caption p:empty { display: none; }

/* p 副標（金色小字，排在上方） */
.widget-item.main_slider .carousel.bs-carousel .carousel-caption p {
  order: 1;
  font-weight: 700; font-size: 20px; letter-spacing: .2em;
  color: #f7b52c; margin: 0 0 28px;
  text-shadow: none; -webkit-text-stroke: 0;
}

/* h5 主標（大白字，排在下方） */
.widget-item.main_slider .carousel.bs-carousel .carousel-caption h5 {
  order: 2;
  font-weight: 600; font-size: 60px; line-height: 1.12;
  color: #fff; margin: 0; letter-spacing: .14em;
  text-shadow: 0 2px 24px rgba(0,0,0,.3);
}

/* 分頁指示點  */
.widget-item.main_slider .carousel.bs-carousel .carousel-indicators {
  justify-content: flex-start; align-items: center;
  bottom: 48px; left: 202px; right: auto;
  margin-right: 0; margin-left: 0; padding-left: 0;
  gap: 14px; z-index: 10;
}
.widget-item.main_slider .carousel.bs-carousel .carousel-indicators li.carousel-ctl {
  width: 52px; height: 4px; border-radius: 2px;
  border: none; border-top: 0; border-bottom: 0;
  margin: 0; padding: 0; opacity: 1;
  box-sizing: border-box; background-clip: border-box;
  text-indent: 0;
  background-color: rgba(255,255,255,.85);
  transition: all .3s cubic-bezier(.2,.7,.3,1);
}
.widget-item.main_slider .carousel.bs-carousel .carousel-indicators li.carousel-ctl.active {
  width: 78px; background-color: #47b897; opacity: 1;
}

/* 動畫用自訂屬性：讓 conic-gradient 角度可以 transition */
@property --border-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 360deg;
}

/* 前後箭頭 — 圓形邊框按鈕 + 左下定位 */
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev,
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next {
  width: 52px; height: 52px; border-radius: 999px;
  border: none; background: transparent;
  opacity: 1; position: absolute; bottom: 36px; top: auto;
  z-index: 11;
}
/* 用 ::before 畫圓形線框，hover 時繞一圈消失 */
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev::before,
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next::before {
  content: ""; position: absolute; inset: 0;
  border-radius: 999px;
  border: 1.5px solid rgba(255,255,255,.85);
  -webkit-mask-image: conic-gradient(#000 var(--border-angle), transparent 0);
  mask-image: conic-gradient(#000 var(--border-angle), transparent 0);
  transition: --border-angle .5s ease;
  pointer-events: none;
}
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev:hover::before,
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next:hover::before {
  --border-angle: 0deg;
}
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev { left: 60px; right: auto; }
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next { left: 124px; right: auto; }

/* 隱藏 Bootstrap 預設箭頭 icon */
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev-icon,
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next-icon {
  background-image: none; width: 0; height: 0;
}

/* 用偽元素掛上 Lucide chevron SVG */
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev::after,
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next::after {
  content: ""; display: block; width: 24px; height: 24px;
  background-size: 24px 24px; background-repeat: no-repeat; background-position: center;
}
.widget-item.main_slider .carousel.bs-carousel .carousel-control-prev::after {
  background-image: url('https://materials.fillo.com.tw/materials/clover/images/5ed1be6f-e8f8-4faf-b4ef-8aa192785499.svg');
}
.widget-item.main_slider .carousel.bs-carousel .carousel-control-next::after {
  background-image: url('https://materials.fillo.com.tw/materials/clover/images/752c3feb-25a6-47fe-b300-eedc5acf1af5.svg');
}

/* RWD: 平板 */
@media screen and (max-width: 991px) {
  .widget-item.main_slider .carousel.bs-carousel .carousel-caption h5 { font-size: 42px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-caption p { font-size: 15px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-indicators { left: 170px; bottom: 36px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-control-prev { left: 28px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-control-next { left: 92px; }
}
/* RWD: 手機 */
@media screen and (max-width: 767px) {
  .widget-item.main_slider .carousel.bs-carousel .carousel-inner,
  .widget-item.main_slider .carousel.bs-carousel .carousel-item { height: 75vh; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-caption { padding: 0 20px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-caption h5 { font-size: 28px; letter-spacing: .08em; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-caption p { font-size: 13px; letter-spacing: .12em; margin-bottom: 18px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-indicators { display: none; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-control-prev,
  .widget-item.main_slider .carousel.bs-carousel .carousel-control-next { width: 40px; height: 40px; bottom: 18px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-control-prev { left: 16px; }
  .widget-item.main_slider .carousel.bs-carousel .carousel-control-next { left: 68px; }
}


/* ======== 搜尋共用背景（設計稿四版） ======== */
/* 頁籤 + 搜尋表單共用同一張背景圖，用 background-attachment:fixed 讓兩個 block 無縫接合 */
.search_tab,
.search_foreign_block,
.search_domestic_block {
  position: relative;
  background: url(https://materials.fillo.com.tw/materials/clover/images/3ce24f5a-3842-4f3b-a41c-88fd612a204f.jpg) top center / cover no-repeat fixed;
}
.search_tab::before,
.search_foreign_block::before,
.search_domestic_block::before {
  content: ""; position: absolute; inset: 0;
  background: rgba(255,255,255,.45);
  pointer-events: none; z-index: 0;
}
/* iOS 不支援 fixed attachment，改用 scroll */
@supports (-webkit-touch-callout: none) {
  .search_tab, .search_foreign_block, .search_domestic_block {
    background-attachment: scroll;
  }
}

/* ======== 搜尋頁籤（設計稿四版） ======== */

/* 顯示被平台隱藏的 tab */
.search_tab .blk-tabs .nav.d-none { display: flex !important; justify-content: center; }
.search_tab .blk-tabs { padding: 0; position: relative; z-index: 1; }
.search_tab .module-container { overflow: visible; }
.search_tab .main.row { margin: 0; background: transparent !important; }
.search_tab .dropdown-menu { display: none !important; }

/* 間距：設計稿 section padding-top 26px，tabs 到搜尋表單 22px */
.search_tab { padding-top: 26px; padding-bottom: 22px; margin-bottom: 0; }
.search_tab .blk-tabs .nav { padding: 0 28px; max-width: 1440px; margin: 0 auto; }
.search_tab .nav-pills { padding-left: 0; margin-bottom: 0; gap: 12px; }
.search_tab .nav-item { margin: 0; padding: 0; }

/* 與下方搜尋 block 消除間距 */
.search_tab + .search_foreign_block,
.search_tab + .search_domestic_block { margin-top: 0; }

/* 未選中狀態 */
.search_tab .nav-link {
  display: flex; align-items: center; gap: 7px;
  padding: 8px 32px; border-radius: 999px;
  border: 1px solid #47b897; background: transparent;
  font-size: 18px; font-weight: 700; color: #369078;
  cursor: pointer; transition: all 0.3s; text-decoration: none;
  line-height: 1.4; position: relative;
}
.search_tab .nav-link:hover { background: rgba(71,184,151,.08); color: #2c7a63; }

/* 選中狀態 */
.search_tab .nav-link.active {
  padding: 8px 26px 8px 24px;
  border: none; background: #47b897; color: #fff;
  box-shadow: 0 10px 24px rgba(71,184,151,.32);
}
.search_tab .nav-link.active:hover { background: #3da886; }

/* 選中頁籤前方幸運草 icon */
.search_tab .nav-link.active::before {
  content: ""; display: block; width: 20px; height: 20px; flex: none;
  background: url(https://materials.fillo.com.tw/materials/clover/images/4b624814-91d4-433d-8006-434ff209a141.svg) no-repeat center / contain;
}
/* 未選中不顯示 icon */
.search_tab .nav-link::before { content: none; }

/* Bootstrap nav-item 重設 */
.search_tab .nav-item { list-style: none; }

/* RWD */
@media (max-width: 767px) {
  .search_tab { padding-top: 30px; }
  .search_tab .nav-pills { margin-bottom: 18px; }
  .search_tab .nav-link { font-size: 16px; padding: 7px 24px; }
  .search_tab .nav-link.active { padding: 7px 20px 7px 18px; }
  .search_tab .nav-link.active::before { width: 18px; height: 18px; }
}
@media (max-width: 575px) {
  .search_tab .nav-pills { margin-bottom: 14px; }
  .search_tab .nav-link { font-size: 15px; padding: 6px 18px; }
  .search_tab .nav-link.active { padding: 6px 16px 6px 14px; border: 1px solid #47b897; }
}

/* ======== 國外團體搜尋（設計稿四版） ======== */

/* --- 區塊：背景透明 --- */
.search_foreign section.group_banner.search_banner { position: relative; padding: 0 0 30px; overflow: hidden; }
.search_foreign section.group_banner.search_banner .img_box { display: none; }
.search_foreign .group_banner.search_banner .search-area { position: relative; z-index: 1; }

/* --- 容器：去白底、去陰影 --- */
.search_foreign .group_banner.search_banner .search-area > .container { background: transparent; display: table; border-bottom: none; border-radius: 0; padding: 0 28px; box-shadow: none; max-width: 1440px; margin: 0 auto; }
.search_foreign section.group_banner .search-area .search-box::after { content: ""; position: absolute; inset: 0; background: transparent; z-index: -1; }

/* --- 欄位佈局（5 欄 + 按鈕，沿用舊寬度比例） --- */
.search_foreign section.group_banner .search-area .search-box { margin: 0; height: 124px; gap: 12px; }
.search_foreign section.group_banner .search-area .search-box > div { padding: 0 !important; flex: 1; max-width: initial; min-width: 0; }
.search_foreign section.group_banner .search-area .search-box > div:nth-child(4) { flex: 0 0 22%; }
.search_foreign section.group_banner .search-area .search-box > div:nth-child(5) { display: flex; align-items: flex-start; flex: 0 0 20%; margin-top: 33px;  }
.search_foreign section.group_banner .search-area .search-box > div:last-child { flex: 0 0 150px; display: flex; align-items: flex-start; margin-top: 29px; }

/* --- 標題：隱藏平台 icon font，用 SVG 替代 --- */
.search_foreign .search-area .search-box .select-place .title i,
.search_foreign .search-area .search-box .select-goal .title i,
.search_foreign .search-area .search-box .select-date .title i,
.search_foreign section.search_banner .search-area .search-box .select-input .data-icon-search { display: none; }
.search_foreign section.group_banner .search-area .search-box .select-goal .title,
.search_foreign section.group_banner .search-area .search-box .select-place .title,
.search_foreign section.group_banner .search-area .search-box .select-date .title { height: auto; position: relative; display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.search_foreign section.group_banner .search-area .search-box .select-goal .title h6,
.search_foreign section.group_banner .search-area .search-box .select-place .title h6,
.search_foreign section.group_banner .search-area .search-box .select-date .title h6 { margin: 0; padding-left: 0; font-size: 16px; color: #2c3733; font-weight: 600; line-height: 1; }

/* 標題前 SVG icon */
.search_foreign .title h6::before { content: ""; display: inline-block; width: 20px; height: 20px; background: no-repeat center / contain; vertical-align: -3px; margin-right: 4px; flex: none; }
.search_foreign .select-place .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/b9c6425e-cc64-4321-8df9-1fde52b6c5a8.svg); }
.search_foreign .search-box > div:nth-child(2) .select-goal .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/adae16e7-c2ca-4990-b308-cc2e7cf852fc.svg); }
.search_foreign .search-box > div:nth-child(3) .select-goal .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/3f3745c5-75e1-4f44-8e2d-fae8fd3adce6.svg); }
.search_foreign .select-date .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/a42807eb-467b-4d61-afa6-f5ea5808b254.svg); }

/* --- 下拉選單 & 輸入框：透明底 + 綠色底線 --- */
.search_foreign .search-area .search-box .select-goal,
.search_foreign .search-area .search-box .select-place,
.search_foreign section.group_banner .search-area .search-box .select-date { background: transparent; }
.search_foreign section.search_banner .search-area .search-box .select-goal,
.search_foreign section.search_banner .search-area .search-box .select-place { padding: 0; }
.search_foreign .search-area .search-box .select-goal .select select,
.search_foreign .search-area .search-box .select-place .select select { height: 48px; padding: 0 4px; color: #2c3733; background-color: transparent; border-radius: 0; border: none; border-bottom: 1.5px solid #47b897; font-size: 16px; }
.search_foreign section.group_banner .search-area .search-box .select-date { padding: 0; height: auto; }
.search_foreign section.group_banner .search-area .search-box .select-date .select { border: none; border-radius: 0; display: flex; align-items: center; }
.search_foreign section.group_banner .search-area .search-box .select-date .select input { text-align: center;border-bottom: 1.5px solid #47b897;  color: #2c3733; height: 48px; padding: 0 4px; width: calc(50% - 14px); background: transparent !important; border-radius: 0; font-size: 16px; }
.search_foreign .search-area .search-box .select-date .select .divide { background: #8a958f; margin: 0 5px; width: 15px; height: 2px; }

/* --- 關鍵字欄位 --- */
.search_foreign section.group_banner .search-area .search-box .select-input::before { content: ""; position: absolute; top: -30px; left: 0; width: 20px; height: 20px; padding-left: 0; font-size: 0; background: url(https://materials.fillo.com.tw/materials/clover/images/21d20c0b-b31a-4578-bbd2-8bc2b7ccd215.svg) no-repeat center / contain; }
.search_foreign section.group_banner .search-area .search-box .select-input::after { content: "關鍵字"; position: absolute; top: -30px; left: 22px; font-size: 16px; font-weight: 600; color: #2c3733; letter-spacing: 0; }
.search_foreign section.group_banner .search-area .search-box .select-input > input { height: 48px; padding: 0 4px; color: #2c3733; border-radius: 0; border: none; border-bottom: 1.5px solid #47b897; font-size: 16px; background: transparent; }

/* --- 搜尋按鈕：金色 --- */
.search_foreign section.group_banner .search-area .search-box .search-btn { height: 48px; line-height: 48px; outline: none; border-radius: 10px; background: #f7b52c; background-size: initial; transition: background-color 0.3s; }
.search_foreign section.group_banner .search-area .search-box .search-btn:hover { background: #e5a41f; background-position: initial; }
.search_foreign .search-area .search-box .search-btn { display: flex; align-items: center; gap: 8px; padding: 0 30px; white-space: nowrap; }
.search_foreign .search-area .search-box .search-btn h5 { font-size: 16px; font-weight: 700; color: #fff; margin: 0; line-height: 48px; position: static; width: auto; }
.search_foreign .search-area .search-box .search-btn i { font-size: 0 !important; width: 18px; height: 18px; flex: none; display: inline-block; background: url(https://materials.fillo.com.tw/materials/clover/images/5aa68ffc-4f51-4955-be22-6eae769023d1.svg) no-repeat center / contain; position: static; top: auto; left: auto; color: transparent; overflow: hidden; transition: transform 0.3s ease; order: 2; }
.search_foreign .search-area .search-box .search-btn:hover i { transform: translateX(5px); }
.search_foreign .search-area .search-box .search-btn i::before { content: none !important; }
.search_tab.no_tab + .search_foreign_block .search_foreign section.group_banner .search-area .search-box { margin: 12px 0 10px; }

/* --- 狀態核取方塊：綠色 --- */
.search_foreign section.group_banner .search-area .search-box .select-status > .form-check:nth-child(2) { display: block; }
.search_foreign section.group_banner .search-area .search-box .select-status { right: initial; left: 0; bottom: 0px; }
.search_foreign section.group_banner .search-area .search-box .select-status > .form-check { margin-left: 10px; }
.search_foreign section.group_banner .search-area .search-box .select-status > .form-check + .form-check { margin-left: 32px; }
.search_foreign section.group_banner .form-check label { font-weight: 600; font-size: 15px; color: #2c3733; }
.search_foreign section.group_banner .form-check .checkmark,
.search_foreign section.group_banner .form-check .customcheck:hover input ~ .checkmark { border: 1.8px solid #47b897; border-radius: 5px; width: 19px; height: 19px; }
.search_foreign section.group_banner .form-check .customcheck input:checked ~ .checkmark { background-color: #47b897; border-radius: 5px; border: 1.8px solid #47b897; }

/* --- 搜尋月曆：綠色系 --- */
.datepicker.dropdown-menu { border: 1px solid #c0c0c0; }
.datepicker.datepicker-dropdown:before { border-bottom-color: #c0c0c0; }
.datepicker.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid #c0c0c0; }
.datepicker td, .datepicker th { width: 30px; height: 30px; }
.datepicker table tr td.active.active { background: #47b897; }
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev { color: #47b897; }
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover { background-color: #369078; }
.datepicker table tr td span.active.active { background: #47b897; }
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:hover { background: #369078; }

/* --- RWD --- */
@media (max-width: 1480px) {
  .search_foreign .group_banner.search_banner .search-area > .container { max-width: calc(100% - 100px); }
}
@media (max-width: 1199px) {
  .search_foreign .group_banner.search_banner .search-area > .container { padding: 0 20px; }
  .search_foreign section.group_banner .search-area .search-box .select-status { position: absolute; justify-content: flex-start; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .search_foreign .group_banner.search_banner .search-area > .container { padding: 0 16px; }
  .search_foreign section.group_banner .search-area .search-box { height: auto; flex-wrap: wrap; }
  .search_foreign section.group_banner .search-area .search-box > div,
  .search_foreign section.group_banner .search-area .search-box > div:nth-child(4) { flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px); margin-bottom: 14px; }
  .search_foreign section.group_banner .search-area .search-box .select-input::after { left: 22px; }
  .search_foreign .search-area .search-box .select-date .select { width: 100%; }
  .search_foreign section.group_banner .search-area .search-box > div:nth-child(5) { flex: 0 0 100%; max-width: 100%; height: auto; margin-top: 20px; }
  .search_foreign section.group_banner .search-area .search-box .select-status { position: static !important; width: 100%; display: flex; justify-content: flex-start; left: auto; bottom: auto; }
  .search_foreign section.group_banner .search-area .search-box > div:last-child { flex: 0 0 100%; display: flex; justify-content: flex-end; margin-top: 20px; }
  .search_foreign section.group_banner .search-area .search-box .search-btn { width: 200px; }
  .search_foreign section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 13px); }
}
@media (max-width: 767px) {
  .search_foreign .group_banner.search_banner .search-area > .container { max-width: calc(100% - 30px); }
  .search_foreign section.group_banner .search-area .search-box { height: auto; flex-wrap: wrap; }
  .search_foreign section.group_banner .search-area .search-box > div,
  .search_foreign section.group_banner .search-area .search-box > div:nth-child(4),
  .search_foreign section.group_banner .search-area .search-box > div:nth-child(5) { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
  .search_foreign section.group_banner .search-area .search-box > div:nth-child(5) { margin-top: 16px; }
  .search_foreign section.group_banner .search-area .search-box .select-status { position: static !important; width: 100%; display: flex; justify-content: flex-start; left: auto; bottom: auto; }
  .search_foreign section.group_banner .search-area .search-box > div:last-child { flex: 0 0 100%; display: flex; justify-content: center; margin-top: 10px; }
  .search_foreign section.group_banner .search-area .search-box .search-btn { width: 180px; }
  .search_foreign .mic_icon { top: -5px; }
}
@media (max-width: 575px) {
  .index_search_tab a.nav-link { padding: 6px 5px; font-size: 15px; }
  .search_foreign .group_banner.search_banner .search-area > .container { max-width: calc(100% - 80px); padding: 0; }
  .search_foreign .mic_icon i { padding: 5px 15px 3px; }
}

/* ======== 國內團體搜尋（設計稿四版） ======== */

/* --- 區塊：背景透明 --- */
.search_domestic section.group_banner.search_banner { position: relative; padding: 0 0 30px; overflow: hidden; }
.search_domestic .group_banner.search_banner .search-area { position: relative; z-index: 1; }

/* --- 容器：去白底、去陰影 --- */
.search_domestic .group_banner.search_banner .search-area > .container { background: transparent; display: table; border-bottom: none; border-radius: 0; padding: 0 28px; box-shadow: none; max-width: 1440px; margin: 0 auto; }

/* --- 欄位佈局（4 欄 + 按鈕） --- */
.search_domestic section.group_banner .search-area .search-box { margin: 0; height: 120px; gap: 12px; }
.search_domestic section.group_banner .search-area .search-box > div { padding: 0 !important; flex: 1; max-width: initial; min-width: 0; }
.search_domestic section.group_banner .search-area .search-box > div:nth-child(3) { flex: 0 0 22%; }
.search_domestic section.group_banner .search-area .search-box > div:nth-child(3) > .select-date .select { width: 100%; }
.search_domestic section.group_banner .search-area .search-box > div:nth-child(4) { display: flex; align-items: flex-start; flex: 0 0 20%; margin-top: 29px; padding-left: 10px !important; padding-right: 10px !important; }
.search_domestic section.group_banner .search-area .search-box > div:last-child { flex: 0 0 150px; display: flex; align-items: flex-start; margin-top: 29px; }

/* --- 標題：隱藏平台 icon font，用 SVG 替代 --- */
.search_domestic section.search_banner .search-area .search-box .select-departure .title i,
.search_domestic section.search_banner .search-area .search-box .select-destination .title i,
.search_domestic .search-area .search-box .select-date .title i,
.search_domestic section.search_banner .search-area .search-box .select-input .data-icon-search { display: none; }
.search_domestic section.group_banner .search-area .search-box .select-departure .title,
.search_domestic section.group_banner .search-area .search-box .select-destination .title,
.search_domestic section.group_banner .search-area .search-box .select-date .title { height: auto; position: relative; display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
.search_domestic section.group_banner .search-area .search-box .select-destination .title h6,
.search_domestic section.group_banner .search-area .search-box .select-departure .title h6,
.search_domestic section.group_banner .search-area .search-box .select-date .title h6 { margin: 0; padding-left: 0; font-size: 16px; color: #2c3733; font-weight: 600; line-height: 1; }

/* 標題前 SVG icon */
.search_domestic .title h6::before { content: ""; display: inline-block; width: 20px; height: 20px; background: no-repeat center / contain; vertical-align: -3px; margin-right: 4px; flex: none; }
.search_domestic .select-departure .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/3f3745c5-75e1-4f44-8e2d-fae8fd3adce6.svg); }
.search_domestic .select-destination .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/adae16e7-c2ca-4990-b308-cc2e7cf852fc.svg); }
.search_domestic .select-date .title h6::before { background-image: url(https://materials.fillo.com.tw/materials/clover/images/a42807eb-467b-4d61-afa6-f5ea5808b254.svg); }

/* --- 下拉選單 & 輸入框：透明底 + 綠色底線 --- */
.search_domestic section.search_banner .search-area .search-box .select-destination,
.search_domestic section.search_banner .search-area .search-box .select-departure,
.search_domestic section.group_banner .search-area .search-box .select-date { background: transparent; }
.search_domestic section.search_banner .search-area .search-box .select-destination,
.search_domestic section.search_banner .search-area .search-box .select-departure { padding: 0; }
.search_domestic section.group_banner .area_input { background-position: right 8px center; background-size: 10px auto; border: none; border-bottom: 1.5px solid #47b897; height: 48px; padding: 0 4px; color: #2c3733; background-color: transparent; border-radius: 0; font-size: 16px; }
.search_domestic section.group_banner .search-area .search-box .select-date { padding: 0; height: auto; }
.search_domestic section.group_banner .search-area .search-box .select-date .select { border: none; border-bottom: 1.5px solid #47b897; border-radius: 0; display: flex; align-items: center; }
.search_domestic section.group_banner .search-area .search-box .select-date .select input { text-align: center; color: #2c3733; height: 48px; padding: 0 4px; width: calc(50% - 14px); background: transparent !important; border-radius: 0; border: 0; font-size: 16px; outline: none; }
.search_domestic .search-area .search-box .select-date .select .divide { background: #8a958f; margin: 0 5px; width: 15px; height: 2px; }

/* --- 關鍵字欄位 --- */
.search_domestic .search-area .search-box .select-input::before { content: ""; position: absolute; top: -30px; left: 0; width: 20px; height: 20px; padding-left: 0; font-size: 0; background: url(https://materials.fillo.com.tw/materials/clover/images/21d20c0b-b31a-4578-bbd2-8bc2b7ccd215.svg) no-repeat center / contain; }
.search_domestic .search-area .search-box .select-input::after { content: "關鍵字"; position: absolute; top: -30px; left: 26px; font-size: 16px; font-weight: 600; color: #2c3733; letter-spacing: 0; }
.search_domestic section.group_banner .search-area .search-box .select-input > input { height: 48px; padding: 0 4px; color: #2c3733; border-radius: 0; border: none; border-bottom: 1.5px solid #47b897; font-size: 16px; background: transparent !important; outline: none; }

/* --- 搜尋按鈕：金色 + 箭頭 --- */
.search_domestic section.group_banner .search-area .search-box .search-btn { height: 48px; line-height: 48px; outline: none; border-radius: 10px; background: #f7b52c; background-size: initial; transition: background-color 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 30px; white-space: nowrap; }
.search_domestic section.group_banner .search-area .search-box .search-btn:hover { background: #e5a41f; background-position: initial; }
.search_domestic .search-area .search-box .search-btn h5 { font-size: 16px; font-weight: 700; color: #fff; margin: 0; line-height: 48px; position: static; width: auto; }
.search_domestic .search-area .search-box .search-btn i { font-size: 0 !important; width: 18px; height: 18px; flex: none; display: inline-block; background: url(https://materials.fillo.com.tw/materials/clover/images/5aa68ffc-4f51-4955-be22-6eae769023d1.svg) no-repeat center / contain; position: static; top: auto; left: auto; color: transparent; overflow: hidden; transition: transform 0.3s ease; order: 2; }
.search_domestic .search-area .search-box .search-btn i::before { content: none !important; }
.search_domestic .search-area .search-box .search-btn:hover i { transform: translateX(5px); }

/* --- 地區下拉面板 --- */
.search_domestic section.group_banner .area_content { border-radius: 10px; }
.search_domestic section.group_banner .select-destination .area_content { right: 0; }
.search_domestic section.group_banner .select-destination .area_data_content:before { top: -20px; right: 10px; left: initial; }
.search_domestic section.group_banner .select-destination .area_data_content:after { right: 10px; left: inherit; }

/* --- 狀態核取方塊：綠色 --- */
.search_domestic section.group_banner .search-area .search-box .select-status > .form-check:nth-child(2) { display: block; }
.search_domestic section.group_banner .search-area .search-box .select-status { width: auto; right: initial; left: 0; bottom: 0px; }
.search_domestic section.group_banner .search-area .search-box .select-status > .form-check { margin-left: 10px; }
.search_domestic section.group_banner .search-area .search-box .select-status > .form-check + .form-check { margin-left: 32px; }
.search_domestic section.group_banner .form-check label { font-weight: 600; font-size: 15px; color: #2c3733; }
.search_domestic section.group_banner .form-check .checkmark,
.search_domestic section.group_banner .form-check .customcheck:hover input ~ .checkmark { border: 1.8px solid #47b897; border-radius: 5px; width: 19px; height: 19px; }
.search_domestic section.group_banner .form-check .customcheck input:checked ~ .checkmark { background-color: #47b897; border-radius: 5px; border: 1.8px solid #47b897; }

/* --- RWD --- */
@media (max-width: 1480px) {
  .search_domestic .group_banner.search_banner .search-area > .container { max-width: calc(100% - 100px); }
}
@media (max-width: 1199px) {
  .search_domestic .group_banner.search_banner .search-area > .container { padding: 0 20px; }
  .search_domestic section.group_banner .search-area .search-box .select-status { position: absolute; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .search_domestic .group_banner.search_banner .search-area > .container { padding: 0 16px; }
  .search_domestic section.group_banner .search-area .search-box { height: auto; flex-wrap: wrap; }
  .search_domestic section.group_banner .search-area .search-box > div { flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px); margin-bottom: 14px; }
  .search_domestic section.group_banner .search-area .search-box > div:nth-child(3) { flex: 0 0 100%; max-width: 100%; margin-bottom: 14px; }
  .search_domestic section.group_banner .search-area .search-box .select-input::after { left: 26px; }
  .search_domestic section.group_banner .search-area .search-box .select-date .select { width: 100%; }
  .search_domestic section.group_banner .search-area .search-box > div:nth-child(4) { flex: 0 0 100%; max-width: 100%; padding-right: 5px !important; padding-left: 5px !important; height: auto; margin-top: 20px; }
  .search_domestic section.group_banner .search-area .search-box .select-status { position: static !important; width: 100%; display: flex; justify-content: flex-start !important; left: auto; bottom: auto; }
  .search_domestic section.group_banner .search-area .search-box > div:last-child { flex: 0 0 100%; display: flex; justify-content: flex-end; margin-top: 20px; }
  .search_domestic section.group_banner .search-area .search-box .search-btn { width: 200px; }
  .search_domestic section.group_banner .search-area .search-box .select-date .select input { width: calc(50% - 13px); }
}
@media (max-width: 767px) {
  .search_domestic .group_banner.search_banner .search-area > .container { max-width: calc(100% - 30px); }
  .search_domestic section.group_banner .search-area .search-box { height: auto; flex-wrap: wrap; }
  .search_domestic section.group_banner .search-area .search-box > div,
  .search_domestic section.group_banner .search-area .search-box > div:nth-child(3),
  .search_domestic section.group_banner .search-area .search-box > div:nth-child(4) { flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; }
  .search_domestic section.group_banner .search-area .search-box > div:nth-child(4) { margin-top: 16px; }
  .search_domestic section.group_banner .search-area .search-box .select-status { position: static !important; width: 100%; display: flex !important; justify-content: flex-start !important; left: auto; bottom: auto; right: auto; }
  .search_domestic section.group_banner .search-area .search-box > div:last-child { flex: 0 0 100%; display: flex; justify-content: center; margin-top: 10px; }
  .search_domestic section.group_banner .search-area .search-box .search-btn { width: 180px; }
  .search_domestic .mic_icon { top: -5px; }
}
@media (max-width: 575px) {
  .search_domestic .group_banner.search_banner .search-area > .container { max-width: calc(100% - 80px); padding: 0; }
  .search_domestic .mic_icon i { padding: 5px 15px 3px; }
}

/* ======== 推薦行程標題（設計稿四版） ======== */

.recommend_tab .header-title.dp-tbl {
  display: block; text-align: center; width: 100%; padding: 70px 28px 0;
  /* "Recommended" 文字節點樣式 */
  font-family: 'Noto Serif TC', serif; font-weight: 700; font-size: 18px;
  letter-spacing: .08em; text-transform: uppercase; color: #47b897;
  line-height: 1.4;
}
.recommend_tab .header-title.dp-tbl h2 {
  font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif;
  font-weight: 500; font-size: 36px; line-height: 1.2;
  margin: 10px 0 0; color: #2c3733; letter-spacing: .02em;
}
/* 金色斜線裝飾 */
.recommend_tab .header-title.dp-tbl h2::after {
  content: ""; display: inline-block;
  width: 1px; height: 50px; background: #f7b52c;
  margin-left: 18px; vertical-align: -12px;
  transform: skewX(-32deg);
}

/* RWD */
@media (max-width: 767px) {
  .recommend_tab .header-title.dp-tbl { padding: 50px 20px 0; font-size: 16px; }
  .recommend_tab .header-title.dp-tbl h2 { font-size: 28px; }
  .recommend_tab .header-title.dp-tbl h2::after { height: 40px; margin-left: 14px; }
}
@media (max-width: 575px) {
  .recommend_tab .header-title.dp-tbl { padding: 40px 20px 0; }
  .recommend_tab .header-title.dp-tbl h2 { font-size: 24px; }
  .recommend_tab .header-title.dp-tbl h2::after { height: 34px; margin-left: 12px; vertical-align: -8px; }
}

/* ======== 推薦行程頁籤（設計稿四版） ======== */

/* 顯示被平台隱藏的 tab */
.recommend_tab .blk-tabs .nav.d-none,
.recommend_tab .blk-tabs .nav.NaN { display: flex !important; }
.recommend_tab .blk-tabs { padding: 0; position: relative; z-index: 1; }
.recommend_tab .main.row { margin: 0; background: transparent !important; }
.recommend_tab .dropdown-menu { display: none !important; }

/* 頁籤容器：置中、間距對齊設計稿 */
.recommend_tab .blk-tabs .nav {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 10px 34px; margin: 28px auto 46px;
  max-width: 1440px; padding: 0 28px; list-style: none;
}

/* 未選中狀態 */
.recommend_tab .nav-link {
  display: flex; align-items: center; gap: 7px;
  border: none; background: transparent; cursor: pointer;
  padding: 4px 2px; font-size: 19px; font-weight: 500;
  color: #8a958f; text-decoration: none; line-height: 1.4;
  border-bottom: 2px solid transparent;
  transition: color 0.3s, border-color 0.3s;
}
.recommend_tab .nav-link:hover { color: #5f6d67; }

/* 選中狀態 */
.recommend_tab .nav-link.active {
  font-weight: 700; color: #2c3733;
  border-bottom: 2px solid #47b897;
}

/* 選中頁籤前方幸運草 icon */
.recommend_tab .nav-link.active::before {
  content: ""; display: block; width: 17px; height: 17px; flex: none;
  background: url(https://materials.fillo.com.tw/materials/clover/images/e3163d3e-0e48-4672-8030-a46dbd54bf8b.svg) no-repeat center / contain;
}
/* 未選中不顯示 icon */
.recommend_tab .nav-link::before { content: none; }

/* Bootstrap nav-item 重設 */
.recommend_tab .nav-item { list-style: none; margin: 0; padding: 0; }

/* RWD */
@media (max-width: 767px) {
  .recommend_tab .blk-tabs { overflow: hidden; }
  .recommend_tab .blk-tabs .nav { gap: 8px 24px; margin: 22px auto 36px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100vw; }
  .recommend_tab .nav-item { flex: none; }
  .recommend_tab .nav-link { font-size: 17px; white-space: nowrap; }
}
@media (max-width: 575px) {
  .recommend_tab .blk-tabs .nav { gap: 6px 16px; margin: 18px auto 28px; }
  .recommend_tab .nav-link { font-size: 15px; }
  .recommend_tab .nav-link.active::before { width: 15px; height: 15px; }
}

/* ======== 推薦行程圖文卡片（設計稿四版） ======== */

.widget-item.main_recommend > .module-container > .main {
  max-width: 1600px; margin-left: auto; margin-right: auto;
}

/* 容器：間距對齊設計稿 */
.widget-item.main_recommend .swiper-container {
  max-width: 1600px; margin: 0 auto; padding: 14px 28px 80px;
  overflow: hidden; position: relative;
}
.widget-item.main_recommend .swiper-wrapper { display: flex; align-items: start; }

/* 卡片外框：去白底、去陰影、去圓角（疊 .widget-item 蓋過平台預設） */
.widget-item.main_recommend .swiper-slide-style {
  display: block; position: relative;
  background: transparent; box-shadow: none; border-radius: 0;
  margin-top: 0; margin-bottom: 0;
  text-decoration: none;
}
/* 奇偶交錯高度（swiper-slide 與 swiper-slide-style 為同一 <a>） */
.widget-item.main_recommend .swiper-slide:nth-child(even) { margin-top: 62px; }

/* 圖片 */
.widget-item.main_recommend .swiper-slide .swiper-img {
  position: relative; width: 100%; height: 360px; overflow: hidden;
  margin: 0; border-radius: 0;
}
.widget-item.main_recommend .swiper-slide .swiper-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  border-radius: 0; max-width: none; max-height: none;
}

/* 標題：直書白底毛玻璃 */
.widget-item.main_recommend .swiper-slide .swiper-title {
  position: absolute; left: 18px; top: -10px;
  writing-mode: vertical-rl;
  background: rgba(255,255,255,.88);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  padding: 22px 12px; margin: 0;
  font-size: 16px; font-weight: 500;
  letter-spacing: .18em; color: #2c3733;
  text-align: left; line-height: 1.4;
  border-radius: 0; box-shadow: none;
}

/* 隱藏 swiper 分頁/滾動條 */
.widget-item.main_recommend .swiper-pagination,
.widget-item.main_recommend .swiper-scrollbar { display: none; }

/* 左右導航箭頭 */
.widget-item.main_recommend .swiper-button-next,
.widget-item.main_recommend .swiper-button-prev {
  width: 48px; height: 48px;
  border-radius: 999px;
  border: 1.5px solid rgba(71,184,151,.6);
  background: rgba(255,255,255,.92);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: #47b897;
  transition: all .25s cubic-bezier(.2,.7,.3,1);
  box-shadow: 0 2px 12px rgba(44,55,51,.08);
  margin-top: 0; top: 50%; transform: translateY(-50%);
  opacity: 0.8;
}
/* 隱藏 Swiper 預設箭頭符號，改用自訂 SVG */
.widget-item.main_recommend .swiper-button-next::after,
.widget-item.main_recommend .swiper-button-prev::after {
  display: none;
}
.widget-item.main_recommend .swiper-button-prev {
  left: 2px;
  background-image: url(https://materials.fillo.com.tw/materials/clover/images/8f4ed245-dfac-456a-8d6a-6344fbbe3234.svg);
  background-size: 22px; background-repeat: no-repeat; background-position: center;
}
.widget-item.main_recommend .swiper-button-next {
  right: 2px;
  background-image: url(https://materials.fillo.com.tw/materials/clover/images/8f4ed245-dfac-456a-8d6a-6344fbbe3234.svg);
  background-size: 22px; background-repeat: no-repeat; background-position: center;
  transform: translateY(-50%) scaleX(-1);
}
.widget-item.main_recommend .swiper-button-next:hover,
.widget-item.main_recommend .swiper-button-prev:hover {
  background-color: #47b897; border-color: #47b897;
  box-shadow: 0 4px 18px rgba(71,184,151,.28);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8L2 12L6 16'/%3E%3Cpath d='M2 12H22'/%3E%3C/svg%3E");
}
.widget-item.main_recommend .swiper-button-next.swiper-button-disabled,
.widget-item.main_recommend .swiper-button-prev.swiper-button-disabled {
  opacity: .3; pointer-events: none;
}

/* RWD */
@media (max-width: 1199px) {
  .widget-item.main_recommend .swiper-slide .swiper-img { height: 300px; }
}
@media (max-width: 991px) {
  .widget-item.main_recommend .swiper-slide .swiper-img { height: 280px; }
  .widget-item.main_recommend .swiper-slide .swiper-title { font-size: 15px; padding: 18px 10px; left: 14px; }
  .widget-item.main_recommend .swiper-slide:nth-child(even) { margin-top: 40px; }
  .widget-item.main_recommend .swiper-button-next,
  .widget-item.main_recommend .swiper-button-prev { width: 40px; height: 40px; background-size: 19px; }
}
@media (max-width: 767px) {
  .widget-item.main_recommend .swiper-container{ padding: 14px 20px 80px;}
  .widget-item.main_recommend .swiper-slide .swiper-img { height: 360px; }
  .widget-item.main_recommend .swiper-slide .swiper-title { font-size: 14px; padding: 16px 9px; left: 12px; top: -8px; }
  .widget-item.main_recommend .swiper-slide:nth-child(even) { margin-top: 30px; }
  .widget-item.main_recommend .swiper-button-next,
  .widget-item.main_recommend .swiper-button-prev { width: 36px; height: 36px; background-size: 17px; }
}
@media (max-width: 639px) {
  .widget-item.main_recommend .swiper-slide:nth-child(even) { margin-top: 0; }
}
@media (max-width: 575px) {
  .widget-item.main_recommend .swiper-container { padding: 14px 20px 60px; }
  .widget-item.main_recommend .swiper-slide .swiper-img { height: 320px; }
  .widget-item.main_recommend .swiper-button-next,
  .widget-item.main_recommend .swiper-button-prev { width: 32px; height: 32px; background-size: 15px; }
}

/* ======== 特惠行程背景（設計稿四版） ======== */
.main_special_block {
  position: relative; overflow: hidden;
}
.main_special_block::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(71,184,151,.10) 0%, rgba(71,184,151,0) 55%),
    radial-gradient(90% 80% at 92% 100%, rgba(247,181,44,.13) 0%, rgba(247,181,44,0) 60%);
}

/* ======== 特惠行程標題 + 圖文卡片（設計稿四版） ======== */

/* 標題樣式） */
.main_special .header-title {
  display: block; text-align: left; width: 100%;
  font-family: 'Noto Serif TC', serif; font-weight: 700; font-size: 18px;
  letter-spacing: .08em; text-transform: uppercase; color: #47b897;
  line-height: 1.4; padding: 0 0 20px;
}
.main_special .header-title h2 {
  font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif;
  font-weight: 500; font-size: 36px; line-height: 1.2;
  margin: 10px 0 0; color: #2c3733; letter-spacing: .02em;
}
.main_special .header-title h2::after {
  content: ""; display: inline-block;
  width: 1px; height: 50px; background: #f7b52c;
  margin-left: 18px; vertical-align: -12px;
  transform: skewX(-32deg);
}

/* Block 層：清除 Bootstrap row 負 margin，限寬置中 */
.main_special_block > .module-container > .main.row {
  max-width: 1440px; margin: 0 auto; padding: 0;
}
/* Widget 層：清除 col padding + 框架負 margin */
.main_special_block .widget-item.main_special { padding-left: 0; padding-right: 0; }
.main_special_block .widget-item.main_special > .module-container > .main {
  margin: 0; padding: 56px 28px 60px;
  display: grid; grid-template-columns: 230px 1fr; gap: 40px; align-items: center;
  overflow: hidden;
}
/* Swiper 容器加 padding 容納箭頭 */
.main_special .swiper-container {
  overflow: hidden; padding: 0 28px; position: relative;
}
/* 防止 grid item 的 min-width:auto 被 Swiper 內容撐開 1fr 欄位 */
.main_special_block .widget-item.main_special > .module-container > .main > * {
  min-width: 0;
}

/* 卡片外框：去白底、去陰影 */
.main_special .swiper-slide-style {
  display: flex; flex-direction: column;
  background: transparent; box-shadow: none; border-radius: 0;
  margin: 0; text-decoration: none;
}

/* 圖片：16:10 比例、圓角 */
.main_special .swiper-slide .swiper-img {
  position: relative; width: 100%; aspect-ratio: 16 / 10;
  overflow: hidden; border-radius: 10px; margin: 0;
}
.main_special .swiper-slide .swiper-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  border-radius: 10px; max-width: none; max-height: none;
}

/* 標題 */
.main_special .swiper-slide .swiper-title {
  font-size: 19px; font-weight: 600; line-height: 1.5;
  margin: 18px 0 0; padding: 0; color: #2c3733; text-align: left;
}

/* 內文描述 */
.main_special .swiper-slide .swiper-content {
  display: block; -webkit-line-clamp: initial; -webkit-box-orient: initial;
  font-size: 15px; line-height: 1.8; color: #8a958f;
  margin: 10px 0 0; padding: 0; overflow: visible;
  text-overflow: initial; max-height: none; text-align: left;
}
.main_special .swiper-slide .swiper-content p {
  margin: 0; font-size: 15px; line-height: 1.8; color: #8a958f;
}

/* 價格 */
.main_special .swiper-slide .swiper-content .price-box {
  margin-top: 18px; text-align: right;
}
.main_special .swiper-slide .swiper-content .price {
  font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 500;
  color: #47b897; letter-spacing: .01em; line-height: 1;
}
.main_special .swiper-slide .swiper-content .unit {
  font-size: 14px; color: #5f6d67; margin-left: 6px; letter-spacing: .06em;
}

/* 隱藏 swiper 分頁/滾動條 */
.main_special .swiper-pagination,
.main_special .swiper-scrollbar { display: none; }

/* 左右導航箭頭 */
.main_special .swiper-button-next,
.main_special .swiper-button-prev {
  width: 48px; height: 48px;
  border-radius: 999px;
  border: 1.5px solid rgba(71,184,151,.6);
  background: rgba(255,255,255,.92);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: #47b897;
  transition: all .25s cubic-bezier(.2,.7,.3,1);
  box-shadow: 0 2px 12px rgba(44,55,51,.08);
  margin-top: 0; top: 50%; transform: translateY(-50%);
  opacity: 0.8;
}
.main_special .swiper-button-next::after,
.main_special .swiper-button-prev::after {
  display: none;
}
.main_special .swiper-button-prev {
  left: 4px;
  background-image: url(https://materials.fillo.com.tw/materials/clover/images/8f4ed245-dfac-456a-8d6a-6344fbbe3234.svg);
  background-size: 22px; background-repeat: no-repeat; background-position: center;
}
.main_special .swiper-button-next {
  right: 4px;
  background-image: url(https://materials.fillo.com.tw/materials/clover/images/8f4ed245-dfac-456a-8d6a-6344fbbe3234.svg);
  background-size: 22px; background-repeat: no-repeat; background-position: center;
  transform: translateY(-50%) scaleX(-1);
}
.main_special .swiper-button-next:hover,
.main_special .swiper-button-prev:hover {
  background-color: #47b897; border-color: #47b897;
  box-shadow: 0 4px 18px rgba(71,184,151,.28);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8L2 12L6 16'/%3E%3Cpath d='M2 12H22'/%3E%3C/svg%3E");
}
.main_special .swiper-button-next.swiper-button-disabled,
.main_special .swiper-button-prev.swiper-button-disabled {
  opacity: .3; pointer-events: none;
}

/* RWD */
@media (max-width: 1199px) {
  .main_special .swiper-container { padding: 0 20px; }
}
@media (max-width: 991px) {
  .main_special_block .widget-item.main_special > .module-container > .main { grid-template-columns: 1fr; gap: 20px; padding: 40px 28px 50px; }
  .main_special .header-title { text-align: center; }
  .main_special .swiper-button-next,
  .main_special .swiper-button-prev { width: 40px; height: 40px; background-size: 19px; }
}
@media (max-width: 767px) {
  .main_special .module-container > .main { padding: 30px 20px 40px; }
  .main_special .header-title h2 { font-size: 28px; }
  .main_special .header-title h2::after { height: 40px; margin-left: 14px; }
  .main_special .swiper-slide .swiper-title { font-size: 17px; }
  .main_special .swiper-slide .swiper-content .price { font-size: 22px; }
  .main_special .swiper-button-next,
  .main_special .swiper-button-prev { width: 36px; height: 36px; background-size: 17px; }
}
@media (max-width: 575px) {
  .main_special_block .widget-item.main_special > .module-container > .main { padding: 40px 0px 50px; }
  .main_special .header-title h2 { font-size: 24px; }
  .main_special .header-title h2::after { height: 34px; margin-left: 12px; vertical-align: -8px; }
  .main_special .swiper-button-next,
  .main_special .swiper-button-prev { width: 32px; height: 32px; background-size: 15px; }
}

/* ======== 精緻小團・VIP包車（設計稿四版） ======== */

/* --- 區塊容器 --- */
.main_private_block { padding: 64px 0; background: #fff; overflow: hidden; }
.main_private_block > .module-container > .main.row { max-width: 1280px; margin: 0 auto; padding: 0 48px; background: transparent !important; }
.main_private_block .blk-tabs { display: none; }

/* --- 標題 --- */
.main_private_block .header-title.dp-tbl {
  display: block; text-align: center; width: 100%; margin-bottom: 48px;
  font-family: 'Noto Serif TC', serif; font-weight: 700; font-size: 18px;
  letter-spacing: .08em; text-transform: uppercase; color: #47b897;
  line-height: 1.4;
}
.main_private_block .header-title.dp-tbl h2 {
  font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif;
  font-weight: 500; font-size: 36px; line-height: 1.2;
  margin: 10px 0 0; color: #2c3733; letter-spacing: .02em;
}
.main_private_block .header-title.dp-tbl h2::after {
  content: ""; display: inline-block;
  width: 1px; height: 50px; background: #f7b52c;
  margin-left: 18px; vertical-align: -12px;
  transform: skewX(-32deg);
}

/* --- Row 1 top：55:45 兩欄 --- */
/* 隱藏空的 header-title */
.main_private_block .main_private.top .header-title,
.main_private_block .main_private.bottom .header-title,
.main_private_block .main_private_btn .header-title { display: none; }
/* 清除三個 widget 的 Bootstrap padding 及框架負 margin */
.main_private_block .widget-item.main_private.top { padding-left: 0; padding-right: 0; }
.main_private_block .widget-item.main_private.top > .module-container > .main { margin: 0; }
/* wall-wrapper：覆蓋模組 CSS 的 display:inline-block / height:100% */
.main_private_block .main_private.top .wall-wrapper,
.main_private_block .main_private.bottom .wall-wrapper {
  display: block; height: auto; background: transparent;
}
.main_private_block .main_private.top .wall-row {
  display: grid; grid-template-columns: 55fr 45fr; gap: 4px;
  margin: 0; padding: 0;
}
.main_private.top .wall-row > div { padding: 0; max-width: 100%; flex: none; }
.main_private.top .thicon_info { height: 380px; display: block; overflow: hidden; }
/* a 改用 flex-column + justify-content:flex-end，文字自然堆疊在底部 */
.main_private.top .thicon_info a {
  display: flex; flex-direction: column; justify-content: flex-end;
  position: relative; height: 100%; padding: 0 38px 36px; z-index: 1;
}
/* 圖片改絕對定位填滿，不佔 flex 空間 */
.main_private.top .thicon_info figure {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; z-index: 1;
}
.main_private.top .thicon_info figure .b_img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; }
.main_private.top .thicon_info:hover figure .b_img { transform: scale(1.05); }

/* 暗色漸層遮罩 */
.main_private.top .thicon_info figure::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(180deg, transparent 35%, rgba(44,55,51,.12) 60%, rgba(44,55,51,.55) 100%);
  transition: background .3s;
}

/* 文字共用：提升到遮罩之上，取消絕對定位 */
.main_private.top .thicon_info h3,
.main_private.top .thicon_info span,
.main_private.top .theme_info {
  position: relative !important; z-index: 3;
  top: auto !important; left: auto !important; bottom: auto !important; right: auto !important;
}

/* 標籤（h3 = EXCLUSIVE / VIP）：排序第一 */
.main_private.top .thicon_info h3 {
  order: 1;
  display: inline-block; align-self: flex-start;
  background: rgba(255,255,255,.20);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.30);
  padding: 4px 14px; border-radius: 16px;
  font-size: 12px; font-weight: 500; letter-spacing: .08em;
  color: #fff; text-shadow: none; font-family: inherit;
  margin: 0 0 12px;
}

/* 標題文字（span）：排序第二 */
.main_private.top .thicon_info span {
  order: 2;
  font-size: 26px; font-weight: 700; letter-spacing: .06em;
  color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.25);
  padding: 0; margin: 0 0 6px; line-height: 1.3;
}

/* 描述文字（theme_info）：排序第三 */
.main_private.top .theme_info {
  order: 3;
  height: auto !important; width: 100%;
  background: transparent !important; padding: 0 !important;
}
.main_private.top .theme_info p.theme-text {
  color: #fff !important; opacity: .9 !important; padding: 0 !important;
  font-size: 15px; letter-spacing: .04em; margin: 0;
  text-shadow: 0 1px 6px rgba(0,0,0,.2);
}

/* Card 2（45fr）：較小字 */
.main_private.top .wall-row > div:nth-child(2) .thicon_info a { padding: 0 32px 32px; }
.main_private.top .wall-row > div:nth-child(2) .thicon_info span { font-size: 22px; }
.main_private.top .wall-row > div:nth-child(2) .theme_info p.theme-text { font-size: 14px; }

/* --- Row 2 bottom：28:38:34 三欄）--- */
/* 清除 Bootstrap 欄位 padding 及框架負 margin */
.main_private_block .widget-item.main_private.bottom { padding-left: 0; padding-right: 0; }
.main_private_block .widget-item.main_private.bottom > .module-container > .main { margin: 0; }
.main_private.bottom .wall-wrapper { background: transparent; }
.main_private_block .main_private.bottom .wall-row {
  display: grid; grid-template-columns: 28fr 38fr; gap: 4px;
  margin: 4px 0 0; padding: 0;
  width: calc(66% - 2px);
}
.main_private.bottom .wall-row > div { padding: 0; max-width: 100%; flex: none; }
.main_private.bottom .thicon_info { height: 280px; display: block; overflow: hidden; }
/* a 改用 flex-column + justify-content:flex-end */
.main_private.bottom .thicon_info a {
  display: flex; flex-direction: column; justify-content: flex-end;
  position: relative; height: 100%; padding: 0 28px 24px; z-index: 1;
}
/* 圖片絕對定位填滿 */
.main_private.bottom .thicon_info figure {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; z-index: 1;
}
.main_private.bottom .thicon_info figure .b_img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; }
.main_private.bottom .thicon_info:hover figure .b_img { transform: scale(1.05); }

/* 暗色漸層遮罩 */
.main_private.bottom .thicon_info figure::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(180deg, transparent 35%, rgba(44,55,51,.12) 60%, rgba(44,55,51,.55) 100%);
}

/* 文字共用：提升到遮罩之上，取消絕對定位 */
.main_private.bottom .thicon_info h3,
.main_private.bottom .thicon_info span,
.main_private.bottom .theme_info {
  position: relative !important; z-index: 3;
  top: auto !important; left: auto !important; bottom: auto !important; right: auto !important;
}

/* 標籤（h3 = GOURMET / DOMESTIC）：排序第一 */
.main_private.bottom .thicon_info h3 {
  order: 1;
  display: inline-block; align-self: flex-start;
  background: rgba(255,255,255,.20);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.30);
  padding: 4px 14px; border-radius: 16px;
  font-size: 12px; font-weight: 500; letter-spacing: .08em;
  color: #fff; text-shadow: none; font-family: inherit;
  margin: 0 0 12px;
}

/* 標題文字（span）：排序第二 */
.main_private.bottom .thicon_info span {
  order: 2;
  font-size: 20px; font-weight: 700; letter-spacing: .06em;
  color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.25);
  padding: 0; margin: 0 0 5px; line-height: 1.3;
}

/* 描述文字（theme_info）：排序第三 */
.main_private.bottom .theme_info {
  order: 3;
  height: auto !important; width: 100%;
  background: transparent !important; padding: 0 !important;
}
.main_private.bottom .theme_info p.theme-text {
  color: #fff !important; opacity: .9 !important; padding: 0 !important;
  font-size: 14px; letter-spacing: .04em; margin: 0;
  text-shadow: 0 1px 6px rgba(0,0,0,.2);
}

/* --- CTA 區塊 --- */
/* 清除 Bootstrap 欄位寬度/padding 及框架負 margin */
.main_private_block .widget-item.main_private_btn {
  padding-left: 0; padding-right: 0;
  flex: none; max-width: calc(34% - 2px); width: calc(34% - 2px);
  margin-top: -280px; margin-left: calc(66% + 2px);
  position: relative; z-index: 2;
}
.main_private_block .widget-item.main_private_btn > .module-container > .main {
  margin: 0; max-width: none; padding: 0;
}
.main_private_block .widget-item.main_private_btn .function-row {
  height: 280px; background: #eef7f2;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 14px; padding: 24px;
}

/* 幸運草裝飾 */
.main_private_block .widget-item.main_private_btn .function-row::before {
  content: ""; display: block; width: 50px; height: 50px; opacity: .18; flex: none;
  background: url(https://materials.fillo.com.tw/materials/clover/images/e3163d3e-0e48-4672-8030-a46dbd54bf8b.svg) no-repeat center / contain;
}

/* 標題 */
.main_private_block .widget-item.main_private_btn .function-row h2 {
  font-size: 19px; font-weight: 700; color: #2c3733;
  letter-spacing: .08em; margin: 0; text-align: center;
}
.main_private_block .widget-item.main_private_btn .function-row h2 p {
  font-size: 13px; font-weight: 400; color: #5f6d67;
  text-align: center; max-width: 260px; line-height: 1.7;
  margin: 8px auto 0;
}

/* 按鈕列） */
.main_private_block .widget-item.main_private_btn .function-row .row-content {
  display: flex; gap: 10px; align-items: center; justify-content: center;
  flex-wrap: wrap; margin: 0; padding: 0; list-style: none;
}
/* 清除 Bootstrap col 及模組 CSS 的 li 間距 */
.main_private_block .widget-item.main_private_btn .function-row li {
  list-style: none; margin: 0; padding: 0;
  display: inline-block; flex: none; max-width: none; width: auto;
}
/* 按鈕共用樣式 */
.main_private_block .widget-item.main_private_btn .function-row li a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 24px; border-radius: 22px !important;
  font-size: 13px; font-weight: 600; letter-spacing: .06em;
  text-decoration: none; transition: all 0.3s; height: auto;
}
/* 主按鈕：立即諮詢 */
.main_private_block .widget-item.main_private_btn .function-row li:first-child a {
  background: #47b897 !important; color: #fff !important; border: none;
}
.main_private_block .widget-item.main_private_btn .function-row li:first-child a:hover {
  background: #3da886 !important;
}
/* 次按鈕：看更多包車行程，含右箭頭 */
.main_private_block .widget-item.main_private_btn .function-row li:nth-child(2) a {
  background: transparent !important; color: #369078 !important;
  border: 1.5px solid #47b897; padding: 9px 18px;
}
.main_private_block .widget-item.main_private_btn .function-row li:nth-child(2) a::after {
  content: ""; display: inline-block; width: 14px; height: 14px; flex: none;
  background: url(https://materials.fillo.com.tw/materials/clover/images/44a2854e-ab42-427e-9ee8-842894da05f4.svg) no-repeat center / contain;
}
.main_private_block .widget-item.main_private_btn .function-row li:nth-child(2) a:hover {
  background: rgba(71,184,151,.08) !important;
}
/* 按鈕內 h3 文字 */
.main_private_block .widget-item.main_private_btn .function-row li a h3 {
  font-size: 13px; font-weight: 600; margin: 0; padding: 0;
  letter-spacing: .04em; display: inline;
}

/* --- RWD --- */
@media (max-width: 991px) {
  .main_private_block > .module-container > .main.row { padding: 0 28px; }
  .main_private_block .header-title.dp-tbl h2 { font-size: 28px; }
  .main_private.top .wall-row { grid-template-columns: 1fr 1fr; }
  .main_private.top .thicon_info { height: 300px; }
  .main_private.top .thicon_info span { font-size: 22px; left: 28px; }
  .main_private.top .thicon_info h3 { left: 28px; }
  .main_private_block .main_private.bottom .wall-row { grid-template-columns: 45fr 55fr; width: 100%; }
  .main_private.bottom .thicon_info { height: 240px; }
  .main_private_block .widget-item.main_private_btn { flex: none; max-width: 100%; width: 100%; margin-top: 4px; margin-left: 0; }
  .main_private_btn .function-row { height: auto; padding: 40px 24px; }
}
@media (max-width: 767px) {
  .main_private_block { padding: 40px 0; }
  .main_private_block > .module-container > .main.row { padding: 0 20px; }
  .main_private.top .wall-row { grid-template-columns: 1fr; }
  .main_private.top .thicon_info { height: 260px; }
  .main_private.top .thicon_info a { padding: 0 12px 12px; }
  .main_private.top .wall-row > div:nth-child(2) .thicon_info a { padding: 0 12px 12px; }
  .main_private.bottom .wall-row { grid-template-columns: 1fr; width: 100%; }
  .main_private.bottom .thicon_info { height: 220px; }
  .main_private.bottom .thicon_info a { padding: 0 12px 12px; }
  .main_private_block .header-title.dp-tbl h2 { font-size: 24px; }
  .main_private_block .header-title.dp-tbl h2::after { height: 34px; margin-left: 12px; vertical-align: -8px; }
}
@media (max-width: 575px) {
  .main_private_block > .module-container > .main.row { padding: 0 40px; }
  .main_private_block .main_private.top .wall-row { grid-template-columns: 1fr; }
  .main_private_block .main_private.top .wall-row > div { width: 100%; }
  .main_private_block .main_private.bottom .wall-row { grid-template-columns: 1fr; width: 100%; }
  .main_private_block .main_private.bottom .wall-row > div { width: 100%; }
  .main_private_block .widget-item.main_private_btn .function-row { height: 240px; }
  .main_private_block .widget-item.main_private_btn .function-row::before { width: 36px; height: 36px; }
}

/* ======== 旅人分享（設計稿四版） ======== */

/* --- 區塊背景 --- */
.main_stories {
  background: linear-gradient(160deg, #f9fbfa 0%, #f0f7f3 100%);
  padding: clamp(44px, 5vw, 72px) 0;
  overflow: hidden;
}

/* --- 內容包裹層 --- */
.widget-item.main_stories > .module-container > .main {
  max-width: 1440px; margin: 0 auto;
  padding: 0 clamp(20px, 3vw, 60px);
}

/* --- 標題（左對齊） --- */
.main_stories .header-title {
  display: block; text-align: left; width: 100%;
  font-family: 'Noto Serif TC', serif; font-weight: 700; font-size: 18px;
  letter-spacing: .08em; text-transform: uppercase; color: #47b897;
  line-height: 1.4; margin-bottom: 44px;
}
.main_stories .header-title h2 {
  font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif;
  font-weight: 500; font-size: 36px; line-height: 1.2;
  margin: 10px 0 0; color: #2c3733; letter-spacing: .02em;
}
.main_stories .header-title h2::after {
  content: ""; display: inline-block;
  width: 1px; height: 50px; background: #f7b52c;
  margin-left: 18px; vertical-align: -12px;
  transform: skewX(-32deg);
}

/* --- Swiper 容器：寬度由父層 .main 控制，clip-path 裁切左右隱藏第3張 --- */
.main_stories .swiper-container {
  padding: 4px 0 16px;
  overflow: visible;
  clip-path: inset(-90px 0 -20px 0);
}

/* --- 卡片：Grid --- */
.main_stories .swiper-slide-style {
  display: grid;
  grid-template-columns: 42% 1fr;
  grid-template-rows: 1fr auto;
  row-gap: 20px;
  background: #fff; border-radius: 16px; overflow: hidden;
  box-shadow: 0 2px 16px rgba(44,55,51,.05);
  margin: 0; text-decoration: none;
  cursor: default;
}
/* 同層 slide 等高 */
.main_stories .swiper-wrapper { align-items: stretch; }
.main_stories .swiper-slide { height: auto; }

/* 左圖（斜裁，跨兩列） */
.main_stories .swiper-slide .swiper-img {
  grid-column: 1; grid-row: 1 / -1;
  overflow: hidden; margin: 0; border-radius: 0;
  clip-path: polygon(0 0, 94% 0, 100% 100%, 0 100%);
}
.main_stories .swiper-slide .swiper-img img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  border-radius: 0; max-width: none; max-height: none;
}

/* 右文字（引文）── h3.swiper-title，限制兩行省略 */
.main_stories .swiper-slide .swiper-title {
  grid-column: 2; grid-row: 1;
  align-self: center;
  padding: 30px 28px 0; text-align: left;
  font-size: 15px; font-weight: 400; line-height: 1.9;
  color: #5f6d67; margin: 0; position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 引號裝飾 */
.main_stories .swiper-slide .swiper-title::before {
  content: "\201C"; position: absolute; top: 14px; left: 24px;
  font-family: Georgia, serif; font-size: 52px; line-height: 1;
  color: #47b897; opacity: .15; pointer-events: none;
}

/* 作者資訊（對應設計稿 margin-top:auto 貼底） */
.main_stories .swiper-slide .swiper-content {
  grid-column: 2; grid-row: 2;
  display: flex; flex-direction: column; gap: 2px;
  padding: 0 28px 30px; margin: 0; overflow: visible;
  -webkit-line-clamp: initial; -webkit-box-orient: initial;
  text-overflow: initial; max-height: none;
  font-size: 14px; color: #2c3733;
}
.main_stories .swiper-slide .swiper-content p {
  margin: 0; line-height: 1.5;
}
.main_stories .swiper-slide .swiper-content p:first-child,
.main_stories .swiper-slide .swiper-content p.author-name {
  font-size: 14px; font-weight: 600; color: #2c3733;
}
.main_stories .swiper-slide .swiper-content p:nth-child(2),
.main_stories .swiper-slide .swiper-content p.trip-name {
  font-size: 12px; color: #5f6d67; font-weight: 400;
}

/* 隱藏 swiper 分頁/滾動條 */
.main_stories .swiper-pagination,
.main_stories .swiper-scrollbar { display: none; }

/* 左右導航箭頭 */
.main_stories .swiper-button-next,
.main_stories .swiper-button-prev {
  width: 24px; height: 24px; top: -60px;
  margin-top: 0; background: none; border: none;
  opacity: 0.8;
}
/* 隱藏 Swiper 預設箭頭符號 */
.main_stories .swiper-button-next::after,
.main_stories .swiper-button-prev::after { display: none; }
/* 左箭頭：使用自訂 SVG */
.main_stories .swiper-button-prev {
  right: 44px; left: auto;
  background-image: url(https://materials.fillo.com.tw/materials/clover/images/720eb19c-74df-48bd-bdc2-35040803a61d.svg);
  background-size: contain; background-repeat: no-repeat; background-position: center;
}
/* 右箭頭：同一張 SVG 水平翻轉 */
.main_stories .swiper-button-next {
  right: 0;
  background-image: url(https://materials.fillo.com.tw/materials/clover/images/720eb19c-74df-48bd-bdc2-35040803a61d.svg);
  background-size: contain; background-repeat: no-repeat; background-position: center;
  transform: scaleX(-1);
}
.main_stories .swiper-button-next.swiper-button-disabled,
.main_stories .swiper-button-prev.swiper-button-disabled {
  opacity: .3; pointer-events: none;
}

/* RWD */
@media (max-width: 1199px) {
  .main_stories .swiper-slide .swiper-title { -webkit-line-clamp: 4; }
}
@media (max-width: 991px) {
  .main_stories .header-title h2 { font-size: 28px; }
}
@media (max-width: 767px) {
  .main_stories .header-title h2 { font-size: 24px; }
  .main_stories .header-title h2::after { height: 34px; margin-left: 12px; vertical-align: -8px; }
}
@media (max-width: 575px) {
  .main_stories .swiper-slide-style {
    grid-template-columns: 1fr;
    grid-template-rows: 260px 1fr auto;
  }
  .main_stories .swiper-slide .swiper-img {
    grid-column: 1; grid-row: 1;
    width: 100%; min-height: 260px; height: 260px;
    clip-path: none;
  }
  .main_stories .swiper-slide .swiper-title { grid-column: 1; grid-row: 2; padding: 24px 20px 12px; }
  .main_stories .swiper-slide .swiper-content { grid-column: 1; grid-row: 3; padding: 0 20px 20px; }
  .main_stories { padding-left: 15px; padding-right: 15px; }
}

/******** gotop（設計稿四版） ********/

/* --- Social bar：40px 膠囊綠底 --- */
.widget-item.clover_gotop .side_box {
  bottom: 40px; right: 10px; z-index: 1048;
}
.widget-item.clover_gotop .side_bar {
  width: 40px; border-radius: 20px; box-shadow: none;
  margin-bottom: 0; padding: 6px 0; overflow: hidden;
  background: #47b897;
}
.widget-item.clover_gotop .side_bar li {
  width: 40px; height: 44px; padding: 0;
  border-radius: 0; background: transparent;
  display: flex; align-items: center; justify-content: center;
}
.widget-item.clover_gotop .side_bar li:first-child {
  border-bottom: 1px solid rgba(255,255,255,.28);
}
.widget-item.clover_gotop .side_bar li img {
  width: 22px; height: 22px; opacity: 1;
  -webkit-transition: opacity 0.3s; transition: opacity 0.3s;
}
.widget-item.clover_gotop .side_bar li:hover img { opacity: 0.8; }
.widget-item.clover_gotop .side_bar li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.widget-item.clover_gotop .side_bar li p { display: none; }

/* --- PAGE TOP：直線 + 直書文字 --- */
.widget-item.clover_gotop .actGotop {
  bottom: 148px; right: 10px; width: 40px; height: auto;
  z-index: 1048 !important;
}
.widget-item.clover_gotop .actGotop a,
.widget-item.clover_gotop .actGotop a:link {
  width: 40px; height: auto; border-radius: 0;
  background: transparent; border: none; box-shadow: none;
  display: flex; flex-direction: column; align-items: center; gap: 18px;
  padding: 10px 0 16px;
}
.widget-item.clover_gotop .actGotop a:hover { background: transparent; }
/* 隱藏原本的 FA icon */
.widget-item.clover_gotop .actGotop a i { display: none; }
/* 直線 */
.widget-item.clover_gotop .actGotop a::before {
  content: ""; display: block; width: 1px; height: 120px;
  background: linear-gradient(to top, #2c3733, rgba(44,55,51,0));
  transition: background 0.4s;
}
/* PAGE TOP 文字 */
.widget-item.clover_gotop .actGotop a::after {
  content: "PAGE TOP"; display: block;
  writing-mode: vertical-rl;
  font-size: 13px; letter-spacing: .3em; font-weight: 600;
  color: #2c3733;
  transition: color 0.4s;
}
/* 深色背景：直線 + 文字轉白 */
.widget-item.clover_gotop.on-dark .actGotop a::before {
  background: linear-gradient(to top, #fff, rgba(255,255,255,0));
}
.widget-item.clover_gotop.on-dark .actGotop a::after {
  color: #fff;
}

/* 手機選單展開時隱藏 gotop，避免穿透選單 */
@media (max-width: 991px) {
  .web-page-frame:has(.menu-mobile-collapse-trigger.active) .widget-item.clover_gotop .side_box,
  .web-page-frame:has(.menu-mobile-collapse-trigger.active) .widget-item.clover_gotop .actGotop {
    opacity: 0; pointer-events: none; transition: opacity 0.3s;
  }
}

@media (max-width: 1199px) {
  .widget-item.clover_gotop .actGotop a::before { display: none; }
}
/* RWD: 手機 */
@media (max-width: 767px) {
  .widget-item.clover_gotop .side_box { bottom: 56px; right: 10px; }
  .widget-item.clover_gotop .side_bar { width: 36px; }
  .widget-item.clover_gotop .side_bar li { width: 36px; height: 40px; }
  .widget-item.clover_gotop .side_bar li img { width: 20px; height: 20px; }
  .widget-item.clover_gotop .actGotop {
    right: 10px; width: 36px; height: 36px;
    position: fixed; bottom: 12px;
  }
  .widget-item.clover_gotop .actGotop a,
  .widget-item.clover_gotop .actGotop a:link {
    width: 36px; height: 36px; padding: 0;
    border-radius: 999px; background: rgba(44,55,51,.35); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
    flex-direction: row; gap: 0;
  }
  .widget-item.clover_gotop .actGotop a::before { display: none; }
  .widget-item.clover_gotop .actGotop a::after {
    content: ""; writing-mode: horizontal-tb;
    font-size: 0; letter-spacing: 0; color: transparent;
    width: 14px; height: 14px;
    border-left: 2px solid #fff; border-top: 2px solid #fff;
    transform: rotate(45deg); margin-top: 4px;
  }
}

/*********************************** 隱私權保護政策 ***********************************/
.privacy_bg{background: radial-gradient(120% 90% at 12% 0%, rgba(71, 184, 151, .10) 0%, rgba(71, 184, 151, 0) 55%), radial-gradient(90% 80% at 92% 100%, rgba(247, 181, 44, .13) 0%, rgba(247, 181, 44, 0) 60%);}
.privacy_bg.clover_title .header-title.dp-tbl{ margin-top: 48px; }
.privacy{ margin-bottom: 48px;}
.privacy section {color: #333333; background: #ffffff; border: 1px solid #96d9c5; box-shadow: 0 2px 10px rgba(0, 0, 0, .07); padding: 30px 60px; border-radius: 10px; }
.privacy section h2 { font-size: 20px; font-weight: 600; margin: 30px 0 10px; color: #47b897;}
.privacy section p,.privacy section ul li,.privacy section ol li { font-size: 16px; line-height: 28px; text-align: justify;}
.web-page-frame .privacy section ul,.web-page-frame .privacy section ol{ padding-left: 20px; }
@media (max-width:991px){
    .privacy section{ padding:20px 40px;}
}
@media (max-width:575px){
    .privacy section{ padding:20px 30px;}
    .privacy section h2 { font-size: 18px;}
    .privacy section p,.privacy section ul li{ font-size: 15px;}
}


/*********************************** footer ***********************************/
body .footer{ position: sticky; top: 100vh; z-index: 1048;}
.clover_footer .footer-wrap { background: #eef7f2; border-top: 1px solid #e6efe9; }
.clover_footer .footer-wrap .footer_center{  background: #eef7f2; max-width: 1440px; margin: 0px auto; padding: 56px 28px 30px; display: grid; grid-template-columns: 450px 2fr 1fr; gap: 40px;}
.clover_footer .company-info,.clover_footer .footer-wrap .contact-info,.clover_footer .footer-wrap .fb-info{ max-width: initial; margin: 0 !important; }
.clover_footer .row.info_box { display: flex; align-items: center; gap: 16px; }
.clover_footer .footer-wrap .info-logo { height: 92px; width: auto; max-width: initial; display: block; flex: 0 0 auto; padding: 0; }
.clover_footer .footer-wrap .info_box a img { max-width: 100%; height: 92px; }
.clover_footer .footer-wrap .info-text { max-width: initial; flex: initial; width: auto; padding-left: 0; padding-right: 0;}
.clover_footer .company-info { display: flex; align-items: center; }
.clover_footer .footer-wrap .info_box p{ color: #2c3733; font-size: 17px; margin-bottom: 6px; font-weight: 600; }
.clover_footer .footer-wrap .info_box p:nth-child(2){ font-size: 13px; letter-spacing: 0.06em; margin-bottom: 0;}
.clover_footer .footer-wrap .contact-info{flex-flow: column; }
.clover_footer .footer-wrap .contact-box { display: flex; flex-wrap: wrap;  flex: initial; margin-bottom: 20px !important; padding: 0;}
.clover_footer .footer-wrap .contact-box h2 { font-size: 16px; font-weight: bold; line-height: 16px; margin-bottom: 0;  }
.clover_footer .footer-wrap .contact-box h4 { font-size: 16px; margin: 0; line-height: 16px; color: #2c3733; padding-left: 15px; }
.clover_footer .footer-wrap .contact-info .contact-box:last-child { margin-bottom: 0 !important; padding-top: 22px; border-top: 1px solid #e6efe9; }
.clover_footer .footer-wrap .contact-box p:nth-child(even){ width: auto; padding-right: 5px; white-space: nowrap; }
.clover_footer .footer-wrap .contact-box p:nth-child(odd){ width: auto; padding-right: 20px; white-space: nowrap; }
.clover_footer .footer-wrap .contact-box p a::after{ display: none;}
.clover_footer .footer-wrap .contact-box p a{ padding: 0; border-top: none; border-bottom: none; color: #2c3733; }
.clover_footer .footer-wrap .contact-box p:nth-child(even) a { font-weight: 600; }
.clover_footer .footer-wrap .contact-box p a:hover{ background: transparent; color: #2c3733; font-size: 15px;}
.clover_footer .footer-wrap .fb-info .fb-box-wrapper {  display: flex; flex-direction: column; gap: 12px; align-items: flex-end;}
.clover_footer .footer-wrap .fb-box { position: relative; display: flex; align-items: center; gap: 9px; width: 140px; color: #5f6d67; font-weight: 600; background: rgb(255, 255, 255);
     border: 1px solid #e6efe9; border-radius: 12px; padding: 0; margin-bottom: 0 !important; -webkit-transition: all 0.3s; transition: all 0.3s;}
.clover_footer .footer-wrap .fb-box:hover{ border: 1px solid #47b897;  }
.clover_footer .footer-wrap .fb-box h2 { position: absolute; color: #5f6d67; font-size: 15px; border-bottom: 0; margin-bottom: 0; padding: 0; left: 40px; }
.clover_footer .footer-wrap .fb-box .row { width: 100%; margin: 0; }
.clover_footer .footer-wrap .fb-box a { position: relative; width: 100%; display: block; flex: 0 0 100%; max-width: initial; padding: 10px 16px; }
.clover_footer .footer-wrap .fb-box a img { width: 17px; margin-bottom: 5px; }
.clover_footer .footer-wrap .fb-box a:hover img{ opacity: 1;}
.clover_footer .footer-wrap .fb-box a:hover .tooltiptext{ display: none;}
.clover_footer .footer-wrap .icon_wrap { padding: 0; border-top: 1px solid #e6efe9;}
.clover_footer .footer-wrap .icon_wrap p { max-width: 1440px; margin: 0px auto; padding: 18px 28px; display: flex; justify-content: flex-end; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: #8a958f; }
.clover_footer .footer-wrap .fnav_wrap,.clover_footer .footer-wrap .footer_sbox{ display: none;}
@media(max-width:1300px){
    .clover_footer .footer-wrap .footer_center{ grid-template-columns: 380px 2fr 1fr;}
}
@media(max-width:1199px){
    .clover_footer .footer-wrap .footer_center { grid-template-columns: 1fr 2fr 1fr; }
    .clover_footer .footer-wrap .info-text{ text-align: center;}
}
@media(max-width:991px){
    .clover_footer .footer-wrap .footer_center { padding: 30px 28px; grid-template-columns: 1fr 1fr; gap: 24px; }
    .clover_footer .company-info { grid-column: span 2; }
    .clover_footer .footer-wrap .info-text { text-align: left; }
}
@media(max-width:991px){
    .clover_footer .footer-wrap .footer_center { padding: 30px 28px; grid-template-columns: 1fr; gap: 18px; }
    .clover_footer .company-info { grid-column: span 1; }
    .clover_footer .footer-wrap .fb-info .fb-box-wrapper { flex-direction: row;}
}
@media(max-width:575px){
    .clover_footer .footer-wrap .info_box a img{ height: 70px;}
    .clover_footer .footer-wrap .info_box p{ font-size: 16px;}
    .clover_footer .footer-wrap .info_box p:nth-child(2) { letter-spacing: 0; }
    .clover_footer .company-info, .clover_footer .footer-wrap .contact-info, .clover_footer .footer-wrap .fb-info{ padding: 0;}
    .clover_footer .footer-wrap .fb-info .fb-box-wrapper { flex-wrap: wrap; gap: 8px; justify-content: center; }
    .clover_footer .footer-wrap .fb-box { width: 120px; white-space: nowrap; display: flex; align-items: center; justify-content: center; gap: 0; padding: 0; }
    .clover_footer .footer-wrap .fb-box .row { width: auto; margin: 0; order: 1; }
    .clover_footer .footer-wrap .fb-box a { display: flex; align-items: center; width: auto; flex: none; padding: 8px 4px 8px 8px; }
    .clover_footer .footer-wrap .fb-box a img { width: 15px; margin-bottom: 0; }
    .clover_footer .footer-wrap .fb-box h2 { position: static; left: auto; font-size: 13px; margin: 0; padding: 0 8px 0 0; order: 2; }
    .clover_footer .footer-wrap .contact-box h4 { padding-left: 5px; }
    .clover_footer .footer-wrap .footer_center { padding: 30px 40px; }
    .clover_footer .footer-wrap .icon_wrap p { justify-content: flex-start; }
}
@media(max-width:400px){
    .clover_footer .footer-wrap .contact-box h4 { padding-left: 0; padding-top: 10px; }
    .clover_footer .footer-wrap .contact-box h2 { flex: 0 0 100%; }
}


/*********************************** 關於我們 — SECTION 1 Editorial Hero ***********************************/
/* 外層 block：撐滿全寬（覆蓋 Bootstrap col padding） */
.about_toptitle_block { padding-left: 0; padding-right: 0; max-width: 100%; flex: 0 0 100%; }
/* .main.row 作為 hero 容器 */
.about_toptitle_block > .module-container > .main.row { position: relative; overflow: hidden; background: #2c7a63; margin: 0; padding: 0; min-height: 420px; display: flex; flex-wrap: wrap; }
/* 隱藏空白 block 元素 */
.about_toptitle_block .header-title.dp-tbl { display: none; }
.about_toptitle_block .blk-tabs { display: none; }
/* 圖片：absolute 定位於右側 */
.about_toptitle_block .about_topimg { position: absolute; top: 0; right: 0; bottom: 0; width: 58%; height: 100%; padding: 0; max-width: none; flex: none; z-index: 1; pointer-events: none; }
.about_toptitle_block .about_topimg .module-container,
.about_toptitle_block .about_topimg .module-container > .main { height: 100%; }
.about_toptitle_block .about_topimg img { width: 100%; height: 100%; object-fit: cover; object-position: center 60%; display: block; max-width: none; -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.75) 50%, rgba(0,0,0,.9) 100%); mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.75) 50%, rgba(0,0,0,.9) 100%); }
/* 標題區＋文字區：統一用 centered 1280px 容器的左對齊 */
.about_toptitle_block .about_toptitle,
.about_toptitle_block .aboutus_toptext {
  position: relative; z-index: 2;
  width: 100%; max-width: none; flex: 0 0 100%;
  padding-right: 28px;
  padding-left: max(28px, calc((100% - 1280px) / 2 + 28px));
}
.about_toptitle_block .about_toptitle { padding-top: 150px; padding-bottom: 0; }
/* 覆蓋模組 text-container 的 width:90% + margin:auto */
.about_toptitle_block .about_toptitle .text-container { width: 100%; margin: 0; }
/* flex 排列讓英文副標移到 h2 上方 */
.about_toptitle_block .about_toptitle .text-link { display: flex; flex-direction: column; }
.about_toptitle_block .about_toptitle .link-list { order: -1; margin-bottom: 20px; background: transparent; padding: 0; min-height: auto; }
.about_toptitle_block .about_toptitle .link-list ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 0; }
.about_toptitle_block .about_toptitle .link-list ul::before { content: ""; display: inline-block; width: 22px; height: 22px; flex: none; background: url(https://materials.fillo.com.tw/materials/clover/images/e3163d3e-0e48-4672-8030-a46dbd54bf8b.svg) no-repeat center / contain; margin-right: 6px; }
.about_toptitle_block .about_toptitle .link-list li { display: inline-block; padding-left: 0; margin-left: -4px; }
.about_toptitle_block .about_toptitle .link-list .fa { display: none; }
.about_toptitle_block .about_toptitle .link-list ul li span { font-family: 'Noto Serif TC', serif; font-weight: 500; font-size: 15px; letter-spacing: .14em; text-transform: uppercase; color: #f7b52c; line-height: normal; padding: 10px; }
/* 中文主標題 */
.about_toptitle_block .about_toptitle .text-link h2 { font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif; font-weight: 500; font-size: clamp(36px, 4.5vw, 52px); line-height: 1.3; color: #fff; margin: 0 0 24px; padding: 0; letter-spacing: .03em; text-align: left; }
/* 敘述文字區 */
.about_toptitle_block .aboutus_toptext { padding-top: 0; padding-bottom: 0; }
.about_toptitle_block .aboutus_toptext p { font-family: 'Noto Sans TC', 'Poppins', system-ui, sans-serif; font-size: 17px; line-height: 1.9; color: rgba(255,255,255,.7); margin: 0; max-width: 460px; }
/* 金色裝飾線 — 掛在 p 上，確保左邊對齊文字 */
.about_toptitle_block .aboutus_toptext p::after { content: ""; display: block; width: 60px; height: 1.5px; background: #f7b52c; opacity: .5; margin-top: 36px; margin-bottom: 90px; }
/* RWD */
@media (max-width: 860px) {
  .about_toptitle_block > .module-container > .main.row { min-height: auto; flex-direction: column; }
  .about_toptitle_block .about_topimg { position: relative; width: 100%; height: 300px; order: -1; }
  .about_toptitle_block .about_topimg img { -webkit-mask-image: none; mask-image: none; }
  .about_toptitle_block .about_toptitle,
  .about_toptitle_block .aboutus_toptext { padding-left: 36px; padding-right: 36px; max-width: 100%; }
  .about_toptitle_block .about_toptitle { padding-top: 32px; }
  .about_toptitle_block .about_toptitle .text-link h2 { font-size: clamp(28px, 5.5vw, 44px); }
  .about_toptitle_block .aboutus_toptext p::after { margin-bottom: 48px; }
}
@media (max-width: 374px) {
  .about_toptitle_block .about_toptitle .text-link h2 { font-size: 24px; letter-spacing: 0; }
}
/*********************************** 關於我們 — SECTION 1 end ***********************************/

/*********************************** 關於我們 — SECTION 2 aboutus_idea (zigzag) ***********************************/
/*
 * 選擇器策略：用 .aboutus_idea_block .aboutus_idea .hover-wall .icon_info (0-4-0)
 * 天然超過模組 [data-module-code] .hover-wall .icon_info (0-3-0)
 * 只有 inline style="text-align:center" 才需要 !important 覆蓋
 */

/* 外層 block 容器 */
.aboutus_idea_block { background: #ffffff; }
.aboutus_idea_block > .module-container > .main.row { max-width: 1200px; margin: 0 auto; padding: 80px 28px; }

/* 隱藏空白標題 */
.aboutus_idea_block .aboutus_idea .htpro_tit { display: none; }

/* 行列重排：每個 item 佔滿一列 */
.aboutus_idea_block .aboutus_idea .row { display: flex; flex-direction: column; gap: 50px; }
.aboutus_idea_block .aboutus_idea .row > .col-sm-12 { flex: none; max-width: 100%; width: 100%; padding: 0; margin: 0; }

/* icon_info — 覆蓋模組 display:table + hover 位移 */
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info { background: transparent; border: none; box-shadow: none; padding: 0; display: block; position: relative; bottom: auto; }
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info:hover { bottom: auto; transform: none; }
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info > a {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  column-gap: 48px;
  row-gap: 0;
  align-content: center;  /* 三列文字整組置中，不灌空白進各 row */
  cursor: default;
  text-decoration: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

/* 圖片區：佔左欄全部行 */
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info figure { margin: 0; overflow: hidden; position: relative; grid-column: 1; grid-row: 1 / -1; align-self: center; }
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info figure .overlay { display: none; }
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info figure img { width: 100%; height: 420px; object-fit: cover; border-radius: 100px 12px 100px 12px; display: block; }

/* 文字區：數字 + 標題 + 描述 */
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info h3 {
  grid-column: 2; grid-row: 1;
  font-family: 'Noto Serif TC', serif;
  font-size: 80px; font-weight: 400; font-style: italic;
  line-height: 1; display: block; margin: 0 0 10px;
  padding: 0; letter-spacing: normal;
  text-align: left !important; /* 覆蓋 inline style="text-align:center" */
  color: transparent;
  -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text;
}
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info h4 {
  grid-column: 2; grid-row: 2;
  font-family: 'Poppins', 'Noto Sans TC', system-ui, sans-serif;
  font-size: 26px; font-weight: 600; font-style: normal;
  color: #2c3733; margin: 0 0 18px; padding: 0;
  letter-spacing: .02em;
  text-align: left !important; /* 覆蓋 inline style="text-align:center" */
}
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info p.animate-text {
  grid-column: 2; grid-row: 3;
  font-family: 'Noto Sans TC', 'Poppins', system-ui, sans-serif;
  font-size: 16px; line-height: 2;
  color: #5f6d67; margin: 0; padding: 0;
  letter-spacing: normal; text-align: left;
}

/* ---- 第 1 個 item (01)：圖左文右，brand→cyan 漸層 ---- */
.aboutus_idea .row > .col-sm-12:nth-child(2) .icon_info figure img { border-radius: 100px 12px 100px 12px; }
.aboutus_idea .row > .col-sm-12:nth-child(2) .icon_info h3 { background: linear-gradient(135deg, #47b897 0%, #5dc1cf 100%); -webkit-background-clip: text; background-clip: text; }

/* ---- 第 2 個 item (02)：文左圖右，gold 漸層 ---- */
.aboutus_idea_block .aboutus_idea .hover-wall .row > .col-sm-12:nth-child(3) .icon_info figure { grid-column: 2; }
.aboutus_idea_block .aboutus_idea .hover-wall .row > .col-sm-12:nth-child(3) .icon_info h3 { grid-column: 1; }
.aboutus_idea_block .aboutus_idea .hover-wall .row > .col-sm-12:nth-child(3) .icon_info h4 { grid-column: 1; }
.aboutus_idea_block .aboutus_idea .hover-wall .row > .col-sm-12:nth-child(3) .icon_info p  { grid-column: 1; }
.aboutus_idea .row > .col-sm-12:nth-child(3) .icon_info figure img { border-radius: 12px 100px 12px 100px; }
.aboutus_idea .row > .col-sm-12:nth-child(3) .icon_info h3 { background: linear-gradient(135deg, #f7b52c 0%, #f5d76e 100%); -webkit-background-clip: text; background-clip: text; }

/* ---- 第 3 個 item (03)：圖左文右，cyan→lime 漸層 ---- */
.aboutus_idea .row > .col-sm-12:nth-child(4) .icon_info figure img { border-radius: 100px 12px 100px 12px; }
.aboutus_idea .row > .col-sm-12:nth-child(4) .icon_info h3 { background: linear-gradient(135deg, #5dc1cf 0%, #a6ce64 100%); -webkit-background-clip: text; background-clip: text; }

/* hover 清除 */
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info > a:hover { background: transparent; box-shadow: none; transform: none; }
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info:hover figure .b_img { transform: none; }
.aboutus_idea_block .aboutus_idea .hover-wall .icon_info:hover figure .overlay { opacity: 0; visibility: hidden; }

/* ---- RWD ---- */
@media (max-width: 860px) {
  .aboutus_idea_block > .module-container > .main.row { padding: 48px 20px; }
  .aboutus_idea_block .aboutus_idea .row { gap: 40px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info > a {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    column-gap: 0; row-gap: 0; gap: 0;
  }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info figure { grid-column: 1 !important; grid-row: 1; margin-bottom: 24px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info figure img { height: 300px; border-radius: 24px 8px 24px 8px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info h3 { grid-column: 1 !important; grid-row: 2; font-size: 56px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info h4 { grid-column: 1 !important; grid-row: 3; font-size: 22px; margin-bottom: 12px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info p.animate-text { grid-column: 1 !important; grid-row: 4; }
}
/* 平板 768-860：卡片改兩欄並排（內部已是堆疊佈局，適合半寬） */
@media (min-width: 768px) and (max-width: 860px) {
  .aboutus_idea_block .aboutus_idea .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
  }
  .aboutus_idea_block .aboutus_idea .row > .htpro_tit { grid-column: 1 / -1; }
  .aboutus_idea_block .aboutus_idea .row > .col-sm-12 {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
@media (max-width: 560px) {
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info figure img { height: 220px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info h3 { font-size: 44px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info h4 { font-size: 20px; }
  .aboutus_idea_block .aboutus_idea .hover-wall .icon_info p  { font-size: 15px; }
}
/*********************************** 關於我們 — SECTION 2 end ***********************************/

/*********************************** 關於我們 — SECTION 3 aboutus_slogan (mission quote) ***********************************/
.aboutus_slogan_block { background: #eef7f2; }
.aboutus_slogan_block > .module-container > .main.row {
  max-width: 860px; margin: 0 auto; padding: 80px 28px;
  display: flex; flex-wrap: wrap; justify-content: center;
}
.aboutus_slogan_block .header-title.dp-tbl { display: none; }
.aboutus_slogan_block .blk-tabs { display: none; }
.aboutus_slogan_block .aboutus_slogan { width: 100%; text-align: center; }

/* 金句 — 大字 + 偽元素裝飾引號 */
.aboutus_slogan_block .aboutus_slogan .slogan-quote {
  font-family: 'Noto Serif TC', serif;
  font-size: clamp(26px, 3.8vw, 34px);
  font-weight: 500;
  color: #2c3733;
  line-height: 1.7;
  margin: 0 0 20px;
  position: relative;
}
.aboutus_slogan_block .aboutus_slogan .slogan-quote::before {
  content: "\300C"; /* 「 */
  font-family: 'Noto Serif TC', serif;
  font-size: 56px;
  color: #47b897;
  opacity: .25;
  vertical-align: -4px;
  margin-right: 6px;
}
.aboutus_slogan_block .aboutus_slogan .slogan-quote::after {
  content: "\300D"; /* 」 */
  font-family: 'Noto Serif TC', serif;
  font-size: 56px;
  color: #47b897;
  opacity: .25;
  vertical-align: -4px;
  margin-left: 6px;
}

/* 副標文字 */
.aboutus_slogan_block .aboutus_slogan .slogan-sub {
  font-family: 'Noto Sans TC', 'Poppins', system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.9;
  color: #5f6d67;
  max-width: 620px;
  margin: 0 auto;
}

/* RWD */
@media (max-width: 860px) {
  .aboutus_slogan_block > .module-container > .main.row { padding: 56px 20px; }
  .aboutus_slogan_block .aboutus_slogan .slogan-quote { font-size: clamp(20px, 3.5vw, 28px); }
  .aboutus_slogan_block .aboutus_slogan .slogan-quote::before,
  .aboutus_slogan_block .aboutus_slogan .slogan-quote::after { font-size: 40px; }
  .aboutus_slogan_block .aboutus_slogan .slogan-sub { font-size: 16px; }
}
@media (max-width: 480px) {
  .aboutus_slogan_block .aboutus_slogan .slogan-quote { font-size: 18px; line-height: 1.8; }
  .aboutus_slogan_block .aboutus_slogan .slogan-quote::before,
  .aboutus_slogan_block .aboutus_slogan .slogan-quote::after { font-size: 30px; }
}
/*********************************** 關於我們 — SECTION 3 end ***********************************/

/*********************************** 關於我們 — SECTION 4 aboutus_data (numbers row) ***********************************/
.aboutus_data_block { background: #ffffff; }
.aboutus_data_block > .module-container > .main.row {
  max-width: 1100px; margin: 0 auto; padding: 60px 28px;
  display: flex; align-items: center; justify-content: center;
}
.aboutus_data_block .header-title.dp-tbl { display: none; }
.aboutus_data_block .blk-tabs { display: none; }

/* 每個數據區塊 */
.aboutus_data_block .aboutus_data { text-align: center; padding: 12px 0; position: relative; flex: 1; }
.aboutus_data_block .aboutus_data .text-container { width: 100%; margin: 0; }
.aboutus_data_block .aboutus_data .module { padding: 0; }

/* 數字在上、標籤在下：反轉排列 */
.aboutus_data_block .aboutus_data .text-link { display: flex; flex-direction: column-reverse; align-items: center; }

/* 數字樣式 */
.aboutus_data_block .aboutus_data .link-list { background: transparent; min-height: auto; padding: 0; margin: 0; }
.aboutus_data_block .aboutus_data .link-list ul { margin: 0; padding: 0; }
.aboutus_data_block .aboutus_data .link-list ul li { line-height: normal; }
.aboutus_data_block .aboutus_data .link-list ul li span {
  font-family: 'Noto Serif TC', serif;
  font-size: clamp(32px, 4vw, 44px);
  font-weight: 700;
  font-style: italic;
  line-height: 1.1;
  display: inline-block;
  background: linear-gradient(135deg, #47b897 0%, #5dc1cf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.aboutus_data_block .aboutus_data .link-list .fa { display: none; }

/* 標籤樣式 */
.aboutus_data_block .aboutus_data .text-link h2.text-left {
  font-family: 'Noto Sans TC', 'Poppins', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #8a958f;
  margin: 8px 0 0;
  padding: 0;
  text-align: center;
}

/* 分隔線（除了第一個以外） */
.aboutus_data_block > .module-container > .main.row > .aboutus_data + .aboutus_data::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 1px; height: 40px;
  background: #e6efe9;
}

/* RWD */
@media (max-width: 860px) {
  .aboutus_data_block > .module-container > .main.row { flex-wrap: wrap; padding: 40px 20px; }
  .aboutus_data_block .aboutus_data { flex: 0 0 50%; max-width: 50%; padding: 16px 0; }
  .aboutus_data_block > .module-container > .main.row > .aboutus_data + .aboutus_data::before { display: none; }
}
@media (max-width: 560px) {
  .aboutus_data_block .aboutus_data { flex: 0 0 50%; max-width: 50%; padding: 10px 0; }
  .aboutus_data_block .aboutus_data .link-list ul li span { font-size: clamp(26px, 8vw, 32px); }
}
/*********************************** 關於我們 — SECTION 4 end ***********************************/

/*********************************** 關於我們 — SECTION 6 aboutus_btn (CTA banner) ***********************************/
.aboutus_btn_block { background: #2c7a63; }
.aboutus_btn_block > .module-container > .main.row { max-width: 1200px; margin: 0 auto; padding: 52px 28px; }
.aboutus_btn_block .header-title.dp-tbl { display: none; }
.aboutus_btn_block .blk-tabs { display: none; }

/* widget 內部佈局：.main 相對定位，按鈕絕對定位右側垂直置中 */
.aboutus_btn_block .aboutus_btn .main { position: relative; }
.aboutus_btn_block .aboutus_btn .text-container { width: 100%; margin: 0; }

/* 左側主標題（widget 的 .header-title，非 block 層的 .dp-tbl） */
.aboutus_btn_block .aboutus_btn .main > .header-title {
  font-family: 'Noto Serif TC', serif; font-weight: 500;
  font-size: clamp(22px, 2.8vw, 28px); color: #fff;
  margin: 0 0 6px; padding: 0;
}

/* 左側副標（h2） */
.aboutus_btn_block .aboutus_btn .text-link h2 {
  font-family: 'Noto Sans TC', 'Poppins', system-ui, sans-serif;
  font-size: 15px; font-weight: 400; color: rgba(255,255,255,.6);
  margin: 0; padding: 0; text-align: left;
}

/* 右側按鈕區：絕對定位，垂直置中對齊整個 .main */
.aboutus_btn_block .aboutus_btn .link-list {
  background: transparent; min-height: auto; padding: 0; margin: 0;
  position: absolute; right: 0; top: 50%; transform: translateY(-50%);
}
.aboutus_btn_block .aboutus_btn .link-list ul { margin: 0; padding: 0; display: flex; gap: 14px; flex-wrap: wrap; }
.aboutus_btn_block .aboutus_btn .link-list ul li { display: inline-flex; margin: 0; }
.aboutus_btn_block .aboutus_btn .link-list .fa { display: none; }

/* 第 1 顆按鈕：白底深綠字 + compass icon */
.aboutus_btn_block .aboutus_btn .link-list li:first-child a {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 13px 32px;
  background: #fff; color: #2c7a63;
  font-size: 15px; font-weight: 600;
  border-radius: 8px; letter-spacing: .03em;
  line-height: 1.4;
  transition: background .2s, box-shadow .2s;
  text-decoration: none;
}
.aboutus_btn_block .aboutus_btn .link-list li:first-child a::before {
  content: ""; display: inline-block; width: 18px; height: 18px; flex: none;
  background: url(https://materials.fillo.com.tw/materials/clover/images/110ea4cc-c9f3-4a61-8301-a9a4d987f461.svg) no-repeat center / contain;
}
.aboutus_btn_block .aboutus_btn .link-list li:first-child a:hover {
  background: #f5faf7; color: #2c7a63;
  box-shadow: 0 4px 16px rgba(44,122,99,.18);
}

/* 第 2 顆按鈕：透明邊框白字 + message-circle icon */
.aboutus_btn_block .aboutus_btn .link-list li:nth-child(2) a {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; padding: 13px 32px;
  background: transparent; color: #fff;
  font-size: 15px; font-weight: 600;
  border-radius: 8px; border: 1.5px solid rgba(255,255,255,.5);
  letter-spacing: .03em;
  line-height: 1.4;
  transition: background .2s, border-color .2s;
  text-decoration: none;
}
.aboutus_btn_block .aboutus_btn .link-list li:nth-child(2) a::before {
  content: ""; display: inline-block; width: 18px; height: 18px; flex: none;
  background: url(https://materials.fillo.com.tw/materials/clover/images/d8ce8dd9-210b-458d-acba-670ede551c8f.svg) no-repeat center / contain;
}
.aboutus_btn_block .aboutus_btn .link-list li:nth-child(2) a:hover {
  background: rgba(255,255,255,.1); color: #fff;
  border-color: rgba(255,255,255,.8);
}

/* RWD */
@media (max-width: 860px) {
  .aboutus_btn_block > .module-container > .main.row { padding: 40px 20px; }
  .aboutus_btn_block .aboutus_btn .main > .header-title { text-align: center; }
  .aboutus_btn_block .aboutus_btn .text-container .module .text-link h2.text-left { text-align: center !important; }
  .aboutus_btn_block .aboutus_btn .link-list {
    position: static; transform: none;
    margin-top: 20px;
  }
  .aboutus_btn_block .aboutus_btn .link-list ul { justify-content: center; }
}
@media (max-width: 560px) {
  .aboutus_btn_block .aboutus_btn .link-list ul { flex-direction: column; align-items: center; }
  .aboutus_btn_block .aboutus_btn .link-list li:first-child a,
  .aboutus_btn_block .aboutus_btn .link-list li:nth-child(2) a { width: 100%; min-width: 200px; justify-content: center; }
}
/*********************************** 關於我們 — SECTION 6 end ***********************************/



/**** 公版調整 start ****/
.go-to-top{ display:none !important;}
/*會員登入頁 */
.D_member_my_register div#policyModal { z-index: 9999; }
.member_home .signin_width { margin-top: 100px; margin-bottom: 100px; }
.member_home.D_member_my_login .width-460 { margin-bottom: 100px; }
body.member_home.new_bg { background:#ffffff; }
body.member_home button.l_benPrimary{ background:#47b897; }
body.member_home .note_box a { color: #47b897; }
body.member_home a.font4.blue-txt2 { color:#545454; }
body.member_home .member_title { margin: 70px 0 30px; }
body.member_home .member-l_title .title_txt{ color:#545454;}
body.member_home .signin_box.member-l_box>.d-block.mb-20.p-2.bg-light.text-muted a.btn.btn-sm.btn-outline-primary{
    color: #545454; background-color: transparent; background-image: none; border-color: #545454; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}
/* 會員專區 */
@media (min-width: 768px) {
    .member_width .member_title { margin: 70px 0 30px; }
}

/* 訂購流程頁 */
.stepPage_btn>div>div { flex: 1; max-width: initial; }
@media (min-width: 768px) {
    form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;}
}

/* 搜尋列表頁 */
.search-area .search-box .search-btn { background:#47b897; color: #ffffff;}
.search-area .search-box .select-place .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-goal .title i,
.search-area .search-box .select-date .title i,
section.group_banner .search-area .search-box .select-departure .title i,
section.group_banner .search-area .search-box .select-destination .title i,
section.search_banner .search-area .search-box .select-input .data-icon-search{color: #47b897; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color:#47b897; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill:#47b897; }
figure.block_style .main_words .go-date,.pic_style figure.block_style .go-date{  font-size: 1.1rem;}
figure.block_style .main_words .go-date>span.text-danger,
.pic_style figure.block_style .go-date>span.text-danger,
.search_table tbody td.go-date .go-date>span.text-danger{ color: #47b897 !important; }
figure.block_style .main_words a,
.pic_style figure.block_style .main_words a,
.search_table .main_words .title_main{ color: #333333;}
figure.block_style .main_words a:hover,
.pic_style figure.block_style .main_words a:hover,
.search_table .main_words .title_main:hover{ color:rgb(71, 184, 151) !important; }
.list_con figure.block_style .pic_all::after{ border-color:transparent transparent transparent rgba(71,184,151,.6);}
.irs-bar { height: 3px; top: 33px; border-top: none; border-bottom: none; background:#909090}
.irs-bar-edge {  height: 10px; top: 33px; width: 14px; border: 1px solid #909090; border-right: 0; background: #909090; background: -webkit-gradient(linear,left bottom,left top,from(#909090),to(#909090)); background: linear-gradient(to top,#909090 0,#909090 100%); border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px}
.irs-slider { top: 25px; width: 20px; height: 20px; border: none; background: #ddd; background: #909090; border-radius: 27px; -moz-border-radius: 27px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer}
.irs-slider.state_hover,.irs-slider:hover { background: #fff; border: 2px solid #909090}
.irs-from,.irs-single,.irs-to{ color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #909090; border-radius: 3px; -moz-border-radius: 3px}
.irs-grid-pol { opacity: .5; background: #6a7178;}
.irs-grid-pol.small { background: #999}
.irs-grid-text { bottom: 5px; color: #99a4ac}
.plane.plane-s1::after{ color: #47b897;}
.plane.plane-s1:hover{color: #47b897;}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i,.filter_list .accordion .card.travel-type i,.filter_list .accordion .card.by-airline i,.filter_list .icon-bus,.filter_list i.data-icon.data-icon-signUp,.filter_list i.data-icon.data-icon-discount{ color: #47b897; }
.filter_list .accordion .card.by-airline .radio_style [type="radio"]:checked + label:after { background:#6a7178; }
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #909090;}
.filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #909090;}
.filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; }
.filter_list .card.others .badge.badge-primary { background: #909090;}
section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active,section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #47b897; color: #55575a; }
section.search_con .pagination .page-item .page-link:focus{ box-shadow: none;}
section.search_con .pagination .page-item .page-link:hover svg, section.search_con .pagination .page-item .page-link:active svg{ fill:  #47b897;}
.search_table.table .thead { background: #3e464b; height: 2.8rem; line-height: 2.8rem;}
.search_table tbody td.go-airport img { margin: 0 auto; }
.modal-body section.group_table.trip_airline .table .thead {background: #3e464b;}
section.group_table.trip_airline .table .thead th { border-right: 1px solid #3e464b;}
.list_con a.btn.btn-primary { background-color: #47b897; border-color: #47b897;}
figure.block_style .price_all .btn { width: 88px; padding: 5px 25px; font-size: 18px; margin: 20px 0 0; float: right; }
.tab-content .search_table.table .price.tour-price.price_box a { padding: 5px 25px; font-size: 18px; }
figure.block_style .price_all h4, .pic_style figure.block_style .price_all h4{ margin-top: 10px;}
.list_con a.btn.btn-primary:not(:disabled):not(.disabled):active,.list_con a.btn.btn-primary:not(:disabled):not(.disabled):active:focus { background-color: #47b897; border-color: #47b897; opacity: 0.8; }
.list_con a.btn.btn-green:not(:disabled):not(.disabled):active,.list_con a.btn.btn-green:not(:disabled):not(.disabled):active:focus { background-color: #f49e58; border-color: #f49e58; opacity: 0.8; }

/* 字體尺寸調整 */
figure.block_style .pic_all .item_days{ font-size: 1.7rem;}
figure.block_style .main_words a{ font-size: 1.25rem;}
figure.block_style .price_box span,.search_table tbody td.tour-price span {font-size: 1.2rem; font-weight: 600;}
.pic_style figure.block_style .price_all h4 span{font-size: 1.2rem; font-weight: 600; }
figure.block_style .price_box small { font-size: 0.9rem; }
figure.block_style .main_words h6{ font-size: 0.9rem;}
figure.block_style .main_words h6>div span { font-size: 1rem; }
figure.block_style .note_words>div{ font-size: 1rem;} 
.search_table.table .thead th { font-size: 1rem; font-weight: 400; }
@media(min-width:1200px){
	.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner{ height: 200px;}
	.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { min-height: 110px; bottom: calc(50% - (160px/2)); }
}
@media (min-width:768px) and (max-width: 1199px){
	.WinChrome section.group_banner.search_banner, .WinIe section.group_banner.search_banner { height: 300px; }
	.WinChrome section.group_banner .search-area, .WinIe section.group_banner .search-area { bottom: calc(50% - (240px / 2)); }
}
@media (max-width: 991px){
    figure.block_style .price_all .btn { width: 100%; float: inherit; }
}

/* 國內旅遊列表 */
.D_products_domestic_search .list_con .select_filter .form-group .sequence { justify-content: flex-end; }
.D_products_domestic_search section.group_banner .form-check label { color: #fff; }
.D_products_domestic_search section.group_banner .search-area > form.container { border: 0; position: relative; background-image: url(https://materials.fillo.com.tw/materials/cowelltrip/images/39a99b35-d14f-4f97-ac3f-d55c771e4ddb.jpg); }
.D_products_domestic_search section.group_banner .search-area > form.container::after{  width: 100%; background: rgb(49 63 95 / 36%); display: block; z-index: 0; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.D_products_domestic_search section.group_banner .search-area .search-box { z-index: 1; }

/* 團型列表 */
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #dedede; border-color: #dedede; }
section.group_table.tripdown .style_icon ul li a.nav-link{ color: #3e464b; border: 1px solid #3e464b;}
section.group_table.tripdown .style_icon ul li a.nav-link.active { background:#3e464b; color: #ffffff; }
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#3e464b; }
section.group_table:before { -webkit-filter: grayscale(1) opacity(.3); }
section.group_banner .media-grouop .share_box:hover, section.group_banner .media-grouop .forword_box:hover{  background: #797979;}
.D_products_group_mold .popover{background: #797979; }
.D_products_group_mold .popover .arrow:after,.D_products_group_mold .popover .arrow:before { border-color: transparent transparent #797979 transparent; }
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: #dedede;}
section.group_table.trip_features .container>div>h2, section.group_table.trip_airline .container>div>h2, section.group_table.trip_day .container>div>h2, section.group_table.trip_note .container>div>h2, section.group_table.view_intro .container>div>h2, section.group_table.tripdown .container>div>h2 { position: relative; color:#554135; margin-bottom: 0; font-size: 2.3rem; text-shadow: none; }
section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after,
section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after,
section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background:#55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); }
.D_products_group_mold section.group_banner .info .btn-primary{ background:#47b897; border-color: #47b897; color: #ffffff;}
.D_products_group_mold section.group_banner .info .btn-primary::before{  font-size: 1.2rem; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }
section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; }
.search_table tbody td.sale-situation .btn.btn-primary,.search_table tbody td.sale-situation .btn.btn-primary:hover{ border-color: #47b897; background: #47b897; color: #ffffff;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #47b897;}
section.search_con .list_con.mold figure.block_style .main_words>.mold_price>h4{ width: 100%;}
section.search_con .list_con.mold figure.block_style .main_words>.mold_price span.text-danger{font-size: 20px;}
/* 字體尺寸調整 */
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; }
/* 月曆 */
.web-page-frame .group_table .style_icon ul { list-style: none; }
.D_products_group_mold #search-calendar .fc .fc-toolbar.fc-header-toolbar,.D_products_group_detail #search-calendar .fc .fc-toolbar.fc-header-toolbar { background:#3e464b; height: 3rem; }
.D_products_group_mold #search-calendar .fc .fc-button,.D_products_group_detail #search-calendar .fc .fc-button { box-shadow: none; }
.D_products_group_mold #search-calendar .fc .fc-button-primary,.D_products_group_detail #search-calendar .fc .fc-button-primary {
    color: #000000;
    color: var(--fc-button-text-color, #000000);
    border-color: #fafafa;
    border-color: var(--fc-button-border-color, #fafafa);
}
.D_products_group_mold #search-calendar .fc .fc-button-primary:disabled,.D_products_group_detail #search-calendar .fc .fc-button-primary:disabled {
    background-color: #3e464b;
    background-color: var(--fc-button-bg-color, #3e464b);
    color: #b2b2b2;
}
.D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled):hover,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled):hover, .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled):active,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled):active, .D_products_group_mold #search-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,.D_products_group_detail #search-calendar .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #ebebeb;
    background-color: var(--fc-button-active-bg-color, #ebebeb);
    border-color: #fafafa;
    border-color: var(--fc-button-active-border-color,#fafafa);
}
section.group_table.tripdown .container .fc-toolbar h2.fc-toolbar-title { text-shadow: none; font-size: 18px; line-height: 2.8rem; }

@media (min-width: 576px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 540px; }
}
@media (min-width: 768px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 720px; }
}
@media (min-width: 992px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 960px; }
	
}
@media (min-width: 1200px){
	.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ max-width: 1440px; }
}
.web-page-frame > .row:nth-child(2) > div > div > .row > div:nth-child(2) > .row > table.search_table{ background: #fff; width:calc(100% - 30px); margin-left:auto; margin-right:auto; }
.web-page-frame > .row:nth-child(2) > .col-md-12 > div > .row > .col-lg-12 > .row > .text-center{ width: 100%; margin-bottom: 3rem; }

@media (max-width: 767px){
    figure.block_style .media_all_plane-md{ justify-content: flex-end !important;}
    figure.block_style .media_all_plane-md a.btn{ padding: 5px 25px; font-size: 18px; margin: 10px; }
}

@media (max-width: 575.98px){
	.D_products_group_mold section.group_banner { margin-top:0; }
	.D_products_group_mold .sub_menu-trip .server_menu > ul > li a{font-size: 15px;}
}


/* 個團明細頁 */
section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; }
section.group_banner.trip_banner h1{ font-size: 1.8rem; margin-bottom: 28px;}
section.group_banner.trip_banner h3.price { font-size: 1.6rem; }
section.group_banner.trip_banner h3.price span, section.group_banner.trip_banner h3.price small{ font-size: 60%;}
section.group_banner.trip_banner h6{ font-size: 1rem;}
section.group_banner .price_content .panel-info .panel-heading { padding: 0 0 4px; background: transparent; color:#47b897; font-size: 15px; font-weight: 400; border-bottom: 1px solid #e1e6ef; }
section.group_banner .price_content .panel-info .panel-body { padding: 2px;  font-size: 1em;}
section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size:16px; font-weight: normal;}
section.group_banner .basic-air-airport i{ color:#47b897;}
section.group_banner.trip_banner .brief h5{font-size: 15px; }
section.group_banner .price_content .panel-info { border: 0; width: calc(33.333333% - 10px); text-align: left;}
section.group_banner .basic-air-info { border:1px solid #47b897; border-radius: 5px;  padding: 15px 10px !important;}
section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #6a7178; }
.basic-air-info .go i, .basic-air-info .back i { color:#554135; font-size: 20px;}
section.group_banner .basic-air-btn a { float: right; font-size: 16px; font-weight: bold; background: #47b897; border: 1px solid #47b897; padding: 5px 25px; color: #ffffff; border-radius: 10px; }
section.group_banner .basic-air-btn a:hover { background: #6b7178; color: #ffffff; }
section.group_banner .basic-air-info .time { font-size:16px; border-bottom: 2px dotted #aab7d1; }
.modal-content h5.modal-title strong{ color:#6a7178;}
.flight_details .details_box > h4 { background:#6a7178;}
.flight_details .details_box > h4 i { color: #eeeeee; }
.flight_details { border: 1px solid #797979; }
.trip_day .group_table_box table .thead { background: #797979; height: 2.8rem; font-weight: normal; color: #fff; font-size: 1rem; line-height: 2.8rem; }
section.group_table.trip_day table.table tr.thead th:nth-child(2){ background: #797979;}
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ display: none;}
.day_con .text_gary2.hotel a { color: #55575a; }
.Day_menu .swiper_day .swiper-slide a:hover {color: #fff; background:#47b897; border: 1px solid #47b897;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #797979; }
.web-page-frame .group_table ul{list-style:disc; padding-left: 20px;}
.web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ color:#47b897;}
.D_products_group_detail div#exampleModalCenter{ z-index: 100000000; }
.Day_menu.day_fixed { top: 56px !important; }
.D_products_group_detail section.group_table.trip_features { text-align: left; }
/* 分區背景圖移除 */
/* section.group_table:before, section.group_table.trip_features:before, section.group_table.trip_airline:before,
section.group_table.trip_day:before, section.group_table.trip_note:before, section.group_table.view_intro:before, section.group_table.contact:before {display: none; } */

@media (min-width: 576px){
    .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; }
}
@media (max-width: 991.98px){
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom: 1px solid #55575a;}
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ border:0}
}
@media (max-width: 767px){
    .Day_menu.day_fixed { top: 60px !important; }
}

/* 側選單 */
.sub_menu-trip .trip_menu{ border: 1px solid #47b897; border-right: 0;}
/* .sub_menu-trip .trip_menu i{ display: none;} */
.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
.sub_menu-trip .server_menu a i{ font-size: 18px;}
.sub_menu-trip .server_menu > ul > li a i {margin-right: 2px; line-height: 35px; font-size: 18px;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; }
.sub_menu-trip .server_menu > ul > li a>img { width: 22px; }
.sub_menu-trip .server_menu a{ color:#47b897;}
.sub_menu-trip .server_menu li:nth-child(1) { background:#47b897; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #47b897;}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn { border-top: 0; }
.sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background:#ffffff; }
.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { border-left: 0; }
.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled, .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ color:#ffffff; }
@media (min-width: 992px){
    body.D_products_group_detail .sub_menu-trip{ transition: all 0.5s; }
    body.D_products_group_detail.open .sub_menu-trip,
    body.D_products_group_detail.closenav.open .sub_menu-trip{right:125px; }
    body.D_products_group_mold .sub_menu-trip{ transition: all 0.5s; }
    body.D_products_group_mold.open .sub_menu-trip,
    body.D_products_group_mold.closenav.open .sub_menu-trip{right:125px; }
    body.closenav .sub_menu-trip { right: 0px; }
	.sub_menu-trip .server_menu > ul{ margin-bottom: 0;}
	.sub_menu-trip .server_menu > ul > li { height: 45px; font-size: 1rem;}
	.sub_menu-trip .server_menu > ul > li a{padding: 5px 8px; border-left:1px solid #47b897;}
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; }
	.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
	.sub_menu-trip .trip_menu li a span{ font-size: 0.9rem;}
	.sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;}
	.sub_menu-trip .trip_menu li a:hover span { color: #47b897; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul{ height: 45px; width: 180px;}
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li{ height: 45px;}
}
@media (max-width: 1350px){
	.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
}
@media (max-width: 991.98px){
	/* .D_products_group_detail .sub_menu-trip .trip_menu{ display: none;} */
	.sub_menu-trip .server_menu{ width: 100vw;}
	.sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; }
	.sub_menu-trip .trip_menu:after { border: solid #47b897; border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #47b897; }
	.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li:nth-child(2) img { padding-top: 16px; margin: 0 auto; }
    .sub_menu-trip .server_menu > ul > li.download-fixed-btn{ border-top: 1px solid #47b897;}
}
@media (max-width: 767px){
	.sub_menu-trip .server_menu{ width: 100vw;}
}
@media (max-width: 576px){
	.sub_menu-trip .server_menu{ width: 100vw;}
	.sub_menu-trip .server_menu > ul > li a{font-size:0; padding-top: 3px;}
	.sub_menu-trip .server_menu > ul > li a i {  line-height: 45px; margin: 0; font-size: 15px;}
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn{ -ms-flex: 2; flex:2;}
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ font-size: 13px;}

}
@media (max-width: 991.98px) and (min-width:577px){
	.sub_menu-trip .server_menu > ul > li a { padding-top: 10px; }
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ padding-top: 10px;}
}

/* 新版團型頁 */
.Detail .breadcrumb .breadcrumb-item a{color: #47b897; }
.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a:hover{ color:#47b897 }
.D_products_group_molddetail .breadcrumb .breadcrumb-item.active{ color: #554135;}
.D_products_group_molddetail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .breadcrumb .breadcrumb-item a:hover{color: #47b897;}
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom>.btn { white-space: initial; padding: 0; font-size: 0;}
.D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures { flex-wrap: wrap; }
.D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures li:first-child,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures li:first-child { margin-left: 10px;}
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div { background-color:#ECEFF2;; color: #47b897;}
.Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #ECEFF2;}
.D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #47b897; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background:#e8f5f5; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #47b897; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled,
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i { margin-right: 2px; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a i{ margin: 0;}
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; }
.Detail.DepartureDate .nav-tabs .nav-link{ border: 1px solid #47b897; border-bottom-color: #47b897; color: #47b897;}
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #47b897; color: #ffffff;}
.Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #47b897; }
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.Detail.DepartureDate .SearchTable .table thead th{ border-bottom: 1px solid #989898;}
.MPGO .Detail .PriceBlock ul li.FlightDetails a, .MGO .Detail .PriceBlock ul li.FlightDetails a, .MPGDT .Detail .PriceBlock ul li.FlightDetails a, .MGDT .Detail .PriceBlock ul li.FlightDetails a{background-color: #47b897;}
.MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MPGDT .Detail .PriceBlock ul li.FlightDetails a:hover, .MGDT .Detail .PriceBlock ul li.FlightDetails a:hover{ background-color: #afcfdf;}
.Detail.MarketingBox h2,.LowestPrice h2#LowestPriceTitle{ color: #5f4c40; }
.Detail.MarketingBox h2 .MarketIcon,.LowestPrice .material-icons{ color: #47b897; }
.Detail.DayTrip .DayTripBtn{ background-color: #808080; border: 1px solid #808080;}
.Detail.DayTrip .DayTripBtn:hover { background-color: #47b897; border: 1px solid #47b897; }
.Detail.DayTrip .DayTripBtn.Multiple,
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { border: 1px solid  #47b897; color:#47b897; }
.Detail.DayTrip .DayTripBtn.Multiple:hover,.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #47b897;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid  #47b897;}
.Detail .TripNoteBlock { background-color: #F8F5F0; }
.Detail .TripNoteBlock .NoteTitle h3 { color: #47b897; }
.Detail .TripNoteItems + .TripNoteItems::before { background: #cecece; }
.D_products_group_molddetail section.AnchorPoint > div > h2.APtitle{ color: #5f4c40; }
.D_products_group_molddetail section.AnchorPoint > div > h2.APtitle::after{ content: ""; background: #55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0);}
.D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 60px;}
#dayTrip{ word-break: break-all; }
/* 團型分區背景移除 */
section.AnchorPoint.TripFeature:before,
section.AnchorPoint.DepartureDate:before,
section.AnchorPoint.DayTrip:before,
section.AnchorPoint.FeeDescription:before,
section.AnchorPoint.TripNote:before { background:none }


@media (min-width: 768px){
    .D_products_group_molddetail section.AnchorPoint div.container { width: 88%; max-width: 720px; }
}
@media (min-width: 992px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{  flex: 1;  max-width: initial;  min-width: initial;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem;  min-width: initial;}  
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #47b897; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #47b897;}
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{ color: #47b897;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; }
}
@media (min-width: 1200px) {
    .D_products_group_molddetail section.AnchorPoint div.container{ max-width: 1440px; }
}
@media (min-width: 1601px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;}
}

@media (max-width: 1600px){
    .D_products_group_molddetail .DetailContainer { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 1600px) and (min-width: 992px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 150px; max-width: 150px;}
    .D_products_group_molddetail .Detail.DepartureDate>.container.col-md-9 { max-width: 100%; }
    .D_products_group_molddetail section.AnchorPoint div.container{ max-width: 100%;}
}
@media (max-width: 1350px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;}
}
@media (max-width: 991px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; }
}
@media (max-width: 767px){
    .Detail.DayTrip .DayTripBtn.Multiple::before{ font-size: 0.9rem;}
}
@media (max-width: 575px){
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a { font-size: 0; }
    .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;}
    .D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;}
    .D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 30px;}
}

/****** 國內團型明細頁start ******/
/* 調整色系 */
.D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item a,.D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item a:hover{ color: #47b897; }
.D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item.active{ color: #554135;}
.D_products_domestic_molddetail section#marketing h2.TextPrimary { color: #47b897; }
.D_products_domestic_molddetail .Detail.MarketingBox h2 .MarketIcon{color: #47b897;}
.D_products_domestic_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a,
.D_products_domestic_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a,
.D_products_domestic_molddetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover,
.D_products_domestic_molddetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #47b897; }
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link,
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #47b897; color:#ffffff;}
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #47b897; border-bottom-color: #47b897; color: #47b897; }
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #47b897; }
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before,
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; }
.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #47b897; }
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #47b897;}
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after{  border-color: transparent transparent transparent #47b897;}
.D_products_domestic_molddetail .flight_details .details_box > h4 { background: #47b897;}
.D_products_domestic_molddetail .flight_details{ border: 1px solid #47b897; }
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-icon-group{ position:relative; width: 100%; top: initial; }
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .Alternate{ width: 100%;}
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .fc-price{ padding: 0;}
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left,
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);}
.D_products_domestic_molddetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;}
.Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; }
.Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; }
.Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; }
.Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #47b897; border:1px solid #47b897; }
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #47b897; color: #47b897; width: 142px; }
.D_products_domestic_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #47b897; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #e8f5f5; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color:#47b897; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled,
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a { border-left: 0; color: #ffffff; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #47b897;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #47b897;}
.D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle{ color: #554135;}
.D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; }
.D_products_group_molddetail .Detail.DepartureDate .IconMean{ top: 60px;}
@media (min-width: 768px){
	.D_products_domestic_molddetail #tripfeature .DetailBox>.container{ max-width: 1440px; width: 85%;}
	.D_products_domestic_molddetail section#dayTrip>div.container{max-width:960px; width: 88%;}
}
@media (min-width: 992px){
	.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;}
	.D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #47b897; }
	.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem;  min-width: initial;}  
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid #47b897; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #47b897; border-right: 0; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; }
	.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;}
	.D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;}
	.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu>ul>li.share-fixed-btn a .icon-icon-share { margin-right: 6px; margin-left: 4px; font-size: 17px;}
}
@media (min-width: 1200px){
	.D_products_domestic_molddetail section#dayTrip>div.container{ max-width: 1440px; width: 85%;}
	.D_products_domestic_molddetail .DepartureDate>.container.clearfix.col-md-9.mx-auto { width: 85%; max-width: 1440px; }
}
@media (max-width: 1600px){
	.D_products_domestic_molddetail .DetailContainer{ -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 1350px){
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;}
}
@media (max-width: 991px){
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; }
}
@media (max-width: 575px){
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; }
    .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn{ flex: 0 0 130px;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 15px;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;}
	.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;}
	.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after { border-color:transparent #9ddfdd transparent transparent; }
	.D_products_domestic_molddetail .Detail.DepartureDate .IconMean{ top: 50px;}
}
/****** 國內團型明細頁end ******/

/****** 國內個團明細頁start ******/
/* 調整色系 */
.D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item a,.D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item a:hover { color:#47b897; }
.D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item.active{ color: #554135}
.D_products_domestic_gdetail section#marketing h2.TextPrimary { color: #47b897; }
.D_products_domestic_gdetail .Detail.MarketingBox h2 .MarketIcon{color: #47b897;}
.D_products_domestic_gdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a,
.D_products_domestic_gdetail .MGO .Detail .PriceBlock ul li.FlightDetails a,
.D_products_domestic_gdetail .MPGO .Detail .PriceBlock ul li.FlightDetails a:hover,
.D_products_domestic_gdetail .MGO .Detail .PriceBlock ul li.FlightDetails a:hover{ background: #47b897; }
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link,
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #47b897; color:#ffffff;}
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #47b897; border-bottom-color: #47b897; color: #47b897; }
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #47b897; }
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before,
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .table thead th { border-bottom: 1px solid #999; }
.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .SaleSituation span.BtnPrimary { color: #47b897; }
.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div{ background-color: #47b897;}
.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after{  border-color: transparent transparent transparent #47b897;}
.D_products_domestic_gdetail .flight_details .details_box > h4 { background: #47b897;}
.D_products_domestic_gdetail .flight_details{ border: 1px solid #47b897; }
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-left,
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar span.fc-icon.fc-icon-chevron-right{ -webkit-filter: grayscale(1);}
.D_products_domestic_gdetail .Detail.DepartureDate .fc .fc-toolbar.fc-header-toolbar .fc-button-group button{ box-shadow: none;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn { background-color: #8f8f8f; border: 1px solid #8f8f8f; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn:hover { background-color: #656565; border: 1px solid #656565; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple { border: 1px solid #8f8f8f; color: #8f8f8f; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripBtn.Multiple:hover { background-color: #47b897; border:1px solid #47b897; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #47b897; color: #47b897; width: 142px; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #47b897;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #47b897;}
.D_products_domestic_gdetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ background:  #47b897; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn,
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn,
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { background: #f4ede6; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #47b897; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ font-size: 18px; width: auto; line-height: 35px; margin-right: 2px;}
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn .disabled,
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a { color: #ffffff; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after{ margin-left: 5px;}
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { margin-left: 4px; margin-right: 5px; font-size: 18px; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu li{ box-shadow: none;}
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a { border-left: 0; color: #ffffff; padding: 0 8px; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px;}
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a i,
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span { margin-right: 2px; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)[disabled],
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1):disabled{ color: #9e9e9e;}
.D_products_domestic_gdetail section.AnchorPoint > div > h2.APtitle{ color: #47b897;}
.D_products_domestic_gdetail section.AnchorPoint > div > h2.APtitle::after{ height: 1px; background: #55575a; }
.D_products_domestic_gdetail #tripfeature.Detail .MainTitle{ margin-top: 20px;}
.D_products_domestic_gdetail .Detail .PriceBlock .TotalPrice .Price{ font-size: 1.6rem;}
.D_products_domestic_gdetail .Detail.DepartureDate .IconMean{ top: 60px;}
@media (min-width: 992px){
    .Detail .TripTitle h1 { font-size: 1.8rem; }
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li { min-width: 107px;}
	.D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a:hover span { color: #47b897; }
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li{ height: 45px; font-size: 1rem;  min-width: initial;}  
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding: 5px 8px 5px 12px; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a { padding: 5px 8px; border-left: 1px solid  #47b897; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #47b897;  border-right: 0;}
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ border-left: 0;}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu li a span { font-size: 0.9rem; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; }
	.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .ItineraryName{flex: 1; max-width: initial; min-width: initial;}
	.D_products_domestic_gdetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 300px; max-width: initial; min-width: initial;}
}
@media (max-width: 1350px){
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;}
}
@media (max-width: 991px){
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; }
	.D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu{ width: 0;}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; }
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{  border-top: 1px solid #47b897;}
}
@media (max-width: 767px){
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; }
}
@media (max-width: 575px){
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu { width: 100%; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; }
    .Detail.sub_menu-trip .server_menu > ul > li a i, .Detail.sub_menu-trip .server_menu > ul > li a span{ line-height: 45px;}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li a span.icon-icon-share { line-height: 40px; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ flex: 0 0 130px;}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn a{ font-size: 0}
    .D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn > a > span{ margin-right: 5px;}
	.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a{ font-size: 0;}
	.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent #7ebac1 transparent transparent; }
	.D_products_domestic_gdetail .Detail.DepartureDate .IconMean{ top: 50px;}
}
/****** 國內個團明細頁end ******/

/* 天數錨點 */
#day_menu { padding-top: 60px; }
#day_menu .list-group{ background: #f3f3f3; max-width: 100%; }
#day_menu .list-group.Fixed_Date_Bar { top: 52px !important; }
#day_menu .list-group .list-group-item{color:#47b897; font-size: 14px;}
#day_menu .list-group .list-group-item:hover { background-color: #f3f3f3; border-color:  #f3f3f3; color:#47b897;}
#day_menu .list-group .list-group-item.active { background-color:#47b897; border-color: #47b897; color: #ffffff; }
@media (max-width: 767px){
    #day_menu .list-group.Fixed_Date_Bar { top: 65px !important; }
    /* #day_menu .list-group{ display: none;} */
}

/* 我要洽詢 */
.D_order_contact_detail section.group_table.contact .contac_form .btn-primary { background-color:#47b897; border-color: #47b897; }

/**** 公版調整 end ****/