/* wrapper */
.Ip800-KHH .wrapper{display: flex; width: 100%; margin: 0 auto; padding: 0 12%; justify-content: center; flex-direction:column; align-items:center; text-align: center; box-sizing: border-box;}
@media screen and (max-width: 576px) {
.Ip800-KHH .wrapper{display: flex; width: 100%; margin: 0 auto; padding: 0 1rem; justify-content: center; flex-direction:column; align-items:center; text-align: center; box-sizing: border-box;}
}

.Ip800-KHH .title-h1{ text-indent: -9999; font-size: 0; z-index: -9999;}

.Ip800-KHH .be-icon-arrow-right:before{ color: #fff;}
.Ip800-KHH .be-icon-arrow-left:before{ color: #fff;}
.Ip800-KHH .swiper-pagination-bullet-active::before{ background-color: #ff2b00;}
.Ip800-KHH { display: flex; flex-direction: column; width: 100%; background-color: #ffbf14; box-sizing: border-box; margin: 0; padding: 0;}
.Ip800-KHH picture{ display: block; width: 100%;}
.Ip800-KHH img{ max-width: 100%;}
.Ip800-KHH .dp-f{display: flex;}
.Ip800-KHH .jc-c{justify-content: center;}
.Ip800-KHH .div-3-bundle-offer{margin-top: 32px;}
.Ip800-KHH .m-br{ display: none;}

/* font */
.Ip800-KHH .title-h2{font-size: 3rem; font-weight: 700; color: black; padding-bottom: 1rem;}
.Ip800-KHH .title-h2 span, .Ip800-KHH .title-h3 span{font-size: 2.2rem; display: block; }
.Ip800-KHH .title-h3{font-size: 2rem; font-weight: 600; color: black;}
.Ip800-KHH .title-h3 i, .Ip800-KHH .title-h2 i{ font-style: normal;}
.Ip800-KHH .title-h4{font-size: 1.3rem;}


/* br */
.Ip800-KHH .div-3-bundle-offer .subtitle .title-h2 br {display: none;}
.Ip800-KHH .div-4 .subtitle .title-h2 br {display: none;}
  @media (max-width: 992px) {
  .Ip800-KHH .div-3-bundle-offer .subtitle .title-h2 br{display: block;}
  .Ip800-KHH .div-4 .subtitle .title-h2 br {display: block;}
  }


/* kv */
.Ip800-KHH .container-kv { text-align: center; position: relative; width: 100%; height: 100%; max-width: 100%;}
.Ip800-KHH .container-kv .kv-slogan{ position: absolute; width: 100%; top: 0; z-index: 1;}
.Ip800-KHH .container-kv .stamp{position: absolute; width: 13vw; top: 41%; right: 11%; z-index: 2;}
@media (max-width: 750px) {
  .Ip800-KHH .container-kv .stamp { width:23vw; top: 44.5%; right: 2%;}
  .Ip800-KHH .m-br{ display: block;}
}


/*table_start*/
.offer-box{ width: 100%; margin: 0; box-sizing: border-box; padding: 1% 0;}
.offer-box .offer-table{margin: 0 auto; padding:0; width: 100%; text-align: center;}
.offer-box .offer-table table{ border-top: 0px; width: 100%; border-spacing: 0; margin: 0 auto; border-collapse: separate; border-radius: 0; font-size: 1rem;}
.offer-box .offer-table table tr:nth-child(2) th:first-child, .offer-box .offer-table table tr td:first-child{ box-shadow: 2px 0 5px rgb(0, 0, 0, .1);}
.offer-box .offer-table table tr:first-child td:first-child{box-shadow: none; border-left: 0;}
.offer-box .offer-table table tr:first-child {border-left: 0; border-right: 0;}
.offer-box .mobile-show{ display: none; text-align: center;}
.offer-box .offer-table table th{ color: #fff; border-bottom: solid 1px #ff2b00; padding: 4px; vertical-align: middle;  text-align: center; font-weight: normal; border-right: solid 1px #fff;}
.offer-box .offer-table table tr:first-child th{ padding: 4px 4px 0 4px;}
.offer-box .offer-table table tr:nth-child(2) th{ padding: 5px 0;}
.offer-box .offer-table table tr:first-child th:first-child{ font-weight: normal;}
.offer-box .offer-table table tr:first-child th:last-child{ border-right: 0;}
.offer-box .offer-table table tr:last-child th:first-child{ border-bottom: 0px;}
.offer-box .offer-table table tr:last-child td{ border-bottom: 2px solid #ff2b00;}
.offer-box .offer-table table tr th:last-child, .offer-box .offer-table table tr td:last-child{ border-right: 2px solid #ff2b00;}
.offer-box .offer-table table tr th:first-child{ border-left: 2px solid #ff2b00;}
.offer-box .offer-table table tr:last-child p img{ width: auto; height: 12px; vertical-align:baseline; margin-right: 2px;}
.offer-box .offer-table table th span, .table-content table td span{ display: block;}
.offer-box .offer-table table th p{ font-size: 1.4rem; }
.offer-box .offer-table table th:first-child p{ font-size: 1rem;}
.offer-box .offer-table table td{ border-right: solid 1px #ff2b00; border-bottom: solid 1px #ff2b00; padding: 5px; font-weight: normal;}
.offer-box .offer-table table .left{ border-left: solid 1px #ff2b00; border-bottom: solid 1px #ff2b00; padding: 5px; font-weight: normal;}
.offer-box .offer-table table tr:first-child td{ border-right: 0px; padding: 1px 0;}
/*絨顚�薤��悟�膣�罅�*/
.Ip800-KHH .offer-box .offer-table .mark{border-right: 5px solid #ff8e14;}
.Ip800-KHH .offer-box .offer-table .mark-top{border-top: 5px solid #ff8e14;}
.Ip800-KHH .offer-box .offer-table .mark-bottom{border-bottom: 5px solid #ff8e14;}
.offer-box .offer-table table .blue{ color: #ff2b00;}
.offer-box .offer-table table .pink{ color: #db4415;}
.offer-box .offer-table table .pink small{ color: #333;}
.offer-box .offer-table table .pink-big{ color: #db4415; font-size: 1.5rem; font-weight: 900;}
.offer-box .offer-table table span{ color: #db4415;}
.offer-box .offer-table table .pink-big span {color: #898989; font-size: 1rem; padding-left: 5px; font-weight: 500;}
.offer-box .offer-table table .sale-deco{ color: #fff; font-size: 1rem !important; font-weight: 700;}
.offer-box .offer-table table .sale-deco-pink{ color: #f9ff9f; font-size: .9rem !important; font-weight: 500; display: inline-block;}
.offer-box .offer-table table .hand-icon{ width: 40px; height: auto; display: inline-block; margin-right: 3px;}
.offer-box .offer-table table .online-deco{ padding: 2px 5px; background-color: #f9ff9f; color: #333; font-size: .8rem; font-weight: 700; border-radius: 2px; display: inline-block;}
.offer-box .offer-table table .blue img{ width: 15px; height: auto;}
.offer-box .offer-table table .price{ font-size: 1.2rem; font-weight: 700; line-height: 1.4rem;}
.Ip800-KHH .offer-box{margin-bottom: 30px;}
.Ip800-KHH .div2-promo-wifi{margin-bottom: 30px; }
.Ip800-KHH .Price17,.highlight-text{font-family: "Century Gothic"; font-size: 3.5rem; color: #ff2b00; display: inline; line-height: 4rem; }
.Ip800-KHH .Price17s{ font-family: "Century Gothic"; font-size: 2rem; color: #ff2b00; display: inline; }
.Ip800-KHH .Feature{color: #fff; background-color: #ef7343; border-radius: 50px; margin-top: 5px; margin-bottom: 5px; padding: 5px;}
.Ip800-KHH .table-sale{margin-top: 35px;}
.Ip800-KHH .table tbody td{width: 20%;}
.Ip800-KHH .offer-box .offer-table table .block{
  display: inline;
}

@media screen and (max-width: 1100px) {
  /*table*/
  .Ip800-KHH .offer-box .offer-table table tr:nth-child(2) th:first-child, .offer-box .offer-table table tr td:first-child{  left: 0; z-index: 1; font-size: .85rem;}
  .Ip800-KHH .offer-box .mobile-show{ display: none; margin-bottom: 1%;}
  .Ip800-KHH .offer-box ::-webkit-scrollbar-thumb{ background-color: #ff2b00 !important; border-radius: 0px; outline: 1px solid #ff2b00;}
  .Ip800-KHH .offer-box ::-webkit-scrollbar{ height: 8px; -webkit-appearance: none;}
  .Ip800-KHH .offer-box ::-webkit-scrollbar-track{ box-shadow:inset 0 0 2px rgba(128, 128, 128, 0.4);  -webkit-box-shadow:inset 0 0 2px rgba(128, 128, 128, 0.4);}
  .Ip800-KHH .offer-box ::-webkit-scrollbar:hover{ height: 12px;}
  }


@media screen and (max-width: 992px) {
  .Ip800-KHH .highlight-text{font-size: 2.5rem;  }
  .Ip800-KHH .title-h2{font-size: 2.5rem;}
  .Ip800-KHH .title-h2{font-size: 1.6rem;}
  .Ip800-KHH .title-h2 span, .Ip800-KHH .title-h2 span{ font-size: 1.5rem; display: block;}
  .Ip800-KHH .offer-box .mobile-show{ display: block; margin-bottom: 12px; color: black;}
  .Ip800-KHH .speed_content .title-h2{font-size: 1.6rem;}
  .Ip800-KHH .speed_content .title-h2 span, .speed_content .title-h2 span{display: block;}
  .Ip800-KHH .speed_content .title-h2{font-size: 1.3rem; margin-bottom: 10px;}
  .Ip800-KHH .speed_content .title-h2 i, .speed_content .title-h2 i{ display: none;}
  .Ip800-KHH .speed_btn_box{ flex-direction: column; width: 90%; margin: 0 5% 30px;}
  .Ip800-KHH .speed_btn{ flex-direction: column; margin-bottom: 5%;}
  .Ip800-KHH .speed_btn a{ padding: 10px 20px; }
  .Ip800-KHH .speed_btn a:first-child{ margin-right:  0px; margin-bottom: 25px;}
  .Ip800-KHH .speedtest-ad{ width: 100%; margin: 0 0 5% 0;}
  .Ip800-KHH .speed_content .ad-box{ flex-direction: column; width: 90%; margin: 0 5%; padding: 0; align-items: center;}
  .Ip800-KHH .speed_content .ad-box li{ margin: 10px 0;}
  .offer-box .offer-table{ overflow-x: scroll; overflow-y: hidden;}
  .offer-box .offer-table table{ width: 992px; }
}
@media screen and (max-width: 750px) {
  .offer-box .offer-table table th p{ font-size: 1rem; }
  .offer-box .offer-table table .pink-big{font-size: 1rem;}
  .offer-box .offer-table table .pink-big span{ font-size: .875rem;}
  .offer-box .offer-table table th:first-child p{ font-size: .875rem;}
  .offer-box .offer-table table .price{ font-size: 1rem;}
}
@media screen and (max-width: 750px) {
  .Ip800-KHH .Price17{ font-size: 2.7rem;}
  .Ip800-KHH .highlight-text{ font-size: 2.4rem; line-height: 1rem; }
  .Ip800-KHH .Price17s{font-size: 1.3rem; }
  .Ip800-KHH .subtitle .title-h2{ font-size: 1.8rem; }
  .Ip800-KHH .title-h3{font-size: 1.2rem;}
.offer-box .offer-table table{
    width: 750px;
  }
.Ip800-KHH .offer-box .offer-table table .block{
    display: block;
  }
  .Ip800-KHH .table-sale{
    margin-top: 8px;
  }
}
@media screen and (max-width: 500px) {
  .offer-box .offer-table table{
    width: 600px;
  }
}

/* div-4 膩�筝��活商 羌�腮�*/
.Ip800-KHH .div-4{ width: 100%; padding-bottom: 3%;}
.Ip800-KHH .div-4 .div-4-step-box{ width: 100%; color: black; border-radius: 80px 20px 80px 20px; display: inline-flex; background-color: #fff; margin-top: 2.5%; box-sizing: border-box; }
.Ip800-KHH .div-4 .div-4-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;}
.Ip800-KHH .div-4 .div-4-step-box .step-main:first-child{ color: #fff; background-color: #ff2b00; padding-left: 1rem;}
.Ip800-KHH .div-4 .div-4-step-box .step-main:last-child{ padding-right: 1rem;}
.Ip800-KHH .div-4 .div-4-step-box .step-main dl{ margin-bottom: 0; padding: 0 .5rem ;}
.Ip800-KHH .div-4 .div-4-step-box .step-main dl dt{ font-size: 1.8rem; margin: .5rem 0; font-weight: 700;}
.Ip800-KHH .div-4 .div-4-step-box .step-main dl dd{ font-size: 1rem;}
.Ip800-KHH .div-4 .div-4-step-box .step-main dl dd span{ display: block;}
.Ip800-KHH .div-4 .div-4-step-box .step-pic{ width: 155px; height: auto;}
.Ip800-KHH .div-4 .div-4-step-box .icon-1, .Ip800-KHH .div-4 .div-4-step-box .icon-2{ padding-top: 8.4%; width: 8%;}
.Ip800-KHH .div-4 .div-4-step-box .icon-1 img, .Ip800-KHH .div-4 .div-4-step-box .icon-2 img{ position: relative; z-index: 1;}
.Ip800-KHH .div-4 .div-4-step-box .icon-1{ position: relative;}
.Ip800-KHH .div-4 .div-4-step-box .icon-1::after{ background-color: #ff2b00; clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%); content: ''; width: 100%; height: 100%; position: absolute; left: -1px; top: 0; z-index: 0;}
.Ip800-KHH .div-4 .div-4-step-box .icon{ width: 2%; padding-top: 9.5%;}

.Ip800-KHH .div-4 .div-4-step-box ol li{ list-style: auto;}
.Ip800-KHH .div-4 .div-4-step-box ul, .Ip800-KHH .div-4 .div-4-step-box ol{ text-align: left; margin-left: 1rem; display: inline-flex; flex-direction: column;}
.Ip800-KHH .div-4 .div-4-step-box ul li{ list-style: disc;}
.Ip800-KHH .div-4 .div-4-step-box ul li::marker{ color: #ff2b00;}

  @media screen and (max-width: 992px) {
  .Ip800-KHH .subtitle .title-h2 span, .Ip800-KHH .subtitle .title-h3 span{ display: block;}
  .Ip800-KHH .subtitle .hide-comma{ display: none;}
  .Ip800-KHH .div-4 .div-4-step-box{ flex-direction: column; align-items: center;}
  .Ip800-KHH .div-4 .div-4-step-box .step-main{ flex-direction: row; width: 100%; padding:0 3rem; justify-content: flex-start;}
  .Ip800-KHH .div-4 .div-4-step-box .step-main:first-child{ border-radius: 80px 20px 0 0; padding: 2rem 0.5rem 1rem 3rem;}
  .Ip800-KHH .div-4 .div-4-step-box .step-main:last-child{ padding-bottom: .5rem;}
  .Ip800-KHH .div-4 .div-4-step-box .step-main dl{ text-align: left; margin: 0; padding: 0 0 0 2rem;}
  .Ip800-KHH .div-4 .div-4-step-box .step-main dl dt{ margin: 0; font-size: 1.25rem;}
  .Ip800-KHH .div-4 .div-4-step-box .step-main dl dd{ font-size: .9rem; margin-bottom: 20px;}
  .Ip800-KHH .div-4 .div-4-step-box .icon-1, .Ip800-KHH .div-4 .div-4-step-box .icon-2{ padding-top: 0; width: 100%;}
  .Ip800-KHH .div-4 .div-4-step-box .icon-1 img, .Ip800-KHH .div-4 .div-4-step-box .icon-2 img{ width: 18%;}
  .Ip800-KHH .div-4 .div-4-step-box .icon-1::after{ clip-path: polygon(0 0, 100% 0, 100% 49%, 0 50%); left:0px; top:-1px}
  .Ip800-KHH .div-4 .div-4-step-box .icon{ padding-top: 0; width: 5%;}
  }
  
  @media screen and (max-width: 576px) {
    .Ip800-KHH .div-4 .div-4-step-box .step-pic{ width:91px;}
    .Ip800-KHH .div-4 .div-4-step-box .step-main{ padding:0 2rem; }
    .Ip800-KHH .div-4 .div-4-step-box .step-main:first-child{ padding: 2rem 0.5rem 1rem 2rem;}
    }


/* AD */
.prom-box{transition:0.24s;}
.prom-box:first-child{ margin-bottom: 20px;}
.prom-box:hover { transform: scale(1.02);}
.table-bg{background-color: #e55a1b;}


/*QA_start*/
.qa-content{ width: 100%; margin:2.5% 0; background-color: #fff; padding: 1.5rem; box-shadow: 0 1px 10px rgba(0, 95, 92, .2); box-sizing: border-box;}
.qa-content .container-accordion{ display: inline-flex; flex-direction: column; width: 100%;align-items: center;}
.qa-content .container-accordion a{ text-decoration: underline;}
.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%;}
.qa-content .container-accordion label h2{ font-size: 1.1rem;}
.qa-content .container-accordion .red, .qa-content .container-accordion .container-accordion-content.red{ color: #b60152 !important;}
.qa-content .container-accordion .accordion-navigation{ border-bottom: #bfbfbf 1px dotted; width: 100%; text-align: left; margin-bottom: 1rem; margin-top: 0; padding-bottom: 1rem;}
.qa-content .container-accordion .accordion-navigation:last-child{ border-bottom: none !important; padding-bottom: 0; margin-bottom: 0;}
.container-accordion .container-accordion-content{ height: 0px; overflow: hidden; font-size: 1rem; line-height: 140%; transition: 0.3s ease-in !important;}
input[type=radio]:checked+.container-accordion-content{ height: auto; font-size: 1rem; line-height: 140%; margin-left: 0; padding-left:0; padding-bottom: .5rem; padding-top: .5rem;}
input[type=radio]{ display: none;}

@media screen and (max-width: 992px) {
  .qa-content{ margin-bottom: 25px; width: 100%; margin: 5%;}
  .qa-content{ padding: 1rem;}
  .qa-content .container-accordion label{font-size: .9rem;}
  .qa-content .container-accordion label h2{font-size: .9rem;}
  input[type=radio]:checked+.container-accordion-content{ font-size: .9rem;}
  .container-accordion .container-accordion-content{ font-size: .9rem;}
}
  

/*莢弱�����_start*/
.Ip800-KHH .terms-box{ width: 100%; margin: 0 0 30px; background-color: #fff;}
.note-element p{
  text-align: left;
} 
.div-1-discount-info{ margin-top:2rem;}
@media screen and (max-width: 750px) {
  .div-1-discount-info{ margin-top:0.5rem;}
  }