@charset "UTF-8";
/*century-gothic font*/
@font-face {
    font-family:"century gothic";
    src:url("https://fonts.googleapis.com/earlyaccess/notosanssc.css");
    font-display:auto; font-style:normal; font-weight:400; font-stretch:normal;
    }
/*estore-benefit css*/
*{scroll-behavior: smooth;}
.estore-benefit-container{ width: 100%; overflow: hidden; display: flex; flex-direction: column; cursor: default; box-sizing: border-box; align-items: center; text-align: center; background: linear-gradient(0deg, rgba(35,167,161,1) 40%, rgba(35,167,161,1) 85%, rgba(20,215,206,1) 100%); position: relative; z-index: 0; color: #333; font-family: "Century Gothic", "Noto Sans TC", Helvetica, Arial, "sans-serif"; scroll-behavior: smooth;}

.estore-benefit-container .swiper-pagination-bullet-active{ background-color: #00fff3 !important;}

.estore-benefit-container img{ width: 100%;}
.estore-benefit-container small{ color: inherit;}
.estore-benefit-container .green{ color: #23a7a1;}
.estore-benefit-container .wrapper{ width: 70%; margin: 0 15%;}

.estore-benefit-container .subtitle{ position: relative; z-index: 1; display: inline-block;}
.estore-benefit-container .subtitle h3, .estore-benefit-container .sec7 .number-box p{ text-shadow: 0 1px 5px rgba(0,0,0,.75);}
.estore-benefit-container .subtitle h3{ color: #fdf269; font-size: 3rem;}
.estore-benefit-container .subtitle h4{ color: #fff; font-size: 2.5rem; font-weight: 700;}
.estore-benefit-container .subtitle .hide-comma{ display: inline-block; font-size: inherit; color: inherit;}


/*kv-box*/
.estore-benefit-container .kv-box{ position: relative; width: 100%; margin-bottom: 5%;}
.estore-benefit-container .kv-box .kv-bg{ position: absolute; width: 100%; height: auto; left: 0; top: 0;}
.estore-benefit-container .kv-box .slogan{ z-index: 1; position: relative; margin-left: 8%; margin-top: 5%; width: 45%;}
.estore-benefit-container .kv-box .point{ z-index: 1; position: relative; margin-left: 25%; margin-top: 1%; width: 17.5%;}

/*sec1 新朋友、老朋友需求*/
.estore-benefit-container .sec1{ position: relative; overflow: hidden; width: 100%; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/bg-icon.svg); background-position: center top; background-repeat: repeat-y; background-size: contain; margin-bottom: 5%;}
.estore-benefit-container .sec1::after{ content: ''; width: 140%; height: 100%; position: absolute; left: -20%; top: 0; z-index: -1; border-radius: 0 0 50% 50%; background: linear-gradient(0deg, rgba(36,146,141,1) 0%, rgba(31, 177, 170,.1) 100%);}

.estore-benefit-container .sec1 .sec1-box{ width: 100%; position: relative;}
.estore-benefit-container .sec1 .sec1-box .sec-1-bg{position: absolute; width: 100%; height: auto; left: 50%; top: 0; transform: translate(-50%, 10%);}

.estore-benefit-container .sec1 .sec1-box .sec1-main{ box-sizing: border-box;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl{ background: linear-gradient(0deg, rgba(232, 232, 232,1) 0%, rgba(255, 255, 255,1) 70%); border-radius: 40px; box-shadow: 0 1px 10px rgba(0,0,0,.2); margin-bottom: 10%;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl:last-child{ margin-top: 20px;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dd:first-child img{ border-radius: 40px 40px 0 0; padding: 10px;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dt{ font-size: 1.8rem;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dd, .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list p{ font-size: 1.2rem; line-height: 140%;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dd:last-child{ margin-bottom: 20px;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl:first-child dd:last-child{ margin-bottom: 0px;}
.estore-benefit-container .sec1 .sec1-box .sec1-main .highlight{ background:linear-gradient(transparent 40%,rgba(255,255,255,0) 30%, #00fff3 90%,transparent 95%);}

.estore-benefit-container .sec1 .sec1-box .sec1-main .sec1-btn{ background-color: #23a7a1; border-radius: 0 0 40px 40px; color: #fff; font-size: 1rem; line-height: 100%; display: block; width: 100%; padding: 1rem 0; box-sizing: border-box; margin-top: 10px;}
.estore-benefit-container .sec1 .sec1-box .sec1-main .sec1-btn:hover{ color: #fdf269;}
.estore-benefit-container .sec1 .sec1-box .sec1-main .sec1-btn i{width: 15px; height: 15px; margin-left: .5rem; content: ''; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/arrow-down.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center; display: inline-block; transition: .2s all;}

/*sec1 swiper*/
.estore-benefit-container .sec1 .sec1-box .swiper-wrapper.sec1-main{ padding: 2.5% 0 5%;}
.estore-benefit-container .sec1 .sec1-box .swiper-pagination.sec1-main{ display: none;}

/*sec2 網路門市申辦省更多*/
.estore-benefit-container .sec2{ position: relative; overflow: hidden; width: 100%; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/bg-icon.svg); background-position: center top; background-repeat: repeat-y; background-size: contain; padding-bottom: 5%;}
.estore-benefit-container .sec2 .sec2-box{ width: 100%; margin-bottom: 2.5%; position: relative;}
.estore-benefit-container .sec2 .sec2-box .sec-2-bg{position: absolute; width: 100%; height: auto; left: 50%; top: 0; transform: translate(-50%, 25.5%);}

.estore-benefit-container .sec2 .subtitle .save{ display: inline-block; border-radius: 50px; background-color: #fdf269; color: #00968f; text-shadow: none; line-height: 120%; margin: 4px; padding: 0 .3rem; box-shadow: 0 1px 5px rgba(0,0,0,.75);}

.estore-benefit-container .sec2 .sec2-box .sec2-main{box-sizing: border-box;}

.estore-benefit-container .sec2 .sec2-box .swiper-wrapper.sec2-main{ display: inline-flex;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list{ background-color: #fff; border-radius: 80px 20px 20px 20px; box-shadow: 0 1px 10px rgba(0,0,0,.2);}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box{ position: relative; display: block; width: 100%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box .sec2-pic{display: block; width: 100%; height: auto; border-radius: 80px 20px 0px 0px; overflow: hidden;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box .sec2-tag{ position: absolute; left: 10px; bottom: 10px; text-align: left; display: inline-flex; flex-direction: column; align-items: flex-start;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box .sec2-tag p{ background-color: #fff; color: #23a7a1; font-size: 13px; font-style: italic; margin-bottom: 5px; padding: 5px 8px; line-height: 100%; clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box .sec2-tag p:last-child{ margin-bottom: 0;}

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-txt{text-align: center; display: inline-flex; flex-direction: column; align-items: center; width: 100%; margin-top: 1rem;}

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list h5{ font-size: 1.6rem; font-weight: 700;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list p{ font-size: 1.2rem; line-height: 140%;}

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec2-btn{ color: #23a7a1; border-radius: 0 0 40px 40px; font-size: 1rem; line-height: 100%; display: block; width: 100%; padding: 10px 0; box-sizing: border-box;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec2-btn i{width: 15px; height: 15px; margin-left: .5rem; content: ''; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/arrow-more.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center; display: inline-block; }

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box .full-white, .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-pic-box .full-white .sec2-btn{ color: #fff;}

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even) .sec-pic-box .sec2-pic{ margin-bottom: 0px;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even) .sec-pic-box .sec2-tag{ top: 10px; }
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even){ border-radius: 20px 20px 80px 20px; }
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even) .sec-pic-box .sec2-pic{ border-radius: 20px 20px 80px 20px;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even) dt{ position: absolute; left: 50%; bottom: 10px; text-align: left; display: inline-flex; flex-direction: column; align-items: flex-start;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even) .sec-txt{position: absolute; left: 0; top: 59%; text-align: center; display: inline-flex; flex-direction: column; align-items: center; width: 100%; margin-top: 0;}

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(1), .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(4){ margin-top:5.5%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(2), .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(3){ margin-top:11.5%;}

.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(2){ background-color: #10615c;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(4){ background-color: #bdf6e5;}

/*sec2 方案 swiper*/
.estore-benefit-container .sec2 .sec2-box .swiper-pagination.sec2-main{ display: none;}

/*sec2 特點*/
.estore-benefit-container .sec2 .sec2-box-2{ width: 100%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2{ position: relative; display: block; width: 100%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2:nth-child(2){ margin-top: 5%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec2-pic-box-2{ display: block; width: 100%; height: auto; overflow: hidden;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: left; display: inline-flex; width: 70%; align-items:center;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 img{ width: 65px;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 p{ display: block; margin-left: 5%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 p span{ display: block;}
/*sec2 特點 swiper*/
.estore-benefit-container .sec2 .sec2-box-2 .swiper-pagination.sec2-box-2{ display: none;}

/*sec3 老客戶獨享*/
.estore-benefit-container .sec3{ position: relative; overflow: hidden; width: 100%; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/sec-3-bg.webp); background-position: center bottom; background-repeat: no-repeat; background-size: cover; margin-bottom: 5%; padding: 5% 0;}

.estore-benefit-container .sec3 .subtitle p{ color: #fff;}

.estore-benefit-container .sec3 .ex-box{ margin: 2.5% 2.5% 5%;}
.estore-benefit-container .sec3 .ex-box .ex-box-main{ margin-bottom: 2.5%; border-radius: 20px; box-shadow: 0 1px 10px rgba(0,0,0,.2); display: flex; border: 2px solid #00fff3; box-sizing: border-box; background-color: #fff; overflow: hidden;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left{ background-color: #02edf4; display: inline-flex; justify-content: center; width: 40%; }
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left dl{ display: inline-flex; margin: 0; padding: 5%; align-items:center; text-align: left; width: 100%;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left dl dt{margin: 0; padding: 0;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left dl dt p{ font-size: 1rem; }
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left .user-icon{ width: 55px; margin-right: .5rem;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right{ width: 60%; padding: .5rem 1rem; box-sizing: border-box; display: inline-flex; flex-direction: column; justify-content: center; align-items:flex-start;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right .ex-box-tip{ font-size: 13px; color: #949494; line-height: 100%; padding: 2px 5px; border: 1px solid #dbe6e3; font-style: normal; margin-bottom: .5rem;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right dl{ display: inline-flex; border-bottom: 2px solid #dbe6e3; padding-bottom: .5rem; margin-bottom: .5rem; width: 100%; justify-content:space-between;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right dl dt, .estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right dl dd{ margin-bottom: 0;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right .note{ font-size: .9rem; text-align: left;}

.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right dl:last-child{ border-bottom: 0;}
.estore-benefit-container .sec3 .ex-box .ex-box-main:first-child .ex-box-right dl{ padding-bottom: 0; margin-bottom: 0;}

/*sec3 step*/
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle{ margin-bottom: 2.5%;}
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4{ color: #fff; display: block; font-size: 2rem; font-weight: 700;}
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span{ position: relative;}
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span::before, .estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span::after{content: "";position: absolute;top: 50%; background: #fff; width: 40%; height: 4px;}
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span::before {left: -45%;}
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span::after {right: -45%;}

.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step__title{ margin: 5% 0; display: inline-flex; flex-direction: column; align-items:center;}
.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step__title p{ color: #fff; font-size: 1.1rem; position: relative; display: inline-block;}
.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step__title i{ font-style: normal; display: block; border-radius: 20px; width: 30px; height: 30px; font-size: 1rem; font-weight: 700; line-height: 30px; text-align: center; color: #272e38; background-color: #fff; margin-bottom: 5%;}
.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step__title .green{  color: #02edf4;}
.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step .sec3-picture-step-item{ display: inline-flex; flex-direction: column; align-items: center;}
.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step .sec3-picture-step-item img{ width: revert-layer;}
/*sec3 step swiper*/
.estore-benefit-container .sec3 .sec3-step-box .swiper-pagination.sec3-picture-step{ display: none;}


/*sec4 網路門市三大保證*/
.estore-benefit-container .sec4{ position: relative; overflow: hidden; width: 100%; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/bg-icon.svg); background-position: center top; background-repeat: repeat-y; background-size: contain; padding-bottom: 2.5%;}

.estore-benefit-container .sec4 .sec4-box{ width: 100%; position: relative;}
.estore-benefit-container .sec4 .sec4-box .sec-4-bg{ position: absolute; width: 100%; height: auto; left: 50%; top: 0; transform: translate(-50%, 5%);}

.estore-benefit-container .sec4 .sec4-box .sec4-main{ box-sizing: border-box;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl{ background: linear-gradient(0deg, rgba(232, 232, 232,1) 0%, rgba(255, 255, 255,1) 20%); border-radius: 40px; box-shadow: 0 1px 10px rgba(0,0,0,.2); border-radius: 80px 20px 20px 20px; padding: 15px 0;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl:nth-child(2){ margin-top: 40px;  border-radius: 20px 20px 80px 20px;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl:nth-child(2) dd:last-child{ margin-bottom: 0px;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dd img{ border-radius: 40px 40px 0 0; padding-left: 15px;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dt{ font-size: 1.8rem;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dd, .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list p{ font-size: 1.2rem; line-height: 140%;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dd:last-child{ margin-bottom: 20px;}

.estore-benefit-container .sec4 .sec4-box .sec4-main .sec4-btn{ background-color: #23a7a1; border-radius: 0 0 40px 40px; color: #fff; font-size: 1rem; line-height: 100%; display: block; width: 100%; padding: 10px 0; box-sizing: border-box; margin-top: 10px;}
.estore-benefit-container .sec4 .sec4-box .sec4-main .sec4-btn i{width: 15px; height: 15px; margin-left: .5rem; content: ''; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/arrow-down.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center; display: inline-block; vertical-align: text-top;}

/*sec4 swiper*/
.estore-benefit-container .sec4 .sec4-box .swiper-wrapper.sec4-main{ padding: 0 0 5%; }
.estore-benefit-container .sec4 .sec4-box .swiper-pagination.sec4-main{ display: none;}

/* sec5 線上申辦 流程*/
.estore-benefit-container .sec5 .wrapper{ width: 80%; margin: 0 auto;}
.estore-benefit-container .sec5{ background-color: #d4f6ec; clip-path: polygon(0 100%, 100% 100%, 100% 0, 75% 0, 50% 5%, 25% 0, 0 0); padding: 5% 0; width: 100%;}
.estore-benefit-container .sec5 .subtitle h3{ color: #23a7a1; text-shadow: 0 1px 5px rgba(255,255,255,.9);}

.estore-benefit-container .sec5 .sec5-step-box{ color: #23a7a1; border-radius: 80px 20px 80px 20px; display: inline-flex; background-color: #fff; margin-top: 2.5%; box-sizing: border-box; }
.estore-benefit-container .sec5 .sec5-step-box .step-main{ display: inline-flex; flex-direction: column; align-items: center; padding: 1rem 0; margin: 0; border-radius: 80px 0 0 20px; width: 20%; box-sizing: border-box;}
.estore-benefit-container .sec5 .sec5-step-box .step-main:first-child{ color: #fff; background-color: #23a7a1; padding-left: 1rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main:last-child{ padding-right: 1rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl{ margin-bottom: 0; padding: 0 .5rem ;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl dt{ font-size: 1.8rem; margin: .5rem 0; font-weight: 700;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl dd{ font-size: 1rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl dd span{ display: block;}
.estore-benefit-container .sec5 .sec5-step-box .step-pic{ width: 155px; height: auto;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1, .estore-benefit-container .sec5 .sec5-step-box .icon-2{ padding-top: 6.5%; width: 8%;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1 img, .estore-benefit-container .sec5 .sec5-step-box .icon-2 img{ position: relative; z-index: 1;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1{ position: relative; margin-left: -1px;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1::after{ background-color: #23a7a1; clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%); content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.estore-benefit-container .sec5 .sec5-step-box .icon{ width: 2%; padding-top: 7.5%;}

.estore-benefit-container .sec5 .sec5-step-box ol li{ list-style: auto; line-height: 120%;}
.estore-benefit-container .sec5 .sec5-step-box ul, .estore-benefit-container .sec5 .sec5-step-box ol{ text-align: left; margin-left: 1rem; display: inline-flex; flex-direction: column;}
.estore-benefit-container .sec5 .sec5-step-box ul li{ list-style: disc;}
.estore-benefit-container .sec5 .sec5-step-box ul li::marker{ color: #23a7a1;}

/*sec6*/
.estore-benefit-container .sec6{ position: relative; overflow: hidden; width: 100%; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/sec-6-bg.webp); background-position: center bottom; background-repeat: no-repeat; background-size: cover; padding: 5% 0;}

.estore-benefit-container .sec6 .sec6-main{ box-sizing: border-box;}
.estore-benefit-container .sec6 .sec6-main .sec6-item{ background:  linear-gradient(0deg, rgba(232, 232, 232,1) 0%, rgba(255, 255, 255,1) 10%); box-shadow: 0 1px 10px rgba(0,0,0,.2); border-radius: 80px 20px 20px 20px; padding: 0; overflow: hidden; height: fit-content;}
.estore-benefit-container .sec6 .sec6-main .sec6-item:nth-child(2){ margin-top: 40px;  border-radius: 20px 20px 80px 20px;}
.estore-benefit-container .sec6 .sec6-main .sec6-item:nth-child(2) dd:last-child{ margin-bottom: 0px;}
.estore-benefit-container .sec6 .sec6-main .sec6-item dl{ padding: 0 1rem 2rem; margin-bottom: 0;}
.estore-benefit-container .sec6 .sec6-main .sec6-item dl dt{ font-size: 1.7rem; color: #23a7a1; line-height: 120%; margin-bottom: .5rem;}
.estore-benefit-container .sec6 .sec6-main .sec6-item dl dd, .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list p{ font-size: 1.2rem; line-height: 140%;}
/*sec6 swiper*/
.estore-benefit-container .sec6 .swiper-container.sec6-main{ margin-top: 2.5%;}
.estore-benefit-container .sec6 .swiper-pagination.sec6-main{ display: none;}

/*sec7 萬人*/
.estore-benefit-container .sec7{position: relative; overflow: hidden; width: 100%; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/sec-7-bg.webp); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.estore-benefit-container .sec7 .number-box{padding: 10% 0;}
.estore-benefit-container .sec7 .number-box p{ font-size: 2.2rem; color: #fff; line-height: 150%;}
.estore-benefit-container .sec7 .number-box .number{ margin-bottom: 5%;}
.estore-benefit-container .sec7 .number-box .number .counter-value{ font-size: 10rem; color: #fdf269; font-weight: 900; font-family: 'century gothic', 'CenturyGothic', Helvetica, sans-serif;}


/*sec 8*/
.estore-benefit-container .sec8{ display: inline-flex; width: 96%; margin: 0 2% 2.5%; position: relative;}

.estore-benefit-container .sec8 .swiper-wrapper.review{ width: 100%; height: auto; display: inline-flex; box-sizing: border-box; margin-bottom: 5%;}
.estore-benefit-container .sec8 .review-card{ background-image: linear-gradient(to top, #e9f7f5 0%, white 100%); border-radius: 15px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); padding: 10px 15px; display: inline-flex; flex-direction: column; height: auto; border: solid 1px #00968f; box-sizing: border-box;}
.estore-benefit-container .sec8 .review-card .review-area{ font-size: 13px; color: #666; margin-bottom: 2px;}
.estore-benefit-container .sec8 .review-card .review-profile{  font-size: 1.5rem; margin: 5px 0;}
.estore-benefit-container .sec8 .review-card .review-date{ font-size: 13px; color: #666; margin-bottom:5px;}
.estore-benefit-container .sec8 .review-card .review-star-rating{ display: inline-flex; flex-direction: row; margin: 0 auto; margin-bottom: 10px; justify-content:center;}
.estore-benefit-container .sec8 .review-card .review-star-rating .review-star{ width: 18px; margin: 0 2px; height: 18px;}
.estore-benefit-container .sec8 .review-card .review-text{ text-align: left;}
.estore-benefit-container .sec8 .review-card .review-icon{ width: 25%; height: auto;}

/*sec9*/
.estore-benefit-container .sec9 {width: 100%; padding-bottom: 5%;}
.estore-benefit-container .sec9 .qa-content{ background-color: #fff; border-radius: 20px; padding: 1.5rem; margin-top: 2.5%; box-shadow: 0 1px 20px rgba(0,0,0,.2);}

.estore-benefit-container .sec9 .qa-content .container-accordion{ display: inline-flex; flex-direction: column; width: 100%;align-items: center;}
.estore-benefit-container .sec9 .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%;}
.estore-benefit-container .sec9 .qa-content .container-accordion .accordion-navigation{ border-bottom: #bfbfbf 1px dotted; width: 100%; text-align: left; margin-bottom: .5rem; padding-bottom: .5rem;}
.estore-benefit-container .sec9 .qa-content .container-accordion .accordion-navigation:last-child{ border-bottom: none !important; padding-bottom: 0;}
.container-accordion .container-accordion-content{ height: 0px; overflow: hidden; font-size: .9rem; line-height: 140%; transition: 0.3s ease-in !important;}
input[type=radio]:checked+.container-accordion-content{ height: auto; font-size: .9rem; line-height: 140%; padding-bottom: .5rem; padding-top: .5rem;}
input[type=radio]{ display: none;}

/*qa btn*/
.estore-benefit-container .qa-btn{ display: inline-flex; align-items:center; justify-content:center; font-size: 1rem; padding: .5rem 1.1rem; border: 2px #10998f solid; border-radius: 30px; text-decoration: none; color: #10998f; text-align: center; box-sizing: border-box; transition:box-shadow .15s,transform .15s; width: fit-content;}
.estore-benefit-container .qa-btn i{ width: 15px; height: 15px; margin-left: .5rem; content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/estore-benefit/qa-btn-i.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center;}
.estore-benefit-container .qa-btn:hover, .qa-btn:focus{ transform: scale(1.02);}








@media screen and (max-width: 1280px) {
.estore-benefit-container .sec2 .sec2-box .sec-2-bg{transform: translate(-50%, 33%);}
.estore-benefit-container .sec2 .sec2-box .swiper-wrapper.sec2-main{ margin-bottom: 5%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list{ height: auto;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(1), .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(4){ margin-top:12%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(2), .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(3){ margin-top:12%;}

/*sec2 方案 swiper*/
.estore-benefit-container .sec2 .sec2-box .swiper-pagination.sec2-main{ display: block;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2{ width: 80%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 img{ width: 55px;}

.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left .user-icon{ width: 45px;}

/*sec5*/
.estore-benefit-container .sec5 .sec5-step-box .step-pic{ width: 120px;}

/*sec6*/
.estore-benefit-container .sec6 .sec6-main .sec6-item dl dt span{display: block;}



}



@media screen and (max-width: 1024px) {
.estore-benefit-container .subtitle h3{ font-size: 2.5rem;}
.estore-benefit-container .subtitle h4{ font-size: 2rem;}
.estore-benefit-container .wrapper{ width: 90%; margin: 0 5%;}

/*sec1 新朋友、老朋友需求*/
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dt, .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list h5, .estore-benefit-container .sec4 .sec4-box .sec4-main dl dt, .estore-benefit-container .sec5 .sec5-step-box .step-main dl dt, .estore-benefit-container .sec6 .sec6-main .sec6-item dl dt{ font-size: 1.5rem;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dd, .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list p, .estore-benefit-container .sec4 .sec4-box .sec4-main dl dd, .estore-benefit-container .sec6 .sec6-main .sec6-item dl dd{ font-size: 1.1rem; line-height: 140%;}

/*sec2 網路門市申辦省更多*/
.estore-benefit-container .sec2 .sec2-box .sec-2-bg{ transform: translate(-50%, 28%);}

/*sec2 特點 */
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2{ width: 87.5%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 img{ width: 55px;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 p{ margin-left: .5rem; width: 65%;}

/*sec3 step swiper*/
.estore-benefit-container .sec3 .sec3-step-box .swiper-wrapper.sec3-picture-step{ margin-bottom: 5%;}
.estore-benefit-container .sec3 .sec3-step-box .swiper-pagination.sec3-picture-step{ display: block;}

/*sec5*/
.estore-benefit-container .sec5 .wrapper{ width: 90%; margin: 0 auto;}
.estore-benefit-container .sec5 .sec5-step-box .step-pic{ width: 100px;}

/*sec 8*/
.estore-benefit-container .sec8{ width: 90%; margin: 0 5% 5%;}
.estore-benefit-container .sec8 .review-card .review-profile{ font-size: 1.2rem;}

}






@media screen and (max-width: 750px) {
.estore-benefit-container .wrapper{ width: 90%; margin: 0 5%;}
.estore-benefit-container .subtitle h3 span, .estore-benefit-container .subtitle h4 span{ display: block;}
.estore-benefit-container .subtitle .hide-comma{ display: none;}
/*kv-box*/
.estore-benefit-container .kv-box{ margin-bottom: 35%;}
.estore-benefit-container .kv-box .slogan{ margin-left: 5%; margin-top: 2.5%; width: 90%;}
.estore-benefit-container .kv-box .point{ margin-left: 8%; margin-top: 10%; width: 35%;}

/*sec1 新朋友、老朋友需求*/
.estore-benefit-container .sec1{ padding: 0 0 5%;}
.estore-benefit-container .sec1::after{ width: 200%; height: 100%; left: -50%; top: 0;}
.estore-benefit-container .sec1 .sec1-box .sec-1-bg{ transform: translate(-50%, 14%);}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl:last-child{ margin-top: 0px;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dt{ font-size: 1.4rem;}
.estore-benefit-container .sec1 .sec1-box .sec1-main dl dd{ font-size: 1rem; line-height: 140%;}
/*sec1 swiper*/
.estore-benefit-container .sec1 .sec1-box .swiper-pagination.sec1-main{ display: block;}

/*sec2 網路門市申辦省更多*/
.estore-benefit-container .sec2 .sec2-box .sec-2-bg{ width: 105%; transform: translate(-50%, 20%);}
.estore-benefit-container .sec2 .sec2-box .swiper-wrapper.sec2-main{ margin-bottom: 8%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(1), .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(4){ margin-top:20%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(2), .estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(3){ margin-top:20%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list:nth-child(even) .sec-txt{ top: 58%;}
.estore-benefit-container .sec2 .sec2-box .sec2-main .item-list .sec-txt{ margin-top: 2%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2:nth-child(2){ margin-top:0;}

/*sec2 特點 */
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2{ width: 80%; justify-content:center;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 img{ width: 20%;}
.estore-benefit-container .sec2 .sec2-box-2 .item-list-2 .sec-txt-2 p{ margin-left: .5rem; width: 70%; font-size: 1rem;}
/*sec2 特點 swiper*/
.estore-benefit-container .sec2 .sec2-box-2 .swiper-pagination.sec2-box-2{ display: block;}

/*sec3 老客戶獨享*/
.estore-benefit-container .sec3 .ex-box .ex-box-main{ flex-direction: column; margin-bottom: 5%;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left, .estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right{width: 100%;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left dl{justify-content:center; padding: 2%;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left .user-icon{ width: 30px;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right{ padding: .5rem;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right dl dt, .estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-right dl dd{ font-weight: normal; font-size: .85rem;}
.estore-benefit-container .sec3 .ex-box .ex-box-main .ex-box-left dl dt p{ font-size: .85rem; font-weight: normal;}

.estore-benefit-container .sec3 .sec3-step-box .sec3-picture-step__title p{ font-size: 1rem;}
.estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span::before, .estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4 span::after{ display: none;}

/*sec4 網路門市三大保證*/
.estore-benefit-container .sec4{ padding: 0 0 5%;}
.estore-benefit-container .sec4 .sec4-box .sec-4-bg{ width: 90%; transform: translate(-50%, 5%);}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl{ margin-top: 2.5%; margin-bottom: 10%;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl:nth-child(2){ margin-top: 2.5%;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dd:last-child{ margin-bottom: 0;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dt{ font-size: 1.4rem;}
.estore-benefit-container .sec4 .sec4-box .sec4-main dl dd{ font-size: 1rem; line-height: 140%;}
/*sec4 swiper*/
.estore-benefit-container .sec4 .sec4-box .swiper-pagination.sec4-main{ display: block;}

/*sec5*/
.estore-benefit-container .sec5{ clip-path: polygon(0 100%, 100% 100%, 100% 0, 90% 0, 50% 1%, 10% 0, 0 0);}
.estore-benefit-container .sec5 .sec5-step-box{ flex-direction: column; width: 100%; align-items: center;}
.estore-benefit-container .sec5 .sec5-step-box .step-main{ flex-direction: row; width: 100%; padding:0 4rem; justify-content: flex-start;}
.estore-benefit-container .sec5 .sec5-step-box .step-main:first-child{ border-radius: 80px 20px 0 0; padding: .5rem 4rem 0;}
.estore-benefit-container .sec5 .sec5-step-box .step-main:last-child{ padding-bottom: .5rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl{ text-align: left; margin: 0; padding: 0 0 0 .5rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl dt{ margin: 0; font-size: 1rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main dl dd{ font-size: .85rem; line-height: 120%;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1, .estore-benefit-container .sec5 .sec5-step-box .icon-2{ padding-top: 0; width: 100%; margin-top: -1px;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1 img, .estore-benefit-container .sec5 .sec5-step-box .icon-2 img{ width: 13%;}
.estore-benefit-container .sec5 .sec5-step-box .icon-1::after{ clip-path: polygon(0 0, 100% 0, 100% 49%, 0 50%); }
.estore-benefit-container .sec5 .sec5-step-box .icon{ padding-top: 0; width: 3%;}

/*sec6*/
.estore-benefit-container .sec6 .sec6-main .sec6-item dl dd{ font-size: 1rem;}
.estore-benefit-container .sec6 .sec6-main .sec6-item{ height: auto;}
.estore-benefit-container .sec6 .sec6-main .sec6-item dl dt span{display: inline-block;}
.estore-benefit-container .sec6 .sec6-main .sec6-item:nth-child(2){ margin-top: 0;}
/*sec6 swiper*/
.estore-benefit-container .sec6 .swiper-pagination.sec6-main{ display: block;}
.estore-benefit-container .sec6 .swiper-wrapper.sec6-main{ margin-bottom: 15%;}

/*sec7*/
.estore-benefit-container .sec7 .number-box p{ font-size: 1.5rem; line-height: 140%;}
.estore-benefit-container .sec7 .number-box .number{ margin-bottom: 2.5%; line-height: normal;}
.estore-benefit-container .sec7 .number-box .number .counter-value{ font-size: 6rem; display: block;}

/*sec8*/
.estore-benefit-container .sec8{ width: 90%; margin: 0 5% 5%;}
.estore-benefit-container .sec8 .swiper-wrapper.review{ margin-bottom: 12%;}

/*sec8*/
.estore-benefit-container .sec8 .review-card .review-profile{ font-size: 1rem;}

/*sec9*/
.estore-benefit-container .sec9 .qa-content{ padding: 1rem;}
.estore-benefit-container .sec9 .qa-content .container-accordion label{font-size: .9rem;}

/*0730 補充 swiper-slide*/
.estore-benefit-container .swiper-container.sec1-main .swiper-slide { width: 100% !important; box-sizing: border-box;}
.estore-benefit-container .swiper-container.sec2-main .swiper-slide { width: 100% !important; box-sizing: border-box;}
.estore-benefit-container .swiper-container.sec2-box-2 .swiper-slide { width: 100% !important; box-sizing: border-box;}
.estore-benefit-container .swiper-container.sec3-picture-step .swiper-slide { width: 100% !important; box-sizing: border-box;}
.estore-benefit-container .swiper-container.sec4-main .swiper-slide { width: 100% !important; box-sizing: border-box;}
.estore-benefit-container .swiper-container.sec6-main .swiper-slide { width: 100% !important; box-sizing: border-box;}
.estore-benefit-container .swiper-container.review .swiper-slide { width: 100% !important; box-sizing: border-box;}

}


@media screen and (max-width: 500px) {
.estore-benefit-container .wrapper{ width: 90%; margin: 0 5%;}
.estore-benefit-container .subtitle h3{ font-size: 1.7rem;}
.estore-benefit-container .subtitle h4, .estore-benefit-container .sec3 .sec3-step-box .step-subtitle h4{ font-size: 1.25rem;}
.estore-benefit-container .sec1 .sec1-box .sec-1-bg{ width: 115%;  transform: translate(-50%, 17%);}
.estore-benefit-container .sec2 .sec2-box .sec-2-bg{ width: 115%; transform: translate(-50%, 22.5%);}
.estore-benefit-container .sec2 .sec2-box .swiper-wrapper.sec2-main{ margin-bottom: 12%;}

.estore-benefit-container .sec3 .ex-box{ margin-bottom: 10%;}
.estore-benefit-container .sec4 .sec4-box .sec-4-bg{ width: 115%;}

.estore-benefit-container .sec5 .sec5-step-box .step-main{ padding:0 1rem 0 2rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-main:first-child{ padding: .5rem 1rem 0 2rem;}
.estore-benefit-container .sec5 .sec5-step-box .step-pic{ width: 70px;}

}