/* ==========================================================================
   首頁主題色／樣式覆寫（後台 color-setting2 編輯目標）
   主題代號：food01（食品）
   用途：定義首頁色票與字型 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: #d3ad62;
  /* 主色半透明 */
  --home-color-main-o: rgba(46, 65, 64, .3);
  /* 輔色 */
  --home-color-second: #ece2a8;
  /* 白色 */
  --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: #c1c1c1;
  /* 透明 */
  --home-color-tr: transparent;
  /* 英文字型 */
  --home-font-en: "Roboto", sans-serif;
  /* 繁中字型 */
  --home-font-tw: "Noto Sans TC", sans-serif
}

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

/* 輪播點點 */
.food01-template-02 .food01-template-02__swiper-pagination,
.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)
}

/* 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 #fff
}
/* 文字色 */
.food01-template-05__swiper-bottom {
  color: #fff
}

/* 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:none !important;
}
/* 文字色 */
.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)
}

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

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

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

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

	/* 邊框／陰影 */
  .food01-template-06 .food01-template-06__swiper .box .memo {
    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
}