@charset "UTF-8";
img {
  display: block;
}

.sec6 a{
  color: #80feff;
}
.wrapper {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  background-color: #000;
  color: #fff;
  line-height: 1;
  overflow-x: hidden;
}

.container {
  width: 82%;
  max-width: 992px;
  margin: 0 auto;
  margin-bottom: 20px;
}

h2 {
  font-size: 40px;
  font-weight: 800;
  color: #80FEFF;
  text-align: center;
}

h3 {
  font-size: 30px;
  font-weight: 700;
}

h4 {
  font-size: 24px;
  font-weight: 700;
}

.highlight {
  color: #80FEFF !important;
}

.small {
  font-size: 14px;
}

.forM {
  display: none;
}

.forPC {
  display: block;
  margin: 0 auto;
}

.sec {
  padding: 0 0 50px;
}
.sec h2 {
  margin-bottom: 30px;
}

.btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn_group .event_btn,
.btn_group .step_btn {
  background: #80FEFF;
}
.btn_group .event_btn:hover,
.btn_group .step_btn:hover {
  background: #00A29A;
}

.kv h1 {
  display: block;
}

.kv .forPC{
  width: 100%;
}

.kv .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #051A2A;
  margin-top: 3%;
}
.kv .nav li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  aspect-ratio: 320/180;
}
.kv .nav li .logo {
  width: 63.75%;
  max-width: 204px;
}
.kv .nav li .poster {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0 auto;
}
.kv .nav li:hover .poster {
  opacity: 1;
  display: none;
}

.sec2 h2 {
  margin: 40px auto 60px;
}
.sec2 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}
.sec2 .film {
  width: 24%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 8px;
}
.sec2 .film h3 {
  text-align: center;
  margin-bottom: 16px;
}

