.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

html {
  font-size: 100%;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #FFFFFF;
}

a {
  all: unset;
}

.top-domain {
  width: 100vw;
  box-sizing: border-box;
  padding-left: 21.5vw;
  margin-top: 2.8vw;
  z-index: 5;
  box-sizing: border-box;
}

.top-domain .logo {
  width: 15.9vw;
  height: 2.3vw;
}

.top-domain a img {
  width: 15.9vw;
  height: 2.3vw;
}

.header {
  width: 100vw;
  height: 28.0vw;
  box-sizing: border-box;
  margin: 3.6vw auto 0;
}

.banner {
  width: 36.0vw;
  height: 28.0vw;
}

.banner-right {
  width: 28.5vw;
  height: 17.2vw;
  margin-left: -7.1vw;
}

.center-content {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin: 2.9vw auto 17.9vw;
  box-sizing: border-box;
  padding: 0 21.0vw;
}

.pacakage-ctx {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 0;
}

.pacakage-title {
  font-family: Tahoma;
  font-weight: bold;
  font-size: 2.4vw;
  color: #000000;
}

.pacakage-list {
  flex-wrap: wrap;
  gap: 2.1vw;
  margin: 1.1vw auto 0;
  justify-content: flex-start !important;
}

.pacakage-item {
  width: 15.5vw;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  position: relative;
}

.pacakage-item-img {
  width: 12.2vw;
  height: 17.1vw;
  margin: 0 auto;
}

.pacakage-item-name {
  font-family: Arial;
  font-weight: bold;
  font-size: 1.6vw;
  color: #000000;
  margin-top: 1.9vw;
}

