:root {
  --hl-content-ws: 67.5vw;
  --hl-nav: 0;
  --hl-sticky-h: calc(100vh - var(--hl-nav));
  --hl-spc-200: 10.416667vw;
  --hl-spc-160: 8.33333vw;
  --hl-spc-120: 6.25vw;
  --hl-spc-80: 4.166667vw;
  --hl-spc-60: 3.125vw;
  --hl-spc-40: 2.083333vw;
  --hl-spc-30: 1.7625vw;
  --hl-spc-10: 0.520833vw;
  --hl-txt-120: 6.25vw;
  --hl-txt-120-80: 6.25vw;
  --hl-txt-96-96: 5vw;
  --hl-txt-80-80: 4.166667vw;
  --hl-txt-64-48: 3.33333vw;
  --hl-txt-64-64: 3.333333vw;
  --hl-txt-48-42: 2.5vw;
  --hl-txt-48-40: 2.5vw;
  --hl-txt-40-40: 2.083333vw;
  --hl-txt-40-30: 2.083333vw;
  --hl-txt-32-40: 1.666667vw;
  --hl-txt-30-30: 1.7625vw;
  --hl-txt-30-25: 1.7625vw;
  --hl-txt-25-30: 1.302083vw;
  --hl-txt-24-32: 1.25vw;
  --hl-txt-22-32: 1.14583vw;
  --hl-txt-22-22: 1.145833vw;
  --hl-txt-22-28: 1.145833vw;
  --hl-txt-20-20: 1.041667vw;
  --hl-txt-20-28: 1.041667vw;
  --hl-txt-20-16: 1.041667vw;
  --hl-txt-18-24: 0.9375vw;
  --hl-txt-18-18: 0.9375vw;
  --hl-txt-16-16: 0.833333vw;
  --hl-txt-16-24: 0.833333vw;
  --hl-txt-13: 13px;
  --hl-txt-12: 12px;
  --hl-xin-txt-40: 2.083333vw;
}
body.hl-over-hidden {
  overflow: hidden;
  padding-inline-end: var(--modal-scrollbar-buffer);
}
:root.overflow-hidden {
  overflow: hidden;
}
.overflow-hidden {
  overflow: hidden;
}
#hl-container {
  width: 100%;
  position: relative;
}
#hl-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#hl-container img {
  width: 100%;
}
#hl-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#hl-container .blur-up {
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}
#hl-container .blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
#hl-container .hl-txt-120 {
  font-size: 6.25vw;
  font-size: var(--hl-txt-120);
}
#hl-container .hl-txt-120-80 {
  font-size: 6.25vw;
  font-size: var(--hl-txt-120-80);
}
#hl-container .hl-txt-96-96 {
  font-size: 5vw;
  font-size: var(--hl-txt-96-96);
}
#hl-container .hl-txt-80-80 {
  font-size: 4.166667vw;
  font-size: var(--hl-txt-80-80);
}
#hl-container .hl-txt-64-48 {
  font-size: 3.33333vw;
  font-size: var(--hl-txt-64-48);
}
#hl-container .hl-txt-64-64 {
  font-size: 3.333333vw;
  font-size: var(--hl-txt-64-64);
}
#hl-container .hl-txt-48-42 {
  font-size: 2.5vw;
  font-size: var(--hl-txt-48-42);
}
#hl-container .hl-txt-48-40 {
  font-size: 2.5vw;
  font-size: var(--hl-txt-48-40);
}
#hl-container h2,
#hl-container h3,
#hl-container h4,
#hl-container h5,
#hl-container h6 {
  line-height: 1.25;
  font-weight: 400;
}
#hl-container .hl-txt-40-40 {
  font-size: 2.083333vw;
  font-size: var(--hl-txt-40-40);
}
#hl-container .hl-txt-40-30 {
  font-size: 2.083333vw;
  font-size: var(--hl-txt-40-30);
}
#hl-container .hl-txt-32-40 {
  font-size: 1.666667vw;
  font-size: var(--hl-txt-32-40);
}
#hl-container .hl-txt-30-30 {
  font-size: 1.7625vw;
  font-size: var(--hl-txt-30-30);
}
#hl-container .hl-txt-30-25 {
  font-size: 1.7625vw;
  font-size: var(--hl-txt-30-25);
}
#hl-container .hl-txt-25-30 {
  font-size: 1.302083vw;
  font-size: var(--hl-txt-25-30);
}
#hl-container .hl-txt-22-32 {
  font-size: 1.14583vw;
  font-size: var(--hl-txt-22-32);
}
#hl-container .hl-txt-24-32 {
  font-size: 1.25vw;
  font-size: var(--hl-txt-24-32);
}
#hl-container .hl-txt-22-22 {
  font-size: 1.145833vw;
  font-size: var(--hl-txt-22-22);
}
#hl-container .hl-txt-22-28 {
  font-size: 1.145833vw;
  font-size: var(--hl-txt-22-28);
}
#hl-container .hl-txt-20-20 {
  font-size: 1.041667vw;
  font-size: var(--hl-txt-20-20);
}
#hl-container .hl-txt-20-28 {
  font-size: 1.041667vw;
  font-size: var(--hl-txt-20-28);
}
#hl-container .hl-txt-20-16 {
  font-size: 1.041667vw;
  font-size: var(--hl-txt-20-16);
}
#hl-container .hl-txt-18-24 {
  font-size: 0.9375vw;
  font-size: var(--hl-txt-18-24);
}
#hl-container .hl-txt-18-18 {
  font-size: 0.9375vw;
  font-size: var(--hl-txt-18-18);
}
#hl-container .hl-txt-16-16 {
  font-size: 0.833333vw;
  font-size: var(--hl-txt-16-16);
}
#hl-container .hl-txt-16-24 {
  font-size: 0.833333vw;
  font-size: var(--hl-txt-16-24);
}
#hl-container .hl-txt-13 {
  font-size: 0.677083vw;
  font-size: var(--hl-txt-13);
}
#hl-container .hl-txt-12 {
  font-size: 0.625vw;
  font-size: var(--hl-txt-12);
}
#hl-container .hl-xin-txt-40 {
  font-size: 2.083333vw;
  font-size: var(--hl-xin-txt-40);
}
#hl-container .hl-txt-30-30,
#hl-container .hl-txt-30-25,
#hl-container .hl-txt-25-30,
#hl-container .hl-txt-24-32,
#hl-container .hl-txt-22-22,
#hl-container .hl-txt-22-28,
#hl-container .hl-txt-20-20,
#hl-container .hl-txt-20-28,
#hl-container .hl-txt-20-16,
#hl-container .hl-txt-18-24,
#hl-container .hl-txt-18-18,
#hl-container .hl-txt-16-16,
#hl-container .hl-txt-16-24,
#hl-container .hl-txt-13,
#hl-container p,
#hl-container span {
  line-height: 1.6;
}
#hl-container .hl-txt-bold {
  font-weight: bold;
}
#hl-container .hl-txt-left {
  text-align: left;
}
#hl-container .hl-txt-center {
  text-align: center;
}
#hl-container .hl-txt-right {
  text-align: right;
}
#hl-container .hl-txt-color-00 {
  color: #000;
}
#hl-container .hl-txt-color-86 {
  color: #86868b;
}
#hl-container .hl-txt-color-79 {
  color: #797c80;
}
#hl-container .hl-txt-color-a8 {
  color: #a8b205;
}
#hl-container .hl-txt-bg-s {
  background: -webkit-linear-gradient(left, #b2a79f, #eeeadd, #b2a79f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hl-container .hl-txt-op-80 {
  opacity: 0.8;
}
#hl-container .hl-txt-op-50 {
  opacity: 0.5;
}
#hl-container .hl-txt-op-30 {
  opacity: 0.3;
}
#hl-container .hl-animation-up {
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.5s;
}
#hl-container .hl-animation-up.active {
  transform: translateY(0);
  opacity: 1;
  will-change: transform, opacity;
}
#hl-container .hl-mt-200 {
  margin-top: 10.416667vw;
  margin-top: var(--hl-spc-200);
}
#hl-container .hl-mb-200 {
  margin-bottom: 10.416667vw;
  margin-bottom: var(--hl-spc-200);
}
#hl-container .hl-pt-200 {
  padding-top: 10.416667vw;
  padding-top: var(--hl-spc-200);
}
#hl-container .hl-pb-200 {
  padding-bottom: 10.416667vw;
  padding-bottom: var(--hl-spc-200);
}
#hl-container .hl-mt-120 {
  margin-top: 6.25vw;
  margin-top: var(--hl-spc-120);
}
#hl-container .hl-mb-120 {
  margin-bottom: 6.25vw;
  margin-bottom: var(--hl-spc-120);
}
#hl-container .hl-pt-120 {
  padding-top: 6.25vw;
  padding-top: var(--hl-spc-120);
}
#hl-container .hl-pb-120 {
  padding-bottom: 6.25vw;
  padding-bottom: var(--hl-spc-120);
}
#hl-container .hl-mt-160 {
  margin-top: 8.33333vw;
  margin-top: var(--hl-spc-160);
}
#hl-container .hl-mb-160 {
  margin-bottom: 8.33333vw;
  margin-bottom: var(--hl-spc-160);
}
#hl-container .hl-pt-160 {
  padding-top: 8.33333vw;
  padding-top: var(--hl-spc-160);
}
#hl-container .hl-pb-160 {
  padding-bottom: 8.33333vw;
  padding-bottom: var(--hl-spc-160);
}
#hl-container .hl-mt-80 {
  margin-top: 4.166667vw;
  margin-top: var(--hl-spc-80);
}
#hl-container .hl-mb-80 {
  margin-bottom: 4.166667vw;
  margin-bottom: var(--hl-spc-80);
}
#hl-container .hl-pt-80 {
  padding-top: 4.166667vw;
  padding-top: var(--hl-spc-80);
}
#hl-container .hl-pb-80 {
  padding-bottom: 4.166667vw;
  padding-bottom: var(--hl-spc-80);
}
#hl-container .hl-mt-60 {
  margin-top: 3.125vw;
  margin-top: var(--hl-spc-60);
}
#hl-container .hl-mb-60 {
  margin-bottom: 3.125vw;
  margin-bottom: var(--hl-spc-60);
}
#hl-container .hl-pt-60 {
  padding-top: 3.125vw;
  padding-top: var(--hl-spc-60);
}
#hl-container .hl-pb-60 {
  padding-bottom: 3.125vw;
  padding-bottom: var(--hl-spc-60);
}
#hl-container .hl-mt-40 {
  margin-top: 2.083333vw;
  margin-top: var(--hl-spc-40);
}
#hl-container .hl-mb-40 {
  margin-bottom: 2.083333vw;
  margin-bottom: var(--hl-spc-40);
}
#hl-container .hl-pt-40 {
  padding-top: 2.083333vw;
  padding-top: var(--hl-spc-40);
}
#hl-container .hl-pb-40 {
  padding-bottom: 2.083333vw;
  padding-bottom: var(--hl-spc-40);
}
#hl-container .hl-mt-30 {
  margin-top: 1.7625vw;
  margin-top: var(--hl-spc-30);
}
#hl-container .hl-mb-30 {
  margin-bottom: 1.7625vw;
  margin-bottom: var(--hl-spc-30);
}
#hl-container .hl-pt-30 {
  padding-top: 1.7625vw;
  padding-top: var(--hl-spc-30);
}
#hl-container .hl-pb-30 {
  padding-bottom: 1.7625vw;
  padding-bottom: var(--hl-spc-30);
}
#hl-container .hl-mt-10 {
  margin-top: 0.520833vw;
  margin-top: var(--hl-spc-10);
}
#hl-container .hl-mb-10 {
  margin-bottom: 0.520833vw;
  margin-bottom: var(--hl-spc-10);
}
#hl-container .hl-pt-10 {
  padding-top: 0.520833vw;
  padding-top: var(--hl-spc-10);
}
#hl-container .hl-pb-10 {
  padding-bottom: 0.520833vw;
  padding-bottom: var(--hl-spc-10);
}
#hl-container .hl-will-change .will-change-tf {
  will-change: transform;
}
#hl-container .hl-will-change .will-change-op {
  will-change: opacity;
}
#hl-container .hl-will-change .will-change-tf-op {
  will-change: transform, opacity;
}
#hl-container .hl-will-change .will-change-all {
  will-change: transform, opacity, width, height;
}
#hl-container .hl-section {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
#hl-container .hl-content-ws {
  width: 83.33333vw;
  width: var(--hl-content-ws);
  margin: 0 auto;
  position: relative;
}
#hl-container .hl-content-wf {
  width: 100%;
  position: relative;
  line-height: 0;
}
#hl-container .hl-img-border-radius {
  border-radius: 0.83333vw;
  overflow: hidden;
  will-change: transform;
}
#hl-container .hl-img-border-radius-s {
  border-radius: 0.520833vw;
  overflow: hidden;
}
#hl-container .hl-bg {
  background-color: #000;
}
#hl-container .hl-bg-11 {
  background-color: #111111;
}
#hl-container .hl-space-100vh {
  height: 100vh;
}
#hl-container .hl-space-50vh {
  height: 50vh;
}
#hl-container .hl-showmob {
  display: none;
}
#hl-container .hl-showpc {
  display: inline-block;
}
#hl-container .hl-show-ie {
  display: none;
}
#hl-container .hl-hide-ie {
  display: block;
}
#hl-container .wx-img {
  display: none;
}
#hl-container .nowrap {
  white-space: nowrap;
  line-height: inherit;
  color: inherit !important;
}
#hl-container sup {
  line-height: 0;
  font-size: 0.6em;
  cursor: pointer;
}
#hl-container .hl-sellpoint-arrow {
  width: 1.666667vw !important;
  height: 1.666667vw;
  position: absolute;
  bottom: 1.041667vw;
  right: 1.041667vw;
  cursor: pointer;
  background: #f8f8f8;
  border-radius: 50%;
  overflow: hidden;
  z-index: 9;
  transform: translate3d(0, 0, 0);
}
#hl-container .hl-sellpoint-arrow img {
  width: 100%;
  transition: all 1s;
  transform: translateY(-48%);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
#hl-container .hl-reason-div:hover .hl-sellpoint-arrow img {
  transform: translateY(0);
  transition: all 1s;
}
#hl-container .stick-full {
  position: -webkit-sticky;
  position: sticky;
  top: var(--hl-nav);
  height: var(--hl-sticky-h);
  overflow: hidden;
}
#hl-container .hl-animation-reason {
  opacity: 0;
  transform: translateY(4vw);
}
#hl-container .aspect-ratio-picture {
  display: block;
  max-width: 100%;
  position: relative;
}
#hl-container .aspect-ratio-picture::before {
  display: block;
  content: "";
}
#hl-container .aspect-ratio-picture img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#hl-container .hl-disclaimer-wrap {
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-disclaimer-wrap .hl-disclaimer {
  width: 67.5vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.8em;
  font-size: 12px;
}
#hl-container .hl-disclaimer-wrap .hl-disclaimer li,
#hl-container .hl-disclaimer-wrap .hl-disclaimer p {
  line-height: 1.6em;
}
#hl-container .hl-disclaimer-wrap .hl-disclaimer li {
  list-style-type: decimal;
  color: #838389;
  word-break: break-word;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#hl-container .hl-disclaimer-wrap .hl-disclaimer li a {
  word-wrap: break-word;
  word-break: break-word;
}
#hl-container .hl-disclaimer-wrap .hl-disclaimer li.active {
  color: #fff;
}
#hl-container .hl-disclaimer-wrap .hl-disclaimer .li-no-num {
  list-style: none;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-disclaimer-wrap .hl-disclaimer {
    width: 87.07143vw;
    font-size: 1.71429vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-disclaimer-wrap .hl-disclaimer {
    width: 83.333333vw;
    font-size: 3.33333vw;
  }
}
@media (min-width: 1920px) {
  #hl-container .hl-disclaimer-wrap .hl-disclaimer {
    font-size: 0.625vw;
  }
}
.hl-btn-style {
  background-color: #000;
  color: #fff;
  font-size: 13px;
  border: 2px solid #000;
  display: inline-block;
  line-height: 24px;
  font-weight: 800;
  padding: 6px 20px;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
  transition: 0.3s ease-out;
}
.hl-btn-style a {
  color: inherit;
}
.hl-btn-style:hover {
  opacity: 0.8;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  :root {
    --hl-content-ws: 90.85714vw;
    --hl-nav: 0;
    --hl-sticky-h: calc(100vh - var(--hl-nav));
    --hl-spc-200: 14.28571vw;
    --hl-spc-160: 11.42857vw;
    --hl-spc-120: 16.666667vw;
    --hl-spc-80: 13.888889vw;
    --hl-spc-60: 11.111111vw;
    --hl-spc-40: 8.333333vw;
    --hl-spc-30: 5.555556vw;
    --hl-spc-10: 2.777778vw;
    --hl-txt-120: 16.666667vw;
    --hl-txt-120-80: 11.111111vw;
    --hl-txt-96-96: 6.85714vw;
    --hl-txt-80-80: 11.111111vw;
    --hl-txt-64-48: 4.57143vw;
    --hl-txt-64-64: 4.57143vw;
    --hl-txt-48-42: 3.42857vw;
    --hl-txt-48-40: 5.555556vw;
    --hl-txt-40-40: 5.555556vw;
    --hl-txt-40-30: 4.166667vw;
    --hl-txt-32-40: 3.42857vw;
    --hl-txt-30-30: 4.166667vw;
    --hl-txt-30-25: 3.472222vw;
    --hl-txt-25-30: 4.166667vw;
    --hl-txt-22-32: 2.28571vw;
    --hl-txt-24-32: 1.71429vw;
    --hl-txt-22-22: 3.055556vw;
    --hl-txt-22-28: 3.888889vw;
    --hl-txt-20-20: 2.777778vw;
    --hl-txt-20-28: 1.42857vw;
    --hl-txt-20-16: 2.222222vw;
    --hl-txt-18-24: 1.28571vw;
    --hl-txt-18-18: 2.5vw;
    --hl-txt-16-16: 2.222222vw;
    --hl-txt-16-24: 3.333333vw;
    --hl-txt-13: 13px;
    --hl-txt-12: 12px;
    --hl-xin-txt-40: 6.666667vw;
  }
  #hl-container .hl-animation-up {
    opacity: 0;
  }
  #hl-container .hl-img-border-radius {
    border-radius: 1.14286vw;
  }
  #hl-container .hl-img-border-radius-s {
    border-radius: 1.14286vw;
  }
  #hl-container .hl-space-100vh {
    display: none;
  }
  #hl-container .hl-space-50vh {
    display: none;
  }
  #hl-container .hl-showmob {
    display: none;
  }
  #hl-container .hl-showpc {
    display: block;
  }
  #hl-container .hl-common-swiper-img .hl-showmob {
    display: block;
  }
  #hl-container .hl-content-ws {
    width: 100%;
    width: var(--hl-content-ws);
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  :root {
    --hl-content-ws: 100%;
    --hl-nav: 0;
    --hl-sticky-h: calc(100vh - var(--hl-nav));
    --hl-spc-200: 27.777778vw;
    --hl-spc-160: 22.22222vw;
    --hl-spc-120: 16.666667vw;
    --hl-spc-80: 13.888889vw;
    --hl-spc-60: 11.111111vw;
    --hl-spc-40: 8.333333vw;
    --hl-spc-30: 5.555556vw;
    --hl-spc-10: 2.777778vw;
    --hl-txt-120: 16.666667vw;
    --hl-txt-120-80: 11.111111vw;
    --hl-txt-96-96: 13.33333vw;
    --hl-txt-80-80: 11.111111vw;
    --hl-txt-64-48: 6.66667vw;
    --hl-txt-64-64: 8.888889vw;
    --hl-txt-48-42: 5.83333vw;
    --hl-txt-48-40: 5.555556vw;
    --hl-txt-40-40: 5.555556vw;
    --hl-txt-40-30: 4.166667vw;
    --hl-txt-32-40: 5.55556vw;
    --hl-txt-30-30: 4.166667vw;
    --hl-txt-30-25: 3.472222vw;
    --hl-txt-25-30: 4.166667vw;
    --hl-txt-22-32: 4.44444vw;
    --hl-txt-24-32: 4.44444vw;
    --hl-txt-22-22: 3.055556vw;
    --hl-txt-22-28: 3.888889vw;
    --hl-txt-20-20: 2.777778vw;
    --hl-txt-20-28: 3.88889vw;
    --hl-txt-20-16: 2.222222vw;
    --hl-txt-18-24: 3.33333vw;
    --hl-txt-18-18: 2.5vw;
    --hl-txt-16-16: 2.222222vw;
    --hl-txt-16-24: 3.333333vw;
    --hl-txt-13: 13px;
    --hl-txt-12: 12px;
    --hl-xin-txt-40: 6.666667vw;
  }
  #hl-container .hl-animation-up {
    opacity: 0;
  }
  #hl-container .hl-img-border-radius {
    border-radius: 2.22222vw;
  }
  #hl-container .hl-img-border-radius-s {
    border-radius: 1.388889vw;
  }
  #hl-container .hl-space-100vh {
    display: none;
  }
  #hl-container .hl-space-50vh {
    display: none;
  }
  #hl-container .hl-showmob {
    display: inline-block;
  }
  #hl-container .hl-showpc {
    display: none;
  }
  #hl-container .hl-content-ws {
    width: 100%;
    width: var(--hl-content-ws);
  }
  #hl-container .hl-reason .hl-sellpoint-arrow {
    width: 3.33333vw !important;
    height: 3.33333vw;
    bottom: 1.94444vw;
    right: 1.94444vw;
  }
}
html.has-modal {
  overflow: hidden !important;
}
html.has-modal body::-webkit-scrollbar {
  display: none;
}
html.has-modal body,
html.has-modal .main-navigation.nav-v2,
html.has-modal #second-navigation-v4 .product-tabs__heading,
html.fancybox-margin body,
html.fancybox-margin .main-navigation.nav-v2,
html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
  padding-inline-end: var(--modal-scrollbar-buffer);
}
.has-modal #hl-container .section-modal.modal-open,
.has-modal #hl-container .section-modal.modal-will-close {
  z-index: 200;
}
.has-modal #hl-container .section-modal .modal-overlay {
  transform: translate3d(0, 0, 0);
}
#hl-container {
  width: 100%;
  color: #000;
  background: #fff;
}
#hl-container .hl-video-replay {
  cursor: pointer;
  opacity: 0;
  transition: all 0.8s ease;
  pointer-events: none;
}
#hl-container .hl-video-replay.active {
  opacity: 1;
  pointer-events: all;
}
#hl-container.hl-no-video-btn .hl-video-replay {
  display: none !important;
}
#hl-container.hl-no-video-btn .video-control-btn-container {
  display: none !important;
}
#hl-container.hl-no-video-btn .system-ai-theme-item-ui-container {
  border-radius: 5.55556vw;
  top: 0.6%;
  left: 0.95%;
  width: 97.1%;
}
#hl-container.hl-no-video-btn .hl-reason .hl-reason4-video {
  width: 29.02778vw;
  top: 25.13889vw;
  left: 26.94444vw;
  border-radius: 5.55556vw;
}
#hl-container
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  outline: none;
}
#hl-container .swiper {
  overflow: visible;
  margin-left: 0;
}
#hl-container .swiper-wrapper {
  height: max-content;
}
#hl-container .swiper-slide {
  width: 100%;
  height: max-content;
  overflow: hidden;
}
#hl-container .swiper-button-prev svg,
#hl-container .swiper-button-next svg {
  width: 100%;
  height: 100%;
}
#hl-container .swiper-button-prev .hl-btn-bg,
#hl-container .swiper-button-next .hl-btn-bg {
  transition: opacity 0.4s ease-in-out;
}

