/* ==========================================================================
   首頁主題色／樣式覆寫（後台 color-setting2 編輯目標）
   主題代號：book01（書籍）
   用途：定義首頁色票與字型 token，並覆寫各 template 區塊的輪播、按鈕與裝飾色
   ========================================================================== */

/* 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: #fd6443;
  /* 主色半透明 */
  --home-color-main-o: rgba(253, 100, 67, .3);
  /* 輔色 */
  --home-color-second: #c5f368;
  /* 白色 */
  --home-color-white: #fff;
  /* 白色半透明 */
  --home-color-white-o: hsla(0, 0%, 100%, .3);
  /* 黑色 */
  --home-color-black: #000;
  /* 黑色半透明 */
  --home-color-black-o: rgba(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
}

/* 01 */
/* -------------------------------------------------- */

/* 背景色 */
.book01-template-01__loading:after,
.book01-template-01__loading:before {
  background-color: var(--home-color-main)
}

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

/* 滾動指示線／背景 */
.book01-template-02__scroll-line {
  background-color: var(--home-color-origin)
}
/* 文字色 */
.book01-template-02__left-main-img-index {
  color: var(--home-color-white)
}
/* 文字色 */
.book01-template-02__swiper-slide-index {
  color: var(--home-color-black)
}
/* 文字色 */
.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,
.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-origin)
}
/* 邊框／陰影 */
.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__bottom-container-inner:after,
.book01-template-04__right:after,
.book01-template-04__top-line {
  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);
  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)
}
/* 文字色 */
.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)
}

/* 13 */
/* -------------------------------------------------- */

/* 播放按鈕邊框色 */
.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)
}

/* 響應式覆寫：@media (max-width:700px) */
@media (max-width:700px) {


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

	/* 邊框／陰影 */
  .book01-template-03__top-left-inner.-bottom,
  .book01-template-08__download-card-top {
    border: none
  }
}

/* 首頁選單（寬螢幕） */
@media (min-width:1100px) {

	/* Header11 水平主選單文字改白字 */
  .header-v11 .header-bar>.main_nav.nav-horizontal>.dropmenu>.has_dropmenu>a,
  .header-v11 .header-bar>.main_nav.nav-horizontal>.dropmenu>.has_dropmenu>a *,
  .header-v11 .header-bar>.main_nav.nav-horizontal>.m_area>a,
  .header-v11 .header-bar>.main_nav.nav-horizontal>a,
  .header-v11 .header-bar>.main_nav.nav-horizontal>a * {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important
  }
}
/* 首頁選單下拉箭頭顏色 */
.header-v11 .header-bar .main_nav .has_dropmenu .more:before {
  background-color: #000
}