html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  overflow-x: hidden;
}

body {
  line-height: 1;
  overflow: hidden;
}

blockquote,
q {
  quotes: none;
}

ul {
  list-style: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "TT-Norms";
  font-weight: 100;
  src: url("../font/TT Norms Pro Thin.otf") format("opentype");
}
@font-face {
  font-family: "TT-Norms";
  font-weight: 300;
  src: url("../font/TT Norms Pro Light.otf") format("opentype");
}
@font-face {
  font-family: "TT-Norms";
  font-weight: 400;
  src: url("../font/TT Norms Pro Regular.otf") format("opentype");
}
@font-face {
  font-family: "TT-Norms";
  font-weight: 500;
  src: url("../font/TT Norms Pro Medium.otf") format("opentype");
}
@font-face {
  font-family: "Myriad";
  font-weight: 400;
  src: url("../font/MyriadPro-Regular.otf") format("opentype");
}
body {
  background-color: #000000;
}
body button {
  border-style: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.SEO_text {
  height: 0;
  overflow: hidden;
}

sup {
  vertical-align: super;
}

.pc-hide {
  display: none;
}

*:focus:focus-visible {
  outline: #f70023 solid 3px !important;
}
.is-ios *:focus:focus-visible {
  outline: none !important;
}

@media screen and (max-width: 960px) {
  .m-hide {
    display: none !important;
  }
  .m-show {
    display: block;
  }
}
#AsusIFA-Event_2026 {
  --scale: 1;
}
@media (max-width: 1600px) {
  #AsusIFA-Event_2026 {
    --scale: 0.63;
  }
}
@media (max-width: 1200px) {
  #AsusIFA-Event_2026 {
    --scale: 0.53;
  }
}
#AsusIFA-Event_2026 .main {
  max-width: calc(2560px * var(--scale));
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
#AsusIFA-Event_2026 .main .section-kv {
  width: 100%;
  height: calc(848px * var(--scale));
  position: relative;
}
#AsusIFA-Event_2026 .main .section-kv .kv-bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(2560px * var(--scale));
  height: calc(848px * var(--scale));
  z-index: 0;
}
#AsusIFA-Event_2026 .main .section-kv .kv-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#AsusIFA-Event_2026 .main .section-kv .title-box {
  position: absolute;
  z-index: 1;
  top: calc(230px * var(--scale));
  left: 50%;
  margin-left: calc(-750px * var(--scale));
  font-size: calc(100px * var(--scale));
  font-family: "TT-Norms";
  font-weight: 500;
  line-height: 1.25;
}
#AsusIFA-Event_2026 .main .section-kv .title-box .title-1 {
  width: 100%;
  color: #ffffff;
}
#AsusIFA-Event_2026 .main .section-kv .title-box .title-2 {
  width: 100%;
  background: linear-gradient(90deg, #FF2CFB 0%, #792CFF 52.88%, #3C43FF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: calc(70px * var(--scale));
}
#AsusIFA-Event_2026 .main .section-kv .title-box .br {
  display: block;
}
@media screen and (max-width: 960px) {
  #AsusIFA-Event_2026 .main {
    max-width: calc(100vw * 1080 / 1080);
  }
  #AsusIFA-Event_2026 .main .section-kv {
    height: calc(100vw * 890 / 1080);
  }
  #AsusIFA-Event_2026 .main .section-kv .kv-bg {
    width: calc(100vw * 1080 / 1080);
    height: calc(100vw * 991 / 1080);
  }
  #AsusIFA-Event_2026 .main .section-kv .title-box {
    top: calc(100vw * 150 / 1080);
    left: calc(100vw * 60 / 1080);
    margin-left: 0;
    font-size: calc(100vw * 80 / 1080);
    line-height: 1.25;
  }
  #AsusIFA-Event_2026 .main .section-kv .title-box .title-1 {
    margin-bottom: calc(100vw * 10 / 1080);
  }
  #AsusIFA-Event_2026 .main .section-kv .title-box .title-2 {
    width: calc(100vw * 520 / 1080);
    font-size: calc(100vw * 72 / 1080);
  }
  #AsusIFA-Event_2026 .main .section-kv .title-box .br {
    display: inline;
  }
}
#AsusIFA-Event_2026 .section-products {
  color: #fff;
  font-family: "TT-Norms";
  font-weight: 400;
  margin-top: calc(-15px * var(--scale));
  position: relative;
  z-index: 2;
}
#AsusIFA-Event_2026 .section-products a {
  display: block;
  text-decoration: none;
  color: #fff;
}
#AsusIFA-Event_2026 .section-products .tabs-outside-box {
  display: none;
  width: 100%;
  border-bottom: 1px solid #fff;
  text-align: center;
}
#AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box {
  display: none;
  width: calc(1600px * var(--scale));
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  column-gap: calc(80px * var(--scale));
  box-sizing: border-box;
}
#AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box .tab {
  color: #fff;
  font-family: "TT-Norms";
  font-weight: 400;
  font-size: calc(40px * var(--scale));
  padding: calc(20px * var(--scale)) 0;
  text-shadow: none;
  transition: text-shadow 0.3s linear;
}
#AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box .tab:focus:focus-visible {
  text-decoration: underline;
  text-shadow: #1576dc calc(3px * var(--scale)) calc(3px * var(--scale)) calc(5px * var(--scale)), #1576dc calc(-3px * var(--scale)) calc(-3px * var(--scale)) calc(5px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box .tab:hover {
  cursor: pointer;
  text-decoration: underline;
  text-shadow: #1576dc calc(3px * var(--scale)) calc(3px * var(--scale)) calc(5px * var(--scale)), #1576dc calc(-3px * var(--scale)) calc(-3px * var(--scale)) calc(5px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box .tab.active {
  text-decoration: underline;
  text-shadow: #1576dc calc(3px * var(--scale)) calc(3px * var(--scale)) calc(5px * var(--scale)), #1576dc calc(-3px * var(--scale)) calc(-3px * var(--scale)) calc(5px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 {
  width: min(90%, 1600px * var(--scale));
  max-width: calc(1600px * var(--scale));
  margin: 0 auto;
  position: relative;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.5s linear, opacity 0.5s linear;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2.hidden {
  opacity: 0;
  transform: translateY(400px);
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper {
  width: 100%;
  padding-bottom: calc(95px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide {
  flex: 0 0 calc(20% - 10px);
  display: flex;
  flex-direction: column;
  height: auto;
  box-sizing: border-box;
  position: relative;
  background: radial-gradient(61.31% 22.39% at 9.06% 2.54%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(83.32% 35.75% at 96.49% 98.21%, rgba(94, 76, 255, 0.2) 0%, rgba(165, 47, 255, 0) 100%);
  padding: calc(24px * var(--scale)) calc(30px * var(--scale)) calc(100px * var(--scale));
  border-radius: calc(30px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: calc(30px * var(--scale));
  border: 2px solid transparent;
  background-image: linear-gradient(166.52deg, rgba(255, 255, 255, 0.08) 1.99%, rgba(255, 255, 255, 0.55) 11.95%, rgba(255, 255, 255, 0.44) 21.26%, rgba(255, 255, 255, 0.12) 30.39%, rgba(255, 255, 255, 0.16) 70.01%, rgba(255, 255, 255, 0.33) 79.08%, rgba(255, 255, 255, 0.34) 85.32%, rgba(255, 255, 255, 0.01) 99.04%);
  background-origin: border-box;
  mask-image: linear-gradient(white, white), linear-gradient(white, white);
  mask-composite: exclude, add;
  mask-clip: padding-box, border-box;
  pointer-events: none;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .name {
  text-align: center;
  font-size: calc(24px * var(--scale));
  white-space: nowrap;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .slogan {
  text-align: center;
  font-size: calc(18px * var(--scale));
  white-space: nowrap;
  margin-top: calc(12px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .icon-box {
  display: block;
  margin: calc(10px * var(--scale)) 0 0;
  padding-top: 14%;
  position: relative;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .icon-box img {
  display: block;
  width: 40%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100% - 52px);
  border-radius: calc(12px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .model {
  align-self: flex-end;
  font-size: calc(14px * var(--scale));
  padding-right: calc(10px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .img-box {
  width: calc(270px * var(--scale));
  height: calc(270px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .img-box .img {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .img-box .img:hover {
  transform: translateY(-10px);
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note {
  display: flex;
  flex-direction: column;
  gap: calc(12px * var(--scale));
  box-sizing: border-box;
  padding: calc(16px * var(--scale)) 0;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  list-style: none;
  padding-left: calc(20px * var(--scale));
  font-size: calc(18px * var(--scale));
  line-height: 1.5;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 1%;
  top: 0.6em;
  width: calc(5px * var(--scale));
  height: calc(5px * var(--scale));
  background-color: #fff;
  border-radius: 50%;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note li sup {
  font-size: calc(14px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .btn-learn-more {
  position: absolute;
  bottom: calc(36px * var(--scale));
  display: inline-block;
  text-align: center;
  font-weight: 500;
  border-radius: calc(50px * var(--scale));
  font-size: calc(24px * var(--scale));
  color: #fff;
  padding: calc(10px * var(--scale)) calc(24px * var(--scale)) calc(12px * var(--scale));
  box-sizing: border-box;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .btn-learn-more::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: calc(40px * var(--scale));
  border: 2px solid transparent;
  background-image: linear-gradient(270deg, #D33800 0%, #D10310 25.78%, #AD04C7 63.91%, #040CF5 100%);
  background-origin: border-box;
  mask-image: linear-gradient(white, white), linear-gradient(white, white);
  mask-composite: exclude, add;
  mask-clip: padding-box, border-box;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .btn-learn-more:hover {
  background: linear-gradient(270deg, #D33800 0%, #D10310 25.78%, #AD04C7 63.91%, #040CF5 100%);
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination {
  position: relative;
  left: 50%;
  bottom: calc(10px * var(--scale));
  transform: translateX(-50%);
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  width: calc(10px * var(--scale));
  height: calc(10px * var(--scale));
  border-radius: 50%;
  background-color: #898a8f;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  margin: auto calc(5px * var(--scale));
  opacity: 1;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  background-color: #000000;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: calc(30px * var(--scale));
  height: calc(10px * var(--scale));
  background-color: #0672cb;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: "";
  width: 0;
  transition: width 5s linear;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-next,
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-prev {
  top: 47%;
  width: calc(50px * var(--scale));
  height: calc(85px * var(--scale));
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-next::after,
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-prev::after {
  display: none;
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-next {
  right: 50%;
  background-image: url("../image/arrow_r.png");
  margin-right: calc(-800px * var(--scale));
}
#AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-prev {
  left: 50%;
  background-image: url("../image/arrow_l.png");
  margin-left: calc(-800px * var(--scale));
}
@media screen and (max-width: 960px) {
  #AsusIFA-Event_2026 .section-products {
    margin-top: calc(100vw * 100 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box {
    width: calc(100vw * 1020 / 1080);
    flex-wrap: wrap;
    justify-content: space-around;
    column-gap: calc(100vw * 50 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box .tab {
    font-size: calc(100vw * 52 / 1080);
    padding: calc(100vw * 27.5 / 1080) 0;
  }
  #AsusIFA-Event_2026 .section-products .tabs-outside-box .tabs-inside-box .tab.active {
    text-shadow: #1576dc calc(100vw * 2 / 1080) calc(100vw * 2 / 1080) calc(100vw * 10 / 1080), #1576dc calc(100vw * -2 / 1080) calc(100vw * -2 / 1080) calc(100vw * 10 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .card-anchor-before:focus:focus-visible,
  #AsusIFA-Event_2026 .section-products .card-box .card-anchor-after:focus:focus-visible {
    outline: none !important;
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper {
    padding-bottom: calc(100vw * 150 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide {
    flex: 0 0 auto;
    padding: calc(100vw * 24 / 1080) calc(100vw * 30 / 1080) calc(100vw * 130 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide::before {
    border-radius: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .name {
    font-size: calc(100vw * 36 / 1080);
    padding: calc(100vw * 20 / 1080) 0 0;
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .slogan {
    font-size: calc(100vw * 24 / 1080);
    margin-top: calc(100vw * 12 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .icon-box {
    margin-top: calc(100vw * 15 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content {
    border-radius: calc(100vw * 20 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .model {
    font-size: calc(100vw * 24 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .img-box {
    width: calc(100vw * 300 / 1080);
    height: calc(100vw * 300 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note {
    gap: calc(100vw * 30 / 1080);
    padding: calc(100vw * 50 / 1080) calc(100vw * 20 / 1080) calc(100vw * 35 / 1080) calc(100vw * 20 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note li {
    padding-left: calc(100vw * 20 / 1080);
    font-size: calc(100vw * 33 / 1080);
    line-height: 1.5;
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note li::before {
    content: "";
    left: 1%;
    top: calc(100vw * 20 / 1080);
    width: calc(100vw * 5 / 1080);
    height: calc(100vw * 5 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .note-box .note li sup {
    font-size: calc(14px * var(--scale));
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-wrapper .swiper-slide .card-content .btn-learn-more {
    width: 70%;
    bottom: calc(100vw * 50 / 1080);
    border-radius: calc(100vw * 12 / 1080);
    font-size: calc(100vw * 33 / 1080);
    padding: calc(100vw * 16 / 1080) 0;
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination {
    bottom: calc(100vw * 20 / 1080);
    display: flex;
    justify-content: center;
    gap: calc(100vw * 15 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    height: calc(100vw * 8 / 1080);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: calc(100vw * 12 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .mySwiper2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    height: calc(100vw * 8 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-next,
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-prev {
    width: calc(100vw * 68 / 1080);
    height: calc(100vw * 118 / 1080);
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-next {
    right: -6.5%;
    margin-right: 0;
  }
  #AsusIFA-Event_2026 .section-products .card-box .swiper-box2 .swiper-button-prev {
    left: -6.5%;
    margin-left: 0;
  }
}
#AsusIFA-Event_2026 .section-event-video {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../image/pc/bg_vdo.jpg");
  padding: calc(180px * var(--scale)) 0 calc(160px * var(--scale));
}
#AsusIFA-Event_2026 .section-event-video .video-box {
  display: flex;
  justify-content: center;
  gap: calc(40px * var(--scale));
  width: calc(1200px * var(--scale));
  margin: 0 auto;
}
#AsusIFA-Event_2026 .section-event-video .video {
  flex: 1;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../image/pc/vdo.jpg");
  border-radius: calc(30px * var(--scale));
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  cursor: pointer;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  position: relative;
  padding-top: 56.25%;
}
#AsusIFA-Event_2026 .section-event-video .video:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.8);
  outline-offset: 5px;
}
#AsusIFA-Event_2026 .section-event-video .video::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: calc(30px * var(--scale));
  border: 1px solid transparent;
  background-image: linear-gradient(166.52deg, rgba(255, 255, 255, 0.08) 1.99%, rgba(255, 255, 255, 0.55) 11.95%, rgba(255, 255, 255, 0.44) 21.26%, rgba(255, 255, 255, 0.12) 30.39%, rgba(255, 255, 255, 0.16) 70.01%, rgba(255, 255, 255, 0.33) 79.08%, rgba(255, 255, 255, 0.34) 85.32%, rgba(255, 255, 255, 0.01) 99.04%);
  background-origin: border-box;
  mask-image: linear-gradient(white, white), linear-gradient(white, white);
  mask-composite: exclude, add;
  mask-clip: padding-box, border-box;
  pointer-events: none;
  z-index: 2;
}
#AsusIFA-Event_2026 .section-event-video .video::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.53), rgba(0, 0, 0, 0.53)), radial-gradient(61.31% 22.39% at 9.06% 2.54%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
  border-radius: calc(30px * var(--scale));
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}
#AsusIFA-Event_2026 .section-event-video .video:focus::after, #AsusIFA-Event_2026 .section-event-video .video:hover::after {
  opacity: 0.6;
}
#AsusIFA-Event_2026 .section-event-video .video.is-visible {
  opacity: 1;
  transform: translateY(0);
}
#AsusIFA-Event_2026 .section-event-video .video.video1 {
  background-image: url("../image/pc/vdo1.jpg");
}
#AsusIFA-Event_2026 .section-event-video .video.video1::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.23), rgba(0, 0, 0, 0.23)), radial-gradient(61.31% 22.39% at 9.06% 2.54%, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
}
#AsusIFA-Event_2026 .section-event-video .title-box {
  font-size: calc(72px * var(--scale));
  font-family: "TT-Norms";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  display: inline-flex;
  flex-wrap: wrap;
  width: calc(540px * var(--scale));
  margin-bottom: calc(50px * var(--scale));
  line-height: 1.25;
  position: relative;
  z-index: 5;
}
#AsusIFA-Event_2026 .section-event-video .title-box .title {
  background: linear-gradient(90deg, #FF2CFB 0%, #792CFF 52.88%, #3C43FF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  display: block;
  text-align: left;
}
#AsusIFA-Event_2026 .section-event-video .btn-box {
  display: flex;
  gap: calc(14px * var(--scale));
  align-items: center;
  text-decoration: none;
  z-index: 5;
  pointer-events: none;
  position: absolute;
  left: calc(70px * var(--scale));
  bottom: calc(50px * var(--scale));
}
#AsusIFA-Event_2026 .section-event-video .btn-box .btn-icon-play {
  width: calc(80px * var(--scale));
  height: calc(80px * var(--scale));
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../image/icon_play.svg");
}
#AsusIFA-Event_2026 .section-event-video .btn-box .text {
  color: #fff;
  font-size: calc(40px * var(--scale));
  font-family: "TT-Norms";
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 960px) {
  #AsusIFA-Event_2026 .section-event-video {
    background-image: url("../image/mobile/bg_vdo_mobile.jpg");
    padding: calc(100vw * 150 / 1080) calc(100vw * 60 / 1080) calc(100vw * 86 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .video-box {
    flex-direction: column;
    gap: calc(100vw * 50 / 1080);
    width: 100%;
  }
  #AsusIFA-Event_2026 .section-event-video .video {
    margin: 0 auto;
    width: calc(100vw * 960 / 1080);
    border-radius: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .video::before {
    border-radius: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .video::after {
    border-radius: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .title-box {
    font-size: calc(100vw * 90 / 1080);
    width: calc(100vw * 500 / 1080);
    margin-bottom: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .btn-box {
    gap: calc(100vw * 14 / 1080);
    left: calc(100vw * 45 / 1080);
    bottom: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .btn-box .btn-icon-play {
    width: calc(100vw * 106 / 1080);
    height: calc(100vw * 106 / 1080);
  }
  #AsusIFA-Event_2026 .section-event-video .btn-box .text {
    font-size: calc(100vw * 50 / 1080);
  }
}
#AsusIFA-Event_2026 .section-faq {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../image/pc/bg_faq.jpg");
  padding: calc(86px * var(--scale)) 0 calc(170px * var(--scale));
}
#AsusIFA-Event_2026 .section-faq .faq {
  width: calc(1140px * var(--scale));
  margin: 0 auto;
}
#AsusIFA-Event_2026 .section-faq .faq-list {
  background-color: #000;
}
#AsusIFA-Event_2026 .section-faq .faq-list::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #fff;
}
#AsusIFA-Event_2026 .section-faq .faq-item {
  position: relative;
}
#AsusIFA-Event_2026 .section-faq .faq-item::before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
#AsusIFA-Event_2026 .section-faq .faq-item::after {
  content: "";
  display: block;
  background-image: url("../image/fag_open.svg");
  background-size: cover;
  background-position: center center;
  width: calc(21px * var(--scale));
  height: calc(21px * var(--scale));
  position: absolute;
  right: calc(22px * var(--scale));
  top: calc(34px * var(--scale));
  pointer-events: none;
}
#AsusIFA-Event_2026 .section-faq .faq-item summary {
  cursor: pointer;
  font-size: calc(28px * var(--scale));
  background: #fff;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  list-style: none;
  line-height: 1.25;
}
#AsusIFA-Event_2026 .section-faq .faq-item summary h3 {
  font-size: calc(34px * var(--scale));
  font-family: "TT-Norms";
  font-weight: 400;
  padding: calc(32px * var(--scale)) calc(60px * var(--scale)) calc(32px * var(--scale)) calc(32px * var(--scale));
}
#AsusIFA-Event_2026 .section-faq .faq-item[open]::before, #AsusIFA-Event_2026 .section-faq .faq-item:hover::before {
  background: linear-gradient(90deg, #FF2CFB 0%, #792CFF 52.88%, #3C43FF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
#AsusIFA-Event_2026 .section-faq .faq-item[open]::after, #AsusIFA-Event_2026 .section-faq .faq-item:hover::after {
  background-image: url("../image/fag_close.svg");
}
#AsusIFA-Event_2026 .section-faq .faq-item[open] summary, #AsusIFA-Event_2026 .section-faq .faq-item:hover summary {
  background: linear-gradient(90deg, #FF2CFB 0%, #792CFF 52.88%, #3C43FF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#AsusIFA-Event_2026 .section-faq .faq-item[open] {
  background: linear-gradient(180deg, rgba(151, 71, 255, 0.2) 0%, rgba(151, 71, 255, 0) 100%);
}
#AsusIFA-Event_2026 .section-faq .faq-item[open]::after {
  transform: rotate(180deg);
}
#AsusIFA-Event_2026 .section-faq .faq-item p {
  font-size: calc(26px * var(--scale));
  color: #fff;
  line-height: 1.8;
  font-family: "TT-Norms";
  font-weight: 400;
  padding: 0 calc(32px * var(--scale)) calc(32px * var(--scale)) calc(32px * var(--scale));
}
#AsusIFA-Event_2026 .section-faq .title {
  font-size: calc(72px * var(--scale));
  font-family: "TT-Norms";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: calc(80px * var(--scale));
  color: #fff;
}
#AsusIFA-Event_2026 .section-faq .title .color {
  background: linear-gradient(90deg, #FF2CFB 0%, #792CFF 52.88%, #3C43FF 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#AsusIFA-Event_2026 .section-faq .faq {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
#AsusIFA-Event_2026 .section-faq .faq.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 960px) {
  #AsusIFA-Event_2026 .section-faq {
    background-image: url("../image/mobile/bg_faq_mobile.jpg");
    background-position: center calc(100vw * 150 / 1080);
    background-size: 100% auto;
    padding: calc(100vw * 110 / 1080) calc(100vw * 60 / 1080);
  }
  #AsusIFA-Event_2026 .section-faq .faq {
    width: 100%;
  }
  #AsusIFA-Event_2026 .section-faq .faq-list::after {
    height: calc(100vw * 2 / 1080);
  }
  #AsusIFA-Event_2026 .section-faq .faq-item::before {
    height: calc(100vw * 2 / 1080);
  }
  #AsusIFA-Event_2026 .section-faq .faq-item::after {
    width: calc(100vw * 48 / 1080);
    height: calc(100vw * 48 / 1080);
    right: calc(100vw * 20 / 1080);
    top: calc(100vw * 32 / 1080);
  }
  #AsusIFA-Event_2026 .section-faq .faq-item summary h3 {
    font-size: calc(100vw * 50 / 1080);
    padding: calc(100vw * 32 / 1080) calc(100vw * 84 / 1080) calc(100vw * 32 / 1080) calc(100vw * 32 / 1080);
  }
  #AsusIFA-Event_2026 .section-faq .faq-item p {
    font-size: calc(100vw * 40 / 1080);
    padding: 0 calc(100vw * 84 / 1080) calc(100vw * 32 / 1080) calc(100vw * 32 / 1080);
  }
  #AsusIFA-Event_2026 .section-faq .title {
    font-size: calc(100vw * 84 / 1080);
    margin-bottom: calc(100vw * 156 / 1080);
  }
}
#AsusIFA-Event_2026 .section-banner {
  position: relative;
  padding: calc(106px * var(--scale)) 0 calc(250px * var(--scale));
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../image/pc/bg_invitation.jpg");
}
#AsusIFA-Event_2026 .section-banner .banner-box {
  width: calc(750px * var(--scale));
  margin: 0 auto;
  font-family: "TT-Norms";
  font-weight: 500;
  color: #fff;
  line-height: 1.25;
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
#AsusIFA-Event_2026 .section-banner .banner-box.is-visible {
  opacity: 1;
  transform: translateY(0);
}
#AsusIFA-Event_2026 .section-banner .banner-box .sub-name {
  font-size: calc(28px * var(--scale));
  background: linear-gradient(90deg, #FF8031 0%, #D10310 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#AsusIFA-Event_2026 .section-banner .banner-box .name {
  letter-spacing: 0.05em;
  font-size: calc(80px * var(--scale));
}
#AsusIFA-Event_2026 .section-banner .banner-box .text {
  font-size: calc(36px * var(--scale));
  text-align: center;
  display: inline-block;
  margin-top: calc(20px * var(--scale));
  background: linear-gradient(90deg, #D33800 0%, #AD04C7 50%, #040CF5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: 0.05em;
}
#AsusIFA-Event_2026 .section-banner .banner-box .text::before {
  content: "";
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, #D33800 0%, #AD04C7 50%, #040CF5 100%);
  display: block;
  margin: 0 auto calc(20px * var(--scale));
}
#AsusIFA-Event_2026 .section-banner .banner-box .map {
  display: inline-flex;
  margin: calc(80px * var(--scale)) 0 calc(50px * var(--scale));
  font-size: calc(24px * var(--scale));
  align-items: center;
  text-align: left;
  letter-spacing: 0.1em;
  font-weight: 400;
}
#AsusIFA-Event_2026 .section-banner .banner-box .map::before {
  content: "";
  display: block;
  width: calc(64px * var(--scale));
  height: calc(64px * var(--scale));
  margin-right: calc(10px * var(--scale));
  background-image: url("../image/icon_location.svg");
  background-size: cover;
}
#AsusIFA-Event_2026 .section-banner .banner-box .time {
  letter-spacing: 0.05em;
  font-size: calc(90px * var(--scale));
}
@media screen and (max-width: 960px) {
  #AsusIFA-Event_2026 .section-banner {
    padding: calc(100vw * 140 / 1080) 0 calc(100vw * 320 / 1080);
    background-image: url("../image/mobile/bg_invitation_mobile.jpg");
  }
  #AsusIFA-Event_2026 .section-banner .banner-box {
    width: calc(100vw * 820 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .sub-name {
    font-size: calc(100vw * 50 / 1080);
    margin-bottom: calc(100vw * 20 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .name {
    font-size: calc(100vw * 92 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .text {
    font-size: calc(100vw * 60 / 1080);
    margin-top: calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .text::before {
    margin: 0 auto calc(100vw * 30 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .map {
    margin: calc(100vw * 100 / 1080) 0 calc(100vw * 80 / 1080);
    font-size: calc(100vw * 36 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .map::before {
    width: calc(100vw * 64 / 1080);
    height: calc(100vw * 64 / 1080);
    margin-right: calc(100vw * 10 / 1080);
  }
  #AsusIFA-Event_2026 .section-banner .banner-box .time {
    font-size: calc(100vw * 120 / 1080);
  }
}
#AsusIFA-Event_2026 .video_lightbox_youtube {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 5px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
#AsusIFA-Event_2026 .video_lightbox_youtube .lightbox_inner_youtube {
  width: 150vh;
  max-width: 1280px;
  transform: scale(0);
  transition: transform 0.3s;
  position: relative;
}
#AsusIFA-Event_2026 .video_lightbox_youtube .lightbox_inner_youtube .player_box {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
#AsusIFA-Event_2026 .video_lightbox_youtube .lightbox_inner_youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#AsusIFA-Event_2026 .video_lightbox_youtube .lightbox_inner_youtube.active {
  transform: scale(1);
}
#AsusIFA-Event_2026 .video_lightbox_youtube .close_btn {
  display: block;
  position: absolute;
  top: -44px;
  right: 0;
  width: 54px;
  height: 42px;
  background-size: cover;
  cursor: pointer;
  background-image: url("../image/lightbox_close.png");
}
#AsusIFA-Event_2026 .video_lightbox_youtube.active {
  display: flex;
}/*# sourceMappingURL=style.css.map */