/* 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, 180, 140);
    --home-color-main-o: rgba(192, 180, 140, 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-weight-h: 900;
    --home-font-weight-m: 500;
    --home-font-weight-l: 100;
    --home-font-en: 'Roboto', sans-serif;
    --home-font-tw: 'Noto Sans TC', sans-serif;
}
 /* 購物車 */
 /* 關閉顏色 */
 .cart_close span {
     
}
/* 結帳按鈕顏色 */
.shopBtn {
    
}
/* 登入按鈕顏色 */
#login_from .box .block .button_box .link_button.login_button {
   
}
/* 登入按鈕hover顏色 */
#login_from .box .block .button_box .link_button:hover {
   
}
/* 彈跳叉叉顏色 */
.featherlight-close-icon:hover {
   
}
/* 所有輪播按鈕 */
.hote01-template-02__swiper-bottom .icon,
.hote01-template-03__swiper-bottom .icon,
.hote01-template-04__swiper-bottom .icon,
.hote01-template-05__swiper-bottom .icon,
.hote01-template-06__swiper-bottom .icon,
.hote01-template-07__swiper-bottom .icon,
.hote01-template-10__swiper-bottom .icon {
    color: var(--home-color-main);
}
/* 所有輪播按鈕hover色 */
.hote01-template-02__swiper-bottom .icon:hover,
.hote01-template-03__swiper-bottom .icon:hover,
.hote01-template-04__swiper-bottom .icon:hover,
.hote01-template-05__swiper-bottom .icon:hover,
.hote01-template-06__swiper-bottom .icon:hover,
.hote01-template-07__swiper-bottom .icon:hover,
.hote01-template-10__swiper-bottom .icon:hover{
    color: var(--home-color-second);
}
/* 所有輪播按鈕中間的線 */
.hote01-template-02__swiper-bottom::after,
.hote01-template-03__swiper-bottom::after,
.hote01-template-04__swiper-bottom::after,
.hote01-template-05__swiper-bottom::after,
.hote01-template-06__swiper-bottom::after,
.hote01-template-07__swiper-bottom::after,
.hote01-template-10__swiper-bottom::after {
    background-color: var(--home-color-main);
}

/* 文字hover */
.hote01-template-05 .more_box .link:hover,.hote01-template-08 .more_box_top .link:hover {
    color: var(--home-color-black) !important;
}
/* 文字旁的線hover  05,08*/
.hote01-template-05 .more_box .link::before,.hote01-template-08 .more_box_top .link::before{
    background-color: var(--home-color-black);
}
/* 文字旁的線  05,08*/
.hote01-template-05 .more_box .link::after,.hote01-template-08 .more_box_top .link::after{
    background-color: var(--home-color-origin);
}
/* 文字hover 03,11*/
.hote01-template-03 .main_title .more:hover,.hote01-template-11 .main_title .more:hover{
    color: var(--home-color-black);
}
/* 文字旁的線hover 03,11*/
.hote01-template-03 .main_title .more::before,.hote01-template-11 .main_title .more::before {
    background-color: var(--home-color-origin);
}
/* 文字旁的線 03,11*/
.hote01-template-03 .main_title .more::after,.hote01-template-11 .main_title .more::after{
    background-color: var(--home-color-black);
}
/* // */
/* 02 */

/* logo 上邊的線 */
.hote01-template-02 .company div::after {
    background-color: transparent;
}
/* 輪播數字顏色 */
.hote01-template-02 .num_box {
    display: none;
    color: var(--home-color-white);
}
/* 輪播數字斜線 */
.hote01-template-02 .num_box .now::after {
    background-color: var(--home-color-white);
}
/* 小色塊背景色 */
.hote01-template-02__swiper .slide-img-box .imgbox {
    background-color: var(--home-color-black);
}

/* 文字旁的線 */
.hote01-template-02__swiper .more span::after {
    background-color: var(--home-color-main);
}
/* 文字旁的線hover */
.hote01-template-02__swiper .more span::before {
    background-color: var(--home-color-black);
}
/* 03 */

