.Ip200-TPH { display: flex; flex-direction: column; width: 100%; background-color: #ffcac5; box-sizing: border-box; margin: 0; padding: 0;}
.Ip200-TPH .title-h1{ font-size: 0; text-indent: -9999; z-index: -9999;}
.Ip200-TPH .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;}
.Ip200-TPH picture{ display: block;}
.Ip200-TPH img{ max-width: 100%;}
.Ip200-TPH h5, .Ip200-TPH .title-h4{font-size: 1.3rem;}
.Ip200-TPH h6, .Ip200-TPH .title-h5{font-size: 1rem;}
.Ip200-TPH .m-br{ display: none;}
.Ip200-TPH .swiper-pagination-bullet-active::before, .Ip200-TPH .swiper-pagination-bullet-active{background-color:#cf2220 !important;}
.Ip200-TPH .div-3-bundle-offer{ margin-top: 20px;}
.Ip200-TPH .swiper-button-next.color-dark, .Ip200-TPH .swiper-button-prev.color-dark{ color: #fff;}
@media screen and (max-width: 1000px) {
  .Ip200-TPH h5, .Ip200-TPH .title-h4{font-size: 1.2rem;}
}
@media screen and (max-width: 750px) {
  .Ip200-TPH .wrapper{padding: 0 1rem;}
  .Ip200-TPH h5, .Ip200-TPH .title-h4{font-size: .75rem;}
.Ip200-TPH .m-br{ display: block;}
}

/* font */
.Ip200-TPH .title-h2{font-size: 3rem; font-weight: 700; color: black; padding-bottom: 1rem;}
.Ip200-TPH .title-h2 span, .Ip200-TPH .title-h3 span,{font-size: 2.2rem; display: block; }
.Ip200-TPH .title-h3{font-size: 2rem; font-weight: 600; color: black;}
.Ip200-TPH .title-h3 i, .Ip200-TPH .title-h2 i{ font-style: normal;}
.Ip200-TPH .div-1-discount-info .title-h2 span{display: inline-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 #cf2220; 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 #cf2220;}
.offer-box .offer-table table tr th:last-child, .offer-box .offer-table table tr td:last-child{ border-right: 2px solid #cf2220;}
.offer-box .offer-table table tr th:first-child{ border-left: 2px solid #cf2220;}
.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 #cf2220; border-bottom: solid 1px #cf2220; padding: 5px; font-weight: normal;}
.offer-box .offer-table table .left{ border-left: solid 1px #cf2220; border-bottom: solid 1px #cf2220; padding: 5px; font-weight: normal;}
.offer-box .offer-table table tr:first-child td{ border-right: 0px; padding: 1px 0;}
/*小資首選粉紅框*/
.Ip200-TPH .offer-box .offer-table .mark{border-right: 5px solid #ffcb00; border-left: 5px solid #ffcb00;}
.Ip200-TPH .offer-box .offer-table .mark-top{border-top: 5px solid #ffcb00;}
.Ip200-TPH .offer-box .offer-table .mark-bottom{border-bottom: 5px solid #ffcb00;}
.offer-box .offer-table table .blue{ color: #02acb6;}
.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;}
@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 th:first-child p{ font-size: .875rem;}
  .Ip200-TPH .hand-icon img{ max-width: 25px;}
}
.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: 1rem; font-weight: 700; line-height: 1.4rem;}

.offer-box .p-0509{ margin-top: 10px; color:black;}

.Ip200-TPH .div2-promo-wifi{margin-bottom: 30px; }
.Ip200-TPH .Price17{font-family: "Century Gothic"; font-size: 3.5rem; color: #db4415; display: inline; line-height: 5rem; }
.Ip200-TPH .Price17s{ font-family: "Century Gothic"; font-size: 2rem; color: #db4415; display: inline; }

.Ip200-TPH .Feature{color: #fff; background-color: #ef7343; border-radius: 50px; margin-top: 5px; margin-bottom: 5px; padding: 5px;
}
.Ip200-TPH .table-sale{margin-top: 35px;}
.Ip200-TPH .table tbody td{width: 20%;}
.Ip200-TPH .offer-box .offer-table table .block{display: inline;}

@media screen and (max-width: 450px) {
  .Ip200-TPH .div-4 .Price17{ font-size: 2rem; line-height: 140%;}
  .Ip200-TPH .Price17s{font-size: 2rem; }
}


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

@media screen and (max-width: 1280px) {
  .Ip200-TPH .bt-container .title-h2{ font-size: 2rem;}
  .Ip200-TPH .bt-container .title-h2{ font-size: 1.6rem;}
  .Ip200-TPH .bt-container .title-h4{ font-size: 1.2rem;}
  .Ip200-TPH .bt-container p{ font-size: 1.15rem;}
}
@media screen and (max-width: 1200px) {
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 1%;}
  .Ip200-TPH .bt-container .kv-element .now-section{ padding: 1.5rem 1rem;}
  .Ip200-TPH .bt-wrapper{ width: 80%; margin:0 10%; padding: 2rem 0;}
}
@media screen and (max-width: 1024px) {
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 5.5%;}
  .Ip200-TPH .bt-wrapper{ width: 90%; margin:0 5%; padding: 2rem 0;}
}
@media screen and (max-width: 950px) {
  .Ip200-TPH .bt-container .title-h2{ font-size: 1.7rem;}
  .Ip200-TPH .bt-container .title-h3{ font-size: 1.5rem;}
  .Ip200-TPH .bt-container p{ font-size: 1rem;}
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 6%;}
  .Ip200-TPH .bt-container .kv-element .now-section{ padding: 1.25rem; width: 90%; margin: 0 5% 10%;}
  .Ip200-TPH .bt-container .kv-element .now-section i{ width: 50px; height: 50px;}
  .Ip200-TPH .bt-container .kv-element .now-section p:last-child{ margin-bottom: 0;}
  .Ip200-TPH .bt-container .store-element .map .map-info{ padding: 1rem;}
}
@media screen and (max-width: 850px) {
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 10%;}
  .Ip200-TPH .bt-container .offers-element .offter-box h3 span{ display: block;}
  .Ip200-TPH .bt-container .features-element .features dl dd img{ width: 55%;}
  .Ip200-TPH .btn-more{ width: 90%;}
  .Ip200-TPH .bt-container .package-element::after{ background-size: 100%; width: 65%;}
}
@media screen and (max-width: 750px) {
  .Ip200-TPH .bt-container .title-h2{ font-size: 1.4rem;}
  .Ip200-TPH .bt-container .title-h2 span{ display: block;}
  .Ip200-TPH .bt-container .offers-element .offter-box h3{ margin-bottom: 1rem;}
  .Ip200-TPH .bt-container .offers-element .offter-box{ padding: 1rem;}
  .Ip200-TPH .bt-container .offers-element .title-h2 span{ display: inline-block;}
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 0%;}
  .Ip200-TPH .bt-container .kv-element .kv-box{ padding-bottom: 125%;}
  .Ip200-TPH .bt-container .kv-element .now-section{ border-radius: 10px; width: 90%; padding: 1.25rem 1rem;}
  .Ip200-TPH .bt-container .hot-mon{ font-size: 12px; padding: 1px 6px;}
  .Ip200-TPH .btn-box{ flex-direction: column; align-items: normal;}
  .Ip200-TPH .btn-box a{ margin-bottom: 5%;}
  .Ip200-TPH .btn-box a:last-child{margin-bottom: 0;}
  .Ip200-TPH .bt-container .features-element,.bt-container .package-element,.bt-container .offers-element,.bt-container .store-element{ background-size: 200%;}
  .Ip200-TPH .bt-container .offers-element .super-cover-box .title-h2 span{ display: block;}
  .Ip200-TPH .super-cover-box .swiper-wrapper.super{ margin-bottom: 1rem;}
  .Ip200-TPH .super-cover-box .swiper-pagination.easy{ display: block;}
}
@media screen and (max-width: 650px) {
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 11.5%;}
  .Ip200-TPH .bt-container .kv-element .now-section i{ left: 10%;}
}
@media screen and (max-width: 500px) {
  .Ip200-TPH .bt-container .sec-title-green, .bt-container .sec-title-white{ margin: 0 auto 1rem;}
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 18%;}
  .Ip200-TPH .bt-container .easy-element .easy dl .wave{ margin-top: 30%;}
  .Ip200-TPH .bt-container .kv-element .now-section{ margin: 0 5% 5%;}
  .Ip200-TPH .bt-container .kv-element .now-section .title-h2 span{ display: block;}
  .Ip200-TPH .super-cover-box .swiper-container.super dd figure img{ max-width: 120px;}
}
@media screen and (max-width: 450px) {
  .bt-container .kv-element{ padding-bottom: 30%;}
}
@media screen and (max-width: 350px) {
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 45.5%;}
  .Ip200-TPH .bt-container .kv-element .kv-box{ padding-bottom: 135%;}
}
@media screen and (max-width: 300px) {
  .Ip200-TPH .bt-container .kv-element{ padding-bottom: 65%;}
  .Ip200-TPH .bt-container .kv-element .kv-box{ padding-bottom: 150%;}
}
.Ip200-TPH .swiper-pagination-bullet-active{
  background:#09b2b9;
}

/*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 .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;}
/*QA_end*/

/*貼心提醒_start*/
.Ip200-TPH .note-element-wrapper{width: 100%; padding: 0 1rem; text-align: left; padding: 0 12%;}
.Ip200-TPH .terms-box{ width: 100%; margin: 0 0 30px; background-color: #fff;}
@media screen and (max-width: 750px) {
  .Ip200-TPH .note-element-wrapper{padding: 0 1rem;}
  }
/*貼心提醒_end*/



/* media_start*/
@media screen and (max-width: 1100px) {
  /*table*/
  .Ip200-TPH .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;}
  .Ip200-TPH .offer-box .mobile-show{ display: none; margin-bottom: 1%;}
  .Ip200-TPH .offer-box ::-webkit-scrollbar-thumb{ background-color: #cf2220 !important; border-radius: 0px; outline: 1px solid #cf2220;}
  .Ip200-TPH .offer-box ::-webkit-scrollbar{ height: 8px; -webkit-appearance: none;}
  .Ip200-TPH .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);}
  .Ip200-TPH .offer-box ::-webkit-scrollbar:hover{ height: 12px;}
  }

  @media screen and (max-width: 1000px) {
  .Ip200-TPH .speed_btn a{ font-size: 16px !important;}
  .Ip200-TPH .sec-3 .extra dl dd p{ font-size: 1rem;}
  .Ip200-TPH .sec-3 .extra dl{ padding: 1rem;}
  .Ip200-TPH .sec-3 .extra dl dd p:first-child{ min-height: 4.5rem;}
  .Ip200-TPH .sec-3 .extra dl .sp-tag{ left: 20px; width: 50px; height: 50px; border-radius: 0 0 25px 25px; padding: 15px 2px;}
  .Ip200-TPH .sec-3 .extra dl .sp-tag span{ font-size: .9rem;}
  }

  @media screen and (max-width: 900px) {
  .Ip200-TPH .title-h2{font-size: 1.5rem; font-weight: 700; color: black; padding-bottom: 0;}
  .Ip200-TPH .title-h2 span, .Ip200-TPH .title-h3 span{ font-size: 1.5rem; display: block;}
  .Ip200-TPH .title-h3{font-size: 1.4rem; }
  .Ip200-TPH .speed_content .wrapper{ padding: 0 5%;}
  .Ip200-TPH .offer-box .mobile-show{ display: block; }

  .Ip200-TPH .speed_content .title-h2{font-size: 1.6rem;}
  .Ip200-TPH .speed_content .title-h2 span, .speed_content .title-h3 span{display: block;}
  .Ip200-TPH .speed_content .title-h3{font-size: 1.3rem; margin-bottom: 10px;}
  .Ip200-TPH .speed_content .title-h3 i, .speed_content .title-h2 i{ display: none;}

  .Ip200-TPH .speed_btn_box{ flex-direction: column; width: 90%; margin: 0 5% 30px;}
  .Ip200-TPH .speed_btn{ flex-direction: column; margin-bottom: 5%;}
  .Ip200-TPH .speed_btn a{ padding: 10px 20px; }
  .Ip200-TPH .speed_btn a:first-child{ margin-right:  0px; margin-bottom: 25px;}
  .Ip200-TPH .speedtest-ad{ width: 90%; margin: 0 5% 5%;}
  .Ip200-TPH .speed_content .ad-box{ flex-direction: column; width: 90%; margin: 0 5%; padding: 0; align-items: center;}
  .Ip200-TPH .speed_content .ad-box li{ margin: 10px 0;}

  /*QA*/
  .qa-content{ margin-bottom: 25px; width: 100%; margin: 0 5% 5%;}
  .qa-content{ padding: 1rem;}
  .qa-content .container-accordion label{font-size: .9rem;}
  input[type=radio]:checked+.container-accordion-content{ font-size: .9rem;}
  .container-accordion .container-accordion-content{ font-size: .9rem;}

  /*table*/
  .offer-box .offer-table{ overflow-x: scroll; overflow-y: hidden;}

  .offer-box .offer-table table{
    width: 650px;
  }
}
@media screen and (max-width: 992px) {
  .Ip200-TPH h3{font-size: 1.8rem; font-weight: 700; color: #ffffff; padding-bottom: 0;}
  .Ip200-TPH h3 span, .Ip200-TPH h4 span{ font-size: 1.5rem;}
  .Ip200-TPH h4{font-size: 1.4rem; }
  .Ip200-TPH .speed_content .wrapper{ padding: 0 5%;}
  .Ip200-TPH .offer-box .mobile-show{ display: block; color:black;}

  .Ip200-TPH .speed_content h3{font-size: 1.6rem;}
  .Ip200-TPH .speed_content h3 span, .speed_content h4 span{display: block;}
  .Ip200-TPH .speed_content h4{font-size: 1.3rem; margin-bottom: 10px;}
  .Ip200-TPH .speed_content h4 i, .speed_content h3 i{ display: none;}

  .Ip200-TPH .speed_btn_box{ flex-direction: column; width: 90%; margin: 0 5% 30px;}
  .Ip200-TPH .speed_btn{ flex-direction: column; margin-bottom: 5%;}
  .Ip200-TPH .speed_btn a{ padding: 10px 20px; }
  .Ip200-TPH .speed_btn a:first-child{ margin-right:  0px; margin-bottom: 25px;}
  .Ip200-TPH .speedtest-ad{ width: 100%; margin: 0 5% 5%;}
  .Ip200-TPH .speed_content .ad-box{ flex-direction: column; width: 90%; margin: 0 5%; padding: 0; align-items: center;}
  .Ip200-TPH .speed_content .ad-box li{ margin: 10px 0;}

  /*QA*/
  .qa-content{ margin-bottom: 25px; width: 100%; margin: 0 5% 5%;}
  .qa-content{ padding: 1rem;}
  .qa-content .container-accordion label{font-size: .9rem;}
  input[type=radio]:checked+.container-accordion-content{ font-size: .9rem;}
  .container-accordion .container-accordion-content{ font-size: .9rem;}

  /*table*/
  .offer-box .offer-table{ overflow-x: scroll; overflow-y: hidden;}

  .offer-box .offer-table table{
    width: 992px;
  }
}

@media screen and (max-width: 576px) {
  .offer-box .offer-table table{
      width: 576px;
    }
  .Ip200-TPH .offer-box .offer-table table .block {
    display: block;
  }
  .Ip200-TPH .table-sale{margin-top: 18px;}

}


/* kv */
.Ip200-TPH .container-kv {
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

/* 對齊 */
.Ip200-TPH .dp-f{
    display: flex;
}
.Ip200-TPH .jc-c{
    justify-content: center;
}

/* kv */
.Ip200-TPH .container-kv .kv-slogan{ position: absolute; width: 100%; top: 15px; z-index: 1;}
.Ip200-TPH .container-kv .stamp{position: absolute; width: 11vw; top: 10%; right: 24%; z-index: 2;}

@media (max-width: 750px) {
  .Ip200-TPH .container-kv .stamp { width:20vw; top: 15.5%; right: 7%;}
  .Ip200-TPH .container-kv .kv-slogan {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 1;
}
}

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


/* div-4 線上申辦 流程*/
.Ip200-TPH .div-4{ width: 100%; padding-bottom: 20px;}
.Ip200-TPH .div-4 .div-4-step-box{ width: 100%; color: #cf2220; border-radius: 80px 20px 80px 20px; display: inline-flex; background-color: #fff; margin-top: 2.5%; box-sizing: border-box; }
.Ip200-TPH .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;}
.Ip200-TPH .div-4 .div-4-step-box .step-main:first-child{ color: #fff; background-color: #cf2220; padding-left: 1rem;}
.Ip200-TPH .div-4 .div-4-step-box .step-main:last-child{ padding-right: 1rem;}
.Ip200-TPH .div-4 .div-4-step-box .step-main dl{ margin-bottom: 0; padding: 0 .5rem ;}
.Ip200-TPH .div-4 .div-4-step-box .step-main dl dt{ font-size: 1.8rem; margin: .5rem 0; font-weight: 700;}
.Ip200-TPH .div-4 .div-4-step-box .step-main dl dd{ font-size: 1rem;}
.Ip200-TPH .div-4 .div-4-step-box .step-main dl dd span{ display: block;}
.Ip200-TPH .div-4 .div-4-step-box .step-pic{ width: 155px; height: auto;}
.Ip200-TPH .div-4 .div-4-step-box .icon-1, .Ip200-TPH .div-4 .div-4-step-box .icon-2{ padding-top: 8.4%; width: 8%;}
.Ip200-TPH .div-4 .div-4-step-box .icon-1 img, .Ip200-TPH .div-4 .div-4-step-box .icon-2 img{ position: relative; z-index: 1;}
.Ip200-TPH .div-4 .div-4-step-box .icon-1{ position: relative;}
.Ip200-TPH .div-4 .div-4-step-box .icon-1::after{ background-color: #cf2220; 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;}
.Ip200-TPH .div-4 .div-4-step-box .icon{ width: 2%; padding-top: 9.5%;}

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

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


/* AD */
.AD-picture{transition:0.24s;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.AD-picture:first-child{ margin-bottom: 20px;}
.AD-picture:nth-child(2){ margin-bottom: 20px;}
.AD-picture:hover { transform: scale(1.02);}
.table-bg{background-color: #e55a1b;}


/*QA_start*/
.qa-content{ width: 100%; margin:20px 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 .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;}
  input[type=radio]:checked+.container-accordion-content{ font-size: .9rem;}
  .container-accordion .container-accordion-content{ font-size: .9rem;}
}
.Ip200-TPH .smartlife-card-plan-info3{
 font-size: 1.2rem;
 font-weight: 700;
}
.Ip200-TPH .point2{
  font-size: 1.2rem;
  font-weight: 700;
  color:#129a92;
 }

 .Ip200-TPH .smartlife-card-plan-info2{
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 10px;
 }
 .Ip200-TPH .point3{
  font-size: 1.2rem;
  font-weight: 700;
  color:#fe0072;
 }
 .Ip200-TPH .small-1{
  color: black;
  font-size: 60%;
 }