/*計量光纖前導頁 css 241001*/
@charset "UTF-8";
.new-broadband-container{ display: block; position: relative; width: 100%; background-color: #9ae7d7; cursor: default; overflow: hidden; color:#323232; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/cloud-bg.webp); background-size: 100%; background-repeat: repeat-y; background-position: center center;}/*頁面管理背景為透明-需上背景色!*/

.new-broadband-container img{ width: 100%;}
.new-broadband-container .new-broadband-element-wrapper{ display: block; max-width: 1000px; margin:0 auto; padding: 0 0 50px;}
.new-broadband-container small{ color: inherit;}
.new-broadband-container .new-broadband-kv{display: block; position: relative; width: 100%; padding-bottom: 80%;}
.new-broadband-container .new-broadband-kv .kv-bg, .new-broadband-container .new-broadband-kv .kv-title, .new-broadband-container .new-broadband-kv .kv-box{ position: absolute; left: 0; top: 0;}

.new-broadband-container h1{ z-index: -99999; font-size: 0px; position: relative; text-indent: -99999;}

/*問答手風琴效果*/
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content .new-broadband-container-accordion{ display: inline-flex; flex-direction: column; width: 100%;align-items: center;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content .new-broadband-container-accordion label{ display: block; width: 100%; text-align: left; background-color: #fff; cursor: pointer; font-size: 1.1rem; color: #00968f; line-height: 140%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content .new-broadband-container-accordion label h2{ display: block; width: 100%; text-align: left; background-color: #fff; cursor: pointer; font-size: 1.1rem; color: #00968f; line-height: 140%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content .new-broadband-container-accordion .accordion-navigation{ border-bottom: #bfbfbf 1px dotted; width: 100%; text-align: left; margin-bottom: 1rem; padding-bottom: 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content .new-broadband-container-accordion .accordion-navigation:last-child{ border-bottom: none !important;}
.new-broadband-container-accordion .new-broadband-container-accordion-content{ height: 0px; overflow: hidden; font-size: 1rem; line-height: 140%; transition: 0.3s ease-in !important;}
input[type=radio]:checked+.new-broadband-container-accordion-content{ height: auto; font-size: 1rem; line-height: 140%; padding-bottom: .5rem; padding-top: .5rem;}
input[type=radio]{ display: none;}

/*貼心提醒收合-套官網jq*/
.new-broadband-container .terms-box{ background-color: #fff;}
.new-broadband-container .terms-box .be-icon{ font-size: 1rem;}
.new-broadband-container .terms-content{ text-align: left;}
.new-broadband-container .terms-content a{ color: inherit; text-decoration: none;}
.new-broadband-container .terms-content a:hover{color: inherit;}
.new-broadband-container .terms-content ol{ margin-left: .5rem;}
.new-broadband-container .terms-content ol li ul{ margin-left: 0;}
.new-broadband-container .terms-content ol li, .new-broadband-container .terms-content ol li ul li{ font-size: .9rem;}
.new-broadband-container .accordion-content .dot-hr{ margin-top: 0;}

/*kv*/
.new-broadband-container .new-broadband-element-01{ display: block; margin-top: -10rem !important; box-sizing: border-box;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box{ position: relative; width: 100%; height: auto;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ position: absolute; display: block; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s1-texttitle-1.svg); background-position: left top; background-repeat: no-repeat; background-size: 100% auto; width: 21.5rem; height: 5.5rem; transform: translate(-50%, -50%); top: 6%; left: 60%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ position: absolute; display: block; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s1-texttitle-2.svg); background-position: left top; background-repeat: no-repeat; background-size: 100% auto; width: 18rem; height: 6.5rem; transform: translate(-50%, -50%); bottom: -8%; left: 50%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ display: inline-block; color: #fff; font-size: 1.8rem; transform: translate(20%, 68%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ display: inline-block; color: #fff; font-size: 1.8rem; transform: translate(16%, 56%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p{font-size: 1.7rem; text-shadow: 1px 2px #fff;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p span, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p span{background-image: linear-gradient(transparent 50%,#9ae7d7 50%, #9ae7d7 100%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ position: absolute; display: block; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s1-textbox-1.svg); background-position: left top; background-repeat: no-repeat; background-size: 100% auto; width: 28.5rem; height: 10rem; transform: translate(-50%, -50%); top: 29%; left: 74%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ display: inline-block; transform: translate(96%, 59%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ display: inline-block; transform: translate(20%, 175%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ position: absolute; display: block; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s1-textbox-2.svg); background-position: left top; background-repeat: no-repeat; background-size: 100% auto; width: 30rem; height: 11rem; transform: translate(-50%, -50%); top: 68%; left: 32%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ display: inline-block; transform: translate(100%, 48%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ display: inline-block; transform: translate(-90%, 175%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ display: inline-block; transform: translate(58%, 202%);}

/*title style*/
.sutitle-s1{ color: #323232; text-align: center; display: block; font-size: 2.6rem; margin-bottom: 30px;}
.sutitle-s1 p{ position: relative; display: inline; font-size: inherit; padding: 0 25px;}
.sutitle-s1 p::before{ content: ""; position: absolute; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/sutitle-s1-before.svg); background-repeat: no-repeat; width: 20px; height: 20px; left: 0; top: 0px;}
.sutitle-s1 p::after{ content: ""; position: absolute; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/sutitle-s1-after.svg); background-repeat: no-repeat; width: 20px; height: 20px; right: 0; bottom: 0px;}
.sutitle-s1 p span span{ color: #5044e2;}

/*note style*/
.note-box{ display: inline-flex; flex-direction: column; }
.note-box ul{ margin-left: 2rem;}
.note-box ul li{ font-size: .95rem; line-height: 140%; list-style: disc; text-align: left;}
.note-box ul li::marker{ color: #00968f;}
.note-box ul li span{ color: #00968f;}
.note-box .note-icon{ width: 100%; text-align: center; display: block; margin-bottom: 10px;}
.note-box .note-icon i{ display: block; margin: 0 auto; width: 100%; position: relative;}
.note-box .note-icon i img{ width: 5%; margin: 0 1%;}
.note-box .note-icon i::before{ width: 45%; content: ""; background-image:linear-gradient(92deg,#323232 1%,#000 98%); height: 2px; transform:translateY(-50%); bottom: auto; top: 50%; left: 0; display: inline-block;}
.note-box .note-icon i::after{ width: 45%; content: ""; background-image:linear-gradient(92deg,#000 1%,#323232 98%); height: 2px; transform:translateY(-50%); bottom: auto; top: 50%; right: 0; display: inline-block;}

/*cta btn*/
.cta-btn{ display: inline-flex; align-items:center; justify-content:center; font-size:  1.2rem; padding: .8rem 2rem; border: 3px #323232 solid; border-radius: 10px; background-color: #5044e2; box-shadow: 0 5px #323232; text-decoration: none; color: #fff; text-align: center; box-sizing: border-box; transition: box-shadow .15s,transform .15s; margin-bottom: 30px; width: fit-content;}
.cta-btn i{ width: 15px; height: 15px; margin-left: 20px; content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/cta-btn-i.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center;}
.cta-btn:hover, .cta-btn:focus{ background-color: #5144f4; transform: translateY(-2px); box-shadow: 0 8px #323232; color: #fff;}
.cta-btn:active{ box-shadow: 0; transform: translateY(1px); box-shadow: 0 4px #323232;}
/*qa btn*/
.qa-btn{ display: inline-flex; align-items:center; justify-content:center; font-size:  1rem; padding: .8rem 2rem; border: 2px #10998f solid; border-radius: 10px;text-decoration: none; color: #10998f; text-align: center; box-sizing: border-box; transition:box-shadow .15s,transform .15s;width: fit-content;}
.qa-btn i{ width: 15px; height: 15px; margin-left: 20px; content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/qa-btn-i.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center;}
.qa-btn:hover, .qa-btn:focus{ transform: translateY(-2px); box-shadow: 0 8px #10998f; color: #10998f;}
.qa-btn:active{ box-shadow: 0; transform: translateY(1px); box-shadow: 0 4px #10998f;}

.qa-btn2{ display: inline-flex; align-items:center; justify-content:center; font-size:  .9rem; text-decoration: none; color: #10998f;}
.qa-btn2 i{ width: 10px; height: 10px; margin-left: 1px; content: ""; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/qa-btn-i.svg); background-color: inherit; background-repeat: no-repeat; background-position: right center;}
.qa-btn2:hover, .qa-btn2:focus{ text-decoration: underline; color: #10998f;}
.qa-btn2:active{ box-shadow: 0; text-decoration: underline; color: #10998f;}

/*s1*/
.new-broadband-container .new-broadband-element-02{ display: block; box-sizing: border-box; position: relative; text-align: center;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s2-title-bg.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 100%; margin: 0; position: relative; padding-bottom: 17%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p{ position: absolute; left: 0; top: 8%; font-size: 2rem; color: #fff; text-align: center; display: inline-block; width: 100%; text-shadow: 0 1px 5px rgba(0, 0, 0, 0.85);}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p i{ font-size: 3rem; color: #f9ff9f; font-style: normal;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p span{ display: inline;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box{ display: inline-flex; flex-direction: column; align-items: center; width: 100%; margin: -30px auto 30px; padding: 0; box-sizing: border-box; border: 10px solid #323232; border-radius: 30px; background-color: #fff;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .table-content{ width: 100%; padding: 50px 50px 15px 50px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content, .new-broadband-container .new-broadband-element-02 .nb-e2-box .note-box{ width: 100%; padding: 15px 50px;}
.table-content .mobile-show{ display: none;}
/*table*/
.table-content table{ width: 98%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); border-radius: 20px; margin: 1%; font-size: 1.4rem; line-height: 110%; color: #323232; border: #00968f 1px solid; border-spacing: 0; background-color: #fff; font-weight: normal;}
.table-content table th{ background-color: #00968f; color: #fff; border-bottom: solid 1px #00968f; padding: 15px 20px; vertical-align: middle;  text-align: center; font-weight: normal; border-right: solid 1px #fff;}
.table-content table tr td:last-child{ border-right: 0px;}
.table-content table tr:first-child th:first-child{ border-top-left-radius: 18px; font-weight: normal;}
.table-content table tr:first-child th:last-child{ border-top-right-radius: 18px; border-right: 0;}
.table-content table tr:last-child th:first-child{ border-bottom: 0px; border-bottom-left-radius: 18px;}
.table-content table tr:last-child td:last-child{ border-bottom-right-radius: 18px; border-right: 0px; border-bottom: 0px;}
.table-content table tr:last-child td{ border-bottom: 0px;}
.table-content table th span, .table-content table td span{ display: block;}
.table-content table td{ border-right: solid 1px #00968f; border-bottom: solid 1px #00968f; padding: 15px 20px; font-weight: normal;}
.table-content table .green{ color: #00968f; font-size: 18px; font-weight: normal;}
.table-content table th.green{ color: #fff; font-size: 18px;}
.table-content table .great{ position: relative;}
.table-content table .great-icon{ position: absolute; left: 5%; top: 20%; width: 50px; display: inline-block;}

/*s2 offter*/
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .sutitle-s1{ font-size: 1.7rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box{ display: inline-flex; flex-wrap:wrap; flex-direction: row; justify-content: center; width: 100%; background-color: #9ae7d7; border-radius: 20px; padding:6% 20px 20px; margin: 15px auto 0; position: relative; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s2-offter-box-top.svg); background-repeat: no-repeat; background-position: center 15px; background-size: 12%; box-sizing: border-box;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl{ background-color: #fff; border-radius: 15px; box-sizing: border-box; padding: 15px; position: relative; text-align: left; display: inline-flex; flex-direction: column; margin-bottom: 0;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dt{ font-size: 1.4rem; color: #5044e2;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dt span{background-image: linear-gradient(transparent 40%,rgba(255,255,255,0) 30%, #f9ff9f 90%,transparent 95%);}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dd{ font-size: 1.2rem; line-height: 140%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dd span{ font-size: 1rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box .offter-box-1{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s3-box-icon-1.svg); background-repeat: no-repeat; background-position: 95% 85%; background-size: 40%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box .offter-box-3{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s3-box-icon-3.svg); background-repeat: no-repeat; background-position: 95% 85%; background-size: 40%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box .offter-box-4{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/s3-box-icon-4.svg); background-repeat: no-repeat; background-position: 95% 85%; background-size: 40%;}

/*試算*/
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content{ padding: 30px 50px; width: 100%; border-radius: 0 0 22px 22px; box-sizing: border-box; background-color: #eaf1ef; display: flex;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box{ background-color: #fff; border: 2px solid #bfbfbf; box-sizing: border-box; padding: 0; display: inline-flex; flex-direction: row; justify-content: space-between; font-size: 1rem; line-height: 100%; border-radius: 15px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box:last-child{ margin-bottom: 0;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box dl dt{ margin-bottom: .2rem; font-weight: normal; text-align: left;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box dl dd{ margin-bottom: .2rem; font-weight: normal; text-align: right;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-r-top dl dt{ text-align: left;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-r-top dl dd{ text-align: right;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left{ background-color: #e7fffb; padding: 15px; display: inline-flex; flex-direction: column; justify-content: center; align-items:center; border-radius: 15px 0 0 15px; width: 30%; text-align: center; position: relative;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left dl dt, .new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left dl dd{ text-align: center; line-height: 120%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left .ex-box-tip{ font-size: 14px; line-height: 100%; padding: 5px 12px; border-radius: 15px; position: absolute;background-color: #fff; display: inline-block; font-style: normal; border: 2px solid #bfbfbf; left: -2px; top: -2px; color: #666;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left .user-icon{ width: 20%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left .check-icon{ width: 10%; margin-right: 5px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .bill-icon{ width: 5%; margin-right: 5px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right{ display: inline-flex; flex-direction: column; width: 70%; padding: 20px; justify-content:space-around;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right dl{ padding-bottom: 3px; margin-bottom: 3px; display: inline-flex; flex-direction: row; justify-content: space-between; align-content: center;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-top{ display: inline-flex; flex-direction: column; margin-bottom: 10px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-top dl{ border-bottom: 1px solid #bfbfbf;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-top dl:last-child{ justify-content: end; width: 100%; border-bottom: none;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-top dl:last-child dt{ text-align: right; }
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-bottom{ background-color: #eaf1ef; padding: 15px; border-radius: 10px; display: inline-flex; flex-direction: column;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-bottom dl{ border-bottom: 1px solid #fff;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-bottom dl:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

/*s3*/
.new-broadband-container .new-broadband-element-03{ display: block; box-sizing: border-box; position: relative; text-align: center;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box{ display: inline-flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; border: 10px solid #323232; border-radius: 30px; background-color: #fff; position: relative;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box{ display: inline-flex; flex-wrap:wrap; flex-direction: row; justify-content: center; width: 100%; border-radius: 25px; padding:30px; margin: 0 auto 0; position: relative; text-align: center; overflow: hidden;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart-sutitle{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/scenario-box-title.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 100%; margin: 0; position: relative; padding-bottom: 8%; margin-bottom: 2.5%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle p, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart-sutitle p{ position: absolute; left: 50%; top: 50%; font-size: 1.8rem; text-align: center; display: inline-block; transform: translate(-50%, -50%); width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .note-box, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .note-box{ padding-bottom: 0;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .note-box ul li a{ text-decoration: underline;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl{ background-color: #e9f7f5; border-radius: 15px; box-sizing: border-box; padding: 2rem 1rem 1rem; position: relative; text-align: left; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #bfbfbf; box-shadow: 0 5px 0 rgba(191, 191, 191,.5); min-height: 9rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dt{ position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dt img{ width: 90%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dd{ font-size: 1.4rem; line-height: 140%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-1{ box-sizing: border-box; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/scenario-box-1.svg); background-repeat: no-repeat; background-position: 95% center; background-size: 30%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-2{ box-sizing: border-box; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/scenario-box-2.svg); background-repeat: no-repeat; background-position: 95% center; background-size: 30%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-3{ box-sizing: border-box; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/scenario-box-3.svg); background-repeat: no-repeat; background-position: 95% center; background-size: 30%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-4{ box-sizing: border-box; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/scenario-box-4.svg); background-repeat: no-repeat; background-position: 95% center; background-size: 30%;}

/*Pie Chart*/
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content{ width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box{display: inline-flex; flex-wrap:wrap; flex-direction: row; justify-content: center; width: 100%; border-radius: 25px; padding:30px; margin: 0 auto 0; position: relative; text-align: center;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .swiper-container.piechart{ width: 90%; margin-bottom: 2%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .swiper-wrapper.piechart{ margin: .5rem 0; width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card{ display: flex; flex-direction: column; align-items:center;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card:first-child{ border-right: 2px dashed #e9f7f5; padding-right: 20px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .check-txt{ display: flex; flex-direction: row; font-size: 1.4rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .check-txt i{ max-width: 30px; margin-right: 3px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .percent-txt, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .percent-txt em span{ font-size: 2rem; font-weight: 700; color: #5044e2; text-shadow: 2px 2px 1px #fff;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .percent-txt em{ font-style: inherit; font-size: 170%; background: linear-gradient(transparent 60%, #00fff3 60%, #00fff3 90%,transparent 90%); margin-left: 5px; padding: 0 5px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .explain-txt{ font-size: 1.5rem; color: #5044e2; font-weight: 700;}
.swiper-pagination.piechart{  display: none;}


/*and*/
.new-broadband-container .new-broadband-element-03 .and-icon{ width: 100%; margin: -20px auto; z-index: 2; position: relative;}
.new-broadband-container .new-broadband-element-03 .and-icon img{ width: 100%;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box{ display: inline-flex; flex-direction: column; align-items: center; width: 100%; margin: 0px auto 30px; padding: 0; box-sizing: border-box; border: 10px solid #323232; border-radius: 30px; background-color: #10998f; overflow: hidden;}
/*service*/
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content{ padding: 30px; width: 100%; box-sizing: border-box; display: inline-flex; flex-direction: column; align-items: center;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title{background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/service-title.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 100%; margin: 0; position: relative; padding-bottom: 8%; margin-bottom: 2%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title p{position: absolute; left: 50%; top: 50%; font-size: 1.8rem; text-align: center; display: inline-block; transform: translate(-50%, -50%); width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box{ background-color: #fff; display: inline-flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; border-radius: 15px; padding: 25px; box-sizing: border-box; justify-content: space-between;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box h4{ font-size: 1.7rem; border-bottom: #08bcb2 solid .4rem; margin-bottom: 15px; display: inline-block;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1{ width: 100%; margin-bottom: 25px; text-align: center;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .note-box{ width: 100%; padding: 10px 50px 0;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .service-box-title{ display: inline-flex; flex-direction: row;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .service-box-title i{ width: 50px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2{ width: 48%; text-align: center; margin-bottom: 25px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3{ width: 48%; text-align: center; margin-bottom: 25px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-4{ width: 100%; text-align: center; overflow: hidden;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2 .main{ border-radius: 15px; border: 1px solid #bfbfbf; padding: 10px; box-shadow: 0 5px 0 rgba(191, 191, 191,.5); display: inline-flex; flex-direction: row; align-items: center; width: 100%; box-sizing: border-box; height: 10rem; justify-content: space-evenly; background-color: #e9f7f5;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2 .main p{ font-size: 2rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2 .main p img{ width: 80px; height: auto;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3 .main{ border-radius: 15px; border: 2px solid #bfbfbf; padding: 10px; box-shadow: 0 5px 0 rgba(191, 191, 191,.5); display: inline-flex; flex-direction: row; align-items: center; width: 100%; box-sizing: border-box; height: 10rem; justify-content: space-evenly; background-color: #e9f7f5;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3 .main p{ font-size: 2rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3 .main p img{ width: 80px; height: auto;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-4 hr{ color: #bfbfbf;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-4 p{ font-size: 1.1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-4 p a{ color:#00968f; text-decoration: none;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .table-content{ width: 100%; padding: 50px 50px 30px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .note-box{ width: 100%; padding: 0 50px 50px;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom{ /*background-color: #eaf1ef;*/ background: linear-gradient(0deg, #bdf7f5, #e9f7f4); margin-bottom: 0;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content{ display: inline-flex; flex-direction: row; padding: 30px 50px; justify-content: space-between;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content .prom-box{ width: 48%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content .prom-box a{ display: block;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content .prom-box a:hover{transform:scale(1.02)}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-title{ font-size: 1.8rem; padding: 50px 50px 0;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-title span{ color: #5044e2; background: linear-gradient(transparent 60%, #00fff3 60%, #00fff3 90%,transparent 95%); padding: 0 2px;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title{background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/easy-title.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 100%; margin: 0;position: absolute; padding-bottom: 10%; left: 50%; top: -2.5%; transform: translate(-50%, -50%);}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title p{position: absolute; left: 50%; top: 50%; font-size: 1.8rem; text-align: center; display: inline-block; transform: translate(-50%, -50%); width: 100%; color: #fff;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content{ padding: 50px 50px 30px; display: inline-flex; flex-direction: row; justify-content: space-between;  width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl{ background-color: #10998f; border-radius: 15px; padding: 15px; margin: 0; display: inline-flex; flex-direction: column; position: relative; overflow: hidden;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dt{ font-size: 1.2rem; margin-bottom: .5rem; color: #f9ff9f; z-index: 1;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd p{ font-size: 1.1rem; line-height: 140%; color: #fff;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd:nth-child(4), .new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd:nth-child(6){ z-index: 1;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd span{ display: block;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd img{ width: 30%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl .wave{
    background: #0d8980;
    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;
}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl .wave.two {animation: drift 9s infinite linear;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl .wave.three {animation: drift 11s infinite linear; opacity: 0.1;}
@keyframes drift {
    0 {
      transform: rotate(90deg);
    }
    100% {
      transform: rotate(180deg);
    }
}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-title{background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/qa-title.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 100%; margin: 0;position: absolute; padding-bottom: 7%; left: 50%; top: -0.5%; transform: translate(-50%, -50%);}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-title p{position: absolute; left: 50%; top: 50%; font-size: 1.8rem; text-align: center; display: inline-block; transform: translate(-50%, -50%); width: 100%; color: #fff;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content{ padding: 50px 50px 30px; }

/*debug*/
.new-broadband-container .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events: auto !important;}

/*用戶好評 Swiper*/
.new-broadband-container .new-broadband-element-03 .nb-e5-box{ position: relative; width: 100%; z-index: 1; box-sizing: content-box}

.swiper-container.review{display: inline-flex; flex-direction: row; width:100%; margin: 0 auto 30px; padding: 0; box-sizing: border-box;}
.swiper-wrapper.review{ width: 100%; height: auto; display: inline-flex; padding: 2% 0 5% !important; box-sizing: border-box;}
.swiper-slide.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: 20px !important; display: inline-flex; flex-direction: column; height: auto; border: solid 1px #00968f; box-sizing: border-box;}
.swiper-slide.review-card .review-area{ font-size: 13px; color: #666; margin-bottom: 2px;}
.swiper-slide.review-card .review-profile{  font-size: 1.5rem; margin-bottom: 5px;}
.swiper-slide.review-card .review-date{ font-size: 13px; color: #666; margin-bottom:5px;}
.swiper-slide.review-card .review-star-rating{ display: inline-flex; flex-direction: row; margin: 0 auto; margin-bottom: 10px; justify-content:center;}
.swiper-slide.review-card .review-star-rating .review-star{ width: 18px; margin: 0 2px; height: 18px;}
.swiper-slide.review-card .review-text{ text-align: left; font-size: 1rem;}
.swiper-slide.review-card .review-icon{width: 25%; height: auto;}
.swiper-slide.review-card:last-child{ margin-right: 0 !important;}
.swiper-pagination.review .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00968f;}


/*試算 Swiper 0901*/
.swiper-container.example{display: inline-flex; flex-direction: row; width:100%; margin: 0 auto; padding: 0; box-sizing: border-box;}
.swiper-wrapper.example{ width: 100%; height: auto; display: inline-flex; padding: 0!important; margin-bottom: 5% !important; box-sizing: border-box;}
.swiper-button-prev.example{display: flex; left: 0 !important; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/swiper-button-prev.svg) !important;}
.swiper-button-next.example{display: flex; right: 0 !important; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/swiper-button-next.svg) !important;}
.swiper-pagination.example .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00968f;}
.swiper-pagination.example{display: flex; justify-content: center;}

/*特點offter Swiper 1001*/
.swiper-container.offter{display: inline-flex; flex-direction: row; width:100%; height: 100%; margin: 0 auto; padding: 0; box-sizing: border-box;}
.swiper-wrapper.offter{ width: 100% !important; height: auto; display:flex; padding: 0!important; margin:2.5% 0 0 !important; align-items:stretch; justify-content:space-around; box-sizing: border-box;} 
.swiper-wrapper.offter .swiper-slide{height: auto !important;}
.swiper-wrapper.offter .swiper-slide:last-child{ margin-right: 0 !important;}
.swiper-pagination.offter .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
.swiper-pagination.offter{  display: none;}

/*自助 Swiper*/
.swiper-container.easy{display: inline-flex; flex-direction: row; width:100%; margin: 0 auto; padding: 0; box-sizing: border-box;}
.swiper-wrapper.easy{ width: 100%; height: auto; display: inline-flex; justify-content:space-between; box-sizing: border-box;}
.swiper-wrapper.easy .swiper-slide{ height: auto; box-sizing: border-box;}
.swiper-wrapper.easy .swiper-slide:last-child{ margin-right: 0 !important;}
.swiper-pagination.easy .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00968f;}
.swiper-pagination.easy{ display: none;}

/*情境 Swiper 0901*/

.swiper-container.scenario{display: inline-flex; flex-direction: row; width:100%; height: 100%; margin: 0 auto 15px; padding: 0; box-sizing: border-box;}
.swiper-wrapper.scenario{width: 100% !important; display: flex; padding: 0!important; margin:0 !important; align-items:stretch; flex-wrap:wrap; justify-content:space-evenly; box-sizing: border-box;}
.swiper-button-prev.scenario{display: inline-flex; left: 0 !important; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/swiper-button-prev.svg) !important;}
.swiper-button-next.scenario{display: inline-flex; right: 0 !important; background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/swiper-button-next.svg) !important;}
.swiper-pagination-bullet-active{background: #00968f;}
.swiper-pagination.scenario{ bottom: 0 !important; display: none;}
.swiper-container.scenario .swiper-slide{ width: 45% !important; margin-top: 4%;}

/*0730 補充 swiper-slide*/
.new-broadband-container .swiper-container.example .swiper-slide { width: 100% !important; box-sizing: border-box;}

@media screen and (max-width: 1280px) {
.sutitle-s1{ font-size: 2.2rem;}
.new-broadband-container .new-broadband-element-wrapper{ display: block; max-width: 900px; margin:0 auto; padding: 0 0 40px;}
.new-broadband-container .new-broadband-element-01{ display: block; margin-top: -8rem !important;}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 26.5rem; height: 9.5rem;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 28rem; height: 10rem; }
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p{font-size: 1.6rem;}
}

@media screen and (max-width: 1024px) {
.sutitle-s1{ font-size: 2rem;}
.new-broadband-container .new-broadband-element-wrapper{ display: block; max-width: 90%; margin:0 5%; padding: 0 0 30px;}
.new-broadband-container .new-broadband-element-01{ display: block; margin-top: -6rem !important;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ width: 20.5rem; height: 5rem; top: 6%; left: 60%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ width: 17rem; height: 6rem; bottom: -8%; left: 50%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ font-size: 1.5rem; transform: translate(22%, 72%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ font-size: 1.5rem; transform: translate(15%, 55%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 25.5rem; height: 9rem; top: 29%; left: 74%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p{font-size: 1.3rem;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ transform: translate(120%, 59%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ transform: translate(-40%, 324%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 26rem; height: 9.5rem; top: 68%; left: 32%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ transform: translate(118%, 48%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ transform: translate(-78%, 196%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ transform: translate(72%, 245%);}

.new-broadband-container .new-broadband-element-02 .nb-e2-title p{ font-size: 1.7rem; }

}

@media screen and (max-width: 850px) {
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ width: 19rem; height: 5rem; top: 6%; left: 60%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ width: 16rem; height: 5.5rem; bottom: -14%; left: 50%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ transform: translate(15%, 64%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ transform: translate(20%, 55%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p{font-size: 1.3rem;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 21rem; height: 7.5rem; top: 29%; left: 74%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ transform: translate(89%, 54%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ transform: translate(18%, 172%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 22rem; height: 8rem; top: 68%; left: 32%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ transform: translate(100%, 48%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ transform: translate(-78%, 170%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ transform: translate(56%, 198%);}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box .offter-box-1, .new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box .offter-box-3, .new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box .offter-box-4{ background-position: 90% center; background-size: 30%;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left{ width: 100%; border-radius:15px 15px 0 0; padding: 10px 10px 5px 10px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-left dl{ margin-bottom: 0;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right{ width: 100%; font-size: .9rem; padding: 1rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-top{ margin-bottom: 0;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box .ex-box-right .ex-box-r-bottom{ padding: .5rem 10px;}

/*試算 Swiper 0901*/
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content .ex-box{ flex-direction: column;}
.swiper-wrapper.example{ margin-bottom: 10% !important;}

/*用戶體驗 Swiper 0901*/
.swiper-wrapper.review{ justify-content: flex-start;}
.swiper-slide.review-card{ box-sizing: border-box; margin-bottom: 6%; padding: 20px 20px 10px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ justify-content: center;}

/*特點offter Swiper 0901*/
.swiper-pagination.offter{ bottom: 0 !important; display: flex;}
.swiper-wrapper.offter{ margin:2.5% 0 5%!important; align-items:stretch; justify-content:flex-start; flex-direction: row; display: inline-flex; flex-wrap:nowrap; padding-bottom: 2.5% !important; box-sizing: border-box;}

/*自助 Swiper 0901*/
.swiper-wrapper.easy{ justify-content: flex-start; margin-bottom: 20px;}
.swiper-pagination.easy{display: inline-flex; bottom: 0px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ justify-content: center;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd img{ width: 20%;}
/*情境*/

/* .scenario-swiper-box{ padding: 0 5%; width: 90%; box-sizing: border-box;} */

.swiper-wrapper.scenario{ flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 5% !important;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl{ width: 100%; height: auto;}
.swiper-wrapper.scenario .swiper-slide{width: 100% !important; margin: 6.5% 0 5%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dt img{ width: 70%;}
.swiper-pagination.scenario{ display: flex;}
/*Pie Chart*/
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .check-txt i{ width: 25px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .check-txt, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .explain-txt{ font-size: 1.1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .percent-txt, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card .percent-txt em span{ font-size: 1.5rem;}
.swiper-pagination.piechart{  display: flex;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card:first-child{ border-right: none; padding-right: 0;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart .piechart-card{ margin-bottom: 5%;}

/*0730 補充 swiper-slide*/
.new-broadband-container .swiper-container.offter .swiper-slide { width: 100% !important; box-sizing: border-box;}
/* .new-broadband-container .swiper-container.scenario .swiper-slide { width: 100% !important; box-sizing: border-box;} */
.new-broadband-container .swiper-container.piechart .swiper-slide { width: 100% !important; box-sizing: border-box;}
.new-broadband-container .swiper-container.easy .swiper-slide { width: 100% !important; box-sizing: border-box;}

}

@media screen and (max-width: 750px) {
.note-box ul li{ font-size: .9rem;}
.cta-btn{ width: 100%;}

.new-broadband-container .new-broadband-kv{padding-bottom: 140%;}

.new-broadband-container .new-broadband-element-wrapper{ display: block; max-width: 90%; margin:0 5%; padding: 0 0 2rem;}
.new-broadband-container .new-broadband-element-01{ display: block; margin-top: -5rem !important;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ width: 21.5rem; height: 5.5rem; top: 6%; left: 65%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ width: 18rem; height: 6.5rem; bottom: 31.5%; left: 33%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ font-size: 1.7rem; transform: translate(22%, 72%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ font-size: 1.7rem; transform: translate(23%, 55%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 25rem; height: 9.5rem; top: 26%; left: 63%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ transform: translate(120%, 70%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ transform: translate(-44%, 315%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 26rem; height: 9.5rem; top:77%; left: 32%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ transform: translate(125%, 55%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ transform: translate(-43%, 205%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ transform: translate(76%, 260%);}

.new-broadband-container .new-broadband-element-02 .nb-e2-title{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/m-s2-title-bg.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 100%; margin: 0; position: relative; padding-bottom: 36%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p{ font-size: 2rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p i{ font-size: 3rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p span{ display: block;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .cta-btn{ width: 90%; margin: 0 auto 2rem;}
.sutitle-s1 p span span{ display: inline;}
.table-content .mobile-show{ display: block;}
.table-content .table-scroll{ width: 100%; overflow-x: scroll;}
.table-content table{ width: 100%; margin: 1% 0 5% 0 ; font-size: 1.2em; line-height: 110%; border-radius: 15px; box-shadow: none;}
.table-content table .green{ font-size: 15px;}
.table-content table th.green{ font-size: 15px;}
.table-content table td{ padding: 10px 15px;}
.table-content table th{ padding: 10px 15px;}
.table-content table tr:first-child th:first-child{ border-top-left-radius: 12px;}
.table-content table tr:first-child th:last-child{ border-top-right-radius: 12px;}
.table-content table tr:last-child th:first-child{ border-bottom-left-radius: 12px;}
.table-content table tr:last-child td:last-child{ border-bottom-right-radius: 12px;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box{ padding: 40px 10px 10px; border-radius: 15px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl{ width: 100%; border-radius: 15px;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .table-content, .new-broadband-container .new-broadband-element-03 .nb-e3-box .table-content{ width: 100%; padding: 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .note-box{ padding: 0 0 1.5rem 0;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content, .new-broadband-container .new-broadband-element-02 .nb-e2-box .note-box{ width: 100%; padding: 1rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content{ width: 100%; padding: 1rem;}

.note-box .note-icon{ margin-bottom: 5px;}
.note-box .note-icon i img{ width: 25px; margin: 0 2%;}
.note-box .note-icon i::before{ width: 42%;}
.note-box .note-icon i::after{ width: 42%;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box{ padding: 20px 0 10px; border-radius: 15px; box-sizing: border-box;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl{ border-radius: 15px; margin-bottom: 5%; padding: 2.5rem 0 0 0;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-1, .new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-2, .new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-3, .new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-box-4{ background-position: 90% center; background-size: 25%;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box{ padding: 20px 20px 10px; border-radius: 15px; box-sizing: border-box;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/m-scenario-box-title.svg);padding-bottom: 30%; margin-bottom: 5%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle p{ font-size: 1.5rem; width: auto;}

/*piechart*/
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart-sutitle p{ font-size: 1.5rem;}


.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content{ padding: 15px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box{ padding: 15px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box h4{ font-size: 1.5rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title{padding-bottom: 8%; margin-bottom: 3%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title p{font-size: 1.5rem; width: auto;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .service-title{ flex-direction: column; align-items: center;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2{ width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3{ width: 100%; margin-bottom: 0;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2 .main{height: 6rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3 .main{height: 6rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2 .main p{ font-size: 1.6rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3 .main p{ font-size: 1.6rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-2 .main p img{ width:50px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-3 .main p img{ width:50px;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .note-box{ width: 100%; padding: 10px 0px 0;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .note-box a, .new-broadband-container .new-broadband-element-03 .nb-e3-box .note-box a{ display: inline-flex;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content .prom-box{ width: 100%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content .prom-box:first-child{ margin-bottom: 30px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title{ padding-bottom: 17%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title p{ font-size: 1.5rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-title{ font-size: 1.5rem; padding: 1.5rem 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content{ padding: 0 1rem 1rem; flex-direction: column;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content{ padding: 3rem 1rem 1rem; flex-direction: column;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content dl dd img{ width: 20%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title{ top: -0.5%;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content{padding: 3rem 1rem 1rem; flex-direction: column;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content dl dd{font-size: 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-title{padding-bottom: 12%}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-title p{font-size: 1.5rem;}

}

@media screen and (max-width: 650px) {
.new-broadband-container .new-broadband-element-02 .nb-e2-title p,.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle p{ font-size: 1.5rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p i{ font-size: 2.5rem;}
.table-content table{ width: 500px;}
.table-content table td{ padding: 10px 5px;}
.table-content table th{ padding: 10px 5px;}
.table-content table .great-icon{ top: 0%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl{ min-height: 8rem; padding-top: 1.5rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dd{ font-size: 1.1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dt img{ width: 70%;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle{ margin-bottom: 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-1 .service-box-title{ flex-direction: column; align-items: center;}

}

@media screen and (max-width: 500px) {
.sutitle-s1{ font-size: 1.6rem; margin-bottom: 15px;}
.new-broadband-container .new-broadband-element-01{ display: block; margin-top: -2rem !important;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ width: 17.5rem; height: 4.5rem; top: 6%; left: 65%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ width: 14rem; height: 5rem; bottom: 30%; left: 33%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ font-size: 1.4rem; transform: translate(22%, 72%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ font-size: 1.4rem; transform: translate(23%, 52%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p{font-size: 1.2rem;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 22rem; height: 8rem; top: 26%; left: 68%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ transform: translate(110%, 68%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ transform: translate(25%, 219%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 22rem; height: 8rem; top:77%; left: 35%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ transform: translate(108%, 55%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ transform: translate(-90%, 183%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ transform: translate(64%, 226%);}

.new-broadband-container .new-broadband-element-02 .nb-e2-title p{ font-size: 1.35rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p i{ font-size: 1.8rem;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box{ border: 8px solid #323232; border-radius: 20px; margin-top: -20px;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box{ border: 8px solid #323232; border-radius: 20px;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box{ border: 8px solid #323232; border-radius: 20px;}
.table-content table{ font-size: 1rem;}
.table-content table{ width: 400px;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .sutitle-s1{ font-size: 1.4rem;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box dl dt img{ width: 90%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title{background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/m-service-title.svg); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 90%; margin: 0; position: relative; padding-bottom: 23%; margin-bottom: 5%;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title p span{ display: block;}

/*piechart*/
.new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart-sutitle{ background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/new-broadband/m-piechart-title.svg); padding-bottom:16%; margin-bottom: 5%; width: 90%;}

.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title p{ font-size: 1.3rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-content{ padding-top: 2rem;}

.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box .service-box-4 p{ font-size: .9rem;}

/*0730 補充 swiper-slide*/
.new-broadband-container .swiper-container.review .swiper-slide { width: 100% !important; box-sizing: border-box;}

}
@media screen and (max-width: 450px) {
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ width: 13rem; height: 3.5rem; top: 6%; left: 65%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ width: 10.5rem; height: 3.5rem; bottom: 32.5%; left: 33%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ font-size: 1.1rem; transform: translate(13%, 58%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ font-size: 1.1rem; transform: translate(14%, 39%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p, .new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p{font-size: 1rem;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 20rem; height: 7rem; top: 29%; left: 64%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ transform: translate(122%, 68%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ transform: translate(-40%, 335%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 20rem; height: 7.5rem; top:77%; left: 35%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ transform: translate(108%, 55%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ transform: translate(-74%, 193%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ transform: translate(70%, 237%);}

.new-broadband-container .new-broadband-element-02 .nb-e2-title p, .new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle p, .new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-title p, .new-broadband-container .new-broadband-element-03 .nb-e3-box .piechart-content .piechart-box .piechart-sutitle p{ font-size: 1.2rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .scenario-content .scenario-box .scenario-sutitle p{ width: 65%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p i{ font-size: 1.6rem;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box,.new-broadband-container .new-broadband-element-03 .nb-e3-box, .new-broadband-container .new-broadband-element-03 .nb-e4-box{border: 6px solid #323232;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box{ margin-top: -25px;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .example-content{ border-radius: 0 0 14px 14px;}
.table-content table tr:first-child th:first-child{  font-size: 15px;}
.table-content table .green{ font-size: 15px;}

.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box{ background-size: 20%;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .sutitle-s1{ font-size: 1.3rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dt{ font-size: 1.1rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dd{ font-size: 1rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-box .offter-content .offter-box dl dd span{ font-size: 15px;}

.new-broadband-container .new-broadband-element-03 .and-icon{ margin: -15px auto;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box .service-content .service-box h4{ font-size: 1.3rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-title{ padding: 1.5rem 1rem 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content{ padding: 0 1rem 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e4-box.prom .prom-content .prom-box:first-child{ margin-bottom: 1rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-content{ padding-top: 1.5rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .easy-title p{ font-size: 1.3rem;}
.new-broadband-container .new-broadband-element-03 .nb-e3-box .qa-title p{ font-size: 1.3rem;}
}

@media screen and (max-width: 350px) {
.new-broadband-container .new-broadband-element-01{ display: block; margin-top: -2rem !important;}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1{ width: 13rem; height: 3.5rem; top: 6%; left: 65%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2{ width: 10.5rem; height: 3.5rem; bottom: 29.5%; left: 33%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-1 p{ font-size: 1rem; transform: translate(23%, 60%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-txt-2 p{ font-size: 1rem; transform: translate(15%, 40%);}

.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1{ width: 16rem; height: 5.5rem; top: 29%; left: 56%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(1){ transform: translate(90%, 50%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-1 p:nth-child(2){ transform: translate(19%, 165%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2{ width: 16rem; height: 6rem; top:80%; left: 40%;}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(1){ transform: translate(92%, 38%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(2){ transform: translate(-90%, 146%);}
.new-broadband-container .new-broadband-element-01 .nb-e1-box .nb-e1-box-2 p:nth-child(3){ transform: translate(49%, 170%);}

.new-broadband-container .new-broadband-element-02 .nb-e2-title p{ font-size: 1rem;}
.new-broadband-container .new-broadband-element-02 .nb-e2-title p i{ font-size: 1.2rem;}
}