.pacakage-item-desc {
  height: 2.1vw;
  font-family: Tahoma;
  font-weight: 400;
  font-size: 0.9vw;
  color: #000000;
  margin-top: 0.8vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pacakage-item-prize {
  font-family: Tahoma;
  font-weight: 400;
  font-size: 2.0vw;
  color: #FF1546;
  margin-top: 1.0vw;
}

.pacakage-item-sale {
  font-family: Tahoma;
  font-weight: 400;
  font-size: 1.6vw;
  color: #A0A0A0;
  margin-top: 1.1vw;
}

.pacakage-item-sale span {
  text-decoration-line: line-through;
  margin-right: 0.5vw;
}

.pacakage-item-btn {
  width: 10.4vw;
  height: 3.0vw;
  background: #FF1546;
  border-radius: 1.5vw;
  margin-top: 1.0vw;
  font-family: Tahoma;
  font-weight: bold;
  font-size: 1.6vw;
  color: #FFFFFF;
  text-align: center;
  line-height: 3.0vw;
}

.shop-title {
  margin-top: 5.5vw;
}

.shop-list {
  margin: 2.3vw auto 0;
  gap: 1.3vw;
  align-items: flex-start;
}

.shop-item {
  cursor: pointer;
}

.shop-item-name {
  height: 2.3vw;
  font-family: Tahoma;
  font-weight: bold;
  font-size: 1.3vw;
  color: #000000;
  text-align: left;
}

.shop-item-img {
  height: 10.1vw;
  width: 17.8vw;
}

.shop-item-desc {
  font-family: Tahoma;
  font-weight: 400;
  font-size: 0.8vw;
  color: #000000;
  text-align: left;
  margin-top: 0.6vw;
}

.banner2 img {
  width: 59.4vw;
  height: 19.6vw;
  margin: 2.2vw auto 7.9vw;
}

.banner3 img {
  width: 59.4vw;
  height: 18.5vw;
  margin: 2.7vw auto 4.0vw;
}

.contact-ctx {
  width: 100vw;
  margin: 9.3vw auto 17.8vw;
  flex-direction: column;
  justify-content: flex-start !important;
}

.contact-title {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 2.7vw;
  color: #000000;
  text-align: center;
  margin: 0 1.4vw;
}

.line {
  width: 9.8vw;
  height: 0.1vw;
  background: #000000;
}

.step-box {
  margin: 2.3vw auto 0;
  gap: 2.7vw;
}

.step-item img {
  width: 6.4vw;
  height: 6.4vw;
}

.step-item-text {
  font-family: Tahoma;
  font-weight: 400;
  font-size: 0.9vw;
  color: #000000;
  margin-top: 0.5vw;
}

@media (max-width: 768px) {
  .top-domain {
    width: 100vw;
    box-sizing: border-box;
    margin-top: 4.2vw;
    padding: 0;
    z-index: 5;
    box-sizing: border-box;
  }

  .top-domain .logo {
    width: 23.85vw;
    height: 3.45vw;
    margin: 0 auto;
  }

  .top-domain a img {
    width: 23.85vw;
    height: 3.45vw;
  }

  .header {
    width: 100vw;
    height: 42.0vw;
    box-sizing: border-box;
    margin: 5.4vw auto 0;
  }

  .banner {
    width: 54.0vw;
    height: 42.0vw;
  }

  .banner-right {
    width: 42.75vw;
    height: 25.8vw;
    margin-left: -10.65vw;
  }

  .center-content {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 4.35vw auto 20vw;
    box-sizing: border-box;
    padding: 0 7vw;
  }

  .pacakage-ctx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 0;
  }

  .pacakage-title {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 3.6vw;
    color: #000000;
  }

  .pacakage-list {
    flex-wrap: wrap;
    gap: 8vw;
    margin: 1.65vw auto 0;
    justify-content: flex-start !important;
  }

  .pacakage-item {
    width: 23.25vw;
    box-sizing: border-box;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    position: relative;
  }

  .pacakage-item-img {
    width: 18.3vw;
    height: 25.65vw;
    margin: 0 auto;
  }

  .pacakage-item-name {
    font-family: Arial;
    font-weight: bold;
    font-size: 2.4vw;
    color: #000000;
    margin-top: 2.85vw;
  }

  .pacakage-item-desc {
    height: 3.15vw;
    font-family: Tahoma;
    font-weight: 400;
    font-size: 1.35vw;
    color: #000000;
    margin-top: 1.2vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pacakage-item-prize {
    font-family: Tahoma;
    font-weight: 400;
    font-size: 3.0vw;
    color: #FF1546;
    margin-top: 1.5vw;
  }

  .pacakage-item-sale {
    font-family: Tahoma;
    font-weight: 400;
    font-size: 2.4vw;
    color: #A0A0A0;
    margin-top: 1.65vw;
  }

  .pacakage-item-sale span {
    text-decoration-line: line-through;
    margin-right: 0.75vw;
  }

  .pacakage-item-btn {
    width: 15.6vw;
    height: 4.5vw;
    background: #FF1546;
    border-radius: 2.25vw;
    margin-top: 1.5vw;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 2.4vw;
    color: #FFFFFF;
    text-align: center;
    line-height: 4.5vw;
  }

  .shop-title {
    margin-top: 8.25vw;
  }

  .shop-list {
    margin: 3.45vw auto 0;
    gap: 1.95vw;
    align-items: flex-start;
  }

  .shop-item-name {
    height: 3.45vw;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 1.95vw;
    color: #000000;
    text-align: left;
  }

  .shop-item-img {
    height: 15.15vw;
    width: 26.7vw;
  }

  .shop-item-desc {
    font-family: Tahoma;
    font-weight: 400;
    font-size: 1.2vw;
    color: #000000;
    text-align: left;
    margin-top: 0.9vw;
  }

  .banner2 img {
    width: 89.1vw;
    height: 29.4vw;
    margin: 3.3vw auto 11.85vw;
  }

  .banner3 img {
    width: 89.1vw;
    height: 27.75vw;
    margin: 4.05vw auto 6.0vw;
  }

  .contact-ctx {
    width: 100vw;
    margin: 13.95vw auto 10vw;
    flex-direction: column;
    justify-content: flex-start !important;
  }

  .contact-title {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 4.05vw;
    color: #000000;
    text-align: center;
    margin: 0 2.1vw;
  }

  .line {
    width: 14.7vw;
    height: 0.15vw;
    background: #000000;
  }

  .step-box {
    margin: 3.45vw auto 0;
    gap: 4.05vw;
  }

  .step-item img {
    width: 9.6vw;
    height: 9.6vw;
  }

  .step-item-text {
    font-family: Tahoma;
    font-weight: 400;
    font-size: 1.35vw;
    color: #000000;
    margin-top: 0.75vw;
  }

}