@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;700;900&family=Ubuntu:wght@400;700&display=swap');
:root {
    --home-color-main: #E8374A;
    --home-color-main-o: #e8374975;
    --home-color-main-d: #550030;
    --home-color-hover: rgb(161, 160, 158);
    --home-color-gray: #adb5bd;
    --home-color-white: #ffffff;
    --home-color-white-o: rgba(255, 255, 255, 0.3);
    --home-color-black: #000000;
    --home-color-black-o: rgba(0, 0, 0, 0.3);
    --home-color-tr: transparent;
    --home-font-en: 'Ubuntu', sans-serif;
    --home-font-tw: 'Noto Sans TC', sans-serif;
}
/* 改字體範例 */
/* . {
  font-family: var(--home-font-en);
} */

.rest01-template-02 .text strong,
.rest01-template-05 .swiper-rest01-menu .title-area .title,
.rest01-template-05 .swiper-rest01-menu-thumb .title{
  font-family: var(--home-font-tw);
  font-weight: 900;
}
.rest01-template-02 .text strong{
  text-shadow: 0px 4px 6px #333333c9;
}
.rest01-template-05 .swiper-rest01-menu-thumb .subtitle{
  font-family: var(--home-font-tw);
  font-weight: 400;
}
.rest01-template-02 .text span,
.rest01-template-03 .text .title,
.rest01-template-05 .swiper-rest01-menu .title-area .title span,
.rest01-template-05 .swiper-rest01-menu-thumb .title span,
.rest01-template-05 .more span,
.rest01-template-05 .swiper-rest01-menu-thumb .subtitle span,
.rest01-template-07 .more,
.rest01-template-07 .news-item span,
.rest01-template-07 .title-area .title{
  font-family: var(--home-font-en);
}
.rest01-template-05 .swiper-rest01-menu .title-area .title span,
.rest01-template-05 .swiper-rest01-menu-thumb .subtitle span{
  display: block;
}
@media (min-width: 1800px) {
  .rest01-template-05 .swiper-rest01-menu-thumb .subtitle {
    font-size: 20px;
  }
}
.rest01-template-03 .text .title,
.rest01-template-07 .title-area .title{
  font-weight: 900;
}
.rest01-template-05 .swiper-rest01-menu .text p{
  font-family: var(--home-font-en);
  line-height: 1.5;
}
.rest01-template-08-download .title-header .fz-A{
  text-align: center;
  font-family: var(--home-font-tw);
  font-weight: 500;
  font-size: 20px;
}
.rest01-template-08-download .title-header .fz-A span{
  display: block;
  font-family: var(--home-font-en);
  font-weight: 900;
  font-size: 26px;
  line-height: 1.25;
}
@media (min-width: 740px){
  .rest01-template-08-download .title-header .fz-A span{
    font-size: 36px
  }
}
@media (min-width: 1800px) {
  .rest01-template-08-download .title-header .fz-A span{
    font-size: 60px;
  }
}
.rest01-template-09 .big-text{
  font-family: var(--home-font-en);
  font-weight: 900;
  font-size: 36px;
}
@media (min-width: 740px){
  .rest01-template-09 .big-text{
    font-size: 48px;
  }
}
@media (min-width: 1800px) {
  .rest01-template-09 .big-text{
    font-size: 60px;
  }
}
.rest01-template-09 p{
  font-weight: 400;
}


/* 01 */
.rest01-template-02 .more svg path {
  fill: #28883a;
}
/* 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 .controller .swiper-pagination .swiper-pagination-bullet:before {
    border: 1px solid var(--home-color-main);
}

.rest01-template-02 .controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: var(--home-color-main);
}
.rest01-template-02 .text{
  justify-content: flex-start;
}
@media (max-width:767px){
  .rest01-template-02 .text{
    padding: 80px 25px 56vh;
  }
}
@media (min-width: 0) and (max-width: 739px) {
  .rest01-template-02 .text {
    padding: 80px 25px 25vh;
  }
}
/* -------------------------------------------------- */

/* 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);
}
.rest01-template-05 .swiper-rest01-menu-thumb .swiper-wrapper{
  padding-top: 3rem
}
.rest01-template-05 .swiper-rest01-menu-thumb .small{
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding-top: .5rem;
  font-family: var(--home-font-en);
}
.rest01-template-05 .more span{
  /* color: var(--home-color-main); */
  font-size: x-large;
}
/* .rest01-template-05 .more svg path{
  fill: var(--home-color-main);
} */

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

/* 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;
}
.rest01-template-07 .more{
  color: var(--home-color-main)
}
.rest01-template-07 .news-item .mask{
  background-color: rgb(0 0 0 / 70%);
}
.rest01-template-07 .more svg path{
  fill: var(--home-color-main);
}

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

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

/* 左按鈕色: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;
}
/* // */
/* 右按鈕色: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-09 .more svg path{
  fill: var(--home-color-main);
}
.rest01-template-09 .more span{
  font-size: x-large;
}
.rest01-template-08-download{
  padding-top: 5.8vw;
}
@media (min-width: 980px){
  .rest01-template-08-download .dl-item{
    padding-bottom: 25px;
  }
}
.rest01-template-08-download .fz-B{
  margin-bottom: 0;
}
.rest01-template-08-download .swiper-pagination span.swiper-pagination-bullet-active:before{
  background-color: var(--home-color-main);
  border-color: var(--home-color-main);
}
.rest01-template-08-download .swiper-pagination span:before{
  border-color: var(--home-color-main);
}
.rest01-template-08-download .dl-item{
    border-bottom: 1px solid var(--home-color-main);
}
/* // */
/* -------------------------------------------------- */

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

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

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