/* 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: #065e55;
     --home-color-main-o: rgb(46, 65, 64, 0.3);
     --home-color-second: #d5a76e;
     --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: #8f8f8f;
     --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 {
   
}
   /* 04,06,07輪播點點邊框色 */
.flor01-template-04 .swiper-pagination span:before , .flor01-template-06 .swiper-pagination span:before,.flor01-template-07 .swiper-pagination span:before{
    border-top: 1px solid var(--home-color-main);
}
/* 04,06,07輪播點點背景色 */
.flor01-template-04 .swiper-pagination span.swiper-pagination-bullet-active:before, .flor01-template-06 .swiper-pagination span.swiper-pagination-bullet-active:before,.flor01-template-07 .swiper-pagination span.swiper-pagination-bullet-active:before  {
    background-color: var(--home-color-main);
}
 /* 動畫的兩個色塊 */
 /* 左邊 */
 body:before {
     background: var(--home-color-main);
    }
/* 右邊 */
body:after {
    background: var(--home-color-main);
}
 /* 02 */
 /* 左邊copyright */
 .flor01-template-02 .deco {
     color: var(--home-color-white);
 }
 /* 輪播數字色 */
 .flor01-template-02 .controller .swiper-count,.flor01-template-03 .controller .swiper-count{
     color: var(--home-color-white);
 }
 /* 中間的線 */
 .flor01-template-02 .text .fz-tw-C:after {
     border-right: 1px solid var(--home-color-origin);
 }
 /* 文字底線 */
 .flor01-template-02 .text .link {
     border-bottom: 1px solid var(--home-color-second);
 }
/* 輪播點點背景色 */
 .flor01-template-02 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    background-color: var(--home-color-white-o);
 }
 /* 輪播點點邊框色 */
 .flor01-template-02 .swiper-pagination .swiper-pagination-bullet:before{
    border-top: 1px solid var(--home-color-white);
 }
 /* 03 */
 /* 輪播按鈕實線 */
 .flor01-template-03 .controller .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
     background-color: var(--home-color-white);
 }
 /* 輪播按鈕透明線,手機則是點點色 */
 .flor01-template-03 .controller .swiper-pagination .swiper-pagination-bullet:before {
     background-color: var(--home-color-white-o);
     border-top: 1px solid var(--home-color-white);
 }
 /* 輪播數字色 */
 .flor01-template-03 .controller .swiper-count {
     color: var(--home-color-white);
 }

 /* 04 */
 /* 橫線 */
 .flor01-template-04 .line:after {
     border-bottom: 1px solid var(--home-color-black);
 }

 /* 05 */
 /* 線條色 */
 .flor01-template-05 .more {
     border-top: 1px solid var(--home-color-main);
 }
 /* 輪播按鈕色*/
 .flor01-template-05 .swiper-button-next:after, .flor01-template-05 .swiper-button-prev:after{
    color: var(--home-color-white);
 }
 /* 06 */
 /* 垂直的線 */
 .flor01-template-06 .exp-info:before {
     border-left: 1px solid var(--home-color-origin);
 }
 /* 輪播按鈕 */
 .flor01-template-06 .swiper-button-prev:after,
 .flor01-template-06 .swiper-button-next:after {
     color: var(--home-color-origin);
 }
 /* 輪播按鈕線色 */
 .flor01-template-06 .swiper-button-next::before {
     border-left: 1px solid var(--home-color-origin);
 }
 /* 07 */
 /* 圖片hover線條色 */
 .flor01-template-07 .news-item:hover .img-holder:before,
 .flor01-template-07 .news-item:active .img-holder:before {
     border: 3px solid var(--home-color-main);
 }
 /* 圖片hover陰影 */
 .flor01-template-07 .news-item:hover .img-holder,
 .flor01-template-07 .news-item:active .img-holder {
     box-shadow: var( --home-color-main-o) 45px 26px 50px -7px, var( --home-color-main) 0px 30px 63px -30px
 }
 
 /* 08 */
 /* 文字下線條顏色 */
 .flor01-template-08 .content:before {
     border-bottom: 1px solid var(--home-color-origin);
 }
 
 /* 文字hover顏色 */
 .flor01-template-08 .content.active {
     color: var(--home-color-white);
 }
 /* 右邊數字顏色 */
 .flor01-template-08 .content .num {
     color: var(--home-color-origin);
 }
 /* 右邊數字hover顏色 */
 .flor01-template-08 .content.active .num {
     color: var(--home-color-second);
 }
 /* 09 */
 /* 10 */
 /* 線條色 */
 .flor01-template-10 .big-text:before {
     border-bottom: 1px solid var(--home-color-origin);
 }
 /* 大影片區塊*/
 /* 播放按鈕邊框色 */
 .flor01-template-12 .play {
    border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.flor01-template-12 .play:Hover {
    background-color: var(--home-color-white);
    border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.flor01-template-12 .play::after {
    border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.flor01-template-12 .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);
}
 /* 影響1199以上 */
 
 @media (min-width: 1199px) {
.mini-header .inpage-header .logo img {
    height: calc(var(--height-logo) * 2);
}
.inpage-header .logo img {
    width: 90%;
}
.inpage_nav {
    padding-right: calc(320px + var(--pd-lg));
}

}

.flor01-template-09 .fz-tw-C {
    text-align: center;
}

 /* 影響1200以下 */
 
 @media (max-width:1200px) {}
 /* 影響700以下 */
 
 @media (max-width: 700px) {
.inpage-header .logo img {
    width: 50%;
}
}

/*頁首*/
.mini-header .inpage_nav {
    background-color: rgba(4, 93, 87, 0.564);
}

.mini-header .inpage_nav .main_nav>a, .mini-header .inpage_nav .main_nav .dropmenu, .mini-header .inpage_nav .main_nav .dropmenu .has_dropmenu>a {
    color: white;
}

.inpage_nav .main_nav .dropmenu, .inpage_nav .main_nav .has_dropmenu>a, .inpage_nav .main_nav>a {
    color: white;
}

.inpage_nav {
    background-color: rgba(4, 93, 87, 0.564);
}

.inpage_nav .main_nav .dropmenu:hover, .inpage_nav .main_nav .dropmenu:active, .inpage_nav .main_nav .has_dropmenu>a:hover, .inpage_nav .main_nav .has_dropmenu>a:active, .inpage_nav .main_nav>a:hover, .inpage_nav .main_nav>a:active {
    color: #d5a76e;
}

.inpage_nav .main_nav .dropmenu:hover, .inpage_nav .main_nav .dropmenu:active, .inpage_nav .main_nav .has_dropmenu>a:hover, .inpage_nav .main_nav .has_dropmenu>a:active, .inpage_nav .main_nav>a:hover, .inpage_nav .main_nav>a:active {
    color: #d5a76e;
}


 .inpage_nav .main_nav .has_dropmenu>a:hover{
color: #d5a76e;
}

.mini-header .inpage_nav .main_nav .dropmenu .has_dropmenu>a:hover{
color: #d5a76e;
}




/*形象圖區*/
.flor01-template-02 .text .link {
    border-bottom: 1px solid #a08f62;
}

/*關於我們*/
.flor01-template-03 .fz-en-A img {
    font-size: 90px;
}
.flor01-template-03 .fz-tw-C {
    margin-bottom: 9em;
}

/*產品*/
.flor01-template-05 .more {
    border-top: 1px solid #065e55;
}

/*徵才*/
.flor01-template-10 .big-text:before {
    border-bottom: 1px solid #d5a76e;
}