:root {
  --ff-fontawesome: "Font Awesome 5 Free";
  --ff-material: "Material Icons";
  --suger-grape: #8e2bfe;
  --suger-grap-rgb: 268, 83, 100;
  --suger-grape-drk: #7101ef;
  --suger-grape-drk-rgb: 113, 1, 239;
  --lingering-lilac: #e5daf2;
  --lingering-lilac-rgb: 229, 218, 242;
  --lilac: #C591FF;
  --lilac-rgb: 197, 145, 255;
  --lilac-drk: #9D45FF;
  --lilac-drk-rgb: 157, 69, 255;
  --blue-blue: #2938d1;
  --blue-blue-rgb: 41, 56, 209;
  --blue-blue-drk: #212DA9;
  --blue-blue-drk-rgb: 33, 45, 169;
  --clean-pool: #4CC9F0;
  --clean-pool-rgb: 76, 201, 240;
  --clean-pool-drk: #15B8EC;
  --clean-pool-drk-rgb: 21, 184, 236;
  --pink-piano: #f72585;
  --pink-piano-rgb: 247, 37, 133;
  --pink-piano-drk: #DE086A;
  --pink-piano-drk-rgb: 222, 8, 106;
  --lunar-rock: #c5c5c5;
  --lunar-rock-rgb: 197, 197, 197;
  --lunar-rock-drk: #9F9F9F;
  --lunar-rock-drk-rgb: 159 159, 159;
  --cold-morning: #e5e5e5;
  --cold-morning-rgb: 229, 229, 229;
  --cold-morning-drk: #B9B9B9;
  --cold-morning-drk-rgb: 185, 185, 185;
  --beluga: #f1f1f1;
  --beluga-rgb: 241, 241, 241;
  --beluga-drk: #C3C3C3;
  --beluga-drk-rgb: 195, 195, 195;
  --icewind-dale: #e9ecef;
  --icewind-dale-rgb: 233, 236, 239;
  --icewind-dale-drk: #CED4DB;
  --icewind-dale-drk-rgb: 206, 212, 219;
  --super-sliver: #eee;
  --super-sliver-rgb: 238, 238, 238;
  --super-sliver-drk: #C1C1C1;
  --super-sliver-drk-rgb: 193, 193, 193;
  --squant: #666;
  --squant-rgb: 102, 102, 102;
  --squant-drk: #535353;
  --squant-drk-rgb: 83, 83, 83;
  --liberty-blue: #071730;
  --liberty-blue-rgb: 7, 23, 48;
  --liberty-blue-drk: #051327;
  --liberty-blue-drk-rgb: 5, 19, 39;
  --ts-eio: all .2s ease-in-out .2s;
  --tl-x: translateX(-50%);
  --tl-y: translateY(-50%);
  --tl-xy: translate(-50%, -50%);
}

