/* 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(138, 43, 226);
  --home-color-main-o: rgba(138, 43, 226, 0.3);
  --home-color-second: #a98252;
  --home-color-white: #fff;
  --home-color-white-o: rgba(255, 255, 255, 0.3);
  --home-color-black: #282828;
  --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: var(--home-color-white);
}
/* 右邊copyright顏色 */
.rest01-template-02 .deco span {
  color: var(--home-color-white);
}
.rest01-template-02 .swiper-slide .bg{
  background-color: transparent;
}
.rest01-template-02 .more svg path{
  fill: #8a2be2;
}
.rest01-template-02 .controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
  background-color: var(--header-color-main);
  border: 1px solid var(--header-color-main);
}
.rest01-template-02 .controller .swiper-pagination .swiper-pagination-bullet:before{
  border: 1px solid var(--header-color-main);
}
/* -------------------------------------------------- */

/* 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: var(--home-color-black);
  border-color: var(--home-color-black);
}
/* -------------------------------------------------- */

/* 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);
}

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

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

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

/* 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;
}
.rest01-template-07 .news-item .mask{
  background-color: rgba(138, 43, 226, 0.8);
}
.rest01-template-07 .more{
  color: #02dcd3;
}
.rest01-template-07 .more img, .rest01-template-07 .more svg{
  fill: #02dcd3;
}
.rest01-template-07 .news-item .img-holder:after{
  background-color: #02dcd3;
}
/* -------------------------------------------------- */

/* 08 */
/* -------------------------------------------------- */
.rest01-template-08 .controller .prev-rest01-t08 svg path {
  stroke: var(--home-color-black);
}
.rest01-template-08 .controller .prev-rest01-t08 svg line {
  stroke: var(--home-color-black);
}
/* 左按鈕色:hover */
.rest01-template-08 .controller .prev-rest01-t08 svg:hover path {
  stroke: var(--home-color-main);
  transition: 0.5s ease;
}
.rest01-template-08 .controller .prev-rest01-t08 svg:hover line {
  stroke: var(--home-color-main);
  transition: 0.5s ease;
}
/* // */
.rest01-template-08 .controller .next-rest01-t08 svg path {
  stroke: var(--home-color-black);
}
.rest01-template-08 .controller .next-rest01-t08 svg line {
  stroke: var(--home-color-black);
}
/* 右按鈕色:hover */
.rest01-template-08 .controller .next-rest01-t08 svg:hover path {
  stroke: var(--home-color-main);
  transition: 0.5s ease;
}
.rest01-template-08 .controller .next-rest01-t08 svg:hover line {
  stroke: var(--home-color-main);
  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-21 .container_box::after{
  background-color: var(--header-color-tr);
  height: 0px;
}

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

/*專案*/

.rest01-template-06 .exp-slide .desc {
    color: white;
}

.rest01-template-05 .swiper-rest01-menu-thumb .content {
    background-color: #e5e6ff;
}