@charset "UTF-8";
/* 景點頁面 */
/* 清浮動 */
/* 路線圖 */
/* 首頁 預設banner */
.index .promot-slider-container-default {
  background: url(/assets/images/banner/homepage_banner.jpg) top center no-repeat;
}

/**
 * 
 * 以下為公版預設變數(不要修改)，專案通路有需要不同的值才覆製過去進行參數覆寫。
 * 通路自己的變數寫在各通路下_varibles.scss檔案裡。
 * 
 * 變數使用於varibles資料夾下的各scss檔案裡
 * 
 */
/* footer */
/**
 * 以下變數如無特別需求不需覆寫。
 */
/* START - frontstage Utility */
.u-text-default {
  color: #71bc24 !important;
}
.u-text-successful {
  color: #71bc24 !important;
}

/* CLOSE - frontstage Utility */
/* START - frontstage Component */
.c-btn.is-default {
  border: 1px solid #71bc24;
  background-color: #71bc24;
  color: #fff;
}
.c-btn.is-default:hover:not([disabled]) {
  background-color: #64a720;
}
.c-btn.is-successful {
  border: 1px solid #71bc24;
  background-color: #71bc24;
  color: #fff;
}
.c-btn.is-successful:hover:not([disabled]) {
  background-color: #64a720;
}
.c-btn--outlined.is-default {
  background-color: transparent;
  color: #71bc24;
}
.c-btn--outlined.is-default:hover:not([disabled]) {
  background-color: #71bc24;
  color: #fff;
}
.c-btn--outlined.is-successful {
  background-color: transparent;
  color: #71bc24;
}
.c-btn--outlined.is-successful:hover:not([disabled]) {
  background-color: #71bc24;
  color: #fff;
}

.c-login-card {
  border-top: 0.8rem solid #71bc24;
}
.c-login-card__title {
  color: #71bc24;
}

/* CLOSE - frontstage Component */
/* START - 按鈕 */
.channel-btn--main {
  color: #fff;
  background-color: #71bc24;
}
.channel-btn--main:hover {
  color: #fff;
  background-color: #64a720;
}

/* CLOSE - 按鈕 */
/* START - 首頁行銷板位 */
.index .banner-grid-tab .tab label {
  color: #888;
}
.index .banner-grid-tab .tab label:hover {
  background-color: #71bc24;
  color: #ffffff;
}
.index .banner-grid-tab .tab label.active {
  background: #71bc24;
  color: #ffffff;
}
.index .banner-grid-link {
  background-color: #71bc24;
}
.index .banner-grid-link:hover {
  background-color: #64a720;
}

/* CLOSE - 首頁行銷板位 */
/* START - 商品內頁 */
.productInfo .cross-store-list-top {
  border: 2px solid #71bc24;
}
.productInfo .cross-store-list-top .cross-store-select-icon {
  color: #71bc24;
}
.productInfo .cross-store-list-top .cross-store-search input {
  border-left: 1px dotted #71bc24;
}
.productInfo .cross-store-list-top .cross-store-search .cross-store-search-btn button i.fa {
  color: #71bc24;
}
.productInfo .cross-store-list .cross-store-card-bottom a {
  background-color: #71bc24;
}
.productInfo .cross-store-list .cross-store-card-bottom a:hover {
  background-color: #64a720;
}

/* CLOSE - 商品內頁 */
/* START - 套票內頁 */
.ticket-wrap .ticket-highlight-item__title i.fa {
  color: #71bc24;
}

/* CLOSE - 套票內頁 */
/* START - (景點、套票、店家、達人文章)列表+套票內頁 分類標籤 */
.label-list .label-item {
  background-color: rgba(113, 188, 36, 0.15);
  color: #71bc24;
}
.label-list a.label-item:hover,
.label-list button.label-item:hover {
  color: #fff;
  background-color: #71bc24;
}

/* CLOSE - (景點、套票、店家、達人文章)列表+套票內頁 分類標籤 */
/* START - 套票內頁(內含產品、內容...)收合按鈕 */
.ticket-collapse-btn:hover::before {
  background-color: #71bc24;
}
.ticket-collapse-btn:hover:after {
  color: #71bc24;
  background-color: rgba(113, 188, 36, 0.15);
}

/* CLOSE - 套票內頁(內含產品、內容...)收合按鈕 */
/* START - 會員中心 */
.member {
  /* 會員中心左側 */
  /* 會員中心右側 */
}
.member .member-nav .profile-entrance > a {
  color: #777;
  font-weight: normal;
  border: 1px solid #e3e2e3;
}
.member .member-nav .profile-entrance > a i.fa.fa-pencil {
  color: #777;
}
.member .member-nav .profile-entrance > a.is-acted, .member .member-nav .profile-entrance > a:hover {
  color: #71bc24;
  font-weight: 600;
  border: 1px solid #71bc24;
}
.member .member-nav .profile-entrance > a.is-acted i.fa.fa-pencil, .member .member-nav .profile-entrance > a:hover i.fa.fa-pencil {
  color: #71bc24;
}
.member .member-nav .vip-profile-entrance > a {
  color: #777;
  font-weight: normal;
  border: 1px solid #e3e2e3;
}
.member .member-nav .vip-profile-entrance > a i.fa.fa-pencil {
  color: #777;
}
.member .member-nav .vip-profile-entrance > a.is-acted, .member .member-nav .vip-profile-entrance > a:hover {
  color: #71bc24;
  font-weight: 600;
  border: 1px solid #71bc24;
}
.member .member-nav .vip-profile-entrance > a.is-acted i.fa.fa-pencil, .member .member-nav .vip-profile-entrance > a:hover i.fa.fa-pencil {
  color: #71bc24;
}
.member .member-nav .ob-profile-entrance > a {
  color: #777;
  font-weight: normal;
  border: 1px solid #e3e2e3;
}
.member .member-nav .ob-profile-entrance > a i.fa.fa-pencil {
  color: #777;
}
.member .member-nav .ob-profile-entrance > a.is-acted, .member .member-nav .ob-profile-entrance > a:hover {
  color: #71bc24;
  font-weight: 600;
  border: 1px solid #71bc24;
}
.member .member-nav .ob-profile-entrance > a.is-acted i.fa.fa-pencil, .member .member-nav .ob-profile-entrance > a:hover i.fa.fa-pencil {
  color: #71bc24;
}
.member .member-nav .menu-list-items a {
  background-color: #fff;
  color: #777;
  font-weight: normal;
}
.member .member-nav .menu-list-items a .list-item-icon {
  color: #f1f1f1;
}
.member .member-nav .menu-list-items a.is-acted, .member .member-nav .menu-list-items a:hover {
  background-color: #71bc24;
  color: #fff;
}
.member .member-nav .menu-list-items a.is-acted .list-item-title, .member .member-nav .menu-list-items a:hover .list-item-title {
  font-weight: 600;
}
.member .member-nav .menu-list-items a.is-acted .list-item-icon, .member .member-nav .menu-list-items a:hover .list-item-icon {
  color: #64a720;
}
.member .member-nav .menu-list-items #member-coin:hover .list-item-title {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .member .member-nav .member-logout > a {
    color: #777;
    border: 1px solid #e3e2e3;
  }
  .member .member-nav .member-logout > a:hover {
    color: #71bc24;
    border: 1px solid #71bc24;
    font-weight: 600;
  }
}
.member .member-content {
  /* 帳戶設定(常用聯絡人+常用地址) */
}
.member .member-content .touristList .content-list .contactInfo-card,
.member .member-content .addressList .content-list .contactInfo-card {
  border: 1px solid #e2e2e2;
  border-left: 5px solid #71bc24;
}
.member .member-content .touristList .content-list .contactInfo-card .contactInfo-title:hover,
.member .member-content .touristList .content-list .contactInfo-card .contactInfo-remove-btn:hover,
.member .member-content .touristList .content-list .contactInfo-card .contactInfo-edit-btn:hover,
.member .member-content .addressList .content-list .contactInfo-card .contactInfo-title:hover,
.member .member-content .addressList .content-list .contactInfo-card .contactInfo-remove-btn:hover,
.member .member-content .addressList .content-list .contactInfo-card .contactInfo-edit-btn:hover {
  color: #71bc24;
}