@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .swiper-button-prev .hl-btn-bg,
  #hl-container .swiper-button-next .hl-btn-bg {
    transition: none;
  }
}
#hl-container .swiper-button-next:after,
#hl-container .swiper-button-prev:after {
  display: none;
}
#hl-container .swiper-button-prev.swiper-button-disabled,
#hl-container .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
#hl-container a {
  color: inherit;
}
#hl-container .section-modal {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  outline: 0;
  -webkit-backdrop-filter: blur(0px) brightness(100%);
  backdrop-filter: blur(0px) brightness(100%);
  padding-inline-end: var(--modal-scrollbar-buffer);
  background-color: #fff;
}
#hl-container .section-modal.hl-specimen-feature2-pop {
  background-color: #000;
}
#hl-container .section-modal.hl-design-feature1-pop .modal-overlay {
  transform: translate3d(0, 0, 0);
}
#hl-container .section-modal.hl-design-feature1-pop .hl-btn-bg {
  opacity: 0;
}
#hl-container .section-modal.modal-fully-visible {
  padding-inline-end: 0;
}
#hl-container .section-modal.modal-open {
  -webkit-backdrop-filter: blur(50px) brightness(120%);
  backdrop-filter: blur(50px) brightness(120%);
}
#hl-container .section-modal.modal-open .modal-overlay {
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 1;
}
#hl-container .section-modal.modal-will-close {
  overflow: auto;
  padding-inline-end: 0;
}
#hl-container .section-modal.modal-will-close .modal-overlay {
  transition: all 0.3s;
}
#hl-container .section-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}
#hl-container .section-modal .modal-overlay {
  width: 70vw;
  max-height: 83vh;
  transform: translate3d(0, 100vh, 0);
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
  overflow: hidden;
  display: flex;
  align-items: center;
}
#hl-container .section-modal .modal-wrapper {
  position: relative;
  pointer-events: auto;
}
#hl-container .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#hl-container .section-modal .modal-close-container {
  position: absolute;
  top: 1.66667vw;
  right: 1.66667vw;
  bottom: 0;
}
#hl-container .section-modal .modal-close-button {
  width: 2.5vw;
  height: 2.5vw;
  position: sticky;
  z-index: 10;
  top: 1.66667vw;
  cursor: pointer;
  border-radius: 100%;
  background-color: rgba(128, 128, 128, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 0;
  font-size: 0;
  line-height: 0;
  transition: opacity 0.6s ease;
}
#hl-container .section-modal .modal-close-button:hover {
  opacity: 0.8;
}
#hl-container .section-modal .swiper-button-prev,
#hl-container .section-modal .swiper-button-next {
  transition: all 0.3s ease-in-out;
  border-radius: 2.60417vw;
  background-color: rgba(128, 128, 128, 0);
}
#hl-container .section-modal .swiper-button-prev:hover,
#hl-container .section-modal .swiper-button-next:hover {
  background-color: rgba(128, 128, 128, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
#hl-container .section-modal .hl-btn-bg {
  opacity: 0;
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .section-modal .modal-overlay {
    width: 95.55556vw;
    padding-top: 8.88889vw;
    padding-bottom: 8.88889vw;
  }
  #hl-container .section-modal .modal-content {
    padding-bottom: 16.66667vw;
    border-radius: 4.44444vw;
  }
  #hl-container .section-modal .modal-close-container {
    top: 3.33333vw;
    right: 3.33333vw;
    width: 11.11111vw;
  }
  #hl-container .section-modal .modal-close-button {
    top: 3.33333vw;
  }
  #hl-container .section-modal .modal-close-button {
    width: 11.11111vw;
    height: 11.11111vw;
  }
  #hl-container .section-modal .section-content {
    padding: 8.33333vw;
    flex-direction: column;
  }
}
#hl-container .hl-kv {
  padding-top: 1.5625vw;
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
  display: flex;
  align-items: center;
}
#hl-container .hl-kv .hl-content-wf {
  width: 56.5625vw;
  overflow: hidden;
}
#hl-container .hl-kv .hl-kv-title-wrapper {
  width: 27.29167vw;
  text-align: center;
  opacity: 1;
  transition: all 1s;
  position: relative;
  margin-left: 7.29167vw;
}
#hl-container .hl-kv .hl-kv-title-wrapper img {
  width: 24.27083vw;
}
#hl-container .hl-kv .hl-kv-title-wrapper p {
  font-size: 2.5vw;
  margin-top: 0.20833vw;
  margin-bottom: 0.83333vw;
  font-weight: 500;
  line-height: 1.25;
}
#hl-container .hl-kv .hl-kv-title-wrapper span {
  font-size: 1.66667vw;
  font-weight: 400;
  line-height: 1.6;
}
#hl-container .hl-kv .hl-kv-img-wrapper {
  width: 100%;
}
#hl-container .hl-kv .hl-product-btn {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#hl-container .hl-kv .hl-product-btn span {
  font-size: 1.04167vw;
}
#hl-container .hl-kv .hl-product-btn img {
  width: 1.66667vw;
  margin-left: 0.41667vw;
}
#hl-container .hl-kv .hl-kv-buy {
  margin-top: 1.45833vw;
  font-size: 1.45833vw;
  text-align: center;
  transition: all 1s;
}
#hl-container .hl-kv .hl-kv-buy span {
  font-size: 0.67708vw;
}
#hl-container .hl-kv .section-kv-pic {
  line-height: 1.25;
  margin-bottom: 24px;
  font-weight: 400;
}
#hl-container .hl-kv .section-kv-pic .hl-anchor {
  display: inline-block;
  cursor: pointer;
}
#hl-container .hl-kv .hl-btn-style {
  color: #fff;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-kv {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    display: block;
  }
  #hl-container .hl-kv .hl-content-wf {
    width: 100%;
  }
  #hl-container .hl-kv .hl-kv-title-wrapper {
    width: 53.57143vw;
    margin-top: 9.35714vw;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: 0;
  }
  #hl-container .hl-kv .hl-kv-title-wrapper img {
    width: 53.42857vw;
  }
  #hl-container .hl-kv .hl-kv-title-wrapper p {
    font-size: 6.28571vw;
    margin-top: 3.42857vw;
    margin-bottom: 3.42857vw;
  }
  #hl-container .hl-kv .hl-kv-title-wrapper span {
    font-size: 3vw;
  }
  #hl-container .hl-kv .hl-kv-img-wrapper {
    width: 100%;
    margin-left: 0;
    transform: scale(1);
    transform-origin: 29% -113%;
    transition: transform 1s;
  }
  #hl-container .hl-kv .hl-product-btn span {
    font-size: 3vw;
  }
  #hl-container .hl-kv .hl-product-btn img {
    width: 3.57143vw;
    margin-left: 1.42857vw;
  }
  #hl-container .hl-kv .hl-kv-buy {
    margin-top: 5.14286vw;
    font-size: 2.85714vw;
    opacity: 1;
    transform: translateY(3.57143vw);
  }
  #hl-container .hl-kv .hl-kv-buy span {
    font-size: 1.85714vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-kv .hl-kv-title-wrapper {
    width: 73.61111vw;
    margin-top: 16.66667vw;
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #hl-container .hl-kv .hl-kv-title-wrapper img {
    width: 65vw;
  }
  #hl-container .hl-kv .hl-kv-title-wrapper p {
    font-size: 7.77778vw;
    margin-top: 4.44444vw;
    margin-bottom: 4.44444vw;
  }
  #hl-container .hl-kv .hl-kv-title-wrapper span {
    font-size: 4.44444vw;
  }
  #hl-container .hl-kv .hl-kv-img-wrapper {
    width: 100%;
    margin-left: 0;
    transform: scale(1);
    transform-origin: 48% -113%;
    transition: transform 1s;
  }
  #hl-container .hl-kv .hl-product-btn span {
    font-size: 3.88889vw;
  }
  #hl-container .hl-kv .hl-product-btn img {
    width: 6.66667vw;
    margin-left: 2.22222vw;
  }
  #hl-container .hl-kv .hl-kv-buy {
    margin-top: 10vw;
    font-size: 5.55556vw;
    opacity: 1;
    transform: translateY(6.94444vw);
  }
  #hl-container .hl-kv .hl-kv-buy span {
    font-size: 3.61111vw;
  }
}
#hl-container .hl-reason {
  padding-bottom: 10.41667vw;
}
#hl-container .hl-reason .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#hl-container .hl-reason .swiper-slide:not(:last-child) {
  margin-right: 3.33333vw;
}
#hl-container .hl-reason .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#hl-container .hl-reason .swiper-slide .hl-reason-txt-wrapper {
  transition: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#hl-container .hl-reason .swiper-slide .hl-reason-txt-wrapper h2,
#hl-container .hl-reason .swiper-slide .hl-reason-txt-wrapper p {
  font-weight: 500;
}
#hl-container .hl-reason .hl-reason-img-wrapper {
  width: 67.5vw;
}
#hl-container .hl-reason .hl-reason-txt-wrapper {
  max-width: 92.592%;
  position: absolute;
  top: 2.29167vw;
  left: 2.5vw;
  z-index: 2;
}
#hl-container .hl-reason .hl-reason-txt-wrapper h2 {
  margin-bottom: 0.625vw;
}
#hl-container .hl-reason .hl-reason-txt-wrapper3 {
  color: #fff;
}
#hl-container .hl-reason .hl-reason-txt-wrapper5 h2 {
  color: #fff;
}
#hl-container .hl-reason .hl-reason-txt-wrapper5 p {
  color: #fff;
}
#hl-container .hl-reason .hl-reason-txt-wrapper6 {
  color: #fff;
}
#hl-container .hl-reason .hl-reason-swiper-btn {
  width: 13.85417vw;
  height: 3.33333vw;
  position: relative;
  background-color: #f7f8fa;
  margin-top: 2.08333vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2.60417vw;
}
#hl-container .hl-reason .hl-reason-swiper-btn > div {
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
}
#hl-container .hl-reason .hl-reason-swiper-btn * {
  position: relative;
}
#hl-container .hl-reason .swiper-button-prev,
#hl-container .hl-reason .swiper-button-next {
  width: 0.72917vw;
  height: 1.14583vw;
}
#hl-container .hl-reason .swiper-button-prev svg,
#hl-container .hl-reason .swiper-button-next svg {
  width: 100%;
  height: 100%;
}
#hl-container .hl-reason .swiper-button-prev:hover,
#hl-container .hl-reason .swiper-button-next:hover {
  opacity: 0.6;
}
#hl-container .hl-reason .swiper-pagination {
  width: auto;
  margin: 0 1.40625vw;
  line-height: 1;
  font-size: 0;
}
#hl-container .hl-reason .swiper-pagination-bullet {
  width: 0.52083vw;
  height: 0.52083vw;
  margin-left: 0.26042vw;
  margin-right: 0.26042vw;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
}
#hl-container
  .hl-reason
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgba(0, 0, 0, 0.8);
}
#hl-container .hl-reason .hl-reason-dis {
  font-size: 12px;
  position: absolute;
  bottom: 1.5625vw;
  left: 2.5vw;
  color: #86868b;
  opacity: 0.6;
}
#hl-container .hl-reason .hl-reason4-phone {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
#hl-container .hl-reason .hl-reason4-video {
  width: 11.92708vw;
  position: absolute;
  top: 8.02083vw;
  left: 27.96875vw;
  z-index: 2;
  overflow: hidden;
  border-radius: 2.1875vw;
}
@media screen and (max-width: 1000px) {
  #hl-container .hl-reason .hl-reason4-video {
    border-radius: 2.39583vw;
  }
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-reason {
    padding-bottom: 14.28571vw;
  }
  #hl-container .hl-reason .hl-content-ws {
    width: 90.85714vw;
  }
  #hl-container .hl-reason .swiper-slide:not(:last-child) {
    margin-right: 1.71429vw;
  }
  #hl-container .hl-reason .hl-reason-img-wrapper {
    width: 100%;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper {
    top: 3.42857vw;
    left: 3.42857vw;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper h2 {
    margin-bottom: 0.78571vw;
  }
  #hl-container .hl-reason .hl-reason-swiper-btn {
    width: 32vw;
    height: 6.85714vw;
    margin-top: 4.57143vw;
    border-radius: 3.57143vw;
  }
  #hl-container .hl-reason .swiper-button-prev,
  #hl-container .hl-reason .swiper-button-next {
    width: 1.28571vw;
    height: 2.21429vw;
  }
  #hl-container .hl-reason .swiper-button-prev:hover,
  #hl-container .hl-reason .swiper-button-next:hover {
    opacity: 1;
  }
  #hl-container .hl-reason .swiper-button-prev.swiper-button-disabled,
  #hl-container .hl-reason .swiper-button-next.swiper-button-disabled {
    opacity: 0.3;
  }
  #hl-container .hl-reason .swiper-pagination {
    margin: 0 3.42857vw;
  }
  #hl-container .hl-reason .swiper-pagination-bullet {
    width: 1.14286vw;
    height: 1.14286vw;
    margin-left: 0.85714vw;
    margin-right: 0.85714vw;
  }
  #hl-container .hl-reason .hl-reason-dis {
    font-size: 1.71429vw;
    bottom: 3.35714vw;
    left: 3.42857vw;
  }
  #hl-container .hl-reason .hl-reason4-video {
    width: 22.85714vw;
    top: 16vw;
    left: 33.85714vw;
    border-radius: 3.78571vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-reason {
    padding-bottom: 27.77778vw;
  }
  #hl-container .hl-reason .hl-content-ws {
    width: 82.22222vw;
  }
  #hl-container .hl-reason .swiper-wrapper {
    transition-timing-function: ease;
  }
  #hl-container .hl-reason .swiper-slide:not(:last-child) {
    margin-right: 4.44444vw;
  }
  #hl-container .hl-reason .hl-reason-img-wrapper {
    width: 82.22222vw;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper {
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
    opacity: 1;
    text-align: center;
    margin-top: 5.97222vw;
    width: 63.61111vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper h2 {
    margin-bottom: 0;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper1 {
    width: 58.61111vw;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper2 {
    color: #000000;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper2 p {
    color: #86868b;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper3 {
    color: #000000;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper3 p {
    color: #86868b;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper4 h2 {
    color: #000000;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper4 p {
    color: #86868b;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper5 h2 {
    color: #000000;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper5 p {
    color: #86868b;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper6 {
    color: #000000;
  }
  #hl-container .hl-reason .hl-reason-txt-wrapper6 p {
    color: #86868b;
  }
  #hl-container .hl-reason .hl-reason-swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-reason .hl-reason-swiper-btn {
    width: 62.22222vw;
    height: 13.33333vw;
    background-color: #f7f8fa;
    margin-top: 9.72222vw;
    border-radius: 6.94444vw;
  }
  #hl-container .hl-reason .swiper-button-prev,
  #hl-container .hl-reason .swiper-button-next {
    width: 2.5vw;
    height: 4.30556vw;
  }
  #hl-container .hl-reason .swiper-pagination {
    margin: 0 6.66667vw;
  }
  #hl-container .hl-reason .swiper-pagination-bullet {
    width: 2.22222vw;
    height: 2.22222vw;
    margin-left: 1.66667vw;
    margin-right: 1.66667vw;
  }
  #hl-container .hl-reason .hl-reason-dis {
    width: 92%;
    font-size: 3.33333vw;
    bottom: 24.30556vw;
    left: 4.44444vw;
  }
  #hl-container .hl-reason .hl-reason4-video {
    width: 28.88889vw;
    top: 25.13889vw;
    left: 27.22222vw;
    border-radius: 5.83333vw;
  }
}
#hl-container .hl-common-title {
  max-width: 67.5vw;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#hl-container .hl-common-title h3 {
  color: #d69179;
  font-weight: 500;
}
#hl-container .hl-common-title p {
  width: 38.80208vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-common-title {
    max-width: 90.85714vw;
  }
  #hl-container .hl-common-title p {
    width: 55vw;
    margin-top: 3.42857vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-common-title {
    max-width: 100%;
  }
  #hl-container .hl-common-title p {
    width: 86.11111vw;
    margin-top: 6.66667vw;
  }
}
#hl-container .hl-color .hl-color-img-wrapper {
  margin-top: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: end;
  position: relative;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone-wrapper {
  transform: translateY(0) scale(1);
  transition: transform 1.5s;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone1 {
  transform: rotate(32deg) translate(4.89583vw, -2.03125vw);
  transition: all 1s 1.2s;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone2 {
  transform: rotate(12deg) translate(1.71875vw, -0.36458vw);
  transition: all 1s 1.2s;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone3 {
  transform: rotate(-12deg) translate(0, -0.36458vw);
  transition: all 1s 1.2s;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone4 {
  transform: rotate(-32deg) translate(-3.38542vw, -1.92708vw);
  transition: all 1s 1.2s;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone5 {
  transform: rotate(-32deg) translate(-1.875vw, -0.98958vw);
  transition: all 1s 1.2s;
}
#hl-container .hl-color .hl-color-img-wrapper.active .hl-color-txt-wrapper {
  opacity: 1;
  transform: translateY(0);
  transition: all 1s 1.4s;
}
#hl-container .hl-color .hl-color-phone-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  transform: scale(1.94276) translateY(80%);
}
#hl-container .hl-color .hl-color-phone-content {
  position: relative;
  width: 13.95833vw;
}
#hl-container .hl-color .hl-color-phone-content > div {
  width: 100%;
}
#hl-container .hl-color .hl-color-phone {
  transform-origin: 50% 100%;
}
#hl-container .hl-color .hl-color-phone:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
#hl-container .hl-color .hl-color-phone1 {
  position: relative;
  z-index: 5;
}
#hl-container .hl-color .hl-color-phone2 {
  z-index: 4;
}
#hl-container .hl-color .hl-color-phone3 {
  z-index: 3;
}
#hl-container .hl-color .hl-color-phone4 {
  z-index: 2;
}
#hl-container .hl-color .hl-color-phone5 {
  z-index: 1;
}
#hl-container .hl-color .hl-color-txt-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 5.72917vw;
  opacity: 0;
  transform: translateY(1.5625vw);
}
#hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt {
  display: flex;
  align-items: center;
  margin: 0 1.30208vw;
}
#hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt1 {
  color: #b9b9b9;
}
#hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt2 {
  color: #404142;
}
#hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt3 {
  color: #dea590;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-color .hl-color-img-wrapper {
    margin-top: 5.35714vw;
  }
  #hl-container .hl-color .hl-common-title p .hl-showpc {
    display: none;
  }
  #hl-container .hl-color .hl-color-phone-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    transform: translateY(80%);
  }
  #hl-container .hl-color .hl-color-phone-content {
    width: 19.57143vw;
  }
  #hl-container .hl-color .hl-color-txt-wrapper {
    margin-top: 9.28571vw;
    transform: translateY(1.5625vw);
  }
  #hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt {
    margin: 0 2.85714vw;
  }
  #hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt p {
    font-size: 3vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-color .hl-color-img-wrapper {
    margin-top: 13.88889vw;
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-pura-left {
    width: auto;
    transform: translateX(0);
    transition: all 1s;
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-pura-right {
    width: auto;
    transform: translateX(0);
    transition: all 1s;
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone-wrapper {
    transform: translateY(0) scale(1);
    transition: transform 1.2s;
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone1 {
    transform: rotate(15deg) translate(6.94444vw, 1.11111vw);
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone2 {
    transform: rotate(0deg) translate(0.27778vw, 0.69444vw);
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-phone3 {
    transform: rotate(-15deg) translate(-5.55556vw, 0);
  }
  #hl-container .hl-color .hl-color-img-wrapper.active .hl-color-txt-wrapper {
    opacity: 1;
    transform: translateY(0);
  }
  #hl-container .hl-color .hl-color-pura-left {
    width: 43.33333vw;
    left: 5.83333vw;
    top: 23.61111vw;
    transform: translateX(0);
  }
  #hl-container .hl-color .hl-color-pura-left .hl-color-svg1 {
    width: 19.72222vw;
    margin-right: 5.27778vw;
  }
  #hl-container .hl-color .hl-color-pura-left .hl-color-svg2 {
    width: 18.19444vw;
  }
  #hl-container .hl-color .hl-color-pura-right {
    width: 34.58333vw;
    left: 59.58333vw;
    top: 29.30556vw;
    transform: translateX(0);
  }
  #hl-container .hl-color .hl-color-pura-right .hl-color-svg3 {
    width: 10.13889vw;
    margin-right: 6.25vw;
  }
  #hl-container .hl-color .hl-color-pura-right .hl-color-svg4 {
    width: 18.05556vw;
  }
  #hl-container .hl-color .hl-color-phone-content {
    width: 35.55556vw;
  }
  #hl-container .hl-color .hl-color-phone4 {
    display: none;
  }
  #hl-container .hl-color .hl-color-txt-wrapper {
    width: 66.11111vw;
    margin-top: 13.88889vw;
    opacity: 0;
    transform: translateY(4.16667vw);
  }
  #hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt {
    flex-direction: column;
    margin: 0 3.47222vw;
    text-align: center;
  }
  #hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt p {
    font-size: 4.58333vw;
  }
  #hl-container .hl-color .hl-color-txt-wrapper .hl-color-txt div {
    width: 5.55556vw;
    height: 5.55556vw;
    margin-right: 0;
    margin-bottom: 1.66667vw;
  }
}
#hl-container .hl-camera-colour .hl-design-feature1-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#hl-container .hl-camera-colour .hl-design-feature1-img img {
  transform: scale(1.09);
}
#hl-container .hl-camera-colour .hl-design-feature1-img.active img {
  transform: scale(1);
  transition: transform 1s ease;
}
#hl-container .hl-camera-colour .hl-common-title {
  position: relative;
  z-index: 3;
  margin-top: 13.888889vw;
  margin-bottom: 13.888889vw;
}
#hl-container .hl-camera-colour .hl-design-swiper {
  width: 53.75vw;
  margin: 0 auto;
  overflow: visible;
}
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide {
  width: 53.75vw;
  height: 32.8125vw;
  display: flex;
  align-items: end;
  overflow: visible;
  perspective: 100vw;
  z-index: 3;
}
#hl-container
  .hl-design-feature1
  .hl-design-swiper
  .swiper-slide.swiper-slide-prev,
