@charset "UTF-8";

body {
  background-color: #613aa0;
}
.header {
  background: #613aa0;
}

.navbar .nav-item.nav-icon:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("../images/nav-item-icon_rh.svg") no-repeat center/100%;
  top: 42px;
  left: -17px;
}
.sec_2.sec{background: #000;}
.sec_3 .bg {
  position: fixed;
  background: #000;
  overflow: hidden;
}
.sec_3 .bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  /* 核心技巧：利用 16:9 的比例計算配合 min-width/min-height 確保畫面無死角填滿 */
  width: 100vw;
  height: 100vh;
  min-width: 177.77vh; /* 100vh * (16 / 9) */
  min-height: 56.25vw; /* 100vw * (9 / 16) */
  transform: translate(-50%, -50%) scale(1.3);
  pointer-events: none;
}
.sec_3 .btn {
    background-color: rgb(97 58 160);
    color: white;
}
.sec_3 .btn:hover {
    background-color: #ffb900;

}

.sec_3 .yt, .sec_3 .ig {
  color: black;
}

.navbar .nav-item:nth-child(2):before {
  top: 5px;
}

@media (max-width: 991.98px) {
  .navbar .nav-item.nav-icon:before {
    left: 0px;
    top: 25px;
  }
  .navbar .navitem-link {
      padding: 1.2rem 0px 1.2rem 25px;
      width: 100%;
      font-size: 17px;
  }
}

@media (min-width: 992px) {
  .header.is-sticky {
    background-color: #613aa0;
  }
}

@media (min-width: 992px) {
  .footer .navbar .nav-item .dropdown-menu .navitem-link {
    color: #ffffff;
  }
  .footer .navbar .nav-item .dropdown-menu .navitem-link:hover {
    color: #f7d348;
  }
}

@media (max-width: 991.98px) {
  .navbar {
    background-color: #613aa0;
  }
}

@media (min-width: 1200px) {
  .sec_4 .area__main::after,
  .sec_5 .area__main::after {
    background-color: #cb2112;
  }
}

@media (max-width: 1199.98px) {
  .sec_4 .area__main,
  .sec_5 .area__main {
    background-color: #cb2112;
  }
}

@media (min-width: 992px) {
  .sec_2 .aos-animate + .product-pagination > li:nth-child(1) .product-page {
    background-image: url("../images/gelo_btn1.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(2) .product-page {
    background-image: url("../images/gelo_btn2.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(3) .product-page {
    background-image: url("../images/gelo_btn3.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(4) .product-page {
    background-image: url("../images/gelo_btn4.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(5) .product-page {
    background-image: url("../images/gelo_btn5.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(6) .product-page {
    background-image: url("../images/gelo_btn6.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(7) .product-page {
    background-image: url("../images/gelo_btn7.png");
  }
}
.footer {
  background: #613aa0;
}