/* CLOSE - 會員中心 */
/* START - button */
.fontrip-btn-success {
  background-color: #71bc24;
}
.fontrip-btn-success:hover {
  background-color: #64a720;
}

.fontrip-btn-success-line {
  background-color: transparent;
  border: 1px solid #71bc24;
  color: #71bc24;
}
.fontrip-btn-success-line:hover {
  border: 1px solid transparent;
  background-color: #71bc24;
  color: #fff;
}

.fontrip-btn-light {
  background-color: #71bc24;
}
.fontrip-btn-light:hover {
  background-color: #71bc24;
}

/* CLOSE - button */
/* START - 彈跳視窗 */
.modal#mobileMemberNavModal .mobile-menu-list-items a.is-acted {
  background-color: #fafafa;
}
.modal#mobileMemberNavModal .mobile-menu-list-items a.is-acted .mobile-list-item-title {
  font-weight: 600;
  color: #71bc24;
}
.modal#mobileMemberNavModal .mobile-menu-list-items a.is-acted .mobile-list-item-title i.fa {
  color: #71bc24;
}

/* CLOSE - 彈跳視窗 */
.anchor-hidden {
  display: none;
  transition: 0.5s;
  transition-property: margin-top;
}

.anchor-hidden a {
  line-height: 40px;
  padding: 10px 10px;
  color: #333333;
}

.anchor-web a {
  margin-right: 15px;
  line-height: 28px;
  padding: 7px 0px;
  color: #333333;
}

.anchor-hidden a:hover,
.anchor-web a:hover {
  color: #333333;
}

.anchor-tab {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 0px;
  background-color: rgba(250, 250, 250, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  white-space: nowrap;
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  transition: 0.5s;
  transition-property: margin-top;
}

.anchor-tab::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.js-link-active {
  color: #71bc24 !important;
  position: relative;
}

.js-link-active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-radius: 100px;
  background: #71bc24;
}

