/* 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: #070b4a;
     --home-color-main-o: rgba(23, 23, 107, 0.4);
     --home-color-second: #070b4a;
     --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 {
   
}
 /* 02,05,11箭頭圖案 */
 .part01-template-02__swiper-slide__btn-more .fas,
 .part01-template-05__btn-more .fas,
 .part01-template-11__btn-more .fas {
     color: var(--home-color-main);
 }
 /* 08,09箭頭圖案 */
 .part01-template-08__swiper-slide .btn-more .fas,
 .part01-template-09-left__btn-more .fas {
     color: var(--home-color-white);
 }
 /* // */
 /* 02,04,14輪播點點框 */
 .part01-template-02 .part01-template-02__swiper-pagination .swiper-pagination-bullet,
 .part01-template-04__swiper-pagination .swiper-pagination-bullet,
 .part01-template-14 .wrap1 .swiper-pagination .swiper-pagination-bullet {
     border: 1px solid var(--home-color-main);
 }
 /* 05,07,08,09輪播點點框 */
 .part01-template-05__swiper-pagination .swiper-pagination-bullet,
 .part01-template-07__swiper-pagination .swiper-pagination-bullet,
 .part01-template-08__swiper-pagination .swiper-pagination-bullet,
 .part01-template-09-right__swiper-pagination .swiper-pagination-bullet {
     border: 1px solid var(--home-color-white);
 }
 /* 02,04,05,07,08,09,14輪播點點實心 */
 .part01-template-02 .part01-template-02__swiper-pagination .swiper-pagination-bullet-active,
 .part01-template-04__swiper-pagination .swiper-pagination-bullet-active,
 .part01-template-05__swiper-pagination .swiper-pagination-bullet-active,
 .part01-template-07__swiper-pagination .swiper-pagination-bullet-active,
 .part01-template-08__swiper-pagination .swiper-pagination-bullet-active,
 .part01-template-09-right__swiper-pagination .swiper-pagination-bullet-active,
 .part01-template-14 .wrap1 .swiper-pagination .swiper-pagination-bullet-active {
     background-color: var(--home-color-main);
     border: 1px solid var(--home-color-main);
 }


 /* // */
 /* 06,09切換鍵 */
 .part01-template-06__swiper-button-next .fas,
 .part01-template-06__swiper-button-prev .fas,
 .part01-template-09-right__swiper-button-prev .fas,
 .part01-template-09-right__swiper-button-next .fas {
     color: var(--home-color-white);
 }
 /* 區塊個別 */
 /* 02 */
 /* scrolldown */
 .part01-template-02__swiper-slide__btn-scroll-down .text {
     color: var(--home-color-black);
 }
 /* scrolldown線 */
 .part01-template-02__swiper-slide__btn-scroll-down::before {
     background-color: var(--home-color-black);
 }
 /* copyright */
 .part01-template-02__swiper-slide__copyright {
     color: var(--home-color-black)
 }
 /* 03 */
 /* 輪播數字 */
 .part01-template-03__swiper-pagination .swiper-pagination-bullet {
     color: var(--home-color-white);
 }
 /* 輪播數字線段 */
 .part01-template-03__swiper-pagination .swiper-pagination-bullet::before {
     background-color: var(--home-color-white);
 }
 /* 數字編號 */
 .part01-template-03__swiper-slide.swiper-slide-active .number {
     color: var(--home-color-white)
 }
 /* 04 */
 /* 05 */
 /* hover背景 */
 .part01-template-05__swiper-slide .hover-effect {
     background-color: var(--home-color-main-o);
 }
 /* hover文字 */
 .part01-template-05__swiper-slide .hover-effect .text::after {
     color: var(--home-color-white);
 }
 /* hover圓圈 */
 .part01-template-05__swiper-slide .hover-effect .icon-wrapper {
     border: 1px solid var(--home-color-white);
 }
 /* hover圖案 */
 .part01-template-05__swiper-slide .hover-effect .icon-wrapper svg {
     fill: var(--home-color-white);
 }
 /* 06 */
 /* 線條 */
 .part01-template-06__swiper-pagination .bar {
     background-color: var(--home-color-main);
 }
 /* 數字 */
 .part01-template-06__toolbar .swiper-pagination-current,
 .part01-template-06__toolbar .swiper-pagination-total {
     color: var(--home-color-white);
 }
 /* 07 */
 /* 08 */
 /* 色塊 */
 .part01-template-08__swiper-slide .content-container {
     background-color: var(--home-color-main);
 }
 /* icon背景 */
 .part01-template-08__swiper-slide .content-type-wrapper .icon {
     background-color: var(--home-color-origin);
 }
 /* 09,10 */
 /* 線條 */
 .part01-template-09-left__download-wrapper {
     border-bottom: 1px solid var(--home-color-white);
 }
 /* 11 */
 /* 13 */
 /* 線條 */
 .part01-template-13 .deco-bar {
     background-color: var(--home-color-main);
 }
 /* 14 */
 /* 輪播色塊 */
 .part01-template-14 .wrap2 .swiper-slide .color {
     background-color: var(--home-color-main);
 }
 /* 點點 */
 .part01-template-14 .wrap2 .line {
     background-color: var(--home-color-black);
 }
 /* 長線條 */
 .part01-template-14 .wrap2::before {
     background-color: var(--home-color-black);
 }
 /* 圈圈 */
 .part01-template-14 .wrap2 .line::before {
     border: 1px solid var(--home-color-black);
 }
   /* 大影片區塊*/
 /* 播放按鈕邊框色 */
 .part01-template-15 .play {
    border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.part01-template-15 .play:Hover {
    background-color: var(--home-color-white);
    border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.part01-template-15 .play::after {
    border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.part01-template-15 .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) {}
 /* 影響1200以下 */
 
 @media (max-width:1200px) {}
 /* 影響700以下 */
 
 @media (max-width: 700px) {}



/*專案修改*/

/*頁尾資訊*/

.footer.inpage a, .footer.inpage span {
    font-size: 13px;
    }

.footer.inpage {
    font-size: 13px;
    }

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

/*logo*/
 @media (max-width: 700px) {
.inpage-header .logo img {
    width: 70px;
}
}

@media (min-width: 1100px){
.mini-header .inpage-header .logo img {
    height: calc(var(--height-logo) * 1.4);
} 
}

 @media (max-width:1200px) {
.inpage-header .logo img {
    width: 80px;
}