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;
}
/******** shallwetravel style ********/
.shallwe_width{ max-width: 1360px;}
.row.header+.row{ padding-top: 122px;-webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.row.header.gizle+.row{ padding-top:50px; }
.block_hide{ display: none !important;}
.widget-item.col-lg-12.col-md-12.col-12 { min-height: 0; }
.block-item.shallwe_title>.module-container>.main>.header-title>div,.widget-item.shallwe_title .header-title>div { position: relative; display: table; margin: 0 auto 5px; line-height: 32px; color: #14264b; font-size: 26px; font-weight: 600;  font-family: 'Noto Serif TC', serif !important; letter-spacing: 2px; text-align: center;}
.block-item.shallwe_title>.module-container>.main>.header-title>div::after,.widget-item.shallwe_title .header-title>div::after{ content: ""; position: absolute; top: -10px; left: -16px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/dc21cd73-e16d-48ac-b430-5d6d8c09ffa0.svg) no-repeat center; background-size: 56px; width: 56px; height: 32px;}
.block-item.shallwe_title>.module-container>.main>.header-title, .widget-item.shallwe_title .header-title{ width: auto;  display: table; margin: 45px auto;  color: #e09b00; font-size: 40px; font-family: 'Italiana', serif !important; letter-spacing: 1px; font-weight: 400;text-align: center; }
.block_hide{ display: none !important;}
@media (max-width:1390px){
    .shallwe_width { max-width: calc(100% - 100px); }
}
@media (max-width:991px){
    .shallwe_width { max-width: calc(100% - 60px); }
    .row.header+.row{ padding-top: 109px;}
}
@media (max-width:767px){
    .row.header+.row { padding-top: 60px; }
    .block-item.shallwe_title>.module-container>.main>.header-title, .widget-item.shallwe_title .header-title{ font-size: 28px;margin: 45px auto 30px;}
    .block-item.shallwe_title>.module-container>.main>.header-title>div, .widget-item.shallwe_title .header-title>div{ font-size: 24px;}
}
@media (max-width:575px){
    .shallwe_width{max-width: calc(100% - 40px); }
}

/***** header *****/
.shallwe_header{ position: fixed; width: auto; top: 0; left: 0; right: 0;  display: block; z-index: 9999; -webkit-transition: all 0.5s; transition: all 0.5s;}
/* 主選單 */
.main_nav .mega-menu > section.menu-list-items{ background: rgb(226 231 242 / 90%) !important;}
.main_nav .mega-menu .menu-links > li > a { font-size: 18px; font-weight: 600; }
.main_nav .mega-menu .menu-links > li:hover > a::before{ opacity: 1;}
.main_nav .mega-menu .menu-links > li:hover {  background-color: rgb(247 248 251 / 55%);}
.main_nav .mega-menu .menu-links > li:hover a { color:#2d487f !important; }
.main_nav .mega-menu .menu-links > li > a i { padding-left: 3px; color:#ffffff;}
.main_nav .mega-menu .mg-drop-down h4 { position: relative; font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; padding-left: 20px; }
.main_nav .mega-menu .mg-drop-down h4::before{ content: ""; position: absolute; left: 0; bottom: 12px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/ce035cfb-c363-4a91-a65c-9dd6e256830b.svg) no-repeat center;  width: 18px; height: 18px;}
.main_nav .mega-menu .mg-drop-down h4::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#b6bcc6; }
.main_nav .mega-menu .menu-links li .list_box ul li a { font-size: 16px; }
.main_nav .mega-menu .menu-links > li .list_box a p { display: block; margin-left: 0; margin-right: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.main_nav .mega-menu .menu-links > li .list_box a:hover p { color: #7b98cb !important; margin-left: 5px; margin-right: 0px; }
.main_nav .mega-menu .menu-links > li .list_box li:first-child a { display: block; padding-bottom: 0; padding-top: 0; }
.main_nav .mega-menu .menu-links > li .list_box li:first-child a p { color: #E09B00 !important; position: relative; font-size: 18px; font-weight: 600; padding-bottom: 10px; padding-left: 20px; line-height: 1.25; }
.main_nav .mega-menu .menu-links > li .list_box li:first-child a:hover p { margin-left: 0; margin-right: 5px; }
.main_nav .mega-menu .menu-links > li .list_box li:first-child a p::before { content: ""; position: absolute; left: 0; bottom: 13px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/ce035cfb-c363-4a91-a65c-9dd6e256830b.svg) no-repeat center; width: 18px; height: 18px; }
.main_nav .mega-menu .menu-links > li .list_box li:first-child a p::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #b6bcc6; }
.main_nav .mega-menu .menu-logo { height: 64px;}
.main_nav .mega-menu .menu-logo > li > a img{ width: 150px; height: auto; top: 0; left: 15px; bottom: initial; max-width: initial !important; padding-top: 8px;}
.main_nav .mega-menu .menu-links li .list_tag { margin: 0; float: left; padding: 10px 0 0px; }
.main_nav .mega-menu .menu-links li .list_tag ul { float: initial; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin: 0; }
.main_nav .mega-menu .menu-links li .list_tag li { -ms-flex: 0 0 25%; flex: 0 0 25%; margin-right: 0; }
.main_nav .mega-menu .menu-links li .list_tag li a { font-size: 18px; position: relative; font-size: 18px; padding-bottom: 10px; letter-spacing: 0.5px; padding-left: 12px; }
.main_nav .mega-menu .menu-links li .list_tag li a::before { content: ""; position: absolute; top: 17px; left: 0; background: #e09b00; width: 7px; height: 8px; border-radius: 50%; transform: skewX(-10deg); }
.main_nav .mega-menu .menu-links li .list_tag a p { color: #2d487f !important; font-size: 18px; font-weight: 600; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.main_nav .mega-menu .menu-links li .list_tag a:hover p{color: #7b98cb!important; }
/* 子選單 */
.main_subnav{ background: rgb(20 38 75 / 90%);  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.header .main_subnav>.module-container>.main>.module{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.header.gizle .main_subnav>.module-container>.main>.module{ min-height:0 !important;}
.main_subnav .header-part { max-width: 1360px; margin: 0 auto; padding: 6px 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.header.gizle .main_subnav .header-part{ margin: -72px auto 0 !important;}
.main_subnav .header-part .navbar-brand { height: 60px; padding: 0;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.header.gizle .main_subnav .header-part .navbar-brand{ height: 0;}
.main_subnav .navbar-expand-lg .navbar-nav li .nav-link { padding-left: 28px; position: relative; color: #ffffff;}
.main_subnav .navbar-expand-lg .navbar-nav li .nav-link:hover { background: transparent; color: #e09b00; }
.main_subnav .navbar-expand-lg .navbar-nav li .nav-link::before { content: ""; position: absolute;  background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; left: 8px; top: 14px; }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1) .nav-link::before,
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2) .nav-link::before{ background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/9da4c749-d8a8-489c-83af-874d19cd54c3.svg); }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/ea913874-190a-40bb-b5ba-1262c40935bb.svg); }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(4) .nav-link::before { background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/87fd5889-0490-427e-99e1-5fe1cd34cd35.svg); }
.main_subnav .navbar-expand-lg .navbar-nav li:last-child .nav-link::before { background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/996471bc-a7c9-42ac-8f8a-784137980b99.svg); }
.main_subnav .header-part .navbar-nav li a,.main_subnav .header-part .navbar-nav .nav-link{ line-height: 30px; font-size: 16px; letter-spacing: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_subnav .showName { padding: 0;}
.main_subnav .showName .member-name { flex: 1; margin-bottom: 3px;}
.main_subnav .showName a { background: transparent; border: 1px solid #ffffffc4; color: #ffffff; text-decoration: none; text-align: center; white-space: nowrap; border-radius: 4px; padding: 4px 10px; font-size: 16px; width: 100%; display: block; }
.main_subnav .header-part .navbar-nav li .showName a.SignOut { margin: 0px 0 0 5px; border-radius: 0; padding: 0px 5px; background: #e8e8e8; border: none; line-height: 30px; font-size: 14px; flex: 0 0 20px; border-radius: 5px; height: 30px; color: #333; }
.main_subnav .header-part .navbar-nav li .showName a.SignOut:hover{ background:#e9eff3;}
.main_subnav .navbar-expand-lg .navbar-nav li.nav-item i { display: none; }
/* 手機版選單 */
.nav_member { position: absolute; width: auto; right: 85px; top: 15px; height: 60px; 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 {  padding: 0;}
.nav_member .showName .member-name { flex: 1; margin-bottom: 3px;}
.nav_member a { background: transparent; border:1px solid #ffffff8f; color: #ffffff; text-decoration: none; text-align: center; white-space: nowrap; border-radius: 4px; padding: 4px 10px; font-size: 15px; width: 100%; display: block; }
.nav_member .showName a.SignOut { margin: 0 0 0 8px; border-radius: 0; padding: 2px 5px; background: #e8e8e8; border: none; line-height: 20px; font-size: 14px; flex: 0 0 20px; color: #333; border-radius: 3px; }
.nav_member .showName a.SignOut:hover{ background:#e9eff3;}

@media (min-width: 768px) {
    .main_subnav .navbar-toggler { display: none; }
    .main_subnav .collapse:not(.show) { display: block; }
    .main_subnav .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
    .main_subnav .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
    .main_nav .mega-menu .menu-links { display: -ms-flexbox; display: flex !important; justify-content: space-between; width: 1360px; max-width: 100%; float: initial; margin: 0 auto; } 
    .main_nav .mega-menu > section.menu-list-items{ border-bottom: 1px solid #aab7d1 !important;}
    .main_nav .mega-menu .menu-links > li:nth-last-child(1),
    .main_nav .mega-menu .menu-links > li:nth-last-child(2),
    .main_nav .mega-menu .menu-links > li:nth-last-child(3),
    .main_nav .mega-menu .menu-links > li:nth-last-child(4) { display: none; }
    .main_nav .mega-menu .megamenu_box { display: flex !important ; flex-wrap: wrap; max-width: 1390px; margin: 0 auto; }
    .main_nav .mega-menu .menu-links li .list_box { -ms-flex: 0 0 25%; flex: 0 0 25%; margin-right: 0; padding: 0 25px; }
    .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12 { margin: 0 auto; padding: 17px 25px 25px; background: rgb(247 248 251 / 90%);  }
    .main_nav .mega-menu .menu-links li .list_box ul { display: flex; flex-direction: column; flex-wrap: wrap; } 
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { display: none !important; }
    .main_nav .mega-menu .menu-logo{ display: none;}
    .nav_member{ display: none !important;}
}

@media (max-width: 1360px) {
    .main_nav .mega-menu .menu-links { padding: 0 30px; }
    .main_nav .mega-menu .menu-links > li > a { padding: 0 10px; }
}
@media (max-width: 1199px) {
    .main_nav .mega-menu .menu-links > li > a { font-size: 16px; padding: 0 5px; }
}
@media (max-width: 991px) {
    .main_subnav .header-part .navbar-brand { height: 45px; margin-right: 5px};
    .main_subnav .header-part .navbar-nav li a, .main_subnav .header-part .navbar-nav .nav-link{ font-size: 15px;}
    .main_subnav .navbar-expand-lg .navbar-nav li .nav-link { font-size: 15px; padding-right: 12px; padding-left: 28px; }
    .main_nav .mega-menu .menu-links li .list_box { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }
    .main_nav .mega-menu .menu-links > li > a { padding: 0; }
} 
@media (max-width: 991px) and (min-width: 768px) {
    .main_nav .mega-menu .megamenu_box { max-height: 700px; overflow-y: scroll; padding-bottom: 100px; }
    .main_nav .mega-menu .menu-links > li > a { font-size: 14px; font-weight: 400; }
}
@media (max-width: 767px) {
    .row.header.gizle+.row{ padding-top: 60px; }
    .main_subnav{ display: none !important; }
    .main_nav { height: 60px;}
    .main_nav .mega-menu { min-height: 0; }
    .main_nav .mega-menu > section.menu-list-items { background:rgb(20 38 75) !important; border-bottom: 1px solid #767676;}
    .main_nav .mega-menu .menu-links { padding: 0 0 150px; width: 100%; height: 100vh; max-height: initial !important; }
    .main_nav .mega-menu .menu-links > li { border-bottom:1px solid #697590; width: 100%; margin: 0 auto; padding: 0 15px; }
    .main_nav .mega-menu .menu-links > li:hover { background-color: transparent; }
    .main_nav .mega-menu .menu-links > li:hover a{ color: #ffffff !important;}
    .main_nav .mega-menu .menu-links > li > a { position: relative; font-size: 16px; font-weight: 400;  padding: 0 10px; line-height: 50px; width: calc(100% - 50px); text-align: left; height: 50px; color: #f3f4f6 !important; }
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { right: -40px; }
    .main_nav .mega-menu .menu-links li .list_box { padding: 5px 15px; }
    .main_nav .mega-menu .mg-drop-down { background: #ebeff6; }
    .main_nav .mega-menu .mg-drop-down h4{ font-size: 16px;}
    .main_nav .mega-menu .mobileTriggerButton { right: -50px; z-index: 21; }
    .main_nav .mega-menu .menu-logo > li > a { padding-top: 0; padding-bottom: 0; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger { width: 50px; background: transparent; top: 10px; right: 20px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .main_nav .mega-menu .menu-mobile-collapse-trigger span { height: 2px; background: #ffffff; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); top: 11px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); top: 36px; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile { background-color:transparent; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile a ,.main_nav .mega-menu .menu-links > li.activeTriggerMobile:hover a { color: #ffffff !important; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile > a i.fa.fa-indicator { color:#ffffff ; }
    .main_nav .mega-menu .menu-links > li > a::before{ display: none;}
    .main_nav .mega-menu li a img{ width: 18px; margin-top: 15px; margin-right: 2px; }
    ::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
    .main_nav .mega-menu .menu-links li .list_tag{ padding: 0px;}
    .main_nav .mega-menu .menu-links li .list_tag h4{ margin-left: 10px; padding-left: 29px; font-size: 16px;}
    .main_nav .mega-menu .menu-links li .list_tag ul{ display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start;}
    .main_nav .mega-menu .menu-links li .list_tag li{ flex:0 0  100%; margin: 0;}
    .main_nav .mega-menu .menu-links li .list_tag li{ padding: 5px 7px;}
    .main_nav .mega-menu .menu-links li .list_tag li a::before{ top: 7px;}
    .main_nav .mega-menu .list_tag a{ margin-bottom:0; width: 100%;}
	.main_nav .mega-menu .menu-links > li  .list_tag a{ padding: 0;}
	.main_nav .mega-menu .menu-links li .list_tag a p{font-size: 16px;}
    .main_nav .mega-menu .menu-links > li .list_box a p { margin-bottom: 10px; font-size: 15px;}
    .main_nav .mega-menu .menu-links > li .list_box li:first-child a p{ font-size: 16px;}
}

@media (max-width: 575px) {
    .main_subnav .header-part .navbar-brand { height: 28px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger { width: 35px; right: 15px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .main_nav .mega-menu .menu-mobile-collapse-trigger span { width: 30px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:before { top: 13px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:after { top: 32px; }
    .main_nav .mega-menu .menu-logo > li > a img { width: 170px; padding-top: 16px; left: 5px;}
    .nav_member { right: 65px;}
}

/**** 首頁 ****/
/* 大圖輪播 */
.main_slider .rslides{ margin: 0;}
.main_slider .rslides .slide1 a{ overflow: hidden; z-index: 0; border: 0;}
.main_slider .slider-container{ max-width: 100%;}
.main_slider ul.thumb { z-index: 1; position: absolute; bottom: 0; margin-bottom: 0; left: 0; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: rgb(20 38 75 / 30%); backdrop-filter: blur(4px); min-height: 87px; }
.main_slider .thumb li { -ms-flex: 1; flex:1; display: -ms-flexbox; display: flex; align-items: center; line-height: 20px; float: initial; padding-top: 0; margin: 0; color: #ffffff; width: auto !important; transition: all .4s ease;}
.main_slider .thumb li.active{  color:#ffffff;}
.main_slider .thumb li:nth-child(2).active,.main_slider .thumb li:nth-child(3).active,
.main_slider .thumb li:nth-child(4).active,.main_slider .thumb li:nth-child(5).active{ color:#ffffff;}
.main_slider .thumb li.active:after { border: 0; background-image: linear-gradient(to right, #e09b00, #ad7801); height: 10px; width: 100%; left: 0; top: initial; bottom: 0; margin-left: 0; }
.main_slider .thumb li.active span::after{ opacity: 1;}
.main_slider .thumb li span{ width: 100%; margin: 0; text-align: center; font-size: 20px; font-family: 'Noto Serif TC', serif !important; letter-spacing: 0.5px;  transition: all .4s ease;}
.main_slider .thumb li.active span,.main_slider .thumb li:nth-child(2).active span,
.main_slider .thumb li:nth-child(3).active span,.main_slider .thumb li:nth-child(4).active span,
.main_slider .thumb li:nth-child(5).active span{ border: 0; margin: 0 0 10px;}
.main_slider .thumb li + li:before{ height: 100%; background: rgb(255 255 255 / 30%); top: 0; }
.main_slider .rslides a img{ -webkit-animation-name: scaleDraw; animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration:8s; animation-duration: 8s; }
@media(max-width:1199px) {
    .main_slider .thumb li span{ font-size: 18px;}
}
@media(max-width:991px) {
    .main_slider .thumb li span{ font-size: 16px;}
    .main_slider ul.thumb{ min-height: 60px;}
    .main_slider .thumb li.active:after{ height: 5px;}
}
@media(max-width:767px) {
    .main_slider .slider { margin-bottom: 0; }
    .main_slider ul.thumb{ -ms-flex-wrap: initial; flex-wrap: initial;}
    .main_slider .thumb li{ justify-content: center; width: 0 !important;}
    .main_slider .thumb li.active{ flex:0 0 100%;  width: 100% !important;}
    .main_slider .thumb li span{width: calc( 100% - 20px); font-size: 18px;}
    .main_slider .thumb li + li:before { background: transparent; width: 0;}
}

/* 輪播放大圖片動畫 */
@keyframes scaleDraw { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }


/* 首頁搜尋頁籤 */
.search_tab .blk-tabs.dp-tbl { max-width: 1360px; margin: 32px auto 0;  padding: 0 6px;}
.search_tab .nav-tabs{ border-bottom: 0; }
.search_tab a.nav-link { background:#f3f4f6; padding: 7px 10px; min-width: 160px; text-align: center; color: #14264b; border: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; font-family: 'Noto Serif TC', serif !important; -webkit-transition: all 0.5s; transition: all 0.5s;}
.search_tab a.nav-link.active,.search_tab a.nav-link.active:hover,.search_tab .nav-tabs .nav-link:focus{ background:#14264b; color: #ffffff; }
.search_tab .nav-tabs .nav-link:hover { background:#aab7d1; }

/* 首頁國外搜尋引擎 */
.search_foreign_block { margin-bottom: 32px; }
.search_foreign .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: 0;  margin: 0 auto;  padding: 0;}
.search_foreign section.group_banner .search-area .search-box{margin: 0; height: 82px; border: 1px solid #dae0eb; padding: 8px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);}
.search_foreign section.group_banner .search-area .search-box>div{ padding:0 !important; -ms-flex:1; flex: 1; max-width: initial;}
.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 { height: 65px; padding: 0 10px }
.search_foreign section.search_banner .search-area .search-box .select-goal { border-left: 1px solid #dae0eb; }
.search_foreign .search-area .search-box .select-goal .select select, .search_foreign .search-area .search-box .select-place .select select { border: 0; height: 40px; padding: 0 5px; color: #333333; background-color: #ffffff; }
.search_foreign section.group_banner .search-area .search-box .select-input > input { height: 40px; background: #ffffff; padding-left: 10px; border:0; }
.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: 28px; position:relative;}
.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: 22px; font-size: 15px; color: #333333;}
.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 .select-date { padding: 0 10px; height: 65px; border-left: 1px solid #dae0eb; border-right: 1px solid #dae0eb; }
.search_foreign section.group_banner .search-area .search-box .select-date .select input { text-align: center; color: #333333; border: 0; height: 40px; padding: 0 5px; width: calc(50% - 14px); background: #ffffff !important; }
.search_foreign section.group_banner .search-area .search-box>div:nth-child(5) { display: -ms-flexbox; display: flex; align-items: flex-start; flex: 0 0 20%; margin-top: 30px; padding-left:10px !important; padding-right: 20px !important; }
.search_foreign .search-area .search-box .select-date .select .divide { background: #333333; margin: 20px 5px 0px 5px; }
.search_foreign section.group_banner .search-area .search-box>div:last-child { margin-top:0; flex: 0 0 130px;display: -ms-flexbox; display: flex; align-items: flex-start;}
.search_foreign section.group_banner .search-area .search-box .search-btn { height: 65px; line-height: 65px; background: #aab7d1; outline: none; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.search_foreign .search-area .search-box .search-btn h5 { position: relative; font-size:0; width:100%; padding-right: 35px; }
.search_foreign .search-area .search-box .search-btn h5::before { content: ""; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/806f8e97-e3a8-4f04-bd58-b02ea8716a3e.svg) no-repeat center; width: 28px; height: 29px; position: absolute; right: 15px; top: 18px; -webkit-transition: all .4s; transition: all .4s; }
.search_foreign .search-area .search-box .search-btn h5::after { content: "Search"; font-size: 20px; line-height: 65px; font-family: 'Italiana', serif !important; }
.search_foreign section.group_banner .search-area .search-box .search-btn:hover{background: #14264b; }
.search_foreign .search-area .search-box .search-btn i{ display: none;}
.search_foreign section.group_banner .search-area .search-box .select-goal .title::after,
.search_foreign section.group_banner .search-area .search-box .select-date .title::after,
.search_foreign section.group_banner .search-area .search-box .select-place .title::after { content: ""; position: absolute;top: 3px; width: 17px; height: 17px; left: 2px; background-position: center; background-repeat: no-repeat;}
.search_foreign section.group_banner .search-area .search-box .select-place .title::after {background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/0665e114-86b3-4453-b557-f89fd6f670dd.svg); width: 16px; }
.search_foreign section.group_banner .search-area .search-box .select-goal .title::after { background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/bc8b6af1-29d5-46bc-bd1a-8896badabcc7.svg); width: 16px; }
.search_foreign section.group_banner .search-area .search-box>div:nth-child(3)>div.select-goal .title::after{ background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/78a99a88-cc42-4547-a307-bb1edfe425e1.svg); width: 16px; }
.search_foreign section.group_banner .search-area .search-box .select-date .title::after { background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/9340d9b6-4b78-43d1-b514-5e8ad8a16ef5.svg); width: 16px; height: 16px; top: 3px; }
.search_foreign section.group_banner .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; padding-left: 36px; font-size: 15px; letter-spacing: 1px; color: #333333; top: -28px; left: 0; }
.search_foreign section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 17px; top: -24px; width: 16px; height: 16px; background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/deae6235-c797-460c-bf93-0adef4dd0b24.svg); background-size:16px; }
.search_foreign section.group_banner .search-area .search-box .select-status { right: 150px; }
.search_foreign section.group_banner .form-check label { color: #333333; font-weight: 600; }
.search_foreign section.group_banner .form-check .checkmark,.search_foreign section.group_banner .form-check .customcheck:hover input ~ .checkmark { background-color: #ffffff; border-radius: 2px; border: 0; }
.search_foreign section.group_banner .form-check .customcheck input:checked ~ .checkmark { background-color: #c3a07d; border-radius: 2px; border: 0; }
.search_foreign section.group_banner .form-check .checkmark:after{ top: 1px;}
.search_foreign  section.group_banner .search-area .search-box .select-status>.form-check:nth-child(2) { display: none; } /*隱藏可報名*/

/*搜尋月曆*/
.datepicker.dropdown-menu { border: 1px solid #aab7d1; }
.datepicker.datepicker-dropdown:before { border-bottom-color: #aab7d1; }
.datepicker.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid #aab7d1; }
.datepicker td,
.datepicker th { width: 30px; height: 30px; }
.datepicker table tr td.active.active { background:#e09b00; }
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev { color: #14264b; }
.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: #14264b; }
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active { background:#e09b00; }
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:hover { background: #14264b; }
@media screen and (min-width: 1401px){
    .search_foreign .group_banner.search_banner .search-area > .container { max-width: 1360px; }
}
@media(max-width:1360px){
	.search_foreign .group_banner.search_banner .search-area > .container{ max-width:100%;}
}
@media(max-width:1199px){
	.search_foreign .group_banner.search_banner .search-area > .container { padding: 0; }
	.search_foreign section.group_banner .search-area .search-box .select-input > input{ margin-bottom: 5px;}
	.search_foreign section.group_banner .search-area .search-box>div:last-child{ margin-bottom: 5px;}
    .search_foreign section.group_banner .search-area .search-box .select-status{ position: absolute;}
}
@media(max-width:991px) {
    .search_foreign_block { margin-bottom: 20px; }
	.search_foreign section.group_banner .search-area .search-box { height: auto; }
	.search_foreign section.group_banner .search-area .search-box>div,
	.search_foreign section.group_banner .search-area .search-box>div:nth-child(4){ -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 10px; }
    .search_foreign .search-area .search-box .select-date .select { width: 100%; }
	.search_foreign section.group_banner .search-area .search-box>div:last-child { flex: 1; justify-content: center; margin-top: 10px; margin-bottom: 10px; }
	.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 { width: 100%; }
	.search_foreign section.group_banner .search-area .search-box .select-date .select input{ width: calc(50% - 13px);}
	.search_foreign section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; margin-top: 28px; padding-right: 0px !important; padding-left: 0px !important;}
    .search_foreign section.group_banner .search-area .search-box .select-status { position: unset; flex: 0 0 100%; margin-top: -20px; padding-right: 10px !important; }
    .search_domestic section.search_banner .search-area .search-box .select-destination,
    .search_domestic section.search_banner .search-area .search-box .select-departure { height: 65px; }
    .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: 24px;}
    .search_foreign .search-area .search-box .select-goal .select select,
    .search_foreign .search-area .search-box .select-place .select select,
    .search_foreign section.group_banner .search-area .search-box .select-date .select input,
    .search_foreign section.group_banner .search-area .search-box .select-input > input{ height: 36px;}
    .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 section.search_banner .search-area .search-box .select-goal { border-left: 0; border-bottom: 1px solid #dae0eb; }
    .search_foreign section.search_banner .search-area .search-box .select-place { border-bottom: 1px solid #dae0eb; }
    .search_foreign section.group_banner .search-area .search-box .select-date { border-left: 0; border-right: 0; border-bottom: 1px solid #dae0eb; }
    .search_foreign section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #dae0eb;}
    .search_foreign section.group_banner .search-area .search-box .select-input::before{ padding-left: 20px; top: -26px;}
    .search_foreign section.search_banner .search-area .search-box .select-input::after{ top:-22px; left: 2px;}
}

@media(max-width:767px) {
    .search_foreign section.group_banner .search-area .search-box>div:nth-child(4){ flex: 0 0 50%; max-width: 50%; }
    .search_foreign section.group_banner .search-area .search-box>div:last-child{ margin: 10px auto;}
    .search_foreign section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px;}
    .search_foreign .search-area .search-box .search-btn h5{ height: 45px;}
    .search_foreign .search-area .search-box .search-btn h5::before{ top: 8px;}
    .search_foreign .search-area .search-box .search-btn h5::after{ line-height: 45px; font-size: 22px;}
    .search_foreign .mic_icon{ top: -5px;}
    .search_foreign section.group_banner.search_banner{ width: 100%;}
}
@media(max-width:575px) {
    .search_foreign section.group_banner .search-area .search-box>div:nth-child(3), .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%; }
    .search_foreign section.group_banner .search-area .search-box>div:first-child, .search_foreign section.group_banner .search-area .search-box>div:nth-child(2){ flex: 0 0 100%;  max-width: 100%;}
    .search_foreign .mic_icon i{ padding: 5px 15px 3px;}
    .search_foreign section.group_banner .search-area .search-box .search-btn{ width: 150px;}
    .search_foreign .search-area .search-box .search-btn h5::before{ background-size: 22px;}
}

/* 首頁國內旅遊 */
.search_domestic_block { margin-bottom: 32px; }
.search_domestic .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: 0; margin: 0 auto; padding: 0; }
.search_domestic section.group_banner .search-area .search-box{ margin:0; height: 82px; border: 1px solid #dae0eb; padding: 8px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);}
.search_domestic section.group_banner .search-area .search-box>div{ padding:0 !important; -ms-flex:1; flex: 1; max-width: initial;}
.search_domestic section.search_banner .search-area .search-box .select-departure,
.search_domestic section.search_banner .search-area .search-box .select-destination,
.search_domestic section.group_banner .search-area .search-box .select-date{ background: transparent; }
.search_domestic section.search_banner .search-area .search-box .select-destination{  border-left: 1px solid #dae0eb; }
.search_domestic section.group_banner .search-area .search-box .select-date{ height: 65px; border-left: 1px solid #dae0eb; border-right: 1px solid #dae0eb; }
.search_domestic section.search_banner .search-area .search-box .select-destination,
.search_domestic section.search_banner .search-area .search-box .select-departure{ padding: 0 10px;}
.search_domestic section.group_banner .area_input{ background-position: right 8px center; background-size: 10px auto;  height: 40px; padding: 0 5px; color: #333333; background-color: #ffffff; border-radius:0; }
.search_domestic section.group_banner .search-area .search-box .select-input > input { height: 40px; background:#ffffff; outline: none; padding-left: 10px; border-radius: 0; }
.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: 30px; position: relative;}
.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: 20px; font-size: 15px; color:#333333;}
.search_domestic section.group_banner .search-area .search-box .select-date { padding: 0 6px; height: 65px; }
.search_domestic section.group_banner .search-area .search-box .select-date .select input {outline: none; padding: 0 5px; width: calc(50% - 14px); text-align: center; color: #333333; border-radius: 0; height: 40px; padding: 0 5px; width: calc(50% - 14px); background: #ffffff !important;}
.search_domestic section.group_banner .search-area .search-box>div:nth-child(4) { display: -ms-flexbox; display: flex; align-items: flex-start; margin-top: 28px; padding-left: 10px !important; padding-right: 20px !important; }
.search_domestic .search-area .search-box .select-date .select .divide { background: #333333; margin: 20px 5px 0px 5px; }
.search_domestic section.group_banner .search-area .search-box>div:last-child { margin-top:0; flex: 0 0 130px;display: -ms-flexbox; display: flex; align-items: flex-start;}
.search_domestic section.group_banner .search-area .search-box .search-btn { height: 65px; line-height: 65px; background: #aab7d1; outline: none; border-radius: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.search_domestic .search-area .search-box .search-btn h5 { position: relative; font-size:0; width:100%; padding-right: 35px; }
.search_domestic .search-area .search-box .search-btn h5::before { content: ""; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/806f8e97-e3a8-4f04-bd58-b02ea8716a3e.svg) no-repeat center; width: 28px; height: 29px; position: absolute; right: 15px; top: 18px; -webkit-transition: all .4s; transition: all .4s; }
.search_domestic .search-area .search-box .search-btn h5::after { content: "Search"; font-size: 20px; line-height: 65px; font-family: 'Italiana', serif !important; }
.search_domestic section.group_banner .search-area .search-box .search-btn:hover{background: #14264b; }
.search_domestic .search-area .search-box .search-btn i{ display: none;}
.search_domestic section.group_banner .area_content{ border-radius: 10px;}
.search_domestic section.group_banner .search-area .search-box .select-destination .title::after,
.search_domestic section.group_banner .search-area .search-box .select-date .title::after,
.search_domestic section.group_banner .search-area .search-box .select-departure .title::after { content: ""; position: absolute;top: 4px; width: 17px; height: 17px; left: 2px; background-position: center; background-repeat: no-repeat;}
.search_domestic section.group_banner .search-area .search-box .select-departure .title::after{ background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/78a99a88-cc42-4547-a307-bb1edfe425e1.svg); width: 16px; }
.search_domestic section.group_banner .search-area .search-box .select-destination .title::after { background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/bc8b6af1-29d5-46bc-bd1a-8896badabcc7.svg); width: 16px;}
.search_domestic section.group_banner .search-area .search-box .select-date .title::after { background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/9340d9b6-4b78-43d1-b514-5e8ad8a16ef5.svg); width: 16px; height: 16px; top: 3px; }
.search_domestic .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; padding-left: 36px; font-size: 15px; letter-spacing: 1px; color: #333333; top: -28px; left: 0; }
.search_domestic section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 17px; top: -24px; width: 16px; height: 16px; background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/deae6235-c797-460c-bf93-0adef4dd0b24.svg); background-size: 16px;}

@media screen and (min-width: 1401px){
    .search_domestic .group_banner.search_banner .search-area > .container { max-width: 1360px; }
}
@media(max-width:1400px){
	.search_domestic .group_banner.search_banner .search-area > .container{ max-width: 100%;}
}
@media(max-width:1199px) {
    .search_domestic section.group_banner .search-area .search-box>div:last-child { margin-bottom: 5px; }
}
@media(max-width:991px) {
    .search_domestic_block { margin-bottom: 20px; }
	.search_domestic section.group_banner .search-area .search-box { height: auto; }
	.search_domestic section.group_banner .search-area .search-box>div { -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 10px; }
	.search_domestic section.group_banner .search-area .search-box>div:nth-child(3){ -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .search_domestic section.group_banner .search-area .search-box>div:nth-child(4){ -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0!important; }
	.search_domestic section.group_banner .search-area .search-box>div:last-child { flex: 1; justify-content: center; margin-top: 10px; margin-bottom: 10px; }
	.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 { width: 100%; }
	.search_domestic section.group_banner .search-area .search-box .select-date .select input{ width: calc(50% - 13px);}
    .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: 24px; min-height: 24px;}
    .search_domestic section.group_banner .area_input,
    .search_domestic section.group_banner .search-area .search-box .select-date .select input,
    .search_domestic section.group_banner .search-area .search-box .select-input > input{ height: 36px; margin-bottom: 5px;}
    .search_domestic section.search_banner .search-area .search-box .select-departure{ border-left: 0; border-bottom: 1px solid #dae0eb; }
    .search_domestic section.search_banner .search-area .search-box .select-destination{ border-left: 0;  border-bottom: 1px solid #dae0eb; }
    .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 .search-area .search-box .select-date { border-left: 0; border-right: 0; border-bottom: 1px solid #dae0eb; padding: 0; }
    .search_domestic section.group_banner .search-area .search-box .select-input{border-bottom: 1px solid #dae0eb;}
    .search_domestic section.group_banner .search-area .search-box .select-input::before{ top: -26px; padding-left: 20px;}
    .search_domestic section.search_banner .search-area .search-box .select-input::after{ top:-22px; left: 2px;}
}
@media(max-width:767px) {
    .search_domestic section.group_banner .search-area .search-box>div:last-child{ margin: 10px auto;}
    .search_domestic .mic_icon{ top: -5px;}
    .search_domestic section.group_banner.search_banner{ width: 100%;}
    .search_domestic .search-area .search-box .search-btn h5 { height: 45px; }
    .search_domestic .search-area .search-box .search-btn h5::before { top: 8px; }
    .search_domestic .search-area .search-box .search-btn h5::after { line-height: 45px; font-size: 22px; }
    .search_domestic section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px; }
}
@media(max-width:575px) {
    .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), .search_domestic section.group_banner .search-area .search-box>div:nth-child(5) { flex: 0 0 100%; max-width: 100%; }
    .search_domestic section.group_banner .search-area .search-box>div:first-child, .search_domestic section.group_banner .search-area .search-box>div:nth-child(2){ flex: 0 0 100%;  max-width: 100%;}
    .search_domestic .mic_icon i{ padding: 5px 15px 3px;}
    .search_domestic section.group_banner .search-area .search-box .search-btn{ width: 150px;}
    .search_domestic  .search-area .search-box .search-btn h5::before{ background-size: 22px;}
}

/* 精選行程頁籤 */
.main_featured_tab ul.nav{ margin-bottom: 16px; }
.main_featured_tab .nav-pills .nav-link { position: relative; border-radius: 0; font-size: 20px; color: #545454; font-family: 'Noto Serif TC', serif !important; padding: 5px 24px; line-height: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.main_featured_tab .nav-pills .nav-link.active,.main_featured_tab .nav-pills .show>.nav-link { color: #4268b6; background-color: transparent; }
.main_featured_tab a.nav-link.active::before,.main_featured_tab .nav-pills .show>.nav-link::before{ content: ""; position: absolute; border-left: 1px solid #aab7d1; border-right: 1px solid #aab7d1; width: 100%; height: 100%; left: 0; top: 0; transform: skewX(-18deg);}
.main_featured_tab .nav-pills .nav-link:hover{ color: #4268b6;}
@media(max-width:991px) {
    .main_featured_tab .nav-pills .nav-link{ font-size: 18px;padding: 5px 18px; line-height: 18px;}
}
@media(max-width:767px) {
  .main_featured_tab > .module-container > .main > .blk-tabs { display: block; }
  .main_featured_tab .nav {display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 30px 0px 0; text-align: center; padding: 0 10px; }
  .main_featured_tab .nav li.nav-item { display: inline-block; }
  .main_featured_tab .nav-pills .nav-link{ font-size: 17px; font-weight: 600; padding: 5px 15px;}
  .main_featured_tab ul.nav { margin: 0 0 16px; }
}

/* 精選行程 */
.main_featured{ padding: 56px 100px;}
.main_featured::before { content: ""; position: absolute; left: 0; top: 0; background: #F3F4F6; width: 100%; height: 70%;}
.main_featured a.swiper-slide-style{background: none;box-shadow: none; border-radius: 0px; margin-top: 0; }
.main_featured a.swiper-slide-style figure{margin-top: 50px; margin-bottom: 0; transition: 1s; overflow: hidden;}
.main_featured .swiper-slide-style.swiper-slide-active figure{margin-top: 0px; }
.main_featured a.swiper-slide-style figure.swiper-img::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 30%)); width: 100%; height: 40%; left: 0; z-index: 1; }
.main_featured a.swiper-slide .swiper-title{ font-family: 'Palatino', "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; z-index: 2; width: 100%; background: transparent;
   font-size: 1.2rem; text-align: center; color: #406982; padding: 15px 0; line-height: 32px; margin-top: 0; margin-bottom: 0; transition: 1s; }
.main_featured a.swiper-slide .swiper-img img{border-radius:0; aspect-ratio: 5/5; object-fit: cover; object-position: center center;
   -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s;}
.main_featured a.swiper-slide:hover .swiper-img img{ -webkot-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: 0.5s;}
.main_featured .swiper-slide .swiper-content{ display: -ms-flexbox;  display: flex; justify-content: center; padding: 18px; text-align: center; transition: 1s; background: #ffffff; border: 1px solid #dae0eb; z-index: 2; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0); width: 94%; margin: 0; min-height: 112px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;}
.main_featured a.swiper-slide .swiper-title { position: absolute; top: 50px; left: 32px; width: auto; font-family: 'Noto Serif TC', serif !important; font-weight: 400; z-index: 2; background: transparent; font-size: 18px; writing-mode: vertical-lr; color: #ffffff; padding: 46px 0 0; line-height: 32px; letter-spacing: 1.2px; margin: 0; transition: 1s; }
.main_featured a.swiper-slide-active h3.swiper-title{ top: 0;}
.main_featured a.swiper-slide .swiper-title::before { content: ""; position: absolute; width: 1px; height: 38px; background: rgb(255 255 255 / 60%); top: 0; left: 15px; }
.main_featured .swiper-slide .swiper-content>div { display: -ms-flexbox; display: flex; flex-flow: column; justify-content: space-between; }
.main_featured .swiper-slide .swiper-content div h4 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; color: #7e7e7e; overflow: hidden; text-overflow: ellipsis; font-family: 'Noto Serif TC', serif !important; font-size: 19px; color: #333333; line-height: 26px;}
.main_featured .swiper-slide .swiper-content div p{  font-size: 20px; font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif !important; color: #e09b00; margin: 0; }
.main_featured .swiper-slide .swiper-content div p span{ font-size: 13px; padding-left: 3px;}
.main_featured .swiper-button-prev.swiper-button-white,.main_featured .swiper-button-next.swiper-button-white{ display: none;}
@media screen and (max-width:1360px){
    .main_featured { padding: 56px 50px; }
}
@media screen and (max-width:1023px){
    .main_featured { padding: 56px 15px; }
    .main_featured .swiper-button-prev.swiper-button-white, .main_featured .swiper-button-next.swiper-button-white { display: -ms-flexbox; display:flex; width: 50px; height: 50px; background: #ffffff; border-radius: 50%; opacity: 1; border: 1px solid #ffffff; margin-top: 0; box-shadow: rgba(213, 217, 226, 0.15) 0px 2px 6px; -webkit-transition: all 0.3s; transition: all 0.3s; }
    .main_featured [class*='swiper-button-']:after { font-size: 22px; font-weight: 600; background: transparent; color: #aab7d1; }
    .main_featured .swiper-button-next.swiper-button-white::after { padding: 0 0 0 3px; }
    .main_featured .swiper-button-prev.swiper-button-white::after { padding: 0 3px 0 0; }
    .main_featured .swiper-button-prev.swiper-button-white.swiper-button-disabled,
    .main_featured .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
}
@media screen and (max-width: 767px) {
    .main_featured { padding: 56px 30px; }
    .main_featured .swiper-container{  padding: 0 10px;}
    .main_featured a.swiper-slide-style{ margin-bottom: 60px;}
    .main_featured .swiper-button-prev.swiper-button-white, .main_featured .swiper-button-next.swiper-button-white{ transform: translate(0, -50%);}
    .main_featured .swiper-button-prev.swiper-button-white { left: 0; }
    .main_featured .swiper-button-next.swiper-button-white { right: 0; }
    .main_featured a.swiper-slide-style figure{ margin-top: 0px; }
    .main_featured .swiper-slide .swiper-content{ margin-bottom: -40px; padding: 10px; min-height: initial;}
    .main_featured a.swiper-slide .swiper-title { top: 0; left: 16px; font-weight: 600; font-size: 16px;}
}

/* 精選文章 */
.main_article_block { margin-top: 50px; margin-bottom: 50px;}
.main_article_block::before { content: ""; position: absolute; width: 63%; height: 100%; right: 0; top: 0; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/f6f51ec2-4f9a-46c5-aba4-b0fe01b53287.jpg); }
.widget-item.shallwe_title.main_article .header-title{ position:absolute; margin: 0; left: 0; top: 0;}
.widget-item.shallwe_title.main_article .header-title>div{ margin: 0;}
.main_article{ margin-bottom: 10px;}
.main_article .swiper-wrapper { padding: 130px 0 0 0; }
.main_article .swiper-slide-style { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; box-shadow: none; border-radius: 0; background: transparent; }
.main_article .swiper-slide .swiper-img{-ms-flex: 0 0 718px; flex: 0 0 718px; max-width: initial; margin-bottom: 0;}
.main_article .swiper-slide .swiper-img img{ width: 100%; height: auto; border-radius: 0; aspect-ratio: 5 / 2.86; object-fit: cover; object-position: center center;}
.main_article .swiper-slide .swiper-title{ display: none;}
.main_article .swiper-slide .swiper-content { display: -ms-flexbox;  display: flex; flex-flow: column; justify-content: center; -ms-flex: 1; flex: 1; max-width: initial; background: transparent; box-shadow: none; margin: 0; padding: 0 40px 0 60px; -webkit-line-clamp: initial; }
.main_article .swiper-button-prev.swiper-button-white, .main_article .swiper-button-next.swiper-button-white { width: 50px; height: 50px; background: #ffffff; border-radius: 50%; opacity: 1; border: 1px solid #ffffff; margin-top: 0; box-shadow: rgba(213, 217, 226, 0.15) 0px 2px 6px;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.main_article .swiper-button-prev.swiper-button-white:hover,.main_article .swiper-button-next.swiper-button-white:hover{ border: 1px solid #aab7d1; opacity: 1;}
.main_article  [class*='swiper-button-']:after { font-size: 22px; font-weight: 600; background: transparent; color: #aab7d1;}
.main_article .swiper-button-next.swiper-button-white::after { padding: 0 0 0 3px; }
.main_article .swiper-button-prev.swiper-button-white::after { padding: 0 3px 0 0; }
.main_article .swiper-button-next, .main_article .swiper-container-rtl .swiper-button-prev { right: 3px; top: 40px; }
.main_article .swiper-button-prev, .main_article .swiper-container-rtl .swiper-button-next { left: initial; right: 80px; top: 40px; }
.main_article .swiper-button-prev.swiper-button-white.swiper-button-disabled,.main_article .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.main_article .swiper-pagination{ text-align: left; display: flex; align-items: center; margin-top: 20px;}
.main_article .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; }
.main_article .swiper-pagination-bullet { width: 12px; height: 12px; line-height: 12px; background: #aab7d1;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.main_article .swiper-pagination-bullet-active { background: #14264b; width: 15px; height: 15px; }
.main_article .swiper-content h4 { color: #333333; font-size: 19px; font-family: 'Noto Serif TC', serif !important; margin-bottom:28px; letter-spacing: 1px; line-height: 32px; }
.main_article .swiper-content p { font-size: 16px; color: #333333; margin: 0; line-height: 30px; position: relative; display: -ms-flexbox; display: flex; min-height: 200px; padding-bottom: 30px; }
.main_article .swiper-content p::before { content: ""; position: absolute; width:0; height: 1px; background: #40557e; bottom: 10px; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main_article .swiper-slide:hover .swiper-content p::before{ width: calc(100% - 70px);}
.main_article .swiper-content p::after { content: ""; position: absolute; content: "More"; right: 0; bottom: 0; font-family: 'Italiana', serif !important; font-size: 20px; color: #40557e; letter-spacing: 2px; }
@media screen and (max-width:1500px){
    .main_article .swiper-slide .swiper-content{ padding:0 40px;}
}
@media screen and (max-width:1199px){
    .main_article { margin-top: 40px; }
    .main_article_block::before{ width: 100%;}
    .main_article .swiper-slide .swiper-img { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: auto; order: 2; margin: 0;}
    .main_article .swiper-slide-style { align-items: flex-start; justify-content: center; }
    .main_article .swiper-pagination { text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 0 15px;}
    .main_article .swiper-content p { min-height: initial; margin-bottom: 30px; }
    .main_article .swiper-slide .swiper-content { padding: 0 15px; }
    .main_article .swiper-slide .swiper-img { padding: 0 15px; }
}
@media screen and (max-width:767px){
    .main_article_block{ margin-top: 0; margin-bottom: 0;}
    .main_article .swiper-slide .swiper-content{ height: 300px;}
    .main_article .swiper-slide-style{ margin-bottom: 10px;}
    .main_article .swiper-slide-style::before,.main_article .swiper-slide-style::after{ display: none;}
    .widget-item.shallwe_title.main_article .header-title { position: initial; margin: 0px auto 30px; left: initial; top: inherit; }
    .widget-item.shallwe_title.main_article .header-title>div { margin: 0 auto 5px; }
    .main_article { margin-bottom: 30px; }
    .main_article .swiper-wrapper { padding: 0; }
    .main_article .swiper-container { padding-bottom: 60px; margin-bottom: 10px; }
    .main_article .swiper-slide .swiper-content { height: auto; }
    .main_article .swiper-content h4{ font-size: 17px; margin-bottom: 18px; line-height: 26px;}
    .main_article .swiper-content p{ letter-spacing: 0; font-size: 15px;}
    .main_article .swiper-button-prev, .main_article .swiper-container-rtl .swiper-button-next { left:calc(50% - 70px); right: initial; top: initial; bottom: 0; }
    .main_article .swiper-button-next, .main_article .swiper-container-rtl .swiper-button-prev { right:calc(50% - 70px); top: initial; bottom: 0; }
    .main_article .swiper-pagination{ display: none;}
}

/* 講座專區大標題 */
.main_lecture_title{ -ms-flex: 0 0 285px; flex:0 0 285px; max-width: initial;}
.main_lecture_title>.module-container,.main_lecture_title .module-container>.main,.main_lecture_title .module-container>.main>div,.main_lecture_title section{ height: 100%;}
.main_lecture_title section { display: -ms-flexbox; display: flex; flex-flow: column; align-items: center; justify-content: space-between; padding-top: 62px; }
.main_lecture_title section>div:first-child { writing-mode: vertical-lr; }
.main_lecture_title section h3 { position: relative; display: table; writing-mode: vertical-lr; margin: 0 10px 0 0; line-height: 32px; color: #ffffff; font-size: 26px; font-weight: 600; font-family: 'Noto Serif TC', serif !important; letter-spacing: 3px; }
.main_lecture_title section h3::after { content: ""; position: absolute; top: -15px; left: -12px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/0b8590f6-f0f3-4ed8-9206-82976dc072ae.svg) no-repeat center; background-size: 33px; width: 33px; height: 55px; }
.main_lecture_title section h4{ width: auto;  display: table; writing-mode: vertical-lr; margin:44px auto 0;  color: #e09b00; font-size: 40px; font-family: 'Italiana', serif !important; letter-spacing: 2px; font-weight: 400; }
.main_lecture_title .header-title { display: none; }
.main_lecture_title section>div:last-child { width: 100%; text-align: right; padding: 0 70px 50px 0; position: relative; }
.main_lecture_title section>div:last-child::before { content: ""; position: absolute; background: #ffffffa6; width: 140px; height: 1px; left: 0; bottom: 63px; }
.main_lecture_title section a { font-family: 'Italiana', serif !important; font-size: 20px; letter-spacing: 2px; color: #ffffff; text-decoration: none; }

/* 講座資訊 */
.main_lecture_block{ margin-top: 95px; margin-bottom: 50px; padding-bottom: 45px;}
.main_lecture_block::before { content: ""; position: absolute; background: #f3f4f6; width: calc(100% - (100% - 1360px) / 2); height: 100%; left: 0; top: 0; z-index: -1; }
.main_lecture_block>.module-container { max-width: 1360px; margin: -45px auto 0; padding-right: 130px; }
.main_lecture { -ms-flex: 1; flex: 1; max-width: initial; margin-top: 100px; margin-right: -27px; margin-bottom: 10px; padding: 0; }
.main_lecture .item-box { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: initial; margin-bottom: 28px !important;}
.main_lecture .expand-graphics{ margin: 0;}
.main_lecture .expand-graphics .item_box{background: #ffffff;  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; }
.main_lecture .expand-graphics .item_box::before { content: ""; background: #aab7d1; width: 38px; height: 38px; position: absolute; right: -6px; top: 50%; transform: translate(0, -50%); border-radius: 50%; pointer-events:none}
.main_lecture .expand-graphics .item_box::after { content: ""; position: absolute; width: 20px; height: 20px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/6794798b-db0c-496c-8e98-0b832dfe7e19.svg) no-repeat center; right: 2px; top: 50%; transform: translate(0, -50%); pointer-events:none; }
.main_lecture .expand-graphics .item_box>a { position: relative; display: -ms-flexbox; display: flex; padding: 22px; }
.main_lecture .expand-graphics .item_box>a::before { content: ""; position: absolute; width: 0%; height: 2px; background: #E09B00; bottom: 0; left: 0;-webkit-transition: all 0.3s; transition: all 0.3s; }
.main_lecture .expand-graphics .item_box:hover>a::before { width: 100%; }
.main_lecture .expand-graphics .item_box>a>h4 { order: 1; margin: 0; font-size: 16px; font-weight: 400; }
.main_lecture .expand-graphics .item_box h4 span {padding-right: 4px; font-size: 32px; font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif !important; font-style: italic; }
.main_lecture .expand-graphics .item_box .item_more_txt {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; order: 2; }
.main_lecture .expand-graphics .item_box .item_more_txt h3 { -ms-flex:1; flex: 1; font-size: 18px; color: #333333; margin: 0; padding-left: 25px; padding-right: 10px; font-family: 'Noto Serif TC', serif !important; letter-spacing: 1px; }
.main_lecture .expand-graphics .item_box .item_more_txt span.item_tag { position: relative; -ms-flex:0 0 140px; flex: 0 0 140px; padding: 0px 0 0 20px; font-size: 16px; margin: 0 3px; color: #333333; }
.main_lecture .expand-graphics .item_box .item_more_txt>span:nth-last-child(3) { -ms-flex:0 0 190px; flex: 0 0 190px; }
.main_lecture .expand-graphics .item_box .item_more_txt>span::before{ content: ""; position: absolute; width: 17px; height: 17px; left: 0; top: 3px;}
.main_lecture .expand-graphics .item_box .item_more_txt>span:nth-last-child(1)::before{ background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/49c70d46-29c8-4ec2-b02b-f0a7a1bc33cd.svg) center no-repeat;}
.main_lecture .expand-graphics .item_box .item_more_txt>span:nth-last-child(2)::before{ background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/d6f27645-4b91-4024-9de8-eba4172a2513.svg) center no-repeat;}
.main_lecture .expand-graphics .item_box .item_more_txt>span:nth-last-child(3)::before{ background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/8669234d-2c61-46aa-b021-b3a2f0be97c4.svg) center no-repeat;}
.main_lecture .expand-graphics .item_box figure{ display: none;}
.main_lecture .expand-graphics .item_box span.item_btn,.main_lecture .expand-graphics .item_box:hover span.item_btn,.main_lecture .expand-graphics .item_box:hover span.item_btn_hover{ display: none;}
.main_lecture .expand-graphics>div:last-child { display: none; }
@media screen and (max-width:1360px){
    .main_lecture_block::before{ width: 100%;}
}
@media screen and (max-width:1199px){
    .main_lecture_block>.module-container{ padding-right: 90px;}
    .main_lecture_title { -ms-flex: 0 0 180px; flex: 0 0 180px; }
    .main_lecture_title section>div:last-child{ padding: 0 30px 50px 0;}
    .main_lecture_title section>div:last-child::before{ width: 80px;}
    .main_lecture .expand-graphics .item_box .item_more_txt span.item_tag{ -ms-flex: 0 0 120px; flex: 0 0 120px;}
    .main_lecture .expand-graphics .item_box .item_more_txt>span:nth-last-child(3) { -ms-flex: 0 0 150px; flex: 0 0 150px; }
}
@media screen and (max-width:991px){
    .main_lecture_block{ margin-bottom: 0;}
    .main_lecture .expand-graphics .item_box>a{ padding: 14px; flex-flow: column;}
    .main_lecture .expand-graphics .item_box h4 span{ font-size: 22px;}
    .main_lecture .expand-graphics .item_box h4{ font-size: 15px;}
    .main_lecture .expand-graphics .item_box .item_more_txt h3 { -ms-flex:0 0 100%; flex: 0 0 100%; font-size: 18px; margin: 5px 0 10px; padding-left: 0; padding-right: 0;}
}
@media screen and (max-width:767px){
    .main_lecture_block{ margin-top: 0; margin-bottom: 0;}
    .main_lecture_block>.module-container{ margin: 0 auto; padding-right: 0;}
    .main_lecture_title { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .main_lecture_title section{ padding-top: 45px;}
    .main_lecture_title section>div:first-child { writing-mode: initial; }
    .main_lecture_title section>div:last-child { padding: 10px 40px 10px 30px; }
    .main_lecture_title section>div:last-child::before{ display: none;}
    .main_lecture_title section h3::after { content: ""; position: absolute; top: -10px; left: -16px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/dc21cd73-e16d-48ac-b430-5d6d8c09ffa0.svg) no-repeat center; background-size: 56px; width: 56px; height: 32px; }
    .main_lecture_title section h3 { position: relative; display: table; writing-mode: initial; margin: 0 auto 5px; color: #ffffff; font-weight: 600; line-height: 32px; font-size: 24px; letter-spacing: 2px; text-align: center; }
    .main_lecture_title section h4 { width: auto; display: table; writing-mode: initial; margin: 0 auto; color: #e09b00; font-size: 28px; font-family: 'Italiana', serif !important; font-weight: 400; letter-spacing: 1px; }
    .main_lecture {-ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 0px; margin-right: 0; margin-bottom:0; padding: 30px; background: #f3f4f6;}
    .main_lecture .item-box { padding: 0 25px 0 15px; }
    .main_lecture .expand-graphics .item_box::before { right: 5px; }
    .main_lecture .expand-graphics .item_box::after { right: 13px; }
    .main_lecture .expand-graphics .item_box h4{ font-size: 15px;}
    .main_lecture .expand-graphics .item_box h4 span { font-size: 20px; }
    .main_lecture .expand-graphics .item_box .item_more_txt h3{ font-size: 17px;}
    .main_lecture .expand-graphics .item_box .item_more_txt span.item_tag { -ms-flex: 1; flex: 1; margin: 0; padding-right: 10px; font-size: 15px; }
    .main_lecture .expand-graphics .item_box .item_more_txt>span:nth-last-child(3) { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 5px; }
}


/* 影片專區 */
.main_video_title { -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: initial; }
.main_video_title>.module-container,.main_video_title .module-container>.main,.main_video_title .module-container>.main>div,.main_video_title section{ height: 100%;}
.main_video_title section { display: -ms-flexbox; display: flex; flex-flow: column; align-items: center; justify-content: center; padding-right: 85px; }
.main_video_title section>div:first-child { writing-mode: vertical-lr; }
.main_video_title section h3 { position: relative; display: table; writing-mode: vertical-lr; margin: 0 10px 0 0; line-height: 32px; color: #ffffff; font-size: 26px; font-weight: 600; font-family: 'Noto Serif TC', serif !important; letter-spacing: 3px; }
.main_video_title section h3::after { content: ""; position: absolute; top: -15px; left: -12px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/0b8590f6-f0f3-4ed8-9206-82976dc072ae.svg) no-repeat center; background-size: 33px; width: 33px; height: 55px; }
.main_video_title section h4{ width: auto;  display: table; writing-mode: vertical-lr; margin:44px auto 0;  color: #e09b00; font-size: 40px; font-family: 'Italiana', serif !important; letter-spacing: 2px; font-weight: 400; }
.main_video_title .header-title { display: none; }
.main_video_title section>div:last-child { width: 100%;}
.main_video_title section article{ position: relative; color: #ffffff; margin-top: 70px;}
.main_video_title section article::before { content: ""; position: absolute; background: #ffffff; width: 130px; height: 1px; top: 15px; left: 100%; z-index: 1; }
.main_video_title section article h5{ font-size: 20px; line-height: 32px; font-weight: 600; letter-spacing: 1px; font-family: 'Noto Serif TC', serif !important; margin-bottom: 30px; }
.main_video_title section article p { font-size: 16px; margin-bottom: 0; line-height: 32px; }
.main_video_block { padding-top: 150px; }
.main_video_block>.module-container>.main { padding: 0 85px; }
.main_video { -ms-flex: 1; flex: 1; max-width: initial; margin-top: -90px; padding-bottom: 54px; }
.main_video .fancybox-wrapper{ justify-content: center;}
.main_video .fancybox-wrapper > figure { -ms-flex: 0 0 29%; flex: 0 0 29%; max-width: initial; padding: 0 10px !important; }
.main_video .fancybox-wrapper>figure:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 42px !important; }
.main_video .fancybox-wrapper figure.position-bottom > .content-bottom { font-family: 'Noto Serif TC', serif !important;  text-align: center; color: #ffffff; font-size: 18px; display: table; margin: 20px auto 0; padding-left: 21px; padding-right: 21px; position: relative; }
.main_video .fancybox-wrapper figure.position-bottom > .content-bottom p{ margin-bottom: 0;}
.main_video .fancybox-wrapper .content-bottom::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; transform: skewX(-18deg); border-left: 1px solid #e09b00; border-right: 1px solid #e09b00; }
.main_video .fancybox-wrapper figure.position-bottom:first-child > .content-bottom{ display: none;}
@media screen and (max-width:1500px){
    .main_video_block>.module-container>.main { padding: 0 45px; }
    .main_video_title section article { margin-top: 40px; }
}
@media screen and (max-width:1360px){
    .main_video_block { padding-top: 100px; }
    .main_video_title section{ padding-right: 30px;}
    .main_video{ margin-top: -40px;}
}
@media screen and (max-width:1199px){
    .main_video .fancybox-wrapper figure.position-bottom > .content-bottom{padding-left: 13px; padding-right: 13px; font-size: 16px;}
    .main_video_title section article p { font-size: 15px; line-height: 28px; }
    .main_video_title { padding: 50px 0; }
    .main_video_title section article::before{ display: none;}
}

@media screen and (max-width:991px){
    .main_video_block { padding-top: 0; }
    .main_video_title { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 50px 15px 20px;}
    .main_video_title section{ padding-right: 0;}
    .main_video { margin-top: 0; }
    .main_video .fancybox-wrapper>figure:first-child{ padding: 0 !important;}
}
@media screen and (max-width:767px){
    .main_video_block>.module-container>.main { padding: 0 30px; background-size: cover !important;}
    .main_video_title section{ padding-top:0;}
    .main_video_title section>div:first-child { writing-mode: initial; }
    .main_video_title section h3::after { content: ""; position: absolute; top: -10px; left: -16px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/dc21cd73-e16d-48ac-b430-5d6d8c09ffa0.svg) no-repeat center; background-size: 56px; width: 56px; height: 32px; }
    .main_video_title section h3 { position: relative; display: table; writing-mode: initial; margin: 0 auto 5px; color: #ffffff; font-weight: 600; line-height: 32px; font-size: 24px; letter-spacing: 2px; text-align: center; }
    .main_video_title section h4 { width: auto; display: table; writing-mode: initial; margin: 0 auto; color: #e09b00; font-size: 28px; font-family: 'Italiana', serif !important; font-weight: 400; letter-spacing: 1px; }
    .main_video_title section article{ margin-bottom: 20px;}
    .main_video_title section article h5 { font-size: 17px; line-height: 26px; margin-bottom: 18px; }
}
@media screen and (max-width:575px){
    .main_video .fancybox-wrapper > figure { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0px !important; margin-bottom: 20px !important; }
    .main_video .fancybox-wrapper figure.position-bottom > .content-bottom { font-size: 15px; margin-top: 8px; letter-spacing: 1px; }
}

.privacy{ max-width: 1400px; margin: 0 auto 50px;}
.privacy section { color: #333333; border: 1px solid #dae0eb; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); background-color:#F3F4F6; border-radius: 0; padding: 60px 100px; }
.privacy section h2 { font-size: 20px; margin: 30px 0 10px;}
.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:1430px){
    .privacy{max-width: calc(100% - 120px); }
    .privacy section{ padding: 50px 70px;}
}
@media (max-width:991px){
    .privacy { max-width: calc(100% - 60px); }
    .privacy section{ padding: 40px;}
}
@media (max-width:575px){
    .privacy section{ padding: 30px;}
    .privacy section h2 { font-size: 18px;}
    .privacy section p,.privacy section ul li{ font-size: 15px;}
}

/***** 何時文選列表頁 *****/
.article_list_top section { max-width: 1600px; margin: 0 auto; padding: 0 40px; }
.article_list_top .bgfixed::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #14264b; opacity: 20%; }
.article_list_top section{z-index: 1; position: relative;}
.article_list_top section h1{ font-size: 28px; font-family: 'Noto Serif TC', serif !important;letter-spacing: 1px;}
.article_list_top section p{ font-size: 56px; font-family: 'Italiana', serif !important;letter-spacing: 2px; margin-bottom: 0;} 
.article_list_nav { position: absolute; bottom: 0; left: 0; }
.article_list_nav div.link-list { background:transparent; max-width: 1360px; margin: 0 auto; border-bottom: 1px solid #aab7d1;}
.article_list_nav div.link-list ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end;}
.article_list_nav div.link-list ul li{position: relative; text-align: center; -ms-flex: 1; flex: 1;}
.article_list_nav div.link-list ul li+li::before { content: ""; position: absolute; width: 1px; height: 100%; background: #ced7ea; left: 0; top: 0; }
.article_list_nav div.link-list ul li a,.article_list_nav div.link-list ul li span{ background: #eceff3; font-size: 22px; color:#293e69; font-family: 'Noto Serif TC', serif !important; padding: 17px 10px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.article_list_nav div.link-list ul li a div.link-list ul li i,.article_list_nav div.link-list ul li span div.link-list ul li i{ display: block;}
.article_list_nav div.link-list ul li a:hover { color: #e09b00; }
.article_list_nav.nav02 div.link-list ul li:nth-child(1)+li::before,
.article_list_nav.nav03 div.link-list ul li:nth-child(2)+li::before,
.article_list_nav.nav04 div.link-list ul li:nth-child(3)+li::before{ display: none; }
.article_list_nav.nav01 div.link-list ul li:nth-child(1) a,.article_list_nav.nav01 div.link-list ul li:nth-child(1) span,
.article_list_nav.nav02 div.link-list ul li:nth-child(2) a,.article_list_nav.nav02 div.link-list ul li:nth-child(2) span,
.article_list_nav.nav03 div.link-list ul li:nth-child(3) a,.article_list_nav.nav03 div.link-list ul li:nth-child(3) span,
.article_list_nav.nav04 div.link-list ul li:nth-child(4) a,.article_list_nav.nav04 div.link-list ul li:nth-child(4) span{ color: #ffffff; padding: 24px 10px; background-image: linear-gradient(to top, #293e69, #405a8f);}
.article_list{ padding-top: 20px; padding-bottom: 60px;}
.article_list ul, .article_list li { list-style: none; }
.article_list ul{display: -ms-grid; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 40px; grid-row-gap: 40px;}
.article_list ul li{ position: relative; background: #ffffff; box-shadow: 0px 4px 12.4px 0.7px rgba(150, 150, 150, 0.13);}
.article_list ul li::before { content: ""; position: absolute; background: #e09b00; width: 0; height: 2px; bottom: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.article_list ul li:hover::before{ width: 100%; }
.article_list a{ text-decoration: none;}
.article_list ul li h3{ color: #14264b; font-size: 20px; font-family: 'Noto Serif TC', serif !important;margin:14px 23px 30px; line-height: 36px; text-decoration: none; }
.article_list ul li p{ position: relative; color: #14264b;  font-size: 15px; text-decoration: none; font-family: 'Noto Serif TC', serif !important; margin:23px 23px 0; padding-left:20px;}
.article_list ul li p.date::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/834b3101-34ce-4a0c-8322-bd2a3fd017fe.svg) no-repeat center; width: 17px; height: 17px; left: 0; top: 4px; }
.article_list ul li p span.author { padding-left: 7px; }
.article_list ul li img { aspect-ratio: 5 / 3.04; object-fit: cover; object-position: center center;}
.article_area_tab ul.nav{ background: #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; max-width: 1360px; margin: 0 auto 10px; box-shadow: 0px 3px 10px 0.7px rgba(150, 150, 150, 0.13); padding: 30px; }
.article_area_tab .nav-pills li.nav-item { min-width: 115px; text-align: center; padding-right: 15px;}
.article_area_tab .nav-pills .nav-link { color: #4268b6; font-size: 18px; font-weight: 400; display: block; border: 1px solid #ced7ea; border-radius: 30px; padding: 3px 15px; }
.article_area_tab .nav-pills .nav-link.active { color: #ffffff; background: #4268b6; border: 1px solid #4268b6; }

@media (max-width:991px){
    .article_list ul { grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px;}
}
@media (max-width:767px){
    .article_list_nav div.link-list ul li a,.article_list_nav div.link-list ul li span{ font-size: 18px; padding: 10px;}
    .article_list_nav.nav01 div.link-list ul li:nth-child(1) a,.article_list_nav.nav01 div.link-list ul li:nth-child(1) span,
    .article_list_nav.nav02 div.link-list ul li:nth-child(2) a,.article_list_nav.nav02 div.link-list ul li:nth-child(2) span,
    .article_list_nav.nav03 div.link-list ul li:nth-child(3) a,.article_list_nav.nav03 div.link-list ul li:nth-child(3) span,
    .article_list_nav.nav04 div.link-list ul li:nth-child(4) a,.article_list_nav.nav04 div.link-list ul li:nth-child(4) span {padding: 14px 10px; }
    .article_area_tab .blk-tabs.dp-tbl { display: block; }
    .article_area_tab ul.nav { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; text-align: center; padding: 15px 10px; border-radius: 0; }
    .article_area_tab .nav-pills li.nav-item {display:inline-block;}
}
@media (max-width:575px){
    .article_list_top section h1{ font-size: 26px;}
    .article_list_top section p{ font-size: 30px;} 
    .article_list_nav div.link-list ul li a, .article_list_nav div.link-list ul li span{ font-size: 16px; padding: 10px 5px;}
    .article_list_nav.nav01 div.link-list ul li:nth-child(1) a,.article_list_nav.nav01 div.link-list ul li:nth-child(1) span,
    .article_list_nav.nav02 div.link-list ul li:nth-child(2) a,.article_list_nav.nav02 div.link-list ul li:nth-child(2) span,
    .article_list_nav.nav03 div.link-list ul li:nth-child(3) a,.article_list_nav.nav03 div.link-list ul li:nth-child(3) span,
    .article_list_nav.nav04 div.link-list ul li:nth-child(4) a,.article_list_nav.nav04 div.link-list ul li:nth-child(4) span{padding: 14px 5px; }
    .article_list { padding-top: 0; padding-bottom: 30px; }
    .article_list ul { grid-template-columns: repeat(1, 1fr);}
    .article_list ul li h3{ font-size: 18px;}
    .article_area_tab .nav-pills li.nav-item{min-width: initial; text-align: center; padding-right: 5px;}
    .article_area_tab .nav-pills .nav-link{ font-size: 16px;}
}

/***** 何時文選文章頁 *****/
.article_block { margin-top: -320px; }
.article_block>.module-container>.main.row { padding: 0 50px 20px; }
.article_breadcrumb { margin-top: -45px; margin-left: -55px; }
.article_breadcrumb .breadcrumb{padding: 0 0 20px;background: transparent;}
.article_breadcrumb a, .article_breadcrumb li.breadcrumb-item.active { color: #2d487f; font-family: 'Noto Serif TC', serif !important; font-size: 16px; padding-left: 8px;}
.article_breadcrumb .breadcrumb-item+.breadcrumb-item::before { padding-right:4px; color: #2d487f; font-family: 'Noto Serif TC', serif !important; font-size: 16px;}
.article_title .mix-wrapper { padding: 25px 0 0; }
.article_title section h1 { color: #14264b; font-weight: 600; font-family: 'Noto Serif TC', serif !important; font-size: 30px; line-height: 48px; letter-spacing: 1.5px; text-align: justify; }
.article_title section p{ position: relative; color: #14264b; font-size: 15px; text-decoration: none; font-family: 'Noto Serif TC', serif !important; margin:0 0 20px; padding-left: 20px;}
.article_title section p::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/834b3101-34ce-4a0c-8322-bd2a3fd017fe.svg) no-repeat center; width: 17px; height: 17px; left: 0; top: 4px; }
.article_title section p>span{ padding-left: 7px; }
.article_width{ max-width: 1100px; margin: 0 auto;}
.article_catalog { margin-top: 45px; }
.article_catalog .text-container { padding: 28px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/f6f51ec2-4f9a-46c5-aba4-b0fe01b53287.jpg); }
.article_catalog div.link-list { background: transparent; }
.article_catalog section.text-link h2{ position: relative; font-family: 'Noto Serif TC', serif !important;  font-size: 24px; font-weight: 600; color: #14264b; margin-bottom:14px; border-bottom: 1px solid #ccd3e5; padding: 0 0 12px 28px;}
.article_catalog h2::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/7a14704b-d97b-4b76-8449-83c572557c8b.svg) center no-repeat; width: 28px; height: 28px; left: 0; top: 0; }
.article_catalog div.link-list ul li a,.article_catalog div.link-list ul li span { position: relative; line-height: 30px; font-size: 18px; letter-spacing: 0.8px; padding: 5px 0 5px 28px; }
.article_catalog div.link-list ul li a::before,.article_catalog div.link-list ul li span{ content: ""; position: absolute; width: 5px; height: 5px; background: #e09b00; border-radius: 50%; left: 11px; top: 18px; }
.article_text{ margin-top: 45px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif; }
.article_text p{ font-size: 17px; line-height: 36px; margin-bottom: 0; text-align: justify; }
.article_text .header-title>div[id]{ font-size: 0; }
.article_text.onepic .mix-wrapper { padding: 0; }
.article_text .editor-content h2 { font-size: 24px; color: #14264b; line-height: 32px; font-family: 'Noto Serif TC', serif !important; font-weight: 600; letter-spacing: 1px; margin-bottom: 34px; padding-bottom: 20px; border-bottom: 2px solid #e09b00; }
.article_text .editor-content h3 { position: relative; padding-left: 24px; color: #4268b6; font-size: 20px; line-height: 28px; font-family: 'Noto Serif TC', serif !important; font-weight: 600; letter-spacing: 1px; margin-bottom: 34px; }
.article_text .editor-content h3::before { content: ""; position: absolute; background: #ccd3e5; width: 8px; height: 26px; left: 0; top: 0; }
.article_text.onepic .editor-content { margin: 0; }
.article_text.onepic .pic-content{ margin-top: 0; margin-bottom: 30px;}
.article_block .article_text img { width: 633px; max-width: 100%; }
.article_social{ background: #ffffff;}
.article_social .fb .fb_small span{ padding-left:0}
.article_social .line button.icon.t40::before { content: ''; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/ea913874-190a-40bb-b5ba-1262c40935bb.svg); position: absolute; width: 30px; height: 30px; background-size: 30px; }
.article_social .line button.icon.t40>img { display: none; }
.article_social>.module-container>.row { justify-content: flex-end; }
.article_social .line,.article_social .fb { -ms-flex: 0 0 35%; flex: 0 0 35px; max-width: 35px; }
.article_social>.module-container>.main{ padding-bottom: 15px; max-width: 1100px; margin: 0 auto; }
.article_social .fb .fb_small { height: 30px; width: 30px; }
.article_social .fb .fb_small img { width: 20px; }
.article_link_block { margin-bottom: 90px; background-color: #ffffff;}
.article_link_block>.module-container>.row { max-width: 1100px; margin: 0 auto; }
.article_link{ margin-bottom: 20px;}
.article_link div.link-list{ background: transparent;}
.article_link div.link-list ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; border-top: 1px solid #ccd3e5;}
.article_link div.link-list ul li{ -ms-flex:0 0 50%; flex: 0 0 50%; }
.article_link div.link-list ul li a,.article_link div.link-list ul li span { position: relative; display: block; padding: 25px 0 25px 40px; font-size: 24px; font-family: 'Noto Serif TC', serif !important; font-weight: 600; }
.article_link div.link-list ul li:last-child { text-align: right; border-left: 1px solid #ccd3e5; }
.article_link div.link-list ul li:last-child a, .article_link div.link-list ul li:last-child span { padding: 25px 40px 25px 0; }
.article_link div.link-list ul li a::before,.article_link div.link-list ul li span::before{ content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/61af0639-a771-427c-a301-d5332c545adc.svg); width: 30px; height: 30px; left: 7px; top: 26px; background-size: 32px; }
.article_link div.link-list ul li:last-child a::before,.article_link div.link-list ul li:last-child span::before{ left: initial; right: 7px; transform: rotate(180deg); }
@media (max-width:767px){
    .article_block>.module-container>.main.row { padding: 0 20px 20px; }
    .article_breadcrumb { margin-left: -20px; }
    .article_catalog { margin-top: 30px; }
    .article_title .mix-wrapper{ padding: 5px 0 0; }
    .article_title section h1{ font-size: 24px; line-height: 32px; letter-spacing: 0.5px;}
    .article_catalog section.text-link h2{ padding: 0 0 12px 24px; font-size: 20px;}
    .article_catalog h2::before{ width: 24px; height: 24px;}
    .article_catalog .text-container { padding: 20px;}
    .article_catalog div.link-list ul li a, .article_catalog div.link-list ul li span { line-height: 28px; font-size: 16px; letter-spacing: 0; padding: 5px 0 5px 24px; }
    .article_text p { font-size: 16px; line-height: 34px; }
    .article_text .editor-content h2 { font-size: 24px; letter-spacing: 0; margin-bottom: 25px; padding-bottom: 15px; }
    .article_text .editor-content h3 { padding-left: 19px; font-size: 18px; letter-spacing: 0; margin-bottom: 25px; }
    .article_text .pic-content.order-md-last { -ms-flex-order: 13; order: 13; }
    .article_text.onepic .pic-content { margin-bottom: 20px; }
    .article_link div.link-list ul li a, .article_link div.link-list ul li span{ padding: 15px 0 15px 28px; font-size: 20px; }
    .article_link div.link-list ul li:last-child a, .article_link div.link-list ul li:last-child span { padding: 15px 30px 15px 0; }
    .article_link div.link-list ul li a::before, .article_link div.link-list ul li span::before{ background-size: 28px; top: 17px; left: 0;}
    .article_link div.link-list ul li:last-child a::before, .article_link div.link-list ul li:last-child span::before{ right: 0;  left: initial; top: 15px; }
}

/* 關於何時 */
.about_top section { max-width: 1600px; margin: 0 auto; padding: 0 40px; }
.about_top .bgfixed::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #14264b; opacity: 20%; }
.about_top section{z-index: 1; position: relative;}
.about_top section h1{ font-size: 28px; font-family: 'Noto Serif TC', serif !important;letter-spacing: 1px;}
.about_top section p{ font-size: 56px; font-family: 'Italiana', serif !important;letter-spacing: 2px; margin-bottom: 0;} 
.about_intro_block { margin-bottom: 50px; }
.about_intro { background: #ffffff; margin-top: -80px; }
.about_intro::before { content: ""; position: absolute; width: calc(100% - 16px); height: 60px; border: 1px solid #ecc365; border-bottom: 0; left: 50%; top: 8px; transform: translate(-50%, 0); }
.about_intro::after { content: ""; position: absolute; width: calc(100% - 16px); height: 60px; border: 1px solid #ecc365; border-top: 0; left: 50%; bottom: 8px; transform: translate(-50%, 0); }
.about_intro section { text-align: center; max-width: 1230px; margin:0 auto; padding: 50px;}
.about_intro section h2 { position: relative; display: table; z-index: 1; margin: 0 auto 30px; padding: 0 10px 5px; line-height: 32px; color: #14264b; font-size: 24px; font-weight: 600; font-family: 'Noto Serif TC', serif !important; letter-spacing: 1.2px; }
.about_intro section h2::before{ content:""; position: absolute; width: 100%; height: 16px; left: 0; bottom: 0; background: #f3f4f6; z-index: -1;}
.about_intro section p { margin: 20px 0; font-size: 16px; line-height: 32px; letter-spacing: 0.5px; color: #545454; }
.about_intro section div { position: relative; display: table; margin: 0 auto; color: #4268b6; font-size: 18px; font-weight: 600; font-family: 'Noto Serif TC', serif !important; letter-spacing: 1.2px; padding-top: 10px; }
.about_intro section div::before { content: "“"; font-size: 30px; position: absolute; left: -33px; top: 2px; }
.about_intro section div::after { content: "”"; font-size: 30px; position: absolute; right: -33px; top: 2px; }
.about_feature { margin-top: 130px; margin-bottom: 0px; }
.about_feature .falls-container .grid { height: auto !important; padding-bottom: 0;}
.about_feature .grid{ justify-content: center; }
.about_feature .falls-container .grid .grid-item{-ms-flex: 0 0 calc(33.333333% - 50px); flex: 0 0 calc(33.333333% - 50px); position: relative !important; transform: initial !important; background:#ffffff; border: none; border-radius:0; margin: 0 25px 70px; padding: 0; z-index: 0; 
     max-width: initial; left: initial !important; top: initial !important;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.about_feature .grid .grid-item:nth-child(2),.about_feature .grid .grid-item:nth-child(5){ margin-top: -30px; margin-bottom: 100px; }
.about_feature .grid .grid-item::after{ content: ""; position: absolute; background: #e09b00; width: 0; height: 2px; bottom: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.about_feature .grid .grid-item:hover::after{ width: 100%; }
.about_feature .grid .grid-item::before { content: ""; position: absolute; background: #f3f4f6; width: 114px; height: 114px;border: 1px solid #ced7ea; border-radius: 50%; top: -30px; left: 50%; transform: translate(-50%, 0); }
.about_feature .grid .grid-item:nth-child(1)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg01.jpg) no-repeat top center; background-size: cover;}
.about_feature .grid .grid-item:nth-child(2)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg08.jpg) no-repeat top center; background-size: cover; }
.about_feature .grid .grid-item:nth-child(3)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg06.jpg) no-repeat top center; background-size: cover;}
.about_feature .grid .grid-item:nth-child(4)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg07.jpg) no-repeat top center; background-size: cover;}
.about_feature .grid .grid-item:nth-child(5)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg04.jpg) no-repeat top center; background-size: cover;}
.about_feature .grid .grid-item:nth-child(6)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg05.jpg) no-repeat top center; background-size: cover; }
.about_feature .grid .grid-item:nth-child(7)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg02.jpg) no-repeat top center; background-size: cover; }
.about_feature .grid .grid-item:nth-child(8)>section>div{ background: url(https://shallwetravel.com/material-alias/關於何時/aboutus_bg03.jpg) no-repeat top center; background-size: cover;}
.about_feature .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; width: 70px; height: auto; position: absolute; left: 50%; top: -10px; transform: translate(-50%, 0); }
.about_feature .falls-container .grid .grid-item h3 { position: absolute; bottom: 0; right: 0; color: #e09b00; font-size: 16px; padding-right: 30px; }
.about_feature .grid .grid-item>p { margin: 0; }
.about_feature .grid .grid-item section{ margin-top: 0px;}
.about_feature .grid .grid-item section>div { min-height: 223px; padding: 121px 22px 15px; }
.about_feature .falls-container .grid .grid-item section h2, .about_feature .falls-container .grid .grid-item section p { color: #ffffff; text-align: center;}
.about_feature .falls-container .grid .grid-item section div h2 { font-size: 20px; font-weight: 600; font-family: 'Noto Serif TC', serif !important; letter-spacing: 1px; margin-bottom: 14px; }
.about_feature .falls-container .grid .grid-item section div p { font-size: 16px; font-family: 'Noto Serif TC', serif !important; margin-bottom: 0; letter-spacing: 1px; }
.about_feature .grid .grid-item section article { background: #ffffff; color: #333333; font-size: 15px; padding: 20px 20px 50px; line-height: 30px;  text-align: justify;}
.about_feature .falls-container .grid .grid-item h3 { position: absolute; bottom: 0; right: 20px; color: #e09b00; font-size: 16px; padding-right: 30px; margin-bottom: 20px; }
.about_feature .falls-container .grid .grid-item h3::after { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/關於何時/arrow_gold.svg) no-repeat center right; width: 20px; height: 20px; margin-left: 5px; }
.about_focus{ margin-top: 50px; margin-bottom: 50px;}
.about_focus .swiper-slide-style { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; box-shadow: none; border-radius: 0; background: transparent; }
.about_focus .swiper-slide .swiper-img{-ms-flex: 0 0 610px; flex: 0 0 695px; max-width: initial; margin-bottom: 0; order:2; border: 1px solid #aab7d1;}
.about_focus .swiper-slide .swiper-img img{ width: 100%; height: auto; border-radius: 0; aspect-ratio: 5 / 4; object-fit: cover; object-position: center center;}
.about_focus .swiper-slide .swiper-title{ display: none;}
.about_focus .swiper-button-prev.swiper-button-white, .about_focus .swiper-button-next.swiper-button-white { width: 50px; height: 50px; background: #ffffff; border-radius: 50%; opacity: 1; border: 1px solid #ffffff; margin-top: 0; box-shadow: 0 0 6.5px 0.5px rgba(53, 70, 105, 0.17); -webkit-transition: all 0.3s; transition: all 0.3s;}
.about_focus .swiper-button-prev.swiper-button-white:hover,.about_focus .swiper-button-next.swiper-button-white:hover{ border: 1px solid #aab7d1; opacity: 1;}
.about_focus  [class*='swiper-button-']:after { font-size: 22px; font-weight: 600; background: transparent; color: #aab7d1;}
.about_focus .swiper-button-next.swiper-button-white::after { padding: 0 0 0 3px; }
.about_focus .swiper-button-prev.swiper-button-white::after { padding: 0 3px 0 0; }
.about_focus .swiper-button-next{  left: calc(25% - 10px); bottom: 5px; top: initial;}
.about_focus .swiper-button-prev { left: calc(25% - 100px); bottom: 5px; top: initial; }
.about_focus .swiper-button-prev.swiper-button-white.swiper-button-disabled,.about_focus .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.about_focus .swiper-slide .swiper-content { order:1; display: -ms-flexbox;  display: flex; flex-flow: column; justify-content:flex-start; -ms-flex: 1; flex: 1; max-width: initial; background: transparent; box-shadow: none; margin: 0; padding: 0 40px; -webkit-line-clamp: initial; }
.about_focus .swiper-slide .swiper-content .header-title{ width: auto; display: table; color: #e09b00; font-size: 40px; font-family: 'Italiana', serif !important; letter-spacing: 1px; font-weight: 400;text-align: center; margin: 0 auto 20px; padding: 20px 0;}
.about_focus .swiper-slide .swiper-content .header-title>div { position: relative; display: table; margin: 0 auto 5px; line-height: 32px; color: #14264b; font-size: 26px; font-weight: 600;  font-family: 'Noto Serif TC', serif !important; letter-spacing: 2px; text-align: center;}
.about_focus .swiper-slide .swiper-content .header-title>div::after{ content: ""; position: absolute; top: -10px; left: -16px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/dc21cd73-e16d-48ac-b430-5d6d8c09ffa0.svg) no-repeat center; background-size: 56px; width: 56px; height: 32px;}
.about_focus .swiper-slide .swiper-content .header-title>p { position: relative; display: table; color: #14264b; font-size: 18px; font-family: 'Noto Serif TC', serif !important; margin:10px auto 0; padding-left: 48px; padding-right: 48px;}
.about_focus .swiper-slide .swiper-content .header-title>p::before{ content: ""; position:absolute; width: 28px; height: 1px; background: #14264b; left: 0; top: 13px;}
.about_focus .swiper-slide .swiper-content .header-title>p::after{ content: ""; position:absolute; width: 28px; height: 1px; background: #14264b; right: 0; top: 13px;}
.about_focus .swiper-slide .swiper-content article { min-height: 270px; background: #f3f4f6; margin-bottom: 65px; padding: 20px 70px; text-align: center; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-flow: column; justify-content: center; }
.about_focus .swiper-slide .swiper-content article h3 { color: #4268b6; font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.about_focus .swiper-slide .swiper-content article p { font-size: 16px; color: #333333; margin: 0; line-height: 30px; position: relative; display: -ms-flexbox; display: flex; padding-bottom: 0px; }
.about_locations_block{ margin-top: 50px; margin-bottom: 50px;}
.about_locations_title { -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: initial; }
.about_locations_title>.module-container, .about_locations_title>.module-container>.main { height: 100%; }
.about_locations_title>.module-container>.main { display: -ms-flexbox; display: flex; align-items: center; }
.widget-item.shallwe_title.about_locations_title .header-title{ margin: 0 auto; color: #ffffff;  font-size: 30px;}
.widget-item.shallwe_title.about_locations_title .header-title>div{ margin:0 0 15px; color: #ffffff;}
.about_locations { -ms-flex: 1; flex: 1; max-width: initial; padding-left: 50px; background: #ffffff;}
.about_locations .swiper-container{ padding-bottom: 35px;}
.about_locations .swiper-container::before { content: ""; position: absolute; width: calc(100% - 260px); height: 1px; border: 1px solid #b5c3e0; bottom: 0; }
.about_locations .swiper-slide-style { margin-top: 0; box-shadow: none; border-radius: 0;}
.about_locations .swiper-slide .swiper-img img{ border-radius: 0;}
.about_locations .swiper-slide .swiper-title { margin-bottom: 0; padding: 8px 12px 8px 36px; text-align: left; position: absolute; background: rgb(224 155 0 / 90%); left: 0; top: 0; font-size: 20px; color: #ffffff; }
.about_locations .swiper-slide .swiper-title::before { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/map-pin-area_w.svg); width: 20px; height: 20px; left: 12px; top: 10px; }
.about_locations .swiper-slide .swiper-content { -webkit-line-clamp: initial; color: #333333; font-size: 15px; text-align: left; margin-bottom: 0; line-height: 30px; padding:0; }
.about_locations .swiper-slide .swiper-content p { margin-bottom: 0; position: relative; padding-left: 10px; }
.about_locations .swiper-slide .swiper-content p::before { content: ""; position: absolute; width: 5px; height: 5px; background: #aab7d1; border-radius: 50%; left: 0; top: 12px; }
.about_locations .swiper-button-prev.swiper-button-white,.about_locations .swiper-button-next.swiper-button-white { width: 50px; height: 50px; background:#f3f4f6; border-radius: 50%; opacity: 1; margin-top: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.about_locations .swiper-button-prev.swiper-button-white:hover,.about_locations .swiper-button-next.swiper-button-white:hover{ background: #14264b; opacity: 1;}
.about_locations [class*='swiper-button-']:after { font-size: 22px; font-weight: 600; background: transparent; color: #aab7d1;}
.about_locations .swiper-button-next.swiper-button-white::after { padding: 0 0 0 3px; }
.about_locations .swiper-button-prev.swiper-button-white::after { padding: 0 3px 0 0; }
.about_locations .swiper-button-next{ right:90px;; bottom: 0px; top: initial;}
.about_locations .swiper-button-prev { left: initial; right: 170px; bottom: 0px; top: initial; }
.about_locations .swiper-button-prev.swiper-button-white.swiper-button-disabled,.about_locations .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.about_leaders_block { margin-bottom:70px; }
.about_leaders .fancybox-wrapper figure:nth-child(4n+2){ margin-top: 25px; }
.about_leaders .fancybox-wrapper figure:nth-child(4n+3){ margin-top: 50px; }
.about_leaders .fancybox-wrapper figure:nth-child(4n+4){ margin-top: 75px; }
.about_leaders .fancybox-wrapper a[data-fancybox] { max-width: 262px; margin: 0 auto; border: 1px solid #b9c6e2; border-radius: 50%; padding: 4px; outline: none; }
.about_leaders .fancybox-wrapper a[data-fancybox] > img { aspect-ratio: 5 / 5; object-fit: cover; object-position: center center; border-radius: 50%; }
.about_leaders .fancybox-wrapper figure.position-bottom > .content-bottom { text-align: center; margin-top: 22px; }
.about_leaders .fancybox-wrapper figure.position-bottom > .content-bottom h3{ font-size: 18px; color: #4268b6; margin-bottom: 8px; font-weight: 600;}
.about_leaders .fancybox-wrapper figure.position-bottom > .content-bottom p { font-size: 15px; color: #545454; margin-bottom: 0; line-height: 30px; }
.about_service_top .module-container .bgfixed > div{ vertical-align: top;}
.about_service_top section { margin: 60px auto 30px; }
.about_service_top section h3{ position: relative; display: table; margin: 0 auto 10px; line-height: 32px; color: #14264b; font-size: 26px; font-weight: 600;  font-family: 'Noto Serif TC', serif !important; letter-spacing: 2px; text-align: center;}
.about_service_top section h3::after{ content: ""; position: absolute; top: -10px; left: -16px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/dc21cd73-e16d-48ac-b430-5d6d8c09ffa0.svg) no-repeat center; background-size: 56px; width: 56px; height: 32px;}
.about_service_top section h4{ width: auto;  display: table; margin: 0 auto;  color: #e09b00; font-size: 40px; font-family: 'Italiana', serif !important; letter-spacing: 1px; font-weight: 400;text-align: center; }
.about_service_top section p{ margin-top: 48px; margin-bottom: 0; padding: 0 30px; text-align: center; color: #ffffff; font-size: 18px; line-height: 36px;}
.web-page-frame .about_service_tab ul { max-width: 1360px; margin: 0 auto; }
.about_service_tab .blk-tabs.dp-tbl { position: absolute; bottom: 0; left: 0; z-index: 1; text-align: center; width: 100%; }
.about_service_tab ul li.nav-item { -ms-flex: 0 0 25%; flex: 0 0 25%;}
.about_service_tab .nav-pills .nav-link { padding: 20px 24px; border-radius: 0; background: #aab7d1; color: #ffffff; font-size: 22px; font-family: 'Noto Serif TC', serif !important; letter-spacing: 1px; }
.about_service_tab .nav-pills .nav-link.active,.about_service_tab .nav-pills .show>.nav-link { color: #293e69; background-color: #eceff3; }

@media screen and (max-width:1500px){
    .about_focus .swiper-slide .swiper-content{ padding:0 40px;}
}
@media screen and (max-width:1360px){
    .about_focus .swiper-slide .swiper-img { -ms-flex: 0 0 580px; flex: 0 0 580px;}
    .about_focus .swiper-slide .swiper-img img{ aspect-ratio: 5 / 4.45; }
    .about_focus .swiper-slide .swiper-content article{ padding: 20px 30px;}
    .about_locations_title { -ms-flex: 0 0 270px; flex: 0 0 270px; }
    .about_locations{ padding-left: 30px;}
    .about_locations .swiper-slide-style{ margin-right: 15px !important;}
    .about_locations .swiper-slide .swiper-title { padding: 8px 10px 8px 30px; font-size: 16px; }
    .about_locations .swiper-slide .swiper-title::before { width: 18px; height: 18px; left: 9px; top: 9px; }
    
}
@media(max-width:1199px){ 
    .about_intro_block{ margin-bottom: 30px;}
    .about_feature .falls-container .grid .grid-item{-ms-flex: 0 0 calc(33.333333% - 30px); flex: 0 0 calc(33.333333% - 30px); margin-left: 15px; margin-right: 15px;}
    .about_focus { margin-top: 30px; margin-bottom: 30px;}
    .about_focus .swiper-container{ padding-bottom: 70px;}
    .about_focus .swiper-slide .swiper-img { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: auto; order: 2; margin: 0; padding:0 10px; border:0;}
    .about_focus .swiper-slide-style { align-items: flex-start; justify-content: center; }
    .about_focus .swiper-slide .swiper-content article{ min-height: auto; margin-bottom: 25px; padding: 30px;}
    .about_focus .swiper-slide .swiper-content { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; }
    .about_focus .swiper-button-next { right: calc(50% - 65px); left: initial;  bottom: 5px; top: initial; }
    .about_focus .swiper-button-prev { left: calc(50% - 65px); bottom: 5px; top: initial; }
    .about_focus .swiper-slide .swiper-img img { aspect-ratio: 5 / 4;}
    .about_locations_block { margin-top: 30px; margin-bottom: 30px; }
    .about_locations .swiper-button-prev{right: 100px;}
    .about_locations .swiper-button-next{ right: 20px;}
    .about_locations .swiper-container::before{ width: calc(100% - 190px);}
}
@media screen and (max-width:991px){
    .about_leaders .fancybox-wrapper figure:nth-child(4n+2){ margin-top: initial;}
    .about_leaders .fancybox-wrapper figure:nth-child(4n+3){ margin-top: initial;}
    .about_leaders .fancybox-wrapper figure:nth-child(4n+4){ margin-top: initial;}
    .about_leaders .fancybox-wrapper figure:nth-child(3n+2){ margin-top: 25px; }
    .about_leaders .fancybox-wrapper figure:nth-child(3n+3){ margin-top: 50px; }
}
@media screen and (max-width:767px){
    .about_feature { margin-top: 60px; }
    .about_feature .falls-container .grid .grid-item{-ms-flex: 0 0 100%; flex: 0 0 100%; margin: 0 0 70px;}
    .about_focus .swiper-slide-style{ margin-bottom: 10px;}
    .about_focus .swiper-slide-style::before,.about_focus .swiper-slide-style::after{ display: none;}
    .about_focus { margin-bottom: 30px; }
    .about_focus .swiper-wrapper { padding: 0; }
    .about_focus .swiper-container { padding-bottom: 60px; margin-bottom: 10px; }
    .about_locations_title { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .widget-item.shallwe_title.about_locations_title .header-title { margin: 45px auto 30px;}
    .widget-item.shallwe_title.about_locations_title .header-title>div { margin: 0 auto; }
    .about_locations{ padding-left: 15px;}
    .about_locations .swiper-container{ padding: 20px 15px 35px;}
    .about_locations .swiper-container::before{ display: none;}
    .about_locations .swiper-button-next { right: calc(50% - 65px); left: initial;  }
    .about_locations .swiper-button-prev { left: calc(50% - 65px); }
    .about_leaders .fancybox-wrapper figure:nth-child(3n+2){ margin-top: initial; }
    .about_leaders .fancybox-wrapper figure:nth-child(3n+3){ margin-top: initial; }
    .about_leaders .fancybox-wrapper figure:nth-child(2n+2){ margin-top: 25px; }
    .about_service_top section h3{ font-size: 24px;}
    .about_service_top section h4{ font-size: 28px;}
    .about_service_top section p{font-size: 16px; line-height: 32px;}
    .about_service_tab .nav-pills .nav-link { padding: 10px 16px; font-size: 18px}; }

@media (max-width:575px){
    .about_top section h1{ font-size: 26px;}
    .about_top section p{ font-size: 30px;}
    .about_intro section{ padding: 30px;}
    .about_intro section h2{ font-size: 20px; padding: 0; letter-spacing: 0;}
    .about_intro section p{ font-size: 15px;}
    .about_intro section div{ font-size: 16px; letter-spacing: 0;}
    .about_intro section div::before { font-size: 26px; left: -26px; }
    .about_intro section div::after { font-size: 26px; right: -26px; }
    .about_focus .swiper-slide .swiper-content article h3{ font-size: 18px;}
    .about_focus .swiper-slide .swiper-content article p{ font-size: 15px; line-height: 28px;}
    .about_focus .swiper-slide .swiper-content article{ padding: 20px;}
    .about_leaders .fancybox-wrapper figure:nth-child(2n+2){ margin-top: initial; }
}

/***** 關於何時-嵌入iframe領隊介紹 *****/
.leader_profile_block,.leader_experience_block { height: 100%; margin-top: 70px;}
.leader_profile_block>.module-container, .leader_profile_block>.module-container>.main,
.leader_experience_block>.module-container,.leader_experience_block>.module-container>.main { height: 100%; }
.leader_profile_block>.module-container>.main>.header-title, .leader_experience_block>.module-container>.main>.header-title,
.leader_profile_block>.module-container>.main>.blk-tabs, .leader_experience_block>.module-container>.main>.blk-tabs{ display: none;}
.teamleader_tab{ position: fixed; z-index: 1; padding-bottom: 30px;}
.web-page-frame .teamleader_tab ul { padding: 10px 0; }
.teamleader_tab li.nav-item+li { margin-left: 30px; }
.teamleader_tab li.nav-item { width: 260px; text-align: center; }
.teamleader_tab .nav-pills .nav-link { border: 1px solid #aab7d1; border-radius: 30px; color: #6680b4;}
.teamleader_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #aab7d1; }
.leader_profile,.leader_experience{background: rgb(255 255 255 / 80%);}
.leader_profile p,.leader_experience p { margin-bottom: 0; height: 100%; padding: 35px; line-height: 32px; color: #333333;}
@media (max-width:767px){
    .teamleader_tab li.nav-item { width:160px; pointer-events: auto;}
    .leader_profile p, .leader_experience p{ font-size: 15px;}
    .leader_profile p, .leader_experience p{ padding: 20px 20px 200px;}
}
@media (max-width:575px){
    .teamleader_tab li.nav-item { width: 120px; }
    .teamleader_tab li.nav-item+li { margin-left: 15px; }
}

/***** 分館主題頁 *****/
.theme_top section { max-width: 1600px; margin: 0 auto; padding: 0 40px; }
.theme_top .bgfixed::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #14264b; opacity: 20%; }
.theme_top section{z-index: 1; position: relative;}
.theme_top section h1{ font-size: 36px; font-family: 'Noto Serif TC', serif !important; letter-spacing: 3px;}
.theme_top section p{ font-size: 56px; font-family: 'Italiana', serif !important;letter-spacing: 2px; margin-bottom: 0;}
.theme_popular_block { margin-bottom: 50px;}
.theme_popular .swiper-slide-style { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; box-shadow: none; border-radius: 0; background: transparent; }
.theme_popular .swiper-slide .swiper-img{-ms-flex: 0 0 915px; flex: 0 0 915px; max-width: initial; margin-bottom: 0;}
.theme_popular .swiper-slide .swiper-img img{ width: 100%; height: auto; border-radius: 0; aspect-ratio: 5 / 2.86; object-fit: cover; object-position: center center;}
.theme_popular .swiper-slide .swiper-title{ display: none;}
.theme_popular .swiper-slide .swiper-content { -ms-flex: 1; flex: 1; max-width: initial; background: transparent; box-shadow: none; margin: 0; -webkit-line-clamp: initial; }
.theme_popular .swiper-slide .swiper-content article { display: -ms-flexbox;  display: flex; flex-flow: column; justify-content: center;  background: url(https://shallwetravel.com/material-alias/article_bg.jpg); position: absolute; width: 656px; height: 376px; right: 0; bottom: 30px; padding: 40px; }
.theme_popular .swiper-content article::after { content: ""; position: absolute; content: "More"; right: 40px; bottom: 20px; font-family: 'Italiana', serif !important; font-size: 20px; color: #40557e; letter-spacing: 2px; }
.theme_popular .swiper-content article::before { content: ""; position: absolute; width:0; height: 1px; background: #40557e; bottom: 30px; left: 40px;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.theme_popular .swiper-slide:hover .swiper-content article::before{ width: calc(100% - 160px);}
.theme_popular .swiper-button-prev.swiper-button-white, .theme_popular .swiper-button-next.swiper-button-white { width: 50px; height: 50px; background: #f3f4f6; border-radius: 50%; opacity: 1; margin-top: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.theme_popular .swiper-button-prev.swiper-button-white:hover,.theme_popular .swiper-button-next.swiper-button-white:hover{background-color: #d7e1f5;  opacity: 1;}
.theme_popular  [class*='swiper-button-']:after { font-size: 22px; font-weight: 600; background: transparent; color: #aab7d1;}
.theme_popular .swiper-button-next.swiper-button-white::after { padding: 0 0 0 3px; }
.theme_popular .swiper-button-prev.swiper-button-white::after { padding: 0 3px 0 0; }
.theme_popular .swiper-button-next, .theme_popular .swiper-container-rtl .swiper-button-prev { right: 3px; top: 0px; }
.theme_popular .swiper-button-prev, .theme_popular .swiper-container-rtl .swiper-button-next { left: initial; right: 80px; top: 0px; }
.theme_popular .swiper-button-prev.swiper-button-white.swiper-button-disabled,.theme_popular .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.theme_popular .swiper-content h4 { color: #4268b6; font-size: 22px; font-family: 'Noto Serif TC', serif !important; margin-bottom: 32px; letter-spacing: 1px; line-height: 32px; text-align: center;}
.theme_popular .swiper-content p{ font-size: 18px; color: #333333; margin: 0; line-height: 32px; position: relative; min-height: 160px; padding-bottom: 0; text-align: center; 
    -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.theme_tab { margin-top: 40px; margin-bottom: 10px; } 
.theme_tab ul.nav{ margin-bottom: 16px; }
.theme_tab .nav-pills .nav-link { position: relative; border-radius: 0; font-size: 20px; color: #545454; font-family: 'Noto Serif TC', serif !important; padding: 5px 24px; line-height: 20px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.theme_tab .nav-pills .nav-link.active,.theme_tab .nav-pills .show>.nav-link { color: #4268b6; background-color: transparent;  font-size: 24px;}
.theme_tab a.nav-link.active::before,.theme_tab .nav-pills .show>.nav-link::before{ content: ""; position: absolute; border-left: 1px solid #aab7d1; border-right: 1px solid #aab7d1; width: 100%; height: 100%; left: 0; top: 0; transform: skewX(-18deg);}
.theme_tab .nav-pills .nav-link:hover{ color: #4268b6;}

.theme_auto { margin-top: 60px; margin-bottom: 100px; min-height: 300px !important; }
.theme_auto::before { content: ""; position: absolute; height: 1px; width: 100%; background: #b5c0d7; top: 18px; left: 0; }
.theme_auto .header-title { position: relative; color: #14264b; font-size: 24px; font-weight: 600; margin-bottom: 50px; padding-left: 24px; padding-right: 24px; font-family: 'Noto Serif TC', serif; line-height: 34px; background: #E8ECF5; display: table;}
.theme_auto .header-title::before{ content: ""; position: absolute; width: 8px; height: 36px; background: #e09b00; left: 0; top: 0;}
.theme_auto .header-title>span { font-size: 20px; font-weight: 400; padding-left: 16px; vertical-align: top; }
.theme_auto>.module-container>.main>div>section,.theme_auto>.module-container>.main>div>section .product_all{  width: 100%; display:grid; grid-template-columns: repeat(3, 1fr); column-gap: 48px; row-gap: 48px; }
.theme_auto>.module-container>.main>div>section>.product_box { position: relative; padding-bottom: 50px; background: #ffffff; box-shadow: rgba(150, 150, 150, 0.13) 0px 4px 12.4px 0.7px;}
.theme_auto>.module-container>.main>div>section>.product_box:not(:nth-child(n+1):nth-child(-n+4)) { display: none; }
.theme_auto .product_box .product_img{ overflow: hidden;}
.theme_auto .product_box img { max-width: 100%; aspect-ratio:4/2.62; object-fit: cover; object-position: center center; width: 100%;  -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.theme_auto .product_box:hover img{-webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg);}
.theme_auto .product_box .product_name { margin-top: 16px; padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; font-family: 'Noto Serif TC', serif; }
.theme_auto .product_box .product_name a { color: #333333; text-decoration: none; }
.theme_auto .product_box .departure_date { margin-top: 15px; margin-bottom: 15px; padding: 0 18px 0 40px; font-size: 0; position: relative;}
.theme_auto .product_box .departure_date::before { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/分館/calendar-blue.svg) center no-repeat; width: 18px; height: 18px; left: 18px; top: 2px; }
.theme_auto .product_box .departure_date a+a:before { content: ","; padding: 0 3px; }
.theme_auto .product_box .departure_date a:last-child::before{ display: none;}
.theme_auto .product_box .departure_date>s{ text-decoration: line-through;}
.theme_auto .product_box .departure_date a { font-size: 16px;font-family: Palatino, serif !important; color: #333333;  text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.theme_auto .product_box .departure_date a:hover{ color:#4268b6;}
.theme_auto .product_box .departure_date a:hover::before{ color: #333333;}
.theme_auto .product_box .product_description { margin-top: 3px; padding: 0 18px; font-size: 15px; color: #4268b6; }
.theme_auto .product_box .product_price{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: right; margin-bottom: 15px; padding: 0 18px; letter-spacing: 0.5px; }
.theme_auto .product_box .product_price span { color: #e09b00; font-size: 20px; font-weight: 400; font-family: Palatino, serif !important; }

.theme_route { margin-top: 60px; margin-bottom: 100px; min-height: 300px !important; }
.theme_route::before { content: ""; position: absolute; height: 1px; width: 100%; background: #b5c0d7; top: 18px; left: 0; }
.theme_route .header-title { position: relative; color: #14264b; font-size: 24px; font-weight: 600; margin-bottom: 50px; padding-left: 24px; padding-right: 24px; font-family: 'Noto Serif TC', serif; line-height: 34px; background: #E8ECF5; display: table;}
.theme_route .header-title::before{ content: ""; position: absolute; width: 8px; height: 36px; background: #e09b00; left: 0; top: 0;}
.theme_route .header-title>span { font-size: 20px; font-weight: 400; padding-left: 16px; vertical-align: top; }
.theme_route .hover-wall .htpro_tit { display: none; }
.theme_route .hover-wall .icon_info { padding-bottom: 55px; height: 100%; box-shadow: none; background: #ffffff; border-radius: 0; box-shadow: rgba(150, 150, 150, 0.13) 0px 4px 12.4px 0.7px;}
.theme_route .hover-wall .icon_info:hover{ bottom: 0; -moz-box-shadow: none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: rgba(150, 150, 150, 0.13) 0px 4px 12.4px 0.7px;}
.web-page-frame .theme_route.widget-item .container-fluid { padding: 0; }
.theme_route .hover-wall > .container-fluid > .row { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 48px; row-gap: 48px; margin: 0;}
.theme_route .hover-wall > .container-fluid > .row > div { padding: 0; flex: initial; max-width: initial; margin-bottom: 0 !important;}
.theme_route .hover-wall figure .overlay { display: none; }
.theme_route .hover-wall .icon_info h3 { margin-top: 16px; padding: 0 18px; font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; font-family: 'Noto Serif TC', serif;}
.theme_route .hover-wall .icon_info:hover h3{ color:#092e47 !important; }
.theme_route .hover-wall .icon_info h4 { position: absolute; display: table; font-style: normal; word-break: break-all; line-height: 22px; letter-spacing: 0; margin: 0; padding: 0; font-weight: 400; right: 18px; bottom: 15px; font-size: 20px; font-family: Palatino, serif !important;}  
.theme_route .hover-wall figure .b_img {max-width: 100%; aspect-ratio: 4 / 2.62; object-fit: cover; object-position: center center; width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.theme_route .hover-wall .icon_info:hover figure .b_img { -webkit-transform: scale(1.2) rotate(0deg); -ms-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg); }
.theme_route .hover-wall .icon_info p.animate-text { position: relative; word-break:break-all; padding: 0 10px 0 40px; font-size: 16px; font-family: Palatino, serif !important; color: #333333; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.theme_route .hover-wall .icon_info p.animate-text::before{content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/分館/calendar-blue.svg) center no-repeat; width: 18px; height: 18px; left: 18px; top: 2px;}

@media screen and (max-width:1199px){
    .theme_popular .swiper-container { padding-bottom: 60px; margin-bottom: 10px; }
    .theme_popular .swiper-slide .swiper-img { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: auto;margin: 0;}
    .theme_popular .swiper-slide-style { align-items: flex-start; justify-content: center; }
    .theme_popular .swiper-pagination { text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 0 15px;}
    .theme_popular .swiper-slide .swiper-content{ margin: -30px 0 0 0;}
    .theme_popular .swiper-slide .swiper-content article { position: relative; width: 90%; height: auto; right: initial; bottom: initial; padding: 40px; margin: 0 auto; }
    .theme_popular .swiper-button-prev, .theme_popular .swiper-container-rtl .swiper-button-next { left:calc(50% - 70px); right: initial; top: initial; bottom: 0; }
    .theme_popular .swiper-button-next, .theme_popular .swiper-container-rtl .swiper-button-prev { right:calc(50% - 70px); top: initial; bottom: 0; }
    .theme_auto .product_box .product_name,.theme_auto .product_box .departure_date,.theme_auto .product_box .product_price{padding: 0 10px; }
    .theme_auto .product_box .departure_date{padding: 0 10px 0 30px; }
    .theme_auto .product_box .departure_date::before{ left: 8px;}
    .theme_auto .product_box .product_name{margin-top: 10px;}
    .theme_auto .product_box .product_price{ margin-bottom: 10px;}
}
@media(max-width:991px) {
    .theme_tab .nav-pills .nav-link{ font-size: 18px;padding: 5px 18px; line-height: 18px;}
    .theme_auto>.module-container>.main>div>section, .theme_auto>.module-container>.main>div>section .product_all { grid-template-columns: repeat(2, 1fr); column-gap:30px; row-gap: 30px; }
    .theme_route .hover-wall > .container-fluid > .row { grid-template-columns: repeat(2, 1fr); column-gap: 30px; row-gap: 30px; }
    
}
@media screen and (max-width:767px){
    .theme_popular { margin-bottom: 30px; }
    .theme_popular .swiper-slide .swiper-content { margin: -20px 0 0 0; padding: 0px; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .theme_popular .swiper-slide .swiper-content article{ padding: 30px 17px;}
    .theme_popular .swiper-content h4{ font-size: 18px; margin-bottom: 16px; line-height: 26px;}
    .theme_popular .swiper-content p{ letter-spacing: 0; font-size: 15px; -webkit-line-clamp: initial; line-height: 26px; }
    .theme_popular .swiper-content article::after { right: 17px; font-size: 17px; bottom: 10px;}
    .theme_popular .swiper-content article::before{ display: none;}
    .theme_tab > .module-container > .main > .blk-tabs { display: block; }
    .theme_tab .nav {display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 30px 0px 0; text-align: center; padding: 0 10px; }
    .theme_tab .nav li.nav-item { display: inline-block; }
    .theme_tab .nav-pills .nav-link{ font-size: 17px; font-weight: 600; padding: 5px 15px;}
    .theme_tab .nav-pills .nav-link.active, .theme_tab .nav-pills .show>.nav-link{ font-size: 19px;}
    .theme_tab ul.nav { margin: 0 0 16px; }
    .theme_route .hover-wall .icon_info h3{ font-size: 17px; margin-bottom: 18px;}
	.theme_route .hover-wall .icon_info h4{ font-size: 19px; bottom: 18px;}
	.theme_route .hover-wall .icon_info { padding-bottom:45px; }
}
@media (max-width:575px){
    .theme_top .module-container .bgfixed, .theme_top .module-container .bgfixed > div { min-height: 390px !important; }
    .theme_top section h1{ font-size: 30px;}
    .theme_top section p{ font-size: 30px;}
    .theme_auto>.module-container>.main>div>section, .theme_auto>.module-container>.main>div>section .product_all { grid-template-columns: repeat(1, 1fr); column-gap: 20px; row-gap: 20px; }
    .theme_auto .product_box img{aspect-ratio: 4/2.3;}
    .theme_route .hover-wall > .container-fluid > .row { grid-template-columns: repeat(1, 1fr); column-gap: 20px; row-gap: 20px; }
    .theme_route .hover-wall figure .b_img {aspect-ratio: 4 / 2.3;}
}
/***** 講座專區 *****/
.lectures_top section { max-width: 1600px; margin: 0 auto; padding: 0 40px; }
.lectures_top .bgfixed::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #14264b; opacity: 20%; }
.lectures_top section{z-index: 1; position: relative;}
.lectures_top section h1{ font-size: 36px; font-family: 'Noto Serif TC', serif !important; letter-spacing: 3px;}
.lectures_top section p{ font-size: 56px; font-family: 'Italiana', serif !important;letter-spacing: 2px; margin-bottom: 0;}
.lectures_intro_block { border-bottom: 1px solid #adbfe2 !important; }
.lectures_intro_block .blk-tabs.dp-tbl { order: 10; max-width: 1360px; margin: 0 auto; }
.lectures_intro_block .blk-tabs.dp-tbl ul.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-end; }
.lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item { position: relative; text-align: center; -ms-flex: 1; flex: 1; }
.lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link { position: relative; display: block; background: #728ec3; font-size: 22px; color: #ffffff; font-family: 'Noto Serif TC', serif !important; padding: 12px 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link:hover{ color:#ffd87c;}
.lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link.active { color: #ffffff; padding: 18px 10px; background: #293e69; text-indent: 20px;}
.lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link.active::after { content: ""; position: absolute; width: 22px; height: 22px; background: url(https://shallwetravel.com/material-alias/map-pin-area_w.svg) no-repeat center; left: 32%; top: 25px; }
.lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item+li>a.nav-link::before { content: ""; position: absolute; width: 1px; height: 57px; background: #adbfe2; left: 0px; bottom: 0; }
.lectures_intro { margin-top: 50px; margin-bottom: 60px; }
.lectures_intro::before { content: ""; position: absolute; width: calc(100% - 16px); height: 60px; border: 1px solid #d2b46c; border-bottom: 0; left: 50%; top: 8px; transform: translate(-50%, 0); }
.lectures_intro::after { content: ""; position: absolute; width: calc(100% - 16px); height: 60px; border: 1px solid #d2b46c; border-top: 0; left: 50%; bottom: 8px; transform: translate(-50%, 0); }
.lectures_intro section { text-align: center; margin:0 auto; padding: 50px 115px;}
.lectures_intro section h2 { position: relative; display: table; z-index: 1; margin: 0 auto 30px; padding: 0 10px 5px; line-height: 32px; color: #ffffff; font-size: 24px; font-weight: 600; font-family: 'Noto Serif TC', serif !important; letter-spacing: 1.2px; }
.lectures_intro section h2::before{ content:""; position: absolute; width: 100%; height: 16px; left: 0; bottom: 0; background: #a07923; z-index: -1;}
.lectures_intro section p { margin: 20px 0; font-size: 16px; line-height: 32px; letter-spacing: 0.5px; color: #ffffff; }
.lectures_content .expand-graphics{ margin: 50px 0;}
.lectures_content .expand-graphics>div:last-child{display: none;  }
.lectures_content .expand-graphics .item-box { padding: 0 25px; margin-bottom: 50px !important; }
.lectures_content .expand-graphics .item_box figure{ display: none;}
.lectures_content .expand-graphics .item_box { position: relative; height: 100%; background: #ffffff; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px;  padding: 0 0 40px; text-align: center;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.lectures_content .expand-graphics .item_box .item_more_txt{ display: flex;  flex-wrap: wrap; padding: 30px 0 0; justify-content: center; background:  url(https://shallwetravel.com/material-alias/article_bg.jpg);}
.lectures_content .expand-graphics .item_box .item_more_txt h3 { flex: 0 0 100%; max-width: 100%; font-size: 18px; letter-spacing: 1px; color: #2b3b5d; margin-top: 28px; order: 2; margin: 0; padding: 20px 20px 30px; font-family: 'Noto Serif TC', serif !important;  }
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag { position: relative; background: #ffffff; order:3; -ms-flex: 0 0 100%; flex: 0 0 100%; color: #333333; margin: 0;  padding: 13px 20px 0px 40px; font-size: 16px; text-align: left;}
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2),
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3){  background: transparent; order: 1; font-family: 'Noto Serif TC', serif !important; color: #e09b00; font-size: 16px; line-height: 24px; padding: 0; text-align: center; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2) { font-size: 32px; font-family: Palatino, serif !important; letter-spacing: 2px; font-style: italic; }
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(3){ padding-left: 2px;}
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(4)::before { content: ""; width: 16px; height: 16px; position: absolute; left: 20px; top: 18px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/8669234d-2c61-46aa-b021-b3a2f0be97c4.svg) center center no-repeat; }
.lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(5)::before { content: ""; width: 16px; height: 16px; position: absolute; left: 20px; top: 18px; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/49c70d46-29c8-4ec2-b02b-f0a7a1bc33cd.svg) center center no-repeat; }
.lectures_content .expand-graphics .item_box>a>h4 {display: none;}
.lectures_content .expand-graphics .item_box span.item_btn { display: block !important; font-size: 16px; position: absolute; width: 100px; right: 20px; bottom: 15px; background: #4268b6; padding: 6px 10px 0 4px; height: 34px; border-radius: 30px; margin-top: 0; line-height: 20px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.lectures_content .expand-graphics .item_box:hover span.item_btn{  background: #293e69;}
.lectures_content .expand-graphics .item_box span.item_btn::after { content: ""; position: absolute; width: 20px; height: 20px; right: 3px; top: 6px; pointer-events: none; background: url(https://materials.fillo.com.tw/materials/shallwetravel/images/6794798b-db0c-496c-8e98-0b832dfe7e19.svg) center center no-repeat; background-size: 18px; }
.lectures_content .expand-graphics .item_box span.item_btn_hover {  display: none !important;  }
@media (max-width:1199px){
    .lectures_content .expand-graphics .item-box { padding: 0 15px;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link.active::after{ left: 29%;}
}
@media (max-width:991px){
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link{ font-size: 20px;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item+li>a.nav-link::before{ height: 54px;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link.active::after{ left: 25%; top:23px}
}
@media (max-width:767px){
    .lectures_intro section { text-align: center; margin: 0 auto; padding: 30px 45px; }
    .lectures_intro section h2{ font-size: 20px;}
    .lectures_intro section p{ font-size: 15px;}
    .lectures_intro_block .blk-tabs.dp-tbl{ display: block;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0; text-align: center; padding: 0; }
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item{display: inline-block; margin-left: -5px;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link{ font-size: 17px; padding: 8px 15px; text-indent: initial;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link.active{ padding: 8px 15px; text-indent: initial;}
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item+li>a.nav-link::before { height: 40px; }
    .lectures_intro_block .blk-tabs.dp-tbl ul.nav>li.nav-item a.nav-link.active::after{ background:#ffffff; width: 100px; height: 10px; top: -10px; left: 0;}
    .lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){ font-size: 28px;}
}
@media (max-width:575px){
    .lectures_top .module-container .bgfixed, .lectures_top .module-container .bgfixed > div { min-height: 390px !important; }
    .lectures_top section h1{ font-size: 30px;}
    .lectures_top section p{ font-size: 30px;}
    .lectures_intro section{ padding: 30px;}
    .lectures_intro section h2{ font-size: 20px; padding: 0; letter-spacing: 0;}
    .lectures_intro section p{ font-size: 15px;}
    .lectures_content .expand-graphics .item-box { margin-bottom: 30px !important; }
    .lectures_content .expand-graphics .item_box .item_more_txt{ padding: 20px 0 0;}
    .lectures_content .expand-graphics .item_box .item_more_txt h3{ font-size: 16px; padding: 20px;}
    .lectures_content .expand-graphics .item_box .item_more_txt span.item_tag{ font-size: 14px;}
    .lectures_content .expand-graphics .item_box .item_more_txt span.item_tag:nth-child(2){ font-size: 24px;}
    .lectures_content .expand-graphics .item_box span.item_btn{ font-size: 15px; height: 32px;}
}

/* 企業獎旅 */
.incentive_top section { max-width: 1600px; margin: 0 auto; padding: 0 40px; }
.incentive_top .bgfixed::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #14264b; opacity: 20%; }
.incentive_top section{z-index: 1; position: relative;}
.incentive_top section h1{ font-size: 36px; font-family: 'Noto Serif TC', serif !important; letter-spacing: 3px;}
.incentive_top section p{ font-size: 56px; font-family: 'Italiana', serif !important;letter-spacing: 2px; margin-bottom: 0;}
.incentive_title .header-title{ background: #001e4d; text-align: center; color: #ffffff; font-size: 36px; font-family: 'Noto Serif TC', serif !important; padding: 10px; letter-spacing: 3px; }
.incentive_block1 .module-container .bgfixed{ padding: 0 30px;  background-size:contain;  background-position: center bottom;}
.incentive_block1 .module-container .bgfixed::before { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/企業獎旅/b2e_logo_bg.png) no-repeat center; background-size: 400px; width: 400px; height: 400px; right: 0; top: 40px; }
.incentive_block1 .module-container .bgfixed > a{ vertical-align: top;}
.incentive_block1 .module-container .bgfixed section { max-width: 1000px; margin: 60px auto;display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.incentive_block1 .module-container .bgfixed section>p { padding: 0 20px 0 35px; position: relative;  color: #001e4d; font-size: 24px; font-weight: 500; line-height: 50px; letter-spacing: 1px; -ms-flex-wrap: 0 0 100%; flex: 0 0 100%; }
.incentive_block1 .module-container .bgfixed section>p:not(:last-child) { -ms-flex: 0 0 50%;; flex: 0 0 50%; }
.incentive_block1 .module-container .bgfixed section>p::before { content: ""; position: absolute; background: #e09b00; width: 25px; height: 25px; border-radius: 50%; left: 0; top: 12px; }
.incentive_block1 .module-container .bgfixed>a>div { position: absolute; font-size: 24px; color: #ffffff; bottom: 50px; left: 0; letter-spacing: 3px; width: 100%; text-align: center; font-family: 'Noto Serif TC', serif; }
.incentive_block1 .module-container .bgfixed>a>div>span{ padding: 0 10px;}
.incentive_block2::after { content: ""; content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/企業獎旅/b2e_img3.png) no-repeat center; width: 250px; height: 300px; right: 0; bottom: 100px; background-size: 100%;}
.incentive_block2 .mix-wrapper { padding: 15px 30px; max-width: 1000px; margin: 0 auto; }
.incentive_block2 .mix-wrapper::before { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/企業獎旅/b2e_img1.png) no-repeat center; width: 160px; height: 200px; right: 0; top: 100px; background-size: 100%; }
.incentive_block2 .mix-wrapper::after { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/企業獎旅/b2e_img2.png) no-repeat center; width: 160px; height: 200px; right: 200px; top: 240px; background-size: 100%; }
.incentive_block2 .mix-wrapper section{ display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; height: 100%; }
.incentive_block2 .mix-wrapper section h3 { font-size: 26px; font-weight: 600; color: #e09b00; letter-spacing: 1px; margin-bottom: 10px; line-height: 40px; }
.incentive_block2 .mix-wrapper section p { font-size: 22px; letter-spacing: 1px; color: #001e4d; font-weight: 600; line-height: 38px; margin-bottom: 0;}
.incentive_block2 .mix-wrapper .img-mode .img-box{ text-align: center;}
.incentive_block3 .module-container .bgfixed{ padding: 0 30px; background-size: contain;  background-position: center bottom;}
.incentive_block3 .module-container .bgfixed section { max-width: 1000px; margin: 60px auto 300px; }
.incentive_block3 .module-container .bgfixed section div{ position: relative; padding: 5px 0 5px 30px; margin-bottom: 30px;}
.incentive_block3 .module-container .bgfixed section div::before{ content: ""; position: absolute; width: 10px; height: 100%; left: 0; top:0; background: #e09b00;}
.incentive_block3 .module-container .bgfixed section h3 { font-size: 26px; font-weight: 600; color: #e09b00; letter-spacing: 1px; margin-bottom: 10px; line-height: 40px; }
.incentive_block3 .module-container .bgfixed section p { font-size: 22px; letter-spacing: 1px; color: #001e4d; font-weight: 600; line-height: 38px; margin-bottom: 0;}
.incentive_btn div.link-list { background: transparent; text-align: center; }
.incentive_btn { margin-top: 20px; margin-bottom: 40px; }
.incentive_btn div.link-list ul li a,.incentive_btn div.link-list ul li span{ padding: 15px 40px; background: #14264b; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.incentive_btn div.link-list ul li a:hover,.incentive_btn div.link-list ul li span:hover{background: #E09B00; }
@media (max-width:991px){
    .incentive_block2 .mix-wrapper::after,.incentive_block2::after{ display: none;}
}
@media (max-width:767px){
    .incentive_title .header-title{ font-size: 24px;}
    .incentive_block1 .module-container .bgfixed{ padding: 0 20px;}
    .incentive_block1 .module-container .bgfixed,.incentive_block1 .module-container .bgfixed > a{ min-height: 550px !important; }
    .incentive_block1 .module-container .bgfixed>a>div { font-size: 18px; bottom: 30px;}
    .incentive_block1 .module-container .bgfixed section{ margin: 30px auto;}
    .incentive_block1 .module-container .bgfixed section>p:not(:last-child) { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .incentive_block1 .module-container .bgfixed section>p { font-size: 20px; line-height: 32px; padding:0 0 0 25px;}
    .incentive_block1 .module-container .bgfixed section>p::before { width: 18px; height: 18px; top: 9px; }
    .incentive_block2 .mix-wrapper { padding: 15px 20px; }
    .incentive_block2 .mix-wrapper::before{ display: none;}
    .incentive_block2 .mix-wrapper section h3{ font-size: 20px; line-height: 32px; margin-bottom: 5px;}
    .incentive_block2 .mix-wrapper section p{ font-size: 18px; line-height: 32px;}
    .incentive_block3 .module-container .bgfixed { padding: 0 20px;}
    .incentive_block3 .module-container .bgfixed section h3 { font-size: 20px; margin-bottom: 5px; line-height: 32px; }
    .incentive_block3 .module-container .bgfixed section p { font-size: 18px; line-height: 32px;}
    .incentive_block3 .module-container .bgfixed section div { padding: 0 0 0 20px; }
    .incentive_block3 .module-container .bgfixed section div::before{ width: 6px;}
    .incentive_block3 .module-container .bgfixed section { max-width: 1000px; margin: 30px auto 200px; }
    
}
@media (max-width:575px){
    .incentive_top .module-container .bgfixed,.incentive_top .module-container .bgfixed > div { min-height: 390px !important; }
    .incentive_top section h1{ font-size: 30px;}
    .incentive_top section p{ font-size: 30px;}
    .incentive_block2 .mix-wrapper section h3,.incentive_block2 .mix-wrapper section p{ text-align: center;}
    .incentive_block2 .mix-wrapper .pic-content { margin-bottom: 0; }
}

/***** gotop *****/
.shallwe_gotop .actGotop a,.shallwe_gotop .actGotop a:link{ width: 50px; height: 50px;background: transparent; }
.shallwe_gotop .actGotop{width: 50px; height: 50px; bottom: 60px;  z-index: 1048 !important;}
.shallwe_gotop .actGotop a::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/shallwetravel/images/7c1029dc-25b3-4519-a2c9-43be61cbf4a3.svg); background-position: center; background-repeat: no-repeat; 
 position: absolute; background-size: 46px; width: 50px; height: 50px; text-align: center; left: 0; top: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
 .shallwe_gotop .actGotop a:hover::before{ top:5px;}
 .shallwe_gotop .actGotop a i{ font-size: 0;}


/**** footer ****/
.footer_nav .header-part{ max-width: 1360px; margin: 0 auto; padding: 0;border-bottom: 1px solid rgb(142 164 208 / 50%);z-index: 1; }
.footer_nav .header-part .navbar-brand { height: 83px; padding: 14px 0; margin: 0; }
.footer_nav .fixed-top { position: relative; top: initial; right: initial; left: initial; z-index: 1; }
.footer_nav .header-part .navbar-nav li a,.footer_nav .header-part .navbar-nav .nav-link { font-size: 16px; padding: 0 10px;}
.footer_nav .header-part .navbar-nav .nav-link>.fa { font-size: 20px; }
.footer_nav .header-part .navbar-nav li a:hover, .footer_nav .header-part .navbar-nav .nav-link:hover,
.footer_nav .header-part .navbar-nav li a:focus, .footer_nav .header-part .navbar-nav .nav-link:focus{ background:#293e69; color: #e09b00 !important; }
.footer_nav .header-part .navbar-nav .dropdown-item:focus,.footer_nav .header-part .navbar-nav .dropdown-item:hover { color: #293e69 !important; text-decoration: none; background-color: #aab7d1 !important; }

.shallwe_footer .footer-sample { max-width: 1360px; margin: 0 auto; }
.shallwe_footer .footer-wrap,.shallwe_footer .footer-wrap .footer_center{ background: #293e69; }
.shallwe_footer .company-info,.shallwe_footer .footer-wrap .fb-info,.shallwe_footer .footer-wrap .footer_sbox { display: none; }
.shallwe_footer .footer-wrap .footer_center { padding: 0 23px; }
.shallwe_footer .contact-info { -ms-flex:0 0 100%; flex: 0 0 100%; justify-content:space-between; max-width: initial; padding: 0; margin: 0 !important; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shallwe_footer .footer-wrap .contact-info>div {position: relative; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 363px; margin-bottom: 30px !important; padding: 0 10px 0 0; }
.shallwe_footer .footer-wrap .contact-info>div:not(:first-child){padding: 0 10px 0 36px; }
.shallwe_footer .footer-wrap .contact-info>div:first-child h2 { color: #ffffff !important; font-size: 20px; letter-spacing: 1px; }
.shallwe_footer .footer-wrap .contact-info>div:not(:first-child) h2{ writing-mode: vertical-lr; position: absolute; left: 0; top: 0; margin: 0;}
.shallwe_footer .footer-wrap .contact-box h4 { color: #ecf0f6; margin: 0 0 8px; padding-left: 0; font-weight: 400; line-height: 22px; }
.shallwe_footer .footer-wrap .icon_wrap { padding: 0 12px 10px; }
@media (max-width: 1360px){
    .shallwe_footer_block>.module-container>.main { padding: 0 20px;}
    .shallwe_footer .footer-wrap .footer_center{ padding: 0;}
}
@media (max-width: 767px){
    .shallwe_footer .footer-wrap .contact-info>div { -ms-flex: 0 0 50%; flex: 0 50%; max-width: initial;}
}
@media (max-width: 575px){
    .shallwe_footer_block>.module-container>.main { padding: 0 30px; }
    .shallwe_footer .footer-wrap .contact-info>div{ margin-bottom: 20px !important;}
    .shallwe_footer .footer-wrap .contact-info>div:first-child h2 { font-size: 18px; margin-bottom: 10px; }
    .shallwe_footer .footer-wrap .contact-info>div:not(:first-child) h2 { writing-mode: initial; position: initial; margin: 0 0 10px; }
    .shallwe_footer .footer-wrap .contact-info>div:not(:first-child) { padding: 0; }
}

/**** 公版 ****/
/* 公版GOTOP */
.go-to-top{ display: none !important;} 

/*會員登入頁 */
.D_member_my_register div#policyModal { z-index: 9999; }
.member_home .signin_width { margin-top: 150px; margin-bottom: 150px; }
.member_home.D_member_my_login .width-460 { margin-bottom: 100px; }
body.member_home.new_bg { background:#FBFBFB; }
body.member_home button.l_benPrimary{ background:#14264b; }
body.member_home .note_box a { color: #14264b; }
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:#e19a00; 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.search_banner .search-area .search-box .select-input .data-icon-search{color: #14264b; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color:#14264b; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill:#14264b; }
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: #14264b !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:#e19a00 !important; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgba(20,38,75,0.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: #14264b;}
.plane.plane-s1:hover{color: #14264b;}
.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{ color: #909090; }
.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; }
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: #14264b; 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:  #14264b;}
.search_table.table .thead { background: #62718b; 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: #6b7178;}
section.group_table.trip_airline .table .thead th { border-right: 1px solid #6b7178;}
.list_con a.btn.btn-primary { background-color: #14264b; border-color: #14264b;}
.list_con a.btn.btn-green{ background-color: #f49e58; border-color: #f49e58; }
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: #14264b; border-color: #14264b; 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: #62718b; border: 1px solid #62718b;}
section.group_table.tripdown .style_icon ul li a.nav-link.active { background:#62718b; color: #ffffff; }
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#62718b; }
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:#14264b; 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:#14264b; border-color: #14264b; 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: #14264b; background: #14264b; color: #ffffff;}
.search_table tbody td.sale-situation .btn.btn-green,.search_table tbody td.sale-situation .btn.btn-green:hover{ border-color:#f49e58; background:#f49e58; color: #ffffff;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #14264b;}
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:#62718b; 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: #62718b;
    background-color: var(--fc-button-bg-color, #62718b);
    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;}
}


/* 個團明細頁 */
.D_products_group_detail .Detail .breadcrumb>li:not(.active),
.D_products_domestic_gdetail .Detail .breadcrumb>li:last-child,
.D_products_domestic_molddetail .Detail .breadcrumb>li:last-child{ display: none; }/*當下頁面的麵包屑文字隱藏*/
.Detail .breadcrumb .breadcrumb-item a{color:#4c74c4; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; }
section.group_banner.trip_banner .basic_box{ padding-top: 350px;}/*主圖不要被遮住*/
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: #647baa; 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:#14264b;}
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 #aab7d1; 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: #2d487f; font-size: 20px;}
section.group_banner .basic-air-btn a { float: right; font-size: 16px; font-weight: bold; background: #14264b; border: 1px solid #14264b; 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; }
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:#14264b; border: 1px solid #14264b;}
.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 div#exampleModalCenter{ z-index: 100000000; }
.Day_menu.day_fixed { top: 56px !important; }
/* 客製調整 */
#qrcode{ display: none !important;}
.trip_day .group_table_box table .thead { background: #62718b; 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:#62718b; }
section.trip_note .card-header .btn{padding: 10px 42px 10px 22px;  }
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #62718b; padding: 10px 42px 10px 22px; }
section.trip_note .card-header a:after{ top: 17px;}
.D_products_group_detail section.group_banner .group_num{ float: left;}
.D_products_group_detail section.group_banner.trip_banner .group_num h6 { font-size: 15px; color: #000; }
.D_products_group_detail section.group_banner.trip_banner .price.iteam { padding: 5px 0 0; font-size: 15px; }
section.group_banner .basic-air-info .go h3, section.group_banner .basic-air-info .back h3 { color: #2d487f; font-size: 20px; }
.basic-air-info .go>h3>br, .basic-air-info .back>h3>br { display: none; }
.basic-air-info .go i { margin-right: 8px; }
.basic-air-info .back i{ margin-right: 5px;}
.basic-air-info .go h4, .basic-air-info .back h4 { font-weight: 600; margin-top: 10px; font-size: 24px; }
.D_products_group_detail section.group_banner.trip_banner .container > .row > div:nth-child(3) { background:#f6f7f8; border-radius: 5px; padding: 15px;}
section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 {  flex: 0 0 100%; max-width: 100%; border-radius: 5px; border: 1px solid #e4e9f3; padding: 10px; }
section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; border-radius: 10px; margin-bottom: 5px; display: -ms-flexbox; display: flex; -ms-flex: 0 0 100%; flex: 0 0 100%; flex-wrap: wrap; border: 0; }
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ color: #e09b00; font-family: 'Book Antiqua', 'Palatino Linotype', Palatino, serif !important; text-align: -webkit-center; letter-spacing: 1px; font-weight: 400; height: 100%; -ms-flex: 0 0 140px; flex: 0 0 140px;  display: flex; justify-content: center; align-items: center;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::after { content: ""; position: absolute; right: 0; top: 50%; background: #aab7d1; width: 1px; height: calc(100% - 30px); transform: translate(0, -50%); }
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title { border-bottom: none; color: #2d487f; font-size: 22px; border-left: 0; line-height: 38px; background: #e3e7f1; padding: 15px 25px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -ms-flex: 0 0 calc(100% - 140px); flex: 0 0 calc(100% - 140px);}
section.group_table.trip_day .info_box .info_box_title p{ background: #ffffff;}
section.group_table.trip_day .info_box .info_box_title > div{padding: 0; border-bottom: none; -ms-flex: 0 0 100%; flex: 0 0 100%; background: #e3e6f1; border-radius: 5px; }
section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel { -ms-flex: 0 0 50%; flex: 0 0 50%; background: transparent; font-size: 14px; line-height: 1.7rem; padding: 20px 30px 0 0; position: relative; }
section.group_table.trip_day .info_box .info_box_title p.meal span, section.group_table.trip_day .info_box .info_box_title p.hotel span { display: block; }
.day_con .data-icon{ color: #aab7d1;}

@media (min-width: 576px){
    .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; }
}
@media (max-width: 1400px){
	section.group_banner.trip_banner h1 { font-size: 1.8rem; }
}
@media (min-width: 1351px) and (max-width: 1550px){
	section.group_banner .basic-air-info .go h3,section.group_banner .basic-air-info .back h3 { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { font-size: 1.1rem; }
}
@media (max-width: 991.98px){
    section.group_table.tripdown .search_table > tbody > tr.thead{ display: none;} 
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ -ms-flex: 0 0 100px; flex: 0 0 100%; border-bottom: 0; height: auto; padding: 10px; margin-bottom: 0; font-size: 1.6rem;} 
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title::after { content: ""; position: absolute; right: initial; left: 50%; top: initial; bottom: 0; background: #aab7d1; width: calc(100% - 30px); height: 1px; transform: translate(-50%, 0); }
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 15px; font-size: 18px;}
    section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel { padding: 15px 15px 0 0; }
    .trip_day .table tr.text_gary.has_note>td:first-child { background: #efefef; text-align: center; width: 100%;}
	.day_con .info_box { width: 100%; }
	section.group_table.tripdown .search_table tbody td.tour-name .main_words h6.seat { margin-top: 10px; font-size: 15px;}
}
@media (max-width: 767px){
	.sub_menu-trip .server_menu{ width: 100vw;}
    section.group_banner .price_content .panel-info {width: calc(50% - 10px);}
	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{ font-size: 1.8rem;}
    section.group_banner.trip_banner h1 { font-size: 1.3rem; line-height: 2rem; margin-bottom: 18px; }
	section.group_banner.trip_banner h3.price { font-size: 1.2rem; }
	.basic-air-info .go h3, .basic-air-info .back h3{ font-size: 1.4rem;}
	.basic-air-info .go i, .basic-air-info .back i { font-size: 1.2rem; }
	.basic-air-info .go h4, .basic-air-info .back h4 { padding: 10px; font-size: 20px; margin-top: 0; }
	section.group_banner .basic-air-btn a{font-size: 1rem; }
	section.group_table.trip_day .info_box .info_box_title .day_title{ font-size: 1.6rem;}
	section.group_table.trip_day .info_box .info_box_title .day_sub-title { font-size: 1.3rem; line-height: 2rem; }
    section.group_banner .basic-air-info .time{ background: #e3e7f1;}
    section.group_table.trip_day .info_box .info_box_title p.meal, section.group_table.trip_day .info_box .info_box_title p.hotel { padding: 15px 0 0 0;  -ms-flex: 100%; flex: 0 0 100%; }
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ line-height: 32px;}
}
@media (max-width: 575px){
    section.group_banner .basic-air-airport { margin-top: 5px; }
    section.group_banner .basic-air-aircraft, section.group_banner .basic-air-airport{ -ms-flex: 100%; flex: 0 0 100%; margin-right: 0; text-align: left;}
    section.group_banner.trip_banner .brief h5{ font-size: 14px;}
}

/* 側選單 */
.sub_menu-trip .trip_menu{ border: 1px solid #14264b; 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:#14264b;}
.sub_menu-trip .server_menu li:nth-child(1) { background:#14264b; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #14264b;}
.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:#eaebec; }
.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 #14264b;}
	.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: #14264b; }
	.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 #14264b; border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #14264b; }
	.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 #14264b;}
}
@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;}
}

/* 新版團型頁 */
.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .Detail .breadcrumb .breadcrumb-item a:hover{ color: #4c74c4; }
.D_products_group_molddetail .breadcrumb .breadcrumb-item.active{ color: #222222;}
.D_products_group_molddetail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .breadcrumb .breadcrumb-item a:hover{color: #14264b;}
.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: #14264b;}
.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: #14264b; }
.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:#eaebec; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #14264b; }
.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 #14264b; border-bottom-color: #14264b; color: #14264b;}
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #14264b; color: #ffffff;}
.Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #14264b; }
.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: #14264b;}
.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: #14264b; }
.Detail.DayTrip .DayTripBtn{ background-color: #808080; border: 1px solid #808080;}
.Detail.DayTrip .DayTripBtn:hover { background-color: #14264b; border: 1px solid #14264b; }
.Detail.DayTrip .DayTripBtn.Multiple,
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { border: 1px solid  #14264b; color:#14264b; }
.Detail.DayTrip .DayTripBtn.Multiple:hover,.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #14264b;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid  #14264b;}
.Detail .TripNoteBlock { background-color: #F8F5F0; }
.Detail .TripNoteBlock .NoteTitle h3 { color: #14264b; }
.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; }
/* 每日詳細行程預設展開 */
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn{ font-size: 0; width: 142px;}
.Detail.DayTrip .DayTripBtn.Multiple{ font-size: 0 !important; }
.Detail.DayTrip .DayTripMoreInfo .collapse{ display: block;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show { display:none; }
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn::before{ content: "展開詳細行程" !important; }
.Detail.DayTrip [aria-expanded=true].DayTripBtn.Multiple::before{ content: "展開全部詳細行程" !important; }
.Detail.DayTrip .DayTripBtn.Multiple::before{ content: "收合全部詳細行程"; font-size: 1rem; font-weight: 600; position: absolute; right: 10px; }
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn::before{ content: "收合詳細行程"; font-size: 1rem; font-weight: 600; position: absolute; right: 10px; }
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn span,.Detail.DayTrip .DayTripBtn span {float: left;}
.Detail.DayTrip .DayTripBtn.Multiple span { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.Detail.DayTrip .DayTripMoreInfo .DayTripBtn span { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.Detail.DayTrip [aria-expanded=true].DayTripBtn.Multiple span { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn span { -webkit-transform: rotate(0deg) !important; transform: rotate(0deg) !important; }
.Detail.DayTrip .DayTripMoreInfo .collapsing { transition: initial; }
@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 #14264b; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #14264b;}
    .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: #14264b;}
    .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: #4c74c4; }
.D_products_domestic_molddetail .Detail .breadcrumb .breadcrumb-item.active{ color: #14264b;}
.D_products_domestic_molddetail section#marketing h2.TextPrimary { color: #14264b; }
.D_products_domestic_molddetail .Detail.MarketingBox h2 .MarketIcon{color: #14264b;}
.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: #14264b; }
.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: #14264b; color:#ffffff;}
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #14264b; border-bottom-color: #14264b; color: #14264b; }
.D_products_domestic_molddetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #14264b; }
.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: #14264b; }
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #14264b;}
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after{  border-color: transparent transparent transparent #14264b;}
.D_products_domestic_molddetail .flight_details .details_box > h4 { background: #14264b;}
.D_products_domestic_molddetail .flight_details{ border: 1px solid #14264b; }
.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: #14264b; border:1px solid #14264b; }
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #14264b; color: #14264b; 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: #14264b; }
.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: #ECEFF2; }
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn{ border-top: 0;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color:#14264b; }
.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 #14264b;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #14264b;}
.D_products_domestic_molddetail section.AnchorPoint > div > h2.APtitle{ color: #14264b;}
.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: #14264b; }
	.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 #b9b9b8; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #14264b; 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;}
}
@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{width: 100%;}
	.D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu{width: 0;}
    .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 #7ebac1 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: #4c74c4; }
.D_products_domestic_gdetail .Detail .breadcrumb .breadcrumb-item.active{ color: #14264b;}
.D_products_domestic_gdetail section#marketing h2.TextPrimary { color: #14264b; }
.D_products_domestic_gdetail .Detail.MarketingBox h2 .MarketIcon{color: #14264b;}
.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: #14264b; }
.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: #14264b; color:#ffffff;}
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link { border: 1px solid #14264b; border-bottom-color: #14264b; color: #14264b; }
.D_products_domestic_gdetail .Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #14264b; }
.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: #14264b; }
.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div{ background-color: #14264b;}
.D_products_domestic_gdetail .Detail.DayTrip .DayBlock > div::after{  border-color: transparent transparent transparent #14264b;}
.D_products_domestic_gdetail .flight_details .details_box > h4 { background: #14264b;}
.D_products_domestic_gdetail .flight_details{ border: 1px solid #14264b; }
.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: #14264b; border:1px solid #14264b; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { font-size: 0; background-color: white; border: 1px solid #14264b; color: #14264b; width: 142px; }
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid #14264b;}
.D_products_domestic_gdetail .Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #14264b;}
.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:  #14264b; }
.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: #ECEFF2; }
.D_products_domestic_gdetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #14264b; }
.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: #14264b;}
.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: #14264b; }
	.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  #14264b; }
    .D_products_domestic_gdetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #14264b;  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 #14264b;}
}
@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 ******/

/* 行程頁的字級統一設定 */
section#tripFeatures .group_table_box p, section#tripFeatures .group_table_box span,
section#dayTrip .DayTripMoreInfo .card p,section#dayTrip .DayTripMoreInfo .card span{ font-size: 15px !important; line-height: 24px; }
section#dayTrip .day_con .info p,section#dayTrip .day_con .info span{ font-size: 15px !important;  line-height: 24px;}
section#tripNote .card th, section#tripNote .card td,section#tripNote .card .card-body,section#tripNote .card .card-body p, section#tripNote .card .card-body span,
section#tripnote p,section#tripnote span{ font-size: 15px; line-height: 24px; }

/* 天數錨點 */
#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:#2d487f; font-size: 14px;  padding: 10px 12px;}
#day_menu .list-group .list-group-item:hover { background-color: #f3f3f3; border-color:  #f3f3f3; color:#2d487f;}
#day_menu .list-group .list-group-item.active { background-color:#2d487f; border-color: #2d487f; 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:#14264b; border-color: #14264b; }

/* 使用範本 */
.day_style_1 .item p, .day_style_2 .item p,.day_style_11 .item p { margin-top: 10px; }
.day_style_10 .item_text {position: absolute; bottom: 10%; z-index: 10; padding: 0px 10px;}
.day_style_10 .item_text p {margin: 0; background: rgba(0, 0, 0, 0.6); color: #FFF; padding:50px;}
.day_style_11{ margin-bottom: 20px;}
.day_style_11 .tp_group {width:100%; padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_12 {margin-bottom: 20px;}
.day_style_12 .tp_group {width:100%;border: 1px solid #ddd; padding: 10px 0; display: inline-block;}
.day_style_12 .tp_group img {width:100% !important; height: inherit;}
.day_style_13 { margin-bottom: 20px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 { margin-bottom: 20px;}
.day_style_15 { margin-bottom: 20px;}
.day_style_16>h3 { position: relative; display: table; line-height: 32px; color: rgb(20, 38, 75); font-size: 26px; font-weight: 600; letter-spacing: 2px; text-align: center; font-family: "Noto Serif TC", serif !important; margin: 0px auto 20px; padding-left: 35px; padding-bottom: 15px;}
.day_style_16>h3::before { content: ""; position: absolute; width: 30px; height: 30px; background: url(https://shallwetravel.com/material-alias/sparkle-light.svg) no-repeat center; left: 0; top: 0; }
.day_style_16>h3::after { content: ""; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgba(224, 155, 0, 0) 0%, rgba(224, 155, 0, 0.8) 31%, rgba(224, 155, 0, 1) 50%, rgba(224, 155, 0, 0.8) 69%, rgba(224, 155, 0, 0) 99%, rgba(224, 155, 0, 0) 100%); left: 0; bottom: 0; }
.day_style_16 .item { margin-bottom: 20px; }
/* .day_style_2 img,.day_style_3 img, .day_style_5 img, .day_style_7 img,.day_style_4 img, .day_style_6 img, .day_style_8 img,.day_style_13 img{
	height: auto !important; } */
/* @media (max-width: 991.98px) {
    .day_style_2 img,.day_style_3 img, .day_style_5 img, .day_style_7 img,.day_style_4 img, .day_style_6 img, .day_style_8 img,.day_style_13 img { height: auto !important; }
} */
@media (max-width: 767px) {
    .day_style_2 img,.day_style_4 img,.day_style_3 img, .day_style_5 img,.day_style_6 img, .day_style_7 img,.day_style_8 img, .day_style_13 img{ height: 280px !important; } 
}
@media (max-width: 575px) {
    .day_style_2 img,.day_style_4 img,.day_style_3 img, .day_style_5 img,.day_style_6 img, .day_style_7 img,.day_style_8 img, .day_style_13 img{ height: 180px !important;}
} 

/* 客制使用範本 */
.day_style_17 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;}
section.group_table .day_style_17 h4 { position: relative; color: #2d487f; margin-top: 10px; margin-bottom: 10px; padding:5px 5px 5px 22px; font-size: 17px; font-weight: 600; letter-spacing: 1px; line-height: 30px; border-bottom: 3px solid #d0d4e3;}
section.group_table .day_style_17 h4::before { content: ""; position: absolute; background: url(https://shallwetravel.com/material-alias/caret-double-right-light_gold.svg) no-repeat center; width: 20px; height: 20px; left: 0; top: 9px; }
section.group_table .day_style_17 h4>span { color: #e09b00; padding-left: 4px; }
section#dayTrip .day_con .info .day_style_17 p { margin-top: 10px;}
@media (max-width: 767px) {
.day_style_17{ margin-bottom: 0;}
.day_style_17>div{ margin-bottom: 20px;}
}