@charset "UTF-8";

body {
  background-color: #35c4b8;
}
.header {
  background: #35c4b8;
}

.navbar .nav-item.nav-icon:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: url("../images/nav-item-icon.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: rgba(193, 193, 193, 0.88);
}

.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: #35c4b8;
  }
}

@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: #35c4b8;
  }
}

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

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

@media (min-width: 992px) {
  .sec_2 .aos-animate + .product-pagination > li:nth-child(1) .product-page {
    background-image: url("../images/gelo_btn01.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(2) .product-page {
    background-image: url("../images/gelo_btn02.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(3) .product-page {
    background-image: url("../images/gelo_btn03.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(4) .product-page {
    background-image: url("../images/gelo_btn04.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(5) .product-page {
    background-image: url("../images/gelo_btn05.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(6) .product-page {
    background-image: url("../images/gelo_btn06.png");
  }
  .sec_2 .aos-animate + .product-pagination > li:nth-child(7) .product-page {
    background-image: url("../images/gelo_btn07.png");
  }
}
.footer {
  background: #35c4b8;
}