/* https://fonts.google.com/  字型網址 */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
:root {
  --home-color-main: rgb(28, 15, 218);
  --home-color-main-o: rgba(253, 100, 67, 0.3);
  --home-color-second: #c5f368;
  --home-color-white: #fff;
  --home-color-white-o: rgba(255, 255, 255, 0.3);
  --home-color-black: #000;
  --home-color-black-o: rgba(0, 0, 0, 0.3);
  --home-color-origin: #595959;
  --home-color-tr: transparent;
  --home-font-en: 'Roboto', sans-serif;
  --home-font-tw: 'Noto Sans TC', sans-serif;
}
/* 改字體範例 */
/* . {
  font-family: var(--home-font-en);
} */

/* 02 */
/* -------------------------------------------------- */

/* 橫線 */
.exhi01-template-02 .line {
  background-color-white-o: var(--home-color-white,o);
}


/* 滾動線 */
.exhi01-template-02 .scrolldown:before {
  background-color: var(--home-color-origin);
}
/* 輪播點點框 */

.exhi01-template-02 .swiper-pagination span:before {
  border: 1px solid #ff8b5d;
}
/* 輪播點點hover */
.exhi01-template-02
  .swiper-pagination
  span.swiper-pagination-bullet-active:before {
  background-color: #ff8b5d;
  border-color: #ff8b5d;
}

/* -------------------------------------------------- */

/* 03 */
/* -------------------------------------------------- */

/* 大數字 */
.exhi01-template-03 .text .num {
  color: #31565e;
}
/* 輪播點點 */
.exhi01-template-03 .controller .swiper-pagination span:before {
  background-color: #ff8b5d;
}
/* 輪播字 */
.exhi01-template-03 .controller .swiper-pagination span:after {
  color: var(--home-color-white);
}
/* 04 */
/* -------------------------------------------------- */

/* 輪播點點框 */
.exhi01-template-04 .swiper-pagination .swiper-pagination-bullet:before {
  border: 1px solid #3b5e66;
}

/* 輪播點點hover */
.exhi01-template-04
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: #3b5e66;
  border-color: #3b5e66;
}

/* -------------------------------------------------- */

/* 05 */
/* -------------------------------------------------- */

/* 輪播當前數字 */
.exhi01-template-05 .exhi01-template-05__swiper-index-current {
  color: #3b5e66;
}
/* 輪播數字線 */
.exhi01-template-05 .exhi01-template-05__swiper-index-split {
  color: #1d1d1d;
}
/* 輪播總數 */
.exhi01-template-05 .exhi01-template-05__swiper-index-max {
  color: #1d1d1d;
}
/* 輪播過程底線 */
.exhi01-template-05 .controller .bar-wrap .swiper-pagination {
  background-color: var(--home-color-white-o);
}
/* 輪播過程線 */
.exhi01-template-05 .controller .bar-wrap .swiper-pagination span {
  background-color: #ff8b5d;
}
/* -------------------------------------------------- */

/* 06 */
/* -------------------------------------------------- */

/* 輪播數字 */
.exhi01-template-06 .swiper-count span {
  color: var(--home-color-white);
}
/* 輪播數字線 */
.exhi01-template-06 .swiper-count .line {
  color: var(--home-color-main);
}
/* 輪播點點框 */
.exhi01-template-06 .swiper-pagination .swiper-pagination-bullet:before {
  border: 1px solid var(--home-color-white);
}
/* 輪播點點hover */
.exhi01-template-06
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border: 1px solid var(--home-color-main);
  background-color: var(--home-color-main);
}

/* -------------------------------------------------- */

/* 07 */
/* -------------------------------------------------- */

/* 輪播按鈕 */
.exhi01-template-07 .prev-exhi01-t07 svg path,
.exhi01-template-07 .prev-exhi01-t07 svg line,
.exhi01-template-07 .next-exhi01-t07 svg path,
.exhi01-template-07 .next-exhi01-t07 svg line {
  stroke: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 08 */
/* -------------------------------------------------- */

/* 垂直線 */
.exhi01-template-08 .year:before {
  border-left: 3px solid #8ea9b4;
}
/* 大數字hover */
.exhi01-template-08 .news-item:hover .month,
.exhi01-template-08 .news-item:active .month {
  color: #8ea9b4 !important;
}
/* 輪播點點框 */
.exhi01-template-08 .swiper-pagination .swiper-pagination-bullet:before {
  border: 1px solid #1d1d1d;
}
/* 輪播點點hover */

.exhi01-template-08
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border: 1px solid #3b5e66;
  background-color: #3b5e66;
}

/* -------------------------------------------------- */

/* 09 */
/* -------------------------------------------------- */

/* 垂直線 */
.exhi01-template-09 .fz-EN:before {
  border-left: 5px solid #8ea9b4;
}
/* -------------------------------------------------- */

/* 10 */
/* -------------------------------------------------- */

.exhi01-template-10 .dl-item {
  border-bottom: 1px solid var(--home-color-origin);
}
/* -------------------------------------------------- */

/* 11 */
/* -------------------------------------------------- */

/* 輪播按鈕左 */
.exhi01-template-11 .swiper-button-prev {
  color: var(--home-color-white);
}
/* 輪播按鈕右 */
.exhi01-template-11 .swiper-button-next {
  color: var(--home-color-white);
}

/* 輪播點點框 */
.exhi01-template-11 .swiper-pagination .swiper-pagination-bullet:before {
  border: 1px solid var(--home-color-white);
}

/* 輪播點點hover */
.exhi01-template-11
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  border: 1px solid var(--home-color-white);
  background-color: var(--home-color-white);
}

/* -------------------------------------------------- */
/* 大影片區塊*/
/* -------------------------------------------------- */
/* 播放按鈕邊框色 */
.exhi01-template-14 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.exhi01-template-14 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.exhi01-template-14 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.exhi01-template-14 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 影響767以下 */
@media (max-width: 767px) {
  .exhi01-template-03 .controller .swiper-pagination span:before {
    background-color: var(--home-color-tr);
  }
  .exhi01-template-03
    .swiper-pagination
    span.swiper-pagination-bullet-active:before {
    background-color: var(--home-color-main);
  }
}