/* toolbar */
#header-toolbar.navbar {
  height: 60px;
  min-height: 60px;
  background-color: #71bc24;
}
#header-toolbar.navbar .navbar-container {
  /* navbar-header start */
  /* navbar-logo start */
  /* navbar-collapse start */
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-btn {
  color: #71bc24;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-btn:hover {
  color: #71bc24;
}
#header-toolbar.navbar .navbar-container .dropdown.open {
  background-color: #f7f7f7;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn {
  border: 1px solid #71bc24;
  color: #71bc24;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn:hover {
  background-color: transparent;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle .icon-bar {
  background: #fff;
}
#header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand {
  height: 60px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse {
  top: 0px;
  min-height: 100%;
  max-height: 100%;
  background-color: #fff;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone {
  height: 60px;
  background-color: #71bc24;
  border-bottom: 1px solid #69af22;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-header-phone-logo .navbar-header-phone-brand {
  height: 60px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle .icon-bar {
  background-color: #fff;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone {
  background-color: #71bc24;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list-btn {
  color: #fff;
  border: 1px solid #fff;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search {
  background-color: #f2f2f2;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navber-search-input::placeholder {
  color: #71bc24;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navbar-search-submit {
  background-color: #e6e6e6 !important;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navbar-search-submit i {
  color: #71bc24;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list .keyword-menu {
  border-bottom: 1px dotted #fff;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list h4 {
  color: #71bc24;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list {
  border-bottom: 1px dotted #71bc24;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .g_translater_notSupport .navbar-nav-list-title {
  font-size: 14px !important;
  color: #f13c38 !important;
  padding: 3px 12px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .navbar-nav-list.dropdown .dropdown-menu .li_google_translatie_rwd .google-translate-close-btn i.fa,
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .navbar-nav-list.dropdown .dropdown-menu.open .li_google_translatie_rwd .google-translate-close-btn i.fa {
  color: #71bc24;
}
@media (min-width: 768px) {
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone {
    padding: 0px calc((100% - 720px) / 2);
  }
}
@media (min-width: 992px) {
  #header-toolbar.navbar {
    height: 60px;
    min-height: 60px;
    background-color: #71bc24;
  }
  #header-toolbar.navbar .navbar-container {
    /* navbar-logo start */
    /* navbar-collapse start */
    /* navbar-status-bar start */
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn {
    color: #777;
    border: 1px solid #777;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn:hover {
    color: #3e3e3e;
    border-color: #3e3e3e;
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-btn .navbar-nav-list-title {
    color: #777;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-btn:hover .navbar-nav-list-title {
    color: #3e3e3e;
  }
  #header-toolbar.navbar .navbar-container .dropdown .g_translater_info .navbar-nav-list-btn {
    color: #3e3e3e;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu.open > .navbar-nav-list-btn {
    color: #3e3e3e;
  }
  #header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand {
    height: 100%;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse {
    min-height: auto !important;
    max-height: none !important;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main {
    min-height: 60px;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list {
    height: 60px;
    border-bottom: none;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list:hover, #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list.open {
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list:hover > .navbar-nav-list-btn, #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list.open > .navbar-nav-list-btn {
    background-color: #62a21f;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn {
    color: #fff;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn:hover {
    color: #fff;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap {
    background-color: #71bc24;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-icon {
    color: rgba(255, 255, 255, 0.95);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input {
    color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.65);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.65);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.65);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.65);
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-list {
    height: 60px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-list.open {
    background-color: #62a21f;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-btn {
    color: #fff;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-btn:hover {
    background-color: #62a21f;
  }
}

/**
 *
 * 警示色-紅色系 (目前只有101要另外設定成黑灰色)
 *
 * $default-catch-color: #f13c38;
 * $memberCenter-color-focus: #fe5842;
 *
 */
/* START - frontstage Utility */
.u-text-focus {
  color: #f13c38 !important;
}

/* CLOSE - frontstage Utility */
/* START - frontstage Component */
.c-btn.is-focus {
  border: 1px solid #f13c38;
  background-color: #f13c38;
  color: #fff;
}
.c-btn.is-focus:hover:not([disabled]) {
  background-color: #ef2520;
}
.c-btn--outlined.is-focus {
  background-color: transparent;
  color: #f13c38;
}
.c-btn--outlined.is-focus:hover:not([disabled]) {
  background-color: #f13c38;
  color: #fff;
}

/* CLOSE - frontstage Component */
/* 訂單詳細頁-推薦套票/活動模塊(價格顏色) */
.tourInfo-promot-recommendSlider .tourInfo-recommendCard-price {
  background-color: #f13c38;
}
.tourInfo-promot-recommendSlider .tourInfo-recommendCard-price::after {
  border-color: #b6100d transparent transparent #b6100d;
}

.tour-card-recommend-card .tour-card-recommend-price {
  background-color: #f13c38;
}
.tour-card-recommend-card .tour-card-recommend-price::after {
  border-color: transparent #b6100d transparent transparent;
}

/* 購買流程頁(加購商品) */
.form-content .form-item.addonContainer .addonContainer-top .addon-tag {
  color: #f13c38;
  border: 1px solid #f13c38;
}
.form-content .form-item.addonContainer .addonContainer-top .addon-btn-wrap .addon-btn.add {
  background-color: #f13c38;
}

/* 會員中心 */
.member .member-nav .menu-list-items .alert-num {
  background-color: rgba(254, 88, 66, 0.9);
  color: #fff;
}
.member .member-content.has-tab-bar .content-tab .content-bar .bar-tabs .items-tab.is-acted .items-tab-alert-num, .member .member-content.has-tab-bar .content-tab .content-bar .bar-tabs .items-tab:hover .items-tab-alert-num {
  color: rgba(254, 88, 66, 0.9);
}
.member .member-content.has-tab-bar .content-tab .content-bar .bar-tabs .items-tab .items-tab-alert-num {
  color: rgba(254, 88, 66, 0.7);
}
.member .member-content .myOrderList .myOrderList-list .list-top .paymentOverdue-info {
  color: rgba(254, 88, 66, 0.85);
}
.member .member-content .myOrderList .myOrderList-list .list-top .paymentOverdue-info:hover {
  color: #fe5842;
}
.member .member-content .content-list .content-empty.myOrderList-content-empty .empty-info.info-move-to-overdue {
  color: rgba(254, 88, 66, 0.85);
}
.member .member-content .content-list .content-empty.myOrderList-content-empty:hover .empty-info.info-move-to-overdue {
  color: #fe5842;
  font-weight: bold;
}

/* 購物車 */
.shopping-cart .form-content .cart-btn-continuePurchase {
  color: #f13c38;
}
.shopping-cart .form-content .cart-btn-continuePurchase {
  border: 1px solid #f13c38;
  color: #f13c38;
}
.shopping-cart .form-content .cart-btn-continuePurchase:hover {
  background-color: #f13c38;
  color: #fff;
}

.text-calendar-hint .day-of-hint {
  color: #f13c38;
}

/* START - 套票內頁 */
.ticket-wrap .ticket-favorited-btn {
  background-color: rgba(241, 60, 56, 0.15);
}
.ticket-wrap .ticket-favorited-btn i.fa {
  color: #f13c38;
}
.ticket-wrap .ticket-favorited-count {
  background-color: #f13c38;
  box-shadow: 0 0 1px rgba(241, 60, 56, 0.15);
}

/* CLOSE - 套票內頁 */
/**
 *
 * 預設色
 *
 * 有效色 $default-aviliable-color: #78B53F;
 * 無效色 $default-unaviliable-color: #BDBDC3;
 *
 */
/* START - frontstage Utility */
.u-text-available {
  color: #78B53F !important;
}
.u-text-unavailable {
  color: #BDBDC3 !important;
}

/* CLOSE - frontstage Utility */
/* START - frontstage Component */
.c-btn.is-disable {
  border: 1px solid #ddd;
  background-color: #ddd;
  color: #aaa;
  cursor: default;
}
.c-btn.is-available {
  border: 1px solid #78B53F;
  background-color: #78B53F;
  color: #fff;
}
.c-btn.is-available:hover:not([disabled]) {
  background-color: #6ba238;
}
.c-btn--outlined.is-disable {
  background-color: transparent;
  color: #ddd;
}
.c-btn--outlined.is-available {
  background-color: transparent;
  color: #78B53F;
}
.c-btn--outlined.is-available:hover:not([disabled]) {
  background-color: #78B53F;
  color: #fff;
}

/* CLOSE - frontstage Component */
/* 二次兌換 */
.exchange-product-card--unavailable .exchange-product-card__status {
  border: 1px solid #BDBDC3;
  color: #BDBDC3;
}

/* 購物車 */
.shopping-cart .form-content .cart-btn-popup {
  color: #78B53F;
}

/* header */
/* navbar start */
.navbar-phone {
  display: block;
}
@media screen and (min-width: 992px) {
  .navbar-phone {
    display: none !important;
  }
}

.navbar-pc {
  display: none;
}
@media screen and (min-width: 992px) {
  .navbar-pc {
    display: block !important;
  }
}

#goog-gt-tt {
  width: 100%;
  max-width: 100vw;
}

.goog-te-menu-frame {
  z-index: 100000010 !important;
}

#header-toolbar #main-navbar {
  /* 是否隱藏選單 */
}
#header-toolbar #main-navbar .navbar-main .navbar-nav-list.js-visible-item {
  visibility: visible;
}
#header-toolbar #main-navbar .navbar-main .navbar-nav-list.js-hidden-item {
  visibility: visible;
}
@media screen and (min-width: 992px) {
  #header-toolbar #main-navbar {
    /* 是否隱藏選單 */
  }
  #header-toolbar #main-navbar .navbar-main .navbar-nav-list.js-hidden-item {
    visibility: hidden;
  }
  #header-toolbar #main-navbar #js-nav-dropdown-more .dropdown-submenu .dropdown-menu {
    left: auto;
    right: 100%;
  }
}