#hl-container
  .hl-design-feature1
  .hl-design-swiper
  .swiper-slide.swiper-slide-next {
  z-index: 2;
}
#hl-container
  .hl-design-feature1
  .hl-design-swiper
  .swiper-slide.swiper-slide-active:hover
  img {
  transform: scale(1.01613);
}
#hl-container
  .hl-design-feature1
  .hl-design-swiper
  .swiper-slide.swiper-slide-active:hover
  .hl-pop-btn {
  opacity: 1;
}
#hl-container .hl-design-feature1 .hl-design-swiper .slide-bg {
  border-radius: 0.83333vw;
  overflow: hidden;
  position: relative;
}
#hl-container .hl-design-feature1 .hl-design-swiper .slide-bg picture {
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  height: 100%;
  position: relative;
  display: inline-block;
}
#hl-container .hl-design-feature1 .hl-design-swiper .slide-bg img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  will-change: transform, left;
  transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}
#hl-container .hl-design-feature1 .hl-design-btn-wrapper {
  width: 10.20833vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
}
#hl-container .hl-design-feature1 .hl-design-btn-wrapper > div {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  display: block;
  user-select: none;
}
#hl-container .hl-design-feature1 .hl-design-btn-wrapper .swiper-button-next,
#hl-container .hl-design-feature1 .hl-design-btn-wrapper .swiper-button-prev {
  width: 2.5vw;
  height: 2.5vw;
}
#hl-container
  .hl-design-feature1
  .hl-design-btn-wrapper
  .swiper-button-next
  svg,
#hl-container
  .hl-design-feature1
  .hl-design-btn-wrapper
  .swiper-button-prev
  svg {
  width: 100%;
  height: 100%;
}
#hl-container
  .hl-design-feature1
  .hl-design-btn-wrapper
  .swiper-pagination-fraction {
  width: auto;
  font-size: 1.14583vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-camera-colour .hl-common-title {
    margin-top: 13.888889vw;
    margin-bottom: 4.57143vw;
  }
  #hl-container .hl-design-feature1 .hl-design-swiper {
    width: 78.57143vw;
  }
  #hl-container .hl-design-feature1 .hl-design-swiper .swiper-slide {
    width: 78.57143vw;
    height: 48.57143vw;
  }
  #hl-container .hl-design-feature1 .hl-design-swiper .slide-bg {
    border-radius: 1.14286vw;
  }
  #hl-container .hl-design-feature1 .hl-design-btn-wrapper {
    width: 20.71429vw;
    margin-top: 4.57143vw;
  }
  #hl-container .hl-design-feature1 .hl-design-btn-wrapper .swiper-button-next,
  #hl-container .hl-design-feature1 .hl-design-btn-wrapper .swiper-button-prev {
    width: 5.71429vw;
    height: 5.71429vw;
  }
  #hl-container
    .hl-design-feature1
    .hl-design-btn-wrapper
    .swiper-pagination-fraction {
    font-size: 2.28571vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-design-feature1 .hl-common-title {
    margin-top: 13.888889vw;
    margin-bottom: 13.888889vw;
  }
  #hl-container .hl-design-feature1 .hl-design-swiper {
    width: 77.22222vw;
  }
  #hl-container .hl-design-feature1 .hl-design-swiper .swiper-slide {
    width: 77.22222vw;
    height: 102.77778vw;
    perspective: 100vw;
  }
  #hl-container
    .hl-design-feature1
    .hl-design-swiper
    .swiper-slide.swiper-slide-active:hover
    img {
    transform: scale(1);
  }
  #hl-container .hl-design-feature1 .hl-design-swiper .slide-bg {
    border-radius: 2.22222vw;
  }
  #hl-container .hl-design-feature1 .hl-design-btn-wrapper {
    width: 41.66667vw;
    margin-top: 8.33333vw;
  }
  #hl-container .hl-design-feature1 .hl-design-btn-wrapper .swiper-button-next,
  #hl-container .hl-design-feature1 .hl-design-btn-wrapper .swiper-button-prev {
    width: 11.11111vw;
    height: 11.11111vw;
  }
  #hl-container
    .hl-design-feature1
    .hl-design-btn-wrapper
    .swiper-pagination-fraction {
    font-size: 5vw;
  }
}
#hl-container .hl-product {
  margin-bottom: 8.33333vw;
}
#hl-container .hl-product .hl-common-title {
  margin-bottom: 4.16667vw;
}
#hl-container .hl-product .hl-common-title h3 {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  background: -webkit-linear-gradient(-45deg, #dbb49a, #a07a5c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hl-container .hl-product .hl-product-img-wrapper.active .hl-product-img1 {
  transform: scale(1) translateY(0);
}
#hl-container .hl-product .hl-product-img-wrapper.active .hl-product-img2 {
  transform: scale(1) translateY(0);
}
#hl-container .hl-product .hl-product-img-wrapper.active .hl-product-img3 {
  transform: scale(1) translateY(0);
}
#hl-container .hl-product .hl-product-img-wrapper.active .hl-product-img p {
  opacity: 1;
  transform: translateY(0);
}
#hl-container .hl-product .hl-product-img {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  transition: all 1.3s ease-out;
}
#hl-container .hl-product .hl-product-img:not(:last-child) {
  margin-bottom: 1.04167vw;
}
#hl-container .hl-product .hl-product-img p {
  font-size: 1.14583vw;
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: all 0.5s 1.2s ease-in-out;
  transform: translateY(1.82292vw);
}
#hl-container .hl-product .hl-product-img:nth-child(1) p {
  color: #28282a;
  top: 1.14583vw;
  left: -1.61458vw;
}
#hl-container .hl-product .hl-product-img:nth-child(2) p {
  color: #a9a8a7;
  top: 1.45833vw;
  left: -0.78125vw;
}
#hl-container .hl-product .hl-product-img:nth-child(3) p {
  color: #ba9c85;
  top: 2.08333vw;
  left: 0;
}
#hl-container .hl-product .hl-product-img1 {
  width: 39.94792vw;
  transform: scale(2.792) translateY(45.3125vw);
  z-index: 3;
}
#hl-container .hl-product .hl-product-img2 {
  width: 50.20833vw;
  transform: scale(2.221) translateY(23.28125vw);
  z-index: 2;
}
#hl-container .hl-product .hl-product-img3 {
  width: 63.28125vw;
  transform: scale(1.762) translateY(10.88542vw);
  z-index: 1;
}
#hl-container .hl-product .hl-product-info {
  width: 67.5vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 6.25vw;
}
#hl-container .hl-product .hl-product-info > div {
  width: 33.125vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-product {
    margin-bottom: 14.28571vw;
  }
  #hl-container .hl-product .hl-common-title {
    margin-bottom: 8.28571vw;
  }
  #hl-container .hl-product .hl-product-img:not(:last-child) {
    margin-bottom: 8.57143vw;
  }
  #hl-container .hl-product .hl-product-img p {
    font-size: 3vw;
  }
  #hl-container .hl-product .hl-product-img:nth-child(1) p {
    top: -3.85714vw;
    left: 8.57143vw;
  }
  #hl-container .hl-product .hl-product-img:nth-child(2) p {
    top: -3.85714vw;
    left: 8.57143vw;
  }
  #hl-container .hl-product .hl-product-img:nth-child(3) p {
    top: -3.85714vw;
    left: 8.57143vw;
  }
  #hl-container .hl-product .hl-product-img1 {
    width: 64.57143vw;
    transform: scale(1.662) translateY(19.14286vw);
  }
  #hl-container .hl-product .hl-product-img2 {
    width: 74.14286vw;
    transform: scale(1.662) translateY(15vw);
  }
  #hl-container .hl-product .hl-product-img3 {
    width: 84.21429vw;
    transform: scale(1.662) translateY(9.71429vw);
  }
  #hl-container .hl-product .hl-product-info {
    width: 90.85714vw;
    margin-top: 10vw;
  }
  #hl-container .hl-product .hl-product-info > div {
    width: 44.57143vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-product {
    margin-bottom: 22.22222vw;
  }
  #hl-container .hl-product .hl-common-title {
    margin-bottom: 18.05556vw;
  }
  #hl-container .hl-product .hl-product-img:not(:last-child) {
    margin-bottom: 9.72222vw;
  }
  #hl-container .hl-product .hl-product-img p {
    font-size: 3.61111vw;
  }
  #hl-container .hl-product .hl-product-img:nth-child(1) p {
    top: -4.58333vw;
    left: 9.58333vw;
  }
  #hl-container .hl-product .hl-product-img:nth-child(2) p {
    top: -4.58333vw;
    left: 9.58333vw;
  }
  #hl-container .hl-product .hl-product-img:nth-child(3) p {
    top: -4.16667vw;
    left: 9.86111vw;
  }
  #hl-container .hl-product .hl-product-img1 {
    width: 72.22222vw;
    transform: scale(1.662) translateY(37.22222vw);
  }
  #hl-container .hl-product .hl-product-img2 {
    width: 82.91667vw;
    transform: scale(1.662) translateY(29.16667vw);
  }
  #hl-container .hl-product .hl-product-img3 {
    width: 94.16667vw;
    transform: scale(1.662) translateY(18.88889vw);
  }
  #hl-container .hl-product .hl-product-info {
    width: 91.11111vw;
    margin-top: 16.66667vw;
    flex-direction: column;
  }
  #hl-container .hl-product .hl-product-info > div {
    width: 100%;
  }
  #hl-container .hl-product .hl-product-info > div:first-child {
    margin-bottom: 4.44444vw;
  }
}
#hl-container .hl-common-swiper {
  width: 100%;
}
#hl-container .hl-common-swiper .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#hl-container
  .hl-common-swiper
  .swiper-slide.swiper-slide-active
  .hl-common-swiper-title {
  opacity: 1;
}
#hl-container
  .hl-common-swiper
  .swiper-slide.swiper-slide-active
  .hl-common-swiper-txt {
  opacity: 1;
}
#hl-container .hl-common-swiper .swiper-slide:not(:last-child) {
  margin-right: 1.25vw;
}
#hl-container .hl-common-swiper .hl-common-swiper-title {
  position: absolute;
  top: 1.875vw;
  left: 2.08333vw;
  z-index: 2;
  color: #fff;
  opacity: 0;
  transition: opacity 0.4s ease-in-out 0.2s;
}
#hl-container .hl-common-swiper .hl-common-swiper-title h4 {
  font-size: 1.66667vw;
}
#hl-container .hl-common-swiper .hl-common-swiper-txt {
  margin-top: 2.08333vw;
  opacity: 0;
  transition: opacity 0.4s ease-in-out 0.2s;
  margin-left: 0.83333vw;
}
#hl-container .hl-common-swiper .hl-common-swiper-txt span {
  color: #000;
}
#hl-container .hl-common-swiper .hl-common-swiper-img {
  position: relative;
  line-height: 0;
}
#hl-container .hl-common-swiper .hl-common-swiper-btn {
  width: 6.25vw;
  margin-top: 2.5vw;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
}
#hl-container .hl-common-swiper .hl-common-swiper-btn > div {
  width: 2.5vw;
  height: 2.5vw;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  display: block;
  transition: opacity 0.6s ease;
}
#hl-container .hl-common-swiper .hl-common-swiper-btn > div:hover {
  opacity: 0.6;
}
#hl-container
  .hl-common-swiper
  .hl-common-swiper-btn
  > div.swiper-button-disabled {
  opacity: 0.3;
}
#hl-container .hl-common-swiper .hl-common-swiper-btn .swiper-button-prev {
  transform: rotate(180deg);
}
#hl-container .hl-common-swiper .video-control-btn-container {
  right: 1.25vw;
  bottom: 1.25vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-common-swiper {
    width: 90.85714vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-common-swiper .swiper-wrapper {
    transition-timing-function: ease;
  }
  #hl-container .hl-common-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.71429vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-title {
    top: 3vw;
    left: 3.42857vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-title h4 {
    font-size: 3.42857vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-txt {
    margin-top: 4.57143vw;
    margin-left: 1.14286vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-btn {
    width: 14.28571vw;
    margin-top: 4.57143vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-btn > div {
    width: 5.71429vw;
    height: 5.71429vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-btn > div:hover {
    opacity: 1;
  }
  #hl-container
    .hl-common-swiper
    .hl-common-swiper-btn
    > div.swiper-button-disabled {
    opacity: 0.3;
  }
  #hl-container .hl-common-swiper .video-control-btn-container {
    right: 2.85714vw;
    bottom: 2.85714vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-common-swiper {
    width: 82.22222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-common-swiper .swiper-slide:not(:last-child) {
    margin-right: 4.44444vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-img {
    width: 82.22222vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-title {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 6.66667vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-title h4 {
    font-size: 6.66667vw;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-txt {
    margin-top: 6.66667vw;
    margin-left: 0;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-btn {
    width: 27.77778vw;
    margin-top: 11.11111vw;
    margin-right: 0;
  }
  #hl-container .hl-common-swiper .hl-common-swiper-btn > div {
    width: 11.11111vw;
    height: 11.11111vw;
  }
  #hl-container .hl-common-swiper .video-control-btn-container {
    right: 5.55556vw;
    bottom: 5.55556vw;
  }
}
#hl-container .hl-specimen-feature1.active .hl-common-title {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
#hl-container .hl-specimen-feature1 .hl-common-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(8.4375vw);
  margin-top: 8.33333vw;
  z-index: 3;
  opacity: 0;
  transition: all 1s ease;
}
#hl-container .hl-specimen-feature1 .hl-common-title h3 {
  background: -webkit-linear-gradient(-45deg, #dbb49a, #a07a5c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hl-container .hl-specimen-feature1 .hl-common-title p {
  color: #fff;
}
#hl-container .hl-specimen-feature1 .hl-specimen-feature1-bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#hl-container .hl-specimen-feature1 .hl-specimen-feature1-img {
  width: 100%;
  transform: scale(1.2);
  transform-origin: 50% 0%;
  opacity: 0.6;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-specimen-feature1 .hl-common-title {
    transform: translateX(-50%) translateY(11.57143vw);
    margin-top: 11.42857vw;
  }
  #hl-container .hl-specimen-feature1 .hl-common-title p {
    width: 61.85714vw;
  }
  #hl-container .hl-specimen-feature1 .hl-specimen-feature1-img {
    transform: scale(1.2);
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-specimen-feature1 .hl-common-title {
    transform: translateX(-50%) translateY(22.5vw);
    margin-top: 22.22222vw;
  }
  #hl-container .hl-specimen-feature1 .hl-common-title p {
    width: 82.63889vw;
  }
  #hl-container .hl-specimen-feature1 .hl-specimen-feature1-img {
    transform: scale(1.2);
  }
}
#hl-container .hl-specimen-feature2 {
  overflow: visible;
}
#hl-container .hl-specimen-feature2 .hl-content-wf {
  width: 90.26042vw;
  height: 115.3125vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: -47.86458vw;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img {
  position: absolute;
  z-index: 2;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img img {
  transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img:hover img {
  transform: scale(1.01613);
}
#hl-container
  .hl-specimen-feature2
  .hl-specimen-feature2-img:hover
  .hl-pop-btn {
  opacity: 1;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img1 {
  width: 29.42708vw;
  top: 0;
  left: 0;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img2 {
  width: 23.125vw;
  top: 6.66667vw;
  right: 0;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img3 {
  width: 25.9375vw;
  top: 37.23958vw;
  left: 18.54167vw;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img4 {
  width: 28.125vw;
  top: 56.875vw;
  left: 56.82292vw;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img5 {
  width: 40.98958vw;
  top: 84.84375vw;
  left: 9.84375vw;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-img6 {
  width: 23.07292vw;
  top: 95.26042vw;
  left: 67.13542vw;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt {
  width: 30.20833vw;
  text-align: center;
  pointer-events: none;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
  padding-top: 8.80208vw;
  height: 47.86458vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt h3 {
  color: #ffffff;
  font-weight: 400;
}
#hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt p {
  width: 27.44792vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.66667vw;
}
#hl-container .hl-specimen-feature2 .hl-common-swiper {
  display: none;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-specimen-feature2 {
    overflow: hidden;
  }
  #hl-container .hl-specimen-feature2 .hl-content-wf {
    display: none;
  }
  #hl-container .hl-specimen-feature2 .hl-common-swiper {
    display: block;
  }
  #hl-container .hl-specimen-feature2 .swiper-slide {
    width: 63.14286vw;
  }
  #hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt {
    width: 61.85714vw;
    position: relative;
    top: 0;
    text-align: left;
    pointer-events: all;
    margin-bottom: 4.57143vw;
    height: auto;
    padding-top: 0;
    margin-right: 0;
    align-items: flex-start;
    margin-left: 12.28571vw;
    transform: translatseX(0%);
    left: 0;
  }
  #hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt h3 {
    color: #ffffff;
  }
  #hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt p {
    width: 100%;
    margin-top: 2.28571vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-specimen-feature2 {
    overflow: hidden;
  }
  #hl-container .hl-specimen-feature2 .hl-content-wf {
    display: none;
  }
  #hl-container .hl-specimen-feature2 .hl-common-swiper {
    display: block;
  }
  #hl-container .hl-specimen-feature2 .swiper-slide {
    width: 82.22222vw;
  }
  #hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt {
    width: 86.11111vw;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    pointer-events: all;
    margin-bottom: 8.33333vw;
    height: auto;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
    align-items: flex-start;
  }
  #hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt h3 {
    color: #ffffff;
  }
  #hl-container .hl-specimen-feature2 .hl-specimen-feature2-txt p {
    width: 100%;
    margin-top: 4.44444vw;
  }
}
#hl-container .pop-swiper-common {
  width: 70vw;
  max-height: 83vh;
  will-change: transform, opacity;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 0.83333vw;
}
#hl-container .pop-swiper-common .swiper-button-prev,
#hl-container .pop-swiper-common .swiper-button-next {
  width: 2.5vw;
  height: 2.5vw;
  margin-right: 0;
  transform: translateY(-50%);
}
#hl-container .pop-swiper-common .swiper-button-prev svg,
#hl-container .pop-swiper-common .swiper-button-next svg {
  width: 100%;
  height: 100%;
}
#hl-container .pop-swiper-common .swiper-button-prev {
  transform: rotate(-180deg);
}
#hl-container .pop-swiper-common .swiper-button-prev,
#hl-container .pop-swiper-common .swiper-rtl .swiper-button-next {
  left: 1.66667vw;
}
#hl-container .pop-swiper-common .swiper-button-next,
#hl-container .pop-swiper-common .swiper-rtl .swiper-button-prev {
  right:1.66667vw;
}
#hl-container .hl-pop-btn {
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 2.60417vw;
  background-color: rgba(128, 128, 128, 0.5);
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-pop-btn {
    display: none;
  }
}
#hl-container .video-control-btn-container {
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  position: absolute;
  z-index: 6;
  bottom: 1.66667vw;
  right: 1.66667vw;
  transition: opacity 0.6 ease;
  transition: opacity 0.3s ease-in-out;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 2.60417vw;
  background-color: rgba(128, 128, 128, 0.5);
}
#hl-container .video-control-btn-container:hover {
  opacity: 0.6;
}
#hl-container .video-control-btn-container svg {
  width: 100%;
  height: 100%;
}
#hl-container
  .video-control-btn-container[data-index="0"]
  .video-control-btn-play-btn {
  opacity: 1;
}
#hl-container
  .video-control-btn-container[data-index="1"]
  .video-control-btn-pause-btn {
  opacity: 1;
}
#hl-container
  .video-control-btn-container[data-index="2"]
  .video-control-btn-replay-btn {
  opacity: 1;
}
#hl-container .video-control-btn-container .video-control-btn-play-btn {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
#hl-container .video-control-btn-container .video-control-btn-pause-btn {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
#hl-container .video-control-btn-container .video-control-btn-replay-btn {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  z-index: 3;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .video-control-btn-container {
    width: 5.71429vw;
    height: 5.71429vw;
    bottom: 2.28571vw;
    right: 2.28571vw;
    border-radius: 3.57143vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .video-control-btn-container {
    width: 11.11111vw;
    height: 11.11111vw;
    bottom: 4.44444vw;
    right: 4.44444vw;
    border-radius: 6.94444vw;
  }
}
#hl-container .hl-specimen-feature3 .hl-content-ws {
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-specimen-feature3 .swiper-slide {
  width: 46.875vw;
}
#hl-container .hl-specimen-feature3 .hl-common-swiper {
  margin-top: 1.875vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-specimen-feature3 .hl-content-ws > p {
    width: 75.42857vw;
    margin: 0 auto;
  }
  #hl-container .hl-specimen-feature3 .swiper-slide {
    width: 63.14286vw;
  }
  #hl-container .hl-specimen-feature3 .hl-common-swiper {
    margin-top: 4.28571vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-specimen-feature3 p {
    width: 82.22222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-specimen-feature3 .swiper-slide {
    width: 82.22222vw;
  }
  #hl-container .hl-specimen-feature3 .hl-common-swiper {
    margin-top: 8.33333vw;
  }
}
#hl-container .hl-video-btn {
  width: 2.5vw;
  position: absolute;
  bottom: 1.25vw;
  right: 1.25vw;
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-video-btn {
    width: 11.11111vw;
    bottom: 4.44444vw;
    right: 4.44444vw;
  }
}
#hl-container .hl-specimen-feature4 .hl-specimen-feature4-img {
  width: 100%;
  position: relative;
  font-size: 0;
  line-height: 0;
}
#hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt {
  width: 53.75vw;
  margin-top: 2.8125vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
#hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt h3 {
  width: 20.41667vw;
  font-size: 2.5vw;
  color: #fff;
  font-weight: 400;
}
#hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt p {
  width: 26.25vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt {
    width: 75.07143vw;
    margin-top: 4.57143vw;
  }
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt h3 {
    width: 16.85714vw;
    font-size: 3.42857vw;
  }
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt p {
    width: 50vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt {
    width: 100vw;
    margin-top: 0;
    flex-direction: column;
  }
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt h3 {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 8.88889vw;
  }
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-txt p {
    width: 83.47222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-specimen-feature4 .hl-specimen-feature4-img {
    margin: 8.33333vw 0;
  }
}
#hl-container .hl-design-feature2 .hl-content-wf {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#hl-container .hl-design-feature2 .hl-design-feature2-img {
  width: 46.875vw;
  margin-left: 9.375vw;
  margin-right: 7.5vw;
  position: relative;
}
#hl-container .hl-design-feature2 .hl-design-feature2-img img {
  transition: transform 0.3s cubic-bezier(0, 0, 0.5, 1);
}
#hl-container .hl-design-feature2 .hl-design-feature2-img:hover .hl-pop-btn {
  opacity: 1;
}
#hl-container .hl-design-feature2 .hl-design-feature2-img:hover img {
  transform: scale(1.01613);
}
#hl-container .hl-design-feature2 .hl-design-feature2-txt {
  width: 17.8125vw;
}
#hl-container .hl-design-feature2 .hl-design-feature2-txt p {
  margin-top: 1.66667vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-design-feature2 .hl-content-wf {
    width: 90.85714vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature2 .hl-showpc {
    display: none;
  }
  #hl-container .hl-design-feature2 .hl-showmob {
    display: block;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-img {
    width: 100%;
    margin-top: 4.28571vw;
    margin-left: 0;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-txt {
    width: 100%;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-txt h3 {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-txt p {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.57143vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-design-feature2 .hl-content-wf {
    width: 91.11111vw;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-img {
    width: 100%;
    position: relative;
    margin-top: 8.33333vw;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-txt {
    width: 100%;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-txt h3 {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature2 .hl-design-feature2-txt p {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8.33333vw;
  }
}
#hl-container .hl-design-feature4 .hl-content-wf {
  width: 69.0625vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-design-feature4 .hl-design-feature4-img {
  width: 45.83333vw;
  position: relative;
}
#hl-container .hl-design-feature4 .hl-design-feature4-txt {
  width: 14.79167vw;
}
#hl-container .hl-design-feature4 .hl-design-feature4-txt p {
  margin-top: 1.66667vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-design-feature4 .hl-content-wf {
    width: 90.85714vw;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-img {
    width: 100%;
    margin-top: 4.5vw;
  }
  #hl-container .hl-design-feature4 .hl-showpc {
    display: none;
  }
  #hl-container .hl-design-feature4 .hl-showmob {
    display: block;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt {
    width: 100%;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt h3 {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt p {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.57143vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-design-feature4 .hl-content-wf {
    width: 91.11111vw;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-img {
    width: 100%;
    position: relative;
    margin-top: 8.33333vw;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt {
    width: 100%;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt h3 {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt p {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8.33333vw;
  }
}
#hl-container .hl-design-feature5 .hl-content-wf {
  width: 69.79167vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#hl-container .hl-design-feature5 .hl-content-wf h3 {
  width: 16.77083vw;
}
#hl-container .hl-design-feature5 .hl-content-wf .hl-design-feature5-img {
  width: 24.79167vw;
}
#hl-container .hl-design-feature5 .hl-content-wf p {
  width: 17.96875vw;
}
#hl-container .hl-design-feature5 .hl-content-wf .design-feature5-video-btn {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9375vw;
  color: #000000;
  line-height: 1.6;
  margin-top: 1.45833vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#hl-container
  .hl-design-feature5
  .hl-content-wf
  .design-feature5-video-btn
  svg {
  width: 0.78125vw;
  margin-left: 0.3125vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-design-feature5 .hl-content-wf {
    width: 100%;
    flex-direction: column;
  }
  #hl-container .hl-design-feature5 .hl-content-wf h3 {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #hl-container .hl-design-feature5 .hl-content-wf h3 .hl-showpc {
    display: none;
  }
  #hl-container .hl-design-feature5 .hl-content-wf .hl-design-feature5-img {
    width: 49.78571vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.5vw;
    order: 1;
  }
  #hl-container .hl-design-feature5 .hl-content-wf p {
    width: 52.28571vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.28571vw;
    text-align: center;
  }
  #hl-container .hl-design-feature5 .hl-content-wf .design-feature5-video-btn {
    font-size: 2.28571vw;
    margin-top: 3.14286vw;
  }
  #hl-container
    .hl-design-feature5
    .hl-content-wf
    .design-feature5-video-btn
    svg {
    width: 1.78571vw;
    margin-left: 0.71429vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-design-feature5 .hl-content-wf {
    width: 91.11111vw;
    flex-direction: column;
  }
  #hl-container .hl-design-feature5 .hl-content-wf h3 {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  #hl-container .hl-design-feature5 .hl-content-wf .hl-design-feature5-img {
    width: 100%;
    margin-top: 8.33333vw;
  }
  #hl-container .hl-design-feature5 .hl-content-wf p {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.44444vw;
    text-align: left;
  }
  #hl-container .hl-design-feature5 .hl-content-wf .design-feature5-video-btn {
    font-size: 4.44444vw;
    margin-top: 5.13889vw;
  }
  #hl-container
    .hl-design-feature5
    .hl-content-wf
    .design-feature5-video-btn
    svg {
    width: 3.47222vw;
    margin-left: 1.38889vw;
  }
}
#hl-container .hl-design-feature6 .hl-common-swiper-container p {
  width: 100%;
}
#hl-container .hl-design-feature6 .hl-design-feature6-dis {
  width: 10vw;
  display: flex;
  justify-content: space-between;
  font-size: 1.14583vw;
  position: absolute;
  top: 1.92708vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: #fff;
}
#hl-container .hl-design-feature6 .hl-design-feature6-dis p {
  width: max-content;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-design-feature6 .hl-design-feature6-dis {
    width: 14.71429vw;
    font-size: 1.71429vw;
    top: 2.64286vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-design-feature6 .swiper-slide {
    width: 82.22222vw;
  }
  #hl-container .hl-design-feature6 .hl-common-swiper-btn {
    width: 25vw;
  }
  #hl-container .hl-design-feature6 .hl-design-feature6-dis {
    width: max-content;
    font-size: 3.61111vw;
    top: 3.75vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 59.58333vw;
    left: 4.16667vw;
    transform: translateX(0);
  }
  #hl-container .hl-design-feature6 .hl-design-feature6-dis p {
    width: max-content;
  }
  #hl-container .hl-design-feature6 .hl-common-swiper-txt {
    margin-top: 8.33333vw;
  }
}
#hl-container .ai-feature1-btn {
  position: absolute;
  bottom: 1.25vw;
  right: 1.25vw;
  color: #ffffff;
  display: flex;
  align-items: center;
  z-index: 3;
  cursor: pointer;
}
#hl-container .ai-feature1-btn span {
  font-size: 1.04167vw;
}
#hl-container .ai-feature1-btn svg {
  width: 1.66667vw;
  height: 1.66667vw;
  margin-left: 0.41667vw;
  transition: opacity 0.3s ease-in-out;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 50px;
  background-color: rgba(128, 128, 128, 0.5);
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .ai-feature1-btn {
    position: absolute;
    bottom: 2.85714vw;
    right: 2.85714vw;
    color: #ffffff;
    display: flex;
    align-items: center;
    z-index: 3;
    cursor: pointer;
  }
  #hl-container .ai-feature1-btn span {
    font-size: 2.57143vw;
  }
  #hl-container .ai-feature1-btn svg {
    width: 4.57143vw;
    height: 4.57143vw;
    margin-left: 1.71429vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .ai-feature1-btn {
    bottom: 5.55556vw;
    right: 5.55556vw;
  }
  #hl-container .ai-feature1-btn span {
    font-size: 3.88889vw;
  }
  #hl-container .ai-feature1-btn svg {
    width: 6.66667vw;
    height: 6.66667vw;
    margin-left: 2.22222vw;
  }
}
#hl-container .design-camera-zoom-container{
    background: #ffffff;
    margin-top: -1px;
}
#hl-container .design-camera-zoom-text{
  width: 38.16667vw;
}
#hl-container .design-camera-color-div-wrapper {
  width: 72.86458vw;
  height: 120.3125vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div {
  position: absolute;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div p {
  color: #fff;
  font-size: 1.14583vw;
  position: absolute;
  bottom: 1.25vw;
  right: 1.25vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div1 {
  width: 29.42708vw;
  top: 0;
  left: 2.60417vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div2 {
  width: 26.04167vw;
  top: 5.46875vw;
  right: 0;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div3 {
  width: 25.9375vw;
  top: 32.55208vw;
  left: 9.0625vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div4 {
  width: 28.125vw;
  top: 51.51042vw;
  right: 2.65625vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div5 {
  width: 40.98958vw;
  top: 81.51042vw;
  left: 0;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div6 {
  width: 23.07292vw;
  bottom: 0;
  right: 0;
}
/* other */
.hidden-web {
    display: none;
}

.space-300 {
    height: 15.625vw;
}

.space-280 {
    height: 14.583vw;
}

.space-240 {
    height: 12.5vw;
}

.space-200 {
    height: 10.416vw;
}

.space-180 {
    height: 9.375vw;
}

.space-160 {
    height: 8.333vw;
}

.space-140 {
    height: 7.291vw;
}

.space-120 {
    height: 6.25vw;
}

.space-100 {
    height: 5.2vw;
}

.space-80 {
    height: 4.166vw;
}

.space-64 {
    height: 3.333vw;
}

.space-60 {
    height: 3.125vw;
}

.space-48 {
    height: 2.5vw;
}

.space-40 {
    height: 2.083vw;
}

.space-32 {
    height: 1.667vw;
}

.space-30 {
    height: 1.5625vw;
}

.space-24 {
    height: 1.25vw;
}

.space-20 {
    height: 1.0416vw;
}

.common-popup-container {
    padding-inline-end: var(--modal-scrollbar-buffer);
    overflow: auto;
    z-index: -1;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(62, 62, 62, 0.4);
    transform: translateZ(0);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    transition: opacity .3s cubic-bezier(0, 0, 0.5, 1);
    overflow: hidden;
}

.common-popup-container.allow-scroll {
    overflow: auto;
    padding-inline-end: 0;
}

.common-popup-container.popup-open {
    z-index: 999;
    opacity: 1;
    top: 0;
}

.common-popup-content-container {
    padding-top: 3.3%;
    padding-bottom: 3.3%;
    width: 81.25vw;
    transform: translateY(100vh);
    transition: transform .6s cubic-bezier(0, 0, 0.5, 1);
}

.common-popup-column {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
}

.common-popup-container.popup-open .common-popup-content-container {
    transform: translateY(0);
}

.common-popup-content-wrapper {
    background-color: #F5F5F7;
    border-radius: vw(16);
    padding: 1.667vw 0 4.167vw;
    will-change: transform;
}

.common-popup-close-btn-container {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    top: 1.667vw;
    padding-bottom: 1.25vw;
    z-index: 5;
}
.common-popup-close-btn {
    cursor: pointer;
    display: flex;
    margin-right: 1.667vw;
    width: vw(48);
    transition: opacity .6s ease;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: vw(50);
    background-color: rgba(128,128,128, .5);
}

.common-popup-close-btn:hover {
    opacity: .8;
}

.common-popup-container .swiper {
    overflow: hidden;
}

#hl-container.design-camera-color-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 16.25%;
    width: vw(1188);
}

#hl-container .hl-other-txt .h3 {
    color: #000;
    font-size: 3.333vw;
    font-weight: 400;
    line-height: 1.25;
}

#hl-container .hl-other-txt .h2 {
    display: flex;
    justify-content: center;
    font-size: 5vw;
    line-height: 1.25;
    font-weight: 400;
    text-align: center;
}

#hl-container .hl-other-txt .product-disclaimer {
    color: #86868B;
    font-size: 12px;
    opacity: .7;
    will-change: transform;
    line-height: 1.6;
}

#hl-container .design-camera-color-content {
    width: 42.9%;
}

#hl-container .design-camera-color-switch-container {
    display: flex;
}

#hl-container .design-camera-color-switch-container.hidden-web {
    display: none;
}

#hl-container .design-camera-color-switch-item {
    cursor: pointer;
    margin-right: 1.354vw;
}

#hl-container .design-camera-color-switch-item:last-child {
    margin-right: 0;
}

#hl-container .design-camera-color-switch-item-icon-image {
    border: #F5F5F700 2px solid;
    border-radius: .78125vw;
    width: 4.6875vw;
    padding: .26vw;
    overflow: hidden;
    transition: all .6s ease;
    box-sizing: content-box;
}

#hl-container .design-camera-color-switch-item-icon-image img {
    border-radius: .52vw;
    overflow: hidden;
}

#hl-container .design-camera-color-switch-item-text {
    color: #000000;
    font-size: 1.14vw;
    margin-top: .4167vw;
    transition: all .6s ease;
    text-align: center;
    opacity: .3;
    line-height: 1.6;
    will-change: opacity;
}

#hl-container .design-camera-color-switch-container[data-index="0"] [data-id="0"] .design-camera-color-switch-item-icon-image {
    border-color: #000000;
}

#hl-container .design-camera-color-switch-container[data-index="0"] [data-id="0"] .design-camera-color-switch-item-text {
    opacity: 1;
}

#hl-container .design-camera-color-switch-container[data-index="1"] [data-id="1"] .design-camera-color-switch-item-icon-image {
    border-color: #000000;
}

#hl-container .design-camera-color-switch-container[data-index="1"] [data-id="1"] .design-camera-color-switch-item-text {
    opacity: 1;
}

#hl-container .design-camera-color-switch-container[data-index="2"] [data-id="2"] .design-camera-color-switch-item-icon-image {
    border-color: #000000;
}

#hl-container .design-camera-color-switch-container[data-index="2"] [data-id="2"] .design-camera-color-switch-item-text {
    opacity: 1;
}

#hl-container .design-camera-color-switch-container[data-index="3"] [data-id="3"] .design-camera-color-switch-item-icon-image {
    border-color: #000000;
}

#hl-container .design-camera-color-switch-container[data-index="3"] [data-id="3"] .design-camera-color-switch-item-text {
    opacity: 1;
}

#hl-container .design-camera-color-image-container {
    width: vw(446);
}

