/**
 * Powered by ;
 * vivo-product-2023 - ;
 * Version: 1.22.1;
 * Released on: 2025-07-04;
 */

@charset "UTF-8";

.hide {
  display: none;
}

.gb-lang-id .y29-kv .umx-figure-box {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 48.07292vw;
}

@media (max-width:720px) {
  .gb-lang-id .y29-kv .umx-figure-box {
    width: 100vw;
    height: 181.33333vw;
  }
}

.gb-lang-id .y29-kv .umx-figure-box .umx-figure {
  position: relative;
  width: 100%;
  height: 100%;
}

.gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
  background-image: url("../img/y29-kv-img1-lg.jpg");
  background-size: 1920px 923px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 923px;
  width: 100vw;
  height: 48.07292vw;
  background-size: 100vw 48.07292vw;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-image: url("../img/y29-kv-img1-lg-x2.jpg");
  }
}

.webp .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
  background-image: url("../img/y29-kv-img1-lg.jpg.webp");
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .webp .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-image: url("../img/y29-kv-img1-lg-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-image: url("../img/y29-kv-img1-mb.jpg");
    background-size: 375px 680px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 680px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-image: url("../img/y29-kv-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-image: url("../img/y29-kv-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-image: url("../img/y29-kv-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-kv .umx-figure-box .umx-figure figure.umx-f1 {
    background-size: 100vw 181.33333vw;
    width: 100vw;
    height: 181.33333vw;
  }
}

.gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
  background-image: url("../img/y29-ksp-img5-lg.jpg");
  background-size: 580px 560px;
  background-position: center;
  background-repeat: no-repeat;
  width: 580px;
  height: 560px;
  width: 30.20833vw;
  height: 29.16667vw;
  background-size: 30.20833vw 29.16667vw;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
    background-image: url("../img/y29-ksp-img5-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
    background-image: url("../img/y29-ksp-img5-mb.jpg");
    background-size: 315px 360px;
    background-position: center;
    background-repeat: no-repeat;
    width: 315px;
    height: 360px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
    background-image: url("../img/y29-ksp-img5-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
    background-image: url("../img/y29-ksp-img5-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
    background-image: url("../img/y29-ksp-img5-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-f5 {
    background-size: 84vw 96vw;
    width: 84vw;
    height: 96vw;
  }
}

.gb-lang-id .y29-ksp .umx-figure-box .umx-figure .umx-video-box {
  display: none;
}

.gb-lang-id .y29-color-top .umx-f1 {
  background-image: url("../img/y29-color-top-img1-lg.jpg");
  background-size: 1920px 1080px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 1080px;
  width: 100vw;
  height: 56.25vw;
  background-size: 100vw 56.25vw;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-color-top .umx-f1 {
    background-image: url("../img/y29-color-top-img1-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-color-top .umx-f1 {
    background-image: url("../img/y29-color-top-img1-mb.jpg");
    background-size: 375px 667px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 667px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-color-top .umx-f1 {
    background-image: url("../img/y29-color-top-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-color-top .umx-f1 {
    background-image: url("../img/y29-color-top-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-color-top .umx-f1 {
    background-image: url("../img/y29-color-top-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-color-top .umx-f1 {
    background-size: 100vw 177.86667vw;
    width: 100vw;
    height: 177.86667vw;
  }
}

.gb-lang-id .y29-color .umx-figure-box .color-button-box {
  bottom: 4.16667vw;
}

@media (max-width:720px) {
  .gb-lang-id .y29-color .umx-figure-box .color-button-box {
    bottom: initial;
  }
}

.gb-lang-id .y29-color .umx-figure-box .color-button-box ul li .umx-txt .umx-p2 {
  width: 560px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-color .umx-figure-box .color-button-box ul li .umx-txt .umx-p2 {
    width: 420px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-color .umx-figure-box .color-button-box ul li .umx-txt .umx-p2 {
    width: auto;
  }
}

.gb-lang-id .y39-elegant .umx-section {
  padding-top: 0;
}

@media (max-width:720px) {
  .gb-lang-id .y39-elegant .umx-section {
    padding-top: 60px;
  }
}

.gb-lang-id .y39-elegant .umx-figure {
  background: -webkit-gradient(linear,left bottom,left top,from(#e6f0f9),color-stop(133.75%,#fff)),-webkit-gradient(linear,left top,left bottom,from(#f6f9fe),to(#d4ddf1));
  background: -webkit-linear-gradient(bottom,#e6f0f9 0,#fff 133.75%),-webkit-linear-gradient(top,#f6f9fe 0,#d4ddf1 100%);
  background: linear-gradient(0deg,#e6f0f9 0,#fff 133.75%),linear-gradient(180deg,#f6f9fe 0,#d4ddf1 100%);
}

@media (max-width:720px) {
  .gb-lang-id .y39-elegant .umx-figure {
    background: 0 0;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-elegant {
    background: -webkit-gradient(linear,left bottom,left top,color-stop(-26.03%,#e6f0f9),color-stop(58.91%,#fff)),#fff;
    background: -webkit-linear-gradient(bottom,#e6f0f9 -26.03%,#fff 58.91%),#fff;
    background: linear-gradient(0deg,#e6f0f9 -26.03%,#fff 58.91%),#fff;
  }
}

.gb-lang-id .y29-elegant .umx-section {
  padding-top: 0;
  top: 45%;
}

@media (max-width:720px) {
  .gb-lang-id .y29-elegant .umx-section {
    padding-top: 60px;
    top: auto;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-elegant .umx-figure {
    width: 100vw;
    height: 59.2vw;
    margin-top: 0;
    margin-bottom: 20px;
  }
}

.gb-lang-id .y29-elegant .umx-figure .umx-f1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  background-image: url("../img/y29-elegant-img1-lg.png");
  background-size: 1049px 554px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1049px;
  height: 554px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-lg-x2.png");
  }
}

@media (min-width:1921px) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-lg.png");
    background-size: 1259px 665px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1259px;
    height: 665px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-lg.png");
    background-size: 786px 416px;
    background-position: center;
    background-repeat: no-repeat;
    width: 786px;
    height: 416px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-lg-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-mb.png");
    background-size: 375px 222px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 222px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-mb-x2.png");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-mb.png.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-image: url("../img/y29-elegant-img1-mb-x2.png.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-elegant .umx-figure .umx-f1 {
    background-size: 100vw 59.2vw;
    width: 100vw;
    height: 59.2vw;
  }
}

.gb-lang-id .y29-erase-top {
  display: block;
}

.gb-lang-id .y29-portraits .umx-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0;
}

@media (max-width:720px) {
  .gb-lang-id .y29-portraits .umx-section {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 60px;
  }
}

.gb-lang-id .y29-portraits .umx-section .umx-title .umx-intro,
.gb-lang-id .y29-portraits .umx-section .umx-title .umx-main-title,
.gb-lang-id .y29-portraits .umx-section .umx-title .umx-vice-title {
  width: 640px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-portraits .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-portraits .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-portraits .umx-section .umx-title .umx-vice-title {
    width: 480px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-portraits .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-portraits .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-portraits .umx-section .umx-title .umx-vice-title {
    width: auto;
  }
}

.gb-lang-id .y29-portraits .umx-figure {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 381px;
  height: 824px;
  margin: 128px 0 150px 380px;
}

@media (min-width:1921px) {
  .gb-lang-id .y29-portraits .umx-figure {
    width: 457.2px;
    height: 988.8px;
    margin: 153.6px 0 180px 456px;
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-portraits .umx-figure {
    width: 285.75px;
    height: 618px;
    margin: 96px 0 96px 285px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-portraits .umx-figure {
    width: 61.06667vw;
    height: 131.86667vw;
    margin: 40px 0 60px 0;
  }
}

.gb-lang-id .y29-portraits .umx-figure .umx-f1 {
  background-image: url("../img/y29-portraits-img1-lg.jpg");
  background-size: 381px 824px;
  background-position: center;
  background-repeat: no-repeat;
  width: 381px;
  height: 824px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-lg-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-lg.jpg");
    background-size: 457px 988px;
    background-position: center;
    background-repeat: no-repeat;
    width: 457px;
    height: 988px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-lg.jpg");
    background-size: 285px 618px;
    background-position: center;
    background-repeat: no-repeat;
    width: 285px;
    height: 618px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-mb.jpg");
    background-size: 229px 494px;
    background-position: center;
    background-repeat: no-repeat;
    width: 229px;
    height: 494px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-image: url("../img/y29-portraits-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-portraits .umx-figure .umx-f1 {
    background-size: 61.06667vw 131.86667vw;
    width: 61.06667vw;
    height: 131.86667vw;
  }
}

.gb-lang-id .y29-battery .umx-section .umx-title .umx-data-items li {
  margin-right: 80px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-battery .umx-section .umx-title .umx-data-items li {
    margin-right: 30px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-battery .umx-section .umx-title .umx-data-items li {
    margin-right: 0;
    width: 50%;
  }
}

.gb-lang-id .y29-experience {
  background: #fff;
}

.gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items {
  display: block;
}

.gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
}

@media (max-width:720px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li {
    width: 100%;
  }
}

.gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon1 {
  background-image: url("../img/y29-durability-icon1-lg.png");
  background-size: 235px 79px;
  background-position: center;
  background-repeat: no-repeat;
  width: 235px;
  height: 79px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon1 {
    background-image: url("../img/y29-durability-icon1-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon1 {
    background-image: url("../img/y29-durability-icon1-lg.png");
    background-size: 176px 59px;
    background-position: center;
    background-repeat: no-repeat;
    width: 176px;
    height: 59px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon1 {
    background-image: url("../img/y29-durability-icon1-lg-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon1 {
    background-image: url("../img/y29-durability-icon1-lg.png");
    background-size: 136px 45px;
    background-position: center;
    background-repeat: no-repeat;
    width: 136px;
    height: 45px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon1 {
    background-image: url("../img/y29-durability-icon1-lg-x2.png");
  }
}

.gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon2 {
  background-image: url("../img/y29-durability-icon2-lg.png");
  background-size: 112px 111px;
  background-position: center;
  background-repeat: no-repeat;
  width: 112px;
  height: 111px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon2 {
    background-image: url("../img/y29-durability-icon2-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon2 {
    background-image: url("../img/y29-durability-icon2-lg.png");
    background-size: 84px 83px;
    background-position: center;
    background-repeat: no-repeat;
    width: 84px;
    height: 83px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon2 {
    background-image: url("../img/y29-durability-icon2-lg-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon2 {
    background-image: url("../img/y29-durability-icon2-lg.png");
    background-size: 64px 64px;
    background-position: center;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li .umx-icon2 {
    background-image: url("../img/y29-durability-icon2-lg-x2.png");
  }
}

.gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li p {
  color: #6e6e73;
  margin-left: 28px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li p {
    margin-left: 21px;
  }
}

.gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li.umx-li1 {
  margin-bottom: 50px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li.umx-li1 {
    margin-right: 37.5px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-shock .umx-section .umx-title .umx-data-items li.umx-li1 {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.gb-lang-id .y29-durability .umx-section1 .umx-title .umx-data-items {
  display: none;
}

.gb-lang-id .y29-durability .umx-figure1 {
  margin-top: 100px;
}

@media (min-width:1921px) {
  .gb-lang-id .y29-durability .umx-figure1 {
    margin-top: 120px;
  }
}

@media (max-width:1600px) {
  .gb-lang-id .y29-durability .umx-figure1 {
    margin-top: 50px;
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-durability .umx-figure1 {
    margin-top: 50px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-durability .umx-figure1 {
    margin-top: 0;
  }
}

.gb-lang-id .y29-water .umx-section .umx-title .umx-data-items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width:720px) {
  .gb-lang-id .y29-water .umx-section .umx-title .umx-data-items {
    margin-bottom: 30px;
  }
}

.gb-lang-id .y29-water .umx-section .umx-title .umx-data-items li {
  margin-bottom: 30px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-water .umx-section .umx-title .umx-data-items li {
    margin-right: 60px;
  }
}

.gb-lang-id .y29-water .umx-section .umx-title .umx-data-items li:last-child {
  margin-right: 0;
}

.gb-lang-id .y29-performance .umx-section {
  position: absolute;
  padding-top: 150px;
}

@media (max-width:720px) {
  .gb-lang-id .y29-performance .umx-section {
    position: relative;
    padding-top: 60px;
  }
}

.gb-lang-id .y29-performance .umx-section .umx-title .umx-intro,
.gb-lang-id .y29-performance .umx-section .umx-title .umx-main-title,
.gb-lang-id .y29-performance .umx-section .umx-title .umx-vice-title {
  width: 710px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-vice-title {
    width: 620px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-vice-title {
    width: auto;
  }
}

.gb-lang-id .y29-performance .umx-section .umx-title .umx-data-items {
  display: block;
}

@media (max-width:720px) {
  .gb-lang-id .y29-performance .umx-section .umx-title .umx-data-items li {
    width: 100%;
  }
}

.gb-lang-id .y29-performance .umx-figure {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1920px;
  height: 1080px;
}

@media (min-width:1921px) {
  .gb-lang-id .y29-performance .umx-figure {
    width: 2561.28px;
    height: 1440.72px;
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-performance .umx-figure {
    width: 1440px;
    height: 810px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-performance .umx-figure {
    width: 100vw;
    height: 137.86667vw;
  }
}

.gb-lang-id .y29-performance .umx-figure .umx-f1 {
  background-image: url("../img/y29-performance-img1-lg.jpg");
  background-size: 1920px 1080px;
  background-position: center;
  background-repeat: no-repeat;
  width: 1920px;
  height: 1080px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-lg-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-lg.jpg");
    background-size: 2561px 1440px;
    background-position: center;
    background-repeat: no-repeat;
    width: 2561px;
    height: 1440px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-lg.jpg");
    background-size: 1440px 810px;
    background-position: center;
    background-repeat: no-repeat;
    width: 1440px;
    height: 810px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-mb.jpg");
    background-size: 375px 517px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 517px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-image: url("../img/y29-performance-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-performance .umx-figure .umx-f1 {
    background-size: 100vw 137.86667vw;
    width: 100vw;
    height: 137.86667vw;
  }
}

.gb-lang-id .y29-search .umx-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0;
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-section {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 60px;
  }
}

.gb-lang-id .y29-search .umx-section .umx-title {
  width: 1200px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-search .umx-section .umx-title {
    width: 980px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-section .umx-title {
    width: auto;
  }
}

.gb-lang-id .y29-search .umx-section .umx-title .umx-main-title {
  line-height: 1.13;
  font-size: 73px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-main-title {
    font-size: 54px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-main-title {
    font-size: 32px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.gb-lang-id .y29-search .umx-section .umx-title .umx-intro,
.gb-lang-id .y29-search .umx-section .umx-title .umx-main-title,
.gb-lang-id .y29-search .umx-section .umx-title .umx-vice-title {
  width: 700px;
  margin-top: 0;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-search .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-search .umx-section .umx-title .umx-vice-title {
    width: 525px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-search .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-search .umx-section .umx-title .umx-vice-title {
    width: auto;
  }
}

.gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
  position: relative;
  margin-left: 60%;
  background-image: url("../img/y29-os-icon1-lg.png");
  background-size: 250px 45px;
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 45px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
    background-image: url("../img/y29-os-icon1-lg-x2.png");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
    background-image: url("../img/y29-os-icon1-lg.png");
    background-size: 187px 33px;
    background-position: center;
    background-repeat: no-repeat;
    width: 187px;
    height: 33px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
    background-image: url("../img/y29-os-icon1-lg-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
    background-image: url("../img/y29-os-icon1-lg.png");
    background-size: 125px 22px;
    background-position: center;
    background-repeat: no-repeat;
    width: 125px;
    height: 22px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
    background-image: url("../img/y29-os-icon1-lg-x2.png");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-section .umx-title .umx-icon1 {
    margin-left: 55%;
  }
}

.gb-lang-id .y29-search .umx-pic-box {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 417.6px;
  height: 928px;
  margin: 120px 0 100px 360px;
}

@media (min-width:1921px) {
  .gb-lang-id .y29-search .umx-pic-box {
    width: 525.6px;
    height: 1168px;
    margin: 160.08px 0 133.4px 480.24px;
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-search .umx-pic-box {
    width: 313.2px;
    height: 696px;
    margin: 90px 0 75px 270px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-pic-box {
    width: 55.68vw;
    height: 123.73333vw;
    margin: 40px 0 60px 0;
  }
}

.gb-lang-id .y29-search .umx-pic-box .umx-video-box {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 417.6px;
  height: 928px;
}

@media (min-width:1921px) {
  .gb-lang-id .y29-search .umx-pic-box .umx-video-box {
    width: 525.6px;
    height: 1168px;
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-search .umx-pic-box .umx-video-box {
    width: 313.2px;
    height: 696px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-search .umx-pic-box .umx-video-box {
    position: relative;
    width: 55.68vw;
    height: 123.73333vw;
  }
}

.gb-lang-id .y29-search .umx-pic-box .umx-video-box .umx-os-video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.gb-lang-id .y29-search .umx-pic-box .umx-video-box .umx-os-video video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.gb-lang-id .y29-search .umx-pic-box .umx-video-box .umx-os-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

.gb-lang-id .y29-dual-top {
  display: block;
}

.gb-lang-id .y29-dual {
  background: #fff;
}

.gb-lang-id .y29-dual .umx-section .umx-title .umx-vice-title {
  color: #1d1d1f;
}

.gb-lang-id .y29-dual .umx-section .umx-title .umx-main-title {
  color: #000;
}

.gb-lang-id .y29-dual .umx-section .umx-title .umx-main-title .umx-sp {
  color: #000;
}

.gb-lang-id .y29-dual .umx-section .umx-title .umx-intro {
  color: #6e6e73;
}

.gb-lang-id .y29-dual .umx-section .umx-title .umx-data-items li strong {
  color: #1d1d1f;
}

.gb-lang-id .y29-dual .umx-section .umx-title .umx-data-items li p {
  color: #4a4a4a;
}

.gb-lang-id .y29-smarter {
  background: #fff;
}

.gb-lang-id .y29-smarter .umx-section .umx-title .umx-vice-title {
  color: #1d1d1f;
}

.gb-lang-id .y29-smarter .umx-section .umx-title .umx-main-title {
  color: #000;
}

.gb-lang-id .y29-smarter .umx-section .umx-title .umx-main-title .umx-sp {
  color: #000;
}

.gb-lang-id .y29-smarter .umx-section .umx-title .umx-intro {
  color: #6e6e73;
}

.gb-lang-id .y29-smarter .umx-section .umx-title .umx-data-items li strong {
  color: #1d1d1f;
}

.gb-lang-id .y29-smarter .umx-section .umx-title .umx-data-items li p {
  color: #4a4a4a;
}

@media (max-width:720px) {
  .gb-lang-id .y29-charge .umx-f1 {
    background-image: url("../img/y29-charge-img1-mb.jpg");
    background-size: 375px 259px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 259px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-charge .umx-f1 {
    background-image: url("../img/y29-charge-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-charge .umx-f1 {
    background-image: url("../img/y29-charge-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-charge .umx-f1 {
    background-image: url("../img/y29-charge-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-charge .umx-f1 {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 100vw 69.06667vw;
    width: 100vw;
    height: 69.06667vw;
  }
}

.gb-lang-id .y29-seamless .umx-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0;
}

@media (max-width:720px) {
  .gb-lang-id .y29-seamless .umx-section {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 60px;
  }
}

.gb-lang-id .y29-seamless .umx-section .umx-title .umx-intro,
.gb-lang-id .y29-seamless .umx-section .umx-title .umx-main-title,
.gb-lang-id .y29-seamless .umx-section .umx-title .umx-vice-title {
  width: 510px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-seamless .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-seamless .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-seamless .umx-section .umx-title .umx-vice-title {
    width: 490px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-seamless .umx-section .umx-title .umx-intro,
  .gb-lang-id .y29-seamless .umx-section .umx-title .umx-main-title,
  .gb-lang-id .y29-seamless .umx-section .umx-title .umx-vice-title {
    width: auto;
  }
}

.gb-lang-id .y29-seamless .umx-figure {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 650px;
  height: 867px;
  margin: 128px 0 150px 380px;
  border-radius: 20px;
  overflow: hidden;
}

@media (min-width:1921px) {
  .gb-lang-id .y29-seamless .umx-figure {
    width: 780px;
    height: 1040.4px;
    margin: 153.6px 0 180px 456px;
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-seamless .umx-figure {
    width: 487.5px;
    height: 650.25px;
    margin: 96px 0 96px 285px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-seamless .umx-figure {
    width: 84vw;
    height: 105.86667vw;
    border-radius: 12px;
    margin: 40px 0 60px 0;
  }
}

.gb-lang-id .y29-seamless .umx-figure .umx-f1 {
  background-image: url("../img/y29-seamless-img1-lg.jpg");
  background-size: 650px 867px;
  background-position: center;
  background-repeat: no-repeat;
  width: 650px;
  height: 867px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-lg-x2.jpg");
  }
}

@media (min-width:1921px) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-lg.jpg");
    background-size: 780px 1040px;
    background-position: center;
    background-repeat: no-repeat;
    width: 780px;
    height: 1040px;
  }
}

@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-lg.jpg");
    background-size: 487px 650px;
    background-position: center;
    background-repeat: no-repeat;
    width: 487px;
    height: 650px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-mb.jpg");
    background-size: 315px 397px;
    background-position: center;
    background-repeat: no-repeat;
    width: 315px;
    height: 397px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-image: url("../img/y29-seamless-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-seamless .umx-figure .umx-f1 {
    background-size: 84vw 105.86667vw;
    width: 84vw;
    height: 105.86667vw;
  }
}

.gb-lang-id .y29-fluid .umx-figure {
  margin-top: 0;
}

.gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
  display: block;
  bottom: 0;
  background-image: url("../img/y29-os-img1-lg.jpg");
  background-size: 590px 886px;
  background-position: center;
  background-repeat: no-repeat;
  width: 590px;
  height: 886px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-lg.jpg");
    background-size: 442px 664px;
    background-position: center;
    background-repeat: no-repeat;
    width: 442px;
    height: 664px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-mb.jpg");
    background-size: 315px 375px;
    background-position: center;
    background-repeat: no-repeat;
    width: 315px;
    height: 375px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-image: url("../img/y29-os-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-f1 {
    background-size: 84vw 100vw;
    width: 84vw;
    height: 100vw;
    position: relative;
    margin-top: -60px;
  }
}

.gb-lang-id .y29-os .umx-figure-box .umx-figure .umx-video-box {
  display: none;
}

@media (max-width:720px) {
  .gb-lang-id .y29-capture .umx-figure-box .line-box .txt-box svg {
    display: none;
  }
}

.gb-lang-id .y29-erase .umx-section {
  position: relative;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.gb-lang-id .y29-erase .umx-section .umx-title .umx-intro,
.gb-lang-id .y29-erase .umx-section .umx-title .umx-main-title,
.gb-lang-id .y29-erase .umx-section .umx-title .umx-vice-title {
  width: auto;
}

.gb-lang-id .y29-erase .umx-figure {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1200px;
  height: 547px;
  margin-top: 40px;
  margin-bottom: 110px;
}

@media (max-width:1440px) {
  .gb-lang-id .y29-erase .umx-figure {
    width: 982.88px;
    height: 446.352px;
    margin-bottom: 89.76px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-erase .umx-figure {
    display: block;
    width: 84vw;
    height: auto;
    margin-bottom: 60px;
  }
}

.gb-lang-id .y29-erase .umx-figure .umx-f1 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-image: url("../img/y29-erase-img1-lg.jpg");
  background-size: 590px 547px;
  background-position: center;
  background-repeat: no-repeat;
  width: 590px;
  height: 547px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-lg.jpg");
    background-size: 481px 446px;
    background-position: center;
    background-repeat: no-repeat;
    width: 481px;
    height: 446px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-mb.jpg");
    background-size: 315px 275px;
    background-position: center;
    background-repeat: no-repeat;
    width: 315px;
    height: 275px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-image: url("../img/y29-erase-img1-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f1 {
    background-size: 84vw 73.33333vw;
    width: 84vw;
    height: 73.33333vw;
    border-radius: 12px;
  }
}

.gb-lang-id .y29-erase .umx-figure .umx-f2 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-image: url("../img/y29-erase-img2-lg.jpg");
  background-size: 590px 547px;
  background-position: center;
  background-repeat: no-repeat;
  width: 590px;
  height: 547px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-lg-x2.jpg");
  }
}

@media (max-width:1440px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-lg.jpg");
    background-size: 481px 446px;
    background-position: center;
    background-repeat: no-repeat;
    width: 481px;
    height: 446px;
  }
}

@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-lg-x2.jpg");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-mb.jpg");
    background-size: 315px 275px;
    background-position: center;
    background-repeat: no-repeat;
    width: 315px;
    height: 275px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-mb-x2.jpg");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-mb.jpg.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-image: url("../img/y29-erase-img2-mb-x2.jpg.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    background-size: 84vw 73.33333vw;
    width: 84vw;
    height: 73.33333vw;
    border-radius: 12px;
  }
}

@media (max-width:720px) {
  .gb-lang-id .y29-erase .umx-figure .umx-f2 {
    margin-top: 10px;
  }
}

.gb-lang-id .umx-stage.umx-stage-tips .umx-tip-content li a {
  color: #666;
  text-decoration: underline;
}