.elementor-9538 .elementor-element.elementor-element-419f4c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .header{max-height:80vh;min-height:80vh;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .slider-fade .owl-item{max-height:80vh;min-height:80vh;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .header .caption .tl-header-banner-sub-title{font-family:"Noto Sans TC", Sans-serif;font-size:22px;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .header .caption .tl-header-banner-title{font-family:"Noto Serif TC", Sans-serif;font-size:50px;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .header .caption .butn-dark.tl-banner-button a{border-color:#FFFFFF;}.elementor-9538 .elementor-element.elementor-element-669d29b{--display:flex;}.elementor-9538 .elementor-element.elementor-element-cc1853d{--spacer-size:50px;}.elementor-9538 .elementor-element.elementor-element-c10e1c7{--display:flex;}.elementor-9538 .elementor-element.elementor-element-84a1993{--display:flex;}.elementor-9538 .elementor-element.elementor-element-e197896{--display:flex;}.elementor-9538 .elementor-element.elementor-element-4d04507{--spacer-size:50px;}.elementor-9538 .elementor-element.elementor-element-164a210{--display:flex;}@media(max-width:767px){.elementor-9538 .elementor-element.elementor-element-a839bf6 .header .caption .tl-header-banner-sub-title{font-size:25px;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .header .caption .tl-header-banner-title{font-size:21px;}.elementor-9538 .elementor-element.elementor-element-a839bf6 .form1 .col1{width:100%;}}/* Start custom CSS for html, class: .elementor-element-9a6168c *//* ------- 電腦版：一行＋置中顯示 ------- */
.month-filter-bar {
  margin: 16px auto;
  display: flex;
  justify-content: center;   /* ★ 中間置中 */
  gap: 14px;                 /* 按鈕間距 */
  flex-wrap: nowrap;         /* ★ 強制一行 */
  width: 100%;
  max-width: 1200px;         /* ★ 可調整整排最大寬度 */
  overflow: visible;         /* ★ 不要滑動、不裁切 */
}

/* 按鈕樣式（電腦版） */
.month-filter {
  padding: 6px 18px;
  border-radius: 999px;
  border: 1px solid #0F5959;
  background-color: #ffffff;
  color: #0F5959;
  font-size: 18px;           /* ★ 電腦版大小 */
  cursor: pointer;
  transition: background-color 0.25s, color 0.25s, border-color 0.25s;
  font-weight: 400;
  white-space: nowrap;       /* ★ 避免文字換行 */
}

.month-filter:hover {
  background-color: #0F5959;
  color: #ffffff;
}

.month-filter.is-active {
  background-color: #0F5959;
  color: #ffffff;
}

/* ------- 手機版：換行 & 字體變小 ------- */
@media (max-width: 768px) {
  .month-filter-bar {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 100%;        /* 手機版全寬 */
  }

  .month-filter {
    font-size: 16px;        /* ★ 手機版大小 */
    padding: 6px 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02bc5e *//* ---------- 國家篩選：極簡文字 Tab 風 ---------- */

/* 整排容器 */
.country-filter-bar {
  margin: 24px auto 0;
  display: flex;
  justify-content: center;
  gap: 32px;                  /* 國家之間距離拉開一點 */
  max-width: 600px;           /* 排列寬度不必跟月份一樣長 */
}

/* 基本文字樣式 */
.country-filter {
  position: relative;
  padding: 4px 0;
  border: none;
  background: transparent;
  color: #0F5959;
  font-size: 18px;
  letter-spacing: 0.08em;     /* 稍微加一點字距，比較有質感 */
  cursor: pointer;
  font-weight: 400;
}

/* 底線效果：預設是淡淡的透明線，維持版面穩定 */
.country-filter::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background-color: rgba(15, 89, 89, 0);
  transition: background-color 0.25s, transform 0.25s;
  transform-origin: center;
  transform: scaleX(0.4);    /* 底線不要太長，一點點就好 */
}

/* hover：文字變深一點＋底線淡淡出現 */
.country-filter:hover {
  color: #084141;
}

.country-filter:hover::after {
  background-color: rgba(15, 89, 89, 0.35);
}

/* active：選取中的國家 */
.country-filter.is-active {
  color: #0F5959;
  font-weight: 500;
}

.country-filter.is-active::after {
  background-color: #0F5959;
  transform: scaleX(0.8);
}

/* 手機版調整：字體縮小、間距縮短、允許換行 */
@media (max-width: 768px) {
  .country-filter-bar {
    flex-wrap: wrap;
    gap: 16px;
    max-width: 100%;
  }

  .country-filter {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-164a210 *//* 只讓這個 Container 可以左右滑動 */
.elementor-9538 .elementor-element.elementor-element-164a210 {
    overflow-x: auto;
}

/* 讓 Container 裡的 TablePress 表格比螢幕寬，才需要滑動 */
.elementor-9538 .elementor-element.elementor-element-164a210 .tablepress {
    min-width: 900px;    /* 覺得還是擠就改 1000、1100 試試 */
}/* End custom CSS */