.Ip100-TAIPEI { display: flex; flex-direction: column; width: 100%; background-color: #d8d7ff; box-sizing: border-box; margin: 0; padding: 0;}
.Ip100-TAIPEI .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;}
.Ip100-TAIPEI picture{ display: block;}
.Ip100-TAIPEI img{ max-width: 100%;}
.Ip100-TAIPEI h5{font-size: 1.3rem;}
.Ip100-TAIPEI h6{font-size: 1rem;}
.Ip100-TAIPEI em{ font-style: normal;}
@media screen and (max-width: 1000px) {
  .Ip100-TAIPEI h5{font-size: 1.2rem;}
}
@media screen and (max-width: 750px) {
  .Ip100-TAIPEI .wrapper{padding: 0 1rem;}
  .Ip100-TAIPEI h5{font-size: .75rem;}
}
.div-2-promo-wifi{ margin-bottom: 20px;}

/* font */
.Ip100-TAIPEI h3{font-size: 3rem; font-weight: 700; color:black;}
.Ip100-TAIPEI h3 span, .Ip100-TAIPEI h4 span{font-size: 2.2rem; display: block; }
.Ip100-TAIPEI h4{font-size: 2rem; font-weight: 600; color: black;}
.Ip100-TAIPEI h4 i, .Ip100-TAIPEI h3 i{ font-style: normal;}

.Ip100-TAIPEI .table-note{ margin-top: .5rem; color: black;}

