@charset "UTF-8";
/*板土 css 250408*/
.bt-container h2{ font-size: 2.5rem;}
.bt-container h3{ font-size: 1.8rem;}
.bt-container h4{ font-size: 1.35rem;}
/* .bt-container p{ font-size: 1.25rem;} */
.bt-container em{ font-style: normal;}
.bt-container small{ color: inherit;}
.bt-container bigger{ font-size: 180%; font-weight: 700;}
.bt-container h3 span, .bt-container h4 span, .bt-container p span{ display: block;}
.bt-container .green{ color: #00968f;}
.bt-container .yellow{ color: #f8e408;}
.bt-container .white{ color: #fff;}
.bt-container .pink{ color: #fe0072;}
.bt-container .note{ color: #666;}
.bt-container .sec-title-green, .bt-container .sec-title-white, .bt-container .sec-title-black{ text-align: center; position: relative; padding-bottom: 1rem; display: inline-block; margin: 0 auto 1rem;}
.bt-container .sec-title-green::after{ content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/title-green-decor.svg); background-position: center top; background-size: cover; background-repeat:no-repeat; width: 100%; height: 18px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-osx-transform:translate(-50%,0); left: 50%; bottom: 0; position: absolute; margin-bottom: -5px;}
.bt-container .sec-title-white{ color: #fff;}
.bt-container .sec-title-white::after{ content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/title-white-decor.svg); background-position: center top; background-size: cover; background-repeat:no-repeat; width: 100%; height: 18px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-osx-transform:translate(-50%,0); left: 50%; bottom: 0; position: absolute; margin-bottom: -5px;}


.bt-container .sec-title-black::after{ content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/title-black-decor.svg); background-position: center top; background-size: cover; background-repeat:no-repeat; width: 100%; height: 18px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-osx-transform:translate(-50%,0); left: 50%; bottom: 0; position: absolute; margin-bottom: -5px;}

.bt-wrapper{ width: 70%; margin:0 15%; padding:2.5rem 0; text-align: center; position: relative; z-index: 1; box-sizing: border-box; /*display: flex; flex-direction: column; align-items: center;*/}
.bt-container{ display: flex; flex-direction: column; width: 100%; position: relative; background-color: #fec110; cursor: default; overflow: hidden; color:#323232; font-size: 100%;}/*頁面管理背景為透明-需上背景色!*/
.bt-container img{ width: 100%;}

.bt-container .dot-hr{ margin: 0 0 1.25rem !important;}

/*kv*/
.bt-container .kv-element{ position: relative;}
.bt-container .kv-element .now-section{ border-radius: 20px; box-shadow: rgba(7, 67, 64, 0.5) 0px 5px 10px 0px; padding: 2rem; margin: 0 15% 10%; position: absolute; left: 0; bottom: 0; text-align: center; background-color: #fff; width: 70%; box-sizing: border-box;}
.bt-container .kv-element .now-section h2{ color: #00968f; margin-bottom: 5px;}
.bt-container .kv-element .now-section i{ width: 60px; height: 60px; position: absolute; left: 5%; top: -15%;}

.bt-container .kv-element .kv-box{ position: relative; width: 100%; height: 100%; display: block; padding-bottom: 48%;}
.bt-container .kv-element .kv-box .kv-bg, .bt-container .kv-element .kv-box .kv-title, .bt-container .kv-element .kv-box .kv-model{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; }

/*特點*/
.bt-container .features-element .bt-wrapper{ padding-top: 0;}
.bt-container .features-element{ background-color: #f3f3f3; position: relative; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/icon-green-bg.svg); background-position: center center; background-size: cover; background-repeat:repeat-y; -webkit-animation: features 100s ease infinite; animation: features 100s ease infinite;}
@-webkit-keyframes features {
    0%{background-position:33% 0%}
    50%{background-position:68% 100%}
    100%{background-position:33% 0%}
}
@keyframes features {
    0%{background-position:33% 0%}
    50%{background-position:68% 100%}
    100%{background-position:33% 0%}
}
.bt-container .features-element::after{ content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/after-service-right.webp); background-position: right bottom; background-size: 100% auto; background-repeat:no-repeat; width: 720px; height: 225px; right: 0; bottom: 0; position: absolute; z-index: 0;}
.bt-container .features-element .features{ position: relative; z-index: 1;}
.bt-container .features-element .features dl{ display: inline-flex; flex-direction: column; text-align: center; margin-bottom: 0;}
.bt-container .features-element .features dl dd{ margin-bottom: .3rem;}
.bt-container .features-element .features dl dd:last-child{margin-bottom: 0;}
.bt-container .features-element .features dl dd img{ width: 80%;}

/*特點 swiper*/
.swiper-container.features{display: flex; flex-wrap:wrap;}
.swiper-wrapper.features{width: 100% !important; height: auto; display:flex; padding: 0!important; margin:0 !important; justify-content:space-between;}
.swiper-wrapper.features .swiper-slide{height: auto !important; }
.swiper-pagination.features .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
.swiper-pagination.features{ display: none;}

/*more btn*/
.btn-more{ display: inline-flex; align-items:center; justify-content:center; font-size:  1rem; padding: .5rem 1rem; border: 2px #10998f solid; text-decoration: none; color: #10998f; text-align: center; box-sizing: border-box; transition:box-shadow .15s,transform .15s; -webkit-transition:box-shadow .15s,transform .15s; -moz-osx-transition:box-shadow .15s,transform .15s; width: fit-content; background-color: #f3f3f3; margin-top: 5px;}
.btn-more i{ width: 15px; height: 15px; margin-left: 8px; content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/more-btn-i.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center;}
.btn-more:hover, .btn-more:focus{ color: #10998f; background: #FFF; transform: scale(1.05);}

/*cta btn*/
.btn-box{ display: inline-flex; flex-direction: row; margin-bottom: 2rem; width: 100%; justify-content:space-around; align-items:center;}
.btn-box .btn .be-icon-messages:before{font-size: 1.5rem;}

/*資費表*/
.bt-container .package-element{position: relative; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/icon-white-bg.svg); background-position: center center; background-size: contain; background-repeat:repeat-y; -webkit-animation: package 500s ease infinite; animation: package 500s ease infinite;}
@-webkit-keyframes package {
    0%{background-position:33% 0%}
    50%{background-position:68% 100%}
    100%{background-position:33% 0%}
}
@keyframes package {
    0%{background-position:33% 0%}
    50%{background-position:68% 100%}
    100%{background-position:33% 0%}
}
.bt-container .mobile-show{ display: none;}
.bt-container .hot-mon{ border: 2px solid #fe0072; border-radius: 25px; display: block; font-size: 1rem; padding: 2px 10px; color: #fe0072; font-weight: 700; width: fit-content; margin: 0 auto 10px;}
.bt-container .package-table{ margin: 0 auto 2rem; padding:0; width: 100%; text-align: center;}
.bt-container .package-table table{ border: 0; width: 100%; font-size: 1.25em; line-height: 110%; border-spacing: 0; margin: 0 auto; border-collapse: separate; border-radius: 15px;}
.bt-container .package-table table tr:first-child td:nth-child(2){ border-top-left-radius: 15px; border-top-right-radius:15px; border-left: solid 3px #007973; border-top: solid 3px #007973; border-right: solid 3px #007973; border-bottom: 0; color: #fff; padding: 0.25rem .5rem .35rem;}
.bt-container .package-table table tr:first-child td:last-child{ border-top: solid 1px #000;}
.bt-container .package-table table tr:last-child td:last-child{ border-left: solid 1px #000;}
.bt-container .package-table table tr:nth-child(1) th:first-child{ border-left: solid 1px #000; background-color: #000; font-size: .9rem; font-weight: normal;}
.bt-container .package-table table tr:nth-child(1) th:last-child{ border-right: solid 1px #000;}
.bt-container .package-table table tr:nth-child(6) td:nth-child(2){ border-left: solid 1px #000; text-align: left;}
.bt-container .package-table table .sp-note{ font-size: 1rem;}
.bt-container .package-table table tr td p img{ width: auto; height: 12px; vertical-align: baseline;}
.bt-container .package-table table tr td p i{ margin-right: 5px;}
.bt-container .package-table table tr td p i.green{ color: #00968f;}
.bt-container .package-table table tr td p i.pink{ color: #fe0072;}
.bt-container .package-table table tr td:first-child{ border-left: solid 1px #000;}
.bt-container .package-table table tr:last-child td:first-child p span{ display: inline-block;}
.bt-container .package-table table tr td:last-child{ border-right: solid 1px #000; }
.bt-container .package-table table th{ color: #ffffff; border-left: solid 1px #fff; border-bottom: solid 1px #000; border-top: 0; vertical-align: middle;padding: 10px 5px; background-color: #000; font-weight: 400;}
.bt-container .package-table table th p small{ display: inline-block; padding: 4px 8px; background-color: #cee7eb; color: #007671; border-radius: 10px; line-height: 100%; font-size: 12px;}
.bt-container .package-table table td{ border-left: solid 1px #000; border-bottom: solid 1px #000; padding: 10px 8px; vertical-align: middle;}
.bt-container .package-table table td img{ width: 90%; height: auto; margin: 0 auto;}
.bt-container .package-table table del{ font-size: .7em; color: #999; text-decoration: revert; font-weight: normal; display: block;}
.bt-container .package-table table .price{ color: #fe0072; font-weight: 700; font-size: 1.25rem;}
.bt-container .package-table table .nopattern{ border: 0px !important;}
.bt-container .package-table table .major{ color: #fe0072;}
.bt-container .package-table table .note{ font-size: .85rem;}
.bt-container .package-table table .td-f{ font-size: .9rem;}

/*mom ad*/
.bt-container .mom-ad-box{ display: flex; justify-content: center; margin-bottom: 2rem;}
.bt-container .mom-ad-box a:hover{ transform: scale(1.02);}
.bt-container .mom-ad-box img{ border-radius: 10px;}

/*優惠*/
.bt-container .offers-element{ position: relative;}
.bt-container .offter-box{ margin: 0 0 2rem 0; border-radius: 15px; display: inline-flex; flex-direction: column; width: 100%; align-items: center; box-sizing: border-box;}
.bt-container .offter-box h3{ color: #fff; text-shadow: 3px 1px #000; margin-bottom: 1.5rem; background:linear-gradient(transparent 60%,#005f68 60%, #005f68 95%,transparent 95%);}

.bt-container .offter-box h3 span{ display: inline;}
.bt-container .offter-box .giftbox{ position: relative; z-index: 1;}
.bt-container .offter-box .giftbox .note{ font-size: 13px;}
.bt-container .offter-box .giftbox dl{ background:linear-gradient(135deg, #fff, #d7dfe1); border-radius: 10px; padding: 1rem; display: inline-flex; flex-direction: column; text-align: center; margin: 0; box-sizing: border-box;}
.bt-container .offter-box .giftbox dl dt{ border-bottom: 1px solid #000; padding-bottom: .5rem; margin-bottom:.5rem; display: inline-flex; flex-direction: column; justify-content:center; box-sizing: border-box;}
.bt-container .offter-box .giftbox dl dt p{font-size: 1.4rem;}
.bt-container .offter-box .giftbox dl dt img{ width: auto; height: 20px;}
.bt-container .offter-box .giftbox dl dd{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #000; box-sizing: border-box; display: inline-flex; flex-direction: column;}
.bt-container .offter-box .giftbox dl .last-child{ border-bottom: 0; margin-bottom: 0; padding: 0; box-sizing: border-box;}
.bt-container .offter-box .giftbox dl:first-child dd:last-child{padding: 0;}
.bt-container .offter-box .giftbox dl dd em{ font-style: normal;}
.bt-container .offter-box .giftbox dl dd strong{ font-size: 120%;}
.bt-container .offter-box .giftbox dl dd p{ margin-bottom: .5rem; font-size: 1.1rem; box-sizing: border-box;}
.bt-container .offter-box .giftbox dl dd p:last-child{margin-bottom: 0;}
.bt-container .offter-box .giftbox dl dd .wifi-point{ display: inline-flex; align-items:center; flex-direction: row; width: 100%; padding: 0; box-sizing: border-box; justify-content: center;}
.bt-container .offter-box .giftbox dl dd .wifi-point span{ display: flex;}
.bt-container .offter-box .giftbox dl dd .wifi-point span:first-child{ width: 25%;}
.bt-container .offter-box .giftbox dl dd .wifi-point span:last-child{ text-align: left; margin-left: .5rem; box-sizing: border-box; width: 75%;}
.bt-container .offter-box picture{ width: 100%;}

/*好禮 swiper*/
.bt-container .offter-box .swiper-container.giftbox{display: flex; box-sizing: border-box; flex-wrap: wrap; width: 100%;} 
.bt-container .offter-box .swiper-wrapper.giftbox{height: auto; justify-content:space-between; box-sizing: border-box;}
.bt-container .offter-box .swiper-pagination.giftbox .swiper-pagination-bullet.swiper-pagination-bullet-active, .bt-container .super-cover-box .swiper-pagination-bullet-active{background: #fff;}
.bt-container .offter-box .swiper-pagination.giftbox{ display: none;}


/*門市*/
.bt-container .store-element{ background-color: #e4f1f4; position: relative; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/bt-shop/icon-white-bg.svg); background-position: center center; background-size: cover; background-repeat:repeat-y;-webkit-animation: store 100s ease infinite; animation: store 100s ease infinite;}
@-webkit-keyframes store {
    0%{background-position:33% 0%}
    50%{background-position:68% 100%}
    100%{background-position:33% 0%}
}
@keyframes store {
    0%{background-position:33% 0%}
    50%{background-position:68% 100%}
    100%{background-position:33% 0%}
}
.bt-container .store-element em,.bt-container .store-element .store em{ font-style: normal !important;}
.bt-container .store-element article{ text-align: left; margin-bottom: 1rem;}

.bt-container .store-element .store .store-photo{ margin-bottom: 1rem; width: 100%;}
.bt-container .store-element .store img{ border-radius: 5px;}
/*門市 swiper*/
.bt-container .store-element .swiper-pagination.storephoto .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
.bt-container .store-element .swiper-pagination.storephoto{ display: none;}


.bt-container .store-element .note{ margin-bottom: 2rem;}
.bt-container .store-element .map{ background-color: #fff; border-radius: 5px; display: inline-flex; flex-direction: row; justify-content:space-evenly; width: 100%;}
.bt-container .store-element .map .map-info{ width: 50%; padding: 1rem 0 0 2rem; box-sizing: border-box; display: inline-flex; flex-direction: column; justify-content:center; align-items: flex-start;}
.bt-container .store-element .map .map-info dt{ text-align: left; margin-bottom: .5rem;}
.bt-container .store-element .map .map-info dt img{ width: 40%; padding-right: .5rem;}
.bt-container .store-element .map .map-info dd{ position: relative; text-align: left; }
.bt-container .store-element .map figure { width: 50%;}
.bt-container .store-element .map figure img{width: 100%; border-radius: 0 5px 5px 0;}

/*五星級到府安裝*/
.bt-container .easy-element .bt-wrapper{ padding-bottom: 0;}
.bt-container .easy-element{ background-color: #f3f7f7; padding-bottom: 5%;}
.bt-container .easy-element .easy{ display: inline-flex; flex-direction: row; box-sizing: border-box;}
.bt-container .easy-element .easy dl{ width: 30%; background-color: #e4f1f4; border-radius: 15px; padding: 1rem; margin: 0; display: inline-flex; flex-direction: column; overflow: hidden; position: relative;}
.bt-container .easy-element .easy dl dt{ margin-bottom: .5rem; z-index: 1;}
.bt-container .easy-element .easy dl dd{ margin-bottom: .5rem; z-index: 1;}
.bt-container .easy-element .easy dl dd:last-child{ margin-bottom: 0;}
.bt-container .easy-element .easy dl dd span{ display: block; z-index: 1;}
.bt-container .easy-element .easy dl dd img{ width: 30%; z-index: 1;}

.bt-container .easy-element .easy dl .wave{
    background: #cee7eb;
    width: 500px;
    height: 500px;
    border-radius: 40%;
    opacity: 0.4;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -250px;
    margin-top: 40%;
    transform-origin: center;
    z-index: 0;
    animation: drift 7s infinite linear;
}
.bt-container .easy-element .easy dl .wave.two {animation: drift 9s infinite linear;}
.bt-container .easy-element .easy dl .wave.three {animation: drift 11s infinite linear; opacity: 0.1;}
@keyframes drift {
    0 {
      transform: rotate(90deg);
    }
    100% {
      transform: rotate(180deg);
    }
}

/*五星級到府安裝 swiper*/
.bt-container .easy-element .swiper-container.easy{display: inline-flex; flex-direction: row; width:100%; margin: 0 auto; padding: 0; box-sizing: border-box;}
.bt-container .easy-element .swiper-wrapper.easy{ width: 100%; height: auto; display: inline-flex; padding: 0!important; justify-content:space-between;}
.bt-container .easy-element .swiper-wrapper.easy .swiper-slide{ height: auto; box-sizing: border-box;}
.bt-container .easy-element .swiper-pagination.easy .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
.bt-container .easy-element .swiper-pagination.easy{ display: none;}

/*貼心提醒*/
.bt-container .note-element{ width: 100%;background-color: #f3f7f7;}
.bt-container .note-element .terms-box{ background-color: #fff; width: 100%;}
.bt-container .note-element .accordion-content{ text-align: left; font-size: 100%;}
.bt-container .note-element .accordion-content p, .bt-container .note-element .accordion-content .ck-content ol li, .bt-container .note-element .accordion-content .ck-content ul li{ font-size: .9rem;}
.bt-container .note-element .accordion-content .ck-content ol, .bt-container .note-element .accordion-content .ck-content ul{ padding-inline-start:0.5rem; -webkit-padding-start:0.5rem; margin-bottom: .5rem;}
.bt-container .note-element .accordion-content .ck-content .-bracket>li{ position: relative; counter-increment:section; list-style:none;}
.bt-container .note-element .accordion-content .ck-content .-bracket>li::before{ content: "(" counter(section,decimal) ")"; position: absolute; top: 0; left: -1px; transform:translateX(-100%);}

/*QA*/
.bt-container .qa-content{ background-color: #fff; border-radius: 15px; padding: 1.5rem; box-shadow: 0 1px 10px rgba(0,0,0,.1);}
.bt-container .qa-content .container-accordion{ display: inline-flex; flex-direction: column; width: 100%; align-items: center;}
.bt-container .qa-content .container-accordion label{ display: block; width: 100%; text-align: left; background-color: #fff; cursor: pointer; font-size: 1.1rem; color: #00968f; line-height: 140%;}
.bt-container .qa-content .container-accordion .accordion-navigation{ border-bottom: #bfbfbf 1px dotted; width: 100%; text-align: left; margin-bottom: 1rem; padding-bottom: 1rem;}
.bt-container .qa-content .container-accordion .accordion-navigation:last-child{ border-bottom: none !important; padding-bottom: 0; margin-bottom: 0;}
.container-accordion .container-accordion-content{ height: 0px; overflow: hidden; font-size: 1rem; line-height: 140%; padding-left: 2rem; transition: 0.3s ease-in !important;}
input[type=radio]:checked+.container-accordion-content{ height: auto; font-size: 1rem; line-height: 140%; padding-left: 2rem; padding-top: .5rem;}
input[type=radio]{ display: none;}

/*超覆蓋*/
.super-cover-box{ width: 100%; margin-bottom: 2rem;}
.super-cover-box .swiper-container.super dd figure img{ max-width: 200px; height: auto;}
.super-cover-box .swiper-container.super dd figure figcaption{ font-size: 0; z-index: -999; line-height: 0;}
.super-cover-box dl dd{ font-size: 1.2rem; font-weight: 700;}
.super-cover-box .swiper-pagination.easy{ display: none;}

@media screen and (max-width: 1280px) {
.bt-container h2{ font-size: 2rem;}
.bt-container h3{ font-size: 1.6rem;}
.bt-container h4{ font-size: 1.2rem;}
/* .bt-container p{ font-size: 1.15rem;} */
}

@media screen and (max-width: 1200px) {
.bt-container .kv-element .now-section{ padding: 1.5rem 1rem;}
.bt-wrapper{ width: 80%; margin:0 10%; padding: 2rem 0;}
}
    

@media screen and (max-width: 1024px) {
.bt-wrapper{ width: 90%; margin:0 5%; padding: 1rem 0;}
}

@media screen and (max-width: 950px) {
.bt-container h2{ font-size: 1.8rem;}
.bt-container h3{ font-size: 1.5rem;}
/* .bt-container p{ font-size: 1rem;} */
.bt-container .kv-element .now-section{ padding: 1.25rem; width: 90%; margin: 0 5% 10%;}
.bt-container .kv-element .now-section i{ width: 50px; height: 50px;}
.bt-container .kv-element .now-section p:last-child{ margin-bottom: 0;}
.bt-container .store-element .map .map-info{ padding: 1rem; text-align: left;}

}

@media screen and (max-width: 850px) {
.bt-container .offter-box h3 span{ display: block;}
.bt-container .features-element .features dl dd img{ width: 55%;}
.btn-more{ width: 90%;}
.bt-container .package-element::after{ background-size: 100%; width: 65%;}

}

@media screen and (max-width: 750px) {
.bt-container h2 span{ display: block;}
.bt-container .offter-box h3{ margin-bottom: 1rem;}
.bt-container .offers-element h2 span{ display: inline-block;}
.bt-container .kv-element .now-section{ border-radius: 10px; width: 90%; padding: 1.25rem 1rem;}
.bt-container .hot-mon{ font-size: 12px; padding: 1px 6px;}

.btn-box{ flex-direction: column; align-items: normal;}
.btn-box a{ margin-bottom: 5%;}
.btn-box a:last-child{margin-bottom: 0;}
.bt-container .features-element,.bt-container .package-element,.bt-container .offers-element,.bt-container .store-element{ background-size: 200%;}
/*資費表*/
.bt-container .package-table table .td-f{ font-size: .75rem;}
.bt-container .mobile-show{ display: block; color: #666;}
.bt-container .package-table{ margin: 0 auto 2rem; width: 100%; text-align: center; overflow-x: scroll;}
.bt-container .package-table table{ width: 750px; font-size: 1rem; margin-top: 1%;}
.bt-container .package-table table th,.bt-container .package-table table td{ padding: 10px 6px;}
.bt-container .package-table table .sp-note{ font-size: .9rem; text-align: left;}
.bt-container .package-table table .note{ font-size: .75rem;}
.bt-container .package-table table .major{ font-size: 12px !important;}

/*特點 swiper*/
.swiper-wrapper.features .swiper-slide{ width: 100%;}
.swiper-wrapper.features{padding: 0 0 5%!important; margin:0 !important; justify-content:flex-start;}
.swiper-pagination.features{ display: flex;justify-content:center;}

/*好禮 swiper*/
.bt-container .offter-box .swiper-wrapper.giftbox .swiper-slide{ width: 100%;}
.bt-container .offter-box .swiper-wrapper.giftbox{ padding: 0!important; margin:0 !important; justify-content:flex-start;}
.bt-container .offter-box .swiper-pagination.giftbox{ display: flex; justify-content:center; bottom: 0; margin-top: 2.5%;}
.bt-container .offter-box .giftbox dl dd p{font-size: 1.1rem;}

.bt-container .store-element .store .store-photo{ margin-bottom: .5rem;}
.bt-container .store-element .store img:last-child{ margin-bottom: 0;}

.bt-container .store-element .map{ flex-direction: column; width: 100%; margin:0;}
.bt-container .store-element .map .map-info{ width: 100%; padding: 2rem .5rem 0;}
.bt-container .store-element .map figure{ width: 100%;}
.bt-container .store-element .map .map-info dt{ text-align: center;display: flex; flex-direction: column; align-items: center; margin: 0 auto;}
.bt-container .store-element .map .map-info dt img{ padding-bottom: 5px; padding-right: 0; width: 50%;}
.bt-container .store-element .map figure img{ border-radius: 0 0 5px 5px;}
.bt-container .store-element .map .map-info dd{ font-size: 1rem;}

/*門市 swiper*/
.bt-container .store-element .swiper-container.storephoto{justify-content: flex-start;padding: 0 0 1rem !important;}
.bt-container .store-element .swiper-wrapper.storephoto{ width: 100%; height: auto;}
.bt-container .store-element .swiper-pagination.storephoto .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
.bt-container .store-element .swiper-pagination.storephoto{ display: flex; bottom: 0px !important;}

.bt-container .easy-element .easy dl dd img{ width: 25%;}
/*五星級到府安裝 swiper*/
.bt-container .easy-element .swiper-container.easy{ justify-content: flex-start;padding: 0 !important;}
.bt-container .easy-element .swiper-container.easy .swiper-slide{ width: 100% !important; margin: 0 0 5%}
.bt-container .easy-element .swiper-pagination.easy{display: inline-flex; bottom: 0px !important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ justify-content: center;}
.bt-container .easy-element .swiper-pagination.easy .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
/*QA*/
.bt-container .qa-content{ border-radius: 10px;}

.bt-container .qa-content .container-accordion label, input[type=radio]:checked+.container-accordion-content, .container-accordion .container-accordion-content{ font-size: 1rem; line-height: 140%;}
input[type=radio]:checked+.container-accordion-content,.container-accordion .container-accordion-content{ padding-left: 1rem;}
/*超覆蓋*/
.bt-container .super-cover-box h2 span{ display: block;}
.super-cover-box .swiper-wrapper.super{ margin-bottom: 1rem;}
.super-cover-box .swiper-pagination.easy{ display: block;}
}

@media screen and (max-width: 650px) {
.bt-container .kv-element{ padding-bottom: 11.5%;}
.bt-container .kv-element .now-section i{ left: 10%;}
}

@media screen and (max-width: 500px) {
.bt-container .sec-title-green, .bt-container .sec-title-white{ margin: 0 auto 1rem;}
.bt-container .easy-element .easy dl .wave{ margin-top: 30%;}
.bt-container .kv-element .now-section{ margin: 0 5% 5%;}
.bt-container .kv-element .now-section h2 span{ display: block;}
.super-cover-box .swiper-container.super dd figure img{ max-width: 120px;}
}

/* 手機板：左右滑動，每張卡片最大 304px */
.swiper-container.giftbox {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.swiper-wrapper.giftbox {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  min-width: fit-content;
}

.swiper-slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 304px;
  background: #fff;
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
}

/* 桌機板：三張置中並排，無滑動 */
@media screen and (min-width: 768px) {
  .swiper-container.giftbox {
    overflow: hidden;
  }

  .swiper-wrapper.giftbox {
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    gap: 2rem;
  }

  .swiper-slide {
    flex: 0 0 30%;
    max-width: none;
  }
}

/* ✅ 手機板：橫向滑動 */
.swiper-container.super {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  padding: 1rem 0;
}

.swiper-wrapper.super {
  display: flex;
  gap: 1rem;
  min-width: fit-content;
  padding: 0 1rem;
}

.swiper-slide {
  flex: 0 0 auto;
  max-width: 304px;
  width: 100%;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 0;
  background: transparent; /* ✅ 不要白底 */
  text-align: center;
}

/* 讓圖片與 figcaption 更一致好看 */
.swiper-slide figure {
  margin: 0 auto 0.5rem;
}

.swiper-slide figcaption {
  font-weight: bold;
  color: #fff; /* 或其他你想要的顏色 */
  margin-top: 0.5rem;
  font-size: 1.1rem;
}

/* ✅ 桌機板：三張卡片置中，無滑動 */
@media screen and (min-width: 768px) {
  .swiper-container.super {
    overflow: hidden;
  }

  .swiper-wrapper.super {
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 2rem;
  }

  .swiper-slide {
    flex: 0 0 30%;
    max-width: none;
  }
}

/* ✅ 圖片滑動容器 */
.swiper-container.storephoto {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  padding: 1rem 0;
}

/* ✅ 水平排列圖片 */
.swiper-wrapper.storephoto {
  display: flex;
  gap: 1rem;
  min-width: fit-content;
  padding: 0 1rem;
}

/* ✅ 單張圖片樣式 */
.swiper-wrapper.storephoto img.swiper-slide {
  flex: 0 0 auto;
  max-width: 90vw;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: none; /* ✅ 無陰影 */
}

/* ✅ 桌機版：圖片平均置中（無滑動） */
@media screen and (min-width: 768px) {
  .swiper-container.storephoto {
    overflow: hidden;
  }

  .swiper-wrapper.storephoto {
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 2rem;
  }

  .swiper-wrapper.storephoto img.swiper-slide {
    max-width: 427px;
  }
}

/* ✅ 手機版：可左右滑動 */
.swiper-container.easy {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  padding: 1rem 0;
}

.swiper-wrapper.easy {
  display: flex;
  gap: 1rem;
  padding: 0 1rem;
  min-width: fit-content;
}

.swiper-slide {
  flex: 0 0 auto;
  max-width: 304px;
  width: 100%;
  background: transparent;
  border-radius: 8px;
  text-align: center;
  box-sizing: border-box;
}

/* ✅ 波紋裝飾如仍需保留，補充可選 */
.swiper-slide .wave,
.swiper-slide .wave.two,
.swiper-slide .wave.three {
  /* 原本就有動畫或背景樣式可保留 */
}

/* ✅ 桌機版：三張置中，不可滑動 */
@media screen and (min-width: 768px) {
  .swiper-container.easy {
    overflow: hidden;
  }

  .swiper-wrapper.easy {
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    gap: 2rem;
  }

  .swiper-slide {
    flex: 0 0 30%;
    max-width: none;
  }
}

/* ✅ 若不需要分頁點點，隱藏它 */
.swiper-pagination.easy {
  display: none;
}