.sec3 {
  padding-bottom: 60px;
}
.sec3 h2 {
  margin-bottom: 40px;
}
.sec3 .youtube {
  width: 95%;
  max-width: 600px;
  margin: 0 auto 60px;
}
.sec3 .swiper-container-wrapper {
  position: relative;
  width: 96%;
  max-width: 1102px;
  margin: 0 auto;
}
.sec3 .swiper-container-wrapper .swiper-button-prev,
.sec3 .swiper-container-wrapper .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.sec3 .swiper-container-wrapper .swiper-button-prev::after,
.sec3 .swiper-container-wrapper .swiper-button-next::after {
  color: #fff;
  font-weight: bold;
  --swiper-navigation-size: 18px;
}
.sec3 .swiper-container-wrapper .swiper-button-prev {
  left: 0;
}
.sec3 .swiper-container-wrapper .swiper-button-prev::after {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
}
.sec3 .swiper-container-wrapper .swiper-button-next {
  right: 0;
}
.sec3 .swiper-container-wrapper .swiper-button-next::after {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
.sec3 .film_swiper {
  width: 90%;
  max-width: 992px;
  margin: 0 auto 60px;
}
.sec3 .film_swiper .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sec3 .film_swiper a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sec3 .film_swiper .swiper-button-next {
  right: -20px;
}
.sec3 .film_swiper .swiper-button-prev {
  left: -20px;
}
.sec3 .feature_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sec3 .feature_list .feature {
  width: 27.8%;
  padding-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec3 .feature_list .feature .icon {
  width: 59px;
  margin-bottom: 15px;
}
.sec3 .feature_list .feature h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.sec3 .feature_list .feature p {
  font-size: 16px;
  text-align: center;
}
.sec3 .feature_list .line {
  width: 2px;
  background: #FFFFFF;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}

.sec4 {
  padding: 60px 0;
}
.sec4 h2 {
  margin-bottom: 40px;
}
.sec4 .plan_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 40px;
}
.sec4 .plan_list .plan {
  width: 320px;
}
.sec4 .plan_list .plan D h4 {
  text-align: center;
}
.sec4 h4 {
  text-align: center;
  margin-bottom: 20px;
}
.sec4 .hint {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  text-align: center;
  padding: 0 !important;
  margin: 0 auto 10px;
}
.sec4 .hint::after {
  display: block;
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 13px;
  height: 6px;
  background: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplusimages/hint_arrow_left.webp);
  background-size: contain;
}
.sec4 .hint::before {
  display: block;
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 13px;
  height: 6px;
  background: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplusimages/hint_arrow_right.webp);
}
.sec4 .table_container {
  margin-bottom: 40px;
  margin-top: 40px;
}
.sec4 .table-outter {
  margin-bottom: 60px;
}
.sec4 .table-outter table {
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.sec4 .table-outter table tr {
  width: 33.33%;
}
.sec4 .table-outter table th,
.sec4 .table-outter table td {
  width: 34%;
  padding: 12px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  color: #fff;
  line-height: 1.25;
  text-align: center;
}
.sec4 .table-outter table th:nth-child(1),
.sec4 .table-outter table td:nth-child(1) {
  width: 31%;
  font-size: 20px;
  font-weight: bold;
  background: #00A29A;
}
.sec4 .table-outter table th {
  position: relative;
  background: #00A29A;
  font-size: 20px;
  font-weight: bold;
}
.sec4 .table-outter table th.tag::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "推 薦";
  padding: 4px 10px 4px 16px;
  background: #ff9900;
  border-bottom-left-radius: 20px;
  font-size: 13px;
  color: #fff;
}
.sec4 .table-outter table td {
  border-right: 2px solid #317071;
  border-bottom: 2px solid #317071;
}
.sec4 .table-outter table td span {
  font-size: 16px;
  display: block;
}
.sec4 .table-outter table td:nth-child(1) {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.sec4 .table-outter .thead-coontainer th {
padding-top: 24px;
padding-bottom: 24px;
}

.sec4 .btn_group .event_btn {
  display: block;
  width: 210px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin: 0 30px;
}

.sec5 {
  padding: 60px 0;
  background: radial-gradient(115.64% 378.25% at -19.43% -29.98%, rgb(52, 56, 65) 0%, rgb(16, 17, 22) 100%);
}
.sec5 h2 {
  margin-bottom: 20px;
}
.sec5 h4 {
  text-align: center;
  margin-bottom: 40px;
}
.sec5 .btn_group {
  margin-bottom: 45px;
}
.sec5 .btn_group .step_btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  color: #000;
  text-align: center;
  margin: 0 20px;
  background: #fff;
}
.sec5 .btn_group .step_btn:hover {
  background: #fff;
}
.sec5 .btn_group .step_btn.on {
  background: #80FEFF;
}
.sec5 .step_list {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sec5 .step_list.plan1 {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sec5 .step_list.plan2 {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
  gap: 2rem;
  margin: 0 auto;
}

.sec5 .step_list .step {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center bottom 0;
}
.sec5 .step_list .step h4 {
  font-size: 32px;
  margin-bottom: 20px;
}
.sec5 .step_list .step p {
  text-align: center;
  font-size: 20px;
}
.sec5 .step_list .step .note,
.sec5 .step_list .step span {
  display: block;
}
.sec5 .step_list .step .text p,
.sec5 .step_list .step .info p {
  text-align: center;
}
.sec5 .step_list .step .text p .note,
.sec5 .step_list .step .text p span,
.sec5 .step_list .step .info p .note,
.sec5 .step_list .step .info p span {
  font-size: 16px;
}
.sec5 .step_list .plan1_step1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 391px;
  background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan1_step1.webp)
}
.sec5 .step_list .plan1_step1 .text {
  width: 50%;
}
.sec5 .step_list .plan2_step1,
.sec5 .step_list .plan2_step2 {
  width: 50%;
  height: 400px;
  padding: 20px 20px 0;
}
.sec5 .step_list .plan2_step3,
.sec5 .step_list .plan2_step4,
.sec5 .step_list .plan2_step5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 282px;
}


.step-group{
  width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}


.sec5 .step_list .plan2_step3 .text,
.sec5 .step_list .plan2_step4 .text,
.sec5 .step_list .plan2_step5 .text {
  width: 50%;
}
.sec5 .step_list .plan2_step1 {
  background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step1.webp);
}
.sec5 .step_list .plan2_step2 {
  background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step2.webp);

}
.sec5 .step_list .plan2_step3 {
  background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step3.webp);
  background-repeat: no-repeat;
  background-size: contain; /* 保持完整顯示整張圖 */
}
.sec5 .step_list .plan2_step4 {
  background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step4.webp);
  background-repeat: no-repeat;
  background-size: contain; /* 保持完整顯示整張圖 */
}
.sec5 .step_list .plan2_step5 {
  background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step5.webp);
  background-repeat: no-repeat;
  background-size: contain; /* 保持完整顯示整張圖 */
}

.sec5 .step_list .plan2_step6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec5 .step_list .plan2_step6 > div {
  width: 28.5%;
}

.sec5 .step_list .plan1_step6 > div {
  width: 28.5%;
}

.sec5 .step_list .plan2_step6 .info{
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  height: 100%; /* 父容器要給固定高度或由外部 flex 撐起 */
}
.sec5 .step_list .plan2_step6 .info p {
  margin-bottom: 20px;
}