/*--index-slider--*/
.index-top {
  /*--index-top--*/
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  background-image: linear-gradient(to bottom, var(--bs-body-color), #071730);
  position: relative;
  overflow: hidden;
}
.index-slider.slick-slider {
  /*--index-slider--*/
}
.index-slider.slick-slider.slick-dotted {
  margin-bottom: 0;
}
.index-slider.slick-slider .index-slide {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
}
.index-slider.slick-slider .index-slide a {
  display: block;
  border-radius: 0.25rem;
  overflow: hidden;
}
.index-slider.slick-slider .index-slide a img {
  width: 100%;
}
.index-slider.slick-slider .slick-dots {
  padding: 0.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 1.5rem;
  background-color: rgba(var(--liberty-blue-rgb), 0.75);
  transform: var(--tl-y);
  position: absolute;
  top: 50%;
  right: 1rem;
}
.index-slider.slick-slider .slick-dots li {
  display: block;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.index-slider.slick-slider .slick-dots li button {
  padding: 0.5rem;
  width: 1.75rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.index-slider.slick-slider .slick-dots li button:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.375rem;
  background-color: #fff;
  transition: all 0.2s ease-in-out 0.2s;
  position: static;
  opacity: 1;
}
.index-slider.slick-slider .slick-dots li button:hover:before, .index-slider.slick-slider .slick-dots li button:active:before {
  background-color: #f72585;
}
.index-slider.slick-slider .slick-dots li.slick-active button:before {
  height: 28px;
  background-color: #f72585;
  opacity: 1;
}
@media (max-width: 991.98px) {
  .index-slider.slick-slider .slick-dots {
    right: 0.5rem;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0;
  }
}
.index-news.slick-slider {
  /*--index-news--*/
}
.index-news.slick-slider .slick-slide.item {
  width: 320px;
  padding-top: 0.5rem;
}
.index-news.slick-slider .slick-slide.item .card {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 1rem;
  border-width: 0;
  background-color: #e9ecef;
}
.index-news.slick-slider .slick-slide.item .card .header {
  display: flex;
  align-items: center;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.index-news.slick-slider .slick-slide.item .card .header .img {
  flex: 0 0 auto;
  z-index: 1;
}
.index-news.slick-slider .slick-slide.item .card .header .img img {
  width: 78px;
  height: 78px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center, center;
     object-position: center, center;
  border: #f1f1f1 solid 1px;
  border-radius: 50%;
}
.index-news.slick-slider .slick-slide.item .card .header .text {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-right: 0.75rem;
  padding-bottom: 0;
  padding-left: 0.75rem;
  flex: 1 0 0%;
}
.index-news.slick-slider .slick-slide.item .card .header .text h6 {
  margin-bottom: 0.25rem;
}
.index-news.slick-slider .slick-slide.item .card .header .text small {
  display: block;
  color: #666;
}
.index-news.slick-slider .slick-slide.item .card .body {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 3.9375rem;
  font-size: 14px;
  margin-top: 7px;
  margin-right: 14px;
  margin-bottom: 14px;
  margin-left: 14px;
}
.index-news.slick-slider .slick-slide.item .card .link {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 1rem;
}
.index-press {
  /*--index-press--*/
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #eee;
  position: relative;
}
.index-press .bg-press-bottom {
  width: 100%;
}
.index-press:before {
  width: 100%;
  height: 158px;
  background-color: #071730;
  position: absolute;
  top: 0;
  left: 0;
}
.index-press .index-press-item {
  position: relative;
  padding-bottom: 66.6%;
  width: 100%;
  height: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.index-press .index-press-item img {
  width: 100%;
}
.index-press .index-press-item .link {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}
.index-band {
  /*--index-band--*/
  padding-top: calc(158px + 1.5rem);
  padding-bottom: calc(80px + 1.5rem);
  background-color: #fff;
  background-image: linear-gradient(115deg, rgba(var(--blue-blue-rgb), 0.8), rgba(var(--suger-grap-rgb), 0.4));
}
.index-band .header-box {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 220px;
  height: 100%;
}
.index-band .header-box .header {
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-image: linear-gradient(115deg, #4CC9F0, rgba(255, 255, 255, 0));
  position: relative;
}
.index-band .header-box .header .header-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
}
.index-band .header-box .header .header-inner small {
  color: #ccc;
}
.index-band .header-box .header:before {
  content: "";
  display: block;
  width: 33%;
  height: 33%;
  border-radius: 50%;
  background-image: linear-gradient(115deg, #4CC9F0, rgba(255, 255, 255, 0));
  position: absolute;
  bottom: 0;
  right: 0;
}
.index-merchadise {
  /*--index-merchdise--*/
  padding-top: 80px;
  padding-bottom: 80px;
}
.index-merchadise .merchadise-item {
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  position: relative;
}
.index-merchadise .merchadise-item .item-wrap > div {
  width: 100%;
  height: 100%;
  position: absolute;
}
.index-merchadise .merchadise-item .item-wrap .img {
  padding: 1rem;
  border: #fff solid 2px;
  border-radius: 1rem;
}
.index-merchadise .merchadise-item .item-wrap .img .img-inner {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center, center;
  border-radius: 0.25rem;
}
.index-merchadise .merchadise-item .item-wrap .img .badge {
  border-top-left-radius: 10rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10rem;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
}
.index-merchadise .merchadise-item .item-wrap .detail {
  display: flex;
  flex-wrap: wrap;
  align-content: space-evenly;
  padding: 2rem;
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.8);
  transition: var(--ts-eio);
  opacity: 0;
}
.index-merchadise .merchadise-item .item-wrap .detail:hover, .index-merchadise .merchadise-item .item-wrap .detail:active {
  opacity: 1;
}
.index-merchadise .merchadise-item .item-wrap .detail > * {
  width: 100%;
}
.index-merchadise .merchadise-item .item-wrap .detail .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--bs-body-color);
  line-height: 1.25;
}
.index-merchadise .merchadise-item .item-wrap .detail .title:hover, .index-merchadise .merchadise-item .item-wrap .detail .title:active {
  color: #f72585;
}
.index-merchadise .merchadise-item .item-wrap .detail .price {
  text-align: right;
}
.index-merchadise .merchadise-item .item-wrap .detail .price del {
  color: #666;
}
.index-merchadise .merchadise-item .item-wrap .detail .price strong {
  color: #f72585;
}
.index-merchadise .merchadise-item .item-wrap .detail .button-box {
  text-align: right;
}

/*--min-width: 992px--*/
@media (min-width: 992px) {
  .index-news.slick-slider {
    transform: translateY(-48px);
  }
  .index-band .header-box {
    width: 220px;
  }
}
/*--max-width: 991.98px--*/
@media (max-width: 991.98px) {
  .index-news.slick-slider .slick-list {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 0.5rem;
  }
}
/*--max-width: 575.98px--*/
@media (max-width: 767.98px) {
  .index-slider.slick-slider.slick-dotted {
    margin-bottom: 2.5rem;
  }
  .index-slider.slick-slider.slick-dotted .slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    transform: var(--tl-x);
    top: auto;
    right: auto;
    left: 50%;
    bottom: -2rem;
  }
  .index-slider.slick-slider.slick-dotted .slick-dots li {
    width: 1.75rem;
    height: 1.75rem;
  }
  .index-slider.slick-slider.slick-dotted .slick-dots li.slick-active button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .index-slider.slick-slider.slick-dotted .slick-dots li.slick-active button:before {
    width: 0.75rem;
    height: 0.75rem;
    transition: var(--ts-eio);
  }
  .index-merchadise .merchadise-item {
    padding-bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .index-merchadise .merchadise-item .item-wrap {
    display: flex;
  }
  .index-merchadise .merchadise-item .item-wrap > div {
    position: static;
  }
  .index-merchadise .merchadise-item .item-wrap .img {
    flex: 0 0 auto;
    width: 220px;
    height: 220px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 1rem;
    border-top-width: 2px;
    border-right-width: 0;
    border-bottom-width: 2px;
    border-left-width: 2px;
  }
  .index-merchadise .merchadise-item .item-wrap .detail {
    padding: 1rem;
    align-content: space-around;
    height: 220px;
    opacity: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 0;
  }
}