/* 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(192, 149, 68);
  --home-color-main-o: rgba(192, 149, 68, 0.3);
  --home-color-second: #a98252;
  --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: #a1a09e;
  --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 */
/* -------------------------------------------------- */
/* 最上邊數字 */
.rest01-template-02 .text .num {
  color: transparent;
}
/* 右邊copyright顏色 */
.rest01-template-02 .deco span {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */

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

/* 最下邊色塊顏色 */
.rest01-template-03 .space {
  background-color: var(--home-color-white);
}
/* -------------------------------------------------- */

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

/* 輪播點點顏色 */
.rest01-template-04
  .swiper-pagination
  span.swiper-pagination-bullet-active:before {
  background-color: #0047ba;
  border-color: #0047ba;
}

/* .rest01-template-04 .title-area .title {
    width: 135%;
} */
/* -------------------------------------------------- */

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

/* 圖片hover背景色 */
.rest01-template-05 .swiper-rest01-menu-thumb .content {
  background-color: var(--home-color-white);
}
/* 區塊輪播按鈕色 */
.rest01-template-05 .swiper-rest01-menu-thumb .swiper-button-next,
.rest01-template-05 .swiper-rest01-menu-thumb .swiper-button-prev {
  color: var(--home-color-white);
}
/* 區塊輪播按鈕hover */
.rest01-template-05 .swiper-rest01-menu-thumb .swiper-button-next:hover,
.rest01-template-05 .swiper-rest01-menu-thumb .swiper-button-prev:hover {
  color: var(--home-color-main);
}


.rest01-template-05 .swiper-rest01-menu-thumb .subtitle {
    width: 120%;
}

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

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

/* 輪播按鈕色 */
.rest01-template-06 .swiper-button-prev:after,
.rest01-template-06 .swiper-button-next:after {
  color: var(--home-color-main);
}
/* 輪播按鈕中間的線 */
.rest01-template-06 .swiper-button-next::before {
  border-left: 1px solid var(--home-color-main);
}
/* -------------------------------------------------- */

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

/* 圖片hover出現的線 */
.rest01-template-07 .news-item .img-holder:after {
  background-color: var(--home-color-main);
}
/* 圖片hover文字色 */
.rest01-template-07 .news-item:active .title,
.rest01-template-07 .news-item:hover .title {
  color: var(--home-color-main) !important;
}
/* -------------------------------------------------- */

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

/* 左按鈕色:hover */
.rest01-template-08 .controller .prev-rest01-t08 svg:hover path {
  stroke: #0047ba;
  transition: 0.5s ease;
}
.rest01-template-08 .controller .prev-rest01-t08 svg:hover line {
  stroke: #0047ba;
  transition: 0.5s ease;
}
/* // */
/* 右按鈕色:hover */
.rest01-template-08 .controller .next-rest01-t08 svg:hover path {
  stroke: #0047ba;
  transition: 0.5s ease;
}
.rest01-template-08 .controller .next-rest01-t08 svg:hover line {
  stroke: #0047ba;
  transition: 0.5s ease;
}
/* // */
/* -------------------------------------------------- */

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

/* 播放按鈕邊框色 */
.rest01-template-11 .play {
  border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.rest01-template-11 .play:hover {
  background-color: var(--home-color-white);
  border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.rest01-template-11 .play::after {
  border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.rest01-template-11 .play::before {
  color: var(--home-color-main);
}
/* -------------------------------------------------- */
.rest01-template-04 .title-area .title{
  font-size: 2vw;
}

/* 影響1100以下 */
@media (max-width: 1100px) {
  .rest01-template-04 .title-area .title {
  font-size: 24px;
}

}
/* 影響700以下 */
@media (max-width: 700px) {
}