.sec5 .step_list .plan2_step6 .info img {
  margin-top: auto; /* ⬅ 讓圖片推到底部 */
  max-width: 100%;
  height: auto;
}


.sec5 .step_list .step_arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 28px 0;
}

.sec6 {
  padding: 60px 0;
  background-color: #000;
}

.sec6forPC{
  display: block;
  margin-top: 40px;
}

.accordion-question{
  color: white;
}

@media screen and (max-width: 820px) {
  .forPC { display: none;}
  
  h2 {
    font-size: 32px;
  }
  .sec2 h2{
      margin: 40px auto 40px;
  }
  h3 {
    font-size: 18px;
  }
  .forM {
    display: block;
    margin: 0 auto;
  }
  /* .forPC {
    display: none;
  } */
  .kv .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10%;
  }
  .kv .nav li {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 33.33%;
  }
  .sec2 .content {
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
     margin-bottom: 20%;
  }
  .sec2 .content .film {
    width: 36%;
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    margin-bottom: 5%;
  }
  .sec2 .content .film h3 {
    margin-bottom: 10px;
  }
  .sec2 .content .film:nth-child(2), .sec2 .content .film:nth-child(4) {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  .sec3 {
    padding-bottom: 40px;
  }
  .sec3 h2 {
    margin-bottom: 20px;
  }
  .sec3 .youtube {
    width: 86%;
    aspect-ratio: 560/315;
    margin: 0 auto 40px;
  }
  .sec3 .youtube iframe {
    width: 100%;
    height: 100%;
  }
  .sec3 .swiper-container-wrapper {
    width: 100%;
  }
  .sec3 .swiper-container-wrapper .swiper-button-prev,
  .sec3 .swiper-container-wrapper .swiper-button-next {
    background: rgba(0, 0, 0, 0.4);
    width: 8.7vw;
    height: 8.7vw;
    z-index: 100;
  }
  .sec3 .swiper-container-wrapper .swiper-button-prev {
    left: -4.35vw;
  }
  .sec3 .swiper-container-wrapper .swiper-button-prev::after {
    -webkit-transform: translateX(1.8vw);
            transform: translateX(1.8vw);
  }
  .sec3 .swiper-container-wrapper .swiper-button-next {
    right: -4.35vw;
  }
  .sec3 .swiper-container-wrapper .swiper-button-next::after {
    -webkit-transform: translateX(-1.8vw);
            transform: translateX(-1.8vw);
  }
  .sec3 .film_swiper {
    width: 100%;
    margin: 0 auto 40px;
  }
  .sec3 .film_swiper a {
    position: relative;
    width: 20.5vw;
    z-index: 50;
  }
  .sec3 .feature_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec3 .feature_list .feature {
    width: 100%;
    margin-bottom: 12px;
  }
  .sec3 .feature_list .feature p {
    font-size: 16px;
  }
  .sec4 {
    padding: 40px 0;
  }
  .sec4 h2 {
    font-size: 40px;
    margin-bottom: 27px;
  }
  .sec4 h4 {
    margin-bottom: 10px;
  }
  .sec4 .plan_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec4 .plan_list .plan {
    width: 80%;
    max-width: 320px;
    margin-bottom: 20px;
  }
  .sec4 .table_container {
    width: 100%;
    max-width: 600px;
  }
  .sec4 .table_container p {
    font-size: 16px;
    text-align: center;
  }
  .sec4 .table-outter {
    overflow-y: scroll;
    margin-bottom: 20px;
  }
  .sec4 .table-outter table {
    width: 600px;
  }
  .sec4 .btn_group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec4 .btn_group .event_btn {
    margin-bottom: 20px;
  }
  .sec4 .btn_group .event_btn:nth-last-child(1) {
    margin-bottom: 0;
  }
  .sec5 {
    padding: 40px 0;
  }
  .sec5 h2 {
    font-size: 40px;
  }
  .sec5 .btn_group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sec5 .btn_group .step_btn {
    font-size: 12px;
    height: 30px;
    padding: 0 12px;
    line-height: 30px;
    margin: 0 6px;
  }
  .sec5 .step_list {
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }


    .step-group {
    flex-direction: column;
    align-items: center; /* 置中每個 step */
  }


  .sec5 .step_list .step {
    max-width: 340px;
    background-size: contain;
  }
  .sec5 .step_list .step h4 {
    font-size: 24px;
    margin-bottom: 7px;
  }
  .sec5 .step_list .step p {
    font-size: 16px;
    text-align: center;
  }
  .sec5 .step_list .plan1_step1 {
    height: 315px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan1_step1_m.webp);
    background-size: 65%;
  }
  .sec5 .step_list .plan1_step1 .text {
    width: 100%;
  }
  .sec5 .step_list .plan2_step1,
  .sec5 .step_list .plan2_step2 {
    width: 100%;
    height: 321px;
    padding: 0;
  }
  .sec5 .step_list .plan2_step3,
  .sec5 .step_list .plan2_step4,
  .sec5 .step_list .plan2_step5 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    background-size: 219px;
  }
  .sec5 .step_list .plan2_step3 .text,
  .sec5 .step_list .plan2_step4 .text,
  .sec5 .step_list .plan2_step5 .text {
    width: 100%;
  }
  .sec5 .step_list .plan2_step1 {
    margin-bottom: 20px;
    background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step1_m.webp);
 background-repeat: no-repeat;
  background-size: contain; /* 保持完整顯示整張圖 */
  }
  .sec5 .step_list .plan2_step2 {
    background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step2_m.webp);
   background-repeat: no-repeat;
  background-size: contain; /* 保持完整顯示整張圖 */
  }
  .sec5 .step_list .plan2_step3 {
    height: 326px;
    background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step3_m.webp), url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_bg_m.webp);
    background-size: 65%, 103%;
  }
  .sec5 .step_list .plan2_step4 {
    height: 346px;
    background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step4_m.webp), url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_bg_m.webp);
    background-size: 65%, 103%;
  }
  .sec5 .step_list .plan2_step5 {
    height: 326px;
    background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step5_m.webp), url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_bg_m.webp);
    background-size: 65%, 103%;
  }
  .sec5 .step_list .plan2_step6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec5 .step_list .plan2_step6 > div {
    width: 100%;
    margin-bottom: 20px;
  }
  .sec5 .step_list .plan2_step6 > div:nth-last-child(1) {
    margin-bottom: 0;
  }
  .sec5 .step_list .plan2_step6 .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sec5 .step_list .plan2_step6 .info p {
    margin-bottom: 5px;
  }
  .sec5 .step_list .step_arrow {
    padding: 10px 0;
  }
}



