/* 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(255, 74, 0);
  --home-color-main-o: rgb(255, 74, 0, 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: #414141;
  --home-color-tr: transparent;
  --home-font-en: 'Roboto', sans-serif;
  --home-font-tw: 'Noto Sans TC', sans-serif;
}
/* 改字體範例 */
/* . {
  font-family: var(--home-font-en);
} */

/* loading */
/* -------------------------------------------------- */
/* 緩衝背景色 */
.book01-template-01__loading::before,
.book01-template-01__loading::after {
  background-color: black;
}
/* -------------------------------------------------- */

/* 02 */
/* -------------------------------------------------- */
/* 滾輪線 */
.book01-template-02__scroll-line {
  background-color: var(--home-color-origin);
}
/* 左數字 */
.book01-template-02__left-main-img-index {
  color: transparent;
}
/* 右數字 */
.book01-template-02__swiper-slide-index {
  color: var(--home-color-main);
}
/* 輪播當前數字 */
.book01-template-02__swiper-index-current {
  color: var(--home-color-main);
}
/* 輪播線 */
.book01-template-02__swiper-index-split {
  background-color: var(--home-color-origin);
}
/* 輪播總共數字 */
.book01-template-02__swiper-index-max {
  color: var(--home-color-white);
}
/* 輪播按鈕色 */
.book01-template-02__swiper-next,
.book01-template-02__swiper-prev {
  color: var(--home-color-white);
}
/* 輪播上按鈕背景 */
.book01-template-02__swiper-prev {
  background-color: var(--home-color-main);
}
/* 輪播下按鈕背景 */
.book01-template-02__swiper-next {
  background-color: var(--home-color-black);
}
/* 影片播放外框 */
.book01-template-02__left-main-img-play {
  border: 2px solid var(--home-color-main);
}
/* 影片播放三角形 */
.book01-template-02__left-main-img-play:before {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* -------------------------------------------------- */

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

/* 上邊線 */
.book01-template-03__top-title {
  border-top: 2px solid var(--home-color-main);
}
/* 垂直線 */
.book01-template-03__top-left-inner.-bottom {
  border-left: 1px solid var(--home-color-origin);
}
/* 文字線 */
.book01-template-03__top-left-btn {
  border-bottom: 1px solid var(--home-color-main);
}
/* -------------------------------------------------- */

/* 04 */
/* -------------------------------------------------- */

/* 上邊線 */
.book01-template-04__top-line {
  background-color: var(--home-color-origin);
}
/* 左垂直線 */
.book01-template-04__bottom-container-inner:after {
  background-color: var(--home-color-origin);
}
/* 右垂直線 */
.book01-template-04__right:after {
  background-color: var(--home-color-origin);
}
/* 底下線 */
.book01-template-04__bottom-container-line {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 05 */
/* -------------------------------------------------- */
/* 輪播按鈕 */
.book01-template-05__swiper-next,
.book01-template-05__swiper-prev {
  color: var(--home-color-white);
}
/* 左線 */
.book01-template-05__info-group-number:before {
  background-color: var(--home-color-second);
}
/* 右線 */
.book01-template-05__info-group-number:before {
  background-color: var(--home-color-main);
}
/* 輪播數字 */
.book01-template-05__swiper-index {
  color: var(--home-color-white);
}
/* 輪播數字線 */
.book01-template-05__swiper-index-split {
  background-color: var(--home-color-origin);
}
/* -------------------------------------------------- */

/* 07 */
/* -------------------------------------------------- */
/* 垂直線 */
.book01-template-07__card-right {
  border-left: 1px solid var(--home-color-origin);
}
/* 日期字 */
.book01-template-07__card-right-inner {
  color: var(--home-color-black);
}
/* 文字底線 */
.book01-template-07__card:not(:last-child) {
  border-bottom: 2px solid var(--home-color-origin);
}
/* -------------------------------------------------- */

/* 08 */
/* -------------------------------------------------- */
/* 文字底線 */
.book01-template-08__download-card-top {
  border-bottom: 1px solid var(--home-color-origin);
}
/* 數字 */
.book01-template-08__download-card-bottom {
  color: var(--home-color-black);
}
/* 數字hover */
.book01-template-08__download-card:hover
  .book01-template-08__download-card-bottom {
  color: var(--home-color-main) !important;
}
/* -------------------------------------------------- */

/* 09 */
/* -------------------------------------------------- */
/* 數字 */
.book01-template-09__swiper-slide-index {
  color: var(--home-color-black);
}
/* 數字底線 */
.book01-template-09__swiper-slide-index:before {
  background-color: var(--home-color-white);
}
/* -------------------------------------------------- */

/* 10 */
/* -------------------------------------------------- */
/* 文字底線 */
.book01-template-10__top {
  border-bottom: 1px solid var(--home-color-white);
}
/* -------------------------------------------------- */

/* 大影片區塊*/
/* -------------------------------------------------- */

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

/* 14 */
/* -------------------------------------------------- */

/* 輪播按鈕 */
.book01-template-14__swiper-next,
.book01-template-14__swiper-prev {
  color: var(--home-color-black);
}
/* -------------------------------------------------- */

.-green .book01-template-05__info-group-number:before {
    background: #fd6443;
}


/* 影響700以下 */
@media (max-width: 700px) {
  /* 垂直線 */
  .book01-template-03__top-left-inner.-bottom {
    border: none;
  }
  /* 文字底線 */
  .book01-template-08__download-card-top {
    border: none;
  }
}