@charset "UTF-8";
/*20250501 智慧生活多選一css*/
*{scroll-behavior: smooth;}
.smartlife-container figure{ display: contents;}
.smartlife-container{ width: 100%; display: flex; justify-content:center; background-size: contain; flex-direction:column; box-sizing: border-box; cursor: default; transition: 0.1s; scroll-behavior: smooth; background-color: #ffdbd3;}
.smartlife-container .wrapper{ padding:0 5%; width: 100%; display: flex; flex-direction: column; align-items:center; box-sizing: border-box;}

.smartlife-container h1, .smartlife-container h2{font-size: 2.625rem; text-align: center;}
.smartlife-container h1 small, .smartlife-container h2 small{ color: inherit;}
.smartlife-container .pink{ color: #fe0072;}
/*btn*/
.smartlife-container .btn-box{ display: flex; flex-direction: row; width: 100%; justify-content:space-evenly; margin: 0 auto 5%;}
.smartlife-container .btn-box .btn{ margin: 0 1%; min-width: 30%;}
.smartlife-container .btn-box .btn.phone{ display: none;}
.smartlife-container .btn-box .btn .be-icon-phone:before{ font-size: 1.4rem;}
.smartlife-container .btn-box .btn .be-icon-messages:before{ font-size: 1.5rem;}

/*hero*/
.smartlife-container .hero-box{ position: relative; width: 100%; height: auto; overflow: hidden;}
.smartlife-container .hero-box .bg{ padding-bottom: 6%;}
.smartlife-container .hero-box .kv-main{ position: absolute; left: 0; top: 0; display: flex; flex-direction: row; width: 100%; height: fit-content;}

/*title*/
.smartlife-container .title-block{ margin:1rem 0; position: relative; display: inline-flex; align-items: center; flex-direction: column;}
.smartlife-container .title-block::before{content: '+'; vertical-align:super; font-size: 40px; color: #16c0b6; top: -.8em; left: -.4em; z-index: 1; position: absolute;}
.smartlife-container .title-block p, .smartlife-container .features-box .features-main .features-item dt{ font-size: 1.5rem;}
.smartlife-container h1, .smartlife-container h2, .smartlife-container .title-block p, .smartlife-container .features-box .features-main .features-item dt, .smartlife-container .features-box .features-main .features-item dd{ font-weight: 700;}

/*features*/
.smartlife-container .features-box{ background:url(https://www.homeplus.net.tw/cable/images/manual_upload/smartlife/after-service-left.webp) left top no-repeat, linear-gradient(172deg, #ff701e 0%, #ff701e 45%, #ff701e 55%, #ff5d2b 65% ,#fdaf64 100%); transform: skew(0deg, -3deg); margin-top: -11.5%;}
.smartlife-container .features-box .wrapper{transform: skew(0deg, 3deg); display: flex; flex-direction: column; padding: 3% 10% 5%;}
.smartlife-container .features-box .title-block h1, .smartlife-container .features-box .title-block p, .smartlife-container .features-box .title-block::before{ color: #fff; text-shadow: 0 0 10px #00000062;}

.smartlife-container .features-box .features-main dl{ display: flex; flex-direction: row; width: 100%; align-items:center; margin-bottom: 0;}
.smartlife-container .features-box .features-main .features-item{ display: flex; flex-direction: column; align-items:center; color: #fff; min-height: 18rem;}
.smartlife-container .features-box .features-main .features-item .features-plus{ width: 20px;}
.smartlife-container .features-box .features-main .features-item dt{ margin-bottom: 0; text-shadow: 0 0 5px #00000062;}
.smartlife-container .features-box .features-main .features-item dd{ font-size: .9rem; text-shadow: 0 0 5px #00000062;}

/*plan*/
.smartlife-container .plan-box{ width: 100%; display: flex; flex-direction: column; align-items:center; padding: 6% 0 0 0;}
.smartlife-container .plan-box .title-block::before{ display: none;}

/*tab*/
.smartlife-container .tab-box{ width: 100%; border: 2px solid #ff602e; margin-bottom: 4%; background-color: #fff;}
.smartlife-container .tab-box ul{ display: flex; flex-direction: row; width: 100%; justify-content:space-evenly; flex-wrap:wrap; box-sizing: border-box;}
.smartlife-container .tab-box ul li{ width: 33%; margin: 8px 0;border-right: 1px solid #ff602e;}
.smartlife-container .tab-box ul li:last-child{ border-right: none;}
.smartlife-container .tab-box ul li a{ display: flex; flex-direction: column; align-items:center; color: #ff602e; font-size: 1rem; font-weight: 700; scroll-behavior: smooth; padding: 0 10px;}
.smartlife-container .tab-box ul li a:hover{ color: #fe0072;}
.smartlife-container .tab-box ul li a i{ display: flex;}
.smartlife-container .tab-box ul li a:hover i{ transition: 0.1s; transform: translate(0 , 3px);}

/*sec*/
.smartlife-container .sec-box{ background-color: #ffdbd3; margin-bottom: 4%; width: 100%; border-radius: 10px; display: flex; flex-direction: column; align-items: center;}
.smartlife-container .sec-box .sec-title{ display: flex; flex-direction: column; align-items: center; margin-bottom: 1rem;}
.smartlife-container .sec-box .sec-title h2,.smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .smart-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .item-block h4{ font-size: 1.5rem; font-weight: 700;}
.smartlife-container .sec-box .sec-title p{ font-size: 1.1rem; font-weight: 700;}

.smartlife-container .sec-box .best-choice{ display: flex; flex-direction: column; border: 4px solid #00a7b7; position: relative; width: calc(100% - 15px); box-shadow: 0 20px 0 -10px #008e9c; padding: 3% 2% 1%; border-radius: 20px; background-color: #fff; margin:0 0 10px 15px; align-items: center; flex-wrap: wrap;}
.smartlife-container .sec-box .best-choice .best-choice-icon{ position: absolute; left: -15px; top:-4px}
.smartlife-container .sec-box .best-choice .choice-title-block{ display: flex; align-items:center; text-align: center; margin-bottom: .5rem;}
.smartlife-container .sec-box .best-choice .choice-title-block .title{ font-size: 1.5rem; font-weight: 700;}
.smartlife-container .sec-box .best-choice .choice-title-block .price, .smartlife-container .sec-box .combo-block .combo-item .smart-item-block .price,.smartlife-container .sec-box .combo-block .combo-item .item-block .price, .smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list .price{ font-size: 14px; line-height: 100%; font-weight: 500; padding: 3px; margin-left: 5px;}

.smartlife-container .sec-box .best-choice .item-block{ display: flex; align-items: center; width: 100%;}
.smartlife-container .sec-box .best-choice .item-block .item{ display: flex; align-items:center; width: 100%; justify-content: center;}
.smartlife-container .sec-box .best-choice .item-block .item.w300{ width: 40%;}
.smartlife-container .sec-box .best-choice .item-block .item img{ margin-right: .5rem;max-width: 4vw;}
.smartlife-container .sec-box .best-choice .item-block .item:nth-child(2){ border-left: 4px solid #ebf4f7;}
.smartlife-container .sec-box .best-choice .item-block .item .main{ display: flex; flex-direction: column;  align-items:flex-start;}
.smartlife-container .sec-box .best-choice .item-block .item .main ol{ margin-left: 1.25rem;}
.smartlife-container .sec-box .best-choice .item-block .item .main ol li{ list-style: decimal; font-size: 1.25rem;}
.smartlife-container .sec-box .best-choice .item-block .item .main p{font-size: 1.25rem; font-weight: 700;}
.smartlife-container .sec-box .best-choice .item-block .item .main strong.pink, .smartlife-container .sec-box .best-choice .item-block .item .main strong{ font-size: 1.6rem; font-weight: 700; line-height: 100%;}
.smartlife-container .sec-box .best-choice .item-block .item .main .small-note{ font-size: 14px; font-weight: 500;}
.smartlife-container .sec-box .best-choice .item-block .item .main .highlight{ background: linear-gradient(transparent 40%,#fff9b1 41%, #fff9b1 90%,transparent 95%);}
.smartlife-container .sec-box .best-choice .item-block .item .main .tag{ padding: 1px 5px; border-radius: 2px; font-size: 12px; color: #fff;  background: linear-gradient(15deg,#ff27c5,#fe0072);}

.smartlife-container .sec-box .combo-block{ display: flex; flex-direction: row; margin-bottom: 2.5%; width: 100%; align-items:stretch; position: relative;}
.smartlife-container .sec-box .combo-block .combo-item{ display: flex; flex-direction: column; border-radius: 10px; box-shadow: 0 6px 10px rgba(158,164,184,.3); background-color: #fff; overflow: hidden; box-sizing: border-box; width: 100%;}

.smartlife-container .sec-box .combo-block .combo-plus{ z-index: 2; position: absolute; left: 56.5%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: auto;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .smart-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .item-block h4{ margin-bottom: .5rem; text-align: center; display: flex; align-items:center;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4 small{ color: inherit;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4 .limit{ font-size: 14px;}

.smartlife-container #tab05 .combo-block .combo-item .item-block h4{flex-direction: column;}

.smartlife-container .sec-box .combo-block .combo-item .smart-item-block{padding: 2rem; display: flex; flex-direction: column; align-items:center;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item{ display: flex; flex-direction: row; margin-bottom: 1rem; min-height: 190px; width: fit-content; align-items:center;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item .smart-list{ display: flex; flex-direction: column; align-items: center;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item .smart-list p{ font-size: 1.25rem; font-weight: 700;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item .smart-list img{margin-bottom: 2.5%; border-radius: 10px;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block{ margin: 1rem; display: flex; flex-direction: column; align-items:center; background-size: cover;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-or{ width: 100%; box-sizing: border-box; padding: 0 1rem .5rem;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-or span{ background: #fff; padding: 0 3px;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-or span::before{border: 2px solid #ebf4f7; content: ""; display: block; width: 47%; height: 2px;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-or span::after{border: 2px solid #ebf4f7; content: ""; display: block; width: 47%; height: 2px;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item{ display: flex; flex-direction: row; align-items:flex-end; max-height: 190px; width: fit-content;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list{ display: flex; flex-direction: column; align-items: center;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list img{ max-width: 250px;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list .price{ margin-left: 0;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .new-tv-item{ display: flex; flex-direction: row-reverse;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .new-tv-item .combo-feature{ margin-right: 2rem;}

.smartlife-container .sec-box .combo-block .combo-item .combo-feature{ margin-right: 2rem;}
.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul{ margin-left: 1.5rem;}
.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul li{ font-size: 1.1rem; list-style-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/smartlife/icon-check.svg); line-height: 140%;}
.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul li::marker{ font-size: 1.5rem;}

.smartlife-container .sec-box .combo-block .combo-item .item-block{ padding: 1rem; display: flex; flex-direction: column; align-items:center;}
.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item-box{ display: flex; flex-direction: row-reverse; align-items:center; justify-content:center;}
.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item{ margin-bottom: 1.5rem; }
.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item img{ width: auto; max-height: 140px;}
.smartlife-container .sec-box .combo-block .combo-item .combo-btn{ padding: 5px; display: inline-flex; flex-direction: row; align-items:center; margin-top: 1rem; line-height: 100%;}
.smartlife-container .sec-box .combo-block .combo-item .combo-btn i{ margin-left: 10px;}
.smartlife-container .sec-box .combo-block .combo-item .combo-btn:hover i{ transform: translate(3px,0); transition: .1s; filter: #008e9c(100%);}

.smartlife-container #tab05 .combo-block .combo-item .item-block .prod-item img{ width: auto; max-height: 220px;}
.smartlife-container #tab05 .combo-block .combo-item .combo-feature{ width: 60%;}

.smartlife-container .sec-box .combo-block .combo-item.smart{ width: 100%; margin-right: 0; flex-wrap: wrap; align-items:center;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item{ display: flex; flex-direction: row; padding: 2rem 2rem 0; justify-content:space-evenly;}
.smartlife-container .sec-box .combo-block .combo-item.smart .combo-btn{ margin-bottom: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list{ width: 30%; display: flex; flex-direction: column; align-items: center; border-right: 4px solid #f4f8fa; margin-right: 2%; padding-right: 2%;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list img{ max-width: 200px;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list:last-child{ border-right: 0px; margin-right: 0; padding-right: 0;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list p{ font-size: 1.25rem; font-weight: 700; margin-bottom: 5%;}

/*table*/
.smartlife-container .plan-box .mobile-show{ display: none;}
.smartlife-container .plan-box .table-box{  width: 100%;}
.smartlife-container .plan-box .table-box p{font-weight: 500; font-size: .85rem;}
.smartlife-container .plan-box .table-ad{ background-color: #ffffff; padding: 2%; width: 100%; margin-bottom: 2.5%; box-sizing: border-box; display: grid; grid-template-columns:repeat(2, 1fr); grid-column-gap: 20px;}
.smartlife-container .plan-box .table-ad picture{ display: block;}
.smartlife-container .plan-box .table-ad .ad-item{ display: flex;}

.smartlife-container .plan-box .table-box table{ width: 100%; border-collapse:collapse; border-top:0px; border-spacing:0px;}

.smartlife-container .plan-box .table-box table td, .smartlife-container .plan-box .table-box table th{ padding: 12px 5px;}
.smartlife-container .plan-box .table-box table td{ border-right: 1px solid gray; border-bottom: 1px solid gray; font-size: .85rem;}
.smartlife-container .plan-box .table-box table tr td:last-child{ border-right: 0px;}
.smartlife-container .plan-box .table-box table tr:first-child td{border-right: 1px solid #ffffff;}
.smartlife-container .plan-box .table-box table tr:first-child td:first-child{border-top-left-radius:10px;}
.smartlife-container .plan-box .table-box table tr:first-child td:last-child{border-top-right-radius:10px;}
.smartlife-container .plan-box .table-box table tr:first-child td p{ color: #fff;}
.smartlife-container .plan-box .table-box table tr:first-child td .highlight{ color: #fff9b1; font-size: 80%;}

.smartlife-container .limit{ padding: 2px; border-radius: 2px; background-color: #fe0072; color: #fff; margin-right: 2px; line-height: 100%;}
.smartlife-container .table-box .limit{ padding: 0 2px;}

.smartlife-container .plan-box .table-box table .plan-th{ color: #fff;}
.smartlife-container .plan-box .table-box table .price{ font-size: 1.25rem; font-weight: 700;}
.smartlife-container .plan-box .table-box table .pink{ margin-right: 3px;}
.smartlife-container .plan-box .table-box table .white{ color: #fff;}

/*老客戶*/
.smartlife-container .plan-box .regular-ad{ width: 100%;}
.smartlife-container .plan-box .regular-ad a, .smartlife-container .plan-box .table-ad a{ transition: 0.3s ease-in !important; display: block;}
.smartlife-container .plan-box .regular-ad a:hover img, .smartlife-container .plan-box .table-ad a:hover img{transform: scale(1.02);}
.smartlife-container .plan-box .regular-ad img{ margin-bottom: 5%; width: 100%;}

/*wifi超覆蓋*/
.smartlife-container .plan-box .regular-ad .Y24wifi img{ border-radius: 10px;}

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

/*discount 多選一 241015*/

.smartlife-container .sec-default{ padding-top: 0 !important; width: 100% !important;}
.smartlife-container .sec-default .btn{ display:inline-block !important; font-size: 1rem !important; min-height: fit-content !important; min-width: 70%; margin-top: 10px;}
/* .smartlife-container .sec-default .swiper-slide-active .combo-card{ min-height: 680px;} */

.smartlife-container .sec-default .swiper-slide-active .combo-card_title{ font-size: 1.5rem !important; letter-spacing:0;}

/* .smartlife-container .combo-card{ min-height: 640px;} */
.smartlife-container .combo-card.vm-space{ padding: 1rem;}
.smartlife-container .combo-card.vm-space .combo-card_title{ font-size: 1.2rem; letter-spacing:0;}

.smartlife-container .smartlife-card-product_price{ font-size: 14px; letter-spacing:0;}
.smartlife-container .smartlife-card_feature{ margin-left: 20px; margin-bottom: 5px;}
.smartlife-container .smartlife-card_feature li{ font-size: .9rem; list-style-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/smartlife/icon-check.svg); line-height: 140%; text-align: left; letter-spacing:0;}
.smartlife-container .smartlife-card_feature li::marker{ font-size: 1.4rem; letter-spacing:0;}
.smartlife-container .smartlife-card_h4{ font-size: 1.4rem; text-decoration: underline; color: #129a92; font-weight: 700; letter-spacing:0;}
.smartlife-container .smartlife-card-plan_price{ font-size: 1.2rem; font-weight: 700; letter-spacing:0;}
.smartlife-container .smartlife-card-plan_price .price{ color: #129a92;}
.smartlife-container .smartlife-card-plan-info{ font-size: 1.2rem; font-weight: 700; letter-spacing:0;}
.smartlife-container .smartlife-card-plan-info .point{color: #fe0072;}
.smartlife-container .smartlife-card-plan-note{ font-size: 12px; letter-spacing:0;}

@media screen and (max-width: 1400px) {
.smartlife-container .sec-box .best-choice .choice-title-block{ flex-direction: column;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list img{ max-width: 200px;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item .smart-list p{ font-size: 1.1rem;}

}

@media screen and (max-width: 1280px) {
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list img{ max-width: 180px;}
.smartlife-container .plan-box .table-box table tr:first-child td:first-child{border-top-left-radius:0px;}
.smartlife-container .plan-box .table-box table tr:first-child td:last-child{border-top-right-radius:0px;}
.smartlife-container .plan-box .table-box table tr td{ padding: 4px 2px;}
.smartlife-container .sec-box .best-choice .item-block .item .main ol{ margin-left: 1rem;}
.smartlife-container .sec-box .best-choice .item-block .item .main p, .smartlife-container .sec-box .best-choice .item-block .item .main ol li{ font-size: 1rem;}
.smartlife-container .sec-box .best-choice .item-block .item .main strong.pink, .smartlife-container .sec-box .best-choice .item-block .item .main strong{ font-size: 1.25rem;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item{ min-height: 150px;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item .smart-list p{ font-size: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block, .smartlife-container .sec-box .combo-block .combo-item .tv-item-block, .smartlife-container .sec-box .combo-block .combo-item .item-block{ padding: 1rem;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block{ margin: 1rem; padding: 0;}

.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list img{max-width: 150px;}
.smartlife-container .sec-box .best-choice .choice-title-block .price{ margin-left: 0;}

.smartlife-container .sec-box .sec-title h2, .smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .smart-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .item-block h4{ font-size: 1.25rem;}
.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul li{ font-size: 1rem;}



}
@media screen and (max-width: 1100px) {
.smartlife-container .sec-box .best-choice .item-block .item img{ max-width: 60px;}
.smartlife-container .sec-box .best-choice .best-choice-icon{ max-width: 85px; left: -13px;}
.smartlife-container .sec-box .best-choice .item-block .item:nth-child(2){ padding-left: 3%;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .price,.smartlife-container .sec-box .combo-block .combo-item .item-block .price, .smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list .price{ display: inline-block; margin-left: 0;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item .smart-list p,.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul li{font-size: .9rem;}
.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item img{ max-width: 200px;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .smart-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .item-block h4{ flex-direction: column; font-size: 1.25rem;}
.smartlife-container .sec-box .best-choice .choice-title-block .title{ font-size: 1.25rem;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item{ padding: 1rem;}

/*discount 多選一 241015*/
.smartlife-container .sec-default .swiper-slide-active .combo-card_title{font-size: 1.2rem !important;}
.smartlife-container .smartlife-card-plan-info{ font-size: 1rem;}
.smartlife-container .smartlife-card_h4{ font-size: 1rem;}

}


@media screen and (max-width: 1024px) {
/*discount 多選一 241015*/
.smartlife-container .combo-card{ padding-top: 0 !important;}
.smartlife-container .combo-card.vm-space{ padding: 0;}
/* .smartlife-container .sec-default .swiper-slide-active .combo-card{ min-height: 635px;} */
.smartlife-container .combo-card{ min-height: 500px;}

.smartlife-container .plan-box .table-box{ overflow-x:scroll; overflow-y:hidden;}
.smartlife-container .plan-box .mobile-show{ display: block; margin-bottom: 5px;}
.smartlife-container ::-webkit-scrollbar-thumb{ background-color: #666; border-radius: 0px; outline: 1px solid #666;}
.smartlife-container ::-webkit-scrollbar{ height: 8px; -webkit-appearance: none;}
.smartlife-container ::-webkit-scrollbar-track{ box-shadow:inset 0 0 2px rgba(128, 128, 128, 0.4); -webkit-box-shadow:inset 0 0 2px rgba(128, 128, 128, 0.4);}
.smartlife-container ::-webkit-scrollbar:hover{ height: 12px;}
.smartlife-container .plan-box .table-box table{ width: 1000px;}

}


@media screen and (max-width: 900px) {
.smartlife-container .wrapper{ padding: 4%;}
.smartlife-container .features-box .wrapper{ padding: 4%;}

.smartlife-container .sec-box .combo-block .combo-plus{ width: 30px;}
.smartlife-container .features-box .features-main .features-item dt{ font-size: 1.25rem;}

}

@media screen and (max-width: 768px) {
.smartlife-container .title-block::before{ font-size: 20px;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list img{ max-width: 100%;}
.smartlife-container .hero-box .bg{ background-color: #ddd1b9; padding-bottom: 5%;}
.smartlife-container .btn-box .btn.phone{ display: flex;}
.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item, .smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item, .smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item,.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item img{ max-height: none;}
.smartlife-container h1, .smartlife-container h2{font-size: 1.75rem;}
.smartlife-container h1 span, .smartlife-container h2 span{ display: block;}
.smartlife-container .title-block p, .smartlife-container .features-box .features-main .features-item dt, .smartlife-container .sec-box .sec-title h4{ font-size: 1.25rem;}
/*btn*/
.smartlife-container .btn-box{ display: flex; flex-direction: column; width: 100%; justify-content:space-evenly;}
.smartlife-container .btn-box .btn{ margin: 0 auto 5%; min-width: 90%;}

/*hero*/
.smartlife-container .hero-box .kv-main .main-pic{ width: 95%; text-align: center;}

/*plan*/


/*tab*/
.smartlife-container .tab-box ul li{ border-right: 1px solid #ff602e; margin: 0;}
.smartlife-container .tab-box ul li a{ font-size: .85rem; border-right: none; padding: 2px 0 4px;}
.smartlife-container .tab-box ul li a i{width: 10px; height: auto;}


/*sec*/
.smartlife-container .sec-box .sec-title img{ max-width: 50px; height: auto;}
.smartlife-container .sec-box .sec-title p{ font-size: 1rem;}

.smartlife-container .sec-box .best-choice .best-choice-icon{ max-width: 80px; height: auto; left: -12px;}
.smartlife-container .sec-box .best-choice{ padding:6% 3% 1%; width: calc(100% - 12px); margin-left: 8px; box-shadow: 0 16px 0 -10px #008e9c;}
.smartlife-container .sec-box .best-choice .choice-title-block .title{ margin-bottom: 2px; font-size: 1rem;}
.smartlife-container .sec-box .best-choice .choice-title-block .price{ margin-left: 0; font-size: 12px;}

.smartlife-container .sec-box .best-choice .item-block{ flex-direction: column;}
.smartlife-container .sec-box .best-choice .item-block .item{ justify-content: center;}
.smartlife-container .sec-box .best-choice .item-block .item.w300{ width: 100%;}
.smartlife-container .sec-box .best-choice .item-block .item:nth-child(1){ padding-bottom: .5rem;}
.smartlife-container .sec-box .best-choice .item-block .item:last-child{ border-left: 0; border-top: 4px solid #f4f8fa; padding: .5rem 0 0;}
.smartlife-container .sec-box .best-choice .item-block .item .main ol{ margin-left: .9rem;}
.smartlife-container .sec-box .best-choice .item-block .item .main p, .smartlife-container .sec-box .best-choice .item-block .item .main ol li{ font-size: .9rem;}
.smartlife-container .sec-box .best-choice .item-block .item img{ margin-right: 10px; max-width: 50px;}
.smartlife-container .sec-box .best-choice .item-block .item .main .small-note{ font-size: 12px;}

.smartlife-container .sec-box .combo-block .combo-item .tv-item-block h4, .smartlife-container .sec-box .combo-block .combo-item .item-block h4,.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list p{ font-size: 1.1rem; margin-bottom: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block h4{ font-size: 1.1rem; margin-bottom: 0.5rem;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .price{ display: contents;}
.smartlife-container .sec-box .combo-block{ flex-direction: column; margin-bottom: 5%;}
.smartlife-container .sec-box .combo-block .combo-item:first-child,.smartlife-container .sec-box .combo-block .combo-item:last-child{ width: 100%;}
.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul{ margin-left: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item .combo-feature ul li::marker{ font-size: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block, .smartlife-container .sec-box .combo-block .combo-item .item-block{ padding: 3%;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block:first-child{ margin-bottom: 0.5rem;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-or{ padding: 0 1rem .5rem;}
.smartlife-container .sec-box .combo-block .combo-item:first-child{ margin-right: 0; margin-bottom: 0;}
.smartlife-container .sec-box .combo-block .combo-plus{ position: relative; width: 40px; height: auto; left: 50%; transform: translate(-50%, 0);}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item{ flex-direction: column; width: 100%; padding: 1rem 1rem 0;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list{width: 100%; margin-right: 0; padding-right: 0; border-right: 0; border-bottom: 4px solid #ebf4f7; margin-bottom: 1rem; padding-bottom: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list img{ max-width: 150px; height: auto;}
.smartlife-container .sec-box .combo-block .combo-item.smart .smart-item .smart-list:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.smartlife-container .sec-box .combo-block .combo-item .smart-item-block .smart-item{ min-height: fit-content; margin-bottom: 0;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item .tv-list:first-child{ margin-right: 0;}
.smartlife-container .sec-box .combo-block .combo-item .combo-btn{ font-size: .9rem; margin-top: .5rem;}

.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item-box{ flex-direction: column;}
.smartlife-container .sec-box .combo-block .combo-item .item-block .prod-item{ margin-bottom: 1rem;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .tv-item{ margin-bottom: .5rem; display: flex; flex-direction: column;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .new-tv-item{flex-direction: column;align-items:center;}
.smartlife-container .sec-box .combo-block .combo-item .tv-item-block .new-tv-item .combo-feature{ margin-right: 0; margin-bottom: .5rem;}

.smartlife-container .sec-box .combo-block .combo-item .combo-feature{ margin-right: 0;}
.smartlife-container #tab05 .combo-block .combo-item .combo-feature{ width: 100%;}

/*features*/
.smartlife-container .features-box .features-main dl{ flex-wrap: wrap; justify-content:space-evenly; align-items:stretch;}
.smartlife-container .features-box .features-main .features-plus{ display: none;}
.smartlife-container .features-box .features-main .features-item{ width: 50%; margin-bottom: 2.5%; text-align: center; min-height: auto;}
.smartlife-container .features-box .features-main .features-item dd{ font-size: .9rem;}

/*table*/
.smartlife-container .plan-box .table-ad{ padding: 5% 0 0; margin-bottom: 5%; background-color: #fff;}
.smartlife-container .plan-box .table-box table tr td:last-child{ font-size: .85rem;}
.smartlife-container .plan-box .table-box table{ width: 1000px;}

/*discount 多選一 241015*/

.smartlife-container .combo-card_info hr{ margin: 10px 0 !important;}
.smartlife-container .smartlife-card-product_price{ font-size: 12px;}
.smartlife-container .sec-default .swiper-slide-active .combo-card_title{ font-size: 1.15rem !important;}

.smartlife-container .smartlife-card_feature{ margin-left: .85rem; margin-bottom: 10px;}
.smartlife-container .smartlife-card_feature li{ font-size: .85rem; list-style-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/smartlife/icon-check.svg); line-height: 140%; text-align: left;}
.smartlife-container .smartlife-card_feature li::marker{ font-size: 1rem;}

.smartlife-container .smartlife-card_h4{ font-size: 1rem; text-decoration: underline; color: #129a92; font-weight: 700;}
.smartlife-container .smartlife-card-plan_price{ font-size: .85rem; font-weight: 700;}
.smartlife-container .smartlife-card-plan_price .price{ color: #129a92;}

.smartlife-container .smartlife-card-plan-info{ font-size: .85rem; font-weight: 700; margin-bottom: 5px;}
.smartlife-container .smartlife-card-plan-info .point{color: #fe0072;}

.smartlife-container .sec-default .btn{ display:inline-block !important; font-size: .85rem !important; min-height: fit-content !important;}

.smartlife-container .sec-default .swiper-slide-active .combo-card{ min-height: 410px;}
.smartlife-container .combo-card{ min-height: 340px;}
}

@media screen and (max-width: 500px) {
.smartlife-container{ background: #ffdbd3;}
.smartlife-container .sec-box .best-choice .item-block .item{ justify-content: flex-start;}
.smartlife-container .sec-box .best-choice .item-block .item img{ margin-right: 10px;}
.smartlife-container .terms-box{ border: 1px solid #ebebeb;}
.smartlife-container .plan-box .regular-ad .Y24wifi img{ margin-bottom: 0; border-radius:5px;}
.smartlife-container #tab05 .combo-block .combo-item .item-block .prod-item img{max-height:150px}

.smartlife-container .plan-box .table-ad{ display: grid; grid-template-columns:repeat(1, 1fr); grid-row-gap: 20px; padding: 20px;}

}