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;
}
/******** giantelephant style ********/
/* 共用 */
.get_width{ max-width: 1360px;}
.row.header+.row{ padding-top: 100px; }
.row.header.gizle+.row{ padding-top: 70px; }
.get_title .module-container>.main.row>.header-title.dp-tbl,.get_title>.module-container>.main>.header-title{ color:#3ea4ad; font-size: 45px; font-family: "Antic Didone", serif !important; letter-spacing: 1px;}
.get_title .module-container>.main.row>.header-title.dp-tbl>div,.get_title>.module-container>.main>.header-title>div{ color: #545454; font-size: 24px; font-weight: 600; letter-spacing: 2px;}
@media (max-width:1400px){
		.get_width { max-width: 95%; }
}
@media (max-width:1199px){
    .get_title .module-container>.main.row>.header-title.dp-tbl,.get_title>.module-container>.main>.header-title{ font-size: 32px;}
    .get_title .module-container>.main.row>.header-title.dp-tbl>div,.get_title>.module-container>.main>.header-title>div{ font-size: 20px;}
}
@media (max-width:767px){
	.row.header+.row,.row.header.gizle+.row{ padding-top:60px; }
}

/***** 上標header *****/
.get_header{ position: fixed; width: auto; background: #00c0d1; left: 0; right: 0; display: block; z-index: 999999999;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}

.main_nav .mega-menu{ min-height: 100px;}
.header.gizle .main_nav .mega-menu{ min-height: 70px;}
.main_nav .mega-menu .menu-logo{ flex:0 0 200px; max-width: initial; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .main_nav .mega-menu .menu-logo{ flex:0 0 200px; }
.main_nav .mega-menu .menu-logo > li > a{ padding: 0;}
.main_nav .mega-menu .menu-logo > li > a img{ position: initial; width: 100%; height: auto;  -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.main_nav .mega-menu .menu-logo > li > a:hover{ background-color: transparent;}
.main_nav .mega-menu .menu-links{ flex:1; margin-top:45px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .main_nav .mega-menu .menu-links{ margin-top: 0px;}
.main_nav .mega-menu > section.menu-list-items{ float:initial; background-color: transparent !important; height: 100px;  padding: 0px 5px 0 35px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header.gizle .main_nav .mega-menu > section.menu-list-items{ height: 70px; padding: 0px 25px 0 35px;}
.main_nav .mega-menu .menu-links > li:hover{ background-color: transparent;} 
.main_nav .mega-menu .menu-links > li{ margin: 0 20px;}
.main_nav .mega-menu .menu-links > li > a::after { position: absolute; bottom:0; left: 0; display: block; content: ""; width: 100%; height: 3px; background-color: #bb7e26; transform: scale(0,1); transition: transform .15s }
.main_nav .mega-menu .menu-links > li > a:hover::after { transform: scale(1,1)}
.main_nav .mega-menu .menu-links > li a{ font-size: 30px; letter-spacing: 1px; line-height: 35px; padding: 0;}
.main_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ top:100%;  background:transparent; overflow: unset; padding: 0; }
.header.gizle .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ top: 100%; }
.ma.main_nav .mega-menu .menu-links>li{ margin: 0 20px;  position: relative;}
.main_nav .mega-menu .mg-drop-down h4{ font-size: 30px; padding-bottom: 8px;  border-bottom: 1px solid #00c0d1; }
.main_nav .mega-menu .menu-links li .list_box a p{ font-size: 24px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.main_nav .mega-menu .menu-links li .list_box a:hover p{ color:#00c0d1 !important;}
.main_nav .mega-menu .menu-links li .list_tag { margin: 0; float: left; padding: 20px 0 10px; }
.main_nav .mega-menu .menu-links li .list_tag ul { float: initial; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; }
.main_nav .mega-menu .menu-links li .list_tag a p { font-size: 24px; color:#07929e  !important; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.main_nav .mega-menu .menu-links li .list_tag a:hover p{color:#00c0d1 !important; }
/* .main_nav .megamenu_box { width: 170px; background-color: #ffffff;  }
.main_nav .mega-menu .menu-links li .list_box{ padding: 10px; float: left; margin: 0; width: 100%;}
.main_nav .mega-menu .menu-links li .list_box ul{ margin: 0;}
.main_nav .mega-menu .menu-links li .list_box ul li{ margin: 0;}
.main_nav .mega-menu .menu-links li .list_box ul li a{ display: table; font-size: 24px; padding: 6px 10px;}
.main_nav .mega-menu .menu-links li .list_box a p{ font-size: 16px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.main_nav .mega-menu .menu-links li .list_box a:hover p{ color:#00c0d1 !important;}
.main_nav .mega-menu .menu-links li .list_tag { margin: 0; float: left; padding: 20px 0 10px; }
.main_nav .mega-menu .menu-links li .list_tag ul { float: initial; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; }
.main_nav .mega-menu .menu-links li .list_tag a p { font-size: 20px; color: #07929e !important; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.main_nav .mega-menu .menu-links li .list_tag a:hover p{color:#00c0d1 !important; } */

@media screen and (min-width: 768px){
	.main_nav .mega-menu > section.menu-list-items{ display: -ms-flexbox; display: flex; align-items:center;}
	.main_nav .mega-menu .menu-links {display: flex !important; justify-content: flex-end;}
    .header .main_nav .mega-menu .menu-links li div.mg-drop-down { height: 100vh; overflow: scroll; padding-bottom: 100px; box-shadow:-0.1px 3px 5px 0 rgba(0, 0, 0, 0.2); overscroll-behavior: contain/*防止下層頁面滾動*/;}
    .main_nav .megamenu_box { max-width: 98%; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  height: 100vh; overflow: scroll; padding-bottom: 200px; overscroll-behavior: contain;}
    .main_nav .mega-menu .menu-links li .list_box {  margin-right: 0; padding: 15px 15px 0; -ms-flex:0 0 16.666666%; flex:0 0 16.666666%; }
    .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12{ background:rgb(255 255 255 / 90%);}
    .main_nav .mega-menu .menu-links > li { height: 56px; padding-top: 15px; }
    .main_nav .mega-menu .menu-links li .list_box ul li a{ line-height: 28px; }
}

@media screen and (max-width: 1199px){
    .main_nav .mega-menu .menu-links>li { margin: 0 12px; }
	.main_nav .mega-menu .menu-links > li a{ font-size: 24px;}
    .header.gizle .main_nav .mega-menu > section.menu-list-items{ padding:0 20px;}
	.main_nav .mega-menu > section.menu-list-items{padding: 0px 5px 0 10px;}
}
@media (min-width: 768px) and (max-width: 992px){
    .header.gizle .main_nav .mega-menu .menu-logo { display: none; }
    .header.gizle .main_nav .mega-menu .menu-links { justify-content: space-between; }
}

@media(max-width:767px){
    .get_header { background: rgb(0 157 171 / 90%); }
    .main_nav .megamenu_box{  width: 100%; background-color: #ffffffc4; }
	.main_nav .mega-menu { min-height: 60px; }
    .main_nav .mega-menu .menu-links>li{ margin: 0;}
    .main_nav .mega-menu .menu-links li .list_box { margin: 0; padding: 10px;}
    .main_nav .mega-menu .mg-drop-down .list_box > ul>li>a{ width: 100%;}
    .main_nav .mega-menu .menu-links{ margin-top: 0px; height: 100vh;  max-height: initial !important;  padding-bottom: 150px;}
    .main_nav .mega-menu .menu-links > li{ border-bottom:1px solid #abd8dc;}
    .main_nav .mega-menu .menu-links > li > a::before,.main_nav .mega-menu .menu-links > li > a::after{ display: none;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger{ background-color: transparent; height: 60px; width: 60px;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger:hover{ background-color: transparent;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .main_nav .mega-menu .menu-mobile-collapse-trigger span{ height: 1px; width: 35px; top: 20px;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger span{ top: 30px;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after{ top: 40px;}
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:before{-webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg);}
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:after{ -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg);}
    .main_nav .mega-menu > section.menu-list-items{ height: 60px; padding:0;}
    .header.gizle .main_nav .mega-menu{ min-height: 60px;}
    .header.gizle .main_nav .mega-menu > section.menu-list-items{ padding: 0; height: 60px; }
    .main_nav .mega-menu .menu-logo{flex:initial; height: 60px; padding-left: 5px; background: #00c0d1;}
    .main_nav .mega-menu .menu-logo > li > a img{ width: 160px; margin-top: 16px;}
    .main_nav .mega-menu .menu-logo > li > a{ position: initial;}
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile{ background-color: transparent;}
    .main_nav .mega-menu .menu-links > li > a{ line-height: 30px; padding:10px;}
    .main_nav .mega-menu .menu-links li .list_tag{ padding: 0px;}
    .main_nav .mega-menu .menu-links li .list_tag h4{ margin-left: 10px; padding-left: 29px; font-size: 16px;}
    .main_nav .mega-menu .menu-links > li:nth-child(2) .list_tag h4::before{ width: 25px; height: 24px; background-size: 24px;}
    .main_nav .mega-menu .menu-links li .list_tag ul{ display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start;}
    .main_nav .mega-menu .menu-links li .list_tag li{ width: 50%; margin: 0;}
    .main_nav .mega-menu .menu-links li .list_tag li{ padding: 5px 7px;}
    .main_nav .mega-menu .list_tag a{ margin-bottom: 10px; width: 100%;}
	.main_nav .mega-menu .menu-links > li  .list_tag a{ padding: 0;}
	.main_nav .mega-menu .menu-links li .list_box a p{ margin-right: 15px;}
	.main_nav .mega-menu .menu-links li .list_tag a p{font-size: 16px;}
    .main_nav .mega-menu .menu-links > li::after{ display: none;}
}
@media(max-width:575px){
    .main_nav .mega-menu .menu-logo > li > a img{  width: 140px;}
}

/* 上方會員及logo */
.header_member { position: absolute; right: 20px; top: 0; opacity: 1; transition: .3s; flex: auto; max-width: initial; width: auto;  margin-top: 10px; z-index: 1049; }
.header_member .member_btn{ display: inline-block;}
.header_member .member_btn >a { color: #00c0d1; text-decoration: none; position: relative; background: rgb(255 255 255 / 70%); padding: 7px 20px 7px 48px;
     border-radius: 35px; font-size: 16px; display: block; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;}
.header_member .member_btn >a:hover{ background-color: #ffffff; }
.header_member .member_btn>a::before { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/member-icon.svg) no-repeat center; width: 19px; height: 20px; left: 10px; top: 8px; z-index: 1; opacity: 0.8; }
.header_member .member_btn>a::after { content: ""; position: absolute; background: #00c0d1; width: 32px; height: 32px; border-radius: 50%; left: 4px; top: 3px; }
.header_member .showName { padding: 0; }
.header_member .showName .SignOut { background:transparent; color: #01c0d1; text-decoration: underline; margin-left: 0;}
.header_logo { display: none !important; margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); padding:30px 0 0; z-index: 1049; text-align: center;}
.header_logo a{ display: table; margin: 0 auto;}
.header.gizle .header_logo, .header.gizle .header_member{ opacity: 0; transition: .3s; top: -70px; }
.header_member.cart section { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
@media(max-width:767px){
    .header_logo{ display: none !important;}
    .header_member { right: 70px; margin-top: 11px; }
    .header.gizle .header_member { opacity:1; top:0; }
}
@media(max-width:575px){
    .header_member { margin-top: 15px; right: 60px;}
    .header_member .member_btn>a::before,.header_member .member_btn>a::after{ display: none;}
    .header_member .member_btn >a{ padding: 4px 8px; border-radius: 5px; font-size: 15px;background: rgb(255 255 255 / 80%);}
}

/* 購物車 */
.cart_btn{ display: inline-block;}
.header_member.cart .top-cart { position: relative; padding: 5px; display: block; background: rgb(255 255 255 / 70%); border-radius: 50%; width: 38px; height: 38px; margin-right: 14px; color: #01c0d1; }
@media(max-width:575px){
    .header_member.cart .top-cart { padding: 3px; width: 30px; height: 30px; margin-right: 12px;     background: rgb(255 255 255 / 80%);}
    .header_member.cart .top-cart .icon i{ font-size: 16px;}
}
/***** 首頁 *****/
/* 大圖輪播 */
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .cover { display: none; }
.main_slider .swiper-wrapper::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0 0 0 / 40%)); width: 100%; height: 240px; left: 0; top: 0; z-index: 1; }
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box { padding:30px; }
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt { top: unset; bottom: 0; width: 100%; left: 0; right: 0; transform: unset; height: 200px; max-width: 100%; background: rgb(98 172 179 / 60%); }
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title { text-align: center; letter-spacing: 2px; margin:0 auto 16px; width: 100%; display: table; text-shadow: 1px 1px 5px rgba(0, 113, 123, 0.35); font-size: 28px;}
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ letter-spacing: 2px; text-align: center; margin:0 auto 16px; width: 100%; text-shadow: 1px 1px 5px rgba(0, 113, 123, 0.35); font-size: 24px;  }
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .line { display: none; }
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-prev,
.main_slider section.banner-area .swiper-area .banner-swiper .swiper-button-next{ width: 25px; fill: #ffffff; opacity:0.7;}
.main_slider .slide-txt-box a.btn.btn-lg.btn-link { display:table; margin: 0 auto; transition: all 0.7s ease; transition-delay:1.1s; transform: translateY(20px); opacity: 0;
    font-family: "Antic Didone", serif !important; font-weight: 400; font-style: normal; color: #ffffff; text-decoration: none; border: 1px solid #ffffff; font-size: 22px; padding: 3px 28px; line-height: 28px; border-radius: 30px; filter: drop-shadow(5px 5px 5px rgba(0, 60, 65, 0.8));}
.main_slider .swiper-slide.swiper-slide-active .slide-txt-box a.btn.btn-lg.btn-link{ opacity: 1; visibility: visible; transform: translateY(0px); }
.main_slider .swiper-button-next:after,.main_slider .swiper-container-rtl .swiper-button-prev:after,.main_slider .swiper-button-prev:after,.main_slider .swiper-container-rtl .swiper-button-next:after{ display: none;}
@media(max-width:767px){
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box { padding: 20px; }
    .main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{ height: auto;}
}
@media (max-width:576px) { 
	.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .title { font-size: 22px; letter-spacing: 1px; margin-bottom: 10px; } 
	.main_slider section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt .slide-txt-box .content{ font-size: 16px; letter-spacing: 1px; margin-bottom: 10px}
    .main_slider .slide-txt-box a.btn.btn-lg.btn-link{ font-size: 20px;}
}

/* 首頁搜尋頁籤 */
.index_search_tab{ border-left: 1px solid #c1dddf !important; border-right: 1px solid #c1dddf !important; box-shadow: -0.1px 3px 7px 0 rgba(0, 0, 0, 0.07);}
.index_search_tab .blk-tabs.dp-tbl { margin: 25px 30px 0;}
.index_search_tab li.nav-item+li { margin-left: 10px; }
.index_search_tab .nav-tabs{ border-bottom:1px solid #c1dddf; }
.index_search_tab a.nav-link { background: transparent; padding: 6px 25px; color: #07929e; border: 1px solid #c1dddf; border-bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px;  -webkit-transition: all .4s; transition: all .4s;}
.index_search_tab a.nav-link.active,.index_search_tab a.nav-link.active:hover,.index_search_tab .nav-tabs .nav-link:focus{ background: #07929e; color: #ffffff; border: 1px solid #07929e; border-bottom-color: #07929e; }
.index_search_tab .nav-tabs .nav-link:hover { background: #ffffff; color: #07929e; border: 1px solid #07929e; border-bottom-color: #c1dddf; }

/* 首頁國外搜尋引擎 */
.search_foreign .group_banner.search_banner .search-area > .container { background:#ffffff; border-bottom: 0;  margin: 0 auto;  padding:0 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
     border: solid 1px #c1dddf; border-top: 0; box-shadow: -0.1px 3px 7px 0 rgba(0, 0, 0, 0.07);}
.search_foreign section.group_banner .search-area .search-box{ margin: 20px 0 23px; height: 75px;}
.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: 0; height: 45px; padding: 0 5px; color: #333333; background-color: #e8f0f1; border-radius: 4px;}
.search_foreign section.group_banner .search-area .search-box .select-input > input { height: 45px; background:#e8f0f1; padding-left: 10px; border:0; border-radius:4px;}
.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:0; font-size: 15px; color: #333333; 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: #333333; border:0; height: 45px; padding: 0 5px; width: calc(50% - 14px); background:#e8f0f1 !important; border-radius:4px;}
.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: 0; font-size: 15px; letter-spacing: 1px; color:#333333; 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: 43px; line-height: 43px; background:#00c0d1; border-radius: 4px; outline: none;  -webkit-transition: all .4s; transition: all .4s;}
.search_foreign section.group_banner .search-area .search-box .search-btn:hover{ background-color:#07929e;}
.search_foreign .search-area .search-box .search-btn h5{position: relative; font-size: 17px; width: auto; padding-left: 22px; line-height: 45px;}
.search_foreign .search-area .search-box .search-btn h5::before{ content: ""; background: url(https://www.giantelephant.com.tw/material-alias/search_icon.svg) no-repeat center; width: 19px; height: 19px; position: absolute; left: 0px; top: 13px; }
.search_foreign .search-area .search-box .search-btn i{ display: none;}

/*搜尋月曆*/
.datepicker.dropdown-menu { border: 1px solid #00c0d1; }
.datepicker.datepicker-dropdown:before { border-bottom-color: #00c0d1; }
.datepicker.datepicker-dropdown.datepicker-orient-top:before { border-top: 7px solid #00c0d1; }
.datepicker td,
.datepicker th { width: 30px; height: 30px; }
.datepicker table tr td.active.active { background: #f39800; }
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev { color: #00c0d1; }
.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: #00c0d1; }
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active { background: #f39800; }
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:hover { background: #00c0d1; }
@media(max-width:1400px){
	.search_foreign .group_banner.search_banner .search-area > .container{ max-width: 100%;}
}
@media(max-width:1199px){
	.search_foreign .group_banner.search_banner .search-area > .container { padding: 0 15px; }
}
@media(max-width:991px) {
	.search_foreign section.group_banner .search-area .search-box { height: auto; margin: 15px 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: 15px; }
	.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; }
    .search_foreign section.group_banner .search-area .search-box>div:nth-child(5) .select-input::after { left: 7px; }
}

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

/* 首頁國內搜尋引擎 */
.search_domestic .group_banner.search_banner .search-area > .container {  background: #ffffff; border-bottom: 0; margin: 0 auto; padding: 0 30px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
    border: solid 1px #c1dddf; border-top: 0; box-shadow: -0.1px 3px 7px 0 rgba(0, 0, 0, 0.07); }
.search_domestic section.group_banner .search-area .search-box{ margin: 20px 0 23px; height: 75px;}
.search_domestic section.group_banner .search-area .search-box>div{ padding:0 !important; -ms-flex:1; flex: 1; max-width: initial;}
.search_domestic section.search_banner .search-area .search-box .select-destination,
.search_domestic section.search_banner .search-area .search-box .select-departure,
.search_domestic section.group_banner .search-area .search-box .select-date{ background: transparent;}
.search_domestic section.search_banner .search-area .search-box .select-destination,
.search_domestic section.search_banner .search-area .search-box .select-departure{ padding: 0 6px;}
.search_domestic section.group_banner .area_input{ background-position: right 8px center; background-size: 10px auto; border:0; height: 45px; padding: 0 5px; color: #333333; background-color: #e8f0f1; border-radius: 4px; }
.search_domestic section.group_banner .search-area .search-box .select-input > input { height: 45px; background:#e8f0f1; outline: none; padding-left: 16px; border:0; border-radius:4px; }
.search_domestic section.search_banner .search-area .search-box .select-departure .title i,
.search_domestic section.search_banner .search-area .search-box .select-destination .title i,
.search_domestic .search-area .search-box .select-date .title i,
.search_domestic section.search_banner .search-area .search-box .select-input .data-icon-search{ display: none;}
.search_domestic section.group_banner .search-area .search-box .select-departure .title,
.search_domestic section.group_banner .search-area .search-box .select-destination .title,
.search_domestic section.group_banner .search-area .search-box .select-date .title{ height: 30px; position: relative;}
.search_domestic section.group_banner .search-area .search-box .select-destination .title h6,
.search_domestic section.group_banner .search-area .search-box .select-departure .title h6,
.search_domestic section.group_banner .search-area .search-box .select-date .title h6{ margin: 0; padding-left:0; font-size: 15px; color: #333333; font-weight: 400;}
.search_domestic section.group_banner .search-area .search-box .select-date { padding: 0 6px; height: 70px; }
.search_domestic section.group_banner .search-area .search-box .select-date .select input {outline: none; padding: 0 5px; width: calc(50% - 14px); text-align: center; color: #333333; border:0; height: 45px; padding: 0 5px; width: calc(50% - 14px); background:#e8f0f1 !important; border-radius:4px;}
.search_domestic section.group_banner .search-area .search-box>div:nth-child(4) { display: -ms-flexbox; display: flex; align-items: flex-end; padding-right: 12px !important; }
.search_domestic .search-area .search-box .select-date .select .divide { background: #333333; margin: 20px 5px 0px 5px; }
.search_domestic .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; padding-left:0; font-size: 15px; letter-spacing: 1px; color: #333333; font-weight: 400; top: 0; left: 0;}
.search_domestic section.group_banner .search-area .search-box>div:last-child { flex: 0 0 134px; display: -ms-flexbox; display: flex; align-items: flex-end;}
.search_domestic section.group_banner .search-area .search-box .search-btn { height: 43px; line-height: 43px; background: #00c0d1; border-radius: 4px; outline: none; -webkit-transition: all .4s; transition: all .4s;}
.search_domestic section.group_banner .search-area .search-box .search-btn:hover{ background-color:#07929e;}
.search_domestic .search-area .search-box .search-btn h5{ position: relative; font-size: 17px; width: auto; padding-left: 22px; line-height: 45px;}
.search_domestic .search-area .search-box .search-btn h5::before{ content: ""; background: url(https://www.giantelephant.com.tw/material-alias/search_icon.svg) no-repeat center; width: 19px; height: 19px; position: absolute; left: 0px; top: 13px; }
.search_domestic .search-area .search-box .search-btn i{ display: none;}
.search_domestic section.group_banner .area_content{ border-radius: 10px;}
@media(max-width:1400px){
	.search_domestic .group_banner.search_banner .search-area > .container{ padding: 0 20px; max-width: 100%;}
}
@media(max-width:1199px){
	.search_domestic .group_banner.search_banner .search-area > .container{ padding: 0 15px; }
}
@media(max-width:991px) {
	.search_domestic section.group_banner .search-area .search-box { margin: 15px 0; height: auto; }
	.search_domestic section.group_banner .search-area .search-box>div { -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 10px; }
	.search_domestic section.group_banner .search-area .search-box>div:nth-child(4) { padding: 0 5px !important; }
    .search_domestic section.group_banner .search-area .search-box .select-input > input{ margin-top: 15px;}
	.search_domestic section.group_banner .search-area .search-box .select-input::before{ left: 5px;}
    .search_domestic section.group_banner .search-area .search-box .select-input::after{ left: 7px;}
	.search_domestic section.group_banner .search-area .search-box>div:last-child { flex: 1; justify-content: center; margin-top: 20px; }
	.search_domestic section.group_banner .search-area .search-box .search-btn{width: 200px;}
	.search_domestic section.group_banner .search-area .search-box .select-date .select { width: 100%; }
	.search_domestic section.group_banner .search-area .search-box .select-date .select input{ width: calc(50% - 13px);}
}

@media(max-width:767px) {
    .search_domestic section.search_banner{ width: auto;}
    .search_domestic section.group_banner .search-area .search-box>div:nth-child(4){ flex: 0 0 50%; max-width: 50%; margin-bottom: 5px;}
    .search_domestic section.group_banner .search-area .search-box>div:nth-child(5){ flex: 0 0 100%; max-width: 100%; }
    .search_domestic section.group_banner .search-area .search-box>div:last-child{ margin: 10px auto 0;}
    .search_domestic .mic_icon{ top: 20px;}
}
@media(max-width:575px) {
	.search_domestic section.group_banner .search-area .search-box>div:nth-child(4){ height: 70px;;}
    .search_domestic section.group_banner .search-area .search-box>div:nth-child(3), .search_domestic section.group_banner .search-area .search-box>div:nth-child(4){ flex: 0 0 100%; max-width: 100%; }
    .search_domestic section.group_banner .search-area .search-box>div:first-child, .search_domestic section.group_banner .search-area .search-box>div:nth-child(2){ flex: 0 0 50%;  max-width: 50%;}
    .search_domestic .mic_icon { top: 25px; }
    .search_domestic .mic_icon i{ padding: 5px 15px 3px;}
    .search_domestic section.group_banner .search-area .search-box .search-btn{ width: 150px;}
}
/* 精選旅遊頁籤及標題 */
.main_tab{ margin-top: 25px; margin-bottom: 45px; min-height: 150px;}
.main_tab .header-title.dp-tbl { position: absolute; padding-top: 40px; padding-left: 10px;}
.main_tab.featured .header-title.dp-tbl::before { content: ""; position: absolute; width: 99px; height: 91px; left: 0; top: 15px; background: url(https://www.giantelephant.com.tw/material-alias/shell_img01.svg) no-repeat center; z-index: -1; }
.main_tab>.module-container,.main_tab>.module-container>.main { height: 100%; }
.main_tab>.module-container>.main { align-items: flex-end; }
.main_tab .blk-tabs.dp-tbl{ z-index: 1;}
.main_tab .nav-pills li+li { margin-left: 13px; }
.main_tab .nav-pills .nav-link { font-size: 18px; border-radius: 30px; padding: 7px 20px; font-size: 18px; border-radius: 30px; padding: 4px 24px; background: #ffffff; border: 1px solid #c1dddf;
     color: #333333;  -webkit-transition: all .4s; transition: all .4s; }
.main_tab .nav-pills .nav-link.active,.main_tab .nav-pills .show>.nav-link { color: #ffffff; background: linear-gradient(to bottom, #01c0d1 0%, #4dd8e4 100%); border:1px solid #3fd1df;}
.main_tab .nav-pills .nav-link:hover{ border:1px solid #3fd1df; color: #00c0d1;}
.main_tab .nav-pills .nav-link.active:hover,.main_tab .nav-pills .show>.nav-link:hover{ color: #ffffff;}
@media(max-width:991px) {
    .main_tab{min-height: 130px;}
}
@media(max-width:767px) {
    .main_tab{ margin-bottom: 30px;}
    .main_tab .header-title.dp-tbl{ position: relative; padding-bottom: 15px;}
    .main_tab .nav-pills .nav-link{ font-size: 16px; padding: 4px 14px;}
}

/* 精選旅遊 */
.main_featured_block>.module-container>.main { background: url(https://www.giantelephant.com.tw/material-alias/bg-wave01.png) center !important; background-repeat: no-repeat !important; }
.main_featured .swiper-slide-style { border-radius:0; margin-top: 0; margin-bottom: 90px; box-shadow: none;}
.main_featured .swiper-slide .swiper-img { margin: 0;}
.main_featured .swiper-slide .swiper-img img { border-radius:0; aspect-ratio:4 / 3.23; object-fit: cover; object-position: center center; }
.main_featured .swiper-slide .swiper-content { color: #333333; box-shadow:-0.1px 3px 7px 0 rgba(0, 0, 0, 0.02); margin-bottom: 0; padding:18px 20px;
    position: absolute; bottom: -70px; left: 50%; transform: translate(-50%, 0); background: #ffffff; width: calc(100% - 30px); height: 105px;}
.main_featured .swiper-slide .swiper-content::before{ content: ""; position: absolute; width: 0%; opacity: 0; height: 1px; background: #01c0d1; bottom: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;  }
.main_featured .swiper-slide:hover .swiper-content::before{ content: ""; position: absolute; width: 100%; opacity: 1;}
.main_featured .swiper-slide .swiper-content h4{ color: #333333; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0.5px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px;}
.main_featured .swiper-slide .swiper-content h5{ position: absolute; text-align: right; right: 20px; bottom: 15px; font-size: 20px; color: #bb7e26; margin-bottom: 0; font-family: Roboto, sans-serif !important; letter-spacing: 0;}
.main_featured .swiper-slide .swiper-content h5::before { content: "$"; font-size: 17px; padding-right: 4px; vertical-align: text-bottom; line-height: 23px; }
.main_featured .swiper-slide .swiper-content h5::after { content: "元起"; font-size: 14px; padding-left: 4px; vertical-align: text-bottom; line-height: 22px; }
.main_featured .swiper-button-prev, .main_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; }
.main_featured .swiper-button-prev:hover, .main_featured .swiper-button-next:hover { background: rgb(0 0 0 / 80%); }
.main_featured .swiper-button-prev,.main_featured .swiper-container-rtl .swiper-button-next { left: 0px; }
.main_featured .swiper-button-next,.main_featured .swiper-container-rtl .swiper-button-prev { right: 0px; }
.main_featured .swiper-button-next:after, .main_featured .swiper-container-rtl .swiper-button-prev:after, .main_featured .swiper-button-prev:after, .main_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; }
.main_featured .swiper-button-prev:after { transform: scaleX(-1); }
.main_featured .swiper-button-prev.swiper-button-disabled,.main_featured .swiper-button-next.swiper-button-disabled{ display: none; }
@media(max-width:575px) {
    .main_featured .swiper-slide .swiper-content h5{ font-size: 18px;}
    .main_featured .swiper-button-prev, .main_featured .swiper-button-next{ display: none;}
}
/* 親子遊學 */
.main_family_block>.module-container>.main { background: url(https://www.giantelephant.com.tw/material-alias/bg-wave02.png) center bottom !important; background-repeat: no-repeat !important; }
.main_tab.family .header-title.dp-tbl::before { content: ""; position: absolute; width: 102px; height: 82px; left: 0; top: 15px; background: url(https://www.giantelephant.com.tw/material-alias/shell_img02.svg) no-repeat left;  background-size: 102px; z-index: -1; }
.main_family .mix-wrapper{ padding: 0; overflow: hidden;}
.main_family .mix-wrapper>.row { max-width: 1360px; margin: 0 auto; padding: 0; position: relative; }
.main_family .mix-wrapper>.row+.row { margin-top: 38px; }
.main_family .pic-content,.main_family .editor-content{ margin: 0; padding: 0;}
.main_family .pic-content .img-mode .img-box img{ aspect-ratio: 4 / 2.229; object-fit: cover; object-position: center;}
.main_family .editor-content{ background-color: #ffffff;}
.main_family .mix-wrapper>.row:nth-child(odd)::before { content: ""; background: #ffffff; position: absolute; left:100%; top: 0; width: 100%; height: 100%; }
.main_family .mix-wrapper>.row:nth-child(even)::before { content: ""; background: #ffffff; position: absolute; right:100%; top: 0; width: 100%; height: 100%; }
.main_family .editor-content article{ position: relative; color:#333333; height: 100%; padding:45px 45px 100px; display: flex; flex-flow: column; }
.main_family .editor-content article p { font-size: 16px; line-height: 28px; margin-bottom: 0; }
.main_family .editor-content article h2 { font-size: 18px; font-weight: 600; margin-bottom:30px; letter-spacing: 0.6px;}
.main_family .editor-content article h3 { color: #bb7e26; font-size: 16px; margin-bottom: 15px; letter-spacing: 0.6px; font-family: Roboto, sans-serif !important; font-weight: 400;}
.main_family .editor-content article div { position: absolute; bottom: 30px; right: 40px; }
.main_family .editor-content article div a { text-decoration: none; -webkit-transition: all .4s; transition: all .4s; font-size: 18px; font-family: "Antic Didone", serif !important;
     color: #333333; letter-spacing: 0.5px; padding-right: 70px; padding-top: 21px; display: block; height: 65px; }
.main_family .editor-content article div a span { position: absolute; right: 0; top: 0; width: 65px; height: 65px; font-size: 0; overflow: hidden; }
.main_family .editor-content article div a span::before { content: ""; background: #00c0d1; position: absolute; width: 55px; height: 55px; border-radius: 50%; right: 5px; top: 5px;
     -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.main_family .editor-content article div a:hover span::before{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_family .editor-content article div a span::after { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/go_top.svg) no-repeat center; width: 65px; height: 65px; transform: rotate(90deg); background-size: 16px; right: 0; top: 0; }
.main_family .editor-content article div a:hover span::after{ -webkit-animation: MoreArrow 400ms ease; animation: MoreArrow 400ms ease; }
@keyframes MoreArrow {
    0%   {transform: translateX(0%) rotate(90deg);}
    50%  {transform: translateX(100%) rotate(90deg);}
    51%  {transform: translateX(-100%) rotate(90deg);}
    100% {transform: translateX(0%) rotate(90deg);}
}
@keyframes MoreArrow2 {
    0%   {transform: translateX(0%);}
    50%  {transform: translateX(100%);}
    51%  {transform: translateX(-100%);}
    100% {transform: translateX(0%) ;}
}
@media(max-width:1360px) {
    .main_family { max-width: 95%; margin: 0 auto; }
    .main_family .editor-content article { padding: 30px 30px 80px; }
    .main_family .editor-content article div { bottom: 10px; right: 20px; }
    .main_family .editor-content article h2{ margin-bottom: 15px;}
    .main_family .mix-wrapper>.row:nth-child(odd)::before,.main_family .mix-wrapper>.row:nth-child(even)::before{ display: none;}
}

/* 特殊規劃專區 */
.main_family.special { padding-bottom: 60px; }
.main_family.special .mix-wrapper>.row:nth-child(odd)::before { right: 100%; left: initial; }
.main_tab.special .header-title.dp-tbl::before { content: ""; position: absolute; width: 91px; height: 91px; left: 0; top: 15px; background: url(https://www.giantelephant.com.tw/material-alias/shell_img05.svg) no-repeat left;  background-size: 80px; z-index: -1; }

/* 影音分享 */
.main_video_block { padding-top: 140px; }
.main_video_block>.module-container>.main { padding-bottom: 60px; }
.main_video_info{ -ms-flex: 0 0 540px; flex: 0 0 540px; max-width: initial; color: #ffffff; }
.main_video_info::before { content: ""; position: absolute; width:118px; height: 115px; right:-40px; bottom:0; background: url(https://www.giantelephant.com.tw/material-alias/shell_img04.svg) no-repeat left;  background-size: 118px; }
.main_video_info>.module-container, .main_video_info>.module-container>.main { height: 100%; }
.main_video_info>.module-container>.main { display: -ms-flexbox; display: flex; flex-flow: column; justify-content: center; padding:40px 120px; }
.main_video_info.get_title>.module-container>.main>.header-title { color: #ffffff; }
.main_video_info.get_title>.module-container>.main>.header-title>div { color: #ffffff; margin-bottom: 30px;}
.main_video_info p{ font-size: 16px; line-height: 28px; }
.main_video{-ms-flex: 1; flex: 1; max-width: initial; margin: -80px 15px 0;}
.main_video .module { max-width: 1110px; padding-left: 0; }
.main_video .video-container { padding-bottom: 48.9%; }
@media(max-width:1680px) {
    .main_video .module { padding-right: 40px; }
}
@media(max-width:1360px) {
    .main_video_info { -ms-flex: 0 0 400px; flex: 0 0 400px;}
    .main_video_info>.module-container>.main{ padding: 40px;}
}
@media(max-width:1199px) {
    .main_video_info { -ms-flex: 0 0 330px; flex: 0 0 330px;}
}
@media(max-width:991px) {
    .main_video_block { padding-top: 60px; }
    .main_video_info { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .main_video_info::before { right: 20px; bottom: -30px;}
    .main_video_info>.module-container>.main { padding: 30px; }
    .main_video { margin: 0 15px; }
    .main_video .module { padding: 0 30px; }
}
@media(max-width:767px) {
    .main_video_block { padding-top: 30px; }
    .main_video_info>.module-container>.main { padding: 30px 15px; }
    .main_video_block>.module-container>.main { padding-bottom: 30px; }
    .main_video .module { padding: 15px; }
}

/* 影音分享-輪播圖版本 */
.main_video_block.new{ padding-top: 160px; }
.main_video_block.new>.module-container>.main{ padding-bottom: 50px;}
.main_video_slider {-ms-flex: 1; flex: 1; max-width: initial; margin: -130px 0 0;}
.main_video_slider .swiper-container{ padding: 90px 0 0;}
.main_video_slider .swiper-container::before { content: ""; position: absolute; width: calc(100% - 250px); height: 1px; background: rgb(123 123 123 / 60%); top: 27px; left: 0; }
.main_video_slider .swiper-slide-style{  background:#ffffff; box-shadow: none; margin-top: 0; margin-bottom: 0;}
.main_video_slider .swiper-slide-style figure{ position: relative; overflow: hidden; margin-bottom:0; background-color: #000000;}
.main_video_slider .swiper-slide-style figure.swiper-img::before { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/youtube_icon.svg) no-repeat center; width:40px; height: 40px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_video_slider .swiper-slide-style:hover figure::after{ opacity: 0.7;}
.main_video_slider .swiper-slide .swiper-img img { opacity: 0.8; border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio:4 / 3.23; object-fit: cover; object-position: center center;  ; transition: 2s; -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.main_video_slider .swiper-slide:hover .swiper-img img{ opacity: 0.6; -webkot-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); transition: 2s;}
.main_video_slider .swiper-slide h3 { color: #00c0d1; text-align: left; font-size: 18px; font-weight: 600; letter-spacing: 0.8px; margin-bottom: 0; padding: 8px 18px 4px 38px; margin-top: -35px; z-index: 1; position: relative; display: table; background: #ffffff; height: 35px; border-top-right-radius: 20px; }
.main_video_slider .swiper-slide h3::after { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/video_icon.svg) no-repeat center; background-size: 15px; width: 16px; height: 16px; left: 18px; top: 10px; z-index: 2; }
.main_video_slider .swiper-slide .swiper-content { position: relative; color: #333333; margin-bottom: 0; padding: 0 25px; margin-top: 20px;  -webkit-line-clamp: initial; overflow: inherit;}
.main_video_slider .swiper-slide .swiper-content h4{  font-size: 18px; font-weight: 600; margin-bottom: 20px; line-height: 28px;}
.main_video_slider .swiper-button-prev, .main_video_slider .swiper-button-next{ font-size: 0; background:transparent; top: 25px; width: 50px; height: 50px; opacity: 1; border-radius: 50%; border: 1px solid #00c0d1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_video_slider .swiper-button-prev:hover, .main_video_slider .swiper-button-next:hover{background:#ffffff9c;}
.main_video_slider .swiper-button-prev{ left: initial; right: 150px;}
.main_video_slider .swiper-button-next{right: 70px;}
.main_video_slider .swiper-button-next:after,.main_video_slider .swiper-button-prev:after{
  padding: 0; background: transparent; background-image: url(https://www.giantelephant.com.tw/material-alias/arrow_blue.svg); width: 50px; height: 50px; background-size: 16px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0;}
.main_video_slider .swiper-button-prev:after {transform:scaleX(-1);}
.main_video_slider .swiper-button-prev.swiper-button-disabled, .main_video_slider .swiper-button-next.swiper-button-disabled { opacity: 0.4; }
@media (max-width: 1360px) {
    .main_video_info>.module-container>.main { padding: 30px; }
}
@media (max-width:991px){
  .main_video_slider{ margin: 0;}
  .main_video_slider .swiper-container::before { width: calc(100% - 180px); }
  .main_video_slider .swiper-button-next{ right: 30px;}
  .main_video_slider .swiper-button-prev{ right: 100px;}
  .main_video_slider .swiper-container { padding: 90px 30px 0; }
}
@media (max-width:767px){
    .main_video_block.new{ padding-top: 30px; }
    .main_video_slider .swiper-button-next,.main_video_slider .swiper-button-prev{ display: none; }
    .main_video_slider .swiper-container::before { display: none; }
    .main_video_slider .swiper-container { padding: 0px 20px; }
    .main_video_slider .swiper-slide h3 { font-size: 16px; height: 30px; margin-top: -30px; }
    .main_video_slider .swiper-slide h3::after{ background-size: 13px;}
    .main_video_slider .swiper-slide .swiper-content { padding: 0 30px; font-size: 15px;}
}
@media (max-width:575px){
    .main_video_slider .swiper-container::before { left: 10px; }
}


/* 精彩遊記 */
.main_wonderful_block { padding-top: 100px; padding-bottom: 100px;}
.main_wonderful_title { -ms-flex: 0 0 280px; flex: 0 0 280px; max-width: initial; }
.main_wonderful_title.get_title>.module-container>.main>.header-title { writing-mode: vertical-lr; padding-left: 100px; }
.main_wonderful_title .header-title::before { content: ""; position: absolute; width: 101px; height: 66px; left: 100px; top: -30px; background: url(https://www.giantelephant.com.tw/material-alias/shell_img03.svg) no-repeat left; background-size: 101px; z-index: -1; }
.main_wonderful {-ms-flex: 1; flex: 1; max-width: initial; }
.main_wonderful .swiper-container{ padding: 90px 0 0;}
.main_wonderful .swiper-container::before { content: ""; position: absolute; width: calc(100% - 250px); height: 1px; background: rgb(123 123 123 / 60%); top: 27px; left: 0; }
.main_wonderful .swiper-slide-style{  background:#ffffff; box-shadow: none; margin-top: 0; margin-bottom: 0; cursor: default;}
.main_wonderful .swiper-slide-style figure{ position: relative; overflow: hidden; margin-bottom:0;}
.main_wonderful .swiper-slide-style:hover figure::after{ opacity: 0.7;}
.main_wonderful .swiper-slide .swiper-img img { border-top-left-radius: 0; border-top-right-radius: 0; aspect-ratio:5 / 2.75; object-fit: cover; object-position: center center;  ; transition: 2s; -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.main_wonderful .swiper-slide:hover .swiper-img img{ -webkot-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); transition: 2s;}
.main_wonderful .swiper-slide h3 { color: #00c0d1; text-align: left; font-size: 18px; font-weight: 600; letter-spacing: 0.8px; margin-bottom: 0; padding: 8px 18px 4px 38px; margin-top: -35px; z-index: 1; position: relative; display: table; background: #ffffff; height: 35px; border-top-right-radius: 20px; }
.main_wonderful .swiper-slide h3::after { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/anchor_icon.svg) no-repeat center; background-size: 15px; width: 16px; height: 16px; left: 18px; top: 10px; z-index: 2; }
.main_wonderful .swiper-slide .swiper-content { position: relative; color: #333333; margin-bottom: 0; padding: 0 25px 50px; margin-top: 30px;  -webkit-line-clamp: initial; overflow: inherit;}
.main_wonderful .swiper-slide .swiper-content h4{  font-size: 18px; font-weight: 600; margin-bottom: 25px;}
.main_wonderful .swiper-slide .swiper-content h5 { font-size: 16px; color: #545454; line-height: 26px; letter-spacing: 0.5px; }
.main_wonderful .swiper-slide .swiper-content p{ position: absolute; color: #bb7e26; right: 25px; bottom: 20px; margin: 0; }
.main_wonderful .swiper-button-prev, .main_wonderful .swiper-button-next{ font-size: 0; background:transparent; top: 25px; width: 50px; height: 50px; opacity: 1; border-radius: 50%; border: 1px solid #00c0d1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_wonderful .swiper-button-prev:hover, .main_wonderful .swiper-button-next:hover{background:#ffffff9c;}
.main_wonderful .swiper-button-prev{ left: initial; right: 150px;}
.main_wonderful .swiper-button-next{right: 70px;}
.main_wonderful .swiper-button-next:after,.main_wonderful .swiper-button-prev:after{
  padding: 0; background: transparent; background-image: url(https://www.giantelephant.com.tw/material-alias/arrow_blue.svg); width: 50px; height: 50px; background-size: 16px; background-repeat: no-repeat; background-position: center; font-size: 0; border-radius: 0;}
.main_wonderful .swiper-button-prev:after {transform:scaleX(-1);}
.main_wonderful .swiper-button-prev.swiper-button-disabled, .main_wonderful .swiper-button-next.swiper-button-disabled { opacity: 0.4; }
@media (max-width:1199px){
    .main_wonderful_block { padding-top: 80px; padding-bottom: 80px; }
    .main_wonderful_title { -ms-flex: 0 0 160px; flex: 0 0 160px; }
    .main_wonderful_title.get_title>.module-container>.main>.header-title { padding-left: 40px; }
    .main_wonderful_title .header-title::before{ left: 40px;}
}
@media (max-width:991px){
  .main_wonderful .swiper-container::before { width: calc(100% - 180px); }
  .main_wonderful .swiper-button-next{ right: 30px;}
  .main_wonderful .swiper-button-prev{ right: 100px;}
}
@media (max-width:767px){
    .main_wonderful_title { -ms-flex: 0 0 120px; flex: 0 0 120px; }
    .main_wonderful_title.get_title>.module-container>.main>.header-title { padding-left: 20px; }
    .main_wonderful_title .header-title::before{ left: 20px;}
    .main_wonderful { -ms-flex:0 0 calc(100% - 120px); flex:0 0 calc(100% - 120px); }
    .main_wonderful .swiper-button-next{ right: 10px;}
    .main_wonderful .swiper-button-prev{ right: 80px;}
    .main_wonderful .swiper-container::before { width: calc(100% - 160px); }
    .main_wonderful .swiper-slide h3 { font-size: 16px; height: 30px; margin-top: -30px; }
    .main_wonderful .swiper-slide h3::after{ background-size: 13px;}
    .main_wonderful .swiper-slide .swiper-content { padding: 0 20px 40px; margin-top: 20px;font-size: 15px;}
    .main_wonderful .swiper-slide .swiper-content p{ margin-bottom: 15px;}
}
@media (max-width:575px){
    .main_wonderful_title.get_title>.module-container>.main>.header-title { writing-mode: initial; }
    .main_wonderful_title { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .main_wonderful { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 95%; margin: 0 auto; }
    .main_wonderful .swiper-container::before { left: 10px; }
}

/* 關於我們 */
.about_top .bgfixed { background-position: right bottom; }
.about_top .bgfixed::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(0 0 0 / 40%)); width: 100%; height: 240px; left: 0; top: 0; z-index: 1; }
.about_top section{ display: table; position: absolute; bottom: 70px; left: 50%; transform: translate(-50%, 0); background: rgb(0 192 209 / 90%); width: 266px; height: 266px; border-radius: 50%; text-align: center; }
.about_top section h1{ font-size: 45px; font-family: "Antic Didone", serif !important; letter-spacing:0; margin-bottom: 20px; margin-top: 75px; }
.about_top section h2{ font-size: 30px; font-weight: 400; letter-spacing: 1.2px; }
.about_slogan{ padding-top: 75px; padding-bottom: 75px;}
.about_slogan section { text-align: center; display: table; margin: 0 auto; position: relative; padding: 0 10px; }
.about_slogan section::before { content: ""; background: #cae5e7; height: 13px; width: 100%; position: absolute; bottom: 13px; left: 0; }
.about_slogan section span{ position: relative; color:#11aebc; font-size: 54px; font-family: "Antic Didone", serif !important; letter-spacing: 1px; }
.about_slogan section span+span{ padding-left: 85px; }
.about_slogan section span+span::before { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/關於我們/about_multiply.svg) center no-repeat; width: 49px; height: 49px; left: 18px; top: 8px; }
.about_service .mix-wrapper { padding:0 15px; max-width: 90%; position: relative; }
.about_service .editor-content { max-width: 83%; min-height: 586px; background: url(https://www.giantelephant.com.tw/material-alias/關於我們/about_bg2.jpg) top right no-repeat; margin: 0; padding: 40px 40px 40px 9%; display: -ms-flexbox; display: flex; align-items: center; }
.about_service .editor-content article { width: 54%; font-size: 18px; color: #545454; line-height: 38px; letter-spacing: 0.5px; text-align: justify; }
.about_service .editor-content article h3{position: relative; z-index: 1; color: #3ea4ad; font-size: 45px; font-family: "Antic Didone", serif !important; letter-spacing: 1px; margin-bottom: 40px;}
.about_service .editor-content article h3::before { content: ""; position: absolute; width: 102px; height: 82px; left: -20px; top: -30px; background: url(https://www.giantelephant.com.tw/material-alias/關於我們/shell_img06.svg) no-repeat left; background-size: 102px; z-index: -1; opacity: 0.8; }
.about_service .editor-content article h3>div { color: #545454; font-size: 24px; font-weight: 600; letter-spacing: 2px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; margin-top: 5px; }
.about_service .pic-content { position: absolute; right: 0; top: 50%; transform: translate(0, -50%); margin: 0; max-width: 723px; padding: 0; }
.about_counter{ padding-top: 90px; padding-bottom: 80px; max-width: 1200px; }
.about_counter .function-row .row-content { justify-content: space-around; }
.about_counter .function-row li a h3{ display: none;}
.about_counter .btn-container li{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: initial; }
.about_counter .btn-container li+li { border-left: 1px solid rgb(7 146 158 / 60%); }
.about_counter .btn-container li a{ position: relative; width: 100%; cursor:default;}
.about_counter .btn-container li a::after { content: ""; position: absolute; background: #ffffff; box-shadow: 3.6px 10.4px 5.7px 0.3px rgba(21, 113, 121, 0.08); width: 160px; height: 160px;
     border-radius: 50%; left: 50%; transform: translate(-50%, 0); top: 0; z-index: -1; }
.about_counter .function-row li a img { width: 100px; margin-top: 20px; margin-bottom: 60px;}
.about_counter .function-row li h5.counterbox__counter { color: #00c0d1; font-size: 55px; font-family: "Bodoni Moda", serif !important; font-weight: 400; font-style: italic; letter-spacing: 2px; margin-bottom: 10px;}
.about_counter .function-row li h6{ color: #545454; font-weight: 600; font-size: 20px; letter-spacing: 2px; }
.about_why_block{ margin-top: 50px;}
.about_why_block>.module-container>.main.row { align-items: flex-end; padding-bottom: 90px;}
.about_whyimg{ -ms-flex: 0 0 468px; flex: 0 0 468px; max-width:initial; margin-top: -50px; }
.about_whyimg .header-title { position: absolute; color: #ffffff; bottom: 100px; text-align: center; width: 100%; font-size: 43px; font-family: "Antic Didone", serif !important; letter-spacing: 0.8px; }
.about_whyimg .header-title div { font-size: 24px; font-weight: 600; letter-spacing: 2px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; margin-top: 5px; letter-spacing: 0.8px; }
.about_why {-ms-flex: 0 0 calc(90% - 468px); flex: 0 0 calc(90% - 468px); max-width: initial; }
.about_why .hover-wall{ padding-left:35px;}
.about_why .hover-wall>.container-fluid>.row>div { -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: initial; padding-left: 20px; padding-right: 20px; margin-bottom: 0px !important; margin-top: 45px; }
.about_why .hover-wall>.container-fluid>.row>div:nth-child(2), .about_why .hover-wall>.container-fluid>.row>div:last-child { -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: initial; }
.about_why .hover-wall>.container-fluid>.row>div::before { content: ""; position: absolute; width: calc(100% - 135px); height: 1px; left: 85px; top: 45px; background-color: #07929e; opacity: 0.8; }
.about_why .hover-wall .icon_info figure{ display: none;}
.about_why .hover-wall .icon_info { position:initial; padding: 30px 30px 30px 65px; height: 100%; background:#edf3f3; border-radius: 8px; box-shadow: none; }
.about_why .hover-wall .htpro_tit { display: none; }
.about_why .hover-wall .icon_info>a { display: -ms-flexbox; display: flex; flex-flow: column; justify-content: flex-start; height: 100%; }
.about_why .hover-wall .icon_info p.animate-text { font-size: 16px; letter-spacing: 0; margin-bottom: 8px; padding: 0; line-height: 32px;display: -ms-flexbox; display: flex; height: 100%; align-items: center; }
.about_why .hover-wall .icon_info h3 { padding: 8px 0 0; font-family: "Bodoni Moda", serif !important; text-align: center !important; font-weight: 400; font-size: 36px; font-style: italic; letter-spacing:0; position: absolute; left: 0; top: -20px; width: 60px; height: 60px; background: #00c0d1; border-radius: 50%; }
.about_why .hover-wall .icon_info h4 { font-size: 24px; font-style: normal; padding: 0; font-weight: bold; letter-spacing: 1px; background: #edf3f3; width: 120px; z-index: 1; }
.about_why .hover-wall>.container-fluid>.row>div:last-child .icon_info h4{ width: 220px;}
.about-bespoke section { display: -ms-flexbox; display: flex; align-items: center; justify-items: center; width: 100%; flex-flow: column; height: 100%; min-height:initial; }
.about-bespoke section h3 {color: #ffffff;text-align: center; width: 100%; font-size: 43px; font-family: "Antic Didone", serif !important; letter-spacing: 0.8px; }
.about-bespoke section h4 { font-size: 24px; font-weight: 600; letter-spacing: 2px; font-family: "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; margin-top: 5px; letter-spacing: 0.8px; }
.about-bespoke section article { padding: 50px 0; text-align: center; font-size: 16px; font-weight: 400; line-height: 32px; letter-spacing: 1px; }
.about-bespoke section a { position: relative; text-decoration: none; overflow: hidden; background: rgb(255 255 255 / 90%); color: #545454; font-size: 20px; padding: 18px 90px 17px 40px; border-radius: 50px; letter-spacing: 1px; }
.about-bespoke section a::before { content: ""; background: #00c0d1; position: absolute; width: 55px; height: 55px; border-radius: 50%; right: 5px; top: 5px; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.about-bespoke section a::after { content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/go_top.svg) no-repeat center; width: 65px; height: 65px; transform: rotate(90deg); background-size: 16px; right: 0; top: 0; }
.about-bespoke section a:hover::after { -webkit-animation: MoreArrow 400ms ease; animation: MoreArrow 400ms ease; }

@media (max-width: 1800px) {
    .about_service .mix-wrapper { max-width: 93%; }
    .about_service .editor-content { max-width: 86%; padding-left: 7%;}
    .about_service .editor-content article { width: 51%; }
}
@media (max-width: 1600px) {
    .about_service .pic-content{ max-width: 600px;}
    .about_service .editor-content{ min-height: 500px;}
    .about_service .editor-content article { width: 56%; }
    .about_why_block>.module-container>.main.row { align-items: flex-start; }
    .about_whyimg{ -ms-flex: 0 0 400px; flex: 0 0 400px; margin-top: -30px;}
    .about_why { -ms-flex: 0 0 calc(90% - 400px); flex: 0 0 calc(90% - 400px); }
    .about_why .hover-wall .icon_info { padding: 20px 30px 20px 55px;}
    .about_why .hover-wall>.container-fluid>.row>div::before{ top: 35px;}
}
@media (max-width: 1400px) {
    .about_service .mix-wrapper { max-width: 96%; }
    .about_service .editor-content{ padding-left: 60px; padding-right: 500px;}
    .about_service .editor-content article { width: 100%; }
    .about_why { -ms-flex: 0 0 calc(100% - 400px); flex: 0 0 calc(100% - 400px); }
}
@media (max-width: 1199px) {
    .about_service .pic-content { max-width: 460px; }
    .about_service .editor-content { padding-left: 40px; padding-right: 360px; min-height: 420px;}
    .about_service .editor-content article{ font-size: 16px;}
    .about_service .editor-content article h3{ margin-bottom: 20px; font-size: 32px;}
    .about_service .editor-content article h3>div{ font-size: 20px;}
    .about_whyimg { -ms-flex: 0 0 300px; flex: 0 0 300px; }
    .about_whyimg .header-title {  font-size: 32px; }
    .about_whyimg .header-title div { font-size: 20px;  }
    .about_why { -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); }
    .about_why .hover-wall .icon_info h3 { font-size: 28px; width: 50px; height: 50px; }
    .about_why .hover-wall>.container-fluid>.row>div{padding-left: 15px; padding-right: 15px;}
    .about_why .hover-wall .icon_info { padding: 20px 20px 20px 45px; }
    .about_why .hover-wall .icon_info h4 { font-size: 20px; width: 100px; }
    .about_why .hover-wall>.container-fluid>.row>div:last-child .icon_info h4 { width: 190px; }
    .about_why .hover-wall>.container-fluid>.row>div::before { width: calc(100% - 120px); top: 30px;}
    .about_why .hover-wall .icon_info p.animate-text{ line-height: 28px;}
}
@media (max-width: 991px) {
    .about_service .mix-wrapper { max-width: 100%; }
    .about_service .pic-content { max-width: 80%; position: initial; transform: initial; flex: auto; margin: 0 auto -60px; z-index: 1; order: 1; }
    .about_service .pic-content img{ width: 100%; }
    .about_service .editor-content { padding: 140px 40px 60px; min-height: auto; max-width: 100%; margin: 0 30px; order: 2; }
    .about_counter{ padding-bottom: 60px;}
    .about_counter .function-row li h5.counterbox__counter{ font-size: 45px;}
    .about_counter .function-row li h6{ font-size: 18px;}
    .about_whyimg { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .about_whyimg img { display: block; margin: 0 auto; aspect-ratio: 5 / 4; object-fit: cover; object-position: center center; width: 100%; max-width: 400px; }
    .about_whyimg .header-title{ bottom: 60px;}
    .about_why{ -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .about_why .hover-wall { padding-left: 15px; }
    .about_why .hover-wall>.container-fluid>.row>div,
    .about_why .hover-wall>.container-fluid>.row>div:nth-child(2),
    .about_why .hover-wall>.container-fluid>.row>div:last-child{-ms-flex: 0 0 100%; flex: 0 0 100%; }
    
}
@media (max-width: 767px) {
    .about_top .module-container .bgfixed,
    .about_top .module-container .bgfixed > div{ min-height: 500px !important;}
    .about_top section{ width: 200px; height: 200px;}
    .about_top section h1 { font-size: 36px; margin-bottom: 10px; margin-top: 60px; }
    .about_top section h2 { font-size: 22px; }
    .about_slogan { padding-top: 45px; padding-bottom: 45px; }
    .about_slogan section span{ font-size: 32px;}
    .about_slogan section span+span { padding-left: 65px; }
    .about_slogan section span+span::before{ width: 35px; height: 35px; left: 16px; top: 3px; background-size: 34px; }
    .about_slogan section::before { height: 8px; bottom: 8px; }
    .about_service .pic-content { max-width: 85%; }
    .about_service .editor-content { padding: 120px 30px 40px; margin: 0 15px; }
    .about_counter .function-row li h5.counterbox__counter { font-size: 36px; }
    .about-bespoke section h3{ font-size: 32px;}
    .about-bespoke section h4{ font-size: 20px;}
    .about-bespoke section article{ padding: 40px 30px;}
}
@media (max-width: 575px) {
    .about_slogan section span { font-size: 28px; display: block; }
    .about_slogan section span+span { padding-left: 0; padding-top: 35px; }
    .about_slogan section span+span::before { top: 0px; left: 50%; transform: translate(-50%, 0); background-size: 30px; }
    .about_service .editor-content article{ line-height: 36px;}
    .about_counter .function-row li h5.counterbox__counter { font-size: 26px; letter-spacing: 1px;}
    .about_counter .function-row li h6 { font-size: 16px; letter-spacing: 1px; }
    .about_counter .btn-container li a::after{ width: 100px; height: 100px;}
    .about_counter .function-row li a img { width: 70px; margin-top: 5px; margin-bottom: 30px; }
    .about-bespoke section h3 { font-size: 28px; }
    .about-bespoke section article{ letter-spacing: 0;}
    .about-bespoke section a { font-size: 18px; padding: 15px 80px 14px 30px; }
    .about-bespoke section a::before { width: 45px; height: 45px;  }
    .about-bespoke section a::after { width: 55px; height: 55px;}
}

/***** 遊學專區 *****/
.study_slider_block{ position: relative;}
/* .study_slider .carousel-item img{ object-fit: cover; width: 100%; height: 100%; } */
/* .study_slider .carousel-inner::before { content: ""; position: absolute; background: linear-gradient(0deg, rgba(0,0,0,0), rgb(0 0 0 / 40%)); width: 100%; height: 280px; left: 0; top: 0; z-index: 2; } */
/* .study_slider .carousel-fade .carousel-item{ height: 100vh;} */
.study_slider .carousel-caption {  width: calc(100% - 200px); right: initial; left: 50%; bottom: 50%; transform: translate(-50%, 50%); display: block !important; }
.study_slider .bs-carousel .carousel-item .carousel-caption p{ font-family: 'Roboto', sans-serif !important; font-size: 28px;  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);  font-weight: 400; margin-bottom:0;}
.study_slider .bs-carousel .carousel-item .carousel-caption h5 { font-size: 40px; margin-bottom:10px; letter-spacing: 1px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); letter-spacing:0; }
.study_slider .carousel-indicators{display: none;}
.study_slider .carousel-control-next,.study_slider .carousel-control-prev{ opacity: 1;}
.study_slider .carousel-control-next-icon,.study_slider .carousel-control-prev-icon{ background: url(https://materials.fillo.com.tw/materials/funvoyage/images/476b6129-6787-4b49-9d6e-9c6cdeb4761a.svg); background-position: center; background-repeat: no-repeat; background-size: 20px; width: 24px; height: 24px;  }
.study_slider .carousel-control-prev-icon{transform: rotate(90deg); }
.study_slider .carousel-control-next-icon{ transform: rotate(270deg); }
.study_slider .carousel-control-next-icon:hover,.study_slider .carousel-control-prev-icon:hover { background-size: 24px; }
.slider_cover_top{ position: absolute; top: 100px; left: 50%; width: calc(100% - 200px);  height: 200px; transform: translate(-50%, 0); background: transparent; z-index: 3; }

.study_content .falls-container .grid { height: auto !important; margin: 0 -15px; padding-bottom: 35px;}
.study_content .falls-container .grid .grid-item { position: relative !important;  transform: initial !important; background:transparent; margin:0 15px 20px; padding: 0 0 90px; overflow: hidden; z-index: 0; max-width: calc(33.333333% - 30px); left: initial !important; top: initial !important; } 
.study_content .falls-container .grid .grid-item img { margin-top: 0; margin-bottom: 0; opacity: 1; aspect-ratio: 4 / 3.23; object-fit: cover; object-position: center center;}
.study_content .falls-container .grid .grid-item p { display: none;}
.study_content .falls-container .grid .grid-item article { box-shadow: -0.1px 3px 7px 0 rgba(0, 0, 0, 0.02); margin-bottom: 0; padding: 18px 20px; position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0); background: #ffffff; width: calc(100% - 30px); height: 120px; }
.study_content .falls-container .grid .grid-item article::before{content: ""; position: absolute; width: 0%; opacity: 0; height: 1px; background: #01c0d1; bottom: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.study_content .falls-container .grid .grid-item:hover article::before { content: ""; position: absolute; width: 100%; opacity: 1; }
.study_content .falls-container .grid .grid-item article h4 { color: #333333; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0.5px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
.study_content .falls-container .grid .grid-item article div{position: absolute; text-align: right; right: 20px; bottom: 15px; font-size: 20px; color: #bb7e26; margin-bottom: 0; font-family: Roboto, sans-serif !important; letter-spacing: 0;}
.study_content .falls-container .grid .grid-item article div::before { content: "$"; font-size: 17px; padding-right: 4px; vertical-align: text-bottom; line-height: 23px; }
.study_content .falls-container .grid .grid-item article div::after { content: "元起"; font-size: 14px; padding-left: 4px; vertical-align: text-bottom; line-height: 22px;}

.study_content_btn { margin-bottom: 80px; }
.study_content_btn .function-row .row-content { justify-content: center; }
.study_content_btn .function-row li { margin-bottom: 0; padding-right: 0; padding-left: 0; flex: 0 0 240px; -ms-flex: 0 0 258px; max-width: initial; }
.study_content_btn .function-row li a { display: block; position: relative; text-decoration: none; overflow: hidden; background: rgb(255 255 255 / 90%);  padding: 18px 90px 17px 40px; border-radius: 50px; }
.study_content_btn .function-row li a::before { content: ""; background: #ffffff; position: absolute; width: 55px; height: 55px; border-radius: 50%; right: 5px; top: 5px; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.study_content_btn .function-row li a::after{ content: ""; position: absolute; background: url(https://www.giantelephant.com.tw/material-alias/arrow_blue.svg) no-repeat center; width: 65px; height: 65px; background-size: 16px; right: 0; top: 0;}
.study_content_btn .function-row li a h3 { font-size: 20px; letter-spacing: 1px; margin: 0; font-weight: 400; line-height: 30px; }
.study_content_btn .function-row li a:hover::after { -webkit-animation: MoreArrow2 400ms ease; animation: MoreArrow2 400ms ease; }


@media(max-width:991px) {
    .study_content .falls-container .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){
	.slider_cover_top{ display: none;}
    .study_slider .carousel-inner::before{ display: none;}
	.study_slider .bs-carousel .carousel-item .carousel-caption p{ font-size: 24px;  }
	.study_slider .bs-carousel .carousel-item .carousel-caption h5{ font-size: 30px; }
	.study_slider .carousel-indicators { display: none; }
    .study_slider .hover-wall .icon_info{ border-radius: 0;}
    .study_content .falls-container .grid .grid-item{ max-width: calc(100% - 30px); -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); }
    .study_content .falls-container .grid .grid-item article h4{ font-size: 18px;}
}
@media (max-width: 576px){
    .study_slider .carousel-fade .carousel-item{ height: auto;}
    .study_slider .carousel-item img{ height: auto;}
	.study_slider .carousel-caption{ width: calc(100% - 100px);}
	.study_slider .bs-carousel .carousel-item .carousel-caption p{ font-size: 18px;   }
	.study_slider .bs-carousel .carousel-item .carousel-caption h5{ font-size: 28px;  }
	.study_slider .carousel-control-next, .study_slider .carousel-control-prev{width: 40px;}
    .study_content_btn .function-row li { flex: 0 0 220px; -ms-flex: 0 0 220px}
    .study_content_btn .function-row li a { padding: 15px 70px 14px 30px; }
    .study_content_btn .function-row li a::before { width: 45px; height: 45px;  }
    .study_content_btn .function-row li a::after{  width: 55px; height: 55px;}
    .study_content_btn .function-row li a h3 { font-size: 18px; line-height: 26px; }
}

/* EDM */
.EDM_btn.canada{ height: 258px; }
.EDM_btn.canada .function-row .row-content { justify-content: center; margin-top: 70px; }
.EDM_btn.canada .function-row .row-content li { -ms-flex: 0 0 26%; flex: 0 0 26%; max-width: initial; padding: 0 40px; }
.EDM_btn.canada .swiper-slide .swiper-img { margin: 0; }
.EDM_btn.canada .function-row .row-content li a img { width: 100%; max-width: 100%; }
.EDM_slider_block>.module-container>.main { background-size: cover !important; }
.EDM_slider01 .swiper-slide-style{ background-color: transparent;   box-shadow: none; border-radius: 20px; }
.EDM_slider01 .swiper-slide .swiper-img img { border-radius: 20px; }
@media (max-width: 1199px){
    .EDM_btn.canada .function-row .row-content li { -ms-flex: 0 0 30%; flex: 0 0 30%;}
}
@media (max-width: 991px){
    .EDM_btn.canada .function-row .row-content li { -ms-flex: 0 0 40%; flex: 0 0 40%;}
    .EDM_slider_block>.module-container>.main { background-size: contain !important; }
}
@media (max-width: 767px){
    .EDM_btn.canada .function-row .row-content li{ padding: 0 10px;}
    .EDM.get_width { max-width: 100%; }
    .EDM_slider_block>.module-container>.main { background-size: 105% !important; }
    
}
@media (max-width: 575px){
    .EDM_btn.canada { height: 100px; }
    .EDM_btn.canada .function-row .row-content li { -ms-flex: 0 0 170px; flex: 0 0 170px;}
    .EDM_btn.canada .function-row .row-content{ margin-top: 20px;}
    .EDM_btn.canada .function-row .row-content li{ padding: 0;}
}

/***** 側選單 *****/
.side_phone_pop{ position: fixed; right: 0; z-index: 1048; bottom:211px; height: 51px; width: 54px; background:rgb(0 192 209 / 80%); text-align: center; padding: 14px 0; }
.side_phone_pop a{ cursor: pointer;}
.side_phone_pop img{ margin: 0 auto;}
#phone_pop.modal { position: fixed; top: initial; left: initial; bottom: 100px; right: 60px; z-index: 1050; width: 315px; height: auto; }
#phone_pop .modal-header{ padding: 10px 16px;}
#phone_pop .modal-header .title { font-size: 18px; font-weight: 600; color: #00c0d1; letter-spacing: 1px; }
#phone_pop .modal-dialog-centered::before { height:auto; }
#phone_pop .modal-body { text-align: center; line-height: 32px; }
#phone_pop .phone a{ color: #bb7e26; font-family: Roboto, sans-serif !important; font-size: 20px; text-decoration: none; margin-bottom: 10px; letter-spacing: 1px; font-style: italic; }
#phone_pop a.contact_btn { text-decoration: none; background: #01c0d1; color: #ffffff; padding: 3px 18px; border-radius: 4px; margin-top: 10px; display: table; margin: 10px auto;
    -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
#phone_pop a.contact_btn:hover{ background-color:#07929e;}
 @media (min-width: 576px) {
	#phone_pop .modal-dialog-centered { min-height: initial; }
	#phone_pop .modal-dialog { max-width: 315px; margin: 0 auto; }
	#phone_pop .modal-dialog-centered::before { height: auto; }
}

.side_phone_pop.new{ height: 100px;}
.side_phone_pop.new>a { width: 100%; display: block; height: 50px; }
#discount_pop.modal { position: fixed; top: initial; left: initial; bottom: 100px; right: 60px; z-index: 1050; width: 315px; height: auto; }
#discount_pop .modal-header{ padding: 10px 16px;}
#discount_pop .modal-header .title { font-size: 18px; font-weight: 600; color: #00c0d1; letter-spacing: 1px; }
#discount_pop .modal-dialog-centered::before { height:auto; }
#discount_pop .modal-body { text-align: center; line-height: 32px; }
#discount_pop .phone a{ color: #bb7e26; font-family: Roboto, sans-serif !important; font-size: 20px; text-decoration: none; margin-bottom: 10px; letter-spacing: 1px; font-style: italic; }
#discount_pop a.contact_btn { text-decoration: none; background: #01c0d1; color: #ffffff; padding: 3px 18px; border-radius: 4px; margin-top: 10px; display: table; margin: 10px auto;
    -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
#discount_pop a.contact_btn:hover{ background-color:#07929e;}

 @media (min-width: 576px) {
	#discount_pop .modal-dialog-centered { min-height: initial; }
	#discount_pop .modal-dialog { max-width: 315px; margin: 0 auto; }
	#discount_pop .modal-dialog-centered::before { height: auto; }
}

.get_gotop .actGotop a,.get_gotop .actGotop a:link{ width: 54px; height: 51px; border-radius: 0;  box-shadow:none; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.get_gotop .actGotop{width: 54px; height: 51px; bottom: 60px; right: 0;}
.get_gotop .actGotop a::before { content: ""; background-image: url(https://www.giantelephant.com.tw/material-alias/go_top.svg); background-position: center; background-repeat: no-repeat; 
 position: absolute; background-size: 16px; width: 54px; height: 51px; text-align: center; left: 0; top: 0; }
.get_gotop .actGotop a i{ font-size: 0;}
.get_gotop .side_box{ bottom: 111px; }
.get_gotop .side_bar { border-radius: 0; box-shadow: none; padding:4px 0; width: 54px; margin-bottom: 0; background: rgb(0 192 209 / 80%) !important;}
.get_gotop .side_bar li{ padding: 8px; border-bottom: 0; height: 46px;}
.get_gotop .side_bar li a p{ margin: 0;}
.get_gotop .side_bar li a i { font-size: 25px; }
.get_gotop .side_bar li a img { width: 25px; height: auto; display: block; }
.D_products_group_molddetail .get_gotop .side_box,.D_products_group_detail .get_gotop .side_box{ display: none;}
.D_products_group_molddetail .side_phone_pop,.D_products_group_detail .side_phone_pop{ bottom: 111px;}
@media (max-width: 575px) {
    .get_gotop .side_box{ display: none;}
    .side_phone_pop{ bottom: 111px;}
}

/***** footer *****/
.main_footer .fnav_wrap{ display: none;}
.main_footer .footer-sample{ display: flex; flex-wrap: wrap; max-width: 1360px; margin: 0 auto; padding: 24px 0 28px;} 
.main_footer .footer-wrap { background-color: transparent;}
.main_footer .footer-wrap .footer_center{ position: relative; -ms-flex: 1; flex:1; padding: 0; display: flex; justify-content: flex-end; background-color: transparent;}
.main_footer .footer-wrap .icon_wrap{-ms-flex: 0 0 330px; flex: 0 0 330px; padding:0;  background-color: transparent; }
.main_footer .footer-wrap .footer_sbox,.main_footer .footer-wrap .fb-info{ display: none;}
.main_footer .company-info { margin-top: 0 !important; flex: 0 0 100%; max-width: 100%; padding: 0; }
.main_footer .footer-wrap .contact-info { margin-top: 0 !important; padding: 0; flex: 1; flex-wrap: wrap; max-width:100%; }
.main_footer .footer-wrap .contact-info>div:first-child{ -ms-flex: 0 0 320px; flex: 0 0 320px; padding: 0 40px 0 0;  border-right: 1px solid rgb(255 255 255 / 60%);}
.main_footer .footer-wrap .contact-info>div:first-child>a h4 { padding-left: 0; }
.main_footer .footer-wrap .contact-info>div:nth-child(2){ -ms-flex: 0 0 250px; flex: 0 0 250px; padding: 0 0 0 40px; display: -ms-flex; display: flex; flex-flow: column; justify-content: space-around;}
.main_footer .footer-wrap .contact-info>div:nth-child(3){ -ms-flex: 1; flex: 1; padding: 0 40px; border-right: 1px solid rgb(255 255 255 / 60%); display: -ms-flex; display: flex; flex-flow: column; justify-content:space-around;}
.main_footer .footer-wrap .contact-info>div:nth-child(2)>a, .main_footer .footer-wrap .contact-info>div:nth-child(3)>a { margin:0; display: block; }
.main_footer .footer-wrap .contact-info>div:nth-child(2)>a h4, .main_footer .footer-wrap .contact-info>div:nth-child(3)>a h4 { letter-spacing: 0.5px; }
.main_footer .footer-wrap .info_box h3 { font-size: 18px; margin: 0; color: #ffffff; position: absolute; top: 5px; left: 175px; font-weight: 400; letter-spacing: 0.5px;}
.main_footer .footer-wrap .info_box .info-text { position: initial; margin-top: 24px; }
.main_footer .footer-wrap .info_box p { margin-bottom: 5px; color: #ffffff; font-size: 15px;}
.main_footer .footer-wrap .contact-box{ position: relative; margin-bottom: 0 !important;}
.main_footer .footer-wrap .contact-box h2{display: none;}
.main_footer .footer-wrap .contact-box h4{ font-weight: 400; margin: 0; padding:0 0 0 22px; color: #ffffff; line-height: 28px;} 
.main_footer .footer-wrap .contact-box h4 img { position: absolute; top: 14px; left: 3px; transform: translate(0, -50%); width: 14px; opacity: 0.8;}
.main_footer .footer-wrap .icon_wrap p{ position: absolute; bottom: 0; right: 0; opacity: 0.8;}
.main_footer .footer-wrap .icon_wrap ul.footer_bticon { top: 70px; right:0;}
.main_footer .footer-wrap .footer_bticon li{ position: relative;}
.main_footer .footer-wrap .footer_bticon li a{ position: relative; z-index: 1;}
.main_footer .footer-wrap .footer_bticon li:first-child{ width: 26px;}
.main_footer .footer-wrap .footer_bticon li:first-child a::before { content: ""; position: absolute;  z-index: -1; width: 36px; height: 36px; background:#26a7b2; border-radius: 50%; left: -8px; transition: all 0.3s; }
.main_footer .footer-wrap .footer_bticon li i { line-height: 38px; font-size: 20px; background:#26a7b2; transition: all 0.3s;}
.main_footer .footer-wrap .footer_bticon li:first-child a:hover::before,.main_footer .footer-wrap .footer_bticon li a:hover i{ background:#17949f; }
.main_footer .footer-wrap .footer_bticon li a img { width: 20px; margin-top: 9px;}
@media (max-width: 1360px) {
    .main_footer .footer-sample{ max-width: 95%;}
    .main_footer .footer-wrap .icon_wrap { -ms-flex: 0 0 260px; flex: 0 0 260px; }
    .main_footer .footer-wrap .contact-info>div:nth-child(3){ padding: 0 20px;}
    .main_footer .footer-wrap .contact-info>div:nth-child(2) { -ms-flex: 0 0 230px; flex: 0 0 230px; padding: 0 0 0 20px;}
    .main_footer .footer-wrap .contact-info>div:first-child { -ms-flex: 0 0 300px; flex: 0 0 300px; padding: 0 20px 0 0; }
}
@media (max-width: 1199px) {
    .main_footer .footer-wrap .info_box a{ margin-left: 0; padding: 0;}
	.main_footer .footer-wrap .footer_center{ flex: 0 0 100%;}
	.main_footer .footer-wrap .footer_center::after{display: none;}
    .main_footer .footer-wrap .contact-info{  -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.main_footer .row.info_box>.info-text { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .main_footer .footer-wrap .icon_wrap { flex: 0 0 100%; }
	.main_footer .footer-wrap .icon_wrap ul.footer_bticon li{ float: left;}
}
@media (max-width: 991px) {
    .main_footer .footer-wrap .contact-info>div:first-child { -ms-flex: 0 0 280px; flex: 0 0 280px; padding: 0; }
    .main_footer .footer-wrap .contact-info>div:nth-child(2){ -ms-flex: 0 0 210px; flex: 0 0 210px; padding: 0 0 0 10px; }
    .main_footer .footer-wrap .contact-info>div:nth-child(3) { padding:0; border-right: 0; }
}
@media (max-width: 767px){
    .main_footer .company-info{ padding: 0 15px;}
    .main_footer .footer-wrap .contact-info>div:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 0 10px; text-align: center; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 60%); }
	.main_footer .footer-wrap .contact-info>div:nth-child(2) { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 10px 0 0; }
    .main_footer .footer-wrap .contact-info>div:nth-child(3) { padding: 0 0 20px; }
    .main_footer .footer-wrap .info_box a{  margin: 0 auto; text-align: center !important; }
    .main_footer .footer-wrap .info_box .info-text { position: initial; margin-top: 15px; margin-bottom: 15px; text-align: center; }
    .main_footer .footer-wrap .info_box h3 { margin: 0 0 10px 0; position: initial; }
	.main_footer .footer-wrap .icon_wrap{ display: flex; flex-flow: column; flex: 0 0 100%;}
    .main_footer .footer-wrap .icon_wrap ul.footer_bticon { margin: 10px auto; display: table; width: auto; }
	.main_footer .footer-wrap .icon_wrap p { position: relative; bottom: initial; order: 2; }
}


/******** 公版 ********/
/*會員登入頁 */
.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: #ffffff; background-image: url(https://www.giantelephant.com.tw/material-alias/bg01.jpg); }
body.member_home button.l_benPrimary{ background:#00c0d1; }
body.member_home .note_box a { color: #00c0d1; }
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: #00c0d1; 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: #00c0d1; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color:#00c0d1; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill:#00c0d1; }
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: #00c0d1 !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:#00c0d1 !important; }
.list_con figure.block_style .pic_all::after{ border-color:transparent transparent transparent rgb(0 192 209 / 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: #00c0d1;}
.plane.plane-s1:hover{color: #00c0d1;}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i,.filter_list .accordion .card.travel-type i,.filter_list .accordion .card.by-airline i{ color: #909090; }
.filter_list .accordion .card.by-airline .radio_style [type="radio"]:checked + label:after { background: #01c0d1; }
.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: #00c0d1; 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:  #00c0d1;}
.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:#00c0d1; margin-bottom: 0; font-size: 2.3rem; text-shadow: none; }
section.group_table.trip_features .container>div>h2::after, section.group_table.trip_airline .container>div>h2::after,
section.group_table.trip_day .container>div>h2::after, section.group_table.trip_note .container>div>h2::after,
section.group_table.view_intro .container>div>h2::after, section.group_table.tripdown .container>div>h2::after{content: ""; background:#55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0); }
.D_products_group_mold section.group_banner .info .btn-primary{ background:#00c0d1; border-color: #00c0d1; 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: #00c0d1; background: #00c0d1; color: #ffffff;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #00c0d1;}
section.search_con .list_con.mold figure.block_style .main_words>.mold_price>h4{ width: 100%;}
section.search_con .list_con.mold figure.block_style .main_words>.mold_price span.text-danger{font-size: 20px;}
/* 字體尺寸調整 */
section.group_table.tripdown .search_table tbody td.tour-price span { font-size: 1.2rem; font-weight: 600; }
/* 月曆 */
.web-page-frame .group_table .style_icon ul { list-style: none; }
.D_products_group_mold #search-calendar .fc .fc-toolbar.fc-header-toolbar,.D_products_group_detail #search-calendar .fc .fc-toolbar.fc-header-toolbar { background: #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: #00c0d1; }
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:#00c0d1;}
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: #00c0d1; border: 1px solid #00c0d1; 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:#00c0d1; border: 1px solid #00c0d1;}
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:#00c0d1;}
.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; }
section.group_table.trip_features .group_table_box div img { margin: 0 auto; }/*行程特色圖片置中*/
.D_products_group_detail .trip_note #collapseTwo thead>tr>th:nth-child(4),
.D_products_group_detail .trip_note #collapseTwo thead>tr>th:nth-child(5),
.D_products_group_detail .trip_note #collapseTwo thead>tr>th:nth-child(6) { display: none; }/*隱藏額外加價的是否團費已含、是否為必買項目、是否與訂金同繳*/
.D_products_group_detail .trip_note #collapseTwo tbody>tr>td:nth-child(4),
.D_products_group_detail .trip_note #collapseTwo tbody>tr>td:nth-child(5),
.D_products_group_detail .trip_note #collapseTwo tbody>tr>td:nth-child(6) { display: none; }/*隱藏額外加價的是否團費已含、是否為必買項目、是否與訂金同繳*/
@media (min-width: 576px){
    .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; }
}
@media (max-width: 991.98px){
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom: 1px solid #55575a;}
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ border:0}
}

/* 側選單 */
.sub_menu-trip .trip_menu{ border: 1px solid #00c0d1; 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:#00c0d1;}
.sub_menu-trip .server_menu li:nth-child(1) { background:#f59201; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #00c0d1;}
.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:#ECEFF2; }
/* .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 #00c0d1;}
	.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; margin-left: 51px; }
	.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: #00c0d1; }
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn { height: 60px; }
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn a { padding: 8px 14px;  font-size: 18px;}
	.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 #00c0d1; 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 #00c0d1;}
	/* .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;}
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn{ flex: 0 0 110px;}
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn a { 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 .breadcrumb .breadcrumb-item.active{ color: #222222;}
.D_products_group_molddetail .breadcrumb .breadcrumb-item a,.D_products_group_molddetail .breadcrumb .breadcrumb-item a:hover{color: #00c0d1;}
.D_products_group_molddetail .Detail.DepartureDate .fc .fc-daygrid-body .fc-daygrid-day-events .day-events-bottom>.btn { white-space: initial; padding: 0; font-size: 0;}
.D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures { flex-wrap: wrap; }
.D_products_group_molddetail .MGO .PriceType.LowestPrice ul.KeyFeatures li:first-child,.D_products_group_molddetail .MPGO .PriceType.LowestPrice ul.KeyFeatures li:first-child { margin-left: 10px;}
.D_products_group_molddetail .Detail.DayTrip .DayBlock > div { background-color: #ECEFF2; color: #00c0d1;}
.Detail.DayTrip .DayBlock > div::after{border-color: transparent transparent transparent #ECEFF2;}
.D_products_group_molddetail .Detail.DayTrip .TripBlock.ImgNone .TripHotel>div:nth-child(2) { word-break: break-all; display: inline-block !important; padding-bottom: 20px !important; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #00c0d1; }
.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:#ECEFF2; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #00c0d1; }
.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 #00c0d1; border-bottom-color: #00c0d1; color: #00c0d1;}
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #00c0d1; color: #ffffff;}
.Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #00c0d1; }
.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: #00c0d1;}
.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;}
/* 國內旅遊明細頁 */
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div::after { border-color: transparent transparent transparent #00c0d1; }
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #00c0d1;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #00c0d1; }
.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: #00c0d1; }
.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 #00c0d1; }
    .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 li a span { font-size: 0.9rem; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu li a:hover span{ color: #00c0d1;}
    .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 #00c0d1; }
.D_products_domestic_molddetail .Detail.DayTrip .DayBlock > div{ background-color: #00c0d1;}
.D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.query-fixed-btn { background: #00c0d1; }
.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: #00c0d1; }
.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 #00c0d1; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px;  border: 1px solid #00c0d1;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: #00c0d1;}
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul { height: 45px; width: 180px; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.share-fixed-btn ul li { height: 45px; }
    .D_products_domestic_molddetail .Detail.sub_menu-trip .server_menu > ul > li.download-fixed-btn ul li { height: 45px; }
}
@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; }
}

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

/* 隱藏訂購流程的立即付款 */
.D_products_signup_confirm div#page2 .stepPage_btn div#order_btn_group>div:first-child { display: none; }