/* 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(34, 119, 184);
  --home-color-main-o: rgba(34, 119, 184, 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: var(--home-color-white);
}
/* 右邊copyright顏色 */
.rest01-template-02 .deco span {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */

/* 03 */
/* -------------------------------------------------- */
.rest01-template-03{
  height: 870px;
}
/* 最下邊色塊顏色 */
.rest01-template-03 .space {
  background-color: var(--home-color-white);
  display: none
}
.rest01-template-03 .more{
  position: relative;
  bottom: 0px;
}
.rest01-template-03 .more span{
  font-weight: 500;
}
@media(min-width: 1800px){
.rest01-template-03 .title{
  font-size: 48px;
}
}
.rest01-template-03 .text .desc{
  font-weight: 100;
}
@media(min-width: 1500px){
.rest01-template-03 .more{
  font-size: 30px;
}
}
@media(max-width: 1280px){
.rest01-template-03{
  height: 650px;
}
}
@media(max-width: 979px){
.rest01-template-03{
  height: 450px;
}
}

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

/* 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-black);
}
/* 區塊輪播按鈕色 */
.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 .more{
  color: var(--home-color-main);
}
.rest01-template-05 .swiper-rest01-menu .img-holder img{
  transform: scale(1) !important;
}
.rest01-template-05 .swiper-rest01-menu .title-area{
  border-bottom: 2px solid #6b6b6b !important;
}
.rest01-template-05 .swiper-rest01-menu .text p{
  font-size: 16px;
}
@media(min-width: 1800px){
.rest01-template-05 .swiper-rest01-menu .title-area .title, .rest01-template-05 .swiper-rest01-menu-thumb .title{
  font-size: 48px;
}
.rest01-template-05 .swiper-rest01-menu .title-area .subtitle, .rest01-template-05 .swiper-rest01-menu-thumb .subtitle{
  font-size: 22px;
  font-weight: 300;
}
}
@media(min-width: 1500px){
.rest01-template-05 .more{
  font-size: 30px;
}
}

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

/* 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);
}
.rest01-template-06 .exp-slide .sub_title{
  font-weight: 100;
}
.rest01-template-06 .exp-slide .name{
  font-weight: 500;
}
/* -------------------------------------------------- */

/* 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;
}
@media(min-width: 1800px){
.rest01-template-07 .news-item .title{
  font-size: 20px;
  font-weight: 300;
}
}
@media(min-width: 1500px){
.rest01-template-07 .more{
  font-size: 30px;
}
}
/* -------------------------------------------------- */

/* 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-08 .title-area .subtitle{
  font-weight: 300;
}
@media(min-width: 1800px){
  .rest01-template-08 .swiper-slide .text{
    font-size: 18px;
    font-weight: 300;
}
}
/* // */
/* -------------------------------------------------- */

.rest01-template-09 .more{
  color: var(--home-color-main);
}
.rest01-template-09 .subtitle{
  font-weight: 300;
}
/* 大影片區塊*/
/* -------------------------------------------------- */

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