/* 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(211, 173, 98);
  --home-color-main-o: rgb(46, 65, 64, 0.3);
  --home-color-second: #ece2a8;
  --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: #c1c1c1;
  --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 */
/* -------------------------------------------------- */
/* 輪播數字色 */
.food01-template-02 .food01-template-02__swiper-pagination {
  color: var(--home-color-white);
}
/* 滾動字顏色 */
.food01-template-02 .scroll .scroll-text {
  color: var(--home-color-white);
}
/* 滾動的線色 */
.food01-template-02 .scroll::after {
  background-color: var(--home-color-white);
}
/* 輪播按鈕色 */
.food01-template-02__swiper-bottom {
  color: var(--home-color-main);
}

/* -------------------------------------------------- */
/* 03 */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 04 */
/* -------------------------------------------------- */
/* 文字旁的線色 */
.food01-template-04 .food01-template-04_text .title::after {
  background-color: var(--home-color-black);
}
/* 底下的線 */
.food01-template-04 .this_container {
  border-bottom: 1px solid var(--home-color-origin);
}
/* 輪播按鈕色 */
.food01-template-04__swiper-bottom {
  color: var(--home-color-main);
}

/* -------------------------------------------------- */
/* 05 */
/* -------------------------------------------------- */
/* 文字下面的線 */
.food01-template-05__swiper .text {
  border-bottom: 1px solid var(--home-color-black);
}
/* 輪播按鈕色 */
.food01-template-05__swiper-bottom {
  color: var(--home-color-main);
}

/* -------------------------------------------------- */
/* 06 */
/* -------------------------------------------------- */
/* 左區塊背景 */
.food01-template-06 .food01-template-06__swiper .box .block {
  background-color: var(--home-color-white);
}
/* 左區塊塊線 */
.food01-template-06 .food01-template-06__swiper .box .memo {
  border-left: 1px solid var(--home-color-black);
}
/* 右區塊線 */
.food01-template-06 .more_info .box {
  border-right: 1px solid var(--home-color-black);
}
/* -------------------------------------------------- */
/* 07 */
/* -------------------------------------------------- */
/* 區塊底下的線 */
.food01-template-07 .this_container {
  border-bottom: 1px solid var(--home-color-origin);
}
/* 輪播按鈕色 */
.food01-template-07__swiper-bottom {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 08 */
/* -------------------------------------------------- */
/* 左邊的線 */
.food01-template-08 .news_box .text::before {
  background-color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 09 */
/* -------------------------------------------------- */
/* 文字旁的線 */
.food01-template-09 .food01-template-09__swiper-slide .text::after {
  background-color: var(--home-color-black);
}
/*輪播按鈕色 */
.food01-template-09__swiper-bottom {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 10 */
/* -------------------------------------------------- */
/* 中間垂直的線 */
.food01-template-10 .line {
  background-color: var(--home-color-origin);
}
/* -------------------------------------------------- */
/* 11 */
/* -------------------------------------------------- */
/* 右邊的長線 */
.food01-template-11 .job_link span::after {
  background-color: var(--home-color-black);
}
/* -------------------------------------------------- */
/* 大影片區塊*/
/* -------------------------------------------------- */
/* 播放按鈕邊框色 */
.food01-template-13 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.food01-template-13 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.food01-template-13 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.food01-template-13 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
/* 影響700以下 */
@media (max-width: 700px) {
  .food01-template-06 .food01-template-06__swiper .box .memo {
    border: none;
  }
}