@media screen and (max-width: 580px) {
  .sec4 .table_container {
    padding-left: 32px;
  }
  .sec4 .table_container p {
    padding-right: 32px;
  }
}

.wrapper .sec4 .sec4_con{
background: radial-gradient(115.64% 378.25% at -19.43% -29.98%, #343841 0%, #101116 100%);
padding: 20px 0;
}

/* 手機板強制換行 */
@media (max-width: 820px) {
  .mobile-break {
    display: inline-block;
    white-space: pre-line;
  }

  .mobile-break::after {
    content: "Disney+\A加掛方案優惠";
    white-space: pre-line;
  }

  .mobile-break {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}


@media screen and (max-width: 1040px) {
    .sec5 .step_list .plan2_step1 {
        margin-bottom: 20px;
        background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step1_m.webp);
        background-repeat: no-repeat;
        background-size: contain;
    }
        .sec5 .step_list .plan2_step2 {
        background-image: url(https://www.homeplus.net.tw/cable/images/manual_upload/Disneyplus/images/sec5_plan2_step2_m.webp);
        background-repeat: no-repeat;
        background-size: contain;
    }

     .step-group {
    flex-direction: column;
    align-items: center; /* 置中每個 step */
  }

  .step-group .step {
    width: 100%;
  }
}


.container-accordion {
  border-top: 1px solid #ccc;
}

.accordion-item {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
}

.accordion-question {
  font-size: 1.25rem;
  padding: 0.5em;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
  background: none;
  transition: background-color 0.3s;
  text-align: left;
}

.accordion-question:hover {
 color: #80FEFF;
}

.accordion-answer {
  font-size: 0.9rem;
  display: none;
  padding: 1em;
  background:none;
  line-height: 1.6;
  color:white;
}

.accordion-container{
  margin-top: 2rem;
}

th.tag {
  position: relative;
  padding-right: 40px; /* 根據推薦標籤的寬度調整 */
}

 .sec4 img.forPC,
  .sec4 img.forM {
    transition: transform 0.3s ease;
    margin: 0 auto;
  }

  .sec4 img.forPC:hover,
  .sec4 img.forM:hover {
    transform: scale(1.05);
  }

  /* 建議加上這個，避免放大跑版 */
  .sec4 a {
    display: inline-block;
    width: 100%;
  }