.maxhub-wrapper sup {
  font-size: 1em;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
  top: -0.2em;
  font-family: OPPOSans-super;
  font-weight: 400;
}
.maxhub-wrapper b sup,
.maxhub-wrapper strong sup,
.maxhub-wrapper sup b,
.maxhub-wrapper sup strong {
  font-weight: 700;
}
.g--sup-m {
  font-weight: 400;
}
.g--sup-b {
  font-weight: 700;
}
.g--container,
.g--container-ls,
.g--container-pt,
.g--wrapper {
  margin: 0 auto;
}
@media (min-width: 1800px) {
  .g--container,
  .g--container-ls {
    width: 1312px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .g--container,
  .g--container-ls {
    width: 1100px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .g--container,
  .g--container-ls {
    width: 896px;
  }
}
@media (max-width: 720px) {
  .g--container,
  .g--container-pt {
    width: 88.89vw;
  }
}
@media (min-width: 720px) and (max-width: 1023px) {
  .g--container,
  .g--container-pt {
    width: 89.58vw;
  }
}
@media (max-width: 1023px) {
  .g--pt-hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .g--ls-hidden {
    display: none !important;
  }
}
@media (max-width: 720px) {
  .g--mb-hidden {
    display: none !important;
  }
}
@media not screen and (max-width: 720px) {
  .g--mb-show {
    display: none !important;
  }
}
.maxhub-wrapper {
  font-size: 16px;
  font-family: OPPOSans-Regular, 'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.maxhub-wrapper * {
  box-sizing: border-box;
}
.maxhub-wrapper a {
  text-decoration: none;
}
.maxhub-wrapper img {
  display: block;
  max-width: initial;
  opacity: 0;
}
.maxhub-wrapper img.loaded {
  opacity: 1;
}
.maxhub-wrapper canvas img {
  display: none;
}
.maxhub-wrapper video {
  display: block;
  max-width: initial;
}
.maxhub-wrapper br {
  font-family: 'Open Sans', '-apple-system', BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
}
.maxhub-wrapper h1 {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0 0 99.9%);
  clip-path: inset(0 0 99.9%);
}
@media (max-width: 768px) {
  #oc-header {
    overflow: hidden;
  }
}
#oc-wrapper {
  overflow: visible;
}
#footer {
  overflow-x: hidden;
}
body.no-scroll {
  overflow-y: hidden;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.maxhub-wrapper {
  background: #000;
  color: #fff;
}
.maxhub-wrapper .text {
  font-family: OPPOSans-Regular;
}
.maxhub-wrapper .title {
  font-family: OPPOSans-Regular;
}
.maxhub-wrapper .big-title {
  font-family: OPPOSans-Regular;
}
.maxhub-wrapper .subtitle {
  font-family: OPPOSans-Regular;
}
.maxhub-wrapper .text-2 {
  font-family: OPPOSans-Regular;
}
.maxhub-wrapper .g--50 {
  font-family: Roboto;
  line-height: 1.16;
  font-size: 50px;
  letter-spacing: 0;
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--50 {
    font-size: 42px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--50 {
    font-size: 34px;
  }
}
.maxhub-wrapper .g--40 {
  font-family: Roboto;
  line-height: 1.18;
  font-size: 40px;
  letter-spacing: 0;
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--40 {
    font-size: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--40 {
    font-size: 27px;
  }
}
.maxhub-wrapper .g--25 {
  font-family: Roboto;
  line-height: 1.16;
  font-size: 25px;
  letter-spacing: 0;
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--25 {
    font-size: 21px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--25 {
    font-size: 17px;
  }
}
.maxhub-wrapper .g--24 {
  font-family: Roboto;
  line-height: 1.25;
  font-size: 24px;
  letter-spacing: -0.03em;
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--24 {
    font-size: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--24 {
    font-size: 16px;
  }
}
.maxhub-wrapper .g--16 {
  font-family: Roboto;
  line-height: 1.75;
  font-size: 16px;
  letter-spacing: -0.0056em;
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--16 {
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--16 {
    font-size: 14px;
  }
}
.maxhub-wrapper .g--13 {
  font-family: Roboto;
  line-height: 1.85;
  font-size: 13px;
  letter-spacing: -0.0038em;
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--13 {
    font-size: 14px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--13 {
    font-size: 14px;
  }
}
.maxhub-wrapper .center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  align-self: center;
}
.maxhub-wrapper .center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.maxhub-wrapper .abs.center-hor {
  left: 50%;
  transform: translateX(-50%);
}
.maxhub-wrapper .abs.center-ver {
  top: 50%;
  transform: translateY(-50%);
}
.maxhub-wrapper .flex.center-ver {
  align-items: center;
}
.maxhub-wrapper .flex.center-ver > .wrapper {
  width: 100%;
}
.maxhub-wrapper .flex.center-hor {
  justify-content: center;
}
.maxhub-wrapper .flex.center-hor > .wrapper {
  height: 100%;
}
.maxhub-wrapper .g--sticky-container,
.maxhub-wrapper .sticky-container {
  position: relative;
}
.maxhub-wrapper .g--sticky-item,
.maxhub-wrapper .sticky,
.maxhub-wrapper .sticky-item {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.maxhub-wrapper .black {
  color: #000;
}
.maxhub-wrapper .white {
  color: #fff;
}
.maxhub-wrapper .grey {
  color: rgba(255, 255, 255, 0.56);
}
.maxhub-wrapper .grey-light {
  color: rgba(255, 255, 255, 0.2);
}
.maxhub-wrapper .grey {
  color: rgba(0, 0, 0, 0.7);
}
.maxhub-wrapper .grey-light {
  color: rgba(0, 0, 0, 0.32);
}
.maxhub-wrapper .bg-black {
  background-color: #000;
}
.maxhub-wrapper .bg-white {
  background-color: #fff;
}
.maxhub-wrapper .full {
  width: 100%;
  height: 100%;
}
.maxhub-wrapper .full-w {
  width: 100%;
}
.maxhub-wrapper .full-h {
  height: 100%;
}
.maxhub-wrapper .full-screen {
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
}
.maxhub-wrapper .full-screen-nav {
  height: calc(100vh - 121px);
  height: calc((100 * var(--vh, 1vh)) - 121px);
}
@media (max-width: 768px) {
  .maxhub-wrapper .full-screen-nav {
    height: calc(100vh - 101px);
    height: calc((100 * var(--vh, 1vh)) - 101px);
  }
}
.maxhub-wrapper .flex {
  display: flex;
}
.maxhub-wrapper .flex.align-center {
  align-items: center;
}
.maxhub-wrapper .flex.content-center {
  justify-content: center;
}
.maxhub-wrapper .rel {
  position: relative;
}
.maxhub-wrapper .abs {
  position: absolute;
}
.maxhub-wrapper .abs.clip {
  top: 0;
  left: 0;
}
.maxhub-wrapper .fixed {
  position: fixed;
}
.maxhub-wrapper .fixed.clip {
  top: 0;
  left: 0;
}
.maxhub-wrapper .clickable {
  cursor: pointer;
}
.maxhub-wrapper .g--cover {
  -o-object-fit: cover;
  object-fit: cover;
}
.maxhub-wrapper .g--container {
  margin: 0 auto;
}
@media (min-width: 1800px) {
  .maxhub-wrapper .g--container {
    width: 1320px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-wrapper .g--container {
    width: 1107px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-wrapper .g--container {
    width: 901px;
  }
}
.maxhub-wrapper .g--hidden {
  width: 100%;
  overflow: hidden;
}
.maxhub-wrapper .relative {
  position: relative;
}
.maxhub-wrapper .absolute {
  position: absolute;
  top: 0;
  left: 0;
}
.maxhub-wrapper img:not([src]):not([srcset]) {
  visibility: hidden;
}
.maxhub-wrapper .g--popup-user {
  display: none;
}
.g--popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
  z-index: 9999;
  transform: translateY(100vh);
  transform: translateY(calc(100 * var(--vh, 1vh)));
}
.g--popup.show {
  transform: translateY(0);
  transition: transform 0.5s;
}
.g--popup.disappear {
  transition: transform 0.5s;
}
.g--popup .g--popup-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .g--popup .g--popup-container {
    padding: 0;
  }
}
.g--popup .g--video-wrapper {
  position: relative;
  margin-top: -12px;
  width: 75%;
  height: auto;
}
@media (min-width: 2400px) {
  .g--popup .g--video-wrapper {
    margin-top: -24px;
  }
}
@media (max-width: 1023px) {
  .g--popup .g--video-wrapper {
    width: 100vw;
  }
}
.video-portrait.g--popup .g--video-wrapper {
  width: 100%;
  height: 100%;
  padding: 32px 0;
  margin-top: 0;
}
.g--popup .g--video-wrapper video {
  width: 100%;
  height: 100%;
  outline: 0;
}
.video-portrait.g--popup .g--video-wrapper video {
  -o-object-fit: contain;
  object-fit: contain;
}
.g--popup .g--video-wrapper video[src=''] {
  display: none;
}
.g--popup .g--popup-close {
  top: -32px;
  right: 0;
  width: 12px;
  height: 12px;
  position: absolute;
  margin-left: auto;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1023px) {
  .g--popup .g--popup-close {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 399px) {
  .g--popup .g--popup-close {
    right: 16px;
  }
}
@media (max-width: 360px) {
  .g--popup .g--popup-close {
    right: 14px;
  }
}
@media (min-width: 400px) and (max-width: 719px) {
  .g--popup .g--popup-close {
    right: 18px;
  }
}
@media (min-width: 720px) and (max-width: 1023px) {
  .g--popup .g--popup-close {
    right: 32px;
  }
}
.video-portrait.g--popup .g--popup-close {
  top: 8px;
}
.g--popup .g--popup-close .inner {
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .g--popup .g--popup-close .inner {
    transform: scale(0.5);
  }
}
.g--popup-container {
  background: #000;
}
.g--popup-close polygon {
  fill: #fff;
}
[data-theme='white'] .g--popup-container {
  background: #fff;
}
[data-theme='white'] .g--popup-close polygon {
  fill: #000;
}
.g--video-converter .wrapper {
  height: 100%;
  position: relative;
}
.g--video-converter .wrapper .video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.maxhub-text-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.maxhub-text-container > * {
  flex: 0 0 auto;
}
.maxhub-text-container .title-container .colorText {
  background: linear-gradient(to right, #697dff, #75c5f4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
@media (min-width: 1800px) {
  .maxhub-text-container .title-container .colorText {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-text-container .title-container .colorText {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-text-container .title-container .colorText {
    margin-top: 16px;
  }
}
@media (min-width: 1800px) {
  .maxhub-text-container .detail-container {
    width: 520px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-text-container .detail-container {
    width: 436px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-text-container .detail-container {
    width: 355px;
  }
}
@media (min-width: 1800px) {
  .maxhub-text-container-col {
    width: 510px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-text-container-col {
    width: 406px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-text-container-col {
    width: 331px;
  }
}
@media (min-width: 1800px) {
  .maxhub-text-container-col .detail {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-text-container-col .detail {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-text-container-col .detail {
    margin-top: 16px;
  }
}
.maxhub-text-container-col .colorText {
  background: linear-gradient(to right, #697dff, #75c5f4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
@media (min-width: 1800px) {
  .maxhub-text-container-col .colorText {
    margin-top: 30px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  .maxhub-text-container-col .colorText {
    margin-top: 25px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .maxhub-text-container-col .colorText {
    margin-top: 20px;
  }
}
#section-highlights {
  width: 100%;
}
#section-highlights .part1 {
  height: 160vh;
  height: calc(160 * var(--vh, 1vh));
}
@media (min-width: 1800px) {
  #section-highlights .part1 {
    padding-top: 194px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part1 {
    padding-top: 163px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part1 {
    padding-top: 132px;
  }
}
#section-highlights .part1 .maxhub-text-container {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s linear, transform 0.5s linear;
}
#section-highlights .part1 .maxhub-text-container.active {
  opacity: 1;
  transform: translateY(0);
}
#section-highlights .part1 .maxhub-text-container.active2 {
  opacity: 0;
  transform: translateY(-20px);
}
#section-highlights .part1 .sticky-item .g--container .hidden-wrapper {
  background: #222223;
  display: flex;
  align-items: center;
}
@media (min-width: 1800px) {
  #section-highlights .part1 .sticky-item .g--container .hidden-wrapper {
    height: 670px;
    margin-top: 60px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part1 .sticky-item .g--container .hidden-wrapper {
    height: 562px;
    margin-top: 50px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part1 .sticky-item .g--container .hidden-wrapper {
    height: 458px;
    margin-top: 41px;
  }
}
#section-highlights .part1 .sticky-item .g--container .hidden-wrapper .pic {
  width: 100%;
  transform: scale(2.8);
  transition: transform 1s ease;
}
@media (min-width: 1800px) {
  #section-highlights .part1 .sticky-item .g--container .hidden-wrapper .pic {
    height: 553px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part1 .sticky-item .g--container .hidden-wrapper .pic {
    height: 464px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part1 .sticky-item .g--container .hidden-wrapper .pic {
    height: 378px;
  }
}
#section-highlights .part1 .sticky-item .g--container .hidden-wrapper .pic.active {
  transform: scale(1);
}
#section-highlights .part1 .sticky-item .g--container .state-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1800px) {
  #section-highlights .part1 .sticky-item .g--container .state-wrapper {
    margin-top: 30px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part1 .sticky-item .g--container .state-wrapper {
    margin-top: 25px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part1 .sticky-item .g--container .state-wrapper {
    margin-top: 20px;
  }
}
#section-highlights .part1 .sticky-item .g--container .state-wrapper .line {
  width: 1px;
  background: #fff;
}
@media (min-width: 1800px) {
  #section-highlights .part1 .sticky-item .g--container .state-wrapper .line {
    margin: 0 20px;
    height: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part1 .sticky-item .g--container .state-wrapper .line {
    margin: 0 17px;
    height: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part1 .sticky-item .g--container .state-wrapper .line {
    margin: 0 14px;
    height: 16px;
  }
}
#section-highlights .part1 .sticky-item .g--container .state-wrapper .left,
#section-highlights .part1 .sticky-item .g--container .state-wrapper .right {
  opacity: 0.5;
}
#section-highlights .part1 .sticky-item .g--container .state-wrapper .left.active,
#section-highlights .part1 .sticky-item .g--container .state-wrapper .right.active {
  opacity: 1;
}
@media (min-width: 1800px) {
  #section-highlights .part2 {
    margin: 180px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part2 {
    margin: 151px 0;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part2 {
    margin: 123px 0;
  }
}
#section-highlights .part2 .video-container {
  width: 100%;
}
#section-highlights .part2 .video-container .video {
  width: 100%;
}
@media (min-width: 1800px) {
  #section-highlights .part2 .video-container .video {
    height: 721px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part2 .video-container .video {
    height: 604px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part2 .video-container .video {
    height: 492px;
  }
}
#section-highlights .part3 {
  background: #000;
}
#section-highlights .part3 .text-container {
  left: 0;
}
@media (min-width: 1800px) {
  #section-highlights .part3 .text-container {
    top: 259px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part3 .text-container {
    top: 217px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part3 .text-container {
    top: 177px;
  }
}
#section-highlights .part3 .mask {
  background: linear-gradient(to right, #000 42%, rgba(0, 0, 0, 0));
}
@media (min-width: 1800px) {
  #section-highlights .part3 .mask {
    width: 1478px;
    height: 900px;
    margin-left: -300px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part3 .mask {
    width: 1239px;
    height: 755px;
    margin-left: -252px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part3 .mask {
    width: 1009px;
    height: 615px;
    margin-left: -205px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part3 .bg-container {
    top: 80px;
    left: 132px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part3 .bg-container {
    top: 67px;
    left: 111px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part3 .bg-container {
    top: 55px;
    left: 90px;
  }
}
#section-highlights .part3 .maxhub-text-container-col {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s linear, transform 0.5s linear;
}
#section-highlights .part3 .maxhub-text-container-col.active {
  opacity: 1;
  transform: translateY(0);
}
#section-highlights .part3 .maxhub-text-container-col.active2 {
  opacity: 0;
  transform: translateY(-20px);
}
#section-highlights .part4 {
  background: #000;
  height: 250vh;
  height: calc(250 * var(--vh, 1vh));
}
#section-highlights .part4 .sticky-item {
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
}
#section-highlights .part4 .sticky-item .mask {
  height: 100vh;
  height: calc(100 * var(--vh, 1vh));
  background: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
  z-index: 10;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .mask {
    width: 1233px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .mask {
    width: 1034px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .mask {
    width: 842px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container {
    padding-top: 180px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container {
    padding-top: 151px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container {
    padding-top: 123px;
  }
}
#section-highlights .part4 .sticky-item .g--container .bg-container {
  transform-origin: 72% 6.5%;
  will-change: transform;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container {
    height: 760px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container {
    height: 637px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container {
    height: 519px;
  }
}
#section-highlights .part4 .sticky-item .g--container .bg-container img {
  left: unset;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .screen {
    width: 3605px;
    height: 3800px;
    right: -1507px;
    top: -285px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .screen {
    width: 3022px;
    height: 3186px;
    right: -1263px;
    top: -239px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .screen {
    width: 2462px;
    height: 2595px;
    right: -1029px;
    top: -195px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .head {
    width: 790px;
    height: 360px;
    top: 110px;
    right: -88px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .head {
    width: 662px;
    height: 302px;
    top: 92px;
    right: -74px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .head {
    width: 539px;
    height: 246px;
    top: 75px;
    right: -60px;
  }
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper {
  opacity: 0;
  transition: opacity 0.5s linear 0.8s;
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper.active {
  opacity: 1;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container {
    width: 3470px;
    height: 3625px;
    left: -721px;
    top: -196px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container {
    width: 2909px;
    height: 3039px;
    left: -604px;
    top: -164px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container {
    width: 2370px;
    height: 2476px;
    left: -492px;
    top: -134px;
  }
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-slider {
  position: relative;
  display: block;
  outline: 0;
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: initial !important;
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list:focus {
  outline: 0;
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list.dragging {
  cursor: pointer;
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track {
  height: 100%;
}
#section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide {
  outline: 0;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide > * {
    width: 3470px;
    height: 3625px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide > * {
    width: 2909px;
    height: 3039px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide > * {
    width: 2370px;
    height: 2476px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide .p {
    width: 3470px;
    height: 3625px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide .p {
    width: 2909px;
    height: 3039px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .p-wrapper .slick-container .slick-list .slick-track .slick-slide .p {
    width: 2370px;
    height: 2476px;
  }
}
#section-highlights .part4 .sticky-item .g--container .bg-container .shadow {
  top: unset;
  left: unset;
  right: 0;
  transform: rotateX(23deg);
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .shadow {
    width: 828px;
    height: 381px;
    bottom: -73px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .shadow {
    width: 694px;
    height: 319px;
    bottom: -61px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .bg-container .shadow {
    width: 565px;
    height: 260px;
    bottom: -50px;
  }
}
#section-highlights .part4 .sticky-item .g--container .hand {
  left: unset;
  opacity: 1;
  transition: opacity 0.5s linear 0.8s;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .hand {
    width: 817px;
    height: 765px;
    top: 290px;
    right: -106px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .hand {
    width: 685px;
    height: 641px;
    top: 244px;
    right: -98px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .hand {
    width: 558px;
    height: 522px;
    top: 200px;
    right: -80px;
  }
}
#section-highlights .part4 .sticky-item .g--container .hand.active {
  opacity: 0;
  transition: opacity 0.5s linear;
}
#section-highlights .part4 .sticky-item .g--container .wave-wrapper {
  opacity: 1;
  transition: opacity 0.5s linear 0.8s;
}
#section-highlights .part4 .sticky-item .g--container .wave-wrapper.active {
  opacity: 0;
  transition: opacity 0.5s linear;
}
#section-highlights .part4 .sticky-item .g--container .wave1 {
  -webkit-animation: 2s ease-out infinite move1;
  animation: 2s ease-out infinite move1;
}
#section-highlights .part4 .sticky-item .g--container .wave2 {
  -webkit-animation: 2s ease-out 1s infinite move1;
  animation: 2s ease-out 1s infinite move1;
}
#section-highlights .part4 .sticky-item .g--container .wave {
  left: unset;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .g--container .wave {
    width: 500px;
    height: 260px;
    right: 130px;
    top: 270px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .g--container .wave {
    width: 419px;
    height: 218px;
    right: 109px;
    top: 226px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .g--container .wave {
    width: 341px;
    height: 178px;
    right: 89px;
    top: 184px;
  }
}
@-webkit-keyframes move1 {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes move1 {
  0% {
    transform: scale(0.5);
    opacity: 1;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
#section-highlights .part4 .sticky-item .text1 {
  top: 37vh;
  top: calc(37 * var(--vh, 1vh));
  z-index: 11;
  transition: transform 0.5s linear, opacity 0.5s linear;
  transform: translateY(-20px);
  opacity: 0;
}
#section-highlights .part4 .sticky-item .text1.active {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.5s linear 0.8s, opacity 0.5s linear 0.8s;
}
#section-highlights .part4 .sticky-item .text1 .maxhub-text-container-col {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s linear, transform 0.5s linear;
}
#section-highlights .part4 .sticky-item .text1 .maxhub-text-container-col.active {
  opacity: 1;
  transform: translateY(0);
}
#section-highlights .part4 .sticky-item .text1 .maxhub-text-container-col.active2 {
  opacity: 0;
  transform: translateY(-20px);
}
#section-highlights .part4 .sticky-item .text2 {
  z-index: 11;
  transition: transform 0.5s linear, opacity 0.5s linear;
  transform: translateY(20px);
  opacity: 0;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .text2 {
    top: 340px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .text2 {
    top: 285px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .text2 {
    top: 232px;
  }
}
#section-highlights .part4 .sticky-item .text2.active {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.5s linear 0.8s, opacity 0.5s linear 0.8s;
}
#section-highlights .part4 .sticky-item .text2 .other {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .text2 .other {
    width: 484px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .text2 .other {
    width: 406px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .text2 .other {
    width: 331px;
  }
}
#section-highlights .part4 .sticky-item .text2 .other .logo-wrapper {
  width: 33.33%;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper {
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper {
    margin-bottom: 21px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper {
    margin-bottom: 17px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper img {
    width: 41px;
    height: 41px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper img {
    width: 34px;
    height: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper img {
    width: 28px;
    height: 28px;
  }
}
#section-highlights .part4 .sticky-item .text2 .other .logo-wrapper .on {
  opacity: 0;
}
#section-highlights .part4 .sticky-item .text2 .other .logo-wrapper .on.active {
  opacity: 1;
}
@media (min-width: 1800px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper .desc-wrapper {
    margin-top: 5px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper .desc-wrapper {
    margin-top: 4px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part4 .sticky-item .text2 .other .logo-wrapper .desc-wrapper {
    margin-top: 3px;
  }
}
#section-highlights .part4 .sticky-item .text2 .other .logo-wrapper .desc-wrapper .on {
  background: linear-gradient(to right, #697dff, #75c5f4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
@media (min-width: 1800px) {
  #section-highlights .part5 {
    padding: 163px 0 140px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 {
    padding: 137px 0 117px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 {
    padding: 111px 0 96px;
  }
}
#section-highlights .part5 .maxhub-text-container {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s linear, transform 0.5s linear;
}
#section-highlights .part5 .maxhub-text-container.active {
  opacity: 1;
  transform: translateY(0);
}
#section-highlights .part5 .maxhub-text-container.active2 {
  opacity: 0;
  transform: translateY(-20px);
}
#section-highlights .part5 .sticky-container {
  height: 180vh;
  height: calc(180 * var(--vh, 1vh));
}
#section-highlights .part5 .sticky-container .hidden-wrapper {
  border-radius: 8px;
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper {
    height: 670px;
    margin-top: 56px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper {
    height: 562px;
    margin-top: 47px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper {
    height: 458px;
    margin-top: 38px;
  }
}
#section-highlights .part5 .sticky-container .hidden-wrapper .scale {
  transform-origin: 0 40%;
  transform: scale(2.3);
  transition: transform 0.8s ease;
  will-change: transform;
}
#section-highlights .part5 .sticky-container .hidden-wrapper .scale.active1 {
  transform: scale(1.6) translateX(-5%);
}
#section-highlights .part5 .sticky-container .hidden-wrapper .scale.active2 {
  transform: scale(1);
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .track {
    width: 1320px;
    height: 670px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .track {
    width: 1107px;
    height: 562px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .track {
    width: 901px;
    height: 458px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame1 {
    width: 94px;
    height: 94px;
    left: 176px;
    top: 218px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame1 {
    width: 79px;
    height: 79px;
    left: 148px;
    top: 183px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame1 {
    width: 64px;
    height: 64px;
    left: 120px;
    top: 149px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame2 {
    width: 75px;
    height: 73px;
    left: 324px;
    top: 249px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame2 {
    width: 63px;
    height: 61px;
    left: 272px;
    top: 209px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame2 {
    width: 51px;
    height: 50px;
    left: 221px;
    top: 170px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame3 {
    width: 75px;
    height: 73px;
    left: 726px;
    top: 145px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame3 {
    width: 63px;
    height: 61px;
    left: 609px;
    top: 122px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame3 {
    width: 51px;
    height: 50px;
    left: 496px;
    top: 99px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame4 {
    width: 75px;
    height: 73px;
    left: 945px;
    top: 249px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame4 {
    width: 63px;
    height: 61px;
    left: 792px;
    top: 209px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame4 {
    width: 51px;
    height: 50px;
    left: 645px;
    top: 170px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame5 {
    width: 75px;
    height: 73px;
    left: 1007px;
    top: 261px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame5 {
    width: 63px;
    height: 61px;
    left: 844px;
    top: 219px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sticky-container .hidden-wrapper .frame5 {
    width: 51px;
    height: 50px;
    left: 688px;
    top: 178px;
  }
}
#section-highlights .part5 .text-wrapper {
  text-align: center;
}
@media (min-width: 1800px) {
  #section-highlights .part5 .text-wrapper {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .text-wrapper {
    margin-top: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .text-wrapper {
    margin-top: 27px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sub {
    margin-top: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sub {
    margin-top: 101px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sub {
    margin-top: 82px;
  }
}
#section-highlights .part5 .sub .hidden-wrapper {
  border-radius: 8px;
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sub .pos {
    width: 1320px;
    height: 378px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sub .pos {
    width: 1107px;
    height: 317px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sub .pos {
    width: 901px;
    height: 258px;
  }
}
#section-highlights .part5 .sub .text {
  text-align: center;
}
@media (min-width: 1800px) {
  #section-highlights .part5 .sub .text {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part5 .sub .text {
    margin-top: 34px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part5 .sub .text {
    margin-top: 27px;
  }
}
#section-highlights .part6 {
  background: #f0f1f1;
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .sticky-item {
    padding-top: 200px;
    height: 1088px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .sticky-item {
    padding-top: 168px;
    height: 912px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .sticky-item {
    padding-top: 137px;
    height: 743px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container {
    width: 750px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container {
    width: 629px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container {
    width: 512px;
  }
}
#section-highlights .part6 .sticky-container .sticky-item .g--container .part6-1 {
  margin: 0 auto;
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-1 {
    width: 750px;
    height: 377px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-1 {
    width: 629px;
    height: 316px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-1 {
    width: 512px;
    height: 257px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-2 {
    width: 75px;
    height: 429px;
    left: 294px;
    top: 326px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-2 {
    width: 63px;
    height: 360px;
    left: 246px;
    top: 273px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-2 {
    width: 51px;
    height: 293px;
    left: 201px;
    top: 223px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-3 {
    width: 44px;
    height: 404px;
    left: 406px;
    top: 353px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-3 {
    width: 37px;
    height: 339px;
    left: 340px;
    top: 296px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .sticky-item .g--container .part6-3 {
    width: 30px;
    height: 276px;
    left: 277px;
    top: 241px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper {
    padding-bottom: 128px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper {
    padding-bottom: 107px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper {
    padding-bottom: 87px;
  }
}
#section-highlights .part6 .sticky-container .desc-wrapper .colorText {
  background: linear-gradient(to right, #697dff, #75c5f4);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .colorText {
    margin-top: 10px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .colorText {
    margin-top: 8px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .colorText {
    margin-top: 7px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
    margin-left: -25px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
    margin-left: -21px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
    margin-left: -17px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper,
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 {
    margin-top: 70px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper,
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 {
    margin-top: 59px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper,
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 {
    margin-top: 48px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 {
    width: 350px;
    height: 160px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 {
    width: 293px;
    height: 134px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 {
    width: 239px;
    height: 109px;
  }
}
#section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .part6-4-off,
#section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .part6-4-on {
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s linear;
}
#section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .part6-4-off.active,
#section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .part6-4-on.active {
  opacity: 1;
}
#section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .mask {
  width: 100%;
  height: auto;
  left: 0;
  top: unset;
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .mask {
    bottom: 38px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .mask {
    bottom: 32px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-4 .mask {
    bottom: 26px;
  }
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-5 {
    width: 244px;
    height: 163px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-5 {
    width: 205px;
    height: 137px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .part6-5 {
    width: 167px;
    height: 111px;
  }
}
#section-highlights .part6 .sticky-container .desc-wrapper .wave1 {
  -webkit-animation: 2s linear infinite move;
  animation: 2s linear infinite move;
}
#section-highlights .part6 .sticky-container .desc-wrapper .wave2 {
  -webkit-animation: 2s linear 1s infinite move;
  animation: 2s linear 1s infinite move;
}
#section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
  display: flex;
  justify-content: center;
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
    width: 400px;
    height: 231px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
    width: 335px;
    height: 194px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .anime-wrapper {
    width: 273px;
    height: 158px;
  }
}
#section-highlights .part6 .sticky-container .desc-wrapper .wave {
  left: 22%;
}
@media (min-width: 1800px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .wave {
    width: 222px;
    height: 83px;
    top: 90px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .wave {
    width: 186px;
    height: 70px;
    top: 75px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part6 .sticky-container .desc-wrapper .wave {
    width: 152px;
    height: 57px;
    top: 61px;
  }
}
@-webkit-keyframes move {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes move {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
#section-highlights .part7 {
  width: 100%;
  height: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -1px;
}
#section-highlights .part7 .bg,
#section-highlights .part7 .mask {
  width: 100%;
  height: 100%;
}
#section-highlights .part7 .mask {
  background-image: linear-gradient(179deg, rgba(0, 0, 0, 0.79) 6%, rgba(0, 0, 0, 0.61) 96%);
  opacity: 0;
  transition: opacity 0.5s linear;
}
#section-highlights .part7 .mask.active {
  opacity: 1;
}
#section-highlights .part7 .g--container .maxhub-text-container-col {
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.5s linear;
}
@media (min-width: 1800px) {
  #section-highlights .part7 .g--container .maxhub-text-container-col {
    width: 846px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part7 .g--container .maxhub-text-container-col {
    width: 709px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part7 .g--container .maxhub-text-container-col {
    width: 578px;
  }
}
#section-highlights .part7 .g--container .maxhub-text-container-col.active {
  opacity: 1;
}
#section-highlights .part8 {
  background: #f6f6f6;
}
#section-highlights .part8 .g--container {
  top: 8.4375vw;
  left: 50%;
  transform: translateX(-50%);
}
#section-highlights .part8 .g--container .maxhub-text-container-col {
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 1800px) {
  #section-highlights .part8 .g--container .maxhub-text-container-col {
    width: 846px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-highlights .part8 .g--container .maxhub-text-container-col {
    width: 709px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-highlights .part8 .g--container .maxhub-text-container-col {
    width: 578px;
  }
}
#section-highlights .part8 .g--container .maxhub-text-container-col .title {
  white-space: nowrap;
}
#section-highlights .part8 .bg {
  width: 100%;
  height: 58.125vw;
}
#section-kv {
  height: 110vh;
  height: calc(110 * var(--vh, 1vh));
}
#section-kv .sticky-item {
  height: 46.875vw;
}
#section-kv .sticky-item .bg-1,
#section-kv .sticky-item .bg-2 {
  width: 100%;
  height: 46.875vw;
  opacity: 0;
  transition: opacity 1s ease;
}
#section-kv .sticky-item .bg-1.active,
#section-kv .sticky-item .bg-2.active {
  opacity: 1;
}
#section-kv .sticky-item .content-container {
  padding-top: 16.09375vw;
  z-index: 2;
  opacity: 0;
  transform: translateY(6%);
  transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;
}
#section-kv .sticky-item .content-container.active {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 1800px) {
  #section-kv .sticky-item .content-container .desc {
    margin-top: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-kv .sticky-item .content-container .desc {
    margin-top: 17px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-kv .sticky-item .content-container .desc {
    margin-top: 14px;
  }
}
#section-kv .sticky-item .content-container .btn-wrapper {
  display: flex;
}
@media (min-width: 1800px) {
  #section-kv .sticky-item .content-container .btn-wrapper {
    margin-top: 50px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-kv .sticky-item .content-container .btn-wrapper {
    margin-top: 42px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-kv .sticky-item .content-container .btn-wrapper {
    margin-top: 34px;
  }
}
#section-kv .sticky-item .content-container .btn-wrapper .btn-1,
#section-kv .sticky-item .content-container .btn-wrapper .btn-2 {
  display: flex;
  align-items: center;
}
@media (min-width: 1800px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-1 .arrow,
  #section-kv .sticky-item .content-container .btn-wrapper .btn-2 .arrow {
    margin-left: 19px;
    width: 10px;
    height: 15px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-1 .arrow,
  #section-kv .sticky-item .content-container .btn-wrapper .btn-2 .arrow {
    margin-left: 16px;
    width: 8px;
    height: 13px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-1 .arrow,
  #section-kv .sticky-item .content-container .btn-wrapper .btn-2 .arrow {
    margin-left: 13px;
    width: 7px;
    height: 10px;
  }
}
#section-kv .sticky-item .content-container .btn-wrapper .btn-1 {
  background: #006ee6;
  border-radius: 4px;
}
@media (min-width: 1800px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-1 {
    padding: 10px 22px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-1 {
    padding: 8px 18px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-1 {
    padding: 7px 15px;
  }
}
#section-kv .sticky-item .content-container .btn-wrapper .btn-2 {
  border: 1px solid #fff;
  border-radius: 4px;
}
@media (min-width: 1800px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-2 {
    margin-left: 22px;
    padding: 10px 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1799px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-2 {
    margin-left: 18px;
    padding: 8px 17px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #section-kv .sticky-item .content-container .btn-wrapper .btn-2 {
    margin-left: 15px;
    padding: 7px 14px;
  }
}
body:not(.no-scroll) {
  background: #000;
}
#oc-header {
  display: none;
}
#oc-container {
  padding: 0;
}
.sub:before {
  content: '';
}
@media (min-width: 1200px) {
  .ucm31-pc {
    display: block;
  }
  .ucm31-pc .down-m31 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #006ee6;
    width: 12rem;
    height: 4rem;
    border-radius: 0.25rem;
    color: #fff;
    position: relative;
    left: 10rem;
    bottom: 4rem;
  }
  .ucm31-pc .down-m31 i {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg);
    margin-left: 1rem;
  }
  .ucm31-pc .down-m31 i::before {
    content: '';
    display: block;
    width: 1rem;
    height: 2px;
    position: absolute;
    top: 0;
    background: #fff;
  }
  .ucm31-pc .down-m31 i::after {
    content: '';
    display: block;
    height: 1rem;
    width: 2px;
    position: absolute;
    right: 0;
    background: #fff;
  }
  .ucm31-mb {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ucm31-pc {
    display: none;
  }
  .ucm31-mb {
    display: block;
  }
  .ucm31-mb .text1 {
    font-family: Roboto-Medium;
    font-size: 6.93333333vw;
    line-height: 8.53333333vw;
  }
  .ucm31-mb .text2 {
    opacity: 0.7;
    font-family: OpenSans;
    font-size: 3.73333333vw;
    line-height: 5.33333333vw;
  }
  .ucm31-mb .text3 {
    font-size: 4.8vw;
    line-height: 8vw;
  }
  .ucm31-mb .text4 {
    font-size: 8vw;
  }
  .ucm31-mb .text5 {
    font-size: 5.33333333vw;
  }
  .ucm31-mb .text6 {
    font-size: 4.8vw;
    line-height: 5.33333333vw;
  }
  .ucm31-mb .text7 {
    font-size: 4.26666667vw;
    line-height: 8.53333333vw;
  }
  .ucm31-mb .p1-box {
    height: 166.13333333vw;
    padding: 14.4vw 5.06666667vw 0;
    color: white;
  }
  .ucm31-mb .p1-box .text5 {
    margin: 2.66666667vw 0 6.66666667vw;
  }
  .ucm31-mb .p1-box .btn {
    padding: 2.66666667vw 5.86666667vw;
    border-radius: 1.06666667vw;
    text-align: center;
    font-size: 3.46666667vw;
    line-height: 6.4vw;
    align-items: center;
    justify-content: center;
  }
  .ucm31-mb .p1-box .btn:nth-child(1) {
    background: #006ee6;
    color: white;
    margin-right: 5.33333333vw;
  }
  .ucm31-mb .p1-box .btn:nth-child(1) .arrow::after,
  .ucm31-mb .p1-box .btn:nth-child(1) .arrow::before {
    background: white;
  }
  .ucm31-mb .p1-box .btn:nth-child(2) {
    border: 0.26666667vw solid white;
  }
  .ucm31-mb .p1-box .btn:nth-child(2) .arrow::after,
  .ucm31-mb .p1-box .btn:nth-child(2) .arrow::before {
    background: white;
  }
  .ucm31-mb .arrow {
    display: inline-block;
    position: relative;
    transform: rotateZ(135deg);
    margin-left: 5.6vw;
  }
  .ucm31-mb .arrow::after {
    content: '';
    display: inline-block;
    width: 2.4vw;
    height: 0.53333333vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .ucm31-mb .arrow::before {
    content: '';
    display: inline-block;
    height: 2.4vw;
    width: 0.53333333vw;
    position: absolute;
    top: 0;
    left: 0;
  }
  .ucm31-mb .bg-black {
    background-color: black;
    color: white;
  }
  .ucm31-mb .w654 {
    width: 87.2vw;
  }
  .ucm31-mb .w686 {
    width: 91.46666667vw;
  }
  .ucm31-mb .p2 {
    padding: 26.4vw 0 15.73333333vw;
  }
  .ucm31-mb .p2 .text3 {
    margin-bottom: 8vw;
  }
  .ucm31-mb .p3 .text5 {
    margin: 4.26666667vw 0;
  }
  .ucm31-mb .p3 img {
    margin: 8vw 0 19.46666667vw;
  }
  .ucm31-mb .p3 video {
    margin-bottom: 23.46666667vw;
  }
  .ucm31-mb .linear-color {
    font-family: Roboto-Medium;
    color: transparent;
    background-image: linear-gradient(to right, #697dff, #75c5f4);
    -webkit-background-clip: text;
  }
  .ucm31-mb .p4 .text5 {
    margin: 4.26666667vw 0;
  }
  .ucm31-mb .p4 img {
    margin: 8vw 0 18.13333333vw;
  }
  .ucm31-mb .p5 .text5 {
    margin: 4.26666667vw 0;
  }
  .ucm31-mb .p5 img {
    margin: 8vw 0 23.46666667vw;
  }
  .ucm31-mb .p6 .text2 {
    margin: 4.26666667vw 0 8.53333333vw;
  }
  .ucm31-mb .p6-toggle {
    overflow: scroll;
  }
  .ucm31-mb .p6-toggle::-webkit-scrollbar {
    display: none;
  }
  .ucm31-mb .p6-list {
    width: 209.06666667vw;
    padding: 0 6.4vw;
    margin-left: 0;
    transition: margin-left 0.6s;
  }
  .ucm31-mb .p6-item {
    position: relative;
  }
  .ucm31-mb .p6-item img {
    height: 6.66666667vw;
  }
  .ucm31-mb .p6-item img:nth-child(1) {
    opacity: 1;
  }
  .ucm31-mb .p6-item img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .ucm31-mb .p6-item.on img:nth-child(1) {
    opacity: 0;
  }
  .ucm31-mb .p6-item.on img:nth-child(2) {
    opacity: 1;
  }
  .ucm31-mb .p6-img {
    height: 106.13333333vw;
    position: relative;
    margin: 10.66666667vw 0 17.86666667vw;
  }
  .ucm31-mb .p6-img img {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity 0.6s;
  }
  .ucm31-mb .p6-img img.on {
    opacity: 1;
  }
  .ucm31-mb .p6-img img:nth-child(1) {
    opacity: 1;
  }
  .ucm31-mb .p6-img .flex {
    position: absolute;
    bottom: 9.6vw;
  }
  .ucm31-mb .p6-tip {
    width: 1.6vw;
    height: 1.6vw;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin: 0 1.06666667vw;
  }
  .ucm31-mb .p6-tip.on {
    background: #72b1f6;
  }
  .ucm31-mb .p7 .text5 {
    margin: 6.4vw 0 4.26666667vw;
  }
  .ucm31-mb .p7 .w100 {
    overflow: scroll;
    margin: 8vw 0 3.2vw;
  }
  .ucm31-mb .p7 > img {
    margin: 18.66666667vw 0 3.2vw;
  }
  .ucm31-mb .p7 .text7:last-child {
    margin-bottom: 21.33333333vw;
  }
  .ucm31-mb .p7-img {
    width: 266.93333333vw;
    height: 53.33333333vw;
    padding: 0 1.06666667vw;
  }
  .ucm31-mb .p7-img img {
    width: 85.33333333vw;
    height: 53.33333333vw;
  }
  .ucm31-mb .w606 {
    width: 80.8vw;
  }
  .ucm31-mb .p8 {
    background-color: white;
  }
  .ucm31-mb .p8 img:nth-child(1) {
    margin: 21.33333333vw 0 13.06666667vw;
  }
  .ucm31-mb .p8 .text2:nth-child(3) {
    margin: 6.4vw 0 15.46666667vw;
  }
  .ucm31-mb .p8 .w654:nth-child(5) {
    margin: 8vw 0 18.66666667vw;
  }
  .ucm31-mb .p8 .w654:nth-child(7) {
    margin: 7.46666667vw 0 23.2vw;
  }
  .ucm31-mb .p9 {
    padding: 21.33333333vw 0 16vw;
  }
  .ucm31-mb .p9 .text5 {
    margin: 5.33333333vw 0 4.26666667vw;
  }
  .ucm31-mb .p9 img {
    margin-top: 8vw;
  }
  .ucm31-mb .p10 {
    height: 140.53333333vw;
    padding: 18.66666667vw 5.33333333vw 0;
  }
  .ucm31-mb .p10 .text2:nth-child(3) {
    margin-top: 61.86666667vw;
  }
  .ucm31-mb .p10-text1 {
    font-family: Roboto-Medium;
    font-size: 6.4vw;
    line-height: 8vw;
    margin-bottom: 4.26666667vw;
  }
  .ucm31-mb .down-m31 {
    background: #fafafa;
    padding: 5.33333333vw;
  }
  .ucm31-mb .down-m31 .btn {
    padding: 2.66666667vw 5.86666667vw;
    border-radius: 1.06666667vw;
    text-align: center;
    font-size: 3.46666667vw;
    line-height: 6.4vw;
    align-items: center;
    justify-content: center;
  }
  .ucm31-mb .down-m31 .btn:nth-child(1) {
    background: #006ee6;
    color: white;
    margin-right: 5.33333333vw;
  }
  .ucm31-mb .down-m31 .btn:nth-child(1) .arrow::after,
  .ucm31-mb .down-m31 .btn:nth-child(1) .arrow::before {
    background: white;
  }
}