#header-toolbar.navbar {
  border-radius: 0px;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  border: 0px;
  box-shadow: 4px 4px 12px -2px rgba(51, 51, 102, 0.2);
}
#header-toolbar.navbar .container::before, #header-toolbar.navbar .container::after {
  display: none;
}
#header-toolbar.navbar button {
  font-size: 100%;
  font-family: inherit;
  border: 0;
  padding: 0;
  background-color: transparent;
}
#header-toolbar.navbar #logo_img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
#header-toolbar.navbar .navbar-container {
  height: 100%;
  position: relative;
  justify-content: space-between;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* navbar-header start */
  /* navbar-logo start */
  /* navbar-collapse start */
  /* navbar-status-bar start */
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container {
    justify-content: flex-start;
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .navbar-nav-list {
    border: none;
    position: static;
    position: relative;
    float: left;
  }
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-btn {
  position: relative;
  width: 100%;
  text-align: left;
  display: block;
  letter-spacing: 1px;
  padding: 15px 0px;
  font-size: 16px;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-btn:hover {
  background-color: transparent;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .navbar-nav-list-btn {
    padding: 7px 10px;
    padding: 5px 6px;
    font-size: 12px;
    border-radius: 4px;
    height: 100%;
    align-items: center;
    border-radius: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -ms-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
}
@media screen and (min-width: 1200px) {
  #header-toolbar.navbar .navbar-container .navbar-nav-list-btn {
    font-size: 15px;
  }
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -ms-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  position: relative;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-icon {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  width: 15px;
  margin-right: 10px;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-window-maximize, #header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-cloud-download {
  font-size: 14px;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-credit-card-alt {
  font-size: 12px;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-home, #header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-ticket {
  font-size: 17px;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-file-text, #header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa-video-camera {
  font-size: 14px;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-icon.fa {
  display: inline-block;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .navbar-nav-list-icon {
    display: none !important;
  }
}
#header-toolbar.navbar .navbar-container .dropdown {
  position: relative;
}
#header-toolbar.navbar .navbar-container .dropdown .navbar-nav-list-btn {
  padding: 15px 0px 5px 0px;
  position: relative;
  width: 100%;
  text-align: left;
  display: block;
  letter-spacing: 1px;
}
#header-toolbar.navbar .navbar-container .dropdown .navbar-nav-list-btn:link, #header-toolbar.navbar .navbar-container .dropdown .navbar-nav-list-btn:visited, #header-toolbar.navbar .navbar-container .dropdown .navbar-nav-list-btn:hover, #header-toolbar.navbar .navbar-container .dropdown .navbar-nav-list-btn:active {
  background-color: transparent;
  text-decoration: none;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu {
  float: none;
  text-align: left;
  width: auto;
  letter-spacing: 1px;
  list-style: none;
  position: static;
  margin-top: 0px;
  margin-bottom: 10px;
  border-radius: 0px;
  font-size: 16px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0px 10px;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list {
  margin-left: 0;
  border-bottom: none;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list .navbar-nav-list-btn {
  padding: 8px 12px;
  margin: 0px;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more {
  padding: 5px 0;
  width: 90%;
  display: block;
  margin: 10px auto;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn {
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
  display: block;
  width: 100%;
  -webkit-transition-property: border-color, color;
  -moz-transition-property: border-color, color;
  -ms-transition-property: border-color, color;
  -o-transition-property: border-color, color;
  transition-property: border-color, color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn:hover {
  border-radius: 5px;
  display: block;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-icon {
  display: none;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .dropdown .navbar-nav-list-btn {
    padding: 5px 10px;
    -webkit-transition-property: color, background-color;
    -moz-transition-property: color, background-color;
    -ms-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu {
    top: 100%;
    left: 0;
    position: absolute;
    margin-top: 0px;
    border-radius: 5px;
    min-width: auto;
    max-width: 180px;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    background-color: #fff;
    border: none;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 1000;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list {
    width: 100%;
    padding: 0;
    margin-left: 0;
    border-radius: 5px;
    height: auto;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -ms-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list .navbar-nav-list-btn {
    padding: 7px 10px;
    font-size: 12px;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-btn:hover {
    background-color: #f2f2f2;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-btn:hover .navbar-nav-list-title {
    left: 3px;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu > li:last-child .navbar-nav-list-btn {
    border-radius: 0px 0px 5px 5px;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 0px;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more {
    padding: 5px 10px;
    margin: 5px auto;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more:hover {
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn {
    border-radius: 5px;
  }
}
@media screen and (min-width: 1200px) {
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list .navbar-nav-list-btn {
    font-size: 15px;
    padding: 5px 10px;
  }
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container ul.navbar-nav > li.dropdown > ul.dropdown-menu,
  #header-toolbar.navbar .navbar-container .navbar-status-bar-wrap > li.dropdown > ul.dropdown-menu {
    border-radius: 0px 0px 5px 5px;
  }
}
#header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .navbar-nav-list-btn {
  padding: 8px 12px;
  margin: 0px;
  font-size: 16px;
  display: block;
  white-space: nowrap;
}
#header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .dropdown-menu .navbar-nav-list-btn {
  padding: 7px 10px;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu {
    padding: 0px;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    opacity: 1;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .dropdown-menu > li:first-child .navbar-nav-list-btn {
    border-radius: 5px 5px 0px 0px;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .dropdown-menu > li:last-child:first-child .navbar-nav-list-btn {
    border-radius: 5px;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .navbar-nav-list-btn {
    font-size: 12px;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu.open {
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu.open > .navbar-nav-list-btn {
    background-color: #f2f2f2;
    color: #3e3e3e;
  }
}
@media screen and (min-width: 1200px) {
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu .navbar-nav-list-btn {
    font-size: 15px;
  }
}
#header-toolbar.navbar .navbar-container .navbar-header {
  margin-left: 0px;
  margin-right: 0px;
  width: 40px;
  height: 40px;
  margin-left: auto;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle {
  position: relative;
  right: 0;
  width: 100%;
  height: 40px;
  padding: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  margin: calc(50% - 20px) auto;
  float: none;
  border-radius: 0px;
  display: inline-block;
  background: transparent;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle .icon-bar {
  position: absolute;
  display: block;
  height: 2px;
  width: 22px;
  border-radius: 1px;
  opacity: 1;
  left: calc(50% - 11px);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle .icon-bar:nth-child(1) {
  top: 13px;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle .icon-bar:nth-child(2) {
  top: 15px;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle .icon-bar:nth-child(3) {
  top: 21px;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(1), #header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
  left: 9px;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 12px;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) {
  width: 0px;
  opacity: 0;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 24px;
}
#header-toolbar.navbar .navbar-container .navbar-logo {
  width: auto;
  height: 100%;
}
#header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand {
  padding: 10px 0px;
  margin: auto;
  justify-content: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand {
    height: 100%;
    padding: 10px 0px;
    margin-left: 0px;
  }
}
#header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand img {
  max-width: 140px;
  max-height: 100%;
  height: auto;
  width: auto;
  margin: 0px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse {
  position: fixed;
  z-index: 2;
  border-top: none;
  left: 0;
  width: 100%;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse {
    position: relative;
    align-items: center;
    width: auto !important;
    overflow: visible;
    background-color: transparent !important;
    margin-left: 10px;
  }
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 15px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-header-phone-logo {
  width: auto;
  height: 100%;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-header-phone-logo .navbar-header-phone-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0px;
  margin: auto;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-header-phone-logo .navbar-header-phone-brand img {
  max-width: 140px;
  max-height: 100%;
  height: auto;
  width: auto;
  margin: 0px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle {
  padding: 0px;
  margin: auto 0px auto auto;
  width: 40px;
  height: 40px;
  position: relative;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle .icon-bar {
  position: absolute;
  display: block;
  height: 2px;
  width: 22px;
  border-radius: 1px;
  opacity: 1;
  left: calc(50% - 11px);
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  transform-origin: left center;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle .icon-bar:nth-child(1) {
  top: 13px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle .icon-bar:nth-child(2) {
  top: 15px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle .icon-bar:nth-child(2) {
  top: 21px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(1),
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
  left: 9px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(1) {
  transform: rotate(45deg);
  top: 12px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) {
  width: 0px;
  top: 15px;
  opacity: 0;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) {
  transform: rotate(-45deg);
  top: 24px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px;
  list-style: none;
  padding: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding: 0px;
  margin: 0px;
  padding-inline-start: 0px;
  box-shadow: 4px 4px 12px -2px rgba(51, 51, 102, 0.2);
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list {
  width: 50%;
  display: table;
  padding-top: 6px;
  padding-bottom: 6px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list:first-child {
  padding-left: 10px;
  padding-right: 4px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list:last-child {
  padding-right: 10px;
  padding-left: 4px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list.navbar-top-list-b2b {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list.navbar-top-list-b2b:first-child {
  padding-left: 10px;
  padding-right: 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list.navbar-top-list-b2b:last-child {
  padding-right: 10px;
  padding-left: 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list-btn {
  text-align: center;
  display: table-cell;
  border-radius: 4px;
  padding: 10px 0px;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list-btn .num {
  margin-left: 2px;
}
@media screen and (min-width: 375px) {
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list-btn {
    padding: 7px 0px;
    font-size: 14px;
  }
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone {
  padding: 10px 10px 0px 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search {
  border-radius: 4px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navber-search-input {
  background-color: transparent;
  border: none;
  height: 45px;
  width: calc(100% - 45px);
  padding-left: 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navber-search-input::placeholder {
  opacity: 0.8;
  font-size: 16px;
  letter-spacing: 1px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navbar-search-submit {
  width: 45px;
  float: right;
  border: none;
  height: 45px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navbar-search-submit i {
  text-align: center;
  font-size: 16px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list {
  background-color: #f1f1f1;
  border-top: 5px #fff solid;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list ul {
  padding: 15px 10px;
  list-style: none;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list ul .keyword {
  display: flex;
  flex-wrap: wrap;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list ul .keyword li {
  color: #888888;
  background-color: #e3e2e3;
  margin-right: 15px;
  margin-top: 10px;
  border-radius: 20px;
  padding: 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list h4 {
  margin-top: 0;
  font-size: 16px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav {
  margin: 0px;
  list-style: none;
  overflow-y: scroll;
  width: 100%;
  float: none;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list {
  padding: 0px 10px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list:last-child {
  margin-bottom: 40px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn {
  padding: 15px 0px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .g_translater_info_phone .navbar-nav-list-title {
  font-weight: 700;
  padding: 12px 12px 0px 12px;
  cursor: default !important;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd {
  padding: 10px 0px 10px 12px;
  white-space: nowrap;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd #googleTranslateContainer-rwd {
  display: inline-block;
  width: 80%;
  white-space: nowrap;
  vertical-align: middle;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd #googleTranslateContainer-rwd #googleTranslateContainer .goog-te-gadget-simple {
  border: 0px;
  width: 100%;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd #googleTranslateContainer-rwd #googleTranslateContainer .goog-te-gadget-simple .goog-te-gadget-icon {
  margin-left: 4px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd #googleTranslateContainer-rwd #googleTranslateContainer .goog-te-gadget-simple span {
  color: #333;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd #googleTranslateContainer-rwd #googleTranslateContainer .goog-te-gadget-simple > span {
  display: inline-block;
  line-height: 11px;
  width: 85%;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd #googleTranslateContainer-rwd #googleTranslateContainer .goog-te-gadget-simple > span > a {
  display: inline-block;
  width: 100%;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd .google-translate-close-btn {
  position: static;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  background-color: transparent;
  color: transparent;
  border-radius: 0px !important;
  border: none;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  width: auto;
  height: auto;
  line-height: auto;
  overflow: visible;
  margin-left: 0px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .li_google_translatie_rwd .google-translate-close-btn i.fa {
  margin: 0px;
  font-size: 20px;
  width: 22px;
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main {
    padding: 0px;
    position: static;
    height: auto;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav {
    overflow: visible;
    overflow-y: visible;
    width: auto;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list {
    padding: 0px;
    border-bottom: none;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list:last-child {
    margin-bottom: 0px;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn {
    padding: 0px 10px;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn > .navbar-nav-list-title {
    overflow: visible;
    max-width: none;
    text-overflow: clip;
  }
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 5;
    min-width: 100%;
    height: 100%;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web > form,
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap {
    width: 100%;
    height: 100%;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web > form {
    animation-fill-mode: forwards;
    animation-duration: 0.75s;
    transform-origin: right center;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 0px 15px;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-icon {
    width: 40px;
    font-size: 22px;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input {
    width: calc(100% - 40px);
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 3px 0px;
  }
}
@media screen and (min-width: 992px) {
  #header-toolbar.navbar .navbar-container .navbar-status-bar {
    display: block;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0px;
    margin-left: auto;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-wrap {
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding: 0px;
    margin: 0px;
    padding-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-wrap::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-list {
    float: left;
    margin: 0px;
    position: relative;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-btn {
    cursor: pointer;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 0px;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -ms-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-searchBtn .navbar-status-bar-icon.fa-times {
    display: none;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-searchBtn.nav-search-open .navbar-status-bar-icon.fa-search {
    display: none;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-searchBtn.nav-search-open .navbar-status-bar-icon.fa-times {
    display: inline-block;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .g_translater_info .navbar-nav-list-btn {
    font-weight: 800;
    cursor: auto;
    padding: 7px 10px 0px 10px;
    min-width: 160px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .g_translater_info .navbar-nav-list-btn:hover {
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container {
    position: static;
    padding: 7px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container:hover {
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container #g_translater {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container #g_translater #googleTranslateContainer .goog-te-gadget-simple {
    border: 0px;
    width: 100%;
    margin: 0px;
    background-color: #fff;
    border: none;
    display: inline-block;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container #g_translater #googleTranslateContainer .goog-te-gadget-simple span {
    font-size: 12px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container #g_translater #googleTranslateContainer .goog-te-gadget-simple > span {
    display: inline-block;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container #g_translater #googleTranslateContainer .goog-te-gadget-simple > span .goog-te-menu-value {
    padding-left: 0px;
    font-size: 12px;
    margin: 0px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container .google-translate-close-btn {
    position: static;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    color: transparent;
    border-radius: 0px !important;
    border: none;
    font-weight: normal;
    text-align: center;
    width: auto;
    height: auto;
    line-height: auto;
    overflow: visible;
    margin-left: 15px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar #g_translater_container .google-translate-close-btn i.fa {
    margin: 0px;
    color: #777777;
    font-size: 16px;
    width: 18px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .g_translater_notSupport {
    font-size: 14px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .g_translater_notSupport .navbar-dropdownList-note {
    color: #f13c38;
    cursor: default;
    font-size: 14px;
    padding: 5px 10px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .g_translater_notSupport .navbar-dropdownList-note i.fa {
    font-size: 14px;
    margin-right: 5px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .g_translater_notSupport:hover {
    background-color: transparent;
  }
}
@media screen and (min-width: 1200px) {
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-btn {
    padding: 0px 10px;
    font-size: 15px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-nav-list-btn {
    font-size: 15px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav > li {
    float: none;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }
  /* 控制menu開關 */
  .navbar-collapse.collapse.menu-in {
    display: block !important;
  }
  /* 關閉body卷軸功能 */
  body.body-scroll {
    overflow: hidden;
  }
  /* 打開menu效果 */
  @keyframes menu-open {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  /* 關起menu效果 */
  @keyframes menu-close {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
/* navbar close */
@charset "UTF-8";
/* 公版variables */
/**
 * 
 * 以下為公版預設變數(不要修改)，專案通路有需要不同的值才覆製過去進行參數覆寫。
 * 通路自己的變數寫在各通路下_varibles.scss檔案裡。
 * 
 * 變數使用於varibles資料夾下的各scss檔案裡
 * 
 */
/* footer */
/**
 * 以下變數如無特別需求不需覆寫。
 */
/* 通路variables，複寫公版variables */
/* 景點頁面 */
/* 路線圖 */
/* 首頁 預設banner */
.index .promot-slider-container-default {
  background: url(/theme/pattaya_funpass/images/banner/homepage_banner.jpg) top center no-repeat;
}

/**
 * 以下變數覆寫 公版變數。
 */
/**
 * 以下複寫 公版版型 使用到scss變數的code。
 */
/* START - frontstage Utility */
.u-text-default {
  color: #F26839 !important;
}
.u-text-successful {
  color: #F26839 !important;
}

/* CLOSE - frontstage Utility */
/* START - frontstage Component */
.c-btn.is-default {
  border: 1px solid #F26839;
  background-color: #F26839;
  color: #fff;
}
.c-btn.is-default:hover:not([disabled]) {
  background-color: #f05621;
}
.c-btn.is-successful {
  border: 1px solid #F26839;
  background-color: #F26839;
  color: #fff;
}
.c-btn.is-successful:hover:not([disabled]) {
  background-color: #f05621;
}
.c-btn--outlined.is-default {
  background-color: transparent;
  color: #F26839;
}
.c-btn--outlined.is-default:hover:not([disabled]) {
  background-color: #F26839;
  color: #fff;
}
.c-btn--outlined.is-successful {
  background-color: transparent;
  color: #F26839;
}
.c-btn--outlined.is-successful:hover:not([disabled]) {
  background-color: #F26839;
  color: #fff;
}

.c-login-card {
  border-top: 0.8rem solid #F26839;
}
.c-login-card__title {
  color: #F26839;
}

/* CLOSE - frontstage Component */
/* START - 按鈕 */
.channel-btn--main {
  color: #fff;
  background-color: #F26839;
}
.channel-btn--main:hover {
  color: #fff;
  background-color: #f05621;
}

/* CLOSE - 按鈕 */
/* START - 首頁行銷板位 */
.index .banner-grid-tab .tab label {
  color: #888;
}
.index .banner-grid-tab .tab label:hover {
  background-color: #F26839;
  color: #ffffff;
}
.index .banner-grid-tab .tab label.active {
  background: #F26839;
  color: #ffffff;
}
.index .banner-grid-link {
  background-color: #F26839;
}
.index .banner-grid-link:hover {
  background-color: #f05621;
}

/* CLOSE - 首頁行銷板位 */
/* START - 商品內頁 */
.productInfo .cross-store-list-top {
  border: 2px solid #F26839;
}
.productInfo .cross-store-list-top .cross-store-select-icon {
  color: #F26839;
}
.productInfo .cross-store-list-top .cross-store-search input {
  border-left: 1px dotted #F26839;
}
.productInfo .cross-store-list-top .cross-store-search .cross-store-search-btn button i.fa {
  color: #F26839;
}
.productInfo .cross-store-list .cross-store-card-bottom a {
  background-color: #F26839;
}
.productInfo .cross-store-list .cross-store-card-bottom a:hover {
  background-color: #f05621;
}

/* CLOSE - 商品內頁 */
/* START - 套票內頁 */
.ticket-wrap .ticket-highlight-item__title i.fa {
  color: #F26839;
}

/* CLOSE - 套票內頁 */
/* START - (景點、套票、店家、達人文章)列表+套票內頁 分類標籤 */
.label-list .label-item {
  background-color: rgba(242, 104, 57, 0.15);
  color: #F26839;
}
.label-list a.label-item:hover,
.label-list button.label-item:hover {
  color: #fff;
  background-color: #F26839;
}

/* CLOSE - (景點、套票、店家、達人文章)列表+套票內頁 分類標籤 */
/* START - 套票內頁(內含產品、內容...)收合按鈕 */
.ticket-collapse-btn:hover::before {
  background-color: #F26839;
}
.ticket-collapse-btn:hover:after {
  color: #F26839;
  background-color: rgba(242, 104, 57, 0.15);
}

/* CLOSE - 套票內頁(內含產品、內容...)收合按鈕 */
/* START - 會員中心 */
.member {
  /* 會員中心左側 */
  /* 會員中心右側 */
}
.member .member-nav .profile-entrance > a {
  color: #777;
  font-weight: normal;
  border: 1px solid #e3e2e3;
}
.member .member-nav .profile-entrance > a i.fa.fa-pencil {
  color: #777;
}
.member .member-nav .profile-entrance > a.is-acted, .member .member-nav .profile-entrance > a:hover {
  color: #F26839;
  font-weight: 600;
  border: 1px solid #F26839;
}
.member .member-nav .profile-entrance > a.is-acted i.fa.fa-pencil, .member .member-nav .profile-entrance > a:hover i.fa.fa-pencil {
  color: #F26839;
}
.member .member-nav .vip-profile-entrance > a {
  color: #777;
  font-weight: normal;
  border: 1px solid #e3e2e3;
}
.member .member-nav .vip-profile-entrance > a i.fa.fa-pencil {
  color: #777;
}
.member .member-nav .vip-profile-entrance > a.is-acted, .member .member-nav .vip-profile-entrance > a:hover {
  color: #F26839;
  font-weight: 600;
  border: 1px solid #F26839;
}
.member .member-nav .vip-profile-entrance > a.is-acted i.fa.fa-pencil, .member .member-nav .vip-profile-entrance > a:hover i.fa.fa-pencil {
  color: #F26839;
}
.member .member-nav .ob-profile-entrance > a {
  color: #777;
  font-weight: normal;
  border: 1px solid #e3e2e3;
}
.member .member-nav .ob-profile-entrance > a i.fa.fa-pencil {
  color: #777;
}
.member .member-nav .ob-profile-entrance > a.is-acted, .member .member-nav .ob-profile-entrance > a:hover {
  color: #F26839;
  font-weight: 600;
  border: 1px solid #F26839;
}
.member .member-nav .ob-profile-entrance > a.is-acted i.fa.fa-pencil, .member .member-nav .ob-profile-entrance > a:hover i.fa.fa-pencil {
  color: #F26839;
}
.member .member-nav .menu-list-items a {
  background-color: #fff;
  color: #777;
  font-weight: normal;
}
.member .member-nav .menu-list-items a .list-item-icon {
  color: #f1f1f1;
}
.member .member-nav .menu-list-items a.is-acted, .member .member-nav .menu-list-items a:hover {
  background-color: #F26839;
  color: #fff;
}
.member .member-nav .menu-list-items a.is-acted .list-item-title, .member .member-nav .menu-list-items a:hover .list-item-title {
  font-weight: 600;
}
.member .member-nav .menu-list-items a.is-acted .list-item-icon, .member .member-nav .menu-list-items a:hover .list-item-icon {
  color: #f05621;
}
.member .member-nav .menu-list-items #member-coin:hover .list-item-title {
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .member .member-nav .member-logout > a {
    color: #777;
    border: 1px solid #e3e2e3;
  }
  .member .member-nav .member-logout > a:hover {
    color: #F26839;
    border: 1px solid #F26839;
    font-weight: 600;
  }
}
.member .member-content {
  /* 帳戶設定(常用聯絡人+常用地址) */
}
.member .member-content .touristList .content-list .contactInfo-card,
.member .member-content .addressList .content-list .contactInfo-card {
  border: 1px solid #e2e2e2;
  border-left: 5px solid #F26839;
}
.member .member-content .touristList .content-list .contactInfo-card .contactInfo-title:hover,
.member .member-content .touristList .content-list .contactInfo-card .contactInfo-remove-btn:hover,
.member .member-content .touristList .content-list .contactInfo-card .contactInfo-edit-btn:hover,
.member .member-content .addressList .content-list .contactInfo-card .contactInfo-title:hover,
.member .member-content .addressList .content-list .contactInfo-card .contactInfo-remove-btn:hover,
.member .member-content .addressList .content-list .contactInfo-card .contactInfo-edit-btn:hover {
  color: #F26839;
}

/* CLOSE - 會員中心 */
/* START - button */
.fontrip-btn-success {
  background-color: #F26839;
}
.fontrip-btn-success:hover {
  background-color: #f05621;
}

.fontrip-btn-success-line {
  background-color: transparent;
  border: 1px solid #F26839;
  color: #F26839;
}
.fontrip-btn-success-line:hover {
  border: 1px solid transparent;
  background-color: #F26839;
  color: #fff;
}

.fontrip-btn-light {
  background-color: #F26839;
}
.fontrip-btn-light:hover {
  background-color: #f26839;
}

/* CLOSE - button */
/* START - 彈跳視窗 */
.modal#mobileMemberNavModal .mobile-menu-list-items a.is-acted {
  background-color: #fafafa;
}
.modal#mobileMemberNavModal .mobile-menu-list-items a.is-acted .mobile-list-item-title {
  font-weight: 600;
  color: #F26839;
}
.modal#mobileMemberNavModal .mobile-menu-list-items a.is-acted .mobile-list-item-title i.fa {
  color: #F26839;
}

/* CLOSE - 彈跳視窗 */
.anchor-hidden {
  display: none;
  transition: 0.5s;
  transition-property: margin-top;
}

.anchor-hidden a {
  line-height: 40px;
  padding: 10px 10px;
  color: #333333;
}

.anchor-web a {
  margin-right: 15px;
  line-height: 28px;
  padding: 7px 0px;
  color: #333333;
}

.anchor-hidden a:hover,
.anchor-web a:hover {
  color: #333333;
}

.anchor-tab {
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 0px;
  background-color: rgba(250, 250, 250, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  white-space: nowrap;
  overflow: auto;
  scrollbar-width: none; /* Firefox */
  transition: 0.5s;
  transition-property: margin-top;
}

.anchor-tab::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.js-link-active {
  color: #F26839 !important;
  position: relative;
}

.js-link-active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-radius: 100px;
  background: #F26839;
}

/* 首頁searchbar */
.index .home-search {
  background: transparent;
}
.index .home-search .search-box {
  border: 3px solid #F26839;
  background: #F26839;
}
.index .home-search .search-box .search-select {
  border-bottom: 1px solid #F26839;
}
.index .home-search .search-box .search-select::after {
  color: #F26839;
}
.index .home-search .search-box button {
  background: #F26839 !important;
}
.index .home-search .search-box .keyword-list .keyword-menu {
  border: 3px #F26839 solid;
}
@media screen and (min-width: 768px) {
  .index .home-search {
    background: transparent;
  }
  .index .home-search .search-box {
    border: 3px solid #F26839;
  }
  .index .home-search .search-box .search-select {
    border-right: 1px solid #F26839;
  }
}

/* toolbar */
#header-toolbar.navbar {
  height: 80px;
  min-height: 80px;
  background-color: #fff;
}
#header-toolbar.navbar .navbar-container {
  /* navbar-header start */
  /* navbar-logo start */
  /* navbar-collapse start */
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-btn {
  color: #2E3741;
}
#header-toolbar.navbar .navbar-container .navbar-nav-list-btn:hover {
  color: #2E3741;
}
#header-toolbar.navbar .navbar-container .dropdown.open {
  background-color: #f7f7f7;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn {
  border: 1px solid #2E3741;
  color: #2E3741;
}
#header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn:hover {
  background-color: transparent;
}
#header-toolbar.navbar .navbar-container .navbar-header .navbar-toggle .icon-bar {
  background: #2E3741;
}
#header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand {
  height: 80px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse {
  top: 0px;
  min-height: 100%;
  max-height: 100%;
  background-color: #fff;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone {
  height: 80px;
  background-color: #fff;
  border-bottom: 1px solid #f7f7f7;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-header-phone-logo .navbar-header-phone-brand {
  height: 80px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone .navbar-toggle .icon-bar {
  background-color: #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone {
  background-color: #fff;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-top-phone .navbar-top-list-btn {
  color: #2E3741;
  border: 1px solid #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search {
  background-color: #f2f2f2;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navber-search-input::placeholder {
  color: #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navbar-search-submit {
  background-color: #e6e6e6 !important;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .navbar-search-submit i {
  color: #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list .keyword-menu {
  border-bottom: 1px dotted #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-search-phone .navbar-search .keyword-list h4 {
  color: #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list {
  border-bottom: 1px dotted #2E3741;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .g_translater_notSupport .navbar-nav-list-title {
  font-size: 14px !important;
  color: #f13c38 !important;
  padding: 3px 12px;
}
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .navbar-nav-list.dropdown .dropdown-menu .li_google_translatie_rwd .google-translate-close-btn i.fa,
#header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav .navbar-nav-list.dropdown .dropdown-menu.open .li_google_translatie_rwd .google-translate-close-btn i.fa {
  color: #2E3741;
}
@media (min-width: 768px) {
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-header-phone {
    padding: 0px calc((100% - 720px) / 2);
  }
}
@media (min-width: 992px) {
  #header-toolbar.navbar {
    height: 80px;
    min-height: 80px;
    background-color: #fff;
  }
  #header-toolbar.navbar .navbar-container {
    /* navbar-logo start */
    /* navbar-collapse start */
    /* navbar-status-bar start */
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn {
    color: #777;
    border: 1px solid #777;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .submenu-more .submenu-more-btn:hover {
    color: #3e3e3e;
    border-color: #3e3e3e;
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-btn .navbar-nav-list-title {
    color: #777;
  }
  #header-toolbar.navbar .navbar-container .dropdown .dropdown-menu .navbar-nav-list-btn:hover .navbar-nav-list-title {
    color: #3e3e3e;
  }
  #header-toolbar.navbar .navbar-container .dropdown .g_translater_info .navbar-nav-list-btn {
    color: #3e3e3e;
  }
  #header-toolbar.navbar .navbar-container .dropdown.dropdown-submenu.open > .navbar-nav-list-btn {
    color: #3e3e3e;
  }
  #header-toolbar.navbar .navbar-container .navbar-logo .navbar-brand {
    height: 100%;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse {
    min-height: auto !important;
    max-height: none !important;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main {
    min-height: 80px;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list {
    height: 80px;
    border-bottom: none;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list:hover, #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list.open {
    background-color: transparent;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list:hover > .navbar-nav-list-btn, #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list.open > .navbar-nav-list-btn {
    background-color: #f0f0f0;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn {
    color: #2E3741;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse .navbar-main .navbar-nav > .navbar-nav-list > .navbar-nav-list-btn:hover {
    color: #2E3741;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap {
    background-color: #fff;
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-icon {
    color: rgba(46, 55, 65, 0.95);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input {
    color: rgba(46, 55, 65, 0.95);
    border-bottom: 1px solid rgba(46, 55, 65, 0.45);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input::-webkit-input-placeholder {
    color: rgba(46, 55, 65, 0.65);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input:-moz-placeholder {
    color: rgba(46, 55, 65, 0.65);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input::-moz-placeholder {
    color: rgba(46, 55, 65, 0.65);
  }
  #header-toolbar.navbar .navbar-container #main-navbar.navbar-collapse #navbar-search-web .navbar-search-web-wrap .navbar-search-web-input:-ms-input-placeholder {
    color: rgba(46, 55, 65, 0.65);
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-list {
    height: 80px;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-list.open {
    background-color: #f0f0f0;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-btn {
    color: #2E3741;
  }
  #header-toolbar.navbar .navbar-container .navbar-status-bar .navbar-status-bar-btn:hover {
    background-color: #f0f0f0;
  }
}