/* 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');
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap');

 :root{
     --home-color-main: #1d2938;
     --home-color-main-o: #325a88;
     --home-color-second: #325a88;
     --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: #414141;
     --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 {
   
}
 /* loading */
 .book01-template-01__loading::before, .book01-template-01__loading::after{
     background-color: var(--home-color-main);
 }
/* 02 */
/* 滾輪線 */
.book01-template-02__scroll-line{
    background-color: var(--home-color-origin);
}
/* 左數字 */
.book01-template-02__left-main-img-index{
    color: var(--home-color-white);
}
/* 右數字 */
.book01-template-02__swiper-slide-index{
    color: var(--home-color-black);
}
/* 輪播當前數字 */
.book01-template-02__swiper-index-current{
    color: var(--home-color-main);
}
/* 輪播線 */
.book01-template-02__swiper-index-split{
    background-color: var(--home-color-origin);
}
/* 輪播總共數字 */
.book01-template-02__swiper-index-max{
    color: var(--home-color-white);
}
/* 輪播按鈕色 */
.book01-template-02__swiper-next, .book01-template-02__swiper-prev{
    color: var(--home-color-white);
}
/* 輪播上按鈕背景 */
.book01-template-02__swiper-prev{
    background-color: var(--home-color-main);
}
/* 輪播下按鈕背景 */
.book01-template-02__swiper-next{
    background-color: var(--home-color-black);

}
/* 影片播放外框 */
.book01-template-02__left-main-img-play{
    border: 2px solid var(--home-color-main);
}
/* 影片播放三角形 */
.book01-template-02__left-main-img-play:before{
    border-color: transparent transparent transparent var(--home-color-main);
}
/* 03 */
/* 上邊線 */
.book01-template-03__top-title{
    border-top: 2px solid var(--home-color-origin);
}
/* 垂直線 */
.book01-template-03__top-left-inner.-bottom{
    border-left:  1px solid var(--home-color-origin);
}
/* 文字線 */
.book01-template-03__top-left-btn{
    border-bottom: 1px solid var(--home-color-main);
}
/* 14 */
/* 輪播按鈕 */
.book01-template-14__swiper-next, .book01-template-14__swiper-prev{
    color: var(--home-color-black);
}
/* 04 */
/* 上邊線 */
.book01-template-04__top-line{
    background-color:  var(--home-color-origin);
}
/* 左垂直線 */
.book01-template-04__bottom-container-inner:after{
    background-color: var(--home-color-origin);
}
/* 右垂直線 */
.book01-template-04__right:after{
    background-color: var(--home-color-origin);
}
/* 底下線 */
.book01-template-04__bottom-container-line{
    background-color: var(--home-color-main);
}
/* 05 */
/* 輪播按鈕 */
.book01-template-05__swiper-next, .book01-template-05__swiper-prev{
    color: var(--home-color-white);
}
/* 左線 */
.book01-template-05__info-group-number:before{
    background-color:var(--home-color-second);
}
/* 右線 */
.book01-template-05__info-group-number:before{
    background-color: var(--home-color-main);

}
/* 輪播數字 */
.book01-template-05__swiper-index{
    color: var(--home-color-white);
}
/* 輪播數字線 */
.book01-template-05__swiper-index-split{
    background-color: var(--home-color-origin);
}
/* 07 */
/* 垂直線 */
.book01-template-07__card-right{
    border-left: 1px solid var(--home-color-origin);
}
/* 日期字 */
.book01-template-07__card-right-inner{
    color: var(--home-color-black);
}
/* 文字底線 */
.book01-template-07__card:not(:last-child){
    border-bottom: 2px solid  var(--home-color-origin);
}
/* 08 */
/* 文字底線 */
.book01-template-08__download-card-top{
    border-bottom: 1px solid var(--home-color-origin);
}
/* 數字 */
.book01-template-08__download-card-bottom{
    color: var(--home-color-black);
}
/* 數字hover */
.book01-template-08__download-card:hover .book01-template-08__download-card-bottom{
    color: var(--home-color-main) !important;

}
/* 09 */
/* 數字 */
.book01-template-09__swiper-slide-index{
    color: var(--home-color-black);
}
/* 數字底 線 */
 .book01-template-09__swiper-slide-index:before{
     background-color: var(--home-color-white)
 }

 /* 10 */
 /* 文字底線 */
 .book01-template-10__top{
     border-bottom: 1px solid var(--home-color-white);
 }
  /* 大影片區塊*/
 /* 播放按鈕邊框色 */
 .book01-template-13 .play {
    border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.book01-template-13 .play:Hover {
    background-color: var(--home-color-white);
    border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.book01-template-13 .play::after {
    border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.book01-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);
}
 /* 影響1199以上 */
 @media (min-width: 1199px){
     /* 電腦選單背景設定 */
    .inpage_nav{
        background: transparent;
    }
 }
 /* 影響1200以下 */
 @media (max-width:1200px){
    .book01-template-08__download-card-top {
        border-bottom: 1px solid var(--home-color-tr);
    }
    /* 平板以下展開背景設定 */
    .inpage_nav{
    background: #ffffff;
    }
    /* 平板以下背景設定 */
    .inpage-header{
    background: transparent;
    }
 }
 /* 影響700以下 */
 @media (max-width: 700px){
     /* 垂直線 */
    .book01-template-03__top-left-inner.-bottom{
        border:none;
    }
    /* 文字底線 */
    .book01-template-08__download-card-top{
        border: none;
    }
 }

/*專案修改*/

/*頁首*/
.inpage-header .nav-toggle .hamburger span {
    border-color: white;
}
.mini-header .inpage-header .nav-toggle .hamburger span {
    border-color: white !important;
}

.mini-header .inpage-header .header {
    background-color: #1f2b3b;
}

.inpage-header .header {
    padding: 0var(--pd-lg);
    background-color: #1f2b3b;
}
.mini-header .inpage-header .logo img{
    height: 70px;
}
.inpage-header .logo img{
    height: 85px;
}

/*形象圖區*/
.book01-template-02__swiper-prev {
    background-color: #fd6443;
}

.book01-template-02__left-main-img-play {
    border: 2px solid #fd6443;
}


.book01-template-02__left-main-img-play:before {
    border-color: transparent transparent transparent #fd6443;
}

.book01-template-02__swiper-slide-index {
    color: white;
}


.book01-template-02__left-main-img-title {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
}

.book01-template-02__swiper-slide-title {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
}

/*文章產製一*/
.book01-template-07__card-right-inner {
    color: white;
}

.swiper-slide-active .book01-template-09__swiper-slide-index, .swiper-slide-duplicate-active .book01-template-09__swiper-slide-index {
    color: white;
}

/*文章產製二*/
.book01-template-04__bottom-container-line {
    background-color: transparent;
}

/*頁尾*/
.footer.inpage .copyright a, .footer.inpage .copyright span {
    color: #e9e9e9;
}

.footer.inpage .copyright:before {
    border-top: 1px solid #e9e9e9;
}

/*關於我們改字體*/
html:not(.no-js) [data-scroll^=fade][data-scroll^=fade].-scroll-active {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
}

/*服務項目*/
.book01-template-09v2__swiper-slide-index{
    color: white;
}