#hl-container .design-camera-color-image-swiper {
    border-radius: .833vw;
    overflow: hidden;
}

#hl-container .design-camera-color-learn-more-btn {
    justify-content: flex-start;
}

#hl-container .design-camera-color-popup-swiper-control-btn {
    justify-content: flex-end;
    margin-right: 8.23vw;
}

#hl-container .swiper-control-btn .product-shine-button .shine-wrapper {
    background: #DFDFE2;
    border: 2px solid #DFDFE2;
}

#hl-container .btn-disable .product-shine-button .shine-wrapper .shine-inside {
    opacity: 0;
}

#hl-container .product-shine-button {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

#hl-container .product-shine-button .shine-wrapper {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 80px;
    background-color: #fff;
    will-change: transform;
    border: 2px solid #000;
}

#hl-container .product-shine-button .shine-item {
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 4.167vw;
}

#hl-container .product-shine-button .shine-inside {
    box-sizing: border-box;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 4.167vw;
    transition: opacity 0.6s;
    opacity: 0;
    will-change: opacity;
    z-index: 2;
}

#hl-container .product-shine-button .product-shine-button-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: vw(16) .833vw vw(16) 1.67vw;
}

#hl-container .product-shine-button .button-text {
    color: #000;
    font-size: .9375vw;
    line-height: 1.25;
}

#hl-container .product-shine-button .button-svg {
    display: flex;
    margin-left: .833vw;
    width: 1.674vw;
}

#hl-container .swiper-control-btn {
    display: flex;
    align-items: center;
}

#hl-container .swiper-prev-btn,
#hl-container .swiper-next-btn {
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    transition: opacity .4s ease;
    position: relative;
    overflow: hidden;
}

#hl-container .swiper-prev-btn {
    margin-right: 1.25vw;
}

#hl-container .swiper-prev-btn.btn-disable,
#hl-container .swiper-next-btn.btn-disable {
    cursor: default;
    opacity: .3;
}

#hl-container .swiper-prev-btn.swiper-button-disabled,
#hl-container .swiper-next-btn.swiper-button-disabled {
    cursor: default;
    opacity: .3;
}

#hl-container .swiper-prev-btn svg,
#hl-container .swiper-next-btn svg {
    width: 2.5vw;
    height: 2.5vw;
    position: relative;
    z-index: 2;
}

#hl-container .swiper-prev-btn svg g>g,
#hl-container .swiper-next-btn svg g>g {
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

#hl-container .swiper-prev-btn.btn-disable svg g>g,
#hl-container .swiper-next-btn.btn-disable svg g>g {
    opacity: .6;
}

#hl-container .swiper-prev-btn svg path,
#hl-container .swiper-next-btn svg path {
    fill: #878787;
    transition: fill .4s ease-in-out;
}

#hl-container .swiper-prev-btn:hover:not(.btn-disable) svg g>g,
#hl-container .swiper-next-btn:hover:not(.btn-disable) svg g>g {
    opacity: .6;
}

#hl-container .reasontobuy-swiper-prev-btn svg>g>rect,
#hl-container .reasontobuy-swiper-next-btn svg>g>rect {
    transition: all .3s;
}

#hl-container .swiper-prev-btn .svg-arrow,
#hl-container .swiper-next-btn .svg-arrow {
    transition: opacity .6s ease-in-out;
}

#hl-container .swiper-next-btn .product-shine-button .product-shine-button-item {
    padding: .73vw .833vw .73vw .628vw;
}

#hl-container .swiper-prev-btn .product-shine-button .product-shine-button-item {
    padding: .73vw .628vw .73vw .833vw;
}

#hl-container .swiper-control-btn .product-shine-button .button-svg {
    display: flex;
    margin: 0;
    width: 1.04vw;
}

#hl-container .swiper-control-btn .product-shine-button .button-svg svg {
    width: 1.04vw;
    height: 1.04vw;
}

#hl-container .swiper-control-btn .product-shine-button .shine-item::after {
    background: #000000;
}

#hl-container .swiper-control-btn .shine-wrapper:hover .shine-item::after {
    background: #000000;
}

#hl-container .swiper-control-btn .product-shine-button .shine-inside {
    opacity: 1;
}

#hl-container .swiper-control-btn .shine-wrapper:hover .shine-inside {
    opacity: .6;
}

#hl-container .swiper-control-btn .product-shine-button .shine-inside::before,
#hl-container .swiper-control-btn .product-shine-button .shine-inside::after {
    background-color: #F5F3D4;
    filter: blur(12px);
}

#hl-container .swiper-control-btn .product-shine-button .shine-inside::before {
    top: -.6vw;
}

#hl-container .swiper-control-btn .product-shine-button .shine-inside::after {
    bottom: -.6vw;
}

#hl-container .btn-disable .svg-arrow {
    opacity: .3;
}

#hl-container .btn-disable .product-shine-button .shine-wrapper .shine-inside {
    opacity: 0;
}

#hl-container .hl-other-txt {
    overflow: hidden;
}

#hl-container .design-camera-zoom-title {
    text-align: center;
}

#hl-container .design-camera-zoom-text {
    margin: 0 auto;
    width: 50%;
    text-align: center;
}

#hl-container .design-camera-zoom-image-container {
    margin: 0 auto;
    width: 67.5%;
}

#hl-container .design-camera-zoom-swiper {
    border-radius: .833vw;
    overflow: hidden;
}

#hl-container .design-camera-zoom-control-container {
    margin-top: 1.71vw;
    position: relative;
    overflow: hidden;
}

#hl-container .design-camera-zoom-control-text-row {
    display: flex;
    flex: none;
}

#hl-container .design-camera-zoom-control-text-item {
    color: #000000;
    cursor: pointer;
    font-size: 2.08vw;
    line-height: 1.25;
    opacity: .6;
    transform-origin: 50% 100%;
    transform: scale(.6);
    transition: all .6s ease;
    position: relative;
}

#hl-container .design-camera-zoom-control-text-item::after {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
}

#hl-container .design-camera-zoom-control-text-item[data-id="0"] {
  margin-left: 31.45833vw;
}
#hl-container .design-camera-zoom-control-text-item[data-id="1"] {
  margin-left: 6.35417vw;
}
#hl-container .design-camera-zoom-control-text-item[data-id="2"] {
  margin-left: 6.35417vw;
}
#hl-container .design-camera-zoom-control-text-item[data-id="3"] {
  margin-left: 5.83333vw;
}

#hl-container .design-camera-zoom-control-line-row {
    display: flex;
    align-items: flex-end;
    height: 1.354vw;
}

#hl-container .design-camera-zoom-control-line-group {
    display: flex;
    align-items: flex-end;
    flex: none;
    position: relative;
}

#hl-container .design-camera-zoom-control-line-group-mask-left::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#hl-container .design-camera-zoom-control-line-group-mask-right::after {
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#hl-container .design-camera-zoom-control-line-group:first-child {
    margin-left: 5.5vw;
}

#hl-container .design-camera-zoom-control-line-item {
    background-color: #C7C7C7;
    margin-left: .833vw;
    width: .104vw;
    height: .833vw;
    transition: height .6s ease;
    will-change: height;
}

#hl-container .design-camera-zoom-control-line-group-sp .design-camera-zoom-control-line-item:last-child {
    background-color: #000;
    width: .15625vw;
}

#hl-container .design-camera-zoom-control-container::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

#hl-container .design-camera-zoom-control-container::after {
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

#hl-container .design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-text-item[data-id="0"] {
    opacity: 1;
    transform: scale(1);
}

#hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-text-item[data-id="1"] {
    opacity: 1;
    transform: scale(1);
}

#hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-text-item[data-id="2"] {
    opacity: 1;
    transform: scale(1);
}

#hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-text-item[data-id="3"] {
    opacity: 1;
    transform: scale(1);
}

#hl-container .design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-line-group[data-id="0"] .design-camera-zoom-control-line-item:last-child {
    height: 1.354vw;
}

#hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-line-group[data-id="1"] .design-camera-zoom-control-line-item:last-child {
    height: 1.354vw;
}

#hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-line-group[data-id="2"] .design-camera-zoom-control-line-item:last-child {
    height: 1.354vw;
}

#hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-line-group[data-id="3"] .design-camera-zoom-control-line-item:last-child {
    height: 1.354vw;
}

#hl-container .design-camera-zoom-control-wrapper {
    transition: transform .6s ease;
    will-change: transform;
}

#hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-wrapper {
    transform: translateX(-10vw);
}

#hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-wrapper {
    transform: translateX(-19.25vw);
}

#hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-wrapper {
    transform: translateX(-28vw);
}

#hl-container .system-intro-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 5vw 0 0;
}

#hl-container .system-ai-theme .product-shine-button {
    justify-content: center;
}

#hl-container .system-intro-title-content-container {
    position: relative;
    z-index: 2;
}

#hl-container .system-intro-title-content {
    background: linear-gradient(135deg, #8BC4FF 0, #8CA3FF 40%, #A08AFC 75%, #FBB0CE 100%);
    color: transparent;
    -webkit-background-clip: text;
    font-weight: 400;
    transform: translateY(75%);
    opacity: 0;

    span {
        line-height: inherit;
    }
}

#hl-container .system-intro-title-icon {
    width: 8.85vw;
    transform: scale(3);
    display: flex;

    video {
        mix-blend-mode: darken;
    }
}

#hl-container .system-intro-container.hl-other-txt {
    overflow: visible;
}

#hl-container .system-ai-theme-container {
    position: relative;
}

#hl-container .system-ai-theme-main-part {
    position: sticky;
    bottom: 0;
}

#hl-container .system-ai-theme-canvas-container {
    display: flex;
    position: absolute;
    bottom: 3.5%;
    left: 49.9%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 2;
    /* transition: opacity .6s ease; */
}

#hl-container .system-ai-theme-container.active .system-ai-theme-canvas-container {
    opacity: 0;
    transition: opacity .6s ease 2.375s;
}

#hl-container .system-ai-theme-canvas {
    width: 50vw;
    height: 43.75vw;
    /* transition: transform 3s ease .6s; */
}

#hl-container .system-ai-theme-container.active .system-ai-theme-canvas {
    transform: translateY(20.75%) scale(.5);
    transition: transform 1s ease 1.375s;
}

#hl-container .system-ai-theme-canvas canvas {
    width: 100%;
    height: 100%
}

#hl-container .system-ai-theme-content {
    margin: 0 auto;
    width: 41%;
    text-align: center;
}

#hl-container .system-ai-theme-row {
    margin: 0 auto;
    width: 61.66vw;
    min-height: 41.8vw;
    opacity: 0;
    /* transition: opacity .6s ease; */
}

#hl-container .system-ai-theme-container.active .system-ai-theme-row {
    opacity: 1;
    transition: opacity .6s ease 2.375s;
}

#hl-container .main-container .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#hl-container .system-ai-theme-swiper .swiper-wrapper {
    justify-content: space-between;
    align-items: center;
}

#hl-container .system-ai-theme-swiper .swiper-slide {
    width: auto;
}

#hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(1) {
    order: 2;
}

#hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(2) {
    order: 3;
}

#hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(3) {
    order: 1;
}

#hl-container .system-ai-theme-item-1 {
    width: 17.5vw;
}

#hl-container .system-ai-theme-item-2,
#hl-container .system-ai-theme-item-3 {
    width: 15.3125vw;
}

#hl-container .system-ai-theme-item-text {
    color: #86868B;
    font-size: 1.04vw;
    margin-top: 1.125vw;
    text-align: center;
    line-height: 1.6;
}

#hl-container .system-ai-theme-item-image {
    position: relative;
}

#hl-container .system-ai-theme-item-ui-container {
    border-radius: vw(45);
    cursor: pointer;
    position: absolute;
    top: .75%;
    left: 1%;
    width: 97.5%;
    overflow: hidden;
    z-index: 1;
}

#hl-container .system-ai-theme-item-frame {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: 2;
}

#hl-container .system-ai-theme-learn-more-btn-container {
    margin-top: 4.167vw;
}

#hl-container .system-ai-theme-popup-text {
    margin: 0 auto;
    width: 35vw;
    text-align: center;
    color: #86868B;
}

#hl-container .system-ai-theme-popup-image {
  margin: 0 auto 2.08333vw;
  width: 67.5vw;
}

#hl-container .system-ai-theme-container .product-disclaimer {
    margin-top: 2.91vw;
    text-align: center;
}

#hl-container .system-ai-theme-learn-more-popup .common-popup-content-wrapper {
    padding-top: 0;
    overflow: hidden;
}

#hl-container .system-ai-theme-learn-more-popup .system-ai-theme-popup-container {
  margin-top: -3.85417vw;
}

#hl-container .system-ai-theme-learn-more-popup .common-popup-content-container {
  width: 67.5vw;
}
#hl-container .design-camera-zoom-text {
  width: 34.16667vw;
}