/*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;}
.mobile-show{ display: none; text-align: center;}
.offer-box .offer-table table th{ color: #fff; border-bottom: solid 1px #ff4371; 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 #ff4371;}
.offer-box .offer-table table tr th:last-child, .offer-box .offer-table table tr td:last-child{ border-right: 2px solid #ff4371;}
.offer-box .offer-table table tr th:first-child{ border-left: 2px solid #ff4371;}
.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 #ff4371; border-bottom: solid 1px #ff4371; padding: 5px; font-weight: normal;}
.offer-box .offer-table table .left{ border-left: solid 1px #ff4371; border-bottom: solid 1px #ff4371; padding: 5px; font-weight: normal;}
.offer-box .offer-table table tr:first-child td{ border-right: 0px; padding: 1px 0;}
/*小資首選粉紅框*/
.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: #dc2954; font-size: 1.5rem !important; font-weight: 700;}
.offer-box .offer-table table .pink-big span {color: #898989; font-size: 1rem; padding-left: 5px;}
.offer-box .offer-table table .big{ font-size: 1.5rem !important; font-weight: 700;}
.offer-box .offer-table table .sale-deco{ color: #fff; font-size: 1rem !important; font-weight: 700;}
.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;}
.Ip100-TAIPEI .offer-box{margin-bottom: 1rem;}
.Ip100-TAIPEI .div2-promo-wifi{margin-bottom: 30px; }
.Ip100-TAIPEI .Price17{font-family: "Century Gothic"; font-size: 3.5rem; color: #fe0072; display: inline; line-height: 140%; }
.Ip100-TAIPEI .h3-mark{color: #fe0072}
.Ip100-TAIPEI .Price17s{ font-family: "Century Gothic"; font-size: 2rem; color: #fe0072; display: inline; }

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

@media screen and (max-width: 450px) {
  .Ip100-TAIPEI .Price17{ font-size: 2.5rem;}
  .Ip100-TAIPEI .Price17s{font-size: 1.6rem; }
}


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

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

/*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: #d8ff2c; 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*/
.Ip100-TAIPEI .note-element-wrapper{width: 100%; padding: 0 1rem; text-align: left; padding: 0 12%;}
.Ip100-TAIPEI .terms-box{ width: 100%; margin: 0 0 30px; background-color: #fff;}
@media screen and (max-width: 750px) {
  .Ip100-TAIPEI .note-element-wrapper{padding: 0 1rem;}
  }
/*貼心提醒_end*/



/* media_start*/
@media screen and (max-width: 1100px) {
  /*table*/
  .Ip100-TAIPEI .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;}
  .Ip100-TAIPEI .offer-box .offer-table table tr:nth-child(2) th:first-child p, .offer-box .offer-table table tr td:first-child p, .offer-box .offer-table table th:first-child p{  font-size: .85rem;}
  .Ip100-TAIPEI .offer-box .mobile-show{ display: none; margin-bottom: 1%; color: #f2f2f2;}
  .Ip100-TAIPEI .offer-box ::-webkit-scrollbar-thumb{ background-color: #ff4371 !important; border-radius: 0px; outline: 1px solid #02acb6;}
  .Ip100-TAIPEI .offer-box ::-webkit-scrollbar{ height: 8px; -webkit-appearance: none;}
  .Ip100-TAIPEI .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);}
  .Ip100-TAIPEI .offer-box ::-webkit-scrollbar:hover{ height: 12px;}
  }

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

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

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

  .Ip100-TAIPEI .speed_btn_box{ flex-direction: column; width: 90%; margin: 0 5% 30px;}
  .Ip100-TAIPEI .speed_btn{ flex-direction: column; margin-bottom: 5%;}
  .Ip100-TAIPEI .speed_btn a{ padding: 10px 20px; }
  .Ip100-TAIPEI .speed_btn a:first-child{ margin-right:  0px; margin-bottom: 25px;}
  .Ip100-TAIPEI .speedtest-ad{ width: 100%; margin: 0 5% 5%;}
  .Ip100-TAIPEI .speed_content .ad-box{ flex-direction: column; width: 90%; margin: 0 5%; padding: 0; align-items: center;}
  .Ip100-TAIPEI .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: 900px) {
  .Ip100-TAIPEI h3{font-size: 1.5rem; font-weight: 700; color: black; padding-bottom: 0;}
  .Ip100-TAIPEI h3 span, .Ip100-TAIPEI h4 span{ font-size: 1.5rem; display: block;}
  .Ip100-TAIPEI h4{font-size: 1.4rem; }
  .Ip100-TAIPEI .speed_content .wrapper{ padding: 0 5%;}
  .mobile-show{ display: block; }

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

  .Ip100-TAIPEI .speed_btn_box{ flex-direction: column; width: 90%; margin: 0 5% 30px;}
  .Ip100-TAIPEI .speed_btn{ flex-direction: column; margin-bottom: 5%;}
  .Ip100-TAIPEI .speed_btn a{ padding: 10px 20px; }
  .Ip100-TAIPEI .speed_btn a:first-child{ margin-right:  0px; margin-bottom: 25px;}
  .Ip100-TAIPEI .speedtest-ad{ width: 90%; margin: 0 5% 5%;}
  .Ip100-TAIPEI .speed_content .ad-box{ flex-direction: column; width: 90%; margin: 0 5%; padding: 0; align-items: center;}
  .Ip100-TAIPEI .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: 576px) {
  .offer-box .offer-table table{
      width: 576px;
    }
  .Ip100-TAIPEI .offer-box .offer-table table .block {
    display: block;
  }
  .Ip100-TAIPEI .table-sale{margin-top: 18px;}

}


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

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

/* kv */
.Ip100-TAIPEI .container-kv .kv-slogan{ position: absolute; top: 0%; z-index: 1;}
.Ip100-TAIPEI .container-kv .stamp{position: absolute; width: 11%; top: 4%; right: 24%; z-index: 2;}

@media (max-width: 576px) {
  .Ip100-TAIPEI .container-kv .kv-slogan { width: 100%; top: 0%;}
  .Ip100-TAIPEI .container-kv .stamp { width:22vw; top: 1.5%; left: 73%;}
}

/* br */
.Ip100-TAIPEI .div-3-bundle-offer .subtitle h3 br {display: none;}
.Ip100-TAIPEI .div-4 .subtitle h3 br {display: none;}
  @media (max-width: 992px) {
  .Ip100-TAIPEI .div-3-bundle-offer .subtitle h3 br{display: block;}
  .Ip100-TAIPEI .div-4 .subtitle h3 br {display: block;}
  }


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

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

  @media screen and (max-width: 992px) {
  .Ip100-TAIPEI .subtitle h3 span, .Ip100-TAIPEI .subtitle h4 span{ display: block;}
  .Ip100-TAIPEI .subtitle .hide-comma{ display: none;}
  .Ip100-TAIPEI .div-4 .div-4-step-box{ flex-direction: column; align-items: center;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .step-main{ flex-direction: row; width: 100%; padding:0 3rem; justify-content: flex-start;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .step-main:first-child{ border-radius: 80px 20px 0 0; padding: 2rem 0.5rem 1rem 3rem;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .step-main:last-child{ padding-bottom: 1rem;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .step-main dl{ text-align: left; margin: 0; padding: 0 0 0 1rem;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .step-main dl dt{ margin: 0; font-size: 1rem;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .step-main dl dd{ font-size: .85rem;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .icon-1, .Ip100-TAIPEI .div-4 .div-4-step-box .icon-2{ padding-top: 0; width: 100%;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .icon-1 img, .Ip100-TAIPEI .div-4 .div-4-step-box .icon-2 img{ width: 15%;}
  .Ip100-TAIPEI .div-4 .div-4-step-box .icon-1::after{ clip-path: polygon(0 0, 100% 0, 100% 49%, 0 50%); left:0px; top:-1px}
  .Ip100-TAIPEI .div-4 .div-4-step-box .icon{ padding-top: 0; width: 5%;}
  }
  
  @media screen and (max-width: 576px) {
    .Ip100-TAIPEI .div-4 .div-4-step-box .step-pic{ width:70px;}
    .Ip100-TAIPEI .div-4 .div-4-step-box .step-main{ padding:0 2rem 0 3rem; }
    .Ip100-TAIPEI .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); margin-bottom: 20px;}
.AD-picture:last-child{ margin-bottom: 0px;}
.AD-picture:hover { transform: scale(1.02);}
.table-bg{background-color: #e55a1b;}
@media screen and (max-width:750px) {
  .AD-picture{margin-bottom: 10px;}
}

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

@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;}
}
  

.Ip100-TAIPEI .div-1-discount-info h3 span{font-size: 1.6rem;display: inline-block;}


.Ip100-TAIPEI .swiper-pagination-bullet-active::before{background-color: #fff15b;}
.Ip100-TAIPEI .swiper-pagination-bullet::before{background-color: rgba(255, 255, 230, 0.219);}

@media screen and (max-width: 768px) {
    .Ip100-TAIPEI .sec-default .swiper-slide-active .combo-card {
        min-height: 404px;
    }
}

a.btn {
    justify-content: center;
}

.btn0827 {
  text-align: center;
  margin-bottom: 30px;
}