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;
}
/**** comebest style ****/
/* 共用 */
.come_width{ max-width: 1200px;}
.d_none{ display: none !important;}
.come_title>.module-container>.main.row>.header-title.dp-tbl,.come_title>.module-container>.main>.header-title{ position: relative; color: #000000; font-size: 34px; letter-spacing: 2px; margin: 55px auto 34px; padding-bottom:0; display: table; font-weight: 600; text-align: center; }
.come_title>.module-container>.main.row>.header-title.dp-tbl>span,.come_title>.module-container>.main>.header-title>span{ display: block; color: #e20111; font-size: 18px; font-family:Roboto, sans-serif !important; letter-spacing: 0; font-weight: normal; }
.module_hide{ display: none !important;}
@media (max-width:1240px){
    .come_width{ max-width: 95%; }
}
@media (max-width:991px){
    .come_title>.module-container>.main.row>.header-title.dp-tbl, .come_title>.module-container>.main>.header-title{ font-size: 28px;}
    .come_title>.module-container>.main.row>.header-title.dp-tbl>span, .come_title>.module-container>.main>.header-title>span{ font-size: 15px;}
}
@media (max-width:767px){
    .row.header+.row{ padding-top: 60px; }
    .come_title>.module-container>.main.row>.header-title.dp-tbl,.come_title>.module-container>.main>.header-title{ font-size:28px; margin:34px auto 16px;}
    .come_title>.module-container>.main.row>.header-title.dp-tbl>span,.come_title>.module-container>.main>.header-title>span{ font-size: 16px;}
}

/**** header上標 ****/
.main_nav { border-bottom: 1px solid #cccccc !important; }
.main_nav .mega-menu .menu-links { background-color: #ffffff; margin: 0 auto; max-height: 100% !important; float: initial; height: 90px; align-items: flex-end; justify-content: center; max-width: 1360px; }
.main_nav .mega-menu .menu-links>li { -ms-flex:1; flex: 1; display: flex; align-items: flex-end; }
.main_nav .mega-menu .menu-links > li:nth-child(6) { -ms-flex:0 0 148px;  flex: 0 0 148px; height: 100%; font-size: 0; padding: 0 10px; }
.main_nav .mega-menu .menu-links > li:nth-child(6) a { height: 100%; font-size: 0; padding: 0; background: #d3131a; display: -ms-flexbox;  display: flex; }
.main_nav .mega-menu .menu-links > li:nth-child(6) img{ max-width: 100%;}
.main_nav .mega-menu .menu-links > li > a{ position:relative; font-size: 18px; line-height: 46px;  height:auto; padding:0; text-align: center; letter-spacing:0; color: #000000; }
.main_nav .mega-menu .menu-links > li:hover{ background-color: transparent;}
.main_nav .mega-menu .menu-links > li >a::before{content: ""; position: absolute; left: 0; bottom: 0; background:#e20111; width: 0; height: 2px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_nav .mega-menu .menu-links > li:hover >a::before{ width: 100%; opacity: 1;}
.main_nav .mega-menu .menu-links > li:hover > a { color: #e20111 !important; }
.main_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ max-width: 1360px; top: 90px; left: 50%; transform: translate(-50%, 0); padding: 20px 0; background: rgb(255 255 255 / 90%); 
 border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.main_nav .mega-menu .mega-menu .menu-logo > li > a:hover { background-color: transparent; }
.main_nav .mega-menu .mg-drop-down .megamenu_box { margin: 0 auto; padding: 0 10px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.main_nav .mega-menu .mg-drop-down .megamenu_box h4{ margin-bottom: 4px; padding-bottom: 15px; border: 1px solid #e20111; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 1px; }
.main_nav .mega-menu .menu-links li .list_box ul li{ margin-bottom: 10px;}
.main_nav .mega-menu .menu-links li .list_box ul li:not(:first-child) {  display: inline-block; margin: 5px 0 5px -3px; padding: 0 8px !important; border-right: 1px solid #bdbdbd; line-height: 14px;}
.main_nav .mega-menu .menu-links li .list_box ul li:first-child { background: #facdca; display: table; font-size: 20px; padding: 5px 15px 3px 15px; border-radius: 25px; border: 1px solid #e2aba8; }
.main_nav .mega-menu .menu-links li .list_box { padding: 0 10px; -ms-flex:0 0 33.333333%; flex: 0 0 33.333333%; margin: 0; }
.main_nav .mega-menu .menu-links li .list_box ul li { margin: 0 0 10px; }
.main_nav .mega-menu .menu-links li .list_box ul li a {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;color: rgb(255 255 255 / 90%)  }
.main_nav .mega-menu .menu-links li .list_box ul li a p{ font-size: 15px; }
.main_nav .mega-menu .menu-links li .list_box ul li a:hover p,.main_nav .mega-menu .menu-links li .list_tag ul li a:hover p {color: #c0000e !important;}
.main_nav .mega-menu .menu-links li .list_box ul li:first-child a p{ font-size: 16px; color: #c0000e !important; font-weight: 600;}
.main_nav .mega-menu .menu-links li .list_tag ul{display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center;  width: 100%; }
.main_nav .mega-menu .menu-links li .list_tag ul li { -ms-flex:0 0 20%; flex: 0 0 20%; margin: 0; padding: 0; float: initial; }
.main_nav .mega-menu .menu-links li .list_tag ul li a { text-align: center; }
.main_nav .mega-menu .menu-links li .list_tag ul li a p{ font-size: 16px; float: initial; letter-spacing: 0.5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.main_nav .mega-menu .menu-mobile-collapse-trigger{ height: 28px; width: 35px; background: transparent; top: 50%;  right: 10px;  transform: translate(0, -50%);}
.main_nav .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
.main_nav .mega-menu .menu-mobile-collapse-trigger span,.main_nav .mega-menu .menu-mobile-collapse-trigger:before,.main_nav .mega-menu .menu-mobile-collapse-trigger:after{ top: 8px; height: 2px; width: 26px; background: #e20111; opacity:1;}
.main_nav .mega-menu .menu-mobile-collapse-trigger span{ top: 14px; position: relative;}
.main_nav .mega-menu .menu-mobile-collapse-trigger span:after{ content: ""; position: absolute; width: 26px; bottom: -28px;}
.main_nav .mega-menu .menu-mobile-collapse-trigger:after { top: 20px;}
.main_nav .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate( 35deg); -ms-transform: rotate(40deg); transform: rotate( 40deg); width: 24px; left: 5px; top: 6px; }
.main_nav .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate( -35deg); -ms-transform: rotate(-40deg); transform: rotate( -40deg); width: 24px; left: 5px; top: 21px; font-size: 0;}
.main_nav .mega-menu .menu-mobile-collapse-trigger:hover.active:hover { height: 30px; width: 45px; }
.main_nav .mega-menu .menu-mobile-collapse-trigger.active { height: 30px; width: 45px; }
.header_member { position: absolute; right: calc((100% - 1310px) / 2); top: 15px; transform: translate(0, 0); z-index: 1000; width: auto; text-align: right; }
.member_btn { display: flex; justify-content: flex-end; }
.header_member .member_btn>a { color: #000000; text-decoration: none; position: relative; padding-left: 20px; }
.header_member .member_btn>a>span::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/e7246588-e932-4c0e-a7e1-ab3fcc19f41c.svg) no-repeat center; width: 18px; height: 20px; left: 0; }
.header_member .member_btn>a>span>span { position: relative; font-size: 0; width: 15px; display: inline-block; height: 18px; top: 0; }
.header_member .member_btn>a>span>span::before { content: ""; position: absolute; width: 1px; height: 16px; background-color: #000000; top: -14px; left: 7px; }
.header_member .showName { padding: 0 3px;}
.header_member .showName .member-name { flex: 1; margin-bottom: 3px; margin-right: 5px; border-bottom: 1px solid #000000; }
.header_member .showName .member-name:hover{text-shadow: 0px 0px 8px rgb(255 255 255 / 80%)}
.header_member .showName a { background: transparent; border: 1px solid #000000; color: #000000; text-decoration: none; text-align: center; white-space: nowrap; border-radius: 4px; padding: 4px 10px; font-size: 16px; width: 100%; display: block; }
.header_member .showName a.SignOut { margin: 0; border-radius: 0; padding: 2px 5px; background: transparent; border: 1px solid #6f6f6f; line-height:20px; font-size: 14px; flex: 0 0 20px; border-radius: 4px; }
.header_member .showName a.SignOut:hover{ border:1px solid #000000;}
/* 加上購物車 */
.memberAndCart>div{ display: -ms-inline-flexbox; display: inline-flex; }
.widget-item .memberAndCart .top-cart { padding: 5px 15px; }
.widget-item .memberAndCart a{ color: #333333 !important; font-size: 18px !important;}
.widget-item .memberAndCart .top-cart .icon i { font-size: 18px !important; color: #333333 !important; }
.widget-item .memberAndCart .top-cart .icon i.fa-shopping-cart:before{ font-size: 18px;}
.widget-item .top-cart .icon .count{ top: -6px;  background: #e20311;}

/* 隱藏國外旅遊大分類(依照順序) */
.main_nav.Fhide_01 .mega-menu .menu-links li .list_box:nth-child(1),
.main_nav.Fhide_02 .mega-menu .menu-links li .list_box:nth-child(2),
.main_nav.Fhide_03 .mega-menu .menu-links li .list_box:nth-child(3),
.main_nav.Fhide_04 .mega-menu .menu-links li .list_box:nth-child(4),
.main_nav.Fhide_05 .mega-menu .menu-links li .list_box:nth-child(5),
.main_nav.Fhide_06 .mega-menu .menu-links li .list_box:nth-child(6),
.main_nav.Fhide_07 .mega-menu .menu-links li .list_box:nth-child(7),
.main_nav.Fhide_08 .mega-menu .menu-links li .list_box:nth-child(8),
.main_nav.Fhide_09 .mega-menu .menu-links li .list_box:nth-child(9),
.main_nav.Fhide_10 .mega-menu .menu-links li .list_box:nth-child(10){ display: none; }

@media screen and (min-width: 768px) {
    .main_nav .mega-menu .menu-links { display: -ms-flexbox; display: flex !important;}
}
@media screen and (min-width:992px) {
    .main_nav .mega-menu .menu-logo{ display: none;}
}
@media(max-width:1360px) {
    .main_nav .mega-menu .menu-links > li > a{ font-size: 16px;}
    .main_nav .mega-menu .mg-drop-down .megamenu_box{ max-width: 100%;}
    .header_member{ right: 20px;}
}
@media(max-width:1199px) {
    .main_nav .mega-menu .menu-links > li:nth-child(6) { -ms-flex: 0 0 120px; flex: 0 0 120px;}
}
@media(max-width:991px) {
    .main_nav .mega-menu .menu-links > li:nth-child(6){ display: none;}
    .main_nav .mega-menu .menu-links > li > a{ padding: 0; font-size: 15px;}
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator{ padding-left: 0;}
    .main_nav .mega-menu .menu-logo{ position: absolute; width: 160px; padding-top: 5px;  background-color: #ffffff; z-index: 1049;}
    .main_nav .mega-menu .menu-logo > li a{ float:initial;}
    .main_nav .mega-menu .menu-logo > li > a img{  width: 120px; height: 47px; left: 0;}
    .header_member{ right: 10px;}
    .header_member .member_btn>a{ font-size: 15px;}
}
@media(max-width:767px){ 
    .main_nav { position: fixed; top: 60px; right: 0; left: 0; z-index: 1049; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; }
    .main_nav .mega-menu .menu-logo{ width: 100%; height: 60px; padding: 0; box-shadow: 1px 0px 4px 1px rgba(0, 0, 0, 0.2);}
    .main_nav .mega-menu .menu-logo > li{ line-height: 50px;}
    .main_nav .mega-menu .menu-logo > li a { width: 100%; padding: 0; }
    .main_nav .mega-menu > section.menu-list-items { border-top: 0; padding: 0; height: 60px; }
    .main_nav .mega-menu .menu-links>li { flex: 0 0 100%; max-width: 100%; }
    .main_nav .mega-menu .menu-links { width: 100%; height: 100vh; max-height: initial !important;  border-top: 1px solid rgba(0,0,0,0.2); padding-top: 60px; padding-bottom: 150px;}
    .main_nav .mega-menu .menu-links > li { display: block; border-bottom: 1px solid rgb(166 166 166 / 30%); width: 100%; margin: 0 auto; padding: 0 15px;}
    .main_nav .mega-menu .menu-links > li > a { font-size: 16px; line-height: 16px; width: 100%; text-align: left; height: 50px; padding-top: 18px; }
    .main_nav .mega-menu .menu-links li .list_box ul li a p{ padding: 5px 0;}
    .main_nav .mega-menu .menu-links > li>a::before{display: none;}
    .main_nav .mega-menu .menu-links > li > a i.fa { font-size: 1.2em; }
    .main_nav .mega-menu .menu-links > li:last-child {  display: none;}
    .main_nav .mega-menu .menu-links li div.mg-drop-down{ margin-bottom: 15px; padding: 0 18px;}
    .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ top: initial; padding-top: 0;}
    .main_nav .mega-menu .mg-drop-down .megamenu_box h4{ margin-bottom: 10px;}
    .main_nav .mega-menu .mg-drop-down .megamenu_box{ padding: 0; min-height: initial; flex-flow: column;}
    .main_nav .mega-menu .menu-links li .list_box{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; padding: 0;}
    .main_nav .mega-menu .menu-links li .list_box ul li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0 0 4px;}
    .main_nav .mega-menu .menu-links li .list_box ul li:first-child { font-size: 16px; padding: 0px 8px 0px 8px; }
    .main_nav .mega-menu .menu-links li .list_box ul li:not(:first-child){ line-height: 10px; margin: 5px 0 2px -3px;}
    .main_nav .mega-menu .menu-links li .list_box ul li:first-child a p{ font-size: 15px;}
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator{ right: 10px;}
    .main_nav .mega-menu .menu-links li .list_tag ul{ flex-flow: column;}
    .main_nav .mega-menu .menu-links li .list_tag ul li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: left;}
    .main_nav .mega-menu .menu-links li .list_tag{ padding:0;}
    .main_nav .mega-menu .menu-links li .list_tag ul li a{ padding:0;}
    .main_nav .mega-menu .menu-links li .list_tag ul li + li a { border-left: 0; }
    .main_nav .mega-menu .menu-links li .list_tag ul li a p{ font-size: 15px; padding: 5px 0;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger{right:5px; }
    .main_nav .mega-menu .menu-links > li.hoverTrigger.activeTriggerMobile a i { transform: rotate(180deg); }
    .main_nav .mega-menu .menu-links li .list_box ul li { margin: 0 0 14px; }
    .main_nav .mega-menu .menu-links li .list_box ul li:first-child a{ font-size: 16px; padding-bottom: 6px;  border-bottom: 2px solid #d9b16f;}
    .main_nav .mega-menu .menu-links li .list_box ul li a{ font-size: 14px;}
    .main_nav .mega-menu .menu-links > li,.main_nav .mega-menu .menu-links > li.activeTriggerMobile { background: #ffffff; }
    .header_member { position: fixed; right: 50px; top: 20px; z-index: 1049; }
}

/**** 首頁 ****/
/* 跑馬燈 */
.index_marquee section.marquee{ padding: 0;}
.index_marquee div.message-list { background: #fff2f1; }
.index_marquee div.message-list ul{ width: 100%; text-align: center;}
.index_marquee div.message-list ul li a{ cursor:default;}
.index_marquee div.message-list ul li a i { color: #e20111;}
@media (max-width:640px){
    .index_marquee div.message-list ul { text-align: left; }
    .index_marquee div.message-list ul li a{ line-height: 25px; padding: 0 5px;  display: -ms-flexbox;  display: flex; align-items: center; }
}

/* 大圖輪播 */
.index_slider .carousel-indicators{ margin: 0; bottom: 26px; z-index: 11;}
.index_slider .carousel-indicators li { width: 10px; height: 10px; margin-right: 5px; margin-left:5px; border-radius: 50%; background-color:rgb(0 0 0 / 50%); background-clip: padding-box; opacity: 1; }
.index_slider .carousel-indicators li.active { background-color:#ffffff; }
.index_slider .carousel-control-next,.index_slider .carousel-control-prev { opacity: 1; width: 8%; }
.index_slider .carousel-control-next-icon, .index_slider .carousel-control-prev-icon { position: relative; width: 33px; height: 62px; background: no-repeat 50%/100% 100%; z-index: 1; }
.index_slider .carousel-control-prev-icon { transform: rotate(180deg); }
.index_slider .carousel-control-next-icon::after, .index_slider .carousel-control-prev-icon::after { content: ""; position: absolute; left: 0; width: 33px; height:62px; 
 background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/26d6083b-ab0f-4b69-84f4-868d09813a07.svg); background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 0.8;}
 @media (max-width:1199px){
    .index_slider .carousel-indicators { bottom: 10px; }
 }
 @media (max-width:767px){
    .index_slider .carousel-control-next-icon, .index_slider .carousel-control-prev-icon { width: 30px; }
    .index_slider .carousel-control-next-icon::after, .index_slider .carousel-control-prev-icon::after{width: 30px; }
    .index_slider .carousel-control-next, .index_slider .carousel-control-prev{ width: 45px;}
}

/* 國外搜尋 */
.search_block{ z-index: 1; }
.search_block>.module-container { margin: -20px auto 20px; border: 1px solid #959595 !important; padding: 18px; border-radius: 6px; background: #ffffff; -webkit-box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.1); box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.1); }
.search_block>.module-container>.main{ margin: 0;}
.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 0 25px; height: 70px;}
.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 { padding: 0 6px }
.search_foreign .search-area .search-box .select-goal .select select, .search_foreign .search-area .search-box .select-place .select select { border: 1px solid #bcbcbc; height: 45px; padding: 0 5px; color: #333333; background-color: #ffffff; border-radius: 0; }
.search_foreign section.group_banner .search-area .search-box .select-input > input { height: 45px; background: #ffffff; padding-left: 10px; border: 1px solid #bcbcbc; border-radius: 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: 30px; 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: 20px; font-size: 15px; color: #000000; font-weight: 400;}
.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 6px; height: 70px; }
.search_foreign section.group_banner .search-area .search-box .select-date .select input { text-align: center; color: #000000; border: 1px solid #bcbcbc; height: 45px; padding: 0 5px; width: calc(50% - 14px); background: #ffffff !important; border-radius: 0;}
.search_foreign section.group_banner .search-area .search-box>div:nth-child(5) { display: -ms-flexbox; display: flex; align-items: flex-end; flex: 0 0 20%; padding-right: 12px !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 .select-input::before { content: "關鍵字"; position: absolute; padding-left: 20px; font-size: 15px; letter-spacing: 1px; color:#000000; font-weight: 400; top: 0; left: 0; }
.search_foreign section.group_banner .search-area .search-box>div:last-child { flex: 0 0 134px;display: -ms-flexbox; display: flex; align-items: flex-end;}
.search_foreign section.group_banner .search-area .search-box .search-btn { height: 45px; line-height: 45px; background: #e20111; outline: none; border-radius:0;  -webkit-transition: all .4s; transition: all .4s;}
.search_foreign section.group_banner .search-area .search-box .search-btn:hover{ background-color:#C0000E;}
.search_foreign .search-area .search-box .search-btn h5{ position: relative; font-size: 15px; width: auto;}
.search_foreign .search-area .search-box .search-btn h5:hover::after{ right: -5px;}
.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: 16px; height: 16px; left: 2px; background-position: center; background-repeat: no-repeat;}
.search_foreign section.group_banner .search-area .search-box .select-goal .title::after { background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/1ff1046d-b608-4c48-b852-bb0744e8b79d.svg); }
.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/comebesttour/images/99f8d22c-f787-4b82-9e6c-2540f7b3e8bc.svg); }
.search_foreign section.group_banner .search-area .search-box .select-place .title::after { background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/3ed67278-3b96-4c6e-a868-caf60516dd9c.svg); }
.search_foreign section.group_banner .search-area .search-box .select-date .title::after { background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/8d23020f-7d47-4246-886c-b931775880d4.svg); width: 15px; height: 15px; top: 4px; }
.search_foreign section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 2px; top: 3px; width: 16px; height: 16px; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/44371af8-d725-4968-b80e-c502cbaedac3.svg); }


/*搜尋月曆*/
.datepicker.dropdown-menu { border: 1px solid #959595; }
.datepicker.datepicker-dropdown:before { border-bottom-color:#959595; }
.datepicker.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid #959595; }
.datepicker td,
.datepicker th { width: 30px; height: 30px; }
.datepicker table tr td.active.active { background: #d91425;; }
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev { color: #d91425; }
.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: #fbc0c5; }
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active { background: #d91425; }
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:hover { background: #fbc0c5; }
@media screen and (min-width: 1401px){
    .search_foreign .group_banner.search_banner .search-area > .container { max-width: 1370px; }
}
@media(max-width:1199px){
    .search_block>.module-container{ margin: 20px 0;}
    .search_foreign .group_banner.search_banner .search-area > .container { max-width: 100%; padding: 0; }
	.search_foreign section.group_banner .search-area .search-box .select-input > input{ margin-bottom: 5px;}
}
@media(max-width:991px) {
	.search_foreign section.group_banner .search-area .search-box { height: auto; margin-bottom: 0; }
	.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 section.group_banner .search-area .search-box .select-input::before{ left: 5px;}
	.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; }
	.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%; padding-right: 5px !important; padding-left: 5px !important; height: 75px; }
}

@media(max-width:767px) {
    .search_foreign section.group_banner.search_banner{width: 100%;}
    .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) { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .search_foreign section.group_banner .search-area .search-box>div:last-child { margin: 0 auto 10px; flex: 0 0 100%; }
    .search_foreign .mic_icon{ top: 25px;}
}
@media(max-width:575px) {
    .search_block{padding: 0;}
    .search_block>.module-container{ padding: 10px;}
    .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 50%;  max-width: 50%;}
    .search_foreign .mic_icon { top: 30px; }
    .search_foreign .mic_icon i{ padding: 5px 15px 3px;}
}

/* 快速前往 */
.index_quick_btn{background: #f5f5f5;}
.index_quick_btn .header-title { background: #f5f5f5; border-top-left-radius: 4px; border-top-right-radius: 4px; padding:13px 20px 0 38px; position: relative; color: #000000; font-size: 16px; font-weight: 600; }
.index_quick_btn .header-title::before{ content: ""; position: absolute; width: 16px; height: 16px; left: 20px; top: 17px; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/762b6c94-b300-4ad9-a4a9-87673e2e41aa.svg) no-repeat center; }
.index_quick_btn div.link-list { padding: 10px 20px 0; }
.index_quick_btn div.link-list ul,.index_quick_btn div.link-list li { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.index_quick_btn div.link-list ul li { flex: 0 0 calc(10% - 8px); text-align: center; margin-bottom: 15px; }
.index_quick_btn div.link-list ul li a,.index_quick_btn div.link-list ul li span { display: block; font-size: 15px; letter-spacing: 1px; text-decoration: none; padding:8px 4px; line-height: 22px; border-radius: 5px; border: 1px solid #959595; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_quick_btn div.link-list ul li a:hover,.index_quick_btn div.link-list ul li span:hover{ background-color: #e20111; border-color: #e20111; color: #ffffff !important; }
.index_quick_btn div.link-list ul li i{ display: none;}

.index_quick_more .mega-menu .menu-logo > li{ display: none;}
.index_quick_more .mega-menu > section.menu-list-items { padding-bottom: 5px; padding-top: 5px; }
.index_quick_more .mega-menu .menu-links > li:hover { background-color: transparent; }
.index_quick_more .mega-menu .menu-links { margin: 0 auto; float: initial; display: table !important; }
.index_quick_more .mega-menu .menu-links > li > a { font-size: 16px; line-height: 38px; position: relative; background: #ffffff; border: 1px solid #e20111; color: #e20111 !important; display: table; margin: 0 auto 8px; width: 111px; border-radius: 4px; font-weight: 600; padding: 0 24px; }
.index_quick_more .mega-menu .menu-links > li > a i.fa { font-size: 0; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/f8249ed8-656a-41df-8152-a743f9cdbd55.svg) no-repeat center; width: 23px; height: 23px; position: absolute; top: 8px; right: 22px; padding: 0; 
 -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_quick_more .mega-menu .menu-links > li:hover > a i.fa{ transform: rotate(180deg);}
.index_quick_more .mega-menu .menu-links li div.mg-drop-down.col-12 { padding: 10px 10px 0; left: 0px; border: 1px solid #d5d5d5; border-radius: 4px; box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.08); }
.index_quick_more .mega-menu .menu-links li .list_box { padding: 0; margin-left: 5px; margin-right: 0; width: 100%; }
.index_quick_more .mega-menu .menu-links li .list_box>ul { display: flex; flex-wrap: wrap; margin-bottom: 0; }
.index_quick_more .mega-menu .menu-links li .list_box ul li { margin: 0 0 10px 11px; flex: 0 0 calc(10% - 11px); letter-spacing: 1px; text-decoration: none; padding:0; line-height: 22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_quick_more .mega-menu .menu-links li .list_box ul li a { display: block; padding: 8px 4px; border-radius: 5px; border: 1px solid #959595; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_quick_more .mega-menu .menu-links li .list_box ul li a:hover{background-color: #e20111; border-color: #e20111; }
.index_quick_more .mega-menu .menu-links li .list_box a p { display: block; font-size: 15px; text-align: center;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_quick_more .mega-menu .menu-links li .list_box ul li a:hover p{ color: #ffffff !important;}
@media(min-width:768px) {
    .index_quick_more .mega-menu .menu-links > li > a:active+.mg-drop-down, .index_quick_more .mega-menu .menu-links > li > a:focus+.mg-drop-down { opacity: 1; visibility: visible; }
    .index_quick_more .mega-menu .menu-links > li:hover > a i.fa,.index_quick_more .mega-menu .menu-links > li > a:active i.fa,.index_quick_more .mega-menu .menu-links > li > a:focus i.fa{ transform: rotate(180deg);}
}
@media(max-width:1240px) {
    .index_quick_btn div.link-list ul li { flex: 0 0 calc(10% - 10px);}
    .index_quick_more .mega-menu .menu-links li .list_box ul li { flex: 0 0 calc(10% - 10px);}
}
@media(max-width:1300px) {
    .index_quick_btn div.link-list ul li { flex: 0 0 calc(20% - 10px);}
    .index_quick_more .mega-menu .menu-links li .list_box ul li {  flex: 0 0 calc(20% - 10px);}
}
@media(max-width:767px) {
    .index_quick_more .mega-menu .menu-mobile-collapse-trigger{ display: none;}
    .index_quick_more .mega-menu .menu-links > li > a i.fa.fa-indicator{ height: 40px;}
    .index_quick_btn div.link-list ul li { flex: 0 0 calc(25% - 10px);}
    .index_quick_more .mega-menu .menu-links li .list_box ul li {  flex: 0 0 calc(25% - 10px);}
    .index_quick_more .mega-menu .menu-links li div.mg-drop-down.col-12 { padding: 10px 10px 0 0; }
    .index_quick_more .mega-menu .menu-links > li.activeTriggerMobile{ background: transparent;}
    .index_quick_more .mega-menu .menu-links > li:hover > a i.fa{ transform: none;}
    .index_quick_more .mega-menu .menu-links > li.activeTriggerMobile > a i.fa{ transform: rotate(180deg);}
}
@media(max-width:575px) {
    .index_quick_btn div.link-list{ padding: 10px 5px 0;}
    .index_quick_btn .header-title{ padding: 13px 20px 0 28px;}
    .index_quick_btn .header-title::before{ left: 10px;}
    .index_quick_btn div.link-list ul li { flex: 0 0 calc(25% - 5px); margin-bottom: 10px; }
    .index_quick_btn div.link-list ul li a, .index_quick_btn div.link-list ul li span { font-size: 14px !important; letter-spacing: 0; padding: 6px 2px;}
    .index_quick_more .mega-menu .menu-links > li > a { font-size: 15px; line-height: 34px; width: 100px; border-radius: 4px; }
    .index_quick_more .mega-menu .menu-links > li > a i.fa.fa-indicator{ height: 34px;}
    .index_quick_more .mega-menu .menu-links li .list_box ul li { flex: 0 0 calc(25% - 5px); margin: 0 0 10px 5px; }
    .index_quick_more .mega-menu .menu-links li .list_box ul li a { font-size: 14px !important; letter-spacing: 0; padding: 6px 2px; }
}

/* 盈達嚴選 */
.index_featured .swiper-container { padding-left:15px; padding-right: 15px; }
.index_featured .swiper-slide-style { border-radius: 6px; margin-top: 0; border: 1px solid #bdbdbd; box-shadow: 0px 4px 9.5px 0.5px rgba(0, 0, 0, 0.1); }
.index_featured .swiper-slide .swiper-title { padding: 0 20px;font-size: 18px; color: #000000; font-weight: 600; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; }
.index_featured .swiper-slide .swiper-content{ color: #000000; font-size: 16px; letter-spacing: 0; margin-bottom: 20px; padding: 0px 20px 40px; -webkit-line-clamp: initial; position: relative; }
.index_featured .swiper-slide .swiper-content article{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; margin-top: 15px; border-top: 1px solid #beb7b7; padding-top: 10px; padding-bottom:0; } 
.index_featured .swiper-slide .swiper-content div span { color: #ffffff; font-size: 15px; padding: 4px 9px; border-radius: 4px; line-height: 26px; }
.index_featured .swiper-slide .swiper-content p { color: #e20111; font-size: 20px; font-weight: 500; margin-bottom: 0; position: absolute; right: 20px; bottom: 0; }
.index_featured .swiper-slide .swiper-content p::before{ content:"$"; padding-right: 5px; font-size: 16px;}
.index_featured .swiper-slide .swiper-content p::after{ content: "元起"; padding-left: 5px; font-size: 15px; font-weight: 400;}
.index_featured .swiper-slide .swiper-img img { border-top-left-radius: 5px; border-top-right-radius: 5px; aspect-ratio: 5 / 3.5; object-fit: cover; object-position: center center; }
.index_featured .swiper-button-prev, .index_featured .swiper-button-next { font-size: 0; background:rgb(0 0 0 / 60%); width: 50px; height: 50px; opacity: 1; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_featured .swiper-button-prev:hover, .index_featured .swiper-button-next:hover { background: rgb(0 0 0 / 80%); }
.index_featured .swiper-button-prev,.index_featured .swiper-container-rtl .swiper-button-next { left: 0px; }
.index_featured .swiper-button-next,.index_featured .swiper-container-rtl .swiper-button-prev { right: 0px; }
.index_featured .swiper-button-next:after, .index_featured .swiper-container-rtl .swiper-button-prev:after, .index_featured .swiper-button-prev:after, .index_featured .swiper-container-rtl .swiper-button-next:after { padding: 0; background: transparent; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/0ca6b3de-2031-4a1d-a420-b0e74c2c4d22.svg); width: 50px; height: 50px; background-size: 30px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0; }
.index_featured .swiper-button-prev:after { transform: scaleX(-1); }
.index_featured .swiper-button-prev.swiper-button-disabled,.index_featured .swiper-button-next.swiper-button-disabled{ background: rgb(0 0 0 / 20%); }
@media(max-width:991px) {
    .index_featured .swiper-slide .swiper-title{ font-size: 16px; line-height:26px;}
}
@media(max-width:767px) {
    .index_featured .swiper-container{ padding-left:5px; padding-right: 5px;}
}
@media(max-width:575px) {
    .index_featured .swiper-button-prev, .index_featured .swiper-button-next{ display: none;}
    .index_featured .swiper-slide .swiper-content div span { font-size: 14px; padding: 4px 4px; }
}

/* 主題大Banner */
.index_banner{ margin-top: 80px; }
.index_banner section { background: rgb(37 37 37 / 70%); width: 575px; height: 100%; position: absolute; top: 0; left: 7%; display: flex; flex-flow: column; justify-content: center; text-align: left; padding: 10px 3.6%; }
.index_banner section h3 { font-size: 20px; font-family: Roboto, sans-serif !important; font-weight: 400; letter-spacing: 1px; margin-bottom: 18px;}
.index_banner section h4 { font-size: 36px; font-weight: 400; letter-spacing: 1px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ff4c59; }
.index_banner section p { margin-bottom: 0; font-size: 16px; line-height: 28px; letter-spacing: 0.5px; text-align: justify; }
@media(max-width:1240px) {
    .index_banner section{ width: 35%;}
    .index_banner section h3 { font-size: 18px; margin-bottom: 12px; }
    .index_banner section h4 { font-size: 30px; margin-bottom: 15px; padding-bottom: 15px; }
    .index_banner section p { font-size: 15px; line-height: 26px;}
}
@media(max-width:991px) {
    .index_banner { margin-top: 60px;}
}
@media(max-width:767px) {
    .index_banner{ margin-top: 40px;}
    .index_banner .module-container .bgfixed > a{ vertical-align: bottom;}
    .index_banner section { width: 100%; position: relative; left: 0; bottom: 0; height: auto; padding: 15px; }
    .index_banner section h3 { font-size: 15px; margin-bottom: 5px; }
    .index_banner section h4 { font-size: 24px; margin-bottom: 5px; padding-bottom: 10px; }
    .index_banner section p { font-size: 15px; line-height: 24px; letter-spacing: 0; }
}

/* 推薦行程 上方左大圖又右三圖 */
.recom_block { padding: 0; }
.recom_block>.module-container>.main.row { margin-left: -10px; margin-right: -10px; }
.index_recom_square { -ms-flex: 0 0 46.9%; flex: 0 0 46.9%; max-width: initial; }
.index_recom { -ms-flex: 0 0 53.1%; flex: 0 0 53.1%; max-width: initial; }
.index_recom_square .wall-wrapper {display: block; }
.index_recom .row.wall-row>div:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 20px; }
.index_recom_square .wall-wrapper, .index_recom .wall-wrapper { padding:20px 10px; }
.index_recom_square>.module-container>.main>.header-title.dp-tbl,
.index_recom>.module-container>.main>.header-title.dp-tbl,
.index_recom_square>.module-container>.main>.dp-tbl, .index_recom>.module-container>.main>.dp-tbl{ display: none; }
.index_recom>.module-container, .index_recom>.module-container>.main{ height: 100%;}
.index_recom .wall-wrapper .row { justify-content: space-between; }
.index_recom .row.wall-row>div:nth-child(2) { -ms-flex: 0 0 calc(58% - 10px); flex: 0 0 calc(58% - 10px); max-width: initial; }
.index_recom .row.wall-row>div:nth-child(3) { -ms-flex: 0 0 calc(42% - 10px); flex: 0 0 calc(42% - 10px); max-width: initial; }
.index_recom_square .module-container,.index_recom_square .module-container>.main,.index_recom_square .module-container>.main .row,
.index_recom .module-container, .index_recom .module-container>.main,.index_recom .module-container>.main .row { height: 100%; }
.index_recom_square .thicon_info,.index_recom .thicon_info{ box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.18); border-radius: 6px; }
.index_recom_square .thicon_info,.index_recom_square .thicon_info a,.index_recom_square .thicon_info a figure,.index_recom_square .thicon_info a figure img,
.index_recom .thicon_info,.index_recom .thicon_info a,.index_recom .thicon_info a figure,.index_recom .thicon_info a figure img { height: 100%; display: block; }
.index_recom_square .module-container>.main>div .thicon_info h3,
.index_recom .module-container>.main>div .thicon_info h3{ bottom: 0; left: 50%; transform: translate(-50%, 0); text-shadow: none; font-size: 17px; letter-spacing: 1px; line-height: 28px; font-weight: 400; width: 100%; text-align: center; margin: 0;
    border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 17px 5px; background: rgb(0 0 0 / 70%); }
.index_recom_square .wall-wrapper .thicon_info span, .index_recom .wall-wrapper .thicon_info span { background: #b20d19; text-shadow: none; top: 0; left: 0; bottom: initial; border-bottom-right-radius: 6px; min-width: 90px; padding: 4px 5px; font-size: 16px; text-align: center; }
.index_recom_square .module-container>.main>div .theme_info,
.index_recom>.module-container>.main>div .theme_info { background:transparent!important; top: 0; }
.index_recom_square .module-container>.main>div .thicon_info:hover .theme_info,
.index_recom .module-container>.main>div .thicon_info:hover .theme_info { background: transparent!important; }
.index_recom_square .module-container>.main>div .thicon_info:hover .theme_info h3::after,
.index_recom .module-container>.main>div .thicon_info:hover .theme_info h3::after{ display: none; }
.index_recom_square img { aspect-ratio: 5/4.6; object-fit: cover; object-position: center center; }
.index_recom_square .wall-wrapper .thicon_info figure,.index_recom .wall-wrapper .thicon_info figure{border-radius: 6px;}

@media(max-width:1199px){
    .index_recom_square .wall-wrapper .thicon_info span, .index_recom .wall-wrapper .thicon_info span{ font-size: 15px;}
    .index_recom_square .module-container>.main>div .thicon_info h3,
    .index_recom .module-container>.main>div .thicon_info h3{ font-size: 15px; letter-spacing: 0; line-height: 24px;}
}
@media(max-width:991px) {
    .index_recom_square {  -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .index_recom_square .wall-wrapper, .index_recom .wall-wrapper { padding: 0 15px 15px; }
    .index_recom { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .index_recom .wall-wrapper { padding-left: 15px; padding-top: 0; }
    .index_recom_square  .wall-row>div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .index_recom_square img { aspect-ratio: 5/3; }
}
@media(max-width:767px) {
    .index_recom_square .module-container>.main>div .theme_info p.theme-text,
    .index_recom .module-container>.main>div .theme_info p.theme-text {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden;} 
}
@media(max-width:575px) {
    .index_recom .wall-wrapper { padding-bottom: 0; }
    .index_recom_square .module-container>.main>div .theme_info p.theme-text, .index_recom .module-container>.main>div .theme_info p.theme-text{ display: none;}
    .index_recom .wall-wrapper .row>div:not(:first-child) { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px;}
    .index_recom_square .b_img,.index_recom .b_img{ aspect-ratio: 5/3.5; object-fit: cover; object-position: center center; }
}

/* 推薦行程 下方三圖 */
.recom_bottom_block { margin-bottom: 40px; padding: 0; }
.recom_bottom_block>.module-container>.main.row { margin-left: -10px; margin-right: -10px; }
.index_recom_bottom .wall-wrapper { padding:0 10px 20px; }
.index_recom_bottom>.module-container>.main>.header-title.dp-tbl,
.index_recom_bottom>.module-container>.main>.dp-tbl{ display: none; }
.index_recom_bottom>.module-container, .index_recom_bottom>.module-container>.main{ height: 100%;}
.index_recom_bottom .wall-wrapper .row { justify-content: space-between; }
.index_recom_bottom .row.wall-row>div:nth-child(2) { flex: 0 0 calc(24% - 10px);  max-width: initial; }
.index_recom_bottom .row.wall-row>div:nth-child(3) { flex: 0 0 calc(30% - 10px);  max-width: initial; }
.index_recom_bottom .row.wall-row>div:nth-child(1),.index_recom_bottom .row.wall-row>div:nth-child(4) { -ms-flex: 0 0 calc(22% - 10px); flex: 0 0 calc(22% - 10px); max-width: initial; }
.index_recom_bottom .module-container, .index_recom_bottom .module-container>.main,.index_recom_bottom .module-container>.main .row { height: 100%; }
.index_recom_bottom .thicon_info{border: 1px solid #ff7d86; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.18); border-radius: 6px; }
.index_recom_bottom .thicon_info,.index_recom_bottom .thicon_info a,.index_recom_bottom .thicon_info a figure,.index_recom_bottom .thicon_info a figure img { height: 100%; display: block; }
.index_recom_bottom .module-container>.main>div .thicon_info h3 { bottom: 0; left: 50%; transform: translate(-50%, 0); text-shadow: none; font-size: 16px; letter-spacing: 1px; font-weight: 600; width: 100%; text-align: center; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin: 7px 0; padding: 0 15px; background: #ffffff; line-height: 24px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; text-overflow: ellipsis; overflow: hidden; z-index: 4; }
.index_recom_bottom .module-container>.main>div .thicon_info::before { content: ""; background: #ffffff; position: absolute; width: 100%; height: 80px; bottom: 0; left: 0; z-index: 3; }
.index_recom_bottom .wall-wrapper .thicon_info span { background: #fff2f1; text-shadow: none; left: 50%; bottom: 65px; transform: translate(-50%, 0); border-radius: 20px; border: 1px solid #ff7d86; min-width: 90px; padding: 3px 5px; font-size: 16px; text-align: center; font-weight: 600; }
.index_recom_bottom>.module-container>.main>div .theme_info { background:transparent!important; top: 0; }
.index_recom_bottom .module-container>.main>div .thicon_info:hover .theme_info { background: transparent!important; }
.index_recom_bottom .module-container>.main>div .thicon_info:hover .theme_info h3::after{ display: none; }
.index_recom_bottom .wall-wrapper .thicon_info figure{border-radius: 6px;}
@media(max-width:991px) {
    .index_recom_bottom .row.wall-row>div:nth-child(1), .index_recom_bottom .row.wall-row>div:nth-child(2),
    .index_recom_bottom .row.wall-row>div:nth-child(3), .index_recom_bottom .row.wall-row>div:nth-child(4) { -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); order: 2;}
    .index_recom_bottom .row.wall-row>div:nth-child(1) figure img,.index_recom_bottom .row.wall-row>div:nth-child(2) figure img,
    .index_recom_bottom .row.wall-row>div:nth-child(3) figure img,.index_recom_bottom .row.wall-row>div:nth-child(4) figure img{ aspect-ratio: 5 / 4.8; object-fit: cover; object-position: center center; }
    .index_recom_bottom .row.wall-row>div:nth-child(1), .index_recom_bottom .row.wall-row>div:nth-child(2){  margin-bottom: 20px; }
}
@media(max-width:575px) {
    .index_recom_bottom .wall-wrapper { padding: 0 15px; }
    .index_recom_bottom .row.wall-row>div:nth-child(1), .index_recom_bottom .row.wall-row>div:nth-child(2),
    .index_recom_bottom .row.wall-row>div:nth-child(3), .index_recom_bottom .row.wall-row>div:nth-child(4) { -ms-flex: 0 0 calc(100% - 10px); flex: 0 0 calc(100% - 10px);margin-bottom: 20px;}
    .index_recom_bottom .row.wall-row>div:nth-child(1) figure img,.index_recom_bottom .row.wall-row>div:nth-child(2) figure img,
    .index_recom_bottom .row.wall-row>div:nth-child(3) figure img,.index_recom_bottom .row.wall-row>div:nth-child(4) figure img{ aspect-ratio: 5 / 3.5; object-fit: cover; object-position: center center; }
    .index_recom_bottom .row.wall-row>div:nth-child(2) { aspect-ratio: 5 / 3.5; object-fit: cover; object-position: center center; }
}

/* 迷你小團 */
.index_mini .swiper-container { margin-bottom: 43px; }
.index_mini .swiper-slide-style { border-radius: 6px; margin-top: 0; box-shadow: none;}
.index_mini .swiper-slide .swiper-img { margin: 0;}
.index_mini .swiper-slide .swiper-img img { border-radius: 6px; aspect-ratio: 4 / 4.1; object-fit: cover; object-position: center center; }
.index_mini .swiper-slide .swiper-content { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #000000; text-align: justify; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.05);
 text-overflow: ellipsis; margin-bottom: 0; padding: 15px 10px 18px; overflow: hidden; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0); background: #ffffff; width: calc(100% - 40px);}
.index_mini .swiper-content::after { content: ""; background-color: #e20111; height: 4px; width: 100%; position: absolute; left: 0; bottom: 0; opacity: 0;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;  }
.index_mini .swiper-slide-style:hover .swiper-content::after{ opacity: 1;}
.index_mini .swiper-slide .swiper-content h3 { font-size: 20px; font-weight: 600; text-align: center; color: #e20111; margin-bottom: 12px; }
.index_mini .swiper-slide .swiper-content h4 { font-size: 16px; font-weight: 400; text-align: center; color: #000000; margin-bottom: 0; }
.index_mini .swiper-button-prev, .index_mini .swiper-button-next { font-size: 0; background:rgb(0 0 0 / 60%); width: 50px; height: 50px; opacity: 1; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_mini .swiper-button-prev:hover, .index_mini .swiper-button-next:hover { background: rgb(0 0 0 / 80%); }
.index_mini .swiper-button-prev,.index_mini .swiper-container-rtl .swiper-button-next { left: 0px; }
.index_mini .swiper-button-next,.index_mini .swiper-container-rtl .swiper-button-prev { right: 0px; }
.index_mini .swiper-button-next:after, .index_mini .swiper-container-rtl .swiper-button-prev:after, .index_mini .swiper-button-prev:after, .index_mini .swiper-container-rtl .swiper-button-next:after { padding: 0; background: transparent; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/0ca6b3de-2031-4a1d-a420-b0e74c2c4d22.svg); width: 50px; height: 50px; background-size: 30px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0; }
.index_mini .swiper-button-prev:after { transform: scaleX(-1); }
.index_mini .swiper-button-prev.swiper-button-disabled,.index_mini .swiper-button-next.swiper-button-disabled{ background: rgb(0 0 0 / 20%); }
@media(max-width:575px) {
    .index_mini .swiper-slide .swiper-content h3{ font-size: 18px; margin-bottom: 10px;}
    .index_mini .swiper-slide .swiper-content h4{ font-size: 15px;}
    .index_mini .swiper-button-prev, .index_mini .swiper-button-next{ display: none;}
}

/* 活動專區 */
.index_event .swiper-container { padding-left:20px; padding-right: 20px; }
.index_event .swiper-slide-style { border-radius: 6px; margin-top: 0; margin-bottom: 0; box-shadow: none;}
.index_event .swiper-slide .swiper-img { margin: 0;}
.index_event .swiper-slide .swiper-img img { border-radius: 6px; aspect-ratio: 5 / 2.95; object-fit: cover; object-position: center center; }
.index_event .swiper-button-prev, .index_event .swiper-button-next { font-size: 0; background:rgb(0 0 0 / 60%); width: 50px; height: 50px; opacity: 1; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.index_event .swiper-button-prev:hover, .index_event .swiper-button-next:hover { background: rgb(0 0 0 / 80%); }
.index_event .swiper-button-prev,.index_event .swiper-container-rtl .swiper-button-next { left: 0px; }
.index_event .swiper-button-next,.index_event .swiper-container-rtl .swiper-button-prev { right: 0px; }
.index_event .swiper-button-next:after, .index_event .swiper-container-rtl .swiper-button-prev:after, .index_event .swiper-button-prev:after, .index_event .swiper-container-rtl .swiper-button-next:after { padding: 0; background: transparent; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/0ca6b3de-2031-4a1d-a420-b0e74c2c4d22.svg); width: 50px; height: 50px; background-size: 30px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0; }
.index_event .swiper-button-prev:after { transform: scaleX(-1); }
.index_event .swiper-button-prev.swiper-button-disabled,.index_event .swiper-button-next.swiper-button-disabled{ background: rgb(0 0 0 / 20%); }
@media(max-width:575px) {
    .index_event .swiper-container { padding-left: 0; padding-right: 0; }
    .index_event .swiper-button-prev, .index_event .swiper-button-next{ display: none;}
}

/* 旅人日記 */
.index_diary_block{ margin-bottom: 50px;}
.index_diary_img>.module-container>.main>.header-title.dp-tbl,
.index_diary_img>.module-container>.main>.dp-tbl{ display: none; }
.index_diary_img>.module-container, .index_diary_img>.module-container>.main{ height: 100%;}
.index_diary_img .module-container, .index_diary_img .module-container>.main,.index_diary_img .module-container>.main .row { height: 100%; }
.index_diary_img .thicon_info{border: 1px solid #bdbdbd; border-radius: 6px; }
.index_diary_img .thicon_info,.index_diary_img .thicon_info a,.index_diary_img .thicon_info a figure,.index_diary_img .thicon_info a figure img { height: 100%; display: block; }
.index_diary_img .module-container>.main>div .thicon_info h3 { bottom: 0; left: 50%; transform: translate(-50%, 0); text-shadow: none; font-size: 18px; letter-spacing: 1px; font-weight: 600; width: 100%;
 border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin: 0 0 20px; padding: 0 20px 0 35px; background: transparent; line-height: 24px; height: auto; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; text-overflow: ellipsis; overflow: hidden; z-index: 4; }
.index_diary_img .module-container>.main>div .thicon_info h3::before { content: ""; position: absolute; width: 3px; height: 100%; background: #d91425; left: 20px; }
.index_diary_img .module-container>.main>div .thicon_info::before { content: ""; background:rgb(255 255 255 / 85%); position: absolute; width: 100%; height: 95px; bottom:0; left: 0; z-index: 3; }
.index_diary_img .wall-wrapper .thicon_info span{ text-shadow: none; left: 0; width: 100%; bottom: 42px; border-radius: 20px; padding: 0 20px 10px 35px; font-size: 15px; text-align: left; font-weight: 600; font-family: Roboto, sans-serif !important; } 
.index_diary_img .wall-wrapper .thicon_info span::before { content: ""; position: absolute; width: 3px; height: 100%; background: #d91425; left: 20px; }
.index_diary_img>.module-container>.main>div .theme_info { background:transparent!important; top: 0; }
.index_diary_img .module-container>.main>div .thicon_info:hover .theme_info { background: transparent!important; }
.index_diary_img .module-container>.main>div .thicon_info:hover .theme_info h3::after{ display: none; }
.index_diary_img .wall-wrapper .thicon_info figure{border-radius: 6px;}
.index_diary_img img{ aspect-ratio:4.5/5;  object-fit: cover; object-position: center center;}
.index_diary_img .wall-wrapper .thicon_info:hover figure .b_img { -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.web-page-frame .index_diary > .module-container { height: 100%; }
.web-page-frame .index_diary > .module-container > .main { background: #f6f6f6; margin-left: 5px; border-radius: 6px; height: 100%; }
.index_diary .mix-wrapper{ padding: 14px 18px; }
.index_diary .pic-content,.index_diary .editor-content { margin-top: 0; margin-bottom: 0;}
.index_diary .pic-content{ -ms-flex: 0 0 48.46%; flex: 0 0 48.46%; max-width: initial; padding: 0; }
.index_diary .mix-wrapper>.row{margin-left: 0; margin-right: 0;  }
.index_diary .mix-wrapper>.row:first-child { padding-bottom: 10px; border-bottom: 1px solid #bebebe; margin-bottom: 10px; }
.index_diary img{ border-radius: 6px; }
.index_diary .editor-content{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
.index_diary .mix-wrapper>.row:first-child .editor-content { padding-left: 30px; padding-right: 0; }
.index_diary .mix-wrapper>.row:last-child .editor-content { padding-left: 0px; padding-right: 30px; }
.index_diary section h3{position: relative; font-size: 18px; letter-spacing: 1px; font-weight: 600; color: #000000; margin-bottom: 15px; padding-left:25px;}
.index_diary section h3::before{content: ""; position: absolute; width: 3px; height: 100%; background: #d91425; left: 10px;}
.index_diary section div{ position: relative; padding-left:25px; padding-bottom: 10px; font-size: 15px; font-weight: 600; color:#000000; font-family: Roboto, sans-serif !important;}
.index_diary section div::before{content: ""; position: absolute; width: 3px; height: 100%; background: #d91425; left: 10px;}
.index_diary section p{ color:#000000; font-size: 15px; padding-left: 25px;}
.diary_more{ margin-top: 30px;}
.diary_more div.link-list ul li { margin: 0 auto; display: table !important; border: 1px solid #d91425; width: 200px; height: 53px; border-radius: 6px; }
.diary_more div.link-list ul li a{ position: relative; padding: 10px 10px 10px 26px; display: block; height: 100%; font-weight: 600; border-radius: 6px; background: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.diary_more div.link-list ul li a:hover{ opacity: 1; background-color: #d91425;}
.diary_more div.link-list ul li a::before { content: ""; width: 43px; height: 1px; font-size: 0; background-color: #d91425; position: absolute; top: 50%; transform: translate(0, -50%); right: 35px; }
.diary_more div.link-list ul li a::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #d91425; position: absolute; right: 25px; top: 22px; }
.diary_more div.link-list ul li a:hover::before{ background-color: #ffffff; }
.diary_more div.link-list ul li a:hover::after{ border-color: transparent transparent transparent #ffffff;}
.diary_more div.link-list ul li a:hover::before,.diary_more div.link-list ul li a:hover::after{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
@media(max-width:991px){
    .index_diary_img { max-width: initial; flex: 0 0 100%; }
    .index_diary_img .module-container>.main .row>div { flex: 0 0 100%; max-width: initial; }
    .index_diary_img img{ aspect-ratio: 5/3; object-fit: cover; object-position: center center;}
    .index_diary { margin-top: 20px; }
    .web-page-frame .index_diary > .module-container > .main { margin-left: -15px; }
}
@media(max-width:767px){
    .index_diary .mix-wrapper>.row:first-child .editor-content { padding-left: 0; padding-right: 0; }
    .index_diary .mix-wrapper>.row:last-child .editor-content { padding-left: 0px; padding-right: 0; }
}
@media(max-width:575px){
    .index_diary .pic-content { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; }
}


/**** 自動上架主題館 ****/
/* 大圖輪播 */
.area_slider .carousel-indicators{ margin: 0; bottom: 10px; z-index: 11;}
.area_slider .carousel-indicators li { width: 10px; height: 10px; margin-right: 5px; margin-left:5px; border-radius: 50%; background-color:rgb(0 0 0 / 50%); background-clip: padding-box; opacity: 1; }
.area_slider .carousel-indicators li.active { background-color:#ffffff; }
.area_slider .carousel-control-next,.area_slider .carousel-control-prev { opacity: 1; width: 8%; }
.area_slider .carousel-control-next-icon, .area_slider .carousel-control-prev-icon { position: relative; width: 33px; height: 62px; background: no-repeat 50%/100% 100%; z-index: 1; }
.area_slider .carousel-control-prev-icon { transform: rotate(180deg); }
.area_slider .carousel-control-next-icon::after, .area_slider .carousel-control-prev-icon::after { content: ""; position: absolute; left: 0; width: 33px; height:62px; 
 background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/26d6083b-ab0f-4b69-84f4-868d09813a07.svg); background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 0.8;}
 @media (max-width:767px){
    .area_slider .carousel-control-next-icon, .area_slider .carousel-control-prev-icon { width: 30px; }
    .area_slider .carousel-control-next-icon::after, .area_slider .carousel-control-prev-icon::after{width: 30px; }
    .area_slider .carousel-control-next, .area_slider .carousel-control-prev{ width: 45px;}
}
/* 頁籤 */
.area_tab div.link-list { background: transparent;}
.area_tab div.link-list ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; padding: 20px 15px 12px;}
.area_tab div.link-list ul li{ padding: 0 8px 8px;}
.area_tab div.link-list ul li a,.area_tab div.link-list ul li span{ position: relative; background: #ffffff; border: 1px solid #d91425; color: #d91425; font-size: 18px; padding: 6px 22px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.area_tab div.link-list ul li a:hover{ background: #d91425; color: #ffffff !important; }
.area_tab.active01 div.link-list ul li:nth-child(1) a,.area_tab.active01 div.link-list ul li:nth-child(1) span,
.area_tab.active02 div.link-list ul li:nth-child(2) a,.area_tab.active02 div.link-list ul li:nth-child(2) span,
.area_tab.active03 div.link-list ul li:nth-child(3) a,.area_tab.active03 div.link-list ul li:nth-child(3) span,
.area_tab.active04 div.link-list ul li:nth-child(4) a,.area_tab.active04 div.link-list ul li:nth-child(4) span,
.area_tab.active05 div.link-list ul li:nth-child(5) a,.area_tab.active05 div.link-list ul li:nth-child(5) span,
.area_tab.active06 div.link-list ul li:nth-child(6) a,.area_tab.active06 div.link-list ul li:nth-child(6) span,
.area_tab.active07 div.link-list ul li:nth-child(7) a,.area_tab.active07 div.link-list ul li:nth-child(7) span,
.area_tab.active08 div.link-list ul li:nth-child(8) a,.area_tab.active08 div.link-list ul li:nth-child(8) span,
.area_tab.active09 div.link-list ul li:nth-child(9) a,.area_tab.active09 div.link-list ul li:nth-child(9) span,
.area_tab.active010 div.link-list ul li:nth-child(10) a,.area_tab.active10 div.link-list ul li:nth-child(10) span{ background: #d91425; color: #ffffff !important;  padding: 6px 38px 6px 22px;}
.area_tab.active01 div.link-list ul li:nth-child(1) a::after,.area_tab.active01 div.link-list ul li:nth-child(1) span::after,
.area_tab.active02 div.link-list ul li:nth-child(2) a::after,.area_tab.active02 div.link-list ul li:nth-child(2) span::after,
.area_tab.active03 div.link-list ul li:nth-child(3) a::after,.area_tab.active03 div.link-list ul li:nth-child(3) span::after,
.area_tab.active04 div.link-list ul li:nth-child(4) a::after,.area_tab.active04 div.link-list ul li:nth-child(4) span::after,
.area_tab.active05 div.link-list ul li:nth-child(5) a::after,.area_tab.active05 div.link-list ul li:nth-child(5) span::after,
.area_tab.active06 div.link-list ul li:nth-child(6) a::after,.area_tab.active06 div.link-list ul li:nth-child(6) span::after,
.area_tab.active07 div.link-list ul li:nth-child(7) a::after,.area_tab.active07 div.link-list ul li:nth-child(7) span::after,
.area_tab.active08 div.link-list ul li:nth-child(8) a::after,.area_tab.active08 div.link-list ul li:nth-child(8) span::after,
.area_tab.active09 div.link-list ul li:nth-child(9) a::after,.area_tab.active09 div.link-list ul li:nth-child(9) span::after,
.area_tab.active010 div.link-list ul li:nth-child(10) a::after,.area_tab.active10 div.link-list ul li:nth-child(10) span::after{ content: ""; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/a543ad92-f392-4bf2-901c-a9bd50cff7e5.svg) no-repeat center;
 position: absolute; right: 15px; top: 12px; width: 20px; height: 20px;}

/* 行程 */
.area_auto.come_title>.module-container>.main>.header-title{ margin: 45px auto 34px; font-size: 32px;}
.row.header+.row .block-item+.block-item .area_auto>.module-container>.main>.header-title { margin-top: 0; }
.row.header+.row .block-item:nth-child(2)+.block-item:nth-child(3) .area_auto>.module-container>.main>.header-title { margin-top: 45px; }
.area_auto { min-height: 200px; margin-bottom: 50px; }
.row.header+.row>.col-md-12>div>.row>div.col-lg-12>.row>div.block-item:last-child .widget-item.area_auto { padding-bottom: 60px; }
.area_auto.sub_title .header-title { margin-top: 20px; padding-left: 13px; font-size: 20px; font-weight: 500; letter-spacing: 2px; color: #333333; position: relative; }
.area_auto.sub_title .header-title::before { content: ""; position: absolute; width: 6px; height: 26px; background: #70c5ec; left: 0; top: 3px; }
.area_auto .product_all { width: 100%; flex-wrap: wrap; align-content: stretch;}
.area_auto .product_box { position: relative; width: 32.3%; float: left; transition: .5s; background-color: #FFF; padding:15px;  border-bottom: 3px solid #e3e1e1; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.05);}
.area_auto .product_box:hover { transition: .5s; text-decoration: none; background: #f7e9eb;}
.area_auto .product_box+.product_box {margin-top: 25px;}
.area_auto .product_box .product_name { float: left; width: 98%; color: #333; display: table; text-indent: 0; margin: 20px 0; padding-left: 46px;}
.area_auto .product_box .product_name a { font-size:19px; font-weight: 600; color: #333333; text-decoration: none; line-height: 1.5em; ; }
.area_auto .product_box .product_name a:hover { color: #d91425; }
.area_auto .product_description { position: relative; width: 100%; float: left; font-size: 15px; color:#18add2; font-weight: 400; padding-left:45px; margin-bottom: 16px;}
.area_auto .product_offer { position: relative; width: 100%; float: left; font-size: 15px; font-weight: 400; color: #333333; text-decoration: none; line-height: 1.5em; letter-spacing: 0; padding-left: 68px; } 
.area_auto .departure_date { position: relative; float: left; width: 100%; font-size: 15px; line-height: 1.5em; color: #333333; font-weight: 400; margin-bottom: 6px; padding-left: 68px; }
.area_auto .departure_date::before{ content: ""; position: absolute; width: 20px; height: 20px; top: 5px; left: 46px; 
background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/8d23020f-7d47-4246-886c-b931775880d4.svg);  background-repeat: no-repeat; background-position:center; background-size: 18px;}
.area_auto .departure_date > s > a:before { content: ' ';position: absolute; font-size: 15px; width: 28px; top: 9px; left: 0; }
.area_auto .departure_date a { font-size: 1em; line-height: 2em; color: #333; font-weight: 400; letter-spacing: .05em; position: relative; }
.area_auto .departure_date a:hover { color: #333333; text-decoration: underline; }
.area_auto .departure_date > s,.area_auto .departure_date > s > a,.area_auto .departure_date > s > a:hover { color: #acacac; }
.area_auto .product_box .product_img { width: 28.3%; height: 100%; background-repeat: no-repeat; float: left; overflow: hidden; vertical-align: middle; clear: right; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;
     background: url(https://materials.fillo.com.tw/materials/comebesttour/images/e9d9394e-343c-464b-8e39-32ae9b648cd4.jpeg) no-repeat center; background-size: 100%; margin: 0; padding: 0; }
.area_auto .product_box .product_img a { width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; background: #fff; overflow: hidden; }
.area_auto .product_box .product_img img { width: 100%; height: auto; transform: scale(1); transition: 1.0s; aspect-ratio: 5/2.86; object-fit: cover; object-position: center center; }
.area_auto .product_box .product_img img:hover { transform: scale(1.1); transition: .9s;}
.area_auto .product_price { width: 100%; text-align: right; left: 0; position: absolute; background:transparent; color:#e20111; font-weight: 700; font-size: 1.3em; padding: 2%; }
.area_auto .product_price span::before { content: "NT"; }
@media screen and (min-width: 981px) {
    .area_auto .product_box { width: 100%; }
    .area_auto .product_box .product_name { width: 56%; }
    .area_auto .product_price { width: 18%; float: right; text-align: center; right: 0; position: absolute; line-height: 1.8;  font-size:20px; left: unset; display: flex; justify-content: flex-end; padding:18px 2% 30px 10px; }
    .area_auto .departure_date { width: 56% }
    .area_auto .product_description { width: 56%; }
    .area_auto .product_offer { width: 56%;}
}
@media(min-width: 981px) and (max-width:1269px) {
    .area_auto .product_box .product_img { width:27%; }
    .area_auto .product_price { width: 20%; }
    .area_auto .product_box .product_name,.area_auto .product_offer{ width: 53%; }
    .area_auto .departure_date,.area_auto .product_description { width: 53%; }
}
@media only screen and (max-width: 980px) {
    .area_block+.area_block { margin-top: 30px; }
    .area_auto .product_all{ display: flex;}
    .area_auto .product_box { width:48%; margin: 0 1% 25px; flex: 0 0 48%; padding:0 0 40px; }
    .area_auto .product_box+.product_box { margin-top: 0;}
    .area_auto .product_box:last-child { margin-bottom: 0; }
    .area_auto .product_box .product_img { width: 100%; height: auto;}
    .area_auto .product_box .product_img img:hover { transform: initial;}
    .area_auto .product_box .product_name{ padding-left: 15px; padding-right: 15px;}
    .area_auto .product_box .product_name a{ font-size: 16px;}
    .area_auto .departure_date{ padding-left: 38px; padding-right: 15px;}
    .area_auto .product_description,.area_auto .product_offer{padding-left: 15px; padding-right: 15px;}
    .area_auto .departure_date::before{ left: 15px;}
    .area_auto .product_price{ bottom: 0; font-size: 16px; padding:10px 15px 15px 0;}
}
@media only screen and (max-width:767px) {
    .area_tab div.link-list ul li a, .area_tab div.link-list ul li span{ font-size: 16px; padding: 6px 10px; text-align: center; display: block; }
    .area_tab.active01 div.link-list ul li:nth-child(1) a,.area_tab.active01 div.link-list ul li:nth-child(1) span,
    .area_tab.active02 div.link-list ul li:nth-child(2) a,.area_tab.active02 div.link-list ul li:nth-child(2) span,
    .area_tab.active03 div.link-list ul li:nth-child(3) a,.area_tab.active03 div.link-list ul li:nth-child(3) span,
    .area_tab.active04 div.link-list ul li:nth-child(4) a,.area_tab.active04 div.link-list ul li:nth-child(4) span,
    .area_tab.active05 div.link-list ul li:nth-child(5) a,.area_tab.active05 div.link-list ul li:nth-child(5) span,
    .area_tab.active06 div.link-list ul li:nth-child(6) a,.area_tab.active06 div.link-list ul li:nth-child(6) span,
    .area_tab.active07 div.link-list ul li:nth-child(7) a,.area_tab.active07 div.link-list ul li:nth-child(7) span,
    .area_tab.active08 div.link-list ul li:nth-child(8) a,.area_tab.active08 div.link-list ul li:nth-child(8) span,
    .area_tab.active09 div.link-list ul li:nth-child(9) a,.area_tab.active09 div.link-list ul li:nth-child(9) span,
    .area_tab.active010 div.link-list ul li:nth-child(10) a,.area_tab.active10 div.link-list ul li:nth-child(10) span {  padding: 6px 28px 6px 10px; }
    .area_tab.active01 div.link-list ul li:nth-child(1) a::after,.area_tab.active01 div.link-list ul li:nth-child(1) span::after,
    .area_tab.active02 div.link-list ul li:nth-child(2) a::after,.area_tab.active02 div.link-list ul li:nth-child(2) span::after,
    .area_tab.active03 div.link-list ul li:nth-child(3) a::after,.area_tab.active03 div.link-list ul li:nth-child(3) span::after,
    .area_tab.active04 div.link-list ul li:nth-child(4) a::after,.area_tab.active04 div.link-list ul li:nth-child(4) span::after,
    .area_tab.active05 div.link-list ul li:nth-child(5) a::after,.area_tab.active05 div.link-list ul li:nth-child(5) span::after,
    .area_tab.active06 div.link-list ul li:nth-child(6) a::after,.area_tab.active06 div.link-list ul li:nth-child(6) span::after,
    .area_tab.active07 div.link-list ul li:nth-child(7) a::after,.area_tab.active07 div.link-list ul li:nth-child(7) span::after,
    .area_tab.active08 div.link-list ul li:nth-child(8) a::after,.area_tab.active08 div.link-list ul li:nth-child(8) span::after,
    .area_tab.active09 div.link-list ul li:nth-child(9) a::after,.area_tab.active09 div.link-list ul li:nth-child(9) span::after,
    .area_tab.active010 div.link-list ul li:nth-child(10) a::after,.area_tab.active10 div.link-list ul li:nth-child(10) span::after{ right: 8px;}
    .area_tab div.link-list ul { overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap; justify-content: flex-start; white-space: nowrap; } 
    .area_tab div.link-list ul li{padding: 0 4px;  flex:1;}
}
@media only screen and (max-width: 640px) {
    .area_auto .product_box { width: 100%; padding: 20px 0 50px; flex: 0 0 100%; margin: 0 0 20px; }
    .area_auto .product_box .product_name{ width: 100%;}
    .area_auto .product_box .product_img img{ aspect-ratio: 5/2.6;}
    .area_auto .product_offer{ display: none;}
    .area_auto.come_title>.module-container>.main>.header-title{ font-size: 24px;}
}

/* 主題館-手動上行程模組 */
.area_custom{ margin-bottom: 50px;}
.area_custom.come_title>.module-container>.main>.header-title{ margin: 28px auto 34px; }
.row.header+.row .block-item+.block-item .area_custom>.module-container>.main>.header-title{margin-top: 0;}
.area_custom .list-wrapper { margin-top: 0; margin-bottom:0; padding-right: 0; padding-left: 0; }
.area_custom .list-wrapper .row { position: relative; float: left; transition: .5s; background-color: #FFF; margin: 0; width: 100%; display: block; border-bottom:0; padding: 15px; border-bottom: 3px solid #e3e1e1; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.05); }
.area_custom .list-wrapper .row+.row{ margin-top: 25px;}
.area_custom .list-wrapper .pic-block { width: 28.3%; max-width:initial; height: 100%; background-repeat: no-repeat; float: left; overflow: hidden; vertical-align: middle; clear: right; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; background: url(https://materials.fillo.com.tw/materials/peacetour/images/6db6a023-ae7a-4851-9b1a-8d5e8007bede.jpeg) no-repeat center; background-size: 100%; margin: 0; padding: 0; }
.area_custom .list-wrapper .pic-block img { width: 100%; height: auto; transform: scale(1); transition: 1.0s; aspect-ratio: 5 / 2.86; object-fit: cover; object-position: center center;  }
.area_custom .list-wrapper .pic-block img:hover { transform: scale(1.1); transition: .9s;}
.area_custom .list-wrapper .price-block{ width: 100%; max-width: initial; text-align: right; left: 0; position: absolute; background:transparent; color: #e20111; font-weight: 700; font-size:20px; padding: 2%; }
.area_custom .list-wrapper .price-block::before { content: "NT$"; padding-right: 2px; }
.area_custom .list-wrapper .price-block::after { content: "起"; padding-left: 2px; }
.area_custom .list-wrapper .name-block { padding-top: 0; padding-bottom: 0; padding-right: 0; float: left; width: 98%; max-width: initial; color: #333; display: table; text-indent: 0; margin: 20px 0; padding-left: 46px; }
.area_custom .list-wrapper .name-block a{font-size: 19px; font-weight: 600; color: #333333; text-decoration: none; line-height: 1.5em;}
.area_custom .list-wrapper .note-block{ position: relative; padding-top: 0; padding-right: 0; padding-bottom: 0; width: 100%; max-width: inherit; float: left; font-size: 15px; color: #333333; font-weight: 400; padding-left: 46px;}
.area_custom .list-wrapper .note-block>* { margin-bottom: 6px; position: relative;}
.area_custom .list-wrapper .note-block>div { font-size: 15px; color: #18add2; font-weight: 400; margin-bottom: 16px; }
.area_custom .list-wrapper .note-block>p { font-size: 16px; margin-left: 22px; padding-left: 70px; word-break: break-all; }
.area_custom .list-wrapper .note-block>p::before{ content: "出發日期:"; position: absolute; width: 110px; height: 20px; top: 0px; left: -23px; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/8d23020f-7d47-4246-886c-b931775880d4.svg); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding-left: 23px; }
@media screen and (min-width: 981px) {
    .area_custom .list-wrapper .name-block{ width: 56%; }
    .area_custom .list-wrapper .price-block{  width: 18%; float: right; text-align: center; right: 0; position: absolute; line-height: 1.8; font-size: 20px; left: unset; display: flex; justify-content: flex-end; padding: 18px 2% 30px 10px;}
    .area_custom .list-wrapper .note-block{ width: 63%; }
}
@media(min-width: 981px) and (max-width:1269px) {
    .area_custom .list-wrapper .pic-block{ width:27%; }
    .area_custom .list-wrapper .price-block{ width: 20%; }
    .area_custom .list-wrapper .name-block{ width: 53%; }
    .area_custom .list-wrapper .note-block{ width: 53%; }
}
@media only screen and (max-width: 980px) {
    .area_custom .list-wrapper{ display: flex; flex-wrap: wrap;}
    .area_custom .list-wrapper .row { width: 48%; margin: 0 1% 25px 1%; flex: 0 0 48%; padding: 0 0 40px; }
    .area_custom .list-wrapper .row+.row { margin-top: 0; }
    .area_custom .list-wrapper .pic-block{ width: 100%; height: auto;}
    .area_custom .list-wrapper .pic-block img:hover {  transform: initial;}
    .area_custom .list-wrapper .name-block{ width: 100%; padding-left: 0;}
    .area_custom .list-wrapper .name-block a{ font-size: 16px; padding-left: 15px; padding-right: 15px;}
    .area_custom .list-wrapper .note-block{padding-left: 18px;}
    .area_custom .list-wrapper .price-block{ bottom: 0; font-size: 16px; padding: 10px 15px 15px 0;}
}
@media only screen and (max-width: 640px) {
    .area_custom .list-wrapper .row{ width: 100%; flex: 0 0 100%; border-bottom:none; }
    .area_custom .list-wrapper .name-block{ width: 100%;}
    .area_custom .list-wrapper .pic-block img{ aspect-ratio: 5/2.6;}
}

/* 共用錨點頁籤 */
.id_name{ font-size:0}
.anchor_nav{ margin-bottom: 20px; }
.anchor_nav div.link-list { background: transparent; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #dadada; }
.anchor_nav div.link-list ul,.anchor_nav div.link-list li { text-align: center;  }
.anchor_nav div.link-list ul li { text-align: center; margin: 0 15px; }
.anchor_nav div.link-list ul li i { font-size: 16px; margin-right: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.anchor_nav div.link-list ul li a,.anchor_nav div.link-list ul li span{ position: relative; padding: 5px;}
.anchor_nav div.link-list ul li a:after,.anchor_nav div.link-list ul li span:after { position: absolute; top: 100%; left: 0%; content: ""; width: 0; height: 2px; background: #fd6a77;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.anchor_nav div.link-list ul li:hover a:after,.anchor_nav div.link-list ul li:hover span:after{ width: 100%;}
/*錨點頁籤的icon顏色*/
.anchor_nav div.link-list ul li i{ color: #46b7c8;}
/*錨點頁籤滑鼠移過去的icon顏色*/
.anchor_nav div.link-list ul li:hover i{ color: #fd6a77;}
/*錨點頁籤滑鼠移過去的下方線顏色*/
.anchor_nav div.link-list ul li span:after,
.anchor_nav div.link-list ul li a:after{ background: #fd6a77;}

@media only screen and (max-width: 767px) {
    .anchor_nav div.link-list ul li { margin: 0 5px; }
    .anchor_nav div.link-list ul li a,.anchor_nav div.link-list ul li span{ font-size: 15px !important; padding: 0;}
    .anchor_nav div.link-list ul li i{ display: block;}
}

/**** 促銷專區 ****/
/* 主圖 */
.dict_top .carousel-control-next,.dict_top .carousel-control-prev,.dict_top .carousel-indicators{ display: none;}
/* 優惠主題頁籤 */
.dict_tab div.link-list { background: transparent;}
.dict_tab section.text-link { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; }
.dict_tab section.text-link h2 { position: relative; font-size: 20px; letter-spacing: 1px; margin-bottom: 0; padding-right:12px; padding-left:29px; color: #ffffff; font-weight: 400; }
.dict_tab section.text-link h2::before{ content: ""; position: absolute; width: 25px; height: 25px; left: 0; top: 0; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/b99affcc-3652-4de5-b7c7-39337c3101d7.svg) no-repeat center;}
.dict_tab div.link-list ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; padding: 25px 5px;}
.dict_tab div.link-list ul li{ padding: 0 8px;}
.dict_tab  div.link-list ul li i{ display: none;}
.dict_tab div.link-list ul li a,.dict_tab div.link-list ul li span{ position: relative; background: #ffffff; border: 1px solid #d91425; color: #d91425; font-size:22px;
 padding: 6px 35px; border-radius: 5px; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.dict_tab div.link-list ul li a:hover{ background: #F4E4E4; }
.dict_tab div.link-list ul li a::before, .dict_tab div.link-list ul li span::before { content: ""; font-family: Roboto, sans-serif !important; font-size: 32px; font-style: italic; font-weight: 600; line-height: 24px; vertical-align: text-bottom; }
.dict_tab div.link-list ul li:nth-child(1) a::before,.dict_tab div.link-list ul li:nth-child(1) span::before{ content: "1";}
.dict_tab div.link-list ul li:nth-child(2) a::before,.dict_tab div.link-list ul li:nth-child(2) span::before{ content: "2";}
.dict_tab div.link-list ul li:nth-child(3) a::before,.dict_tab div.link-list ul li:nth-child(3) span::before{ content: "3";}
/* 標題 */
.dict_title section { display: table; margin: 0 auto; padding: 0 130px 0 150px; position: relative; }
.dict_title section::before, .dict_title section::after { content: ""; position: absolute; background: #df6f79; width: 124px; height: 1px; bottom: 36px; }
.dict_title section::before { left: 0; }
.dict_title section::after { right: 0; }
.dict_title section h1 { font-size: 28px; color: #d91425; letter-spacing: 1.5px; padding: 50px 20px 20px 96px; position: relative; margin-bottom: 0; }
.dict_title section h1::before { content: ""; position: absolute; width: 88px; height: 88px; left: 0; top: 20px; }
.dict_title section#tab01 h1::before { background: url(https://materials.fillo.com.tw/materials/comebesttour/images/72863078-de0d-4562-a148-078561b6c2c7.svg) no-repeat center; }
.dict_title section#tab02 h1::before { background: url(https://materials.fillo.com.tw/materials/comebesttour/images/cdcdc1a9-33aa-4a44-839f-c35f4b99811c.svg) no-repeat center; }
.dict_title section#tab03 h1::before { background: url(https://materials.fillo.com.tw/materials/comebesttour/images/0e71a42a-87a5-4690-a9c0-458492bf1d93.svg) no-repeat center; }
/* 區域頁籤 */
.discount_area_tab>.module-container>.main { padding-top: 20px; padding-bottom: 10px; border-bottom: 2px solid #eeeeee; }
.discount_area_tab ul{ padding-bottom: 12px;}
.discount_area_tab ul>li { min-width: 110px; }
.discount_area_tab ul>li+li { padding-left: 12px; }
.discount_area_tab .nav-pills .nav-link { position: relative; border-radius: 25px; border: 1px solid #acacac; background-color: #ffffff; 
  padding: 4px 6px; font-size: 18px; text-align: center; color: #545454;  -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.discount_area_tab .nav-pills .nav-link:hover,.discount_area_tab .nav-pills .nav-link.active,.discount_area_tab .nav-pills .show>.nav-link { color: #fff; background-color: #545454; border-color: #545454; padding: 4px 6px; }
.discount_area_tab .nav-pills .nav-link.active{padding: 4px 28px 4px 12px;}
.discount_area_tab .nav-pills .nav-link.active:after { content: ""; position: absolute; right: 8px; bottom: 6px; width: 20px; height: 20px; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/e039fc0c-7c9d-4208-a1a1-4d1243c41819.svg) no-repeat center; }
/* 行程內容 */
.dict_route{ padding-top: 35px;}
.dict_route .falls-container .grid { height: auto !important;  padding-bottom: 35px;}
.dict_route .grid .grid-item { position: relative !important;  transform: initial !important; transition: 0.5s;  background: #ffffff; border: 1px solid #bdbdbd; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.1); margin:10px 15px 20px; padding: 0 0 45px; overflow: hidden; z-index: 0; max-width: calc(33.333333% - 30px); left: initial !important; top: initial !important; } 
.dict_route .grid .grid-item:hover{ border: 1px solid #cf0b1f;}
.dict_route .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 5/3.4; object-fit: cover; object-position: center center; }
.dict_route .falls-container .grid .grid-item p { display: none;}
.dict_route .falls-container .grid .grid-item h3 {  color: #000000; margin: 0; position: relative; line-height: 26px; padding: 15px 20px 5px; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-overflow: ellipsis; overflow: hidden; z-index: 0; }
.dict_route .falls-container .grid .grid-item h4{  color: #18add2; font-size: 16px; font-weight: 400; line-height: 26px;  margin: 0; padding: 5px 20px; text-align: justify; transition: 0.5s; }
.dict_route .falls-container .grid .grid-item h5{ position: relative; color: #000000; font-size: 16px; font-weight: 400; line-height: 26px;  margin: 0; padding: 5px 20px 5px 38px; text-align: justify; transition: 0.5s; }
.dict_route .falls-container .grid .grid-item h5::before { content: ""; position: absolute; left: 20px; top: 10px; background-position: center; background-repeat: no-repeat; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/8d23020f-7d47-4246-886c-b931775880d4.svg); width: 16px; height: 16px; }
.dict_route img { z-index: -1;  position: relative;}
.dict_route .route_price{ position: absolute; width: 100%; height: 34px; padding: 4px 20px; text-align: right; bottom:15px; left: 0; font-size: 20px; font-weight: 600; font-family: 'Roboto', sans-serif !important; color:#e20111; transition: 0.5s; }
.dict_route .route_price>span::before{ content: "＄"; padding-right: 3px;  font-size: 14px;}
.dict_route .route_price>span::after{ content: "元起"; padding-left: 3px; font-size: 14px; font-weight: 400;}
@media (max-width: 1199px) {
    .discount_area_tab ul>li { min-width: 100px; }
}
@media (max-width: 991px) {
    .dict_tab section.text-link h2 { font-size: 16px; letter-spacing: 0; padding-right: 8px; padding-left: 22px; }
    .dict_tab section.text-link h2::before { width: 20px; height: 20px; }
    .dict_tab div.link-list ul li a, .dict_tab div.link-list ul li span { font-size: 18px; padding: 6px 20px;}
    .dict_tab div.link-list ul li a::before, .dict_tab div.link-list ul li span::before{ font-size: 28px;}
    .discount_area_tab ul>li+li { padding-left: 8px; }
    .discount_area_tab ul>li { min-width: 80px; }
	.discount_area_tab .nav-pills .nav-link { font-size: 16px; }
    .dict_route .grid .grid-item{ max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); }
}
@media (max-width: 767px) {
    .dict_tab section.text-link h2 { padding-right: 0; }
    .dict_tab div.link-list ul{ padding: 20px 5px;}
    .dict_tab div.link-list ul li { padding: 0 4px; }
    .dict_tab div.link-list ul li a, .dict_tab div.link-list ul li span { font-size: 17px; padding: 6px 10px; }
    .dict_tab div.link-list ul li a::before, .dict_tab div.link-list ul li span::before { font-size: 24px; line-height: 20px; }
    .dict_title section { padding: 0 80px 0 90px; }
    .dict_title section::before, .dict_title section::after { width: 80px; }
    .dict_title section h1 { font-size: 24px; padding: 50px 10px 20px 76px; }
    .dict_title section h1::before { width: 70px; height: 70px; top: 25px; }
    .discount_area_tab>.module-container>.main>.blk-tabs { display: block; }
    .discount_area_tab .nav { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0 15px; text-align: center; }
    .discount_area_tab .nav li.nav-item { display: inline-block; }
    .dict_route .route_price{ font-size: 16px; }
}
@media (max-width: 575px) {
    .dict_tab section.text-link{ padding: 10px 0 10px 10px; display: block;}
    .dict_tab section.text-link h2{ -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .dict_tab div.link-list ul { padding: 10px 0 5px; display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
    .dict_tab div.link-list ul li{ padding: 0 2px;}
    .dict_tab div.link-list ul li a, .dict_tab div.link-list ul li span{ font-size: 16px; padding: 6px;}
    .dict_tab div.link-list ul li a::before, .dict_tab div.link-list ul li span::before{ font-size: 20px;}
    .discount_area_tab .nav>.nav-item+.nav-item { padding-left: 4px; }
    .dict_title section { padding: 0 40px 0 50px; }
    .dict_title section::before, .dict_title section::after { width: 40px; bottom: 30px; }
    .dict_title section h1 { font-size: 20px; padding: 40px 10px 20px 55px; }
    .dict_title section h1::before { width: 50px; height: 50px; top: 30px; }
    .dict_route .grid .grid-item { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
    .dict_route .falls-container .grid .grid-item h4{ font-size: 15px; line-height: 24px;}
    .dict_route .falls-container .grid .grid-item h5{ font-size: 15px; line-height: 24px;}
    .dict_route .route_price{ bottom: 10px; }
}

/* 達人帶路主頁(列表頁) */
.craftsman_list_top section{ text-align: center;}
.craftsman_list_top section h1{ display: table; margin: 0 auto; padding-bottom: 8px; font-size: 36px; letter-spacing: 3px; border-bottom: 2px solid #e20111; }
.craftsman_list_top section h2 { font-size: 18px; padding-top: 8px; font-family: Roboto, sans-serif !important; letter-spacing: 0.5px; }
.craftsman_list_top section p{ font-size: 16px; line-height: 30px; letter-spacing: 0.2px; max-width: 700px; margin: 30px auto 10px; padding: 0 10px; }
.craftsman_list{ padding-top: 40px;}
.craftsman_list .falls-container .grid { height: auto !important;  padding-bottom: 35px;}
.craftsman_list .grid .grid-item {position: relative !important; transform: initial !important;  background: #f9f3f3; border: 1px solid #fac8cc; border-radius: 6px; margin: 10px 15px 20px; padding: 0 0 70px; overflow: hidden; z-index: 0; max-width: calc(33.333333% - 30px); left: initial !important; top: initial !important;} 
.craftsman_list .grid .grid-item:nth-child(even) { background: #f4f4f4; border: 1px solid #d1d1d1; }
.craftsman_list .grid .grid-item::before { content: "跟團去"; position: absolute; transition: 0.5s; bottom: 25px; left: 50%; transform: translate(-50%, 0); font-size: 15px; color: #ffffff; letter-spacing: 0.5px; padding-left: 4px; padding-right: 24px; z-index: 1; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/ee91e59c-4239-44d5-9719-fa15b8453ecc.svg) no-repeat; background-position: right top 2px; background-size: 20px; }
.craftsman_list .grid .grid-item:hover::before {background-position: right -4px top 2px; }
.craftsman_list .grid .grid-item::after{ content: ""; position: absolute; background: #f2515c; transition: 0.5s; border-radius: 6px; width: 96px; height: 32px; bottom: 20px; left: 50%; transform: translate(-50%, 0); }
.craftsman_list .grid .grid-item:hover::after{ background: #e20111;}
.craftsman_list .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio:5/4.25; object-fit: cover; object-position: center center; }
.craftsman_list .falls-container .grid .grid-item article { position: relative; color: #545454; font-size: 15px; line-height: 30px; padding: 35px 26px 0; }
.craftsman_list .falls-container .grid .grid-item p { display: none;}
.craftsman_list .falls-container .grid .grid-item h2{ text-align: center; background: #ffffff; font-size: 22px; box-shadow: 1.6px 3.7px 1.9px 0.1px rgba(0, 0, 0, 0.05); padding: 14px 10px; position: absolute; top: -25px; left: 50%; transform: translate(-50%, 0); min-width: 220px; }
.craftsman_list .falls-container .grid .grid-item h2 span{ position: relative; font-size: 16px; font-weight: 400; padding-left: 33px;}
.craftsman_list .falls-container .grid .grid-item h2 span::before { content: ""; position: absolute; width: 18px; height: 1px; background: #e20111; transform: rotate(120deg); left: 10px; top: 9px; }
.craftsman_list .falls-container .grid .grid-item h3 { color: #333333; margin: 0; position: relative; line-height: 26px; padding: 15px 20px 8px; font-size: 16px; }
.craftsman_list .falls-container .grid .grid-item h3::before { content: ""; position: absolute; left: 0; top: 20px; background-position: center; background-repeat: no-repeat; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/bad27368-5aee-461c-a039-d41ac825f277.svg); width: 16px; height: 16px; }
.craftsman_list .falls-container .grid .grid-item article div{ letter-spacing: 0.5px; text-align: justify;}
.craftsman_list img { z-index: -1;  position: relative;}
@media (max-width: 991px) {
    .craftsman_list .grid .grid-item{ max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); }
}
@media (max-width: 767px) {
    .craftsman_list_top section h1{ font-size:28px;}
}
@media (max-width: 575px) {
    .craftsman_list_top .module-container .bgfixed,.craftsman_list_top .module-container .bgfixed>div{ min-height: 300px !important;}
    .craftsman_list_top section p { font-size: 15px; padding: 0 15px; line-height: 24px; margin: 20px auto; }
    .craftsman_list .grid .grid-item { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
}

/* 達人帶路內頁 */
.craftsman_content_top .carousel-indicators,.craftsman_content_top .carousel-control-next,.craftsman_content_top .carousel-control-prev{ display: none; }
.craftsman_content_title h1{ color: #333333; font-size: 32px; font-weight: 600; display: table; margin: 50px auto 40px; padding-bottom: 15px; border-bottom: 4px solid #ffd3d6; letter-spacing: 2px; }
.craftsman_content_title span{ position: relative; padding-left: 40px; }
.craftsman_content_title span::before{ content: ""; position: absolute; left: 5px; top: 4px; background-position: center; background-repeat: no-repeat; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/bad27368-5aee-461c-a039-d41ac825f277.svg); width: 30px; height: 30px; transform: rotate(-15deg); }
.craftsman_route_block { max-width: 1200px; margin: 0 auto; }
.craftsman_route_block:last-child { margin-bottom: 60px; }
.craftsman_route_block+.craftsman_route_block { margin-top: 60px; }
.craftsman_route_block>.module-container>.main.row::before { content: ""; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/e637688d-43d5-4c3c-a908-f63e6c5c080a.jpg) left top; position: absolute; width: 100%; height: 165px; left: 0; top: 0; }
.craftsman_route_block .header-title.dp-tbl { width: 100px; height: 96px; position: absolute; background: #f2cccf; top: -10px; left: 36px; font-size: 46px; color: #e20111; font-family: Roboto, sans-serif !important; font-weight: 600; text-align: center; line-height: 96px; }
.craftsman_content_route .mix-wrapper { padding: 20px 0px 20px 36px; }
.craftsman_content_route .mix-wrapper>.row{ margin-right: 0;}
.craftsman_content_route .mix-wrapper .pic-content.img-mode { -ms-flex: 0 0 39%; flex: 0 0 39%; max-width: 39%; padding-right: 0; }
.craftsman_content_route .mix-wrapper .img-fluid { border-top-left-radius: 20px; border-bottom-left-radius: 10px; aspect-ratio: 5 / 4.05; object-fit: cover; object-position: center center; }
.craftsman_content_route .mix-wrapper .editor-content section { max-width: 620px; padding: 90px 20px 20px 0; }
.craftsman_content_route .mix-wrapper .editor-content section h2 { font-size: 24px; font-weight: 600; margin-bottom: 24px; line-height: 36px; }
.craftsman_content_route .mix-wrapper .editor-content section h2 a { color: #333333; text-decoration: none; transition: 0.2s; }
.craftsman_content_route .mix-wrapper .editor-content section h2:hover a { color:#e20111; text-decoration:underline; }
.craftsman_content_route .mix-wrapper .editor-content section p{  line-height: 28px; margin-bottom: 24px;}
.craftsman_content_route .mix-wrapper .editor-content section div.r_date { font-weight: 500; font-family: Roboto, sans-serif !important; padding-left: 18px; position: relative; color: #333333; }
.craftsman_content_route .mix-wrapper .editor-content section div.r_date::before { content: "出發日"; padding-right: 10px; }
.craftsman_content_route .mix-wrapper .editor-content section div.r_date::after{ content: ""; position:absolute; width: 15px; height: 15px; left: 0; top: 4px;
    background: url(https://materials.fillo.com.tw/materials/comebesttour/images/8d23020f-7d47-4246-886c-b931775880d4.svg) no-repeat center; opacity: 0.6;}
.craftsman_content_article .header-title { color: #e25555; font-size: 20px; margin-left: 40px; margin-right: 40px; padding-bottom: 10px; border-bottom: 1px solid #f6838b; font-weight: 600; letter-spacing: 1px; }
.craftsman_content_article .swiper-container{ margin: 0;}
.craftsman_content_article .swiper-slide-style { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: transparent; box-shadow: none; border-radius: 0; margin-top: 0; margin-bottom: 0; padding: 40px 60px 65px;}
.craftsman_content_article .swiper-slide .swiper-img { -ms-flex: 0 0 34%; flex: 0 0 34%;  margin-bottom: 0;}
.craftsman_content_article .swiper-slide .swiper-img img{ border-radius: 0; border: 10px solid #ffffff; aspect-ratio: 5 / 4.05; object-fit: cover; object-position: center center;}
.craftsman_content_article .swiper-slide .swiper-content {-ms-flex: 0 0 66%;  flex: 0 0 66%; margin-bottom: 0; overflow: visible;  display: flex; flex-flow: column;  justify-content: center; color: #333333; font-size: 18px; padding: 0 20px 0 60px;}
.craftsman_content_article .swiper-slide .swiper-content h3 { margin-bottom: 25px; color: #333333; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: 0; }
.craftsman_content_article .swiper-slide .swiper-content p{ font-size: 16px; line-height: 28px; margin-bottom: 30px; letter-spacing: 0; color: #333333; }
.craftsman_content_article .swiper-slide .swiper-content .more{ background: #f2cccf; width: 90px; border-radius: 20px; color: #e20111; font-size: 15px; text-align: center; padding: 4px; transition: 0.5s;}
.craftsman_content_article .swiper-slide .swiper-content .more:hover{background: #e20111; color: #ffffff; }
.craftsman_content_article .swiper-button-prev, .craftsman_content_article .swiper-button-next{  top: initial; bottom: 15px; font-size: 0; width: 50px; height: 50px; opacity: 1;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.craftsman_content_article .swiper-button-prev,.craftsman_content_article .swiper-container-rtl .swiper-button-next{ right: 100px; left: initial;}
.craftsman_content_article .swiper-button-next,.craftsman_content_article .swiper-container-rtl .swiper-button-prev{right: 40px;}
.craftsman_content_article .swiper-button-next:after, .craftsman_content_article .swiper-container-rtl .swiper-button-prev:after, .craftsman_content_article .swiper-button-prev:after, .craftsman_content_article .swiper-container-rtl .swiper-button-next:after{
    padding: 0; font-size: 0; width: 35px; height: 35px; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/bac6c4a9-ca79-47d5-acc9-adeac38523e4.svg) no-repeat center;}
.craftsman_content_article .swiper-button-prev:after {transform:scaleX(-1);}
.craftsman_content_article .swiper-button-prev.swiper-button-disabled,.craftsman_content_article .swiper-button-next.swiper-button-disabled,
.craftsman_content_article .swiper-button-prev.swiper-button-disabled:hover,.craftsman_content_article .swiper-button-next.swiper-button-disabled:hover{ opacity: 0.5;}
.craftsman_link{ margin-top: 40px;}
.craftsman_link .link.text-link { border: 1px solid #f6838b; display: -ms-flexbox; display: flex; }
.craftsman_link section.text-link h2 { padding: 20px 35px; margin-bottom: 0; background: #f9f3f3; display: flex; align-items: center; }
.craftsman_link div.link-list{ padding: 10px 20px;}
.craftsman_link div.link-list ul { display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; }
.craftsman_link div.link-list ul li a,.craftsman_link div.link-list ul li span { line-height: 20px; padding: 0 20px; }
.craftsman_link div.link-list ul li+li a,.craftsman_link div.link-list ul li+li span{border-left: 1px solid #b5b5b5;}
.craftsman_goback{ margin-top: 40px; margin-bottom: 40px; }
.craftsman_goback .function-row li{ margin: 0 auto; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; }
.craftsman_goback .function-row li a{ padding: 15px 5px; width: 200px; transition: 0.5s; }
.craftsman_goback .function-row li a:hover{ background-color:#f2cccf !important;}
.craftsman_goback .function-row li a h3{ margin-top: 0;}
@media (max-width: 1240px) {
    .craftsman_route_block { max-width: 95%; }
}
@media (max-width: 991px){
    .craftsman_route_block .header-title.dp-tbl { width: 80px; height: 76px; left: 36px; font-size: 36px; line-height: 76px; }
    .craftsman_content_route .mix-wrapper .editor-content section h2 { font-size: 20px; line-height: 32px; }
    .craftsman_content_article .swiper-slide-style{ padding: 40px 40px 65px;}
}
@media (max-width: 767px){
    .craftsman_content_title h1{ font-size: 26px;}
    .craftsman_content_title span { padding-left: 30px; }
    .craftsman_content_title span::before{ width: 22px; height: 22px;}
    .craftsman_content_route .mix-wrapper { padding: 65px 36px 20px 36px; }
    .craftsman_content_route .mix-wrapper .pic-content.img-mode { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 15px; }
    .craftsman_content_route .mix-wrapper .img-fluid{ border-radius: 10px; aspect-ratio: 5 / 3;}
    .craftsman_content_route .mix-wrapper>.row{ margin-right: -15px;}
    .craftsman_content_route .mix-wrapper .editor-content section {  padding:0; }
    .craftsman_content_route .mix-wrapper .editor-content section h2{ margin-bottom: 18px;}
    .craftsman_content_route .mix-wrapper .editor-content section p{ font-size: 15px;}
    .craftsman_content_article .header-title{ font-size: 18px;}
    .craftsman_content_article .swiper-slide .swiper-img { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .craftsman_content_article .swiper-slide .swiper-content { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 20px 10px 0; }
    .craftsman_content_article .swiper-slide .swiper-content h3 { margin-bottom: 18px; font-size: 18px; }
    .craftsman_content_article .swiper-slide .swiper-content p { font-size: 15px; margin-bottom: 20px; }
    .craftsman_content_article .swiper-slide .swiper-img img{ aspect-ratio: 5 / 3;}
    .craftsman_content_article .swiper-button-next, .craftsman_content_article .swiper-container-rtl .swiper-button-prev{ right: 30%;}
    .craftsman_content_article .swiper-button-prev, .craftsman_content_article .swiper-container-rtl .swiper-button-next{ left: 30%;}
    .craftsman_link section.text-link h2{ padding: 10px 20px; font-size: 15px !important;}
    .craftsman_link div.link-list { padding: 10px;  } 
    .craftsman_link div.link-list ul li a, .craftsman_link div.link-list ul li span{ padding: 0 10px; font-size: 15px !important;}
    .craftsman_link div.link-list ul li+li a, .craftsman_link div.link-list ul li+li span {  border-left: 0 }
}
@media (max-width: 575px){
    .craftsman_content_route .mix-wrapper { padding: 65px 20px 20px 20px; }
    .craftsman_route_block .header-title.dp-tbl { width: 70px; height: 66px; left: 20px; font-size: 26px; line-height: 66px; }
    .craftsman_content_article .header-title{margin-left: 20px; margin-right: 20px;}
    .craftsman_content_article .swiper-slide-style { padding: 40px 20px 65px; }
    .craftsman_link .link.text-link{ flex-flow: column;}
    .craftsman_goback .function-row li a { padding: 10px 5px; width: 180px; }
}

/**** 活動頁01-頁籤切換內容 ****/
/** 主圖 **/
.event_t01_top .carousel-control-next,.event_t01_top .carousel-control-prev,.event_t01_top .carousel-indicators{ display: none;}

/** 頁籤 **/
.event_t01_tab>.module-container>.main { padding-top: 20px; padding-bottom: 10px; }
.event_t01_tab ul{ padding-bottom: 12px;}
.event_t01_tab ul>li { min-width: 110px; }
.event_t01_tab ul>li+li { padding-left: 12px; }
.event_t01_tab .nav-pills .nav-link { position: relative; border-radius: 10px; border: 1px solid; padding: 4px 6px; text-align: center; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.event_t01_tab .nav-pills .nav-link:hover,.event_t01_tab .nav-pills .nav-link.active,.event_t01_tab .nav-pills .show>.nav-link {  padding: 4px 6px; }
.event_t01_tab .nav-pills .nav-link.active{padding: 4px 28px 4px 12px;}
.event_t01_tab .nav-pills .nav-link.active:after { content: ""; position: absolute; right: 8px; bottom: 6px; width: 20px; height: 20px; background: url(https://www.comebesttour.com.tw/material-alias/首頁/event_arrow_w.svg) no-repeat center; }

/* 頁籤 */
.event_t01_tab .nav-pills .nav-link { font-size: 18px;/*字級*/ color: #bd6718;/*字顏色*/ border-color: #d69e6b;/*邊框顏色*/ background-color: #ffffff;/*背景色*/ }
/* 頁籤滑鼠移過顏色 */
.event_t01_tab .nav-pills .nav-link:hover,.event_t01_tab .nav-pills .nav-link.active,
.event_t01_tab .nav-pills .show>.nav-link { color: #fff;/*字顏色*/ background-color: #bd6718;/*背景色*/ border-color: #bd6718;/*邊框顏色*/ }

/** 大標題 **/
.event_t01_title section { text-align: center; margin: 65px auto ; }
.event_t01_title section h1 { position: relative;  padding: 0 80px; letter-spacing: 0.6px; margin: 0 auto 20px; display: table; }
.event_t01_title section h1::before { content: ""; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 56px; height: 1px; }
.event_t01_title section h1::after { content: ""; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 56px; height: 1px;}
.event_t01_title section h2 { letter-spacing: 1px; display: table; margin: 0 auto; }

/* 大標題主文字題色 */
.event_t01_title section h1{ font-size: 36px; color:#81460f;}
/* 大標題主文字左右線顏色 */
.event_t01_title section h1::before,.event_t01_title section h1::after { background-color:#81460f; }
/* 大標題敘述文字 */
.event_t01_title section h2{ font-size: 19px;/*字級*/ color:#bd6718;/*字顏色*/}

/** 行程內容 **/
.event_t01_route .falls-container .grid { height: auto !important;  padding-bottom: 35px;}
.event_t01_route .grid .grid-item { position: relative !important;  transform: initial !important; transition: 0.5s; margin:10px 25px 25px; padding: 0 0 55px; overflow: hidden; z-index: 0; max-width: calc(50% - 50px); left: initial !important; top: initial !important; } 
.event_t01_route .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 5/2.72; object-fit: cover; object-position: center center; }
.event_t01_route .falls-container .grid .grid-item p { display: none;}
.event_t01_route .falls-container .grid .grid-item h3 { margin: 0; position: relative; line-height: 26px; padding: 23px 20px 15px;  z-index: 0; }
.event_t01_route .falls-container .grid .grid-item h4{ position: absolute; top: 0; left: 0; font-weight: 400; line-height: 26px; margin: 0; padding: 8px 25px 8px 45px; border-bottom-right-radius: 10px; text-align: justify; transition: 0.5s; }
.event_t01_route .falls-container .grid .grid-item h4::before{ content:""; position: absolute; background:url(https://www.comebesttour.com.tw/material-alias/首頁/event_star_Icon.svg) no-repeat center; width: 20px; height: 20px; left: 20px; top: 10px;}
.event_t01_route img { z-index: -1;  position: relative;}
.event_t01_route .route_price{ position: absolute; width: 100%; height: 34px; padding: 4px 20px; text-align: right; bottom:20px; left: 0; font-weight: 600; font-family: 'Roboto', sans-serif !important; transition: 0.5s; }
.event_t01_route .route_price>span::before{ content: "＄"; padding-right: 3px;  font-size: 14px;}
.event_t01_route .route_price>span::after{ content: "元起"; padding-left: 3px; font-size: 14px; font-weight: 400;}

/* 行程內容背景色 */
.event_t01_route .grid .grid-item { background: #fbf4ed;}
/* 行程內容主標題 */
.event_t01_route .falls-container .grid .grid-item h3 { font-size: 18px;/*字級*/ color: #333333;/*字顏色*/}
/* 行程內容小標題 */
.event_t01_route .falls-container .grid .grid-item h4{ font-size: 18px;/*字級*/ color: #ffffff;/*字顏色*/; background-color:#ee9913;/*背景色*/}
/* 行程內容價格 */
.event_t01_route .route_price{ font-size: 20px; color:#e67917;  }

@media (max-width: 1199px) {
    .event_t01_tab ul>li { min-width: 100px; }
}
@media (max-width: 991px) {
    .event_t01_tab ul>li+li { padding-left: 8px; }
    .event_t01_tab ul>li { min-width: 80px; }
	.event_t01_tab .nav-pills .nav-link { font-size: 16px; }
}
@media (max-width: 767px) {
    .event_t01_tab>.module-container>.main>.blk-tabs { display: block; }
    .event_t01_tab .nav { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0 15px; text-align: center; }
    .event_t01_tab .nav li.nav-item { display: inline-block; }
    .event_t01_route .grid .grid-item { margin:10px 15px 20px; max-width: calc(50% - 30px); -ms-flex: 0 0 calc(50% - 30px); flex: 0 0 calc(50% - 30px); }
    .event_t01_route .route_price{ font-size: 16px; }
}
@media (max-width: 575px) {
    .event_t01_tab .nav>.nav-item+.nav-item { padding-left: 4px; }
    .event_t01_title section { margin: 50px auto; }
    .event_t01_title section h1{ font-size: 28px !important; }
    .event_t01_title section h2{ font-size: 16px !important;}
    .event_t01_route .grid .grid-item { max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
    .event_t01_route .falls-container .grid .grid-item h4{ font-size: 16px !important; line-height: 24px;}
    .event_t01_route .grid .grid-item{ padding: 0 0 45px;}
    .event_t01_route .falls-container .grid .grid-item h3 { font-size: 16px !important; padding: 20px 15px 5px; }
    .event_t01_route .falls-container .grid .grid-item h4::before{ left: 13px;}
    .event_t01_route .falls-container .grid .grid-item h4 {padding: 8px 15px 8px 35px;}
    .event_t01_route .route_price { padding: 4px 15px; font-size: 18px !important; bottom: 10px;}
}

/**** 活動頁02-錨點圖文 ****/
.block_idName{ font-size: 0;}
/** 頁籤 **/
.event_t02_tab{ position: absolute; bottom: 58px; left: 0; }
.event_t02_tab div.link-list{ background: transparent;}
.event_t02_tab div.link-list ul { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.event_t02_tab div.link-list ul li{ padding: 0 15px;}
.event_t02_tab div.link-list ul li a,.event_t02_tab div.link-list ul li span{ position: relative; font-weight: bold; padding: 10px; width: 120px; height: 120px; border-radius: 50%;display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
     justify-content: center; align-items: center; box-shadow: 4.3px 10.1px 14.7px 1.3px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.event_t02_tab div.link-list ul li a::before,.event_t02_tab div.link-list ul li span::before{ content: ""; opacity: 0; position: absolute; background: url(https://www.comebesttour.com.tw/material-alias/首頁/event_t02_tabArrow.svg) no-repeat center;
     width: 20px; height: 20px; bottom: 15px; left: 50%; transform: translate(-50%, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.event_t02_tab div.link-list ul li:hover a::before,.event_t02_tab div.link-list ul li:hover span::before{ opacity: 1;}
@media (max-width: 991px) {
    .event_t02_tab div.link-list ul li{ padding: 0 10px;}
    .event_t02_tab div.link-list ul li a, .event_t02_tab div.link-list ul li span { width: 100px; height: 100px; font-size: 20px !important; }
}
@media (max-width: 767px) {
    .event_t02_tab div.link-list ul li{ padding: 10px 5px;}
    .event_t02_tab div.link-list ul li a, .event_t02_tab div.link-list ul li span { width: 80px; height: 80px; font-size: 18px !important; }
}
@media (max-width: 575px) {
    .event_t02_tab{bottom: 28px;}
}


/* 頁籤背景色 */
.event_t02_tab div.link-list ul li a,
.event_t02_tab div.link-list ul li span {  background: #ffffff;}
/* 頁籤滑鼠移過顏色 */
.event_t02_tab div.link-list ul li:hover a,
.event_t02_tab div.link-list ul li:hover span { background:#28a2dc;/*背景色*/ color: #ffffff !important; /*字顏色*/}


/** 分區標題(有背景圖) **/
.event_t02_title::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.event_t02_title section { z-index: 1; position: relative; text-align: center; display: table; margin: 0 auto; }
.event_t02_title section h1{ margin-bottom: 24px; position: relative;}
.event_t02_title section h1::before{ content: ""; position:absolute; width: 24px; height: 1px; bottom:-12px; left: 50%; transform: translate(-50%, 0);}
.event_t02_title section h2{ font-family: 'Roboto', sans-serif !important}

/* 分區標題(有背景圖)的大標題字級 */
.event_t02_title section h1 { font-size: 40px; }
/* 分區標題(有背景圖)的大標題下方線的顏色 */
.event_t02_title section h1::before{ background-color: #ffffff;}
/* 分區標題(有背景圖)的大小題字級 */
.event_t02_title section h2 { font-size: 24px; }
/* 第1區塊-分區標題(有背景圖)的上方半透明顏色 */
.event_t02_block.block01 .event_t02_title::before { background: rgb(66 159 231 / 60%); }
/* 第2區塊-分區標題(有背景圖)的上方半透明顏色 */
.event_t02_block.block02 .event_t02_title::before { background: rgb(41 134 206 / 60%); }
/* 第3區塊-分區標題(有背景圖)的上方半透明顏色 */
.event_t02_block.block03 .event_t02_title::before { background:rgb(117 157 47 / 61%); }
/* 第4區塊-分區標題(有背景圖)的上方半透明顏色 */
.event_t02_block.block04 .event_t02_title::before { background: rgb(24 159 167 / 60%); }


/** 行程 **/
.event_t02_route{ padding-top: 20px; padding-bottom: 20px; }
.event_t02_route .list-wrapper { margin-top: 0; margin-bottom:0; padding-right: 0; padding-left: 0; }
.event_t02_route .list-wrapper .row { position: relative; float: left; transition: .5s; background-color: #ffffff; margin: 0; width: 100%; display: block; padding:30px 15px; border-bottom: 0; }
.event_t02_route .list-wrapper .row+.row{border-top:1px solid;}
.event_t02_route .list-wrapper .pic-block { width: 32%; max-width:initial; height: 100%; background-repeat: no-repeat; border-radius: 10px; float: left; overflow: hidden; vertical-align: middle; clear: right; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; background: url(https://materials.fillo.com.tw/materials/peacetour/images/6db6a023-ae7a-4851-9b1a-8d5e8007bede.jpeg) no-repeat center; background-size: 100%; margin: 0; padding: 0; }
.event_t02_route .list-wrapper .pic-block img { width: 100%; height: auto;  border-radius: 10px; transform: scale(1); transition: 1.0s; aspect-ratio: 5 / 3.4; object-fit: cover; object-position: center center;  }
.event_t02_route .list-wrapper .pic-block img:hover { transform: scale(1.1); transition: .9s;}
.event_t02_route .list-wrapper .price-block{ width: 100%; max-width: initial; text-align: right; letter-spacing: 0.5px; background:transparent;  font-weight: 700; padding-top: 25px; }
.event_t02_route .list-wrapper .price-block::before { content: "NT$"; padding-right: 5px; font-size: 15px; line-height: 40px;}
.event_t02_route .list-wrapper .price-block::after { content: "元起"; padding-left: 5px; font-size: 15px; line-height: 40px;}
.event_t02_route .list-wrapper .name-block { padding-top: 0; padding-bottom: 0; padding-right: 0; float: left; width: 98%; max-width: initial; display: table; text-indent: 0; margin: 20px 0; padding-left: 46px; }
.event_t02_route .list-wrapper .name-block a{font-weight: 600; text-decoration: none; line-height: 1.5em;}
.event_t02_route .list-wrapper .name-block a div { border-radius: 20px; font-weight: 400; margin-bottom: 25px; display: table; padding: 4px 18px; text-align: center; }
.event_t02_route .list-wrapper .note-block{  padding: 0 0 0 66px; word-break: break-all; width: 100%; max-width: inherit; float: left;  font-weight: 400;}
.event_t02_route .list-wrapper .note-block>* { margin-bottom: 6px; position: relative;}
.event_t02_route .list-wrapper .note-block::before { content: ""; position: absolute; top: 5px; left: 60px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 11px; border-color: transparent transparent transparent #28a3dc; }
@media screen and (min-width: 981px) {
    .event_t02_route .list-wrapper .name-block{ width: 67%; }
    .event_t02_route .list-wrapper .price-block{  width: 67%; float: right; text-align: center; line-height: 1.8; font-size: 20px; display: flex; justify-content: flex-end; }
    .event_t02_route .list-wrapper .note-block{ width: 67%; }
}
@media(min-width: 981px) and (max-width:1269px) {
    .event_t02_route .list-wrapper .pic-block{ width:31%; }
    .event_t02_route .list-wrapper .price-block{ width: 68%; }
    .event_t02_route .list-wrapper .name-block{ width: 68%; }
    .event_t02_route .list-wrapper .note-block{ width: 68%; }
}
@media only screen and (max-width: 980px) {
    .event_t02_route .list-wrapper{ display: flex; flex-wrap: wrap;}
    .event_t02_route .list-wrapper .row { width: 48%; margin: 0 1% 25px 1%; flex: 0 0 48%; padding: 15px;}
    .event_t02_route .list-wrapper .pic-block{ width: 100%; height: auto;}
    .event_t02_route .list-wrapper .pic-block img:hover {  transform: initial;}
    .event_t02_route .list-wrapper .name-block{ width: 100%; padding-left: 0;}
    .event_t02_route .list-wrapper .name-block a{ font-size: 16px; padding-left: 15px; padding-right: 15px;}
    .event_t02_route .list-wrapper .name-block a div{ margin-bottom: 15px;}
    .event_t02_route .list-wrapper .note-block{padding: 0 15px;}
    .event_t02_route .list-wrapper .price-block{ font-size: 16px; padding: 10px 15px 0; float:inherit;}
}
@media only screen and (max-width: 640px) {
    .event_t02_route .list-wrapper .row{ width: 100%; flex: 0 0 100%; border-bottom:none; margin: 0; }
    .event_t02_route .list-wrapper .name-block{ width: 100%;}
    .event_t02_route .list-wrapper .name-block a{ padding-left: 5px; padding-right: 5px;}
    .event_t02_route .list-wrapper .note-block{ padding: 0 5px; font-size: 15px;}
    .event_t02_route .list-wrapper .price-block{ padding: 10px 5px;}
    .event_t02_route .list-wrapper .pic-block img{ aspect-ratio: 5/2.6;}
}

/* 行程下方底線顏色 */
.event_t02_route .list-wrapper .row+.row{border-color:#333333;}
/* 行程標題字級 */
.event_t02_route .list-wrapper .name-block a{font-size: 19px}
/* 行程價格 */
.event_t02_route .list-wrapper .price-block{ font-size:20px;/*字級*/ color: #ff7800;/*字顏色*/}
/* 行程日期 */
.event_t02_route .list-wrapper .note-block{ font-size: 16px;/*字級*/ color: #333333;/*字顏色*/}
/* 行程行銷小標題文字 */
.event_t02_route .list-wrapper .name-block a div { font-size: 16px;/*字級*/ color: #ffffff;/*字顏色*/  }
/* 第1區塊-行程行銷小標題背景色 */
.event_t02_block.block01 .event_t02_route .list-wrapper .name-block a div { background-color: #28a2dc;}
/* 第2區塊-行程行銷小標題背景色 */
.event_t02_block.block02 .event_t02_route .list-wrapper .name-block a div { background-color: #256db7;}
/* 第3區塊-行程行銷小標題背景色 */
.event_t02_block.block03 .event_t02_route .list-wrapper .name-block a div { background-color: #72a84d;}
/* 第4區塊-行程行銷小標題背景色 */
.event_t02_block.block04 .event_t02_route .list-wrapper .name-block a div { background-color: #00abad;}


/**** 活動頁03-有景點介紹 ****/
/** 大圖輪播 **/
.event_t03_slider .carousel-indicators{ margin: 0; bottom: 10px; z-index: 11;}
.event_t03_slider .carousel-indicators li { width: 10px; height: 10px; margin-right: 5px; margin-left:5px; border-radius: 50%; background-color:rgb(0 0 0 / 50%); background-clip: padding-box; opacity: 1; }
.event_t03_slider .carousel-indicators li.active { background-color:#ffffff; }
.event_t03_slider .carousel-control-next,.event_t03_slider .carousel-control-prev { opacity: 1; width: 8%; }
.event_t03_slider .carousel-control-next-icon, .event_t03_slider .carousel-control-prev-icon { position: relative; width: 33px; height: 62px; background: no-repeat 50%/100% 100%; z-index: 1; }
.event_t03_slider .carousel-control-prev-icon { transform: rotate(180deg); }
.event_t03_slider .carousel-control-next-icon::after, .event_t03_slider .carousel-control-prev-icon::after { content: ""; position: absolute; left: 0; width: 33px; height:62px; 
 background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/26d6083b-ab0f-4b69-84f4-868d09813a07.svg); background-position: center; background-repeat: no-repeat; z-index: 1; opacity: 0.8;}
 @media (max-width:767px){
    .event_t03_slider .carousel-control-next-icon, .event_t03_slider .carousel-control-prev-icon { width: 30px; }
    .event_t03_slider .carousel-control-next-icon::after, .event_t03_slider .carousel-control-prev-icon::after{width: 30px; }
    .event_t03_slider .carousel-control-next, .event_t03_slider .carousel-control-prev{ width: 45px;}
}
/** 頁籤 **/
.event_t03_tab{ margin-top: 40px; margin-bottom: 20px;}
.event_t03_tab div.link-list { background: transparent; }
.event_t03_tab section.link.text-link { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.event_t03_tab .link-list ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; padding: 0 15px;}
.event_t03_tab .link-list ul li{ padding: 0 10px;}
.event_t03_tab div.link-list ul li a,.event_t03_tab div.link-list ul li span { padding: 10px; border-radius: 30px; border: 1px solid; min-width: 130px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
/* 頁籤顏色 */
.event_t03_tab div.link-list ul li a,.event_t03_tab div.link-list ul li span { background: #ffffff;/*背景*/ border-color: #f084ad; /*邊框*/}
/* 頁籤滑鼠移過顏色*/
.event_t03_tab div.link-list ul li a:hover,.event_t03_tab div.link-list ul li span:hover{ color:#ffffff !important;/*文字*/  background: #f084ad;/*背景*/  border-color: #f084ad;/*邊框*/ }
/* 頁籤當下頁面顏色(當下頁面的頁籤是第1個，class name就是.tab01，nth-child順序是(1），以此類推*/
.event_t03_tab.tab01 div.link-list ul li:nth-child(1) a,
.event_t03_tab.tab01 div.link-list ul li:nth-child(1) span{ color:#ffffff !important;/*字*/  background: #f084ad;/*背景*/  border-color: #f084ad;/*邊框*/}

/** 景點介紹 **/
.event_t03_attTitle section { text-align: center; margin: 40px auto; }
.event_t03_attTitle section h1 { padding-bottom: 20px; letter-spacing: 0.6px; margin: 0 auto; display: table; }
.event_t03_attTitle section h2 { position: relative; padding-bottom: 18px; letter-spacing: 0.3px; display: table; margin: 0 auto; }
.event_t03_attTitle section h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; border-top: 1px solid; border-bottom: 1px solid; }
.event_t03_attOne{ padding-top: 10px; padding-bottom: 10px; }
.event_t03_attOne .mix-wrapper,.event_t03_attTwo .mix-wrapper { padding: 15px; }
.event_t03_attOne .img-mode .img-box,.event_t03_attTwo .img-mode .img-box{ padding: 0; }
.event_t03_attOne .pic-content img,.event_t03_attTwo .pic-content img{ border-radius: 10px; }
.event_t03_attOne .editor-content section h3,.event_t03_attTwo .editor-content section h3{ margin-bottom: 0; padding-bottom: 16px;  font-weight: 600; letter-spacing: 1px;}
.event_t03_attOne .editor-content section h4,.event_t03_attTwo .editor-content section h4{ margin-bottom: 0; padding-bottom: 20px; font-weight: 600;}
.event_t03_attOne .editor-content section div,.event_t03_attTwo .editor-content section div{ position: relative; padding-left: 16px; line-height: 28px;}
.event_t03_attOne .editor-content section div::before,.event_t03_attTwo .editor-content section div::before{content:""; position: absolute; top: 0; left: 0; width: 1px; height: 100%;}
.event_t03_attTwo .editor-content section { display: flex; height: 100%; flex-flow: column; justify-content: center; padding-left: 25px; }
.event_t03_attTwo .order-md-first.editor-content section{ padding-left: 0;  padding-right: 25px;}
.event_t03_attTwo .pic-content.img-mode { -ms-flex: 0 0 48.8%; flex: 0 0 48.8%; max-width: initial; }
.event_t03_attTwo .pic-content img { aspect-ratio: 5 / 3.55; object-fit: cover; object-position: center center; }

/* 景點介紹主標題色 */
.event_t03_attTitle section h1{ font-size: 40px; color: #e06594;}
/* 景點介紹次標題色 */
.event_t03_attTitle section h2{ font-size: 30px; color: #e06594;}
/* 景點介紹次標題下方線顏色 */
.event_t03_attTitle section h2::after { border-color: #f084ad; }
/* 景點內容主標題 */
.event_t03_attOne .editor-content section h3,.event_t03_attTwo .editor-content section h3{ font-size: 26px; color: #bc225c;}
/* 景點內容次標題 */
.event_t03_attOne .editor-content section h4,.event_t03_attTwo .editor-content section h4{ font-size: 20px; color: #545454; }
/* 景點內容文字敘述 */
.event_t03_attOne .editor-content section div,.event_t03_attTwo .editor-content section div{ font-size: 16px; color: #545454;}
/* 景點內容文字敘述前方細線顏色 */
.event_t03_attOne .editor-content section div::before,.event_t03_attTwo .editor-content section div::before{ background-color: #e06594; }

/** 影片 **/
.event_t03_videoBlock>.module-container>.main { padding: 60px 15px 0 }
.event_t03_videoText{ padding-top: 40px;}
.event_t03_videoText .header-title{ display: none;}
.event_t03_videoText>.module-container, .event_t03_videoText>.module-container>.main, .event_t03_videoText>.module-container>.main>div{ height: 100%; }
.event_t03_videoText section { height: 390px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin-right: 40px; margin-bottom: 80px; padding-top: 70px; padding-bottom: 25px; }
.event_t03_videoText section h3 { position: relative; padding-left: 70px; margin-bottom: 0; padding-bottom: 16px; font-weight: 600; }
.event_t03_videoText section h3::after { content: ""; position: absolute; border-bottom: 1px solid; width:29%; height: 1px; left: 70px; bottom: 0; }
.event_t03_videoText section div{ padding-left: 70px; padding-top: 16px; line-height: 28px;}
.event_t03_video { position: absolute; left: 50%; top: 60px; transform: translate(-50%, 0); }
.event_t03_video>.module-container>.main>.row{ justify-content: flex-end;}
.event_t03_video>.module-container>.main>.row>.module { -ms-flex: 0 0 63%; flex: 0 0 63%; max-width: initial; }
.event_t03_video .video-container { padding-bottom: 49.2%; }

/* 影片文字區塊背景色 */
.event_t03_videoText section { background: #f5e5ea; }
/* 影片文字主標題 */
.event_t03_videoText section h3 { font-size: 26px; color: #bc225c; }
/* 影片文字主標題底線顏色 */
.event_t03_videoText section h3::after { border-color: #e4acbd; }
/* 影片文字敘述 */
.event_t03_videoText section div{ font-size: 16px; color: #545454; }

/** 行程 **/
.event_t03_route .header-title { position: relative; display: table; margin: 50px auto; padding: 12px 46px;letter-spacing: 0.8px; border-radius: 40px; }
.event_t03_route .header-title::before,.event_t03_route .header-title::after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; top: 50%; transform: translate(0, -50%); }
.event_t03_route .header-title::before{ left: 20px;}
.event_t03_route .header-title::after{ right: 20px;}
.event_t03_route{ padding-top: 35px;}
.event_t03_route .falls-container .grid { height: auto !important;  padding-bottom: 20px;}
.event_t03_route .grid .grid-item { position: relative !important;  transform: initial !important; transition: 0.5s;  border-radius: 10px; margin:10px 25px 30px; padding: 0 0 55px; overflow: hidden; z-index: 0; max-width: calc(50% - 50px); left: initial !important; top: initial !important; } 
.event_t03_route .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 5/3.4; object-fit: cover; object-position: center center; }
.event_t03_route .falls-container .grid .grid-item p { display: none;}
.event_t03_route .falls-container .grid .grid-item h3 { margin: 0; position: relative; line-height: 26px; margin: 20px 30px; text-align: center;}
.event_t03_route .falls-container .grid .grid-item h4 { font-weight: 400; line-height: 26px; margin: 0 0 0 30px; padding: 2px 10px; text-align: justify; transition: 0.5s; display: table; border-radius: 30px; }
.event_t03_route .falls-container .grid .grid-item h5{ position: relative; font-weight: 600; line-height: 26px; margin: 10px 30px; text-align: justify; transition: 0.5s; } 
.event_t03_route .falls-container .grid .grid-item article { margin: 10px 30px; line-height: 26px; }
.event_t03_route img { z-index: -1;  position: relative;}
.event_t03_route .route_price{ position: absolute; width: 100%; height: 34px; padding: 4px 20px; text-align: right; bottom:20px; left: 0; font-weight: 600; font-family: 'Roboto', sans-serif !important; transition: 0.5s; }
.event_t03_route .route_price>span::before{ content: "＄"; padding-right: 3px;  font-size: 14px;}
.event_t03_route .route_price>span::after{ content: "元起"; padding-left: 3px; font-size: 14px; font-weight: 400;}

/* 行程主標題 */
.event_t03_route .header-title { font-size: 30px;/*字級*/ color: #ea558e;/*字顏色*/ background: rgb(255 255 255 / 60%); /*背景色*/}
/* 行程主標題旁圓點顏色 */
.event_t03_route .header-title::before,.event_t03_route .header-title::after { background: #f1bed0; }
/* 行程內容背景色 */
.event_t03_route .grid .grid-item {  background: #ffffff;}
/* 行程內容主標題 */
.event_t03_route .falls-container .grid .grid-item h3 { font-size: 22px; color: #f077a5;}
/* 行程內容橢圓標籤 */
.event_t03_route .falls-container .grid .grid-item h4 { font-size: 16px; background: #f084ad;/*背景色*/ color: #ffffff; /*字顏色*/}
/* 行程內容小標題 */
.event_t03_route .falls-container .grid .grid-item h5{  font-size: 16px; color: #333333;} 
/* 行程內容敘述 */
.event_t03_route .falls-container .grid .grid-item article { font-size: 15px; color: #545454;  }
/* 行程內容價格 */
.event_t03_route .route_price{ font-size: 20px; color:#bc225c;}

@media (max-width:  991px){
    .event_t03_tab div.link-list ul li a, .event_t03_tab div.link-list ul li span{ min-width: 110px; font-size: 18px !important;}
    .event_t03_video { position: initial; left: initial; top: initial; transform: none; order: 1; }
    .event_t03_video>.module-container>.main>.row>.module { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .event_t03_videoText { padding-top: 0px; order: 2; }
    .event_t03_videoText section { height: auto; border-top-left-radius: 0; border-bottom-right-radius: 10px; margin-right: 0; margin-bottom: 60px; padding-top: 25px; }
    .event_t03_videoText section h3 { padding-left: 30px; padding-right: 30px; }
    .event_t03_videoText section h3::after{ width: calc(100% - 60px); left: 30px; }
    .event_t03_videoText section div { padding-left: 30px; padding-right: 30px; }
}
@media (max-width:767px){
    .event_t03_tab div.link-list{ display: -ms-flexbox; display: flex;}
    .event_t03_tab section.link.text-link{ display: block;}
    .event_t03_tab div.link-list ul{ margin: 0 auto; padding: 0 15px 12px; display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
    .event_t03_tab div.link-list ul li { flex: 1; padding: 0 4px;}
    .event_t03_tab div.link-list ul li a,.event_t03_tab div.link-list ul li span {display: block;}
    .event_t03_attTwo .pic-content.img-mode { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .event_t03_attTwo .editor-content section{ padding-left: 0;}
    .event_t03_attTwo .order-md-first.editor-content section{ padding-right: 0;}
    .event_t03_route .grid .grid-item { margin: 10px 15px 30px; padding: 0 0 55px;  max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px);}
    .event_t03_route .route_price{ font-size: 16px !important; }
}
@media (max-width: 575px) {
    .event_t03_attTitle section { margin: 10px auto 30px; }
    .event_t03_attTitle section h1 { font-size: 28px !important; }
    .event_t03_attTitle section h2 { font-size: 20px !important; }
    .event_t03_attOne .editor-content section h3, .event_t03_attTwo .editor-content section h3{ font-size: 20px !important;}
    .event_t03_attOne .editor-content section h4, .event_t03_attTwo .editor-content section h4 { font-size: 18px !important; }
    .event_t03_videoText section h3 { font-size: 20px !important; }
    .event_t03_route { padding-top: 5px; }
    .event_t03_route .header-title { font-size: 24px !important; margin: 30px auto; }
    .event_t03_route .falls-container .grid .grid-item h3{ font-size: 20px !important;}
    .event_t03_route .falls-container .grid .grid-item h4{ font-size: 16px !important; line-height: 24px;}
    .event_t03_route .falls-container .grid .grid-item h5{ font-size: 16px !important; line-height: 24px;}
    .event_t03_route .falls-container .grid .grid-item article{ font-size: 15px !important; }
    .event_t03_route .route_price{ bottom: 10px; }
}


/**** 旅遊部落格列表頁 ****/
.blog_list_block { margin-bottom: 60px; }
.blog_list_top section { text-align: center; margin: 40px auto 0; display: table; }
.blog_list_top section h1{ display: table; margin: 0 auto; padding-bottom: 8px; font-size: 36px; letter-spacing: 3px; border-bottom: 2px solid #e20111; }
.blog_list_top section h2 { font-size: 18px; padding-top: 8px; font-family: Roboto, sans-serif !important; letter-spacing: 0.5px; }
.blog_crumbs .breadcrumb{ background: transparent; padding: 20px 0;}
.blog_crumbs li,.blog_crumbs li a { color: #333333; }
.blog_crumbs li.breadcrumb-item.active { color: #f2515c; }
.blog_crumbs .breadcrumb-item+.breadcrumb-item::before{ color: #333333;  }
.blog_nav { position: relative; max-width: initial; -ms-flex: 0 0 266px; flex: 0 0 266px; box-shadow: 1.6px 3.7px 9.5px 0.5px rgba(0, 0, 0, 0.1); padding: 45px 35px 20px; 
    background-color: #f7f0f3; background-image: url(https://materials.fillo.com.tw/materials/comebesttour/images/189536de-39c7-415c-b6f1-050063d20d40.jpg); }
.blog_nav::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 266px; height:100%; background: url(https://www.comebesttour.com.tw/material-alias/旅遊部落格/blog_bg2.jpg) no-repeat bottom left;  }
.blog_nav section.text-link h2 { padding: 0 0 16px 32px; border-bottom: 3px solid #ffd3d6; z-index: 1; position: relative; }
.blog_nav div.link-list{ position: relative; background: transparent; z-index: 1; }
.blog_nav div.link-list ul li a,.blog_nav div.link-list ul li span { position: relative; letter-spacing: 0.5px; padding: 10px 20px 10px 32px; }
.blog_nav div.link-list ul li a,.blog_nav div.link-list ul li span { position: relative; letter-spacing: 0.5px; padding: 10px 20px 10px 32px; }
.blog_nav.nav01 div.link-list ul li:nth-child(1) a,.blog_nav.nav04 div.link-list ul li:nth-child(1) span,
.blog_nav.nav02 div.link-list ul li:nth-child(2) a,.blog_nav.nav04 div.link-list ul li:nth-child(2) span,
.blog_nav.nav03 div.link-list ul li:nth-child(3) a,.blog_nav.nav04 div.link-list ul li:nth-child(3) span,
.blog_nav.nav04 div.link-list ul li:nth-child(4) a,.blog_nav.nav04 div.link-list ul li:nth-child(4) span,
.blog_nav.nav05 div.link-list ul li:nth-child(5) a,.blog_nav.nav04 div.link-list ul li:nth-child(5) span,
.blog_nav.nav06 div.link-list ul li:nth-child(6) a,.blog_nav.nav04 div.link-list ul li:nth-child(6) span,
.blog_nav.nav07 div.link-list ul li:nth-child(7) a,.blog_nav.nav04 div.link-list ul li:nth-child(7) span,
.blog_nav.nav08 div.link-list ul li:nth-child(8) a,.blog_nav.nav04 div.link-list ul li:nth-child(8) span,
.blog_nav.nav09 div.link-list ul li:nth-child(9) a,.blog_nav.nav04 div.link-list ul li:nth-child(9) span,
.blog_nav.nav10 div.link-list ul li:nth-child(10) a,.blog_nav.nav04 div.link-list ul li:nth-child(10) span,
.blog_nav.nav11 div.link-list ul li:nth-child(11) a,.blog_nav.nav04 div.link-list ul li:nth-child(11) span,
.blog_nav.nav12 div.link-list ul li:nth-child(12) a,.blog_nav.nav04 div.link-list ul li:nth-child(12) span{color: #f2515c !important;}
.blog_nav.nav01 div.link-list ul li:nth-child(1) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(1) span::after,
.blog_nav.nav02 div.link-list ul li:nth-child(2) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(2) span::after,
.blog_nav.nav03 div.link-list ul li:nth-child(3) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(3) span::after,
.blog_nav.nav04 div.link-list ul li:nth-child(4) a::after,.blog_nas.nav04 div.link-list ul li:nth-child(4) span::after,
.blog_nav.nav05 div.link-list ul li:nth-child(5) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(5) span::after,
.blog_nav.nav06 div.link-list ul li:nth-child(6) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(6) span::after,
.blog_nav.nav07 div.link-list ul li:nth-child(7) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(7) span::after,
.blog_nav.nav08 div.link-list ul li:nth-child(8) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(8) span::after,
.blog_nav.nav09 div.link-list ul li:nth-child(9) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(9) span::after,
.blog_nav.nav10 div.link-list ul li:nth-child(10) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(10) span::after,
.blog_nav.nav11 div.link-list ul li:nth-child(11) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(11) span::after,
.blog_nav.nav12 div.link-list ul li:nth-child(12) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(12) span::after { content: ""; position: absolute; background: url(https://www.comebesttour.com.tw/material-alias/旅遊部落格/blog_list_arrow.svg) no-repeat center; width: 16px; height: 16px; right: 0; top: 17px; }
.blog_nav div.link-list ul li i{ margin-right: 0;}
.blog_list{ max-width: initial; -ms-flex: 1; flex: 1;;}
.blog_list .hover-wall{ position: relative; background: #ffffff; margin-left: 5px; }
.blog_list .hover-wall::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height:168px; background-image: url(https://www.comebesttour.com.tw/material-alias/旅遊部落格/blog_bg_dot.jpg); background-repeat: repeat-x;}
.blog_list .hover-wall .htpro_tit h1 { position: relative; border: 0; color: #000000; font-size: 34px; letter-spacing: 2px; margin: 35px auto 0px; padding: 15px 100px 0; display: table; font-weight: 600; text-align: center; }
.blog_list .hover-wall .htpro_tit h1::before,.blog_list .hover-wall .htpro_tit h1::after { content: ""; position: absolute; width: 70px; height: 1px; background: #e20111; bottom: 0; }
.blog_list .hover-wall .htpro_tit h1::before{ left: 0;}
.blog_list .hover-wall .htpro_tit h1::after { right: 0; }
.blog_list .hover-wall .htpro_tit h2 { display: block; color: #e20111; font-size: 18px; font-family: Roboto, sans-serif !important; letter-spacing: 0; font-weight: normal; }
.blog_list .hover-wall>.container-fluid>.row { padding: 0 25px; }
.blog_list .hover-wall .col-sm-12.col-md-6.col-lg-6.mb-4 { margin-bottom: 50px !important; padding: 0 25px; }
.blog_list .hover-wall .icon_info:hover figure .overlay{ display: none;}
.blog_list .hover-wall .icon_info { height: 100%; border-radius: 6px; overflow: hidden; box-shadow: none; border: 1px solid #d1d1d1; }
.blog_list .hover-wall .icon_info>a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.blog_list .hover-wall .icon_info figure { margin-bottom: 25px; order: 1; }
.blog_list .hover-wall figure .b_img { aspect-ratio: 5 / 3.2; object-fit: cover; object-position: center center; }
.blog_list .hover-wall .icon_info h4{ position: relative; font-style: normal; padding: 0 20px 0 42px; margin-bottom: 15px; font-weight: 400; font-family: Roboto, sans-serif !important; letter-spacing: 0; order: 2;}
.blog_list .hover-wall .icon_info h4::before{ content: ""; position:absolute; width: 18px; height: 18px; left: 20px; top: 0; background:url(https://www.comebesttour.com.tw/material-alias/旅遊部落格/blog_list_edit.svg) center no-repeat;}
.blog_list .hover-wall .icon_info h3{ font-size: 18px; letter-spacing: 0.5px; width: 100%; margin-bottom: 25px; padding: 0 20px; order: 3;}
@media (max-width: 991px) {
    .blog_nav { -ms-flex: 0 0 220px; flex: 0 0 220px; padding: 30px 20px 20px;}
    .blog_nav::before{ width: 100%;}
    .blog_nav section.text-link h2 { padding: 0 0 16px 15px; font-size: 18px !important; }
    .blog_nav div.link-list ul li a, .blog_nav div.link-list ul li span { padding: 5px 15px 5px 15px; font-size: 16px !important; }
    .blog_list .hover-wall .htpro_tit h1 { font-size: 28px; margin: 20px auto 5px; }
    .blog_list .hover-wall .htpro_tit h2{ font-size: 16px;}
    .blog_list .hover-wall>.container-fluid>.row { padding: 0 15px; }
    .blog_list .hover-wall .col-sm-12.col-md-6.col-lg-6.mb-4 { margin-bottom: 30px !important; padding: 0 15px; }
}
@media (max-width: 767px) {
    .blog_list_top section h1{ font-size:28px;}
    .blog_list .hover-wall .icon_info h3 { font-size: 17px; }
    .blog_list .hover-wall .icon_info h4{ font-size: 15px;}
    .blog_list .hover-wall figure .b_img { aspect-ratio: 5 / 3; }
}
@media (max-width: 575px) {
    .blog_crumbs li, .blog_crumbs li a { font-size: 15px; }
    .blog_list_top .module-container .bgfixed,.blog_list_top .module-container .bgfixed>div{ min-height: 300px !important;}
    .blog_nav { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 15px; }
    .blog_nav::before{ display: none;}
    .blog_nav div.link-list{ min-height: 40px;}
    .blog_nav section.text-link h2 { padding: 0 0 12px 15px; font-size: 16px !important; }
    .blog_nav div.link-list ul { display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin: 0 15px; text-align: center; }
    .blog_nav div.link-list ul li { display: inline-block !important; }
    .blog_nav div.link-list ul li a, .blog_nav div.link-list ul li span { padding: 5px 15px 20px 15px; border: 1px solid #d8d6d6; border-radius: 6px; }
    .blog_nav.nav01 div.link-list ul li:nth-child(1) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(1) span::after,
    .blog_nav.nav02 div.link-list ul li:nth-child(2) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(2) span::after,
    .blog_nav.nav03 div.link-list ul li:nth-child(3) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(3) span::after,
    .blog_nav.nav04 div.link-list ul li:nth-child(4) a::after,.blog_nas.nav04 div.link-list ul li:nth-child(4) span::after,
    .blog_nav.nav05 div.link-list ul li:nth-child(5) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(5) span::after,
    .blog_nav.nav06 div.link-list ul li:nth-child(6) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(6) span::after,
    .blog_nav.nav07 div.link-list ul li:nth-child(7) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(7) span::after,
    .blog_nav.nav08 div.link-list ul li:nth-child(8) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(8) span::after,
    .blog_nav.nav09 div.link-list ul li:nth-child(9) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(9) span::after,
    .blog_nav.nav10 div.link-list ul li:nth-child(10) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(10) span::after,
    .blog_nav.nav11 div.link-list ul li:nth-child(11) a::after, .blog_nav.nav04 div.link-list ul li:nth-child(11) span::after,
    .blog_nav.nav12 div.link-list ul li:nth-child(12) a::after,.blog_nav.nav04 div.link-list ul li:nth-child(12) span::after{ height: 16px; top: initial; right: initial; bottom: -3px; left: 50%; transform: rotate(90deg) translate(-50%, 8px);}
    .blog_list .hover-wall{ margin-left: 0;}
}

/**** 旅遊部落格文章頁 ****/
.blog_article_top section{ position: absolute; display: flex; left: 50%; bottom: 45px; transform: translate(-50%, 0); align-items: center; letter-spacing: 1.5px;}
.blog_article_top section h1 { font-size: 36px; margin-bottom: 0; position: relative; padding-left: 35px; line-height: 36px; }
.blog_article_top section h1::before { content: ""; position: absolute; width: 2px; height: 100%; background: #e20111; left: 17px; }
.blog_article_top section span{ font-size: 24px; }
.blog_title_block>.module-container>.row{border-top-left-radius: 20px; border-top-right-radius: 20px;}
.blog_title{ border-bottom: 1px solid #f2515c !important; padding: 30px 40px; }
.blog_title section{ position:relative;}
.blog_title section div h2 { position: relative; font-size: 16px; color: #333333; margin-bottom: 18px; padding-left: 22px; }
.blog_title section div>h2:before{ content: ""; position:absolute; width: 18px; height: 18px; left: 0; top: 0; background:url(https://www.comebesttour.com.tw/material-alias/旅遊部落格/blog_list_edit.svg) center no-repeat;} 
.blog_title section div h3{ color: #333333; font-size: 24px; margin-bottom: 0; letter-spacing: 1px; padding-right: 180px; text-align: justify; line-height: 32px;}
.blog_title section a { position: absolute; right: 0; bottom: 0; text-decoration: none; background: #ffffff; color: #e20111; border: 1px solid #ffffff; font-size: 18px; letter-spacing: 1px; padding: 5px 15px 5px 40px; border-radius: 30px;  transition: 0.3s;  }
.blog_title section a:hover{ border: 1px solid #e6b2b5; }
.blog_title section a::before{ content: ""; position: absolute; left: 14px; top: 10px; width: 20px; height: 20px; background:url(https://www.comebesttour.com.tw/material-alias/旅遊部落格/blog_return_icon.svg) center no-repeat;}
.blog_article_block>.module-container>.main { padding-top: 50px; padding-bottom: 40px; }
.blog_article { max-width: 1000px; margin: 0 auto; }
.blog_article .mix-wrapper { padding: 0 15px; }
.blog_article .pic-content, .blog_article .editor-content { padding: 0; margin-top: 20px; margin-bottom: 20px; }
.blog_article h4 { position: relative; font-size: 20px; color: #c46f13; padding-left: 12px; margin-bottom: 16px; }
.blog_article h4::before{ content: ""; position: absolute;  background-color: #c46f13; width: 4px; height: 23px; left: 0; top: 0;}
.blog_article.txt,.blog_article .editor-content p{font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif; text-align: justify; font-size: 16px; line-height: 28px; }
.blog_article.one .pic-content{ margin-bottom: 0;}
.blog_article.two01 .editor-content{ padding-left: 40px; display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; }
.blog_article.two01 .order-md-first.editor-content{ padding-left:0; padding-right: 40px;}
.blog_article.two01 .pic-content.img-mode { -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: initial; }
.blog_article.two01 .mix-wrapper>.row { border-top: 1px dotted #666666;}
.blog_article.two01 .mix-wrapper>.row:last-child{ border-bottom: 1px dotted #666666;}
.blog_article.two02 .mix-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content:space-between; }
.blog_article.two02 .mix-wrapper>.row { -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px);}
.blog_article.two02 .pic-content{ margin-bottom: 0;}
.blog_article.two02 .pic-content img { aspect-ratio: 5 / 3.33; object-fit: cover; object-position: center center; }
.blog_more{ padding-top: 50px;}
.blog_more .function-row li { margin: 0 auto; max-width: initial; -ms-flex: auto; flex: auto; }
.blog_more .function-row li a{ padding: 10px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.blog_more .function-row li a:hover{background: #e20311 !important;}
.blog_more .function-row li a h3 { font-size: 18px; font-weight: 400; margin-top: 2px;}
.blog_back .function-row li { margin: 50px auto; -ms-flex: auto; flex: auto; max-width: initial;}
.blog_back .function-row li a { color: #e20111; border: 1px solid #ffffff; font-size: 18px; letter-spacing: 1px; padding: 10px 24px; border-radius: 30px; transition: 0.3s; }
.blog_back .function-row li a:hover{border: 1px solid #e6b2b5;  }
.blog_back .function-row li a h3{ margin-top: 0;}
@media (max-width: 1199px) {
    .blog_article { padding: 0 50px; }
}
@media (max-width: 991px) {
    .blog_article_top section h1 { font-size: 28px; line-height: 30px; }
    .blog_article_top section span { font-size: 20px; }
}
@media (max-width: 767px) {
    .blog_article_top section { flex-flow: column;}
    .blog_article_top section span { margin-bottom: 10px; text-align: center; }
    .blog_article_top section h1 { padding-top: 12px; padding-left: 0; width: 100%; text-align: center; }
    .blog_article_top section h1::before { content: ""; position: absolute; width: 100%; height: 2px; background: #e20111; left: 0; top: 0; }
    .blog_title { padding: 20px 30px 10px; }
    .blog_title section { padding-bottom: 45px; }
    .blog_title section div h2{ margin-bottom: 12px;}
    .blog_title section div h3 { font-size: 20px; letter-spacing: 0; padding-right: 0;}
    .blog_title section a { font-size: 15px; letter-spacing: 0; padding: 5px 10px 5px 30px; }
    .blog_title section a::before { left: 6px; top: 8px;}
    .blog_article_block>.module-container>.main { padding-top: 30px; padding-bottom: 30px; }
    .blog_article h4 { font-size: 18px; margin-bottom: 10px; }
    .blog_article h4::before{ height: 21px;}
    .blog_article.txt, .blog_article .editor-content p { font-size: 15px; line-height: 26px; }
    .blog_article.two01 .pic-content.img-mode { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .blog_article.two01 .img-mode .img-box { text-align: center; }
    .blog_article.two01 .editor-content { padding-left: 0;}
    .blog_article.two01 .order-md-first.editor-content{ padding-right: 0;}
    .blog_article.two02 .mix-wrapper { padding: 0; }
    .blog_article.two02 .mix-wrapper>.row { -ms-flex: 0 0 100%; flex: 0 0 100%;  margin: 0;}
    .blog_more { padding-top: 30px; }
    .blog_more .function-row li a h3 { font-size: 16px;}
} 

/**** 金質獎專區 ****/
.golden_top .carousel-indicators,.golden_top .carousel-control-next,.golden_top .carousel-control-prev{ display: none; }
.golden_info_block{ padding-bottom: 60px; background-color: #EBDACB; }
.golden_info { display: -ms-flexbox; display: flex !important;; justify-content: center;  -ms-flex:1; flex: 1; max-width: initial; padding-top: 60px; padding-bottom: 60px; }
.golden_info section{ display: -ms-flexbox; display: flex; color: #dca574; max-width: 1200px; padding: 10px 30px;}
.golden_info section+section { margin-top: 30px; }
.golden_info section h2,.golden_info section h3,.golden_info section p{ font-size: 22px; letter-spacing: 1px;}
.golden_info section h1,.golden_info section h2>span,.golden_info section h3>span{ font-size: 28px; letter-spacing: 2px;}
.golden_info section h2>span, .golden_info section h3>span { font-size: 30px; padding: 0 2px; letter-spacing: 0; font-family: Roboto, sans-serif !important; }
.golden_info section article{ padding-left: 48px; border-left: 1px solid #c18259; color: #efe0d6; text-align: justify; font-size: 18px; line-height: 36px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif; }
.golden_info section>div { -ms-flex:0 0 208px; flex: 0 0 208px; }
.golden_info_img { -ms-flex: 0 0 410px; flex: 0 0 410px; max-width: initial; }
.golden_info_img img{ position: absolute; top: 60px; left: 0;}
.golden_route_block{ padding-bottom: 15px; background-color: #EBDACB;}
.golden_route { padding-top: 60px; padding-bottom: 10px; }
.golden_route .main .mix-wrapper { max-width: 1260px; margin: 0 auto; }
.golden_route .editor-content img{ max-width: 100%;}
.golden_route img+img { margin-left: 20px; }
.golden_route section h4{ margin-top: 34px; margin-bottom: 26px; height: 54px; padding:10px 60px 10px 20px; font-size: 28px; color: #ffffff; background: #cccccc; display: table; position: relative; background: linear-gradient(to right, #c18259 0%, #c18259 58%, #dca574 100%); letter-spacing: 0.5px; }
.golden_route section h4::before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 27px 30px 27px 0; border-color: transparent #ebdacb transparent transparent;}
.golden_route section h5{ font-size: 28px; color: #002538; line-height: 42px; font-weight: 600; letter-spacing: 1px; margin-bottom: 10px; }
.golden_route section p{ color: #545454; font-size: 18px; line-height: 32px; margin-bottom: 0; }
.golden_route .editor-content { -ms-flex: 0 0 500px; flex: 0 0 500px; max-width: initial; }
.golden_route .pic-content { -ms-flex: 1; flex: 1; max-width: initial; }
.golden_upgrade { background: url(https://www.comebesttour.com.tw/material-alias/金質獎專區/GoldenAward_bg2.jpg); }
.golden_upgrade .main .mix-wrapper { max-width: 1260px; margin: 0 auto; }
.golden_upgrade .editor-content { -ms-flex: 0 0 530px; flex: 0 0 530px; max-width: initial; }
.golden_upgrade .pic-content { -ms-flex: 1; flex: 1; max-width: initial; }
.golden_upgrade .pic-content img{ aspect-ratio: 5 / 3; object-fit: cover; object-position: center center; }
.golden_upgrade .editor-content section { background: rgb(255 255 255 / 70%); height: 100%; display: -ms-flexbox; display: flex; }
.golden_upgrade .main .mix-wrapper { max-width: 1260px; margin: 0 auto; padding: 25px 30px 70px 30px; }
.golden_upgrade .editor-content section>div:first-child{ position:relative; writing-mode: vertical-lr; -ms-flex: 0 0 100px; flex: 0 0 100px; display: flex; justify-content: center; align-items: center; position: relative; color: #c18259; font-size: 24px; letter-spacing: 3px; font-weight: 600; }
.golden_upgrade .editor-content section>div:first-child::before { content: ""; width: 1px; height: 70px; background: #002538; position: absolute; top: 0; left: 50px; }
.golden_upgrade .editor-content section>div:first-child::after { content: ""; width: 1px; height: 70px; background: #002538; position: absolute; bottom: 0; left:50px; }
.golden_upgrade .editor-content section>div:last-child { display: flex; flex-flow: column; justify-content: space-around; flex: 1; color: #002538; font-size: 20px; font-weight: 600; letter-spacing: 1px; padding: 30px 10px 30px 0; }
.golden_upgrade .editor-content section>div:last-child>div { display: -ms-flexbox; display: flex; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.golden_upgrade .editor-content section>div:last-child>div span { background: #c18259; width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; padding: 9px; color: #ffffff; font-size: 22px; font-weight: 400; text-align: center; }
.golden_btn { position: absolute; bottom: 0; left: 0; }
.golden_btn .function-row li { -ms-flex:0 0 220px; flex:0 0 220px; max-width: initial; padding-right: 0; margin: 0 auto; padding-left: 0; }
.golden_btn .function-row li a { padding: 10px 5px 6px; border: 1px solid #c18259; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.golden_btn .function-row li a:hover{ background-color: #c18259 !important;}
.golden_btn .function-row li a h3 { font-size: 18px; font-weight: 400; margin-top: 0; margin-bottom: 0; padding: 0px 30px; letter-spacing: 1px;}
.golden_special section{ display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1260px; margin: 0 auto; padding:0 30px 35px; justify-content: space-between;}
.golden_special section>div {display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; flex: 0 0 calc(50% - 15px); padding: 18px 20px; border: 1px solid #002538; border-radius: 5px; }
.golden_special section>div>div:first-child { -ms-flex:0 0 98px; flex: 0 0 98px; background: #324061; padding-top: 18px; border-radius: 50%; height: 98px; color: #ffffff; font-size: 20px; text-align: center; }
.golden_special section>div>div:last-child { color: #333333; font-size: 17px; font-weight: 600; flex: 1; padding-left: 20px; line-height: 32px; letter-spacing: 0.5px; }
.row.header+.row>.col-md-12>div>.row>.col-lg-12>.row>div.golden_route_block:last-child { background: url(https://www.comebesttour.com.tw/material-alias/金質獎專區/GoldenAward_bg3.jpg); padding-bottom: 100px; }
.row.header+.row>.col-md-12>div>.row>.col-lg-12>.row>div.golden_route_block:last-child .golden_btn { bottom: 80px; }
@media (max-width: 1259px) {
    .golden_info_block { padding-bottom: 0}
    .golden_info_img { -ms-flex: 0 0 25%; flex: 0 0 25%; }
    .golden_info section { flex-flow: column; }
    .golden_info section>div{ -ms-flex: 0 0 auto; flex: auto; }
    .golden_info section h2, .golden_info section h3, .golden_info section p{ font-size: 18px; margin-bottom: 10px;}
    .golden_info section h1, .golden_info section h2>span, .golden_info section h3>span { font-size: 22px; }
    .golden_info section article { margin-top: 10px; padding-left: 28px; font-size: 16px; line-height: 30px; }
    .golden_route { padding-top: 10px; padding-bottom: 10px; }
    .golden_route .editor-content img{ height: 120px; width: 120px; }
    .golden_route .editor-content { -ms-flex: 0 0 400px; flex: 0 0 400px; }
    .golden_route section h4{ height: 44px; margin-top: 24px; margin-bottom: 16px; padding: 10px 50px 10px 20px; font-size: 22px}
    .golden_route section h4::before { border-width: 24px 23px 24px 0;}
    .golden_route section h5 { font-size: 22px; line-height: 36px; margin-bottom: 5px; }
    .golden_route section p { font-size: 16px; line-height: 26px; }
    .golden_upgrade .editor-content { -ms-flex: 0 0 480px; flex: 0 0 480px; }
    .golden_upgrade .editor-content section>div:first-child { -ms-flex: 0 0 60px; flex: 0 0 60px; font-size: 20px; letter-spacing: 2px; }
    .golden_upgrade .editor-content section>div:first-child::before { height: 50px; left: 30px; }
    .golden_upgrade .editor-content section>div:first-child::after { height: 50px; left: 30px; }
    .golden_upgrade .editor-content section>div:last-child{ padding: 15px 10px 15px 0; font-size: 18px;}
    .golden_upgrade .editor-content section>div:last-child>div span { width: 40px; height: 40px; padding: 7px; font-size: 18px; }
    .golden_upgrade .pic-content img { aspect-ratio: 5 / 3.3; }
    .golden_btn .function-row li a h3{ padding: 0 20px;}
    .golden_special section>div{ padding: 12px 15px;}
    .golden_special section>div>div:first-child { -ms-flex: 0 0 68px; flex: 0 0 68px; padding-top: 10px; height: 68px; font-size: 16px; }
    .golden_special section>div>div:last-child { font-size: 16px; padding-left: 15px; line-height: 26px; }
}
@media (max-width: 991px) {
    .golden_upgrade .editor-content section>div:first-child::before,
    .golden_upgrade .editor-content section>div:first-child::after{ height: 30px; }
}
@media (max-width: 767px) {
    .golden_info_img{ display: none !important; }
    .golden_info { padding-top: 30px; padding-bottom: 30px; }
    .golden_info section article{ padding-left: 20px;}
    .golden_route .pic-content { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .golden_route .editor-content { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .golden_upgrade .pic-content { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .golden_upgrade .editor-content { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .golden_special section>div{ -ms-flex: 0 0 100%; flex: 0 0 100%;  }
    .golden_special section>div+div { margin-top: 10px; }
    .golden_upgrade .editor-content section>div:last-child>div{ padding:5px 0;}
    .golden_upgrade .editor-content section>div:first-child::before,
    .golden_upgrade .editor-content section>div:first-child::after{ height: 50px; }
}
@media (max-width: 575px) {
    .golden_upgrade .main .mix-wrapper { padding: 25px 30px 50px 30px; }
    .golden_upgrade .editor-content section{ flex-flow: column; }
    .golden_upgrade .editor-content section>div:first-child { -ms-flex:auto; flex: auto; font-size: 20px; letter-spacing: 1px; writing-mode: initial; padding: 15px 15px 5px; }
    .golden_upgrade .editor-content section>div:first-child::before,
    .golden_upgrade .editor-content section>div:first-child::after{ height: 1px; }
    .golden_upgrade .editor-content section>div:first-child::before { width: 60px; left: 0; top: 28px; }
    .golden_upgrade .editor-content section>div:first-child::after { width: 60px; right: 0; top: 28px; left: initial; }
    .golden_upgrade .editor-content section>div:last-child { padding: 10px; font-size: 16px; letter-spacing: 0; }
    .golden_route section p{ margin-bottom: 0;}
}

/**** footer下標 ****/
.footer_info .footer-wrap .fnav_wrap .footer_nav{ display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 1360px; justify-content: space-between;}
.footer_info .footer-wrap .footer_nav li a{  padding: 15px 5px; font-size: 16px;}
.footer_info .footer-wrap .footer_nav li:hover a{ opacity: 0.8;}
.footer_info .footer-wrap .icon_wrap,.footer_info .footer-wrap .fb-info{ display: none;}
.footer_info .footer-wrap .footer_center { max-width: 1360px; padding:25px 0;}
.footer_info .company-info { -ms-flex:0 0 300px; flex: 0 0 300px; max-width: initial; margin-top: 0 !important;}
.footer_info .company-info .info-text { margin-top: 10px; }
.footer_info .footer-wrap .contact-info { -ms-flex: 1; flex: 1; align-items: center; max-width: initial; border-left: 1px solid #dedede; margin-top: 0 !important; }
.footer_info .footer-wrap .footer_sbox { -ms-flex: 0 0 315px; flex: 0 0 315px; max-width: initial; border-left: 1px solid #dedede; margin-top: 0; 
  display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center;}
.footer_info .footer-wrap .info_box p { color: #929292; font-size: 15px; letter-spacing: 0; }
.footer_info .footer-wrap .contact-box a { display: inline-block; }
.footer_info .footer-wrap .contact-box h2{ font-size: 18px;}
.footer_info .footer-wrap .contact-box h4{ padding-left: 18px; color: #d91425; font-size: 16px;}
.footer_info .footer-wrap .contact-box a+a h4{ margin-left: 30px;}
.footer_info .footer-wrap .contact-box h4 img { top: 3px; width: 14px; }
.footer_info .footer-wrap .contact-box { margin-bottom: 0 !important; padding: 0; }
.footer_info .footer-wrap .footer_sbox>a { -ms-flex:0 0 calc(25% - 15px); flex: 0 0 calc(20% - 15px); margin: 0; }
.footer_info .footer-wrap .footer_sbox>a:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; flex: 0 0 calc(20% + 15px); padding-left: 30px !important; }
.footer_info .footer-wrap .footer_sbox>a:nth-child(5) { border-top-right-radius: 6px; border-bottom-right-radius: 6px; flex: 0 0 calc(20% + 15px); padding-right: 30px !important; }
.footer_info .footer-wrap .footer_sbox>a:not(:nth-child(n+6)) { background: #848484; padding: 5px; }
.footer_info .footer-wrap .footer_sbox>a:nth-child(n+6) {-ms-flex:0 0 14.2%; flex: 0 0 14.2%; padding: 3px; }
.footer_info .footer-wrap .footer_sbox>a:nth-child(n+6) img { height: auto; width: 100%; }

.footer_link .footer-wrap { background: #f6f6f6; }
.footer_link .footer-wrap .footer_center{ background: #f6f6f6;}
.footer_link .footer-wrap .icon_wrap { padding: 5px; background: #8a898a; }
.footer_link .company-info,.footer_link .footer-wrap .fb-info,.footer_link .footer-wrap .footer_sbox{ display: none;}
.footer_link .footer-wrap .contact-info { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 1360px;  margin: 0 auto !important; padding: 0; justify-content: space-between;}
.footer_link .footer-wrap .contact-box{ flex: 0 0 calc(20% - 20px); padding: 0; margin-bottom: 0 !important;}
.footer_link .footer-wrap .contact-box h4 { color: #7f7f7f; padding-left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.footer_link .footer-wrap .contact-box a:hover h4{ color: #d91425; }
.footer_link .footer-wrap .contact-box h2 { position: relative; height: 28px; font-size: 16px; margin-bottom: 10px; color: #545454; padding-bottom: 8px; padding-left: 13px; border-bottom: 1px solid #d5d4d4; }
.footer_link .footer-wrap .contact-info>div:not(:nth-child(2)) h2::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/bac6c4a9-ca79-47d5-acc9-adeac38523e4.svg) no-repeat center; width: 20px; height: 24px; left: -4px; top: -3px; }
.footer_link .footer-wrap .contact-info>div:first-child h2::after{ content: ""; width: 30px; height: 1px; position: absolute; top: 27px; left: 100%; z-index: 1; background: #d5d4d4; }
@media(max-width:1360px){ 
    .footer_info .footer-wrap .fnav_wrap .footer_nav{ padding: 0 10px;}
    .footer_info .footer-wrap .contact-box>*:nth-child(2) { display: block; }
    .footer_info .footer-wrap .contact-box a+a h4 { margin-left: 0; }
    .footer_info .footer-wrap .contact-box>*:last-child{ margin-left: 20px;}
}
@media(max-width:1199px){
    .footer_info .company-info .info-text { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .footer_info .footer-wrap .info_box a { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0;}
}
@media(max-width:991px){
    .footer_info .footer-wrap .footer_nav li a { padding: 8px 5px; font-size: 15px; }
    .footer_info .company-info{ -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .footer_info .info-logo{ display: none;}
    .footer_info .footer-wrap .footer_center{ padding: 20px 0;}
    .footer_info .company-info .info-text { margin-top: 0; }
    .footer_info .footer-wrap .contact-info{ margin-top: 10px !important;}
    .footer_info .footer-wrap .contact-info{ flex: 0 0 100%;}
    .footer_info .footer-wrap .contact-box h2{ margin-bottom: 5px;}
    .footer_info .footer-wrap .contact-box>*:nth-child(2) { display: inline-block; margin-right: 20px; }
    .footer_info .footer-wrap .footer_sbox{ flex: 0 0 100%;}
    .footer_info .footer-wrap .footer_sbox{ margin-top: 10px; justify-content: flex-start;}
    .footer_info .footer-wrap .footer_sbox>a { -ms-flex:auto; flex: auto; }
    .footer_info .footer-wrap .footer_sbox>a:first-child { flex: auto; padding-left: 3px !important; }
    .footer_info .footer-wrap .footer_sbox>a:nth-child(5) { flex: auto; padding-right: 3px !important; }
    .footer_info .footer-wrap .footer_sbox>a:nth-child(n+6) { -ms-flex:auto; flex: auto; }
    .footer_info .footer-wrap .footer_sbox>a:nth-child(n+6) img { width: auto; height: 33px; }
}
@media (max-width: 767px) {
    .footer_info .footer-wrap .fnav_wrap .footer_nav { justify-content: flex-start; }
    .footer_info .footer-wrap .footer_nav li { flex: 0 0 16.666666%; }
    .footer_info .footer-wrap .footer_nav li a{ padding: 8px 5px; font-size: 15px;}
    .footer_info .footer-wrap .footer_sbox>a:nth-child(n+6){ display: none;}
    .footer_info .footer-wrap .footer_sbox { flex: 0 0 315px; margin: 10px auto 0; border-left: 0; }
    .footer_info .footer-wrap .contact-box>*:nth-child(2) { display: block; margin-right: 0; margin-top: 10px; }
}
@media (max-width: 575px) {
    .footer_info .footer-wrap .footer_nav li { flex: 0 0 25%; }
   .footer_link .footer-wrap .contact-info { flex-wrap: wrap; display: flex; }
   .footer_link .footer-wrap .contact-box{ flex: 0 0 calc(50% - 10px); margin-bottom: 10px !important;}
   .footer_info .footer-wrap .contact-box a{ display: block;}
   .footer_info .footer-wrap .info_box p{ text-align: left;}
   .footer_info .footer-wrap .contact-box h2 { font-size: 17px; }
   .footer_info .footer-wrap .contact-box>*:last-child{ margin-left: 0;}
}

/* 側選單 */
.come_sidebar .module-wrapper>.row { position: fixed; right: 0; top: 30%; z-index: 1048; flex-flow: column; width: 45px; margin: 0; }
.come_sidebar .actGotop { position: relative; bottom: initial; right:initial; width: 45px; height: 55px; order: 1; display: block !important; opacity: 1 !important; }
.come_sidebar .module-wrapper .actGotop a,.come_sidebar .module-wrapper .actGotop a:link {  width: 45px; height: 55px; border-radius: 0; background: rgb(0 0 0 / 60%) !important; border-bottom: 1px solid #8b8b8b;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.come_sidebar .actGotop a:hover { background: rgb(0 0 0 / 60%) !important; }
.come_sidebar .module-wrapper .actGotop a:hover, .come_sidebar .module-wrapper .actGotop a:link:hover { background: #e20111 !important;}
.come_sidebar .actGotop a i { position: absolute; width: 45px; left: 0; top: 0px; font-size: 0; background: url(https://www.comebesttour.com.tw/material-alias/首頁/SIDE-Plane-TOP.svg) no-repeat center; height: 55px; background-size:30px; }
.come_sidebar .side_box { position: initial; bottom: initial; right: initial; order: 2; }
.come_sidebar .side_bar{ border-radius: 0; box-shadow:none; padding: 0; width: 45px; margin-bottom: 0; background: rgb(0 0 0 / 60%) !important;}
.come_sidebar .side_bar li{ height: 48px; padding: 0; border-bottom: 1px solid #8b8b8b;}
.come_sidebar .side_bar li a{height: 48px; padding: 8px 0 6px; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.come_sidebar .side_bar li a:hover{ background: #e20111 !important;}
.come_sidebar .side_bar li a p { margin: 0; font-size: 0;}
.come_sidebar .side_bar li a img{ width: 30px; margin: 0 auto;}
/* .come_sidebar .side_bar li:first-child a p { line-height: 0; margin: 0; font-size: 0; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/c89de904-c084-40ad-82c1-0d30be5e7339.svg) no-repeat center; width: 45px; height: 22px; background-size: 20px; }
.come_sidebar .side_bar li:nth-child(5) a p { line-height: 0; margin: 0; font-size: 0; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/2c639b64-bd8c-40ed-b0a8-43d204a89739.svg) no-repeat center; width: 45px; height: 22px; background-size: 20px; } */
.come_sidebar .side_bar li:last-child{ height: 55px;}
.come_sidebar .side_bar li:last-child a { padding:12px 0; height: 55px; }
/* .come_sidebar .side_bar li:last-child a p { width: 45px; left: 0; top: 0px; font-size: 0; background: url(https://materials.fillo.com.tw/materials/comebesttour/images/b804c07f-2278-4714-a29e-d5a8433b16b3.svg) no-repeat center; height: 55px; background-size: 30px; -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } */
.come_sidebar .side_bar li a i{ font-size: 28px;  line-height: 34px;}
.anchor{ font-size: 0;}
.WinChrome.D_products_group_detail .come_sidebar .side_bar li:not(:nth-child(1),:nth-child(6)),.WinIe.D_products_group_detail .come_sidebar .side_bar li:not(:nth-child(1),:nth-child(6)),
.D_products_group_molddetail .come_sidebar .side_bar li:not(:nth-child(1),:nth-child(6)){ display: none; }
.WinChrome.D_products_group_detail .come_sidebar .actGotop,.WinIe.D_products_group_detail .come_sidebar .actGotop,
.D_products_group_molddetail .come_sidebar .actGotop{order: 2;}
.WinChrome.D_products_group_detail .come_sidebar .side_bar,.WinIe.D_products_group_detail .come_sidebar .side_bar,
.D_products_group_molddetail .come_sidebar .side_bar{ order: 1;}
.WinChrome.D_products_group_detail .come_sidebar .module-wrapper>.row,
.WinIe.D_products_group_detail .come_sidebar .module-wrapper>.row,
.D_products_group_molddetail .come_sidebar .module-wrapper>.row{ top: initial; bottom: 60px; }
.WinChrome.D_products_group_detail .come_sidebar .module-wrapper .actGotop a,
.WinChrome.D_products_group_detail .come_sidebar .module-wrapper .actGotop a:link,
.WinIe.D_products_group_detail .come_sidebar .module-wrapper .actGotop a,
.WinIe.D_products_group_detail .come_sidebar .module-wrapper .actGotop a:link,
.D_products_group_molddetail .come_sidebar .module-wrapper .actGotop a,
.D_products_group_molddetail .come_sidebar .module-wrapper .actGotop a:link{ border-bottom: 0;}
@media (max-width: 1199px) {
 .come_sidebar .actGotop {order: 2;}
 .come_sidebar .side_bar{ order: 1;}
 .come_sidebar .side_bar li:not(:nth-child(1),:nth-child(6)){ display: none;}
 .come_sidebar .module-wrapper>.row { top: initial; bottom: 60px; }
 .come_sidebar .module-wrapper .actGotop a, .come_sidebar .module-wrapper .actGotop a:link{ border-bottom: 0;}
}


/******** 公版 ********/
/*會員登入頁 */
.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:#f6f6f6; }
body.member_home button.l_benPrimary{ background:#d91425; }
body.member_home .note_box a { color:#d91425; }
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;}
}

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

/* 搜尋列表頁 */
.search-area .search-box .search-btn { background: #d91425; 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: #d91425; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color:#d91425; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill:#d91425; }
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: #d91425 !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:#da6266 !important}
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgb(217 20 37 / 60%);}
.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: #d91425;}
.plane.plane-s1:hover{color: #d91425;}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i,.filter_list .accordion .card.travel-type i{ color: #909090; }
.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: #d91425; 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:#d91425;}
.search_table.table .thead { background: #797979; 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;}

/* 字體尺寸調整 */
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)); }
}

/* 團型列表 */
.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: #797979; border: 1px solid #797979;}
section.group_table.tripdown .style_icon ul li a.nav-link.active { background: #797979; color: #ffffff; }
section.group_table.tripdown .style_icon ul li a.nav-link svg{ fill:#797979; }
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:#000000; 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:#d91425; 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:#d91425; border-color: #d91425; color: #ffffff;}
.D_products_group_mold section.group_banner .info .btn-primary::before{  font-size: 1.2rem; }
.D_products_group_mold section.group_banner .info .btn-primary small{ display: none;}
.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: #d91425; background: #d91425; color: #ffffff;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #d91425;}

/* 字體尺寸調整 */
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: #797979; 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: #797979;
    background-color: var(--fc-button-bg-color, #797979);
    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; }

/* 隱藏月曆，強制顯示列表模式
.style_icon{ display: none;}
.D_products_group_mold #search-calendar, .D_products_group_detail #search-calendar{display: none;}
.D_products_group_mold #search-table, .D_products_group_detail #search-table{display: block;opacity: 1;}
.D_products_group_mold #pills-tab .nav-item #pills-home-tab, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab,
.D_products_group_detail #pills-tab .nav-item #pills-home-tab, .D_products_group_detail #pills-tab .nav-item #pills-contact-tab{opacity: 0;}
.D_products_group_mold #pills-tab .nav-item, .D_products_group_mold #pills-tab .nav-item #pills-contact-tab, .D_products_group_detail #pills-tab .nav-item, .D_products_group_detail #pills-tab .nav-item { list-style: none; }
*/
@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: 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;}
}

/* 個團明細頁 */
.Detail li.breadcrumb-item a{color: #d91425; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-4.col-sm-12 { display: none; }
section.group_table.trip_day .day_con .info_box>.row>.col-lg-8.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
section.group_table.trip_day .info_box .info_box_title { margin-left: 0; width: 100%; }
section.group_banner.trip_banner h1{ font-size: 2rem; 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: 8px; background: #797979; font-size: 1rem; }
section.group_banner .price_content .panel-info .panel-body { padding: 15px 8px; font-size: 1em; }
section.group_banner .basic-air-aircraft,section.group_banner .basic-air-airport{ font-size: 1.2rem; font-weight: normal;}
section.group_banner .basic-air-airport i{ color:#d91425;}
section.group_banner.trip_banner .brief h5{font-size: 1rem; }
section.group_banner .price_content .panel-info { border: 1px solid #797979; }
section.group_banner .basic-air-info { border: 1px solid #b9b9b8;}
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:#707070; font-size: 2rem; }
section.group_banner .basic-air-btn a { float: right; font-size: 1.2rem; font-weight: bold; background: #d91425; border: 1px solid #d91425; padding: 5px 25px; color: #ffffff; border-radius: 50px; }
section.group_banner .basic-air-btn a:hover { background: #6b7178; color: #ffffff; }
section.group_banner .basic-air-info .time { font-size: 1.1rem; }
.modal-content h5.modal-title strong{ color:#6a7178;}
.flight_details .details_box > h4 { background:#6a7178;}
.flight_details .details_box > h4 i { color: #eeeeee; }
.flight_details { border: 1px solid #797979; }
.trip_day .group_table_box table .thead { background: #797979; height: 2.8rem; font-weight: normal; color: #fff; font-size: 1rem; line-height: 2.8rem; }
section.group_table.trip_day table.table tr.thead th:nth-child(2) { background:#797979; }
section.group_table.trip_day table.table tr.thead th:nth-child(2)::before{ display: none; background: #797979;  }
.day_con .text_gary2.hotel a { color: #55575a; }
.Day_menu .swiper_day .swiper-slide a:hover {color: #fff; background:#d91425; border: 1px solid #d91425;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{background: #797979; }
.web-page-frame .group_table ul{list-style:disc; padding-left: 20px;}
.web-page-frame .group_table ol{ list-style:decimal; padding-left: 20px;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ color:#d91425;}
.D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{color: #55575a; border-left: 2px solid #55575a;}
.D_products_group_detail div#exampleModalCenter{ z-index: 100000000; }
.Day_menu.day_fixed { top: 56px !important; }
.Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .Alternate { left: -10px; top: 0px; }
section.group_table.trip_features{ text-align: left;}
/*隱藏可售*/
.group_table.tripdown .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available{ display: none;}
@media (min-width: 576px){
    .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; }
}
@media (min-width: 768px){
    .Day_menu.day_fixed { top: 0 !important; }
}
@media (max-width: 991.98px){
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom: 1px solid #55575a;}
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ border:0}
}

/* 側選單 */
.sub_menu-trip .trip_menu{ border: 1px solid #d91425; border-right: 0;}
.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:#d91425;}
.sub_menu-trip .server_menu li:nth-child(1) { background:#d91425; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #d91425;}
.sub_menu-trip .server_menu > ul > li.download-fixed-btn { border-top: 0; }
.sub_menu-trip .server_menu > ul > li.query-fixed-btn,.sub_menu-trip .server_menu > ul > li.share-fixed-btn,
.sub_menu-trip .server_menu > ul > li.download-fixed-btn,.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){ background:#ffffff; }
/* .sub_menu-trip .server_menu > ul > li.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{ display: none;} */
.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 #d91425;}
	.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 i { display: none; }
	.sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;}
	.sub_menu-trip .trip_menu li a:hover span { color: #d91425; }
	.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 (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: 1400px){
	section.group_banner.trip_banner h1 { font-size: 2rem; }
}
@media (max-width: 1350px){
	.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
}
@media (max-width: 991.98px){
	section.group_table.tripdown .search_table > tbody > tr.thead{ display: none;} 
	.sub_menu-trip .trip_menu{ display: none;}
	.sub_menu-trip .server_menu{ width: 100vw;}
	.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;}
	.sub_menu-trip .trip_menu select { border-top: 1px solid #b9b9b8; }
	.sub_menu-trip .trip_menu:after { border: solid #d91425; border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #b9b9b8; }
	.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 #d91425;}
	/* .sub_menu-trip .server_menu{ width: 100vw;}
	.sub_menu-trip .trip_menu{ display: none;} */
}
@media (max-width: 767px){
	.sub_menu-trip .server_menu{ width: 100vw;}
	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;}
}
@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;}

}
@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;}
}
@media (max-width: 575px){
	section.group_banner.trip_banner h1 { font-size: 1.6rem; 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; }
	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; }
}

/* 新版團型頁 */
.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: #fbf1f1; color: #d91425;}
.Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #fbf1f1;}
.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: #d91425; }
.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: #ffffff; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #d91425; }
.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 #d91425; border-bottom-color: #d91425; color: #d91425;}
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #d91425; color: #ffffff;}
.Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #d91425; }
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.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: #d91425;}
.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;}
.TripFeature .container div,.trip_features .container div,.DayTrip .container div,.trip_day .container div,#Remarks .container div,.trip_note .container div{ word-break: break-all; }
/* 字級調整 */
.Detail.DayTrip .TripBlock.ImgNone h3{ font-size: 20px; line-height: 36px;}
.Detail.DayTrip .TripBlock .TripMeal ul,.Detail.DayTrip .TripBlock .TripHotel>div:nth-child(2){ font-size: 17px; }
@media (max-width: 767px){
    .Detail.DayTrip .TripBlock.ImgNone h3{ font-size: 18px; line-height: 32px;}
    .Detail.DayTrip .TripBlock .TripMeal ul,.Detail.DayTrip .TripBlock .TripHotel>div:nth-child(2){ font-size: 16px; }
}
/*隱藏可售*/
.Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom .day-events-bottom-available{display: none;}
.Detail.DepartureDate .SearchTable .table thead th.AvailableSeat, .Detail.DepartureDate .SearchTable .table tbody td.AvailableSeat { display: none; }
/*順序調整*/
.D_products_group_molddetail .DetailContainer{ display: flex; flex-wrap: wrap;}
.D_products_group_molddetail .DetailContainer>nav.Detail[aria-label="breadcrumb"]{ order: 1; }
.D_products_group_molddetail .DetailContainer>section.Detail.BasicBox{ order: 2; }
.D_products_group_molddetail .DetailContainer>section.Detail.MarketingBox{ order: 3; flex: 0 0 75%; max-width: 75%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DepartureDate{ order: 4; flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.TripFeature{ order: 5;  flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DayTrip { order: 6;  flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.FeeDescription{ order: 7;  flex: 0 0 100%; max-width: 100%;}
.D_products_group_molddetail .DetailContainer>section.Detail.DetailBox.TripNote{ order: 10;  flex: 0 0 100%; max-width: 100%;}
/*側選單快速前往調整*/
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a i{ margin-right: 2px; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_marketting{ order: 1; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_calendar { order: 2; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_feature { order: 3; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_hotel { order: 4; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_cost { order: 5; }
.D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li.submenu_note { order: 8; margin-bottom: 0;}

/* 國內旅遊明細頁 */
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent transparent transparent #d91425; }
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #d91425;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #d91425; }
.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 a { font-size: 16px; color: #d91425; }
.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; }

@media (min-width: 1601px){
    .D_products_group_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;}
}
@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 #d91425; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu ul{ display: flex; flex-flow: column; } 
    .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: #d91425;}
    .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; }
    .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; }
}
@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%; }
}
@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: 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;}
}


/* 國內旅遊明細頁 */
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent transparent transparent #d91425; }
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #d91425;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #d91425; }
.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 a { font-size: 16px; color: #d91425; }
.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; }

@media (min-width: 1601px){
    .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 200px; max-width: 200px;}
}
@media (min-width: 992px){
    .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .ItineraryName{  flex: 1;  max-width: initial;  min-width: initial;}
    .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 #d91425; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px;  border: 1px solid #d91425;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 .trip_menu li a:hover span{ color: #d91425;}
    .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; }
}
@media (max-width: 1600px) and (min-width: 992px){
    .D_products_domestic_molddetail .Detail.DepartureDate .SearchTable .Remark{ flex: 0 0 150px; max-width: 150px;}
    .D_products_domestic_molddetail .Detail.DepartureDate>.container.col-md-9 { max-width: 100%; }
}
@media (max-width: 1350px){
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a i,.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li a span{ font-size: 18px;}
}
@media (max-width: 991px){
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li ul li a{ display: table;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li{ line-height: 50px; height: 50px;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1) { padding-top: 5px; }
}
@media (max-width: 991.98px){
	.Detail.sub_menu-trip .server_menu{ width: 100vw; }
}
@media (max-width: 767px){
	.Detail.sub_menu-trip .server_menu{ width: 100vw; }
}
@media (max-width: 575px){
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn a { font-size: 0; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn a { font-size: 0; }
    .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{ 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 200px;}
    .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.DepartureDate .IconMean{ top: 30px;}
	.Detail.sub_menu-trip .server_menu { width: 100vw; }
} 

/* 天數錨點 */
#day_menu { padding-top: 60px; }
#day_menu .list-group{ margin: 0 auto; left: 0; right: 0; background: #f3f3f3; max-width: 100%; }
#day_menu .list-group.Fixed_Date_Bar { top: 0px !important; }
#day_menu .list-group .list-group-item{color:#d91425;}
#day_menu .list-group .list-group-item:hover { background-color:#f3f3f3; border-color:#f3f3f3; color:#d91425;}
#day_menu .list-group .list-group-item.active { background-color:#d91425; border-color:#d91425; color: #ffffff; }
@media (max-width: 767px){
    #day_menu .list-group.Fixed_Date_Bar { top:65px !important; }
}

/* 出團備註共用樣式20250630 */
.section-title { font-size: 20px; color: red; font-weight: bold; margin-bottom: 20px;}
.blockH1 { font-size: 18px; font-weight: bold; background-color: #f1e7db; padding: 10px 15px; margin-top: 30px; border-left: 6px solid #c89f68;}
ul.ulfus { list-style: decimal; padding-left: 30px; margin: 10px 0; }   
ul.ulfus li { line-height: 1.8; margin-bottom: 5px; }
.highlight { color: red; font-weight: bold;}
.blue-text { color: blue;  }    
.pp { font-size: 18px; color: red; font-weight: bold; margin: 18px 0;}

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

/*行程範本*/
.day_style_10 {width: 100%; display: table; margin-bottom: 20px; position: relative;}
.day_style_10 img {width:100%;}
.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 {width: 100%; display: block; margin-bottom: 20px; padding: 0;}
.day_style_11 .tp_group {width:100%;/*border: 1px solid #ddd;*/ padding: 0; display: inline-block;}
.day_style_11 .tp_group p {margin: 10px 0 0;}
.day_style_11 .tp_group img {width: 100% !important; height: auto !important;}
.day_style_12 {width: 100%; display: block; margin-bottom: 20px; padding: 0 10px;}
.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%;}
.day_style_13 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_13 img {width:100%; height: 187px;}
.day_style_13 p {background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center;}
.day_style_14 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_14 iframe {width: 100%; height: 383px;}
.day_style_15 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_15 iframe {width: 100%; height: 383px;}
.day_style_16 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_16 iframe {width: 100%; height: 625px;}
.day_style_17 {width: 100%; display: table; margin-bottom: 20px;}
.day_style_17 img {width:100%;}
.day_style_17>div { float: left; }