#hl-container .design-camera-color-div-wrapper {
    width: 72.86458vw;
     height: 120.3125vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div1 {
  width: 29.42708vw;
  top: 0;
  left: 2.60417vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div2 {
  width: 26.04167vw;
  top: 5.46875vw;
  right: 0;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div3 {
  width: 25.9375vw;
  top: 32.55208vw;
  left: 9.0625vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div4 {
  width: 28.125vw;
  top: 51.51042vw;
  right: 2.65625vw;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div5 {
  width: 40.98958vw;
  top: 81.51042vw;
  left: 0;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div6 {
  width: 23.07292vw;
  bottom: 0;
  right: 0;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div {
    position: absolute;
}
#hl-container .design-camera-color-div-wrapper .design-camera-color-div  p {
    color: #fff;
    font-size: 1.14583vw;
    position: absolute;
    bottom: 1.25vw;
    right: 1.25vw;
}
@media screen and (max-width: 1000px) {
    #hl-container .system-ai-theme-item-ui-container {
        border-radius: 2.76042vw;
    }
}

@media (max-aspect-ratio: 11 / 10) {
    #hl-container .common-popup-content-container {
        width: 88.57vw;
        padding-top: 5.71vw;
        padding-bottom: 5.71vw;
    }

    #hl-container .common-popup-content-wrapper {
        border-radius: 1.14286vw;
        padding-top: 0;
        padding-bottom: 8.57vw;
    }
    #hl-container .common-popup-close-btn-container {
        top: 2.28571vw;
        padding-bottom: 0;
    }
    #hl-container .common-popup-close-btn {
        margin-top: 1.71429vw;
        margin-right: 1.71429vw;
        width: 5.71429vw;
        border-radius: 3.57143vw;
    }

    #hl-container .common-popup-close-btn:hover {
        opacity: 1;
    }

    #hl-container .main-container .swiper-wrapper {
        transition-timing-function: ease;
    }

    #hl-container .design-camera-sample-learn-more-popup .common-popup-close-btn-container {
        padding-bottom: 0;
    }

    #hl-container .hidden-web {
        display: block;
    }

     #hl-container .hidden-mob {
        display: none;
    }

    #hl-container .space-300 {
        height: 21.42vw;
    }

    #hl-container .space-280 {
        height: 20vw;
    }

    #hl-container .space-240 {
        height: 17.14vw;
    }

    #hl-container .space-200 {
        height: 14.28vw;
    }

    #hl-container .space-180 {
        height: 12.857vw;
    }

    #hl-container .space-160 {
        height: 11.428vw;
    }

    #hl-container .space-140 {
        height: 10vw;
    }

    #hl-container .space-120 {
        height: 8.57vw;
    }

    #hl-container .space-100 {
        height: 7.14vw;
    }

    #hl-container .space-80 {
        height: 5.71vw;
    }

    #hl-container .space-64 {
        height: 4.57vw;
    }

    #hl-container .space-60 {
        height: 4.28vw;
    }

    #hl-container .space-48 {
        height: 3.42vw;
    }

    #hl-container .space-40 {
        height: 2.85vw;
    }

    #hl-container .space-32 {
        height: 2.28vw;
    }

    #hl-container .space-30 {
        height: 2.14vw;
    }

    #hl-container .space-24 {
        height: 1.71vw;
    }

    #hl-container .space-20 {
        height: 1.428vw;
    }

    .hl-other-txt .h3 {
        font-size: 4.57vw;
    }

    .hl-other-txt p {
        font-size: 2.285vw;
    }

    .hl-other-txt .h2 {
        font-size: 6.857vw;
    }

    .hl-other-txt .product-disclaimer {
        font-size: 1.71vw;
        margin-top: 1.14vw;
    }

    #hl-container .system-ai-theme-learn-more-popup .common-popup-content-container {
        width: 88.57143vw;
    }

    #hl-container .design-camera-color-container {
        display: block;
        margin-left: 0;
        width: 100%;
    }

    #hl-container .design-camera-color-content {
        margin: 0 auto;
        width: 57vw;
        text-align: center;
    }

    #hl-container .design-camera-color-image-container {
        margin: 0 auto;
       width: 35.92857vw;
    }

    #hl-container .design-camera-color-image-swiper {
        border-radius: 2.22vw;
    }

    #hl-container .design-camera-color-switch-container.hidden-mob {
        display: none;
    }

    #hl-container .design-camera-color-switch-item {
        margin-right: 0;
    }

    #hl-container .system-ai-theme .swiper-control-btn .product-shine-button .shine-wrapper {
        border: 2px solid #fff;
    }

    #hl-container .design-camera-color-switch-container.hidden-web {
        display: flex;
        justify-content: space-between;
        margin: 4vw auto 0;
        width: 46.85%;
    }

    #hl-container .design-camera-color-switch-item-icon-image {
        border-radius: 1.14vw;
        padding: .4vw;
        width: 8.78vw;
    }

    #hl-container .design-camera-color-switch-item-icon-image img {
        border-radius: .57vw;
    }

    #hl-container .design-camera-color-switch-item-text {
        font-size: 2.71vw;
        margin-top: .957vw;
    }

    #hl-container .design-camera-color-learn-more-btn {
        justify-content: center;
        margin-bottom: 1px;
    }

    #hl-container .design-camera-color-popup-swiper {
        margin-top: 5.71vw;
    }

    #hl-container .design-camera-color-popup-swiper-control-btn {
        margin-right: 5.14vw;
    }

    #hl-container .product-shine-button .button-text {
        font-size: 2vw;
    }

    #hl-container .product-shine-button .button-svg {
        margin-left: 1.71vw;
        width: 3.42vw;
    }

    #hl-container .swiper-next-btn {
        margin-right: 0vw;
    }

    #hl-container .swiper-prev-btn {
        margin-right: 2.857vw;
    }

    #hl-container .swiper-prev-btn:hover:not(.btn-disable) svg g>g,
    #hl-container .swiper-next-btn:hover:not(.btn-disable) svg g>g {
        opacity: 1;
    }

    #hl-container .swiper-next-btn .product-shine-button .product-shine-button-item {
        padding: 1.64vw 1.93vw 1.64vw 1.35vw;
    }

    #hl-container .swiper-prev-btn svg,
    #hl-container .swiper-next-btn svg {
        width: 11.11vw;
        height: 11.11vw;
    }

    #hl-container .swiper-prev-btn .product-shine-button .product-shine-button-item {
        padding: 1.64vw 1.35vw 1.64vw 1.93vw;
    }

    #hl-container .product-shine-button .product-shine-button-item {
        padding: 1.71vw 1.71vw 1.71vw 3.42vw;
    }

    #hl-container .swiper-control-btn .product-shine-button .button-svg svg {
        width: 2.42vw;
        height: 2.42vw;
    }

    #hl-container .swiper-control-btn .product-shine-button .button-svg {
        width: 2.42vw;
    }

    #hl-container .design-camera-zoom-content {
        margin-left: 12.28%;
        width: 75.44%;
        text-align: left;
    }

    #hl-container .design-camera-zoom-title {
        text-align: center;
    }

    #hl-container .design-camera-zoom-swiper {
        border-radius: 1.14vw;
        width: 90.85714%;
    }

    #hl-container .design-camera-zoom-image-container {
        width: 100%;
    }

    #hl-container .design-camera-zoom-text {
        width: 100%;
        text-align: center;
    }

    #hl-container .design-camera-zoom-control-container::before {
        background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));
        width: 30%;
    }

    #hl-container .design-camera-zoom-control-container::after {
        background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));
        width: 30%;
    }

    #hl-container .design-camera-zoom-swiper {
        margin: 0 auto;
    }

    #hl-container .design-camera-zoom-control-container {
        margin-top: 4.28vw;
    }

    #hl-container .design-camera-zoom-control-line-row {
        height: 2.24vw;
    }

    #hl-container .design-camera-zoom-control-line-item {
        margin-left: 1.2vw;
        width: .142vw;
        height: 1.12vw;
    }

    #hl-container .design-camera-zoom-control-line-group-sp .design-camera-zoom-control-line-item:last-child {
        width: .214vw;
    }

    #hl-container .design-camera-zoom-control-line-item:last-child {
        width: .214vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-line-group[data-id="0"] .design-camera-zoom-control-line-item:last-child {
        height: 2.24vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-line-group[data-id="1"] .design-camera-zoom-control-line-item:last-child {
        height: 2.24vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-line-group[data-id="2"] .design-camera-zoom-control-line-item:last-child {
        height: 2.24vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-line-group[data-id="3"] .design-camera-zoom-control-line-item:last-child {
        height: 2.24vw;
    }

    #hl-container .design-camera-zoom-control-line-group:first-child {
        margin-left: 9.75vw;
    }

    #hl-container .design-camera-zoom-control-text-item {
        font-size: 3.42vw;
        transform: scale(.666)
    }

    #hl-container .design-camera-zoom-control-text-item[data-id="0"] {
        margin-left: 46.64286vw;
    }
    #hl-container .design-camera-zoom-control-text-item[data-id="1"] {
        margin-left: 8.5vw;
    }
    #hl-container .design-camera-zoom-control-text-item[data-id="2"] {
        margin-left: 8.42857vw;
    }
    #hl-container .design-camera-zoom-control-text-item[data-id="3"] {
        margin-left: 7.64286vw;
    }

    #hl-container .design-camera-zoom-image-container .design-camera-zoom-control-container .design-camera-zoom-control-wrapper {
        transform: none;
    }

    #hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-wrapper {
        transform: translateX(-13.5vw);
    }

    #hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-wrapper {
        transform: translateX(-27vw);
    }

    #hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-wrapper {
        transform: translateX(-40.5vw);
    }

    #hl-container .system-intro-title {
        flex-direction: column;
        position: relative;
    }

    #hl-container .system-intro-title-left {
        transform: translateY(150%);
    }

    #hl-container .system-intro-title-right {
        transform: translateY(150%);
    }

    #hl-container .system-intro-title-icon {
        width: 20vw;
    }

    #hl-container .system-intro-title.active .system-intro-title-icon {
        opacity: 0;
    }

    #hl-container .system-ai-theme-main-part {
        position: relative;
    }

    #hl-container .system-ai-theme-canvas-container {
        justify-content: center;
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
    }

    #hl-container .system-ai-theme-canvas {
        margin: 0 auto;
        width: 70%;
        height: 61.25vw;
    }

    #hl-container .system-ai-theme-container.active .system-ai-theme-canvas-container {
        opacity: 1;
    }

    #hl-container .system-ai-theme-container.active .system-ai-theme-canvas {
        transform: none;
    }

    #hl-container .system-ai-theme-row {
        width: 100%;
        opacity: 1;
    }

    #hl-container .system-ai-theme-swiper .swiper-wrapper {
        justify-content: flex-start;
        align-items: stretch;
    }

    #hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(1),
    #hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(2),
    #hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(3) {
        order: 1;
    }

    #hl-container .system-ai-theme-swiper .swiper-slide {
        width: 100%;
    }

    #hl-container .system-ai-theme-item-1 {
        width: auto;
    }

    #hl-container .system-ai-theme-item-2,
    #hl-container .system-ai-theme-item-3 {
        width: auto;
    }

    #hl-container .system-ai-theme-item-ui-container {
        border-radius: 3.88vw;
    }

    #hl-container .system-ai-theme-content {
        margin-top: 14vw;
        width: 55.2vw;
    }

    #hl-container .system-ai-theme-item-text {
        font-size: 2.28vw;
        margin-top: 2.85vw;
    }

    #hl-container .system-ai-theme-swiper-control-btn {
        display: flex;
        justify-content: center;
        margin-top: 4.57vw;
    }

    #hl-container .system-ai-theme-next-btn {
        margin-right: 0;
    }

    #hl-container .system-ai-theme-learn-more-btn-container {
        margin-top: 7.14vw;
    }

    #hl-container .system-ai-theme-popup-container {
        position: relative;
        z-index: 2;
    }

    #hl-container .system-ai-theme-popup-image {
        display: flex;
        margin: 0;
        margin-bottom: 5.71429vw;
        width: 100%;
        overflow: auto;
    }

    #hl-container .system-ai-theme-learn-more-popup .system-ai-theme-popup-container {
        margin-top: -8.85714vw;
    }

    #hl-container .system-ai-theme-learn-more-popup .common-popup-close-btn-container {
        top: 0;
    }

    #hl-container .system-ai-theme-popup-content {
        margin: 4.57vw auto 0;
        width: 78.47vw;
        text-align: left;
    }

    #hl-container .system-ai-theme-popup-text {
        width: 100%;
        text-align: left;
    }

    #hl-container .system-ai-theme-popup-scroll-tips {
        display: flex;
        justify-content: center;
        margin-top: 6.11vw;
    }

    #hl-container .system-ai-theme-popup-scroll-tips-content {
        display: flex;
        align-items: center;
    }

    #hl-container .system-ai-theme-popup-scroll-tips-icon {
        display: flex;
    }

    #hl-container .system-ai-theme-popup-scroll-tips-icon svg {
        width: 2.5vw;
        height: 1.5vw;
    }

    #hl-container .system-ai-theme-popup-scroll-tips-text {
        color: #F5F5F7;
        font-size: 2vw;
        margin-left: .5em;
    }

    #hl-container .system-ai-theme-container .product-disclaimer {
        margin: 4.57vw auto 0;
        width: 65%;
    }

    #hl-container .system-ai-theme .system-ai-theme-learn-more-btn-container {
        margin-bottom: 1px;
    }

    #hl-container .design-camera-zoom-text {
        width: 63.85714vw;
    }

    #hl-container .design-camera-color-div-wrapper {
       width: 81.42857vw;
       height: 203.21429vw;
    }
   #hl-container .design-camera-color-div-wrapper .design-camera-color-div p {
    font-size: 2vw;
    bottom: 1.71429vw;
    right: 1.71429vw;
  }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div1 {
    width: 40.35714vw;
    left: 0;
  }
  #hl-container .design-camera-color-div-wrapper .design-camera-color-div2 {
    width: 35.71429vw;
    top: 15.21429vw;
  }
  #hl-container .design-camera-color-div-wrapper .design-camera-color-div3 {
    width: 35.57143vw;
    top: 42.57143vw;
    left: 5.28571vw;
  }
  #hl-container .design-camera-color-div-wrapper .design-camera-color-div4 {
    width: 35.71429vw;
    top: 77.57143vw;
    right: 0;
  }
  #hl-container .design-camera-color-div-wrapper .design-camera-color-div5 {
    width: 56.21429vw;
    top: 111.57143vw;
    left: 0;
  }
  #hl-container .design-camera-color-div-wrapper .design-camera-color-div6 {
    width: 31.64286vw;
    bottom: 0;
    right: 4.14286vw;
  }
}
@media (max-aspect-ratio: 7 / 10) {
     #hl-container .common-popup-content-container {
        width: 95.55vw;
        padding-top: 8.88vw;
        padding-bottom: 8.88vw;
    }

     #hl-container .common-popup-content-wrapper {
        padding-bottom: 11.11111vw;
        border-radius: 2.22222vw;
    }

     #hl-container .system-ai-theme-learn-more-popup .common-popup-content-wrapper {
        background-color: #F5F5F7;
    }

     #hl-container .system-ai-theme-learn-more-popup .common-popup-content-wrapper {
        padding: 0 0 11.11vw;
    }

    #hl-container .common-popup-close-btn-container {
        top: 3.33333vw;
        padding-bottom: 0;
    }

    #hl-container .common-popup-close-btn {
        margin-top: 3.33333vw;
        margin-right: 3.33333vw;
        width: 11.11111vw;
        border-radius: 6.94444vw;
    }

    #hl-container .common-popup-close-btn:hover {
        opacity: 1;
    }

    #hl-container .system-intro-container .system-intro-title {
        margin-top: 13vw;
    }

    #hl-container .hidden-web {
        display: block;
    }

    #hl-container .hidden-mob {
        display: none;
    }

    #hl-container .space-300 {
        height: 34.722vw;
    }

    #hl-container .space-280 {
        height: 27.777vw;
    }

    #hl-container .space-240 {
        height: 33.333vw;
    }

    #hl-container .space-200 {
        height: 27.77vw;
    }

    #hl-container .space-180 {
        height: 25vw;
    }

    #hl-container .space-160 {
        height: 27.77vw;
    }

    #hl-container .space-140 {
        height: 19.444vw;
    }

    #hl-container .space-120 {
        height: 16.666vw;
    }

    #hl-container .space-100 {
        height: 13.888vw;
    }

    #hl-container .space-80 {
        height: 11.111vw;
    }

    #hl-container .space-64 {
        height: 8.88vw;
    }

    #hl-container .space-60 {
        height: 8.33vw;
    }

    #hl-container .space-48 {
        height: 6.66vw;
    }

    #hl-container .space-40 {
        height: 5.55vw;
    }

    #hl-container .space-32 {
        height: 4.44vw;
    }

    #hl-container .space-30 {
        height: 4.167vw;
    }

    #hl-container .space-24 {
        height: 3.33vw;
    }

    #hl-container .space-20 {
        height: 2.77vw;
    }

    #hl-container .hl-other-txt .h3 {
        font-size: 8.88vw;
    }

    #hl-container .hl-other-txt p {
        font-size: 4.44vw;
    }

    #hl-container .hl-other-txt .h2 {
        font-size: 13.33vw;
    }

    #hl-container .system-ai-theme-learn-more-popup .common-popup-content-container {
        width: 95.55556vw;
    }

    #hl-container .hl-other-txt .product-disclaimer {
        font-size: 3.33vw;
        margin-top: 2.22vw;
    }

    #hl-container .design-camera-color-container {
        display: block;
        margin-left: 0;
        width: 100%;
    }

    #hl-container .design-camera-color-content {
        margin: 0 auto;
       width: 86.11111vw;
        text-align: left;
    }

    #hl-container .design-camera-color-image-container {
        margin: 0 auto;
       width: 69.86111vw;
    }

    #hl-container .design-camera-color-image-swiper {
        border-radius: 2.22vw;
    }

    #hl-container .design-camera-color-switch-container.hidden-mob {
        display: none;
    }

    #hl-container .design-camera-color-switch-item {
        margin-right: 0;
    }

    #hl-container .design-camera-color-switch-container.hidden-web {
        display: flex;
        justify-content: space-between;
        margin: 8.33vw auto 0;
        width: 80.55556vw;
    }

    #hl-container .design-camera-color-switch-item-icon-image {
        border-radius: 2.22vw;
        padding: .694vw;
        width: 17.08vw;
    }

    #hl-container .design-camera-color-switch-item-icon-image img {
        border-radius: 1.11vw;
    }

    #hl-container .design-camera-color-switch-item-text {
        font-size: 4.44444vw;
        margin-top: 1.67vw;
    }

    #hl-container .design-camera-color-learn-more-container {
        margin-top: 2.77vw;
    }

    #hl-container .design-camera-color-learn-more-btn {
        justify-content: center;
    }

    #hl-container .design-camera-color-popup-swiper {
        margin-top: 7.77vw;
    }

    #hl-container .design-camera-color-popup-swiper-control-btn {
        margin-right: 0;
    }

    #hl-container .product-shine-button .button-text {
        font-size: 3.87vw;
    }

    #hl-container .product-shine-button .button-svg {
        margin-left: 3.33vw;
        width: 6.66vw;
    }

    #hl-container .swiper-next-btn .product-shine-button .product-shine-button-item {
        padding: 3.194vw 3.75vw 3.194vw 2.638vw;
    }

    #hl-container .swiper-prev-btn {
        margin-right: 5.55vw;
    }

    #hl-container .swiper-prev-btn .product-shine-button .product-shine-button-item {
        padding: 3.194vw 2.638vw 3.194vw 3.75vw;
    }

    #hl-container .product-shine-button .product-shine-button-item {
        padding: 3.33vw 3.33vw 3.33vw 6.66vw;
    }

    #hl-container .swiper-control-btn .product-shine-button .button-svg svg {
        width: 4.72vw;
        height: 4.72vw;
    }

    #hl-container .swiper-control-btn .product-shine-button .button-svg {
        width: 4.72vw;
    }

    #hl-container .swiper-next-btn {
        margin-right: 8.88vw;
    }

    #hl-container .swiper-prev-btn:hover:not(.btn-disable) svg g>g,
    #hl-container .swiper-next-btn:hover:not(.btn-disable) svg g>g {
        opacity: 1;
    }

    #hl-container .swiper-next-btn .product-shine-button .product-shine-button-item {
        padding: 3.194vw 3.75vw 3.194vw 2.638vw;
    }

    #hl-container .swiper-prev-btn svg,
    #hl-container .swiper-next-btn svg {
        width: 11.11vw;
        height: 11.11vw;
    }

   #hl-container .design-camera-zoom-swiper {
        border-radius: 2.22vw;
        width: 91.11%;
    }

    #hl-container .design-camera-zoom-image-container {
        width: 100%;
    }

    #hl-container .design-camera-sample-learn-more-container {
        margin-top: 2.78vw;
    }

    #hl-container .design-camera-zoom-content {
        margin: 0 auto;
        width: 85vw;
    }

    #hl-container .design-camera-zoom-text {
        margin: 0;
        width: 100%;
    }

    #hl-container .design-camera-zoom-control-container::before {
        background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        width: 10%;
    }

    #hl-container .design-camera-zoom-control-container::after {
        background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        width: 10%;
    }

    #hl-container .design-camera-zoom-control-text-item {
        font-size: 7.22vw;
    }

    #hl-container .design-camera-zoom-control-container {
        margin-top: 5.55vw;
    }

    #hl-container .design-camera-zoom-control-line-row {
        height: 3.6vw;
    }

    #hl-container .design-camera-zoom-control-line-item {
        margin-left: 1.8vw;
        width: .416vw;
        height: 2.22vw;
    }

    #hl-container .design-camera-zoom-control-line-group-sp .design-camera-zoom-control-line-item:last-child {
        width: .555vw;
    }

    #hl-container .design-camera-zoom-control-line-item:last-child {
        width: .555vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="0"] .design-camera-zoom-control-line-group[data-id="0"] .design-camera-zoom-control-line-item:last-child {
        height: 3.6vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-line-group[data-id="1"] .design-camera-zoom-control-line-item:last-child {
        height: 3.6vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-line-group[data-id="2"] .design-camera-zoom-control-line-item:last-child {
        height: 3.6vw;
    }

    #hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-line-group[data-id="3"] .design-camera-zoom-control-line-item:last-child {
        height: 3.6vw;
    }

    #hl-container .design-camera-zoom-control-line-group:first-child {
        margin-left: -16.5vw;
    }

    #hl-container .design-camera-zoom-control-text-item[data-id="0"] {
        margin-left: 42.5vw;
    }
    #hl-container .design-camera-zoom-control-text-item[data-id="1"] {
        margin-left: 11.94444vw;
    }
    #hl-container .design-camera-zoom-control-text-item[data-id="2"] {
        margin-left: 11.52778vw;
    }
    #hl-container .design-camera-zoom-control-text-item[data-id="3"] {
        margin-left: 9.86111vw;
    }

    #hl-container .design-camera-zoom-image-container .design-camera-zoom-control-container .design-camera-zoom-control-wrapper {
        transform: none;
    }

    #hl-container .design-camera-zoom-control-container[data-index="1"] .design-camera-zoom-control-wrapper {
        transform: translateX(-21.5vw);
    }

    #hl-container .design-camera-zoom-control-container[data-index="2"] .design-camera-zoom-control-wrapper {
        transform: translateX(-43.5vw);
    }

    #hl-container .design-camera-zoom-control-container[data-index="3"] .design-camera-zoom-control-wrapper {
        transform: translateX(-65.5vw);
    }

    #hl-container .system-intro-title {
        flex-direction: column;
        position: relative;
    }

    #hl-container .system-intro-title-left {
        transform: translateY(150%);
    }

    #hl-container .system-intro-title-right {
        transform: translateY(150%);
    }

    #hl-container .system-intro-title-icon {
        width: 20vw;
    }

    #hl-container .system-intro-title.active .system-intro-title-icon {
        opacity: 0;
    }

    #hl-container .system-ai-theme-main-part {
        position: relative;
    }

    #hl-container .system-ai-theme-canvas-container {
        justify-content: center;
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
    }

    #hl-container .system-ai-theme-canvas {
        width: 100%;
        height: 87.5vw;
    }

    #hl-container .system-ai-theme-container.active .system-ai-theme-canvas-container {
        opacity: 1;
    }

    #hl-container .system-ai-theme-container.active .system-ai-theme-canvas {
        transform: none;
    }

    #hl-container .system-ai-theme-row {
        width: 100%;
        opacity: 1;
    }

    #hl-container .system-ai-theme-swiper .swiper-wrapper {
        justify-content: flex-start;
        align-items: stretch;
    }

    #hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(1),
    #hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(2),
    #hl-container .system-ai-theme-swiper .swiper-slide:nth-of-type(3) {
        order: 1;
    }

    #hl-container .system-ai-theme-swiper .swiper-slide {
        width: 100%;
    }

    #hl-container .system-ai-theme-item-1 {
        width: auto;
    }

    #hl-container .system-ai-theme-item-2,
    #hl-container .system-ai-theme-item-3 {
        width: auto;
    }

    #hl-container .system-ai-theme-item-ui-container {
        border-radius: 7.77778vw;
    }

    #hl-container .system-ai-theme-content {
        margin-top: 27.7vw;
        width: 77.77vw;
    }

    #hl-container .system-ai-theme-item-text {
        font-size: 4.44vw;
        margin-top: 6.08vw;
    }

    #hl-container .system-ai-theme-swiper-control-btn {
        display: flex;
        justify-content: center;
        margin-top: 11.11vw;
    }

    #hl-container .system-ai-theme-next-btn {
        margin-right: 0;
    }

    #hl-container .system-ai-theme-learn-more-btn-container {
        margin-top: 19.44vw;
    }

    #hl-container .system-ai-theme-popup-container {
        border-radius: 2.22vw;
    }

    #hl-container .system-ai-theme-popup-image {
        display: flex;
        margin: 0;
        width: 100.2%;
        margin-top: -1px;
        margin-right: -1px;
        margin-bottom: 8.88889vw;
    }

    #hl-container .system-ai-theme-popup-content {
        margin: 10vw auto 0;
        width: 78.47vw;
        text-align: left;
    }

    #hl-container .system-ai-theme-popup-text {
        width: 100%;
    }

    #hl-container .system-ai-theme-learn-more-popup .system-ai-theme-popup-container {
        margin-top: -14.72222vw;
    }

    #hl-container .system-ai-theme-popup-scroll-tips {
        display: flex;
        justify-content: center;
        margin-top: 6.11vw;
    }

    #hl-container .system-ai-theme-popup-scroll-tips-content {
        display: flex;
        align-items: center;
    }

    #hl-container .system-ai-theme-popup-scroll-tips-icon {
        display: flex;
    }

     #hl-container .system-ai-theme-popup-scroll-tips-icon svg {
        width: 4.92vw;
        height: 2.97vw;
    }

     #hl-container .system-ai-theme-popup-scroll-tips-text {
        color: #86868B;
        font-size: 3.88vw;
        margin-left: .5em;
    }

     #hl-container .system-ai-theme-learn-more-popup .system-ai-theme-popup-text p {
        color: #969699;
    }

     #hl-container .system-ai-theme-container .product-disclaimer {
        margin-top: 8.88vw;
        width: 78%;
        text-align: left;
    }

     #hl-container .design-camera-zoom-text {
        width: 100%;
        text-align: left;
    }

     #hl-container .design-camera-zoom-container .design-camera-zoom-content h3 {
        text-align: left;
    }

    #hl-container .design-camera-color-div-wrapper {
        width: 86.66667vw;
        height: 496.11111vw;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div p {
        font-size: 4.44444vw;
        bottom: 4.44444vw;
        right: 4.44444vw;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div1 {
        width: 78.47222vw;
        top: 0;
        left: 0;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div2 {
        width: 69.44444vw;
        top: 70vw;
        right: 0;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div3 {
        width: 69.16667vw;
        top: 173.47222vw;
        left: 0;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div4 {
        width: 75vw;
        top: 276.66667vw;
        right: 0;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div5 {
        width: 77.63889vw;
        top: 344.16667vw;
        left: 0;
    }
    #hl-container .design-camera-color-div-wrapper .design-camera-color-div6 {
        width: 61.52778vw;
        top: 413.05556vw;
        right: 4.86111vw;
    }
}
#hl-container .hl-design-feature4{
    background: #ffffff;
    margin-top: -1px;
}
#hl-container .hl-design-feature4 .hl-content-wf {
  width: 69.0625vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-design-feature4 .hl-design-feature4-img {
  width: 45.83333vw;
  position: relative;
}
#hl-container .hl-design-feature4 .hl-design-feature4-img video{
  mix-blend-mode: darken;
}
#hl-container .hl-design-feature4 .hl-design-feature4-txt {
  width: 18.79167vw;
}
#hl-container .hl-design-feature4 .hl-design-feature4-txt p {
  margin-top: 1.66667vw;
}
#hl-container .hl-design-feature4 .design-feature4-video-btn {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9375vw;
  color: #000000;
  line-height: 1.6;
  margin-top: 1.14583vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  will-change: transform;
}
#hl-container .hl-design-feature4 .design-feature4-video-btn svg {
  width: 0.78125vw;
  height: 0.88542vw;
  margin-left: 0.3125vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-design-feature4 .hl-content-wf {
    width: 90.85714vw;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-img {
    width: 100%;
    margin-top: 4.5vw;
  }
  #hl-container .hl-design-feature4 .hl-showpc {
    display: none;
  }
  #hl-container .hl-design-feature4 .hl-showmob {
    display: block;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt {
    width: 100%;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt h3 {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt p {
    width: 59.42857vw;
    margin-left: 7.64285vw;
    margin-top: 4.57143vw;
  }
  #hl-container .hl-design-feature4 .design-feature4-video-btn {
      font-size: 2.28571vw;
      margin-top: 3.14286vw;
  }
  #hl-container .hl-design-feature4 .design-feature4-video-btn svg {
       width: 1.75642vw;
      height: 1.96214vw;
      margin-left: 0.74285vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-design-feature4 .hl-content-wf {
    width: 91.11111vw;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-img {
    width: 100%;
    position: relative;
    margin-top: 8.33333vw;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt {
    width: 100%;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt h3 {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-design-feature4 .hl-design-feature4-txt p {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8.33333vw;
  }
  #hl-container .hl-design-feature4 .design-feature4-video-btn {
    font-size: 4.44444vw;
    margin-top: 0;
    position: absolute;
    bottom: 4.44444vw;
    right: 4.44444vw;
    color: #fff;
  }
  #hl-container .hl-design-feature4 .design-feature4-video-btn svg {
    width: 3.61111vw;
    height: 3.88889vw;
    margin-left: 1.38889vw;
  }
  #hl-container .hl-design-feature4 .design-feature4-video-btn svg path {
    fill: #fff;
  }
}
#hl-container .hl-ai-feature1 {
  overflow: visible;
  height: 130vh;
}
#hl-container .hl-ai-feature1.active .hl-ai-feature1-bg {
  opacity: 1;
}
#hl-container .hl-ai-feature1.active .hl-ai-feature1-txt-wrapper {
  transform: translateY(0);
  opacity: 1;
}
#hl-container .hl-ai-feature1 .hl-content-wf {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
#hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper {
  width: 26.25vw;
  position: absolute;
  left: 9.375vw;
  bottom: 3.125vw;
  z-index: 3;
  color: #fff;
  transform: translateY(16%);
  transition: all 1s;
  opacity: 0;
}
#hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper h4 {
  font-size: 3.33333vw;
}
#hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper p {
  margin-top: 1.66667vw;
}
#hl-container .hl-ai-feature1 .hl-ai-feature1-img-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
#hl-container .hl-ai-feature1 .hl-ai-feature1-bg {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 1s;
}
#hl-container .hl-ai-feature1 .hl-ai-feature1-dis {
  font-size: 12px;
  margin-top: 3.125vw;
  display: block;
  color: #86868b;
  opacity: 0.7;
}
#hl-container .hl-ai-feature1 .ai-feature1-btn {
  right: 6.25vw;
  bottom: 2.5vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-ai-feature1 {
    height: auto;
  }
  #hl-container .hl-ai-feature1 .hl-content-wf {
    width: 100%;
    position: relative;
    height: auto;
  }
  #hl-container .hl-ai-feature1 .hl-showpc {
    display: none;
  }
  #hl-container .hl-ai-feature1 .hl-showmob {
    display: block;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txtwrap {
    display: none;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper {
    width: 100%;
    flex-direction: column;
    position: relative;
    bottom: 0;
    left: 0;
    color: #000;
    transform: translateY(0);
    opacity: 1;
  }
  #hl-container
    .hl-ai-feature1
    .hl-ai-feature1-txt-wrapper
    .hl-ai-feature1-txt-xs {
    width: 77.07143vw;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper h4 {
    width: 25vw;
    font-size: 4.57143vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.28571vw;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper p {
    width: 41.42857vw;
    margin-top: 0;
    color: #86868b;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-img-wrapper {
    margin-top: 4.57143vw;
    margin-bottom: 4.57143vw;
    border-radius: 0;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-dis {
    width: 75.42857vw;
    font-size: 1.71429vw;
    margin-top: 4.28571vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #hl-container .hl-ai-feature1 .ai-feature1-btn {
    right: 2.85714vw;
    bottom: 2.85714vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature1 {
    height: auto;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txtwrap {
    display: block;
  }
  #hl-container .hl-ai-feature1 .hl-content-wf {
    width: 100%;
    position: relative;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper {
    width: 100%;
    flex-direction: column;
    position: relative;
    bottom: 0;
    left: 0;
    color: #000;
    transform: translateY(0);
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper .hl-ai-feature1-txt-xs {
    width: 100%;
    flex-direction: column;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper h4 {
    width: 86.11111vw;
    font-size: 8.88889vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.44444vw;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-txt-wrapper p {
    width: 86.11111vw;
    margin-top: 0;
    color: #86868b;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-img-wrapper {
    margin-top: 8.33333vw;
    margin-bottom: 8.33333vw;
    border-radius: 0;
  }
  #hl-container .hl-ai-feature1 .hl-ai-feature1-dis {
    width: 86.11111vw;
    font-size: 3.33333vw;
    margin-top: 5.55556vw;
    text-align: left;
  }
  #hl-container .hl-ai-feature1 .ai-feature1-btn {
    right: 5.55556vw;
    bottom: 5.55556vw;
  }
}
#hl-container .hl-ai-feature2 .hl-content-ws {
  background-color: #f5f5f7;
  display: flex;
  justify-content: space-between;
  padding: 2.86458vw 12.5vw 2.86458vw 7.29167vw;
}
#hl-container .hl-ai-feature2 .hl-ai-feature2-txt {
  width: 21.35417vw;
  margin-top: 6.09375vw;
}
#hl-container .hl-ai-feature2 .hl-ai-feature2-txt h3 {
  font-size: 2.5vw;
  color: #000;
}
#hl-container .hl-ai-feature2 .hl-ai-feature2-txt p {
  margin-top: 1.66667vw;
}
#hl-container .hl-ai-feature2 .hl-ai-feature2-img {
  width: 13.4375vw;
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature2 .hl-content-ws {
    width: 91.11111vw;
    flex-direction: column;
    padding: 13.05556vw 5.55556vw 12.5vw 5.55556vw;
  }
  #hl-container .hl-ai-feature2 .hl-ai-feature2-txt {
    width: 80vw;
    margin-top: 0;
  }
  #hl-container .hl-ai-feature2 .hl-ai-feature2-txt h3 {
    font-size: 6.66667vw;
  }
  #hl-container .hl-ai-feature2 .hl-ai-feature2-txt p {
    margin-top: 5.55556vw;
    margin-bottom: 10.41667vw;
  }
  #hl-container .hl-ai-feature2 .hl-ai-feature2-img {
    width: 50.13889vw;
    margin-left: auto;
    margin-right: auto;
  }
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-title {
  text-align: center;
  margin-bottom: 5.20833vw;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-title h4 {
  margin-bottom: 1.875vw;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-title p {
  width: 29.27083vw;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-swiper {
  width: 67.60417vw;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-ai-feature3 .swiper-wrapper {
  align-items: center;
}
#hl-container .hl-ai-feature3 .swiper-slide {
  width: auto;
}
#hl-container .hl-ai-feature3 .swiper-slide:nth-child(2) {
  margin: 0 4.16667vw;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-img {
  width: 18.69792vw;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-img2 {
  width: 21.77083vw;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-txt {
  text-align: center;
  margin-top: 1.35417vw;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-swiper-btn {
  display: none;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-swiper-btn > div {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  display: block;
}
#hl-container .hl-ai-feature3 .hl-ai-feature3-swiper-btn .swiper-button-prev {
  transform: rotate(180deg);
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature3 .hl-ai-feature3-title {
    margin-bottom: 13.88889vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-title h4 {
    margin-bottom: 5.55556vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-title p {
    width: 86.11111vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-ai-feature3 .swiper-slide:nth-child(2) {
    margin: 0 9.02778vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-img {
    width: 55.55556vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-img2 {
    width: 62.5vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-txt {
    margin-top: 5vw;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-swiper-btn {
    width: 27.77778vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8.33333vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #hl-container .hl-ai-feature3 .hl-ai-feature3-swiper-btn > div {
    width: 11.11111vw;
    height: 11.11111vw;
  }
}
#hl-container .hl-ai-feature5-dis {
  font-size: 12px;
  margin-top: 0.72917vw;
  opacity: 0.7;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-ai-feature5-dis {
    margin-top: 2.28571vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature5-dis {
    margin-top: 2.22222vw;
  }
}
#hl-container .hl-ai-feature4-dis {
  width: 100%;
  text-align: center;
  font-size: 14px;
  opacity: 0.7;
  margin-top: 1.97917vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-ai-feature4-dis {
    width: 75.42857vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.71429vw;
    margin-top: 5.71429vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature4-dis {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.33333vw;
    margin-top: 11.11111vw;
    text-align: left;
  }
}
#hl-container .hl-ai-feature4 .hl-common-swiper-title {
  color: #fff;
}
#hl-container .hl-ai-feature4 .swiper-slide:nth-child(1) {
  width: 46.875vw;
}
#hl-container .hl-ai-feature4 .swiper-slide:nth-child(1) .hl-common-swiper-txt {
  width: 37.29167vw;
}
#hl-container .hl-ai-feature4 .swiper-slide:nth-child(2) {
  width: 46.875vw;
}
#hl-container .hl-ai-feature4 .swiper-slide:nth-child(2) .hl-common-swiper-txt {
  width: 41.04167vw;
}
#hl-container .hl-ai-feature4 .swiper-slide:nth-child(3) {
  width: 46.875vw;
}
#hl-container .hl-ai-feature4 .swiper-slide:nth-child(3) .hl-common-swiper-txt {
  width: 40.78125vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container
    .hl-ai-feature4
    .swiper-slide:nth-child(1)
    .hl-common-swiper-txt {
    width: auto;
  }
  #hl-container
    .hl-ai-feature4
    .swiper-slide:nth-child(2)
    .hl-common-swiper-txt {
    width: auto;
  }
  #hl-container
    .hl-ai-feature4
    .swiper-slide:nth-child(3)
    .hl-common-swiper-txt {
    width: auto;
  }
  #hl-container .hl-ai-feature4 .hl-common-swiper-txt p {
    width: 57.14286vw;
  }
  #hl-container .hl-ai-feature4 .hl-common-swiper-btn {
    margin-top: 3.42857vw;
  }
  #hl-container .hl-ai-feature4 .swiper-slide:nth-child(1) {
    width: 64.28571vw;
  }
  #hl-container .hl-ai-feature4 .swiper-slide:nth-child(2) {
    width: 64.28571vw;
  }
  #hl-container .hl-ai-feature4 .swiper-slide:nth-child(3) {
    width: 64.28571vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature4 .hl-common-swiper-title {
    width: 77.77778vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.83333vw;
    margin-bottom: 3.19444vw;
  }
  #hl-container .hl-ai-feature4 .hl-common-swiper-txt {
    margin-top: 0;
  }
  #hl-container .hl-ai-feature4 .hl-common-swiper-txt p {
    width: 77.77778vw;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-ai-feature4 .hl-common-swiper-btn {
    margin-top: 6.66667vw;
  }
  #hl-container .hl-ai-feature4 .swiper-slide:nth-child(1) {
    width: 82.22222vw;
  }
  #hl-container .hl-ai-feature4 .swiper-slide:nth-child(2) {
    width: 82.22222vw;
  }
  #hl-container .hl-ai-feature4 .swiper-slide:nth-child(3) {
    width: 82.22222vw;
  }
}
#hl-container .hl-camera-colour .hl-content-wf {
  width: 100%;
  font-size: 0;
  line-height: 0;
  background: linear-gradient(to bottom, #f9e5dc 0%, #fff 50%);
  position: relative;
}
#hl-container .hl-camera-colour .hl-content-wf.active .hl-camera-colour-img-wrapper {
  transform: scale(1);
}
#hl-container .hl-camera-colour .hl-content-wf.active .hl-common-title {
 transform:translateY(0);
  opacity: 1;
}
#hl-container .hl-camera-colour .hl-camera-colour-img-wrapper {
  transform: scale(1.1);
  transition: transform 1s;
  transform-origin: 50% 0;
}
#hl-container .hl-camera-colour .hl-common-title {
  margin: 6.25vw auto  3.958333vw;
   transform: translateY(5.98958vw);
  z-index: 4;
  opacity: 0;
  transition: all 1s;
}
#hl-container .hl-camera-colour .hl-common-title p {
  width: 100%;
}
#hl-container .hl-camera-colour .hl-design-swiper {
  width: 53.75vw;
  margin: 0 auto;
  overflow: visible;
}
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide {
  width: 53.75vw;
  height: 32.8125vw;
  display: flex;
  align-items: end;
  overflow: visible;
  perspective: 100vw;
  z-index: 3;
  transform-style: preserve-3d;
}
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-prev,
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-next {
  z-index: 2;
}
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-active:hover img {
  transform: scale(1.01613);
}
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-active:hover .hl-pop-btn {
  opacity: 1;
}
#hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-active .design-feature1-img1-picture {
  transform: translateX(0);
}
#hl-container .hl-camera-colour .hl-design-swiper .slide-bg {
  border-radius: 0.83333vw;
  overflow: hidden;
  position: relative;
  perspective: 100vw;
  transform-style: preserve-3d;
  contain: paint;
}
#hl-container .hl-camera-colour .hl-design-swiper .slide-bg picture {
  -o-object-fit: cover;
  object-fit: cover;
  width: auto;
  height: 100%;
  position: relative;
  display: inline-block;
  will-change: transform;
}
#hl-container .hl-camera-colour .hl-design-swiper .slide-bg img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  transition: transform 0.3s ease;
}
#hl-container .hl-camera-colour .hl-design-btn-wrapper {
  width: 10.20833vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
}
#hl-container .hl-camera-colour .hl-design-btn-wrapper > div {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 0;
  display: block;
  user-select: none;
}
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-next,
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-prev {
  will-change: transform;
  width: 2.604167vw;
  height: 2.604167vw;
  transition: opacity 0.6s ease;
}
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-next svg,
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-prev svg {
  width: 100%;
  height: 100%;
}
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-next:hover,
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-prev:hover {
  opacity: 0.6;
}
#hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-pagination-fraction {
  width: auto;
  font-size: 1.14583vw;
}
#hl-container .hl-camera-colour .hl-common-title p {
  width: 43.54167vw;
}
#hl-container .hl-camera-colour .design-feature1-img1-picture1 {
  transform: translateX(-12.91667vw);
}
#hl-container .hl-camera-colour .design-feature1-img1-picture2 {
  transform: translateX(-12.91667vw);
}
#hl-container .hl-camera-colour .design-feature1-img1-picture3 {
  transform: translateX(-16.71875vw);
}
#hl-container .hl-camera-colour .design-feature1-img1-picture4 {
  transform: translateX(-8.64583vw);
}
#hl-container .hl-camera-colour .design-feature1-img1-picture5 {
  transform: translateX(-22.86458vw);
}
#hl-container .hl-camera-colour .design-feature1-img1-picture6 {
  transform: translateX(-15.625vw);
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-camera-colour .hl-camera-colour-line {
    height: 1px;
    background-color: rgba(214, 145, 121, 0.56);
    position: absolute;
    left: 0;
    top: 31.5%;
    transform: translateX(calc(-100% - 1.142857vw));
    z-index: 2;
  }
  #hl-container .hl-camera-colour .hl-camera-colour-img-wrapper {
    transform: scale(1.4);
  }
  #hl-container .hl-camera-colour .hl-design-swiper {
    width: 78.57143vw;
  }
  #hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-active:hover img {
    transform: scale(1);
  }
  #hl-container .hl-camera-colour .hl-design-swiper .swiper-slide {
    width: 78.57143vw;
    height: 48.57143vw;
  }
  #hl-container .hl-camera-colour .hl-design-swiper .slide-bg {
    border-radius: 1.14286vw;
  }
  #hl-container .hl-camera-colour .hl-design-swiper .slide-bg,
  #hl-container .hl-camera-colour .hl-design-swiper .slide-bg picture,
  #hl-container .hl-camera-colour .hl-design-swiper .slide-bg img {
    width: 100%;
  }
  #hl-container .hl-camera-colour .hl-design-btn-wrapper {
    width: 20.71429vw;
    margin-top: 4.57143vw;
  }
  #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-next,
  #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-prev {
    width: 5.71429vw;
    height: 5.71429vw;
  }
  #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-next:hover,
  #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-prev:hover {
    opacity: 1;
  }
  #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-pagination-fraction {
    font-size: 2.28571vw;
  }
  #hl-container .hl-camera-colour .hl-common-title p {
    width: 69.28571vw;
  }
  #hl-container .hl-camera-colour .design-feature1-img1-picture1 {
    transform: translateX(0);
  }
  #hl-container .hl-camera-colour .design-feature1-img1-picture2 {
    transform: translateX(0);
  }
  #hl-container .hl-camera-colour .design-feature1-img1-picture3 {
    transform: translateX(0);
  }
  #hl-container .hl-camera-colour .design-feature1-img1-picture4 {
    transform: translateX(0);
  }
  #hl-container .hl-camera-colour .design-feature1-img1-picture5 {
    transform: translateX(0);
  }
  #hl-container .hl-camera-colour .design-feature1-img1-picture6 {
    transform: translateX(0);
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-camera-colour .hl-content-wf.active .hl-camera-colour-img-wrapper {
    transform: scale(1);
  }
  #hl-container .hl-camera-colour .hl-camera-colour-img-wrapper {
    transform: scale(1.1);
  }
  #hl-container .hl-camera-colour .hl-common-title {
    width: 85.22222vw;
    margin-top: 13.888889vw;
    margin-bottom: 13.888889vw;
  }
  #hl-container .hl-camera-colour .hl-common-title p {
    font-size: 4.44444vw;
    margin-top: 6.66667vw;
  }
   #hl-container .hl-camera-colour .hl-design-swiper {
    width: 77.22222vw;
  }
   #hl-container .hl-camera-colour .hl-design-swiper .swiper-slide {
    width: 77.22222vw;
    height: 102.77778vw;
    perspective: 100vw;
  }
   #hl-container .hl-camera-colour .hl-design-swiper .swiper-slide.swiper-slide-active:hover img {
    transform: scale(1);
  }
   #hl-container .hl-camera-colour .hl-design-swiper .slide-bg {
    border-radius: 2.22222vw;
  }
   #hl-container .hl-camera-colour .hl-design-swiper .slide-bg,
   #hl-container .hl-camera-colour .hl-design-swiper .slide-bg picture,
   #hl-container .hl-camera-colour .hl-design-swiper .slide-bg img {
    width: auto;
  }
   #hl-container .hl-camera-colour .hl-design-btn-wrapper {
    width: 41.66667vw;
    margin-top: 8.33333vw;
  }
   #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-next,
   #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-button-prev {
    width: 11.388889vw;
    height: 11.388889vw;
  }
   #hl-container .hl-camera-colour .hl-design-btn-wrapper .swiper-pagination-fraction {
    font-size: 5vw;
  }
   #hl-container .hl-camera-colour .hl-common-title p {
    width: 100%;
  }
   #hl-container .hl-camera-colour .design-feature1-img1-picture1 {
    transform: translateX(-10.83333vw);
  }
   #hl-container .hl-camera-colour .design-feature1-img1-picture2 {
    transform: translateX(-20.55556vw);
  }
   #hl-container .hl-camera-colour .design-feature1-img1-picture3 {
    transform: translateX(-22.22222vw);
  }
   #hl-container .hl-camera-colour .design-feature1-img1-picture4 {
    transform: translateX(-12.22222vw);
  }
   #hl-container .hl-camera-colour .design-feature1-img1-picture5 {
    transform: translateX(-17.36111vw);
  }
   #hl-container .hl-camera-colour .design-feature1-img1-picture6 {
    transform: translateX(-20.83333vw);
  }
}
#hl-container .q7-common-sound-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  user-select: none;
  pointer-events: none;
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave {
  position: absolute;
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave1 {
  width: 3.80208vw;
  height: 5.83333vw;
  top: 22.13542vw;
  left: 20.88542vw;
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave-img {
  width: 100%;
  opacity: 0;
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave-img1 {
  -webkit-animation: cwave 3s linear infinite 0s;
  animation: cwave 3s linear infinite 0s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave-img2 {
  -webkit-animation: cwave 3s linear infinite 0s;
  animation: cwave 3s linear infinite 1s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#hl-container .q7-common-sound-wrapper .q7-sound-cwave-img3 {
  -webkit-animation: cwave 3s linear infinite 0s;
  animation: cwave 3s linear infinite 2s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
@keyframes cwave {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.59);
  }
  100% {
    opacity: 0;
    transform: scale(2.567);
  }
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .q7-common-sound-wrapper .q7-sound-cwave1 {
    width: 5.21429vw;
    height: 8vw;
    left: 28.64286vw;
    top: 30.35714vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .q7-common-sound-wrapper .q7-sound-cwave1 {
    width: 12.22222vw;
    height: 18.61111vw;
    left: 33.05556vw;
    top: 59.44444vw;
  }
}
#hl-container .hl-ai .hl-content-ws {
  display: flex;
  flex-direction: column;
}
#hl-container .hl-ai h3 {
  color: #d59179;
  text-align: center;
}
#hl-container .hl-ai .hl-ai-title-dis {
  font-size: 3.33333vw;
  margin-top: 4.53125vw;
  margin-bottom: 3.28125vw;
  text-align: center;
  color: #fff;
  line-height: 1.25;
}
#hl-container .hl-ai .hl-common-swiper {
  width: 100%;
}
#hl-container .hl-ai .hl-common-swiper .swiper-slide {
  width: 33.125vw;
}
#hl-container .hl-ai .hl-ai-dis-wrapper {
  text-align: center;
  width: 41.6875vw;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-ai .hl-ai-dis-wrapper p {
  margin-top: 2.08333vw;
  margin-bottom: 0.83333vw;
}
#hl-container .hl-ai .hl-common-swiper-btn {
  display: none;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-ai .hl-ai-title-dis {
    font-size: 4.57143vw;
    margin-top: 6vw;
    margin-bottom: 4.57143vw;
  }
  #hl-container .hl-ai .hl-common-swiper .swiper-slide {
    width: 44.57143vw;
  }
  #hl-container .hl-ai .hl-ai-dis-wrapper {
    width: 60.85714vw;
  }
  #hl-container .hl-ai .hl-ai-dis-wrapper p {
    margin-top: 2.85714vw;
    margin-bottom: 1.42857vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai h3 {
    margin-bottom: 11.11111vw;
  }
  #hl-container .hl-ai .hl-common-swiper {
    width: 82.22222vw;
  }
  #hl-container .hl-ai .hl-common-swiper .swiper-slide {
    width: 100%;
  }
  #hl-container .hl-ai .hl-common-swiper-img {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    background-color: #191a19;
  }
  #hl-container .hl-ai .hl-ai-dis-wrapper {
    text-align: center;
    width: 77.77778vw;
  }
  #hl-container .hl-ai .hl-ai-dis-wrapper p {
    margin-top: 0;
    text-align: left;
    margin-bottom: 0;
  }
  #hl-container .hl-ai .hl-ai-dis-wrapper .hl-ai-title-dis {
    width: 77.77778vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 6.66667vw;
    margin-top: 5.83333vw;
    margin-bottom: 3.19444vw;
    text-align: left;
  }
  #hl-container .hl-ai .hl-ai-feature4-dis {
    width: 86.11111vw;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin-top: 4.86111vw;
  }
  #hl-container .hl-ai .hl-common-swiper-btn {
    display: flex;
  }
}
#hl-container .hl-ai-feature6 .hl-content-wf {
  width: 60.41667vw;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-ai-feature6 .hl-ai-feature6-title {
  width: 42.5vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.16667vw;
}
#hl-container .hl-ai-feature6 .hl-ai-feature6-title .hl-ai-feature6-title-left {
  width: 18.48958vw;
}
#hl-container
  .hl-ai-feature6
  .hl-ai-feature6-title
  .hl-ai-feature6-title-left
  p {
  margin-top: 1.66667vw;
}
#hl-container
  .hl-ai-feature6
  .hl-ai-feature6-title
  .hl-ai-feature6-title-right {
  width: 10.15625vw;
}
#hl-container
  .hl-ai-feature6
  .hl-ai-feature6-title
  .hl-ai-feature6-title-right
  span {
  font-size: 1.25vw;
}
#hl-container
  .hl-ai-feature6
  .hl-ai-feature6-title
  .hl-ai-feature6-title-right
  h3 {
  font-size: 5vw;
  margin-top: -0.52083vw;
}
#hl-container
  .hl-ai-feature6
  .hl-ai-feature6-title
  .hl-ai-feature6-title-right
  h3
  span {
  font-size: 2.5vw;
}
#hl-container
  .hl-ai-feature6
  .hl-ai-feature6-title
  .hl-ai-feature6-title-right
  p {
  font-size: 0.83333vw;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-ai-feature6 .hl-content-wf {
    width: 90.35714vw;
  }
  #hl-container .hl-ai-feature6 .hl-ai-feature6-title {
    width: 75.35714vw;
    margin-bottom: 5.71429vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-left {
    width: 37.85714vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-left
    p {
    margin-top: 2.28571vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right {
    width: 20.42857vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    span {
    font-size: 2.28571vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    h3 {
    font-size: 6.85714vw;
    margin-top: -0.71429vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    h3
    span {
    font-size: 3.42857vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    p {
    font-size: 1.71429vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature6 .hl-content-wf {
    width: 97.77778vw;
  }
  #hl-container .hl-ai-feature6 .hl-ai-feature6-title {
    width: 86.11111vw;
    margin-bottom: 8.33333vw;
    flex-direction: column;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-left {
    width: 100%;
    margin-bottom: 8.33333vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-left
    p {
    margin-top: 4.44444vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right {
    width: 100%;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    span {
    font-size: 4.44444vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    h3 {
    font-size: 13.33333vw;
    margin-top: -1.38889vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    h3
    span {
    font-size: 6.66667vw;
  }
  #hl-container
    .hl-ai-feature6
    .hl-ai-feature6-title
    .hl-ai-feature6-title-right
    p {
    font-size: 3.33333vw;
    margin-top: 1.38889vw;
  }
}
#hl-container .hl-screen .hl-common-title {
  width: 28.4375vw;
  margin-left: auto;
  margin-right: auto;
  transform: translateY(7.08333vw);
  opacity: 0;
  transition: all 1s;
}
#hl-container .hl-screen .hl-common-title.active {
  opacity: 1;
  transform: translateY(0);
}
#hl-container .hl-screen .hl-common-title h3 {
  text-align: left;
  background: #e5b3a0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#hl-container .hl-screen .hl-common-title p {
  width: 100%;
  text-align: left;
}
#hl-container .hl-screen .hl-screen-img {
  width: 69.79167vw;
  margin-top: 3.95833vw;
  margin-bottom: 6.14583vw;
  margin-left: auto;
  margin-right: auto;
  transform: scale(1.163) translateY(3.90625vw);
  opacity: 0.6;
  transition: all 1s;
}
#hl-container .hl-screen .hl-screen-img.active {
  opacity: 1;
  transform: translateY(0);
}
#hl-container .hl-screen .hl-common-swiper-container {
  background-color: #000;
}
#hl-container .hl-screen .hl-screen-dis-wrapper {
  width: 67.5vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
#hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide {
  width: auto;
  height: auto;
}
#hl-container
  .hl-screen
  .hl-screen-dis-wrapper
  .swiper-slide:nth-child(1)
  .hl-common-swiper-img {
  width: 33.125vw;
}
#hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide:nth-child(1) p {
  width: 23.95833vw;
}
#hl-container
  .hl-screen
  .hl-screen-dis-wrapper
  .swiper-slide:nth-child(2)
  .hl-common-swiper-img {
  width: 33.125vw;
}
#hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide:nth-child(2) p {
  width: 26.82292vw;
}
#hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title {
  max-width: 33.125vw;
  position: relative;
  opacity: 1;
  left: 0;
  top: 0;
  padding: 1.77083vw 0.52083vw 2.08333vw 2.08333vw;
}
#hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title h4 {
  font-size: 2.5vw;
  margin-bottom: 1.25vw;
}
#hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-txt {
  margin-top: 0;
  opacity: 1;
  margin-left: 0;
  display: none;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-screen .hl-common-title {
    width: auto;
    transform: translateY(9.71429vw);
  }
  #hl-container .hl-screen .hl-common-title h3 {
    width: 32.71429vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-screen .hl-common-title p {
    width: 68.64286vw;
    text-align: center;
  }
  #hl-container .hl-screen .hl-showpc {
    display: none;
  }
  #hl-container .hl-screen .hl-screen-img {
    width: 87.07143vw;
    margin-top: 5.42857vw;
    margin-bottom: 11.42857vw;
    transform: scale(1.163) translateY(5.35714vw);
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper {
    width: 90.85714vw;
  }
  #hl-container
    .hl-screen
    .hl-screen-dis-wrapper
    .swiper-slide:nth-child(1)
    .hl-common-swiper-img {
    width: 44.57143vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide:nth-child(1) p {
    width: 42.28571vw;
  }
  #hl-container
    .hl-screen
    .hl-screen-dis-wrapper
    .swiper-slide:nth-child(2)
    .hl-common-swiper-img {
    width: 44.57143vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide:nth-child(2) p {
    width: 42.28571vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-btn {
    margin-top: 4.28571vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title {
    max-width: 42.85714vw;
    padding: 2.92857vw 0.71429vw 1.85714vw 3.42857vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title h4 {
    font-size: 3.42857vw;
    margin-bottom: 0;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title p {
    display: none;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-txt {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 4.28571vw;
    margin-left: 1.14286vw;
    z-index: 2;
    opacity: 1;
    display: block;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-screen .hl-common-title {
    transform: translateY(0);
    opacity: 1;
  }
  #hl-container .hl-screen .hl-common-title h3 {
    width: 64.72222vw;
  }
  #hl-container .hl-screen .hl-common-title p {
    width: 86.38889vw;
  }
  #hl-container .hl-screen .hl-screen-img {
    width: 100%;
    margin-top: 10.41667vw;
    margin-bottom: 22.22222vw;
    transform: scale(1) translateY(0);
    opacity: 1;
    position: relative;
  }
  #hl-container .hl-screen .hl-screen-img::before {
    display: none;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper {
    width: 91.11111vw;
    flex-direction: column;
    position: relative;
    z-index: 2;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper {
    width: 100%;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-img {
    margin-left: auto;
    margin-right: auto;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .swiper-wrapper {
    flex-direction: column;
  }
  #hl-container
    .hl-screen
    .hl-screen-dis-wrapper
    .swiper-slide:nth-child(1)
    .hl-common-swiper-img {
    width: 91.11111vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide:nth-child(1) p {
    width: 75vw;
  }
  #hl-container
    .hl-screen
    .hl-screen-dis-wrapper
    .swiper-slide:nth-child(2)
    .hl-common-swiper-img {
    width: 91.11111vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .swiper-slide:nth-child(2) p {
    width: 81.11111vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-btn {
    display: none;
  }
  #hl-container
    .hl-screen
    .hl-screen-dis-wrapper
    .swiper-slide:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8.88889vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title {
    max-width: 87.5vw;
    padding: 5.69444vw 1.38889vw 5vw 6.66667vw;
    margin-bottom: 0;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title h4 {
    font-size: 6.66667vw;
    margin-bottom: 4.44444vw;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-title p {
    display: block;
  }
  #hl-container .hl-screen .hl-screen-dis-wrapper .hl-common-swiper-txt {
    position: absolute;
    top: 26.38889vw;
    left: 5.55556vw;
    margin-top: 0;
    z-index: 2;
    opacity: 1;
    margin-left: 0;
    display: none;
  }
}
#hl-container .hl-accessory .hl-content-wf {
  width: 67.5vw;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-accessory h3 {
  color: #fff;
  text-align: center;
}
#hl-container .hl-accessory .hl-accessory-swiper {
  padding: 5.625vw 5.625vw 3.75vw;
  background-color: #000000;
  margin-top: 3.125vw;
  border-radius: 0.83333vw;
}
#hl-container .hl-accessory .hl-accessory-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#hl-container .hl-accessory .hl-common-swiper-btn {
  display: none;
}
#hl-container .hl-accessory .hl-accessory-div {
  width: auto;
}
#hl-container .hl-accessory .hl-accessory-div p {
  width: 9.01042vw;
  font-size: 1.04167vw;
  color: #ffffff;
  margin-top: 1.66667vw;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#hl-container .hl-accessory .hl-accessory-div p a:hover .link-gt {
  transform: translateX(3px);
}
#hl-container .hl-accessory .hl-accessory-div:nth-child(1) p {
  margin-left: 0.9375vw;
}
#hl-container .hl-accessory .hl-accessory-div:nth-child(2) p {
  margin-left: 1.30208vw;
}
#hl-container .hl-accessory .hl-accessory-div:nth-child(3) p {
  margin-left: 0.67708vw;
}
#hl-container .hl-accessory .hl-accessory-div:nth-child(4) p {
  margin-left: 0.67708vw;
}
#hl-container .hl-accessory .hl-accessory-img {
  width: 9.73958vw;
}
#hl-container .hl-accessory .hl-accessory-dis {
  font-size: 12px;
  margin-top: 2.08333vw;
  text-align: right;
  opacity: 0.7;
}
#hl-container .hl-accessory .link-gt {
  display: inline-block;
  transition: transform 0.3s ease-out;
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-accessory .hl-content-wf {
    width: 90.78571vw;
  }
  #hl-container .hl-accessory .hl-accessory-swiper {
    padding: 7.71429vw 7.71429vw 5.14286vw;
    margin-top: 4.57143vw;
    border-radius: 1.14286vw;
  }
  #hl-container .hl-accessory .hl-common-swiper .swiper-slide:not(:last-child) {
    margin-right: 0;
  }
  #hl-container .hl-accessory .hl-accessory-div {
    width: auto;
  }
  #hl-container .hl-accessory .hl-accessory-div p {
    width: 12.5vw;
    font-size: 1.42857vw;
    margin-top: 2.71429vw;
  }
  #hl-container .hl-accessory .hl-accessory-div:nth-child(1) p {
    margin-left: 1.28571vw;
  }
  #hl-container .hl-accessory .hl-accessory-div:nth-child(2) p {
    margin-left: 1.78571vw;
  }
  #hl-container .hl-accessory .hl-accessory-div:nth-child(3) p {
    margin-left: 0.92857vw;
  }
  #hl-container .hl-accessory .hl-accessory-div:nth-child(4) p {
    margin-left: 0.92857vw;
  }
  #hl-container .hl-accessory .hl-accessory-img {
    width: 13.28571vw;
  }
  #hl-container .hl-accessory .hl-accessory-dis {
    font-size: 1.71429vw;
    margin-top: 3.42857vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-accessory .hl-content-wf {
    width: 91.11111vw;
  }
  #hl-container .hl-accessory .hl-common-swiper {
    width: 91.11111vw;
  }
  #hl-container .hl-accessory .hl-common-swiper .swiper-slide:not(:last-child) {
    margin-right: 4.44444vw;
  }
  #hl-container .hl-accessory .hl-common-swiper-btn {
    margin-right: 6.94444vw;
  }
  #hl-container .hl-accessory .hl-accessory-swiper {
    padding: 0;
    margin-top: 11.11111vw;
    border-radius: 0;
    background-color: transparent;
  }
  #hl-container .hl-accessory .hl-accessory-div {
    width: 82.22222vw;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
  }
  #hl-container .hl-accessory .hl-accessory-div:nth-child(-n + 2) {
    margin-bottom: 4.86111vw;
  }
  #hl-container .hl-accessory .hl-accessory-div p {
    width: 62.5vw;
    font-size: 3.88889vw;
    margin-top: 0;
    position: absolute;
    bottom: 8.75vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  #hl-container .hl-accessory .hl-accessory-div:nth-child(1) p,
  #hl-container .hl-accessory .hl-accessory-div:nth-child(2) p,
  #hl-container .hl-accessory .hl-accessory-div:nth-child(3) p,
  #hl-container .hl-accessory .hl-accessory-div:nth-child(4) p {
    margin-left: 0;
  }
  #hl-container .hl-accessory .hl-accessory-img {
    width: 100%;
  }
  #hl-container .hl-accessory .hl-accessory-dis {
    max-width: 51.3888vw;
    font-size: 3.33333vw;
    margin-top: 8.33333vw;
    text-align: left;
    margin-top: -11.25vw;
    padding-bottom: 8.33333vw;
  }
  #hl-container .hl-accessory .hl-common-swiper-btn {
    display: flex;
  }
}
.static-style .hl-show-ie {
  display: block;
}
.static-style .hl-hide-ie {
  display: none;
}
.static-style .hl-space-50vh {
  display: none;
}
.static-style .hl-space-100vh {
  display: none;
}
.static-style .hl-container .stick-full {
  position: relative;
  top: 0;
  height: auto;
  margin-top: 0;
}
@media (max-width: 1200px) {
  #hl-container .hl-ai-feature5-dis,
  #hl-container .hl-ai-feature1 .hl-ai-feature1-dis,
  #hl-container .hl-ai-feature5 .hl-common-swiper-txt .hl-ai-feature5-dis,
  #hl-container .hl-other-txt .product-disclaimer,
  #hl-container .hl-accessory .hl-accessory-dis,
  #hl-container .hl-ai-feature4-dis,
  #hl-container .hl-reason .hl-reason-dis {
    font-size: 1.16vw;
  }
  #hl-container .hl-ai-feature4-dis {
    font-size: 0.95vw;
    display: block;
    width: 106%;
    margin-left: -3%;
  }
}
@media (min-width: 1920px) {
  #hl-container .hl-ai-feature5-dis,
  #hl-container .hl-ai-feature1 .hl-ai-feature1-dis,
  #hl-container .hl-ai-feature5 .hl-common-swiper-txt .hl-ai-feature5-dis,
  #hl-container .hl-other-txt .product-disclaimer,
  #hl-container .hl-accessory .hl-accessory-dis,
  #hl-container .hl-ai-feature4-dis,
  #hl-container .hl-reason .hl-reason-dis {
    font-size: 0.625vw;
  }
  #hl-container .hl-ai-feature4-dis {
    font-size: 0.625vw;
  }
}
@media screen and (max-aspect-ratio: 11 / 10) {
  #hl-container .hl-ai-feature5-dis,
  #hl-container .hl-ai-feature1 .hl-ai-feature1-dis,
  #hl-container .hl-ai-feature5 .hl-common-swiper-txt .hl-ai-feature5-dis,
  #hl-container .hl-other-txt .product-disclaimer,
  #hl-container .hl-accessory .hl-accessory-dis,
  #hl-container .hl-ai-feature4-dis,
  #hl-container .hl-reason .hl-reason-dis {
    font-size: 1.71429vw;
  }
}
@media screen and (max-aspect-ratio: 7 / 10) {
  #hl-container .hl-ai-feature5-dis,
  #hl-container .hl-ai-feature1 .hl-ai-feature1-dis,
  #hl-container .hl-ai-feature5 .hl-common-swiper-txt .hl-ai-feature5-dis,
  #hl-container .hl-other-txt .product-disclaimer,
  #hl-container .hl-accessory .hl-accessory-dis,
  #hl-container .hl-ai-feature4-dis,
  #hl-container .hl-reason .hl-reason-dis {
    font-size: 3.33333vw;
  }
}
@media screen and (min-width: 360px) and (max-aspect-ratio: 11 / 10) and (max-width: 641px) {
  :root {
    --hl-txt-12: 10px;
  }
}