/* 輪播數字 */
.hote01-template-03 .num_box {
    color: var(--home-color-origin);
}
/* 輪播數字斜線 */
.hote01-template-03 .num_box .now::after {
    background-color: var(--home-color-origin);
}

/* // */
/* 04 */

/* // */

/* 05 */
/* 大數字 */
.hote01-template-05 .num_box div {
    color: var(--home-color-black);
}

/* // */
/* 文字底線 */
.hote01-template-05-gallery-thumbs .swiper-wrapper .swiper-slide .name::after {
    background-color: var(--home-color-origin);
}
/* 文字hover色 */
.hote01-template-05-gallery-thumbs .swiper-wrapper .swiper-slide .name:hover {
    color: var(--home-color-black);
}
/* // */
/* 06 */
/* 文字下線條 */
.hote01-template-06 .hote01-template-06__swiper .box .name .title {
    border-bottom: 1px solid var(--home-color-white);
}

/* // */
/* 07 */

/*// */
/* 08 */

/* 圖片hover色塊 */
.hote01-template-08 .news_contain .box .color {
    background-color: var(--home-color-black);
}
/* 圖片陰影 */
.hote01-template-08 .news_contain .more_box .link::after {
    background-color: var(--home-color-origin);
}
/* // */
/* 09 */

/* // */

/* 10 */
/* 資源數字色 */
.hote01-template-10-gallery-thumbs .swiper-wrapper .swiper-slide .name .num{
    color: var(--home-color-black);
}
/* 線段 */
.hote01-template-10-gallery-thumbs .swiper-wrapper .swiper-slide::after{
    background-color: var(--home-color-main); 
}

/* // */
/* 11 */
     /* 大影片區塊*/
 /* 播放按鈕邊框色 */
 .hote01-template-13 .play {
    border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.hote01-template-13 .play:Hover {
    background-color: var(--home-color-white);
    border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.hote01-template-13 .play::after {
    border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.hote01-template-13 .play::before {
    color: var(--home-color-main);
}
/* 聯絡我們區塊 */
.template-contact .line{
    border-bottom: 1px solid var(--home-color-second);
}
/* 送出按鈕 */
.template-contact .button{
    color: var(--home-color-white);
    border: 1px solid var(--home-color-main);
    background-color: var(--home-color-main);
}
/* 送出按鈕hover */
.template-contact .button:hover {
    background-color: var(--home-color-tr);
    color: var(--home-color-main);
    border-color: var(--home-color-main);
}
/* // */
/* 以上限定顏色修改 */

.hote01-template-02.show .company div::after {
    height: 40%;
    top: 100px;
}

.inpage_nav .has_dropmenu .more::before {
    background-color: #595858;
}

@media (min-width: 1100px) {
.inpage_nav .main_nav .dropmenu, .inpage_nav .main_nav .has_dropmenu>a, .inpage_nav .main_nav>a {
    color: #595858;
}
}

/* 影響1199以上 */
@media (min-width: 1199px){
    /* 電腦選單背景設定 */
   .inpage_nav{
    background: transparent;
    }
.hote01-template-02 {
    background-position: left;
}

}
/* 影響1200以下 */
@media (max-width:1200px){
   /* 平板以下展開背景設定 */
   .inpage_nav{
    background: #ffffff;
    }
    /* 平板以下背景設定 */
    .inpage-header{
    background: transparent;
    }
}
/* 影響700以下 */
@media (max-width: 700px){
   .hote01-template-02.show .company div::after {
    height: 60%;
}
}

.hote01-template-05-gallery-top .swiper-slide .imgs {
    opacity: 0;
}

.hote01-template-05-gallery-top .swiper-slide.swiper-slide-active .imgs {
    opacity: 1;
}

.hote01-template-10v2 .main_title .en,
.hote01-template-10v3 .main_title .en {
    font-family: Lora, Microsoft JhengHei, sans-serif;
}

.hote01-template-02 .company div {
    height: 90%;
}