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;
}
/******** happygo style ********/
.happy_width{ max-width: 1440px;}
.row.header+.row{ padding-top: 127px; }
.block-item.happy_title>.module-container>.main>.header-title,.widget-item.happy_title .header-title { position: relative; width: auto; line-height: 28px; display: table; margin: 45px auto; /* padding-right: 25px; */ color: #604d3f; font-size: 28px; font-weight: 600; letter-spacing: 2px; padding: 0 0 14px 2px;}
.block-item.happy_title>.module-container>.main>.header-title::before,.widget-item.happy_title .header-title::before{ content: ""; position: absolute; width: calc(100% - 18px); height: 4px; border-radius: 2px; background: #e5ded1; right: 0; bottom: 2px;}
.block-item.happy_title>.module-container>.main>.header-title::after,.widget-item.happy_title .header-title::after{ content: ""; position: absolute; bottom: -2px; left: 0; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/aabb7bf2-ae07-4928-a645-09f6b15b9f4c.svg) no-repeat center; background-size: 13px; width: 13px; height: 13px;}
.block_hide{ display: none !important;}
@media (max-width:1470px){
    .happy_width{max-width: calc(100% - 120px); }
}
@media (max-width:991px){
    .row.header+.row{ padding-top: 120px; }
}
@media (max-width:767px){
    .row.header+.row { padding-top: 60px; }
    .happy_width{max-width: calc(100% - 60px); }
}
@media (max-width:575px){
    .block-item.happy_title>.module-container>.main>.header-title, .widget-item.happy_title .header-title { margin: 40px auto 30px; font-size: 24px; }
    .happy_width{max-width: calc(100% - 40px); }
}

/***** header *****/
.happy_header{ position: fixed; width: auto; top: 0; left: 0; right: 0;  display: block; z-index: 9999;  -webkit-transition: all 0.5s; transition: all 0.5s;}
.happy_header .widget-item { min-height: initial; }
/* 主選單 */
.main_nav .mega-menu .menu-links{ width: 1440px; max-width: 100%;}
.main_nav .mega-menu .menu-links > li > a { font-size: 18px; font-weight: 600; padding: 0 18px;}
.main_nav .mega-menu .menu-links > li:hover { background-color: transparent; }
.main_nav .mega-menu .menu-links > li:hover a { color: #ffffff !important; }
.main_nav .mega-menu .menu-links > li > a i { padding-left: 3px; color: #ffffff; }
.main_nav .mega-menu .mg-drop-down{ background: rgb(253 246 227 / 97%);}
.main_nav .mega-menu .mg-drop-down h4 { position: relative; font-size: 18px; font-weight:600; margin-bottom: 10px; padding-bottom: 10px; }
.main_nav .mega-menu .mg-drop-down h4::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #edb041; opacity: 0.5; }
.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 { font-size: 16px; display: block; padding: 6px 0;}
.main_nav .mega-menu .menu-links > li .list_box a p { position: relative; display: block; margin-left: 0; margin-right: 5px; padding-left: 12px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.main_nav .mega-menu .menu-links > li .list_box a p::before{ content: ""; position: absolute; left: 0; top: 8px; background: #edb041; width: 5px; height: 5px; border-radius: 50%; }
.main_nav .mega-menu .menu-links > li .list_box a:hover p {  margin-left: 5px; margin-right: 0px; }
.main_nav .mega-menu .menu-logo { height: 60px; background: #edb041; }
.main_nav .mega-menu .menu-logo > li > a img{ width: 150px; height: auto; top: 0; left: 15px; bottom: initial; max-width: initial !important; padding-top: 8px;}
.main_nav .mega-menu .menu-links li .list_tag { margin: 0; float: left; padding: 10px 0 0px; }
.main_nav .mega-menu .menu-links li .list_tag ul { float: initial; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; }
.main_nav .mega-menu .menu-links li .list_tag li a { padding: 0 30px; letter-spacing: 1px; font-size: 18px; }
.main_nav .mega-menu .menu-links li .list_tag a p { color: #333333; font-size: 18px; font-weight: 600; -webkit-transition: all 0.5s; transition: all 0.5s; }

/* 子選單 */
.main_subnav{ background: #ffffff;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.main_subnav .header-part { max-width: 1360px; margin: 0 auto; padding: 10px 10px; -webkit-transition: all 0.5s ease;  transition: all 0.5s ease;}
.main_subnav .header-part .navbar-brand { height: 57px; padding: 0;  -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.main_subnav .navbar-expand-lg .navbar-nav li{ padding-left: 30px;}
.main_subnav .navbar-expand-lg .navbar-nav li .nav-link { position: relative; padding-left: 6px; padding-right: 6px;}
.main_subnav .navbar-expand-lg .navbar-nav li .nav-link::after { content: ""; position: absolute; left: 0; top: 20px; background: #edb041; width: 6px; height: 6px; border-radius: 50%;}
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1) .nav-link::after,
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2) .nav-link::after,
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) .nav-link::after { content: ""; position: absolute; left: 0; top: 5px; background: #fdf6e3; width: 6px; height: 6px; border-radius: 50%; width: 35px; height: 35px; }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2) .fa.fa-youtube-play { color: #ff0000; font-size: 20px; letter-spacing: 0; line-height: 28px; z-index: 1; position: relative;}
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) .fa.fa-facebook { color: #1877f2; font-size: 20px; letter-spacing: 0; line-height: 30px; z-index: 1; position: relative; }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1),
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2),
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3){ padding-left: 20px; }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1) a,
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2) a,
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) a { width: 35px; text-align: center; }
.main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1) .nav-link::before { content: ""; position: absolute; z-index: 1; background-repeat: no-repeat; background-position: center; width: 19px; height: 19px; left: 8px; top: 13px; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/f806807c-00d0-456d-b1f8-5186aa410133.svg); }
.main_subnav .header-part .navbar-nav li a,.main_subnav .header-part .navbar-nav .nav-link{ line-height: 30px; font-size: 16px; letter-spacing: 0; -webkit-transition: all 0.3s ease; -webkit-transition: all 0.5s; transition: all 0.5s;}
.main_subnav .header-part .navbar-nav li:hover a,.main_subnav .header-part .navbar-nav li:hover .nav-link{color: #edb041 !important;}
.main_subnav .showName { padding: 0;}
.main_subnav .showName .member-name { flex: 1; margin-bottom: 3px;}
.main_subnav .showName .member-name:hover{text-shadow: 0px 0px 8px rgb(255 255 255 / 80%)}
.main_subnav .showName a { background: transparent; border: 1px solid #ffffffc4; color: #ffffff; text-decoration: none; text-align: center; white-space: nowrap; border-radius: 4px; padding: 4px 10px; font-size: 16px; width: 100%; display: block; }
.main_subnav .header-part .navbar-nav li .showName a.SignOut { margin: 0px 0 0 5px; border-radius: 0; padding: 0px 5px; background: #e8e8e8; border: none; line-height: 30px; font-size: 14px; flex: 0 0 20px; border-radius: 5px; height: 30px; color: #333; }
.main_subnav .header-part .navbar-nav li .showName a.SignOut:hover{ background:#e9eff3;}
/* 手機版選單 */
.nav_member { position: absolute; width: auto; right: 85px; top: 15px; height: 60px; z-index: 1023; -webkit-transition: all 0.5s; transition: all 0.5s;}
.nav_member .showName {  padding: 0;}
.nav_member .showName .member-name { flex: 1; margin-bottom: 3px;}
.nav_member  a { background: transparent; border: 1px solid #0978c1; color: #0978c1; border-radius: 5px; text-decoration: none; text-align: center; white-space: nowrap; border-radius: 4px; padding: 4px 10px; font-size: 15px; width: 100%; display: block; }
.nav_member .showName a.SignOut { margin: 0 0 0 8px; border-radius: 0; padding: 2px 5px; background: #e8e8e8; border: none; line-height: 20px; font-size: 14px; flex: 0 0 20px; color: #333; border-radius: 3px; }
.nav_member .showName a.SignOut:hover{ background:#e9eff3;}
@media (min-width: 768px) {
    .main_subnav .navbar-toggler { display: none; }
    .main_subnav .collapse:not(.show) { display: block; }
    .main_subnav .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
    .main_subnav .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
    .main_nav .mega-menu .menu-links { display: -ms-flexbox; display: flex !important; justify-content: space-around;  max-width: 100%; float: initial; margin: 0 auto; } 
    .main_nav .mega-menu .menu-links > li:nth-last-child(1),
    .main_nav .mega-menu .menu-links > li:nth-last-child(2),
    .main_nav .mega-menu .menu-links > li:nth-last-child(3),
    .main_nav .mega-menu .menu-links > li:nth-last-child(4),
    .main_nav .mega-menu .menu-links > li:nth-last-child(5) { display: none; }
    .main_nav .mega-menu .megamenu_box { display: flex !important; flex-wrap: wrap; }
    .main_nav .mega-menu .menu-links li .list_box { -ms-flex: 0 0 25%; flex: 0 0 25%; margin-right: 0; padding: 0 25px; }
    .main_nav .mega-menu .menu-links li div.mg-drop-down.col-12 { width: 1440px; max-width: 100%; margin: 0 auto; padding: 17px 25px 25px; left: 50%; transform: translate(-50%, 0); box-shadow: 0px 2px 10px 2px rgb(0 0 0 / 5%);}
    .main_nav .mega-menu .menu-links li .list_box ul { display: flex; flex-direction: column; flex-wrap: wrap; } 
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { display: none !important; }
    .main_nav .mega-menu .menu-logo{ display: none;}
    .main_nav .mega-menu .menu-links > li > a::before { content: ""; position: absolute; width: 16px; height: 16px; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/e21010cf-649e-4ad3-befe-b81744e644f6.svg) no-repeat center; position: absolute; top: 17px; left: 0; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
    .main_nav .mega-menu .menu-links > li:hover > a::before{ opacity: 1;}
    .nav_member{ display: none !important;}
}

@media (max-width: 1470px) {
    .main_subnav .header-part { padding: 12px 15px; }
    .main_nav .mega-menu .menu-links { padding: 0 10px; }
    .main_nav .mega-menu .menu-links > li > a { padding: 0 10px 0 18px; }
}
@media (max-width: 1199px) {
    .main_nav .mega-menu .menu-links > li > a { font-size: 16px; padding: 0 5px 0 18px; }
}
@media (max-width: 991px) {
    .main_subnav .header-part .navbar-brand { height: 45px; margin-right: 5px}
    .main_subnav .navbar-expand-lg .navbar-nav li { padding-left: 15px; }
    .main_subnav .header-part .navbar-nav li a,.main_subnav .header-part .navbar-nav .nav-link{ font-size: 15px;}
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1), .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2), .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) { padding-left: 15px; }
    .main_nav .mega-menu .menu-links li .list_box { -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; }
    .main_nav .mega-menu .menu-links > li > a { padding: 0 0 0 18px; }
} 
@media (max-width: 991px) and (min-width: 768px) {
    .main_nav .mega-menu .megamenu_box { max-height: 700px; overflow-y: scroll; padding-bottom: 100px; }
    .main_nav .mega-menu .menu-links > li > a { font-size: 14px; font-weight: 400; }
}
@media (max-width: 767px) {
    .main_subnav .header-part .navbar-brand,.main_subnav .header-part .navbar-toggler{ display: none !important; }
    .main_subnav .header-part { padding: 0; z-index: 100; }
    .main_subnav  .collapse:not(.show) { display: block; position: fixed; right: 65px; top: 8px; }
    .main_subnav ul {flex-flow: row; }
    .main_subnav .navbar-expand-lg .navbar-nav li{ display: none;}
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1),
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2),
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) { padding-left: 0; flex: 1; display: block; }
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1) .nav-link::after,
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2) .nav-link::after,
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) .nav-link::after{ display: none;}
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(2) .fa.fa-youtube-play,
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(3) .fa.fa-facebook{ color: #ffffff;}
    .main_subnav .navbar-expand-lg .navbar-nav li:nth-child(1) .nav-link::before{ background: url(https://materials.fillo.com.tw/materials/happygotravel/images/29dc229f-9ff3-4b06-86ae-fda994d577c3.svg); }
    .main_nav { height: 60px; background: #ffffff; }
    .main_nav .mega-menu { min-height: 0; }
    .main_nav .mega-menu > section.menu-list-items{ background: #fdf6e3 !important;}
    .main_nav .mega-menu .menu-links { padding: 0 0 150px; width: 100%; height: 100vh; max-height: initial !important; }
    .main_nav .mega-menu .menu-links > li { border-bottom: 1px solid rgb(237 176 65 / 50%); width: 100%; margin: 0 auto; padding: 0; }
    .main_nav .mega-menu .menu-links > li > a { position: relative; padding: 0 10px 0 25px; font-size: 18px; line-height: 50px; width: calc(100% - 50px); text-align: left; height: 50px; color: #604d3f !important;}
    .main_nav .mega-menu .menu-links > li > a i.fa.fa-indicator { right: -30px; color: #edb041; }
    .main_nav .mega-menu .menu-links > li:hover a{ color: #604d3f !important;}
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile>a::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/e21010cf-649e-4ad3-befe-b81744e644f6.svg) no-repeat center; background-size: 18px; width: 20px; height: 20px; z-index: 000000; opacity: 1; top: 14px; left: 5px; }
    .main_nav .mega-menu .menu-links li .list_box { padding: 5px 15px; }
    .main_nav .mega-menu .mg-drop-down { background: #fdf6e3; }
    .main_nav .mega-menu .mobileTriggerButton { z-index: 21; }
    .main_nav .mega-menu .menu-logo > li > a { padding-top: 0; padding-bottom: 0; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger {width: 40px; background: transparent; top: 8px; right: 15px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:hover { background: transparent; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger:before,
    .main_nav .mega-menu .menu-mobile-collapse-trigger:after,
    .main_nav .mega-menu .menu-mobile-collapse-trigger span { height: 2px; background: #ffffff; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:before { -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); top: 11px; }
    .main_nav .mega-menu .menu-mobile-collapse-trigger.active:after { -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); top: 36px; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile { background-color:#f5d392; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile a ,.main_nav .mega-menu .menu-links > li.activeTriggerMobile:hover a { color: #604d3f !important; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile > a i.fa.fa-indicator {  color: #edb041; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile > a::before,
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile:hover > a::before { content: ""; position: absolute; width: 16px; height: 16px; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/e21010cf-649e-4ad3-befe-b81744e644f6.svg) no-repeat center; position: absolute; top: 16px; left: 6px; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
    .main_nav .mega-menu li a img{ width: 18px; margin-top: 15px; margin-right: 2px; }
    .main_nav .mega-menu .menu-links > li:nth-last-child(2), .main_nav .mega-menu .menu-links > li:last-child {  padding-top: 10px;  border-bottom: none; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile:last-child {background-color: transparent; }
    .main_nav .mega-menu .menu-links > li:last-child > a { text-align: center; color: #604d3f; font-size: 32px; font-weight: 500; letter-spacing: 0; border: 1px solid #eeb141; background: #ffffff; margin: 0 auto; display: block; border-radius: 8px; font-family: Roboto, "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; padding: 34px 10px 14px; height: 90px; }
    .main_nav .mega-menu .menu-links > li:last-child > a::after { content: "服務專線"; position: absolute; top: -2px; font-size: 22px; left: 50%; transform: translate(-50%, 0); color: #eeb141; font-weight: 600; padding-left: 25px; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/7ed5b178-3215-4b2c-a367-c8274671c21d.svg) no-repeat left center; background-size: 22px; }
    .main_nav .mega-menu .menu-links > li.activeTriggerMobile:last-child > a::before, .main_nav .mega-menu .menu-links > li.activeTriggerMobile:last-child:hover > a::before{ display: none;}

    ::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
    .main_nav .mega-menu .menu-links li .list_tag{ padding: 0px;}
    .main_nav .mega-menu .menu-links li .list_tag h4{ margin-left: 10px; padding-left: 29px; font-size: 16px;}
    .main_nav .mega-menu .menu-links li .list_tag ul{ display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start;}
    .main_nav .mega-menu .menu-links li .list_tag li{ 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:0; width: 100%;}
	.main_nav .mega-menu .menu-links > li  .list_tag a{ padding: 0;}
	.main_nav .mega-menu .menu-links li .list_tag a p{font-size: 16px;}
    .main_nav .mega-menu .menu-logo > li > a img { width: 135px; padding-top: 10px;}
}

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

/***** 首頁 *****/
/* 大圖輪播 */
.main_slider .carousel-indicators{align-items: center;}
.main_slider .carousel-indicators li{ width: 12px; height: 12px; border-radius: 50%; border: 0; margin-right: 5px; margin-left: 5px; background: #ffffff;  opacity:1;}
.main_slider .carousel-indicators .active{ width: 12px; height: 12px; background: #edb041; opacity: 1;}
.main_slider .carousel-control-next,.main_slider .carousel-control-prev{ opacity: 1; width:100px;}
.main_slider .carousel-control-next-icon,.main_slider .carousel-control-prev-icon{ background: url('https://materials.fillo.com.tw/materials/happygotravel/images/c4c4d535-f219-4885-a39c-cc4224ce5a2f.svg'); background-position: center; background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px; }
.main_slider .carousel-control-prev-icon{transform: rotate(180deg); }
.main_slider .carousel-control-next-icon:hover,.main_slider .carousel-control-prev-icon:hover { background-size: 46px; }
@media (max-width: 575px) {
    .main_slider .carousel-control-next, .main_slider .carousel-control-prev{ width: 60px;}
    .main_slider .carousel-control-next-icon, .main_slider .carousel-control-prev-icon { background-size: 23px; width: 23px; height: 23px; }
    .main_slider .carousel-control-next-icon:hover, .main_slider .carousel-control-prev-icon:hover { background-size: 23px; }
    .main_slider .carousel-indicators li,.main_slider .carousel-indicators .active{ width: 10px; height: 10px; }
}

/* 搜尋 */
.search_foreign { margin-top: 40px; margin-bottom: 40px; }
.search_foreign .search-area { background: #faf4e5; min-height: 130px; display: flex; align-items: center; border-radius: 8px;}
.search_foreign .search-area::after { content: ""; position: absolute; background: #efd3a1; height: 1px; width: calc(100% - 18px); z-index: -1; left: 8px; bottom: -6px; }
.search_foreign  .search-area .search-box {padding: 0px 10px;}
.web-page-frame .widget-item.search_foreign .search-area form.container{ width: 100%;}
.search_foreign .search-area form.container { max-width: 1440px;  padding-left: 0; padding-right: 0; }
.search_foreign .group_banner.search_banner .search-area{ min-height: 150px; padding-bottom: 15px;}
.search_foreign section.group_banner .search-area .search-box{ margin: 0; padding: 0 10px;}
.search_foreign .group_banner.search_banner .search-area > .container { background: transparent; border-bottom: 0; }
.search_foreign .search-area .search-box .select-goal,.search_foreign .search-area .search-box .select-place,.search_foreign .search-area .search-box .select-date,.search_foreign .search-area .search-box .select-keywords,
.search_foreign section.group_banner .search-area .search-box .select-date{background:transparent;  padding: 5px 10px;}
.search_foreign .select-keywords{ position:relative; }
.search_foreign .search-area .search-box .select-keywords .title,.search_foreign .search-area .search-box .select-goal .title,
.search_foreign .search-area .search-box .select-date .title,.search_foreign .search-area .search-box .select-place .title {padding-left: 16px;}
.search_foreign .search-area .search-box .select-keywords .title i,.search_foreign .search-area .search-box .select-goal .title i,
.search_foreign .search-area .search-box .select-place .title i,.search_foreign .search-area .search-box .select-date .title i{ display:none;}
.search_foreign .search-box .title::before{ content: ""; position: absolute;  left: 13px; top: 13px; width: 6px; height: 6px; background-color:#edb041; border-radius: 6px; }
.search_foreign .search-area .search-box .select-date .select { width: 100%;}
.search_foreign .search-area .search-box .select-date .select input { width: calc(46%);}
.search_foreign .search-area .search-box .select-goal .select select,.search_foreign .search-area .search-box .select-place .select select,
.search_foreign .search-area .search-box .select-date .select input,.search_foreign .search-area .search-box .select-keywords .select input { height: 45px; padding: 5px 10px; border-radius: 4px;  border:1px solid #efd3a1; background-color: #ffffff; color: #333333; cursor:pointer;}
.search_foreign .search-area .search-box .select-goal .select select:focus,.search_foreign .search-area .search-box .select-place .select select:focus,.search_foreign .search-area .search-box .select-date .select input:focus,.search_foreign .search-area .search-box .select-keywords .select input:focus,.search_foreign .search-area .search-box .search-btn:focus{ outline:none; }
.search_foreign section.group_banner .search-area .search-box>div { padding: 0 !important; flex: 1;  max-width: initial; }
.search_foreign section.group_banner .search-area .search-box>div:nth-child(4) { flex: 0 0 28%; max-width: 28%;}
.search_foreign .search-area .search-box>div:nth-child(5) { flex: 1; max-width: initial; min-width: initial; }
.search_foreign section.group_banner .search-area .search-box .select-input > input { height: 45px; border:1px solid #efd3a1; border-radius: 4px; padding: 5px 10px; }
.search_foreign section.group_banner .search-area .search-box .select-input .data-icon-search{ display: none;}
.search_foreign section.search_banner .search-area .search-box .select-input{ padding: 35px 10px 5px; position: relative;}
.search_foreign section.search_banner .search-area .search-box .select-input::before { content: "關鍵字"; position: absolute; top:5px; left: 26px; color:#604d3f;; font-size: 1rem; font-weight: 600; letter-spacing: 1px; }
.search_foreign section.search_banner .search-area .search-box .select-input::after { content: ""; position: absolute; left: 13px; top: 13px; width: 6px; height: 6px; background-color:#edb041; border-radius: 6px; }
.search_foreign section.search_banner .search-area .search-box .select-date .select input{ text-align: center; border:1px solid #efd3a1;  width: calc(50% - 18px); }
.search_foreign section.group_banner .search-area .search-box .select-goal,
.search_foreign section.group_banner .search-area .search-box .select-place,
.search_foreign section.group_banner .search-area .search-box .select-date{ padding: 5px 10px; height: 90px;}
.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; }
.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 { color:#604d3f; font-size: 1rem; font-weight: 600; margin: 0; }
.search_foreign .search-area .search-box .select-date .select .divide{margin: 25px 10px 0px 10px; background: #604d3f}
.search_foreign section.group_banner .search-area .search-box>div:last-child {position: absolute; width: 192px; height: 43px; bottom: -50px; left: 50%; transform: translate(-50%, 0);}
.search_foreign section.group_banner .search-area .search-box .search-btn{  background: #edb041; width:192px; height: 43px; display: flex;  padding: 0;  justify-items: center; align-items: center; border-radius: 21px;  -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.search_foreign section.group_banner .search-area .search-box .search-btn:hover{ background: #edb041;}
.search_foreign section.group_banner .search-area .search-box .search-btn h5 { position: relative; display: table; margin: 0 auto; padding-right: 25px; width: 110px; height: 30px; font-size: 19px; line-height: 2rem; }
.search_foreign section.group_banner .search-area .search-box .search-btn h5::after{ content: "";  position: absolute; background-image: url('https://materials.fillo.com.tw/materials/happygotravel/images/1d5b5567-10b1-41b8-b9c0-c2ad332d7739.svg'); background-repeat: no-repeat; background-size: 20px;
 width: 20px; height: 20px; right: 10px; top: 6px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.search_foreign section.group_banner .search-area .search-box .search-btn:hover h5::after{ right: 5px;}
.search_foreign  .search-area .search-box .search-btn i{ display:none;}
.search_foreign .mic_icon { top: 35px; bottom: 0; height: 45px;}
@media (min-width: 992px) {
    .search_foreign .search-area .search-box>div:nth-child(3) { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
    .search_foreign .search-area .search-box>div:nth-child(5){ flex: 0; max-width: 210px; min-width: 210px;}
}
@media (max-width: 1499px) {
	.search_foreign .search-area .search-box .select-date .select input {width: calc(45%);}
}
@media (max-width: 1199px) {
	.search_foreign .search-area .search-box .select-date .select input { width: calc(44%);}
}
@media (max-width: 991px) {
	.search_foreign .search-area .search-box {  padding: 10px 20px 20px;}
	.search_foreign .search-area .search-box > div {padding: 0;}
    .search_foreign section.group_banner .search-area .search-box>div{ flex:0 0 50%;}
    .search_foreign section.group_banner .search-area .search-box { padding: 10px 20px 20px; }
    .search_foreign section.group_banner .search-area .search-box>div:nth-child(3),
    .search_foreign section.group_banner .search-area .search-box>div:nth-child(4),
    .search_foreign section.group_banner .search-area .search-box>div:nth-child(5),
    .search_foreign section.group_banner .search-area .search-box>div:last-child{ flex: 0 0 100%;  max-width: 100%; }
    .search_foreign section.group_banner .search-area .search-box .search-btn{ width: 200px; margin: 15px auto 0; display: block; margin-top: -5px;}
    .search_foreign .search-area .search-box .select-date .select .divide { margin: 25px 5px 0px 5px; width: 15px; }
    .search_foreign section.search_banner .search-area .search-box .select-date .select input {  width: calc(50% - 13px); }
	.search_foreign .search-area .search-box .select-date .select input {  width: calc(48.5%);}
    .search_foreign .group_banner.search_banner .search-area{ padding-bottom: 20px;}
}
@media (max-width: 767px) {
    .search_foreign section.search_banner{ width: auto;}
}

@media (max-width: 575px) {
    .search_foreign { margin-top: 23px;}
    .search_foreign .group_banner.search_banner .search-area { padding-bottom: 40px; }
    .search_foreign section.group_banner .search-area .search-box{ padding: 12px 10px;}
    .search_foreign section.group_banner .search-area .search-box .select-goal,
    .search_foreign section.group_banner .search-area .search-box .select-place,
    .search_foreign section.group_banner .search-area .search-box .select-date{ height: 80px;}
    .search_foreign section.group_banner .search-area .search-box .search-btn { width: 137px; height: 34px; }
    .search_foreign section.group_banner .search-area .search-box .search-btn h5 { padding-right: 12px; width: 110px; height: 24px; font-size: 16px; }
    .search_foreign section.group_banner .search-area .search-box .search-btn h5::after { background-size: 16px; top: 8px; }
    .search_foreign section.group_banner .search-area .search-box .select-goal .title h6,
    .search_foreign section.group_banner .search-area .search-box .select-place .title h6,
    .search_foreign section.group_banner .search-area .search-box .select-date .title h6,
    .search_foreign section.search_banner .search-area .search-box .select-input::before{font-size: 15px; }
    .search_foreign .search-area .search-box .select-goal .select select,
    .search_foreign .search-area .search-box .select-place .select select,
    .search_foreign .search-area .search-box .select-date .select input,
    .search_foreign .search-area .search-box .select-keywords .select input{ height: 32px;}
    .search_foreign section.group_banner .search-area .search-box .select-input > input{ height: 32px;}
    .search_foreign .mic_icon{ height: 32px;}
    .search_foreign section.group_banner .search-area .search-box>div:last-child{ bottom: -70px;}
}

/*搜尋月曆*/
.datepicker.dropdown-menu{  border: 1px solid #604d3f;}
.datepicker.datepicker-dropdown:before{  border-bottom-color: #604d3f;}
.datepicker.datepicker-dropdown.datepicker-orient-top:before{ border-top: 7px solid #604d3f;}
.datepicker td, .datepicker th {  width: 30px;height: 30px;}
.datepicker table tr td.active.active,.datepicker table tr td span.active.active{background:#edb041;}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{ background: #faf4e5;}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:hover,
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active{background-color:#edb041;}
.datepicker .datepicker-switch,.datepicker .next, .datepicker .prev { color:#604d3f;}


/* 主題四格 */
.main_theme_block { margin-top: 40px; margin-bottom: 20px; padding: 0; }
.main_theme .thicon_info:hover figure .b_img,
.main_theme .module-container .thicon_info:hover figure .b_img{transform: scale(1);}
.main_theme.one { -ms-flex: 0 0 39.2%; flex: 0 0 39.2%; max-width: initial; }
.main_theme.three { -ms-flex: 0 0 60.8%; flex: 0 0 60.8%; max-width: initial; }
.main_theme.one .wall-wrapper {display: block; }
.main_theme.three .row.wall-row>div:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 30px; }
.main_theme.one .wall-wrapper, .main_theme.three .wall-wrapper { padding:15px; }
.main_theme.one>.module-container>.main>.header-title.dp-tbl,
.main_theme.three>.module-container>.main>.header-title.dp-tbl,
.main_theme.one>.module-container>.main>.dp-tbl, .main_theme.three>.module-container>.main>.dp-tbl{ display: none; }
.main_theme.three>.module-container, .main_theme.three>.module-container>.main{ height: 100%;}
.main_theme.three .wall-wrapper .row { justify-content: space-between; }
.main_theme.three .row.wall-row>div:nth-child(2),.main_theme.three .row.wall-row>div:nth-child(3) { -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); max-width: initial; }
.main_theme.one .module-container,.main_theme.one .module-container>.main,.main_theme.one .module-container>.main .row,
.main_theme.three .module-container, .main_theme.three .module-container>.main,.main_theme.three .module-container>.main .row { height: 100%; }
.main_theme.one .thicon_info,.main_theme.three .thicon_info{ border-radius: 10px;  box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  }
.main_theme.one .thicon_info:hover, .main_theme.three .thicon_info:hover { box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.3); }
.main_theme.one .thicon_info,.main_theme.one .thicon_info a,.main_theme.one .thicon_info a figure,.main_theme.one .thicon_info a figure img,
.main_theme.three .thicon_info,.main_theme.three .thicon_info a,.main_theme.three .thicon_info a figure,.main_theme.three .thicon_info a figure img { height: 100%; display: block; }
.main_theme.one .module-container>.main>div .theme_info,
.main_theme.three>.module-container>.main>div .theme_info { background:transparent!important; top: 0; }
.main_theme.one .module-container>.main>div .thicon_info:hover .theme_info,
.main_theme.three .module-container>.main>div .thicon_info:hover .theme_info { background: transparent!important; }
.main_theme.one .module-container>.main>div .thicon_info:hover .theme_info h3::after,
.main_theme.three .module-container>.main>div .thicon_info:hover .theme_info h3::after{ display: none; }
.main_theme.one .wall-wrapper .thicon_info figure,.main_theme.three .wall-wrapper .thicon_info figure{border-radius: 10px;}
@media(max-width:991px) {
    .main_theme.one {  -ms-flex: 0 0 100%; flex: 0 0 100%; order: 1;}
    .main_theme.one .wall-wrapper, .main_theme.three .wall-wrapper { padding: 0 15px 15px; }
    .main_theme.one .wall-row>div { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .main_theme.three { -ms-flex: 0 0 100%; flex: 0 0 100%; order: 2; }
    .main_theme.three .wall-wrapper { padding-left: 15px; padding-top: 0; }
    .main_theme.three .row.wall-row>div:first-child{ padding-bottom: 15px;}
    .main_theme.three .row.wall-row>div:nth-child(2), .main_theme.three .row.wall-row>div:nth-child(3) { -ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); }
}
@media(max-width:575px) {
    .main_theme.three .wall-wrapper { padding-bottom: 0; }
    .main_theme.three .wall-wrapper .row>div:not(:first-child) { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px;}
    .main_theme.three .row.wall-row>div:nth-child(2), .main_theme.three .row.wall-row>div:nth-child(3) { -ms-flex: 0 0 calc(50% - 8px); flex: 0 0 calc(50% - 8px); }
}

/* 推薦行程頁籤 */
.main_recommend_tab ul { background: #faf4e5; border-radius: 25px; }
.main_recommend_tab .nav-pills .nav-link{ position: relative; border-radius: .25rem; font-size: 20px; font-weight: 600; color: #604d3f; padding: 6px 35px; z-index: 1; }
.main_recommend_tab .nav-pills .nav-link.active,.main_recommend_tab .nav-pills .show>.nav-link { color: #ffffff;  background: transparent;}
.main_recommend_tab .nav-pills .nav-link.active::before, .main_recommend_tab .nav-pills .show>.nav-link::before { content: ""; position: absolute; background: #edb041; border-top-left-radius: 8px; border-top-right-radius: 8px; width: calc(100% - 20px); height: 48px; z-index: -1; left: 10px; bottom: 0; }
@media(max-width:991px) {
    .main_recommend_tab .nav-pills .nav-link{ font-size: 16px; padding: 6px 20px;}
}
@media(max-width:767px) {
    .main_recommend_tab{ max-width: 100%;}
    .main_recommend_tab ul{ border-radius: 0;}
    .main_recommend_tab > .module-container > .main > .blk-tabs { display: block; }
    .main_recommend_tab .nav { display: block; overflow-x: scroll; white-space: nowrap; text-align: center; padding-top: 15px; background: transparent; }
    .main_recommend_tab .nav li.nav-item { display: inline-block; background: #faf4e5; margin-left: -2px; margin-right: -3px; }
    .main_recommend_tab .nav-pills .nav-link { padding: 8px 20px; }
    .main_recommend_tab .nav-pills .nav-link.active::before, .main_recommend_tab .nav-pills .show>.nav-link::before { border-top-left-radius: 6px; border-top-right-radius: 6px; width: calc(100% - 10px); height: 45px; left: 5px; }
    .main_recommend_tab .nav li.nav-item:first-child { padding-left: 10px; }
}

/* 推薦行程 */
.main_recommend{ padding-top: 20px; padding-bottom: 40px;}
.main_recommend .swiper-container{ padding-bottom: 50px;}
.main_recommend .swiper-slide-style { border-radius: 8px; margin-top: 0; margin-bottom: 25px; box-shadow: none; background: #fbf9f3; border: 1px solid #f1e8ce;  }
.main_recommend .swiper-slide-style:hover{ border: 1px solid #edb041;}
.main_recommend .swiper-slide .swiper-content { letter-spacing: 0; margin-bottom: 15px; -webkit-line-clamp: initial; position: relative; height: 30px; padding: 0 15px; }
.main_recommend .swiper-slide .swiper-title { text-align: left; -webkit-transition: all 0.5s; transition: 0.5s; margin-bottom: 0; padding: 0px 15px 0 26px; line-height: 28px; color: #333333; font-size: 18px; font-weight: 600; position: relative; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; height: 50px;}
.main_recommend .swiper-slide .swiper-title::before { content: ""; position: absolute; width: 4px; height: 20px; background: #edb041; border-radius: 2px; left: 15px; top: 3px; }
.main_recommend .swiper-slide .swiper-content div{  position: absolute; right: 20px; bottom: 0; color:#eb5013; font-family: Roboto, sans-serif !important; line-height: 20px; font-size: 20px; font-weight: 500; margin-bottom: 0;}
.main_recommend .swiper-slide .swiper-content div>span { padding-left: 5px; font-size: 13px; font-weight: 400; }
.main_recommend .swiper-slide .swiper-img{ margin: 0 0 12px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.main_recommend .swiper-slide .swiper-img img { border-top-left-radius: 8px; border-top-right-radius: 8px; aspect-ratio: 5 / 2.993; object-fit: cover; object-position: center center; 
    -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);-webkit-transition: all 0.5s; transition: all 0.5s;}
.main_recommend .swiper-slide:hover .swiper-img img{-webkot-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; transition: all 0.5s;}
.main_recommend .swiper-button-prev.swiper-button-white, .main_recommend .swiper-button-next.swiper-button-white { width: 43px; height: 43px; background: #ffffff; opacity: 1; bottom: 0; top: initial; outline: none;
	border-radius: 17px; font-size: 0; border: 1px solid #efd3a1; }
.main_recommend .swiper-button-next.swiper-button-white { right: calc(50% - 60px); }
.main_recommend .swiper-button-prev.swiper-button-white { left: calc(50% - 60px); }
.main_recommend_block.more .main_recommend .swiper-button-prev.swiper-button-white { left:calc(50% - 120px); }
.main_recommend_block.more .main_recommend .swiper-button-next.swiper-button-white { right:calc(50% + 10px); }
.main_recommend .swiper-button-prev.swiper-button-white::after,
.main_recommend .swiper-button-next.swiper-button-white::after{ background-color: transparent; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/0c5d0436-96ba-44a7-827a-cd43591c6b28.svg) no-repeat center; font-size: 0; padding: 0; width:30px; height:30px;}
.main_recommend .swiper-button-prev.swiper-button-white::after{ transform: rotate(180deg);}
.main_recommend .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.main_recommend .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.main_recommend .swiper-button-prev.swiper-button-white:hover,
.main_recommend .swiper-button-next.swiper-button-white:hover{background-color: #fbf9f3;}
.more_btn{ position: absolute; bottom: 40px; right: calc(50% - 120px); flex: 0 0 104px;  max-width: 104px; border: 1px solid #efd3a1 !important; width: 100%; z-index: 1; height: 42px; border-radius: 17px; text-align: center; }
.more_btn>.module-container, .more_btn>.module-container>.main, .more_btn>.module-container>.main>div:nth-child(2), .more_btn>.module-container>.main>div:nth-child(2)>div{ height: 100%;}
.more_btn div>a{ display: block; color: #edb041; font-size: 18px; height: 100%; text-decoration: none; line-height: 40px; border-radius: 17px; }
.more_btn div>a:hover{ background-color: #fbf9f3;}
@media(max-width:1024px) {
    .main_recommend .swiper-container{ padding-left:17px; padding-right: 17px;}
}
@media(max-width:991px) {
    .main_recommend .swiper-slide .swiper-title{ font-size: 16px; line-height:26px;}
}
@media(max-width:767px) {
    .main_recommend .swiper-container{ padding-left:12px; padding-right: 12px;}
}
@media(max-width:575px) {
    .main_recommend .swiper-slide .swiper-content{ height: 26px;}
    .main_recommend .swiper-slide .swiper-content div span { font-size: 14px; padding: 4px 4px; }
    .main_recommend .swiper-slide .swiper-content div{ font-size: 16px;}
    .main_recommend .swiper-button-prev.swiper-button-white, .main_recommend .swiper-button-next.swiper-button-white {width: 38px; height: 38px; border-radius: 15px;}
    .main_recommend .swiper-button-next.swiper-button-white { right: calc(50% - 50px); }
    .main_recommend .swiper-button-prev.swiper-button-white { left: calc(50% - 50px); }
    .main_recommend_block.more .main_recommend .swiper-button-prev.swiper-button-white { left:calc(50% - 105px); }
    .main_recommend_block.more .main_recommend .swiper-button-next.swiper-button-white { right:calc(50% + 15px); }
    .more_btn { position: absolute; right: calc(50% - 95px); flex: 0 0 92px; max-width: 92px; height: 38px; border-radius: 15px; }
    .more_btn div>a { font-size: 16px; line-height: 36px; border-radius: 15px; }
}

/* 文章專區 */
.main_article{ padding-top: 20px; padding-bottom: 40px;}
.main_article .swiper-container{ padding-bottom: 50px;}
.main_article .swiper-slide-style { border-radius: 8px; margin-top: 0; margin-bottom: 25px; box-shadow: none; background:#edb041; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.09);}
.main_article .swiper-slide .swiper-title { text-align: left; -webkit-transition: all 0.5s; transition: all 0.5s; margin-bottom: 10px; padding:0px 15px 0 32px; line-height: 26px; color: #ffffff; font-size: 18px; font-weight: 600; position: relative; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; }
.main_article .swiper-slide .swiper-title::before { content: ""; position: absolute; width: 26px; height: 1px; background: #ffffff; left: 0; top: 12px; }
.main_article .swiper-slide .swiper-content { color: #ffffff; font-size: 16px; font-weight: 400; margin-bottom: 26px; padding-left: 32px; }
.main_article .swiper-slide .swiper-img{ position: relative; margin: 0 0 25px; overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.main_article .swiper-slide .swiper-img::before { content: ""; position: absolute; background:#000000; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;  transition: 0.5s;}
.main_article .swiper-slide:hover .swiper-img::before { opacity: 0.2;}
.main_article .swiper-slide .swiper-img img { border-top-left-radius: 8px; border-top-right-radius: 8px; aspect-ratio: 5 / 4.9; object-fit: cover; object-position: center center; 
    -webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: 0.5s;}
.main_article .swiper-slide:hover .swiper-img img{-webkot-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);  transition: 0.5s;}
.main_article .swiper-button-prev.swiper-button-white, .main_article .swiper-button-next.swiper-button-white { width: 43px; height: 43px; background: #ffffff; opacity: 1; bottom: 0; top: initial; outline: none;
	border-radius: 17px; font-size: 0; border: 1px solid #efd3a1; }
.main_article .swiper-button-next.swiper-button-white { right: calc(50% - 60px); }
.main_article .swiper-button-prev.swiper-button-white { left: calc(50% - 60px); }
.main_article_block.more .main_article .swiper-button-prev.swiper-button-white { left:calc(50% - 120px); }
.main_article_block.more .main_article .swiper-button-next.swiper-button-white { right:calc(50% + 10px); }
.main_article .swiper-button-prev.swiper-button-white::after,
.main_article .swiper-button-next.swiper-button-white::after{ background-color: transparent; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/0c5d0436-96ba-44a7-827a-cd43591c6b28.svg) no-repeat center; font-size: 0; padding: 0; width:30px; height:30px;}
.main_article .swiper-button-prev.swiper-button-white::after{ transform: rotate(180deg);}
.main_article .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.main_article .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.main_article .swiper-button-prev.swiper-button-white:hover,
.main_article .swiper-button-next.swiper-button-white:hover{background-color: #fbf9f3;}
@media(max-width:1024px) {
    .main_article .swiper-container{ padding-left:17px; padding-right: 17px;}
}
@media(max-width:991px) {
    .main_article .swiper-slide .swiper-title{ font-size: 16px; line-height:26px;}
}
@media(max-width:767px) {
    .main_article .swiper-container{ padding-left:12px; padding-right: 12px;}
}
@media(max-width:575px) {
    .main_article .swiper-slide .swiper-img div span { font-size: 14px; padding: 4px 4px; }
    .main_article .swiper-slide .swiper-img{ margin: 0 0 16px;}
    .main_article .swiper-button-prev.swiper-button-white, .main_article .swiper-button-next.swiper-button-white { width: 38px; height: 38px; border-radius: 15px; }
    .main_article .swiper-container { padding-bottom: 40px; }
    .main_article .swiper-button-next.swiper-button-white { right: calc(50% - 50px); }
    .main_article .swiper-button-prev.swiper-button-white { left: calc(50% - 50px); }
}

/* 影片分享 */
.main_video_block { margin-bottom: 60px; }
.main_video .fancybox-wrapper a[data-fancybox] > img { border-radius: 8px; aspect-ratio: 5 / 2.75; object-fit: cover; object-position: center center;}
.main_video.big{ margin-bottom: 30px;}
.main_video.big .fancybox-wrapper figure.position-bottom > .content-bottom {  background: rgb(106 83 66 / 80%); width: calc(100% - 60px); min-height: 50px; position: absolute; left: 50%; bottom: 15px; transform: translate(-50%, 0); padding: 12px;}
.main_video.big h4{ position: relative; display: table; margin: 0 auto; padding: 0 16px; color: #ffffff; text-align: center; font-size: 20px; letter-spacing: 1px; }
.main_video.big h4::before,.main_video.big h4::after{content: ""; position: absolute; background: #eeb141; width: 8px; height: 8px; border-radius: 50%; top: 9px;}
.main_video.big h4::before{ left: 0;}
.main_video.big h4::after{right: 0;}
.main_video.small h4{ font-size: 18px; color: #333333; text-align: center; margin:15px auto; padding-left: 14px; position: relative; display: table; letter-spacing: 0.2px;}
.main_video.small h4::before{ content: ""; position: absolute; background: #eeb141; width: 8px; height: 8px; border-radius: 50%; top: 7px; left: 0;}
.main_video .fancybox-wrapper figure.position-bottom > .content-bottom::before { content: ""; position: absolute; background: #edb041; height: 1px; width:0; bottom: 0; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main_video .fancybox-wrapper figure.position-bottom:hover > .content-bottom::before { width:100%; }
.main_video.small .fancybox-wrapper figure.position-bottom > .content-bottom::before { left: 15px; }
.main_video.small .fancybox-wrapper figure.position-bottom:hover > .content-bottom::before { width: calc(100% - 30px); }
@media(max-width:991px) {
    .main_video.big figure { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .main_video.big figure:nth-child(1){ margin-bottom: 30px !important;}
    .main_video.big h4 { padding: 0 12px; font-size: 16px; letter-spacing: 0.2px; }
    .main_video.big h4::before, .main_video.big h4::after { width: 6px; height: 6px; top: 7px; }
    .main_video.big .fancybox-wrapper figure.position-bottom > .content-bottom { width: calc(100% - 50px); min-height: 30px; bottom: 10px; padding: 6px; }
    .main_video.small h4 { font-size: 16px; margin: 10px auto; padding-left: 10px; }
    .main_video.small h4::before { width: 6px; height: 6px;}
    .main_video.small figure{ margin-bottom: 15px !important; }
}
@media(max-width:575px) {
    .main_video_block { margin-bottom: 40px; }
    .main_video.big { margin-bottom: 25px; }
    .main_video.big figure:nth-child(1) { margin-bottom: 25px !important; }
    .main_video.small { padding: 0 20px; }
    .main_video.small figure { padding: 0 10px; }
}

/* 關於我們 */
.main_about_block { margin-bottom: 60px;}
.main_about_block>.module-container>.main.row { border-radius: 10px  }
.main_about{ -ms-flex: 1; flex: 1; max-width: initial; }
.main_about section { padding: 30px 45px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #ffffff; }
.main_about section>div { -ms-flex: 0 0 400px; flex: 0 0 400px; display: flex ; flex-flow: column; justify-content: center; }
.main_about section>div h2 { position: relative; font-size: 36px; letter-spacing: 2px; padding-left: 40px; margin-top: 5px; margin-bottom: 18px; }
.main_about section>div h2::before { content: ""; position: absolute; top: 4px; left: 0; width: 36px; height: 36px; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/ab078cc0-7678-4f90-9a78-5d3a9c9bc8f5.svg) center / 36px no-repeat; }
.main_about section>div h3 { font-size: 56px; font-family: Roboto, "Helvetica Neue", "微軟正黑體", Helvetica, Arial, sans-serif !important; font-weight: 500; letter-spacing: 0; margin-bottom: 0; }
.main_about section>article { -ms-flex: 1; flex: 1; border-left: 1px solid #ffffffb8; padding: 5px 5px 5px 55px; }
.main_about section>article h4{ font-size: 20px; margin-bottom: 16px; letter-spacing: 1px; font-weight: 600; }
.main_about section>article p { font-size: 16px; line-height: 30px; margin-bottom: 0; letter-spacing: 0.2px; text-align: justify;}
.main_aboutbtn {-ms-flex:0 0 180px; flex: 0 0 180px; max-width: 180px; }
.main_aboutbtn div.link-list { background: transparent; }
.main_aboutbtn div.link-list ul li a,.main_aboutbtn div.link-list ul li span{ position: absolute; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; background: #f7f0e3;
     width: 124px; height: 124px; border-radius: 50%; top: 50%; left: 0; transform: translate(0, -50%); text-align: center; font-weight: 600; padding: 0;  box-shadow: -0.1px 4px 9.5px 0.5px rgba(0, 0, 0, 0.1);}
.main_aboutbtn div.link-list ul li a::before,.main_aboutbtn div.link-list ul li span::before{ content: ""; position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); border: 2px dotted #edb041; border-radius: 100%; border-style: dotted; }
.main_aboutbtn div.link-list ul li:hover a::before,.main_aboutbtn div.link-list ul li:hover span::before{  animation:donut-spin 1.6s linear infinite;}
@keyframes donut-spin {
    0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } 
}
@media (max-width:1199px){
    .main_about section { padding: 30px;}
    .main_about section>div { -ms-flex: 0 0 320px; flex: 0 0 320px;}
    .main_about section>div h2 { font-size: 26px; padding-left: 32px;}
    .main_about section>div h2::before { top: 3px; width: 28px; height: 28px; background-size: 28px; }
    .main_about section>div h3 { font-size: 46px;}
    .main_about section>article{ padding: 5px 5px 5px 35px;}
    .main_about section>article p{ letter-spacing: 0; }
    .main_aboutbtn { -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; }
}
@media (max-width:991px){
    .main_about_block{ margin-bottom: 120px;}
    .main_about_block>.module-container>.main.row{ padding-bottom: 50px;}
    .main_about { -ms-flex:0 0 100%; flex: 0 0 100%; }
    .main_about section>div { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; }
    .main_about section>div h2 { display: table; margin: 0 auto 10px; }
    .main_about section>div h3{ text-align: center;}
    .main_about section>article { padding: 5px 5px 5px 25px; }
    .main_aboutbtn { -ms-flex: 0 0 124px; flex: 0 0 124px; max-width: 124px; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0); }
}
@media (max-width:767px){
    .main_about section>div h3 a { color: #ffffff; }
}
@media (max-width:575px){
    .main_about_block { margin-bottom: 100px; }
    .main_about section { padding: 24px; }
    .main_about section>article { padding: 23px 0 0 0; border-left: 0; border-top: 1px solid #ffffff; }
    .main_about section>div h2 { font-size: 24px; margin: 0 auto 15px;}
    .main_about section>div h2::before { background-size: 26px; }
    .main_about section>div h3 { font-size: 36px; }
    .main_about section>article h4 { font-size: 18px; letter-spacing: 0.2px; text-align: center;  }
    .main_about section>article p { text-align: center; font-size: 15px; line-height: 28px;}
    .main_aboutbtn div.link-list ul li a, .main_aboutbtn div.link-list ul li span{ width: 106px; height: 106px; font-size: 18px !important; letter-spacing: 0;}
}

/***** 公司介紹 *****/
.aboutus_tab { margin-top: 55px; }
.aboutus_top>.module-container>.main { padding-bottom: 25px; }
.aboutus_top section { position: absolute; width: 220px; height: 220px; border-radius: 50%; background: #edb041; bottom: 0; left: 50%; transform: translate(-50%, 0); display: -ms-flexbox; display: flex; flex-flow: column; align-items: center; justify-content: center; z-index: 1; }
.aboutus_top .bgfixed::before { content: ""; width: 254px; height: 254px; position: absolute; left: 50%; bottom: -17px; transform: translate(-50%, 0); background:rgb(250 244 229 / 40%); z-index: 0; border-radius: 50%;}
.aboutus_top section h2 { font-size: 32px; font-weight: 400; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #ffffff8c; letter-spacing: 1px; }
.aboutus_top section h3 { font-family: Roboto, "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 28px; margin-bottom: 0; padding-top: 18px; }
.aboutus_tab ul { display: -ms-flexbox; display: flex; margin: 0 auto;}
.aboutus_tab li.nav-item{ -ms-flex: 1; flex:1; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.aboutus_tab .nav-link { color: #604d3f; font-size: 20px; letter-spacing: 0.5px; text-align: center; padding: 10px; border-bottom: 8px solid #faf4e5; -webkit-transition: all 0.3s; transition: all 0.3s;}
.aboutus_tab .nav-link:hover{ color: #edb041; }
.aboutus_tab .nav-link.active{ border-bottom: 8px solid #edb041; color: #edb041; font-size: 22px; padding-top: 7px;}
.aboutus_content_block{ max-width: 1200px; margin: 0 auto; padding-top: 30px; padding-bottom: 80px;}
.aboutus_content .mix-wrapper { padding: 0; }
.aboutus_content .editor-content{ margin-top: 0;}
.aboutus_content .editor-content p { margin-bottom: 20px; color: #333333; line-height: 32px; font-size: 17px; letter-spacing: 0.5px; }
.aboutus_content .pic-content{ margin-top: 0; margin-bottom: 0; }
.aboutus_content .pic-content img{ border-radius: 8px; }
.aboutus_map{ margin-top: 50px;}
.aboutus_map .header-title{ position:relative; margin-bottom: 24px; padding-left: 28px; color: #604d3f; font-size: 24px;}
.aboutus_map .header-title::before { content: ""; position: absolute; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/50c214d0-e8ab-4319-84d0-ec4d634115e9.svg); width: 27px; height: 27px; left: 0; top: 4px; }
.aboutus_map .map-container{ padding-bottom: 0;  padding-top: 0;  height: 450px;}
.aboutus_map .main .row { margin: 0; }
.aboutus_map .main .row>.module { padding: 0; }
@media (max-width:1470px){
    .aboutus_content_block { max-width: calc(100% - 120px); }
}
@media (max-width:767px){
    .aboutus_content_block { max-width: calc(100% - 60px); }
    .aboutus_top .bgfixed::before { width: 220px; height: 220px; bottom: -15px; }
    .aboutus_top section { width: 190px; height: 190px; }
    .aboutus_top section h2 { font-size: 28px; padding-bottom: 16px; }
    .aboutus_top section h3 { font-size: 24px; padding-top: 16px; }
    .aboutus_map { margin-top: 40px; }
    .aboutus_content .editor-content p{ font-size: 16px;}
    .aboutus_content .pic-content { order: 2; }
    .aboutus_tab{ max-width: 100%;}
    .aboutus_tab > .module-container > .main > .blk-tabs { display: block; }
    .aboutus_tab .nav { display: block; overflow-x: scroll; white-space: nowrap; text-align: center; padding-top: 15px; background: transparent; }
    .aboutus_tab .nav li.nav-item { display: inline-block; margin-right: -3px; width: 25%; }
    .aboutus_tab .nav-link{ border-bottom: 6px solid #faf4e5; font-size: 16px;}
    .aboutus_tab .nav-link.active { border-bottom: 6px solid #edb041; font-size: 18px; padding-top: 6px; padding-bottom: 9px; }
}
@media (max-width:575px){
    .aboutus_top .module-container .bgfixed.fixed,
    .aboutus_top .module-container .bgfixed > div{ min-height: 400px !important; }
    .aboutus_top .bgfixed::before { width: 190px; height: 190px; bottom: -15px; }
    .aboutus_top section { width: 160px; height: 160px; }
    .aboutus_top section h2 { font-size: 26px; padding-bottom: 12px; letter-spacing: 0; }
    .aboutus_top section h3 { padding-top: 12px; font-size: 22px; }
    .aboutus_tab { margin-top: 35px; }
    .aboutus_content_block { max-width: calc(100% - 40px); }
    .aboutus_map .header-title { margin-bottom: 15px; font-size: 20px; }
    .aboutus_map .header-title::before{ top: 0;}
}

/***** 景點介紹 *****/
.my_40{ margin-top: 40px; margin-bottom: 40px;}
.py_40>.module-container>.main.row { padding-top: 40px; padding-bottom: 40px; }
.attractions_top>.module-container>.main { padding-bottom: 25px; }
.attractions_top section { position: absolute; width: 220px; height: 220px; border-radius: 50%; background: #edb041; bottom: 0; left: 50%; transform: translate(-50%, 0); display: -ms-flexbox; display: flex; flex-flow: column; align-items: center; justify-content: center; z-index: 1; }
.attractions_top .bgfixed::before { content: ""; width: 254px; height: 254px; position: absolute; left: 50%; bottom: -17px; transform: translate(-50%, 0); background:rgb(250 244 229 / 40%); z-index: 0; border-radius: 50%;}
.attractions_top section h2 { font-size: 32px; font-weight: 400; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #ffffff8c; letter-spacing: 1px; }
.attractions_top section h3 { font-family: Roboto, "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 28px; margin-bottom: 0; padding-top: 18px; }
.attractions_one{ margin-bottom: 40px;}
.attractions_one .mix-wrapper{ padding:0;}
.attractions_one img{ border-radius: 8px; }
.attractions_one .pic-content{ margin-top: 0; margin-bottom: 0; }
.attractions_one .editor-content { background: #faf4e5; margin: -30px auto 10px; flex: 0 0 calc(100% - 80px); }
.attractions_one .editor-content::after { content: ""; position: absolute; width: 100%; height: 1px; background: #efd3a1; left: 0; bottom: -6px; }
.attractions_one .editor-content article { padding: 30px 35px; text-align: center; }
.attractions_one .editor-content article h3 { color: #edb041; font-size: 23px; margin-bottom: 20px; font-weight: 600; letter-spacing: 0.5px; }
.attractions_one .editor-content article p { font-size: 16px; line-height: 30px; margin-bottom: 0; }
.attractions_lr{ margin-top: 40px; margin-bottom: 40px; }
.attractions_lr .mix-wrapper{ padding:0;}
.attractions_lr img{ border-radius: 8px; }
.attractions_lr .mix-wrapper>.row{ justify-content: space-between;}
.attractions_lr .mix-wrapper>.row+.row { margin-top: 40px; }
.attractions_lr .pic-content, .attractions_lr .editor-content { margin-top: 0; margin-bottom: 0; -ms-flex: 0 0 calc(50% - 25px); flex: 0 0 calc(50% - 25px); }
.attractions_lr .editor-content { display: -ms-flexbox; display: flex; align-items: center; }
.attractions_lr .editor-content article h3 { color: #333333;  font-size: 21px; margin-bottom: 20px; padding-bottom: 15px; font-weight: 600; letter-spacing: 0.2px; border-bottom: 2px solid #edb041; }
.attractions_lr .editor-content article p {  color: #333333; font-size: 16px; line-height: 30px; margin-bottom: 0; }
.attractions_two{ margin-top: 40px; margin-bottom: 40px; }
.attractions_two .mix-wrapper { padding:0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content:space-between;}
.attractions_two .mix-wrapper>.row { -ms-flex: 0 0 calc(50% - 25px); flex: 0 0 calc(50% - 25px); margin: 0; }
.attractions_two img{ border-radius: 8px;}
.attractions_two .pic-content, .attractions_two .editor-content { margin-top: 0; margin-bottom: 0; -ms-flex:0 0 100%; flex: 0 0 100%; max-width: inherit; }
.attractions_two .editor-content article h3 { position: relative; color: #333333; font-size: 21px; margin-top: 30px; margin-bottom: 20px; padding-left: 12px; font-weight: 600; letter-spacing: 0.2px; }
.attractions_two .editor-content article h3::before { content: ""; position: absolute; width: 4px; height: 21px; background: #edb041; left: 0; top: 2px; border-radius: 2px; }
.attractions_two .editor-content article p {  color: #333333; font-size: 16px; line-height: 30px; margin-bottom: 0; padding-left: 12px; }
.attractions_slider{ margin-top: 40px; margin-bottom: 40px;}
.attractions_slider .swiper-container-free-mode > .swiper-wrapper { padding-bottom: 80px; }
.attractions_slider .swiper-slide-style{ box-shadow: none; border-radius: 0; margin-top: 0; margin-bottom: 0; }
.attractions_slider .swiper-slide .swiper-title{ position: relative; margin: 20px auto 0; padding: 0 0 0 16px; color: #333333; font-size: 20px; font-weight: 600; letter-spacing: 0.2px; display: table; }
.attractions_slider .swiper-slide .swiper-title::before{ content: ""; position: absolute; width: 7px; height: 7px; left: 0; top: 8px; border-radius: 50%; background: #edb041; }
.attractions_slider .swiper-slide .swiper-img img { border-radius: 8px; }
.attractions_slider .swiper-button-prev.swiper-button-white, .attractions_slider .swiper-button-next.swiper-button-white { width: 43px; height: 43px; background: #ffffff; opacity: 1; bottom: 0; top: initial; outline: none;
	border-radius: 17px; font-size: 0; border: 1px solid #efd3a1; }
.attractions_slider .swiper-button-next.swiper-button-white { right: calc(50% - 60px); }
.attractions_slider .swiper-button-prev.swiper-button-white { left: calc(50% - 60px); }
.attractions_slider .swiper-button-prev.swiper-button-white::after,
.attractions_slider .swiper-button-next.swiper-button-white::after{ background-color: transparent; background: url(https://materials.fillo.com.tw/materials/happygotravel/images/0c5d0436-96ba-44a7-827a-cd43591c6b28.svg) no-repeat center; font-size: 0; padding: 0; width:30px; height:30px;}
.attractions_slider .swiper-button-prev.swiper-button-white::after{ transform: rotate(180deg);}
.attractions_slider .swiper-button-prev.swiper-button-white.swiper-button-disabled,
.attractions_slider .swiper-button-next.swiper-button-white.swiper-button-disabled { opacity: 0.6; }
.attractions_slider .swiper-button-prev.swiper-button-white:hover,
.attractions_slider .swiper-button-next.swiper-button-white:hover{background-color: #fbf9f3;}
@media (max-width:1199px){
    .attractions_one .editor-content article h3{ font-size: 21px;}
    .attractions_lr .editor-content article h3 { font-size: 19px; margin-bottom: 15px; padding-bottom: 10px;}
    .attractions_lr .pic-content, .attractions_lr .editor-content { -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); }
    .attractions_two .editor-content article h3 { font-size: 19px; margin-top: 25px; margin-bottom: 10px;}
    .attractions_two .mix-wrapper>.row { -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); margin: 0; }
    .attractions_slider .swiper-slide .swiper-title { margin: 15px auto 0; font-size: 18px; font-weight: 600; }
}
@media (max-width:991px){
    .attractions_one .editor-content article { padding: 25px 5px; }
}
@media (max-width:767px){
    .attractions_top .bgfixed::before { width: 220px; height: 220px; bottom: -15px; }
    .attractions_top section { width: 190px; height: 190px; }
    .attractions_top section h2 { font-size: 28px; padding-bottom: 16px; }
    .attractions_top section h3 { font-size: 24px; padding-top: 16px; }
    .attractions_lr .pic-content, .attractions_lr .editor-content { -ms-flex:  0 0 100%; flex: 0 0 100%; }
    .attractions_lr .editor-content{ margin-top: 30px;}
    .attractions_two .mix-wrapper>.row { -ms-flex: 0 0 100%; flex:0 0 100%;  }
    .attractions_two .mix-wrapper>.row+.row{ margin-top: 30px;}
}
@media (max-width:575px){
    .my_40{ margin-top: 30px; margin-bottom: 30px; }
    .py_40>.module-container>.main.row{ padding-top: 30px; padding-bottom: 30px;}
    .attractions_top .module-container .bgfixed.fixed,
    .attractions_top .module-container .bgfixed > div{ min-height: 400px !important; }
    .attractions_top .bgfixed::before { width: 190px; height: 190px; bottom: -15px; }
    .attractions_top section { width: 160px; height: 160px; }
    .attractions_top section h2 { font-size: 26px; padding-bottom: 12px; letter-spacing: 0; }
    .attractions_top section h3 { padding-top: 12px; font-size: 22px; }
    .attractions_one { margin-bottom: 30px; }
    .attractions_one .editor-content { margin: 20px auto 0; flex: 0 0 calc(100% - 35px); }
    .attractions_lr { margin-top: 30px; margin-bottom: 30px; }
    .attractions_lr .editor-content article p { font-size: 15px; line-height: 28px;}
    .attractions_two { margin-top: 30px; margin-bottom: 30px; }
    .attractions_two .pic-content, .attractions_two .editor-content{ padding: 0;}
    .attractions_two .editor-content article p { font-size: 15px; line-height: 28px; }
    .attractions_slider { margin-top: 30px; margin-bottom: 30px; }
}

/***** blog列表 *****/
.blog_list_top>.module-container>.main { padding-bottom: 25px; }
.blog_list_top section { position: absolute; width: 220px; height: 220px; border-radius: 50%; background: #edb041; bottom: 0; left: 50%; transform: translate(-50%, 0); display: -ms-flexbox; display: flex; flex-flow: column; align-items: center; justify-content: center; z-index: 1; }
.blog_list_top .bgfixed::before { content: ""; width: 254px; height: 254px; position: absolute; left: 50%; bottom: -17px; transform: translate(-50%, 0); background:rgb(250 244 229 / 40%); z-index: 0; border-radius: 50%;}
.blog_list_top section h2 { font-size: 32px; font-weight: 400; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #ffffff8c; letter-spacing: 1px; }
.blog_list_top section h3 { font-family: Roboto, "Helvetica Neue", 微軟正黑體, Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 28px; margin-bottom: 0; padding-top: 18px; }
.blog_list_block{ max-width: 1200px; flex: 0 0 1200px; margin: 0 auto;}
.blog_list{ margin-top: 70px; margin-bottom: 70px;}
.blog_list ul,.blog_list ul li { list-style: none; }
.blog_list ul li{ background: #fbf9f3; border-radius: 8px; margin-bottom: 22px; border: 1px solid #f1e8ce; padding: 20px;}
.blog_list ul li div:nth-child(2) { padding-bottom: 50px;}
.blog_list img { border-radius: 8px; }
.blog_list a:hover{ text-decoration: none; }
.blog_list a h3{ color: #604d3f; font-size: 24px; margin-bottom: 18px; margin-top: 15px; line-height: 40px;text-align: justify;}
.blog_list a:hover h3{ color: #604d3f; text-decoration: none; }
.blog_list a h4 { font-size: 16px; color: #333333; font-weight: 400; line-height: 28px; text-align: justify;}
.blog_list a p.date { position: relative; font-size: 16px; color: #333333; font-weight: 400; line-height: 28px; padding-left: 22px;}
.blog_list a p.date::before{ content: "";width: 20px; height: 20px; position: absolute; left: 0; top: 4px; background-image: url(https://materials.fillo.com.tw/materials/happygotravel/images/83acca69-3075-4aa5-861d-cdfec2d55995.svg);  }
.blog_list .more_btn { bottom: 10px; right: 30px;}
.blog_list .more_btn>p{ display: block; background-color: #ffffff; color: #edb041; font-size: 18px; height: 100%; text-decoration: none; line-height: 40px; border-radius: 17px; }
.blog_list .more_btn>p:hover { background-color:#edb041;;  color: #ffffff; }
@media (max-width:1230px){
    .blog_list_block{ max-width: calc(100% - 120px); }
}
@media (max-width:767px){
    .blog_list_top .bgfixed::before { width: 220px; height: 220px; bottom: -15px; }
    .blog_list_top section { width: 190px; height: 190px; }
    .blog_list_top section h2 { font-size: 28px; padding-bottom: 16px; }
    .blog_list_top section h3 { font-size: 24px; padding-top: 16px; }
    .blog_list_block{ max-width: calc(100% - 60px); }
    .blog_list a h3 { font-size: 19px; margin-bottom: 10px; line-height: 32px; }
    .blog_list a h4,.blog_list a p.date{ font-size: 15px;}
    .blog_list .more_btn{ right: 20px;}
}
@media (max-width:575px){
    .blog_list_top .module-container .bgfixed.fixed,
    .blog_list_top .module-container .bgfixed > div{ min-height: 400px !important; }
    .blog_list_top .bgfixed::before { width: 190px; height: 190px; bottom: -15px; }
    .blog_list_top section { width: 160px; height: 160px; }
    .blog_list_top section h2 { font-size: 26px; padding-bottom: 12px; letter-spacing: 0; }
    .blog_list_top section h3 { padding-top: 12px; font-size: 22px; }
    .blog_list_block{ max-width: calc(100% - 40px); }
}


/***** blog文章 *****/
.blog_block{ max-width: 1200px; flex: 0 0 1200px; margin: 0 auto;}
.blog_article_top section { position: absolute; width: 220px; height: 220px; border-radius: 50%; background: #FFFFFF; top:50%; left: 50%; transform: translate(-50%,-50%); display: -ms-flexbox; display: flex; flex-flow: column; align-items: center; justify-content: center; z-index: 1; }
.blog_article_top .bgfixed::before { content: ""; width: 254px; height: 254px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); background:rgb(250 244 229 / 40%); z-index: 0; border-radius: 50%;}
.blog_article_top section h2 { font-size: 32px; font-weight: 400; margin-bottom: 0; padding-bottom: 20px; letter-spacing: 1px; }
.blog_article_top section h3 { font-weight: 400; font-size: 28px; margin-bottom: 0; padding-top: 18px; border-top: 1px solid #edb041;}
.blog_article_title article { margin-top: 48px; margin-bottom: 48px; padding-bottom: 35px; border-bottom: 2px solid #f4e3c3; }
.blog_article_title article h2 { color: #604d3f; font-size: 28px; line-height: 42px; margin-bottom: 20px; }
.blog_article_title article p { margin-bottom: 0;}
.blog_article_title article p span{ color: #333333; font-size: 16px; position: relative; padding-left: 22px; }
.blog_article_title article p span::before { content: "";width: 20px; height: 20px; position: absolute; left: 0; top: 0px; }
.blog_article_title article p span:nth-child(1)::before { background-image: url(https://materials.fillo.com.tw/materials/happygotravel/images/83acca69-3075-4aa5-861d-cdfec2d55995.svg); }
.blog_article_title article p span:nth-child(2)::before { background-image: url(https://materials.fillo.com.tw/materials/happygotravel/images/7e837ec2-44f7-4264-bac7-55dd5c0d90d3.svg); }
.blog_article_title article p span+span{ margin-left: 18px; }
.blog_one{ margin-bottom: 50px;}
.blog_one .mix-wrapper{ padding:0;}
.blog_one img{ border-radius: 8px; }
.blog_one .pic-content,.blog_one .editor-content { margin-top: 0; margin-bottom: 0; -ms-flex:0 0 100%; flex: 0 0 100%; max-width: inherit; }
.blog_one .editor-content article h3 { position: relative; color: #333333; font-size: 21px; margin-top: 30px; margin-bottom: 20px; padding-left: 12px; font-weight: 600; letter-spacing: 0.2px; }
.blog_one .editor-content article h3::before { content: ""; position: absolute; width: 4px; height: 21px; background: #edb041; left: 0; top: 2px; border-radius: 2px; }
.blog_one .editor-content article p {  color: #333333; font-size: 16px; line-height: 30px; margin-bottom: 0; padding-left: 12px; }
.blog_two01{ margin-bottom: 50px;}
.blog_two01 .mix-wrapper{ padding:0;}
.blog_two01 .img-mode .img-box:nth-child(1) { -ms-flex: 0 0 717px; flex: 0 0 717px; max-width: initial; }
.blog_two01 .img-mode .img-box:nth-child(1) img{ aspect-ratio: 5 / 3.06; object-fit: cover; object-position: center center; }
.blog_two01 .img-mode .img-box:nth-child(2) { -ms-flex: 1; flex: 1; max-width: initial; padding-left: 27px !important; }
.blog_two01 img{ border-radius: 8px; }
.blog_two01 .pic-content,.blog_two01 .editor-content { margin-top: 0; margin-bottom: 0; -ms-flex:0 0 100%; flex: 0 0 100%; max-width: inherit; }
.blog_two01 .editor-content article h3 { position: relative; color: #333333; font-size: 21px; margin-top: 30px; margin-bottom: 20px; padding-left: 12px; font-weight: 600; letter-spacing: 0.2px; }
.blog_two01 .editor-content article h3::before { content: ""; position: absolute; width: 4px; height: 21px; background: #edb041; left: 0; top: 2px; border-radius: 2px; }
.blog_two01 .editor-content article p {  color: #333333; font-size: 16px; line-height: 30px; margin-bottom: 0; padding-left: 12px; }
.blog_two02{ margin-bottom: 50px;}
.blog_two02 .mix-wrapper{ padding:0;}
.blog_two02 .img-mode .img-box:nth-child(1) { -ms-flex: 1; flex: 1; max-width: initial; padding-right: 27px !important; }
.blog_two02 .img-mode .img-box:nth-child(2) { -ms-flex: 0 0 717px; flex: 0 0 717px; max-width: initial; }
.blog_two02 .img-mode .img-box:nth-child(2) img{ aspect-ratio: 5 / 3.06; object-fit: cover; object-position: center center; }
.blog_two02 img{ border-radius: 8px; }
.blog_two02 .pic-content,.blog_two02 .editor-content { margin-top: 0; margin-bottom: 0; -ms-flex:0 0 100%; flex: 0 0 100%; max-width: inherit; }
.blog_two02 .editor-content article h3 { position: relative; color: #333333; font-size: 21px; margin-top: 30px; margin-bottom: 20px; padding-left: 12px; font-weight: 600; letter-spacing: 0.2px; }
.blog_two02 .editor-content article h3::before { content: ""; position: absolute; width: 4px; height: 21px; background: #edb041; left: 0; top: 2px; border-radius: 2px; }
.blog_two02 .editor-content article p {  color: #333333; font-size: 16px; line-height: 30px; margin-bottom: 0; padding-left: 12px; }
.blog_info{ background: #fbf9f3; padding: 30px 45px; border: 1px solid #f1e8ce; margin-bottom: 50px;}
.blog_info article h3{ position: relative; color: #333333; font-size: 21px; margin-bottom: 10px; padding-left: 24px; font-weight: 600; letter-spacing: 0.2px; }
.blog_info article h3::before{ content: ""; position: absolute; background: url(https://happygotravel.fillo.com.tw/material-alias/Blog/blog_info.svg); width: 20px; height: 20px; left: 0; top: 3px;}
.blog_info article ol,.blog_info article ul { margin-bottom: 0; padding-inline-start: 20px; }
.blog_info article li{ font-size: 16px; color: #333333; line-height: 30px;}
.blog_link{ margin-bottom: 50px;}
.blog_link .hover-wall .htpro_tit { display: none; }
.blog_link .hover-wall .icon_info:hover{ bottom: 0;}
.blog_link .hover-wall figure{ margin-bottom: 0;}
.blog_link .hover-wall figure .overlay{ display: none;}
.blog_link .hover-wall .row{ justify-content: space-between;}
.blog_link .hover-wall .row>div{ -ms-flex: calc(50% - 15px); flex: 0 0 calc(50% - 15px); max-width: initial; padding: 0;}
.blog_link .hover-wall .icon_info,
.blog_link .hover-wall .icon_info:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;}
.blog_link .hover-wall .icon_info h3 { padding: 10px 20px; color: #ffffff; font-weight: bold; font-size: 20px; position: absolute; bottom: 0; left: 0; margin-bottom: 0; border-top-right-radius: 30px; background: #edb041; }
.blog_link .hover-wall .icon_info:hover h3{ color: #5f4c40;}


@media (max-width:1230px){
    .blog_block{ max-width: calc(100% - 120px); }
    .blog_two01 .img-mode>.row{ justify-content: space-between;}
    .blog_two01 .img-mode .img-box:nth-child(1) { -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px); }
    .blog_two01 .img-mode .img-box:nth-child(2) { -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px); padding-left: 0 !important;}
    .blog_two01 .img-mode .img-box:nth-child(2) img{ aspect-ratio: 5 / 3.06; object-fit: cover; object-position: center center; }
    .blog_two02 .img-mode>.row{ justify-content: space-between;}
    .blog_two02 .img-mode .img-box:nth-child(1) { -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px); padding-right: 0 !important;}
    .blog_two02 .img-mode .img-box:nth-child(1) img{ aspect-ratio: 5 / 3.06; object-fit: cover; object-position: center center; }
    .blog_two02 .img-mode .img-box:nth-child(2) { -ms-flex:0 0 calc(50% - 15px); flex:0 0 calc(50% - 15px); }
}
@media (max-width:1199px){
    .blog_one .editor-content article h3,
    .blog_two01 .editor-content article h3,
    .blog_two02 .editor-content article h3 { font-size: 19px; margin-top: 25px; margin-bottom: 10px; }
    .blog_info .editor-content article h3 { font-size: 19px; }
}
@media (max-width:767px){
    .blog_article_top .bgfixed::before { width: 220px; height: 220px; }
    .blog_article_top section { width: 190px; height: 190px; }
    .blog_article_top section h2 { font-size: 28px; padding-bottom: 16px; }
    .blog_article_top section h3 { font-size: 24px; padding-top: 16px; }
    .blog_block{ max-width: calc(100% - 60px); }
    .blog_article_title article{margin-top: 40px; margin-bottom: 40px;  padding-bottom: 25px;}
    .blog_article_title article h2 { font-size: 22px; line-height: 32px; margin-bottom: 18px; }
    .blog_article_title article p span{ font-size: 15px; padding-left: 20px;}
    .blog_article_title article p span::before{ width: 18px; height: 18px;}
    .blog_link .hover-wall .icon_info h3 { padding: 6px 16px; font-size: 18px; border-top-right-radius: 24px; }
}
@media (max-width:575px){
    .blog_article_top .module-container .bgfixed.fixed,
    .blog_article_top .module-container .bgfixed > div{ min-height: 400px !important; }
    .blog_article_top .bgfixed::before { width: 190px; height: 190px; }
    .blog_article_top section { width: 160px; height: 160px; }
    .blog_article_top section h2 { font-size: 26px; padding-bottom: 12px; letter-spacing: 0; }
    .blog_article_top section h3 { padding-top: 12px; font-size: 22px; }
    .blog_block{ max-width: calc(100% - 40px); }
    .blog_two01 .img-mode .img-box:nth-child(1) { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; }
    .blog_two01 .img-mode .img-box:nth-child(2) { -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .blog_two02 .img-mode .img-box:nth-child(1) { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; }
    .blog_two02 .img-mode .img-box:nth-child(2) { -ms-flex: 0 0 100%; flex: 0 0 100%;}
    .blog_one .editor-content article p,
    .blog_two01 .editor-content article p,
    .blog_two02 .editor-content article p { font-size: 15px; line-height: 28px; }
    .blog_info { padding: 25px;}
    .blog_info article li{font-size: 15px; line-height: 28px; }
    .blog_link .hover-wall .row>div { -ms-flex: 0 0 100%; flex: 0 0 100%;}
}


/***** gotop *****/
.happy_gotop { z-index: 1048 !important; }
.happy_gotop .side_bar>li { border: 0; }
.happy_gotop .actGotop a,.happy_gotop .actGotop a:link{ width: 50px; height: 50px; border-radius: 21px; background: #edb041;}
.happy_gotop .actGotop{width: 50px; height: 50px; bottom: 30px; border-radius: 21px;}
.happy_gotop .actGotop a::before { content: ""; background-image: url(https://materials.fillo.com.tw/materials/happygotravel/images/afc5f651-2892-4ea5-bc25-8f090b07e265.svg); background-position: center; background-repeat: no-repeat; 
 position: absolute; background-size: 16px; width: 50px; height: 50px;   text-align: center; left: 0; top: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
 .happy_gotop .actGotop a:hover::before { background-position: center 22px;}
.happy_gotop .actGotop a i{ font-size: 0;}
.happy_gotop .side_box { bottom: 90px; right: 15px !important; }
.happy_gotop .side_bar { box-shadow: none; border: 1px solid #f5dbab; border-radius: 21px; padding: 5px; width: 50px; margin-bottom: 0;}
.happy_gotop .side_bar img { width: 28px; height: 28px; display: inline-block;}
.happy_gotop .side_bar>li:nth-child(1) { padding: 8px 0 0; }
.happy_gotop .side_bar>li:nth-child(2) { padding: 4px 0 3px; }
@media (max-width:1470px){
    .happy_gotop .actGotop{right: 10px;}
    .happy_gotop .side_box{right: 10px !important; }
}
@media (max-width: 991px) {
    .happy_gotop .actGotop{ bottom: 60px;}
    .happy_gotop .side_box { bottom: 120px; }
}
@media (max-width: 767px) {
	.happy_gotop .actGotop{width: 44px; height: 44px; }
	.happy_gotop .actGotop a, .happy_gotop .actGotop a:link { width: 44px; height: 44px; }
	.happy_gotop .actGotop a::before { width: 44px; height: 44px; }
    .happy_gotop .actGotop a:hover::before { background-position: center 18px;}
	.happy_gotop .side_bar{ width: 45px;}
	.happy_gotop .side_box { bottom: 110px; }
}

/***** footer *****/
.happy_footer_block{ background: #F8F5F0;}
.happy_footer_block>.module-container>.main { position: relative; max-width: 1440px; margin: 0 auto; }
.happy_footer .footer-sample{ padding-top: 28px; padding-bottom: 22px; }
.happy_footer .footer-sample .logo-part { margin-top: 3px; }
.happy_footer .footer-sample>.col-sm-3 { -ms-flex: 0 0 320px; flex: 0 0 320px; max-width:320px; }
.happy_footer .footer-sample>.col-sm-7 { -ms-flex: 1; flex: 1; max-width:initial; }
.happy_footer .footer-sample>.col-sm-2 { -ms-flex: 0 0 430px; flex: 0 0 430px; max-width: 430px; border-left: 1px solid #eeb141; padding-right: 100px; }
.happy_footer .footer-sample .logo-part .logo{ max-width: 100%;}
.happy_footer .footer-sample .contact-us-part { margin-top: 0; margin-bottom: 0; }
.happy_footer .footer-sample .service-item-part { margin-top: 0; }
.happy_footer .footer-sample .contact-us-part .contact-title { font-size: 16px; font-weight: bolder; margin-bottom: 5px; letter-spacing: 1px; color: #604d3f !important; font-family: "微軟正黑體", Helvetica, Arial, sans-serif !important; line-height: 24px; }
.happy_footer  .footer-sample .contact-us-part .contact-use-row { padding-right: 35px; }
.happy_footer .footer-sample .contact-us-part .contact-use-row span { font-size: 16px; letter-spacing:normal; font-family: "微軟正黑體", Helvetica, Arial, sans-serif !important; padding-left: 11px; position: relative; }
.happy_footer .footer-sample .contact-us-part .contact-use-row span::before { content: ""; position: absolute; background: #eeb141; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 8px; }
.happy_footer .footer-sample .service-item-part .social-btn{ display: none;}
.happy_footer .footer-sample .service-item-part .service-items a{ letter-spacing: normal; cursor: default;}
.happy_footer  .powered { font-size: 14px; text-align: right; padding: 5px 0; border-top: 1px solid rgb(206 201 194 / 50%) }
.line_qrcode { max-width: 92px; -ms-flex: 0 0 92px; flex: 0 0 92px; position: absolute; right: 0; top: 28px;}
@media (max-width:1470px){
    .happy_footer_block>.module-container>.main{ max-width: calc(100% - 90px);}
    .happy_footer .footer-sample .contact-us-part .contact-use-row { padding-right: 5px; }
    .happy_footer .footer-sample>.col-sm-2 { -ms-flex: 0 0 380px; flex: 0 0 380px; max-width: 380px;}
}
@media (max-width:1199px){
    .happy_footer .footer-sample{ padding-right: 100px;}
    .happy_footer .footer-sample>.col-sm-3 { -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; }
    .happy_footer .footer-sample>.col-sm-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 0 0 255px; border-left: 0;}
    .happy_footer .footer-sample .contact-us-part .contact-title{ letter-spacing: 0;}
    .happy_footer .footer-sample .service-item-part .service-items{ display: inline-block;}
    .happy_footer .footer-sample .service-item-part .service-items a { font-size: 15px; padding-right: 10px; }
}
@media (max-width:767px){
    .happy_footer .footer-sample { padding-right: 0px; }
    .happy_footer_block>.module-container>.main { max-width: calc(100% - 45px); }
    .happy_footer .footer-sample>.col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
    .happy_footer .footer-sample>.col-sm-3 img{ width: 174px; margin: 0 auto;}
    .happy_footer .footer-sample .contact-us-part .contact-title { font-size: 16px; margin-top: 18px; margin-bottom: 18px; text-align: center; }
    .happy_footer .footer-sample>.col-sm-7 { -ms-flex: 0 0 520px; flex: 0 0 520px; padding: 0; max-width: 100%; margin: 0 auto 20px; }
    .happy_footer .footer-sample>.col-sm-2 { -ms-flex: 0 0 480px; flex: 0 0 480px; padding-left: 12px; margin: 0 auto; flex: 0 0 520px; }
    .happy_footer .footer-sample .contact-us-part .contact-use-row { padding-right: 0; }
    .happy_footer .footer-sample .contact-us-part .contact-use-row span { font-size: 15px;}
    .happy_footer .powered{ text-align: center;}
    .line_qrcode{ display: none !important;}
    .happy_footer .footer-sample .contact-us-part .contact-use-row span a{ color: #333333; }
    .happy_footer .footer-sample .contact-us-part .contact-use-row>a { text-decoration: underline; }
}
@media (max-width:575px){
    .happy_footer .footer-sample>.col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .happy_footer .footer-sample>.col-sm-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .happy_footer .footer-sample .contact-us-part .contact-use-row { display: block !important; }
    .happy_footer .footer-sample .service-item-part .service-items { display: block; }
    .happy_footer .footer-sample .contact-us-part .contact-title{ font-size: 0;}
    .happy_footer .footer-sample .contact-us-part .contact-title::before { content: "快樂家旅行社\AHAPPY GO TRAVEL SERVICE CO.,LTD"; font-size: 16px;  white-space: pre;}   
}

/**** 隱私權政策 ****/
.privacy{ max-width: 1400px; margin: 0 auto 50px;}
.privacy section { color: #333333; border: 1px solid #efd3a1; background-color:#f8f5f0; border-radius: 8px; padding: 60px 100px; }
.privacy section h2 { font-size: 20px; margin: 30px 0 10px;}
.privacy section p,.privacy section ul li { font-size: 16px; line-height: 28px; text-align: justify;}
.web-page-frame .privacy section ul{ padding-left: 20px; }
@media (max-width:1430px){
    .privacy{max-width: calc(100% - 120px); }
    .privacy section{ padding: 50px 70px;}
}
@media (max-width:991px){
    .privacy { max-width: calc(100% - 60px); }
    .privacy section{ padding: 40px;}
}
@media (max-width:575px){
    .privacy section{ padding: 30px;}
    .privacy section h2 { font-size: 18px;}
    .privacy section p,.privacy section ul li{ font-size: 15px;}
}

/**** 公版 ****/
/* 公版GOTOP */
.go-to-top{ display: none !important;}
/*會員登入頁 */
.member_home .signin_width { margin-top: 150px; margin-bottom: 150px; }
.member_home.D_member_my_login .width-460 { margin-bottom: 100px; }
body.member_home.new_bg { background:#FBFBFB; }
body.member_home button.l_benPrimary{ background:#eeb141; }
body.member_home .note_box a { color: #eeb141; }
body.member_home a.font4.blue-txt2 { color:#545454; }
body.member_home .member_title { margin: 70px 0 30px; }
body.member_home .member-l_title .title_txt{ color:#545454;}
body.member_home .signin_box.member-l_box>.d-block.mb-20.p-2.bg-light.text-muted a.btn.btn-sm.btn-outline-primary{
    color: #545454; background-color: transparent; background-image: none; border-color: #545454; }
@media (max-width: 767px){
	.member_home  .signin_width { margin-top: 100px; margin-bottom: 120px; }
}
/* 會員專區 */
@media (min-width: 768px) {
    .member_width .member_title { margin: 70px 0 30px; }
}
/* 訂購流程頁 */
.stepPage_btn>div>div { flex: 1; max-width: initial; }
@media (min-width: 768px) {
    form.general_order_width,.group_order_width,form.group_order_width{ margin-top: 100px;}
}


/* 搜尋列表頁 */
.search-area .search-box .search-btn { background: #eeb141; 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: #eeb141; }
.list_con .style_icon .nav-pills a svg { fill: #a7a7a7; }
.list_con>.title>.text-right>p>span.text_blue { color:#eeb141; }
.list_con .style_icon .nav-pills .nav-link.active svg { fill:#eeb141; }
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: #eeb141 !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:#eeb141 !important; }
.list_con figure.block_style .pic_all::after{ border-color: transparent transparent transparent rgb(238 177 65 / 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: #eeb141;}
.plane.plane-s1:hover{color: #eeb141;}
.filter_list .accordion .card.price-range i, .filter_list .accordion .card.travel-days i,.filter_list .accordion .card.travel-type i,.filter_list .accordion .card.by-airline i{ color: #909090; }
.filter_list .accordion .card.by-airline .radio_style [type="radio"]:checked + label:after { background:#6a7178; }
.filter_list .form-check .customcheck input:checked ~ .checkmark{ background-color: #909090;}
.filter_list .accordion .card.travel-days .form-check .badge-primary{ background-color: #909090;}
.filter_list .form-check .customcheck.disabled .checkmark, .filter_list .form-check .customcheck.disabled input:checked~.checkmark{ background-color: #ddd; border-radius: 0; border: 1px solid #fff; }
section.search_con .pagination .page-item .page-link:hover,section.search_con .pagination .page-item .page-link:active,section.search_con .pagination .page-item.active .page-link { background: #fff; border-color: #eeb141; 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:  #eeb141;}
.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;}
.D_products_group_search .block_style a.btn,
.D_products_group_search .search_table a.btn,
.D_products_group_search .pic_style figure.block_style .price_all .btn{ font-size: 16px; padding: 5px 16px; }
.D_products_group_search .pic_style figure.block_style .price_all .btn{ margin: 20px auto 0px; width: 120px; display: table; }
.D_products_group_search .block_style a.btn.btn-primary, .D_products_group_search .search_table a.btn.btn-primary,
.D_products_group_search .pic_style figure.block_style .price_all .btn.btn-primary{background-color: #eeb141; border-color: #eeb141;}
.list_con a.btn.btn-primary:not(:disabled):not(.disabled):active,.list_con a.btn.btn-primary:not(:disabled):not(.disabled):active:focus { background-color: #eeb141; border-color: #eeb141; opacity: 0.8; }

@media (max-width: 767px) {
    .D_products_group_search .block_style a.btn,
    .D_products_group_search .search_table a.btn,
    .D_products_group_search .pic_style figure.block_style .price_all .btn{width: 75%;  justify-content: center; margin-bottom: 10px;}
    .D_products_group_search .block_style a.btn{ margin-left: 0 !important;}
}

/* 字體尺寸調整 */
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)); }
}
/* 隱藏搜尋列表左側項目 */
.search_con .filter_list{  display: none;}
.search_con .list_con{ flex: 0 0 100%; max-width: 100%; }

/* 團型列表 */
.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:#604d3f; 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:#eeb141; border-color: #eeb141; color: #ffffff;}
.D_products_group_mold section.group_banner .info .btn-primary::before{  font-size: 1.2rem; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none; }
section.group_table.tripdown .search_table tbody td.go-airport img { margin: 0 auto; }
.search_table tbody td.sale-situation .btn.btn-primary,.search_table tbody td.sale-situation .btn.btn-primary:hover{ border-color: #eeb141; background: #eeb141; color: #ffffff;}
.search_table tbody td.sale-situation .btn.btn-green,.search_table tbody td.sale-situation .btn.btn-green:hover{ border-color:#f49e58; background:#f49e58; color: #ffffff;}
section.trip_note .card-header .btn[aria-expanded="true"],section.trip_note .card-header .btn:hover{ background: #eeb141;}
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; }

@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: #eeb141; }
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:#eeb141;}
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: #eeb141; border: 1px solid #eeb141; 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{ background:#797979;}
.day_con .text_gary2.hotel a { color: #55575a; }
.Day_menu .swiper_day .swiper-slide a:hover {color: #fff; background:#eeb141; border: 1px solid #eeb141;}
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:#eeb141;}
.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: 126px !important; }
@media (min-width: 576px){
    .D_products_group_detail .modal-dialog { margin: 6rem auto 1.75rem; }
}
@media (max-width: 991.98px){
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_title{ border-bottom: 1px solid #55575a;}
    .D_products_group_detail section.group_table.trip_day .info_box .info_box_title .day_sub-title{ border:0}
}
@media (max-width: 767px){
    .Day_menu.day_fixed { top: 60px !important; }
}

/* 側選單 */
.sub_menu-trip .trip_menu{ border: 1px solid #eeb141; border-right: 0;}
.sub_menu-trip .trip_menu i{ display: none;}
.sub_menu-trip .server_menu > ul > li a { font-size: 16px;}
.sub_menu-trip .server_menu a i{ font-size: 18px;}
.sub_menu-trip .server_menu > ul > li a i {margin-right: 2px; line-height: 35px; font-size: 18px;}
.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1)::after { margin-left: 5px; }
.sub_menu-trip .server_menu > ul > li a>img { width: 22px; }
.sub_menu-trip .server_menu a{ color:#eeb141;}
.sub_menu-trip .server_menu li:nth-child(1) { background:#eeb141; }
.sub_menu-trip .server_menu > ul > li{box-shadow: none;}
.sub_menu-trip .server_menu > ul > li+li { border-top:1px solid #eeb141;}
.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:#f8f5f0; }
.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 #eeb141;}
	.sub_menu-trip .server_menu > ul > li.favor-fixed-btn a:nth-child(1){padding: 5px 8px 5px 12px; }
	.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; }
	.sub_menu-trip .trip_menu li a span{ font-size: 0.9rem;}
	.sub_menu-trip .trip_menu li:last-child a{ border:0; padding-bottom: 0;}
	.sub_menu-trip .trip_menu li a:hover span { color: #eeb141; }
	.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;} 
	.D_products_group_detail .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 #eeb141; border-width: 0 1px 1px 0;}
	.sub_menu-trip .server_menu > ul > li+li,.sub_menu-trip .trip_menu{ border-left: 1px solid #eeb141; }
	.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 #eeb141;}
}
@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;}
    section.group_banner .price_content .panel-info:not(:nth-child(1),:nth-child(2)){ display: none;}/*20250306隱藏第3項之後的價格類型*/
}
@media (max-width: 576px){
    section.group_banner .basic-air-aircraft, section.group_banner .basic-air-airport{ margin-bottom: 10px;}
    section.group_table.trip_day .info_box .info_box_title p.hotel{ line-height: 24px;}
	.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.join-fixed-btn{ -webkit-flex: 130px; flex: 0 0 130px;}
    .sub_menu-trip .server_menu > ul > li.join-fixed-btn a{ font-size: 16px; font-weight: 600;}
	.sub_menu-trip .server_menu > ul > li a i {  line-height: 45px; margin: 0; font-size: 15px;}
    .sub_menu-trip .server_menu > ul > li.favor-fixed-btn a { padding: 3px 10px; }
}
@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: #eeb141;}
.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:#f8f5f0; color: #eeb141;}
.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: #eeb141; }
.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:#F8F5F0; }
.D_products_group_molddetail .Detail.sub_menu-trip .server_menu a { font-size: 16px;   color: #eeb141; }
.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 #eeb141; border-bottom-color: #eeb141; color: #eeb141;}
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link, .Detail.DepartureDate .nav-tabs .nav-link.active { background-color: #eeb141; color: #ffffff;}
.Detail.DepartureDate .nav-tabs .nav-link:hover .TabTitle::before { color: #eeb141; }
.Detail.DepartureDate .nav-tabs .nav-item.show .nav-link .TabTitle::before, .Detail.DepartureDate .nav-tabs .nav-link.active .TabTitle::before{ color: #ffffff;}
.Detail.DepartureDate .SearchTable .table thead th{ border-bottom: 1px solid #989898;}
.MPGO .Detail .PriceBlock ul li.FlightDetails a, .MGO .Detail .PriceBlock ul li.FlightDetails a, .MPGDT .Detail .PriceBlock ul li.FlightDetails a, .MGDT .Detail .PriceBlock ul li.FlightDetails a{background-color: #eeb141;}
.MPGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MGO .Detail .PriceBlock ul li.FlightDetails a:hover, .MPGDT .Detail .PriceBlock ul li.FlightDetails a:hover, .MGDT .Detail .PriceBlock ul li.FlightDetails a:hover{ background-color: #afcfdf;}
.Detail.MarketingBox h2,.LowestPrice h2#LowestPriceTitle{ color: #5f4c40; }
.Detail.MarketingBox h2 .MarketIcon,.LowestPrice .material-icons{ color: #edb041; }
.Detail.DayTrip .DayTripBtn{ background-color: #808080; border: 1px solid #808080;}
.Detail.DayTrip .DayTripBtn:hover { background-color: #edb041; border: 1px solid #edb041; }
.Detail.DayTrip .DayTripBtn.Multiple,
.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn { border: 1px solid  #edb041; color:  #edb041; }
.Detail.DayTrip .DayTripBtn.Multiple:hover,.Detail.DayTrip .DayTripMoreInfo .collapse.show + .DayTripBtn:hover{ background-color: #edb041;}
.Detail.DayTrip .DayTripMoreInfo .collapse.show::before{ border: 1px solid  #edb041;}
.Detail .TripNoteBlock { background-color: #F8F5F0; }
.Detail .TripNoteBlock .NoteTitle h3 { color: #edb041; }
.Detail .TripNoteItems + .TripNoteItems::before { background: #cecece; }
.D_products_group_molddetail section.AnchorPoint > div > h2.APtitle{ color: #5f4c40; }
.D_products_group_molddetail section.AnchorPoint > div > h2.APtitle::after{ content: ""; background: #55575a; width: 50px; height: 1px; position: absolute; bottom: -15px; left: 50%; transform: translate(-50%, 0);}

@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 #eeb141; }
    .D_products_group_molddetail .Detail.sub_menu-trip .trip_menu { width: 76px; padding: 10px 3px 0 3px; border: 1px solid #eeb141;}
    .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: #eeb141;}
    .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-weight: 600; font-size: 16px;}
    .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;}
}

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

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