/* 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: #439cba;
     --home-color-main-o: rgba(1, 67, 101, 0.3);
     --home-color-second: #fbe479;
     --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: #757575;
     --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,08大數字 */
 .buil01-template-02 .controller .swiper-idx-count,.buil01-template-08 .controller .swiper-idx-count{
    color: var(--home-color-second);
 }
  /* 02,08數字線 */
  .buil01-template-02 .controller .swiper-idx-count:after, .buil01-template-08 .controller .swiper-idx-sum:before{
    background-color: var(--home-color-main);
}
 /* 02,08小數字 */
 .buil01-template-02 .controller .swiper-idx-sum,.buil01-template-08 .controller .swiper-idx-sum{
    color: #333333;
}
/* 04,06,07,08輪播按鈕 */
.buil01-template-04 .swiper-button-prev svg path, .buil01-template-04 .swiper-button-next svg path,.buil01-template-06 .controller .swiper-button-prev svg path, .buil01-template-06 .controller .swiper-button-next svg path,.buil01-template-07 .swiper-button-prev svg path, .buil01-template-07 .swiper-button-next svg path,.buil01-template-08 .swiper-button-prev svg path, .buil01-template-08 .swiper-button-next svg path{
    stroke: var(--home-color-main);
}
 /* 02 */
 /* 大數字 */
 .buil01-template-02 .controller .swiper-idx-count{
    
 }
 /* 數字線 */
 .buil01-template-02 .controller .swiper-idx-count:after{
     background-color: #333333;
 }
 /* 小數字 */
 .buil01-template-02 .controller .swiper-idx-sum{
    
 }
 /* copyright */
 .buil01-template-02 .deco{
     color: var(--home-color-origin);
 }
 /* 右邊色塊 */
 .buil01-template-02 .color{
     background-color: var(--home-color-white);
 }
 /* 輪播點點 */
 .buil01-template-02  .swiper-pagination span:before{
    border: 1px solid var(--home-color-main);
 }
 /* 輪播點點hover */
 .buil01-template-02 .swiper-pagination span.swiper-pagination-bullet-active:before{
    background-color: var(--home-color-main);
    border-color: var(--home-color-main);
 }
 /* 03 */
 /* 垂直線 */
 .buil01-template-03 .title strong:after{
     border-right: 1px solid rgba(255,255,255,0.5);
 }
 /* 文字底線 */
 .buil01-template-03 .btn{
     border-bottom: 2px solid var(--home-color-white);
 }
 /* 大數字 */
 .buil01-template-03 .controller .swiper-idx-count{
    color: #333333;
 }
 /* 數字線 */
 .buil01-template-03 .controller .swiper-idx-count:after{
     background-color: #333333;
 }
 /* 小數字 */
 .buil01-template-03 .controller .swiper-idx-sum{
    color: #333333;

 }
 /* 輪播點點 */
 .buil01-template-03 .controller .swiper-pagination-bullet:before {
    border: 1px solid var(--home-color-white);
}
 /* 輪播點點hover */
.buil01-template-03 .controller .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: var(--home-color-white);
    border-color: var(--home-color-white);
}
/* 04 */
/* 輪播按鈕 */
.buil01-template-04 .swiper-button-prev svg path, .buil01-template-04 .swiper-button-next svg path{
    
}

/* 05 */
/* 垂直線 */
.buil01-template-05 .title-area:before{
    border-right: 1px solid rgba(255,255,255,0.5);
}
/* 文字左右線 */
.buil01-template-05 .title-area .btn-wrap{
    border-left: 1px solid  #fff;
    border-right: 1px solid  #fff;
}
/* 文字底線 */
.buil01-template-05 .title-area .btn, .buil01-template-05 .btn-wrap-bottom .btn{
    border-bottom:2px solid var(--home-color-white);
}
/* 輪播按鈕 */
.buil01-template-05 .controller .swiper-button-prev svg path, .buil01-template-05 .controller .swiper-button-next svg path{
    stroke: var(--home-color-white);
}
/* 06 */
/* 垂直線 */
.buil01-template-06 .title strong:after{
    border-right: 1px solid var(--home-color-second);
}
/* 輪播按鈕 */
.buil01-template-06 .controller .swiper-button-prev svg path, .buil01-template-06 .controller .swiper-button-next svg path{
    
}
/* 07 */
/* 輪播按鈕 */
.buil01-template-07 .swiper-button-prev svg path, .buil01-template-07 .swiper-button-next svg path{
   
}
/* 08 */
/* 垂直線 */
.buil01-template-08 .title strong:after{
    border-right: 1px solid rgba(0,0,0,0.5);
}
/* 大數字 */
.buil01-template-08 .controller .swiper-idx-count{
   
}
/* 數字線 */
.buil01-template-08 .controller .swiper-idx-sum:before{
  
}
/* 小數字 */
.buil01-template-08 .controller .swiper-idx-sum{
}
/* 輪播按鈕 */
.buil01-template-08 .swiper-button-prev svg path, .buil01-template-08 .swiper-button-next svg path{
    
}
/* 位數顏色 */
.buil01-template-08 .content .deco{
    color: var(--home-color-origin);

}
/* 位數hover顏色 */
.buil01-template-08 .content:active .deco, .buil01-template-08 .content:hover .deco{
    color: var(--home-color-main);

}
/* 輪播垂直線 */
.buil01-template-08 .content .year{
    border-top: 1px solid var(--home-color-origin);
}
/*輪播垂直線hover */
.buil01-template-08 .content:active .year, .buil01-template-08 .content:hover .year{
    border-top: 1px solid var(--home-color-main);
}
/* 短線 */
.buil01-template-08 .content .text::before {
    background-color: var(--home-color-origin);
}
/* 短線hover */
.buil01-template-08 .content:active .text:before, .buil01-template-08 .content:hover .text:before {
    background-color: var(--home-color-main);
}
/* 09 */
/* 短線 */
.buil01-template-09 .download-item .link::before{
    background-color: var(--home-color-white);
}
/* 10 */
/* 垂直線 */
.buil01-template-10 .title strong:before{
    border-right: 1px solid rgba(0,0,0,0.5);
}
/* 橫線 */
.buil01-template-10 .content>div{
    border-top: 1px solid rgba(0,0,0,0.5);
}
/* 文字底線 */
.buil01-template-10 .btn{
    border-bottom: 2px solid var(--home-color-main);
}
 /* 大影片區塊*/
 /* 播放按鈕邊框色 */
 .buil01-template-12 .play {
    border: 1px solid var(--home-color-main);
}
/* 播放按鈕hover邊框色跟背景色 */
.buil01-template-12 .play:Hover {
    background-color: var(--home-color-white);
    border: 1px solid var(--home-color-white);
}
/* 播放按鈕三角形色 */
.buil01-template-12 .play::after {
    border-color: transparent transparent transparent var(--home-color-main);
}
/* 播放按鈕叉叉色 */
.buil01-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){
     .buil01-template-03 .content .text p {
          -webkit-line-clamp: 4;
     }
 }
 /* 影響1200以下 */
 @media (max-width:1200px){
    
 }
 /* 影響700以下 */
 @media (max-width: 700px){
    
 }

.buil01-template-02 .controller .swiper-count,
.buil01-template-03 .controller .swiper-count {
    display: none;
}