@charset "utf-8";




/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*預設解除背景輪播*/
.path {display: none;}
.bannerindex {position: relative;}
#content_main {margin-top: 0;}
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 1024px) {
.bannerindex {aspect-ratio: 2 / 1;height: unset;}
}

/*網站統一設定*/
.main_part {max-width: 1500px;padding: 100px 0;width: 90%;}
.show_content {padding: 0;}
.page {margin: 50px auto;color: #000000;gap: 5px;}
.page li {margin: 0;display: flex;width: 30px;height: 30px;line-height: 30px;
justify-content: center;align-items: center;align-content: center;text-align: center;border-radius: 50px;transition: .3s;}
.page li a, .page li strong {width: 30px;height: 30px;line-height: 30px;color: #000000;}
.page strong, .page a:hover {background: #000000;color: #ffffff;}
.page li.activeN {background: #000000;color: #ffffff;}

/*.animated-arrow {background: unset;color: #0063d2;border: unset;display: inline-block;margin-top: 50px;width: auto;height: auto;line-height: 1;}
.animated-arrow b {font-size: 20px;font-weight: normal;color: #000;letter-spacing: 0.05em;transition: .3s;}
.animated-arrow:hover b {color: #0063d2;transition: .3s;}
.animated-arrow i.fa-solid.fa-arrow-right {display: inline-flex;margin: 0;padding: 10px;width: 50px;aspect-ratio: 1 / 1;border-radius: 100%;
    border: 1px solid;font-size: 20px;justify-content: center;align-items: center;margin-left: 30px;transition: .3s;}
.animated-arrow:hover i.fa-solid.fa-arrow-right {margin: 0 0 0 30px;background: #0063d2;color: #fff;transition: .3s;}
*/

@media screen and (max-width: 1024px) {
.main_part {padding: 80px 0;}
.page {font-size: 15px;gap: 3px;}
.animated-arrow b {}
.animated-arrow i.fa-solid.fa-arrow-right {}
}
@media screen and (max-width: 768px) {
.main_part {padding: 60px 0;}
.page {font-size: 14px;gap: 2px;}
.animated-arrow {}
.animated-arrow b {}
.animated-arrow i.fa-solid.fa-arrow-right {}
}
@media screen and (max-width: 425px) {
.main_part {padding: 50px 0;}
.page {font-size: 13px;gap: 0;}
.animated-arrow b {}
.animated-arrow i.fa-solid.fa-arrow-right {}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*HEADER*/
.pageIndex .header_area {position: fixed;}
.header_area {padding: 0;background: unset;}

/*LOGO*/

/*選單*/

/*下拉選單*/

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*大圖-設計老爹 想直接等比例縮放 不想要背景輪播被裁圖*/
/*背景輪播*/
.bannerindex { position: relative; height: auto;}
.bannerindex .swiper-banner { position: relative;}
.bannerindex ~ #content_main { margin-top: 0;}
@media screen and (max-width: 768px) {
.bannerindex { padding:  0 0;}
}

/*滑動輪播*/
.BannerHome02 { height: auto;}
.BannerHome02 .swiperBan02 { position: static; margin: 0;}
.BannerHome02 .swiperBan02 .swiper-slide img { height: auto;}
/* 2025.12.26 中間放大*/
.BannerHome02 .swiper-slide-active img { transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide img { transition: transform 5s ease-out; will-change: transform; transform: scale(1);}
.BannerHome02 .swiperBan02 .swiper-slide-active img { transform: scale(1.06);}
@media (max-width:1400px) { 
.BannerHome02 { height: auto;}
}
@media (max-width:1024px) { 
.BannerHome02 { height: auto;}
}
@media (max-width:768px) { 
.BannerHome02 { height: auto;}
}

/*縮圖輪播*/
.BannerHome03 .thumbs03 .swiper-slide img { height: 100%;}
@media (max-width:1400px) { 
 .BannerHome03 .swiperBan03 .swiper-slide img { height: 100%;}
}
@media (max-width:1024px) { 
 .BannerHome03 .swiperBan03 .swiper-slide img { height: 100%;}
}
@media (max-width:768px) { 
 .BannerHome03 .swiperBan03 .swiper-slide img { height: 100%;}
}


/*內頁BANNER 設定*/
.banner {}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}
.banner.banDesign {}


@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*FOOTER*/
/*copy*/
.copy {}

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {
#bottom_menu {display: none;}
}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*首頁文章*/
/*文章設定*/


@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*首頁購物車*/
/*購物車*/
/*購物車內頁*/
  
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*聯絡資訊*/

@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 450px) {}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */