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 button {
border-style: none;
background-color: transparent;
margin: 0;
padding: 0; }
.SEO_text {
height: 0;
overflow: hidden;
display: none; }
*:focus:focus-visible {
outline: #f70023 solid 3px !important; }
.lightbox {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
padding: 0 5px;
box-sizing: border-box;
align-items: center;
justify-content: center;
z-index: 99999;
display: none; }
.lightbox.show {
display: block; }
.lightbox a {
text-decoration: none;
color: #0000ee; }
.lightbox a:hover {
text-decoration: underline; }
.lightbox .close-btn {
position: absolute;
top: 2%;
right: 3%;
font-family: "TT-Norms";
font-weight: 600;
font-size: calc(100vw * 28 / 1920);
color: #24365f; }
.lightbox .close-btn .close-btn-mask {
display: block;
position: absolute;
top: -40%;
right: -15%;
width: calc(100vw * 160 / 1920);
height: calc(100vw * 50 / 1920); }
.lightbox .terms_lightbox_inner {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: calc(100vw * 950 / 1920);
width: 100%;
height: 85%;
margin: auto;
background-color: #ffffff;
border-radius: calc(100vw * 20 / 1920);
padding: calc(100vw * 35 / 1920) calc(100vw * 45 / 1920);
overflow: scroll; }
.lightbox .terms_lightbox_inner p {
font-family: "TT-Norms";
font-weight: 500;
font-size: calc(100vw * 18 / 1920);
color: #1e3462; }
.lightbox .terms_lightbox_inner ol {
margin-top: calc(100vw * 20 / 1920);
padding-left: calc(100vw * 20 / 1920); }
.lightbox .terms_lightbox_inner ol li {
margin-bottom: calc(100vw * 10 / 1920);
font-family: "TT-Norms";
font-weight: 500;
font-size: calc(100vw * 18 / 1920);
color: #1e3462; }
.lightbox .terms_lightbox_inner ol li div {
font-family: "TT-Norms";
font-weight: 500;
font-size: calc(100vw * 18 / 1920);
color: #1e3462; }
.lightbox .terms_lightbox_inner ol li div p {
margin-top: calc(100vw * 5 / 1920); }
.lightbox .terms_lightbox_inner ol li div ol li {
list-style: upper-alpha; }
.lightbox .terms_lightbox_inner .terms-title {
font-family: "TT-Norms";
font-weight: 600;
font-size: calc(100vw * 32 / 1920);
color: #24365f;
margin-bottom: calc(100vw * 25 / 1920); }
@media screen and (max-width: 960px) {
.lightbox .close-btn {
top: 2%;
right: 3%;
font-size: calc(100vw * 36 / 1080); }
.lightbox .close-btn .close-btn-mask {
display: block;
position: absolute;
top: -45%;
right: -12%;
width: calc(100vw * 220 / 1080);
height: calc(100vw * 70 / 1080); }
.lightbox .terms_lightbox_inner {
max-width: calc(100vw * 840 / 1080);
width: 100vw;
height: 85%;
margin: auto;
border-radius: calc(100vw * 20 / 1080);
padding: calc(100vw * 45 / 1080) calc(100vw * 30 / 1080); }
.lightbox .terms_lightbox_inner p {
font-size: calc(100vw * 30 / 1080); }
.lightbox .terms_lightbox_inner ol {
margin-top: calc(100vw * 20 / 1080);
padding-left: calc(100vw * 35 / 1080); }
.lightbox .terms_lightbox_inner ol li {
margin-bottom: calc(100vw * 10 / 1080);
font-size: calc(100vw * 30 / 1080); }
.lightbox .terms_lightbox_inner ol li div {
font-size: calc(100vw * 30 / 1080); }
.lightbox .terms_lightbox_inner ol li div p {
margin-top: calc(100vw * 5 / 1080); }
.lightbox .terms_lightbox_inner .terms-title {
font-size: calc(100vw * 36 / 1080);
margin-bottom: calc(100vw * 26 / 1080); } }
#AsusThincredible {
--scale: 1;
width: 100%;
position: relative;
overflow: hidden; }
@media (max-width: 1600px) {
#AsusThincredible {
--scale: 0.63; } }
@media (max-width: 1200px) {
#AsusThincredible {
--scale: 0.5; } }
#AsusThincredible .main {
position: relative; }
#AsusThincredible .main .section-kv {
overflow: hidden;
position: relative; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper {
width: 100%; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide {
width: 100%; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item {
display: block;
width: calc(100vw * 1920 / 1920);
height: calc(100vw * 715 / 1920);
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-1 {
background-image: url("../image/pc/00_KV_01.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-2 {
background-image: url("../image/pc/00_KV_02.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-3 {
background-image: url("../image/pc/00_KV_03.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-4 {
background-image: url("../image/pc/00_KV_04.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-5 {
background-image: url("../image/pc/00_KV_05.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-6 {
background-image: url("../image/pc/00_KV_06.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-7 {
background-image: url("../image/pc/00_KV_07.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-pagination {
position: absolute;
bottom: calc(100vw * 18 / 1920);
height: calc(100vw * 20 / 1920);
text-align: center;
white-space: nowrap; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-pagination .swiper-pagination-bullet {
width: calc(100vw * 60 / 1920);
height: calc(100vw * 3 / 1920);
border-radius: calc(100vw * 3 / 1920);
background-color: rgba(85, 85, 85, 0.8);
position: relative;
overflow: hidden;
margin: auto calc(100vw * 3 / 1920);
opacity: 1; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-pagination .swiper-pagination-bullet::after {
content: "";
display: block;
width: 0;
height: 100%;
position: absolute;
background-color: #ffffff; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: "";
width: 100%;
transition: width 5s linear; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box {
position: absolute;
top: 93%;
left: 61%;
z-index: 10;
width: calc(100vw * 45 / 1920);
height: calc(100vw * 45 / 1920); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box:hover {
cursor: pointer; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box:hover .play-btn .pause-btn {
background-size: 100% auto; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .play-btn,
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .pause-btn {
display: block;
width: calc(100vw * 45 / 1920);
height: calc(100vw * 45 / 1920);
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: 90% auto; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .play-btn {
display: none;
background-image: url("../image/icon/play_btn_play.png"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .play-btn.active {
display: block; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .pause-btn {
display: none;
background-image: url("../image/icon/play_btn_pause.png"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .pause-btn.active {
display: block; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-prev,
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-next {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100vw * 54 / 1920);
height: calc(100vw * 79 / 1920);
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-prev::after,
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-next::after {
display: none; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-prev {
margin-left: calc(100vw * -650 / 1920);
background-image: url("../image/icon/00_arrow_l.png"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-next {
margin-left: calc(100vw * 650 / 1920);
background-image: url("../image/icon/00_arrow_r.png"); }
@media screen and (max-width: 960px) {
#AsusThincredible .main {
width: calc(100vw * 1080 / 1080); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item {
width: calc(100vw * 1080 / 1080);
height: calc(100vw * 1208 / 1080); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-1 {
background-image: url("../image/mobile/00_KV_01.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-2 {
background-image: url("../image/mobile/00_KV_02.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-3 {
background-image: url("../image/mobile/00_KV_03.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-4 {
background-image: url("../image/mobile/00_KV_04.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-5 {
background-image: url("../image/mobile/00_KV_05.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-6 {
background-image: url("../image/mobile/00_KV_06.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-wrapper .swiper-slide .products-item.bg-7 {
background-image: url("../image/mobile/00_KV_07.jpg"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-pagination {
bottom: calc(100vw * 160 / 1080);
height: calc(100vw * 20 / 1080);
text-align: center;
white-space: nowrap; }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-pagination .swiper-pagination-bullet {
width: calc(100vw * 90 / 1080);
height: calc(100vw * 10 / 1080);
border-radius: 0;
margin: auto calc(100vw * 10 / 1080); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box {
top: 90.5%;
left: 50%;
transform: translateX(-50%);
width: calc(100vw * 90 / 1080);
height: calc(100vw * 90 / 1080); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .play-btn,
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .pause-btn {
width: calc(100vw * 90 / 1080);
height: calc(100vw * 90 / 1080); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .play-btn {
background-image: url("../image/icon/play_btn_play.png"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .play-btn-box .pause-btn {
background-image: url("../image/icon/play_btn_pause.png"); }
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-prev,
#AsusThincredible .main .section-kv .swiper-box1 .swiper.mySwiper1 .swiper-button-next {
display: none; } }
#AsusThincredible .section-launch-event {
position: relative; }
#AsusThincredible .section-launch-event .launch-event-bg {
width: calc(100vw * 1920 / 1920);
height: calc(100vw * 4482 / 1920);
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: -1;
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url("../image/pc/bg01.png"); }
#AsusThincredible .section-launch-event .title-box {
position: relative;
color: #094a79;
font-family: "TT-Norms";
padding-top: calc(100vw * 110 / 1920); }
#AsusThincredible .section-launch-event .title-box .title {
text-transform: uppercase;
text-align: center;
font-size: calc(100vw * 54 / 1920);
font-weight: 300; }
#AsusThincredible .section-launch-event .title-box .title.item-text {
font-size: calc(100vw * 72 / 1920); }
#AsusThincredible .section-launch-event .video-box {
width: calc(100vw * 1200 / 1920);
height: calc(100vw * 337 / 1920);
margin: calc(100vw * 34 / 1920) auto calc(100vw * 190 / 1920); }
#AsusThincredible .section-launch-event .video-box .video {
position: relative;
width: calc(100vw * 1200 / 1920);
height: calc(100vw * 337 / 1920);
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url("../image/pc/01_video_01.png"); }
#AsusThincredible .section-launch-event .video-box .video .play-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100vw * 115 / 1920);
height: calc(100vw * 115 / 1920);
background-position: center;
background-size: 85% auto;
background-repeat: no-repeat;
background-image: url("../image/icon/btn_play.png");
transition: background-size 0.3s linear; }
#AsusThincredible .section-launch-event .video-box .video .play-btn:hover {
background-size: 100% auto; }
#AsusThincredible .section-launch-event .products-card-box1,
#AsusThincredible .section-launch-event .products-card-box2 {
display: flex;
gap: calc(100vw * 20 / 1920);
margin: 0 auto;
width: calc(100vw * 1200 / 1920); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card,
#AsusThincredible .section-launch-event .products-card-box2 .products-card {
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .products-name,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .products-name {
font-size: calc(100vw * 46 / 1920);
font-family: "TT-Norms";
font-weight: 400;
margin-top: calc(100vw * 318 / 1920);
margin-bottom: calc(100vw * 10 / 1920);
text-align: center;
color: #ffffff; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more {
position: relative;
overflow: hidden;
font-size: calc(100vw * 16 / 1920);
font-family: "TT-Norms";
font-weight: 400;
text-transform: uppercase;
display: block;
text-decoration: none;
text-align: center; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more:hover,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more:hover {
cursor: pointer; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more:hover .text,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more:hover .text {
color: #ffffff; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more:hover.bg,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more:hover.bg {
background-color: #0b4978; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more .text,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more .text {
position: relative;
z-index: 2;
color: #0b4978;
transition: color 0.3s linear; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more.bg,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more.bg {
width: calc(100vw * 150 / 1920);
padding: calc(100vw * 10 / 1920) 0;
margin: 0 auto;
background-color: #ffffff;
border-radius: calc(12px * var(--scale));
transition: background-color 0.3s linear; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more.spc-item,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more.spc-item {
margin-top: calc(100vw * 260 / 1920); }
#AsusThincredible .section-launch-event .products-card-box1 {
flex-wrap: wrap; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card {
position: relative;
flex: 1 1 auto;
width: calc(100vw * 384 / 1920);
height: calc(100vw * 400 / 1920); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 {
width: calc(100vw * 1200 / 1920);
height: calc(100vw * 400 / 1920);
flex: 0 0 auto;
background-image: url("../image/pc/03_product_01.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .products-name {
text-align: left;
margin: calc(100vw * 150 / 1920) 0 calc(100vw * 20 / 1920) calc(100vw * 100 / 1920); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .learn-more {
margin-left: calc(100vw * 100 / 1920);
display: block;
text-decoration: none;
text-align: center;
font-size: calc(100vw * 16 / 1920);
font-family: "TT-Norms";
font-weight: 400;
text-transform: uppercase; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .learn-more.bg {
width: calc(100vw * 150 / 1920);
padding: calc(100vw * 10 / 1920) 0;
border-radius: calc(100vw * 12 / 1920); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image2 {
background-image: url("../image/pc/03_product_02.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image3 {
background-image: url("../image/pc/03_product_03.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image4 {
background-image: url("../image/pc/03_product_04.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .products-name, #AsusThincredible .section-launch-event .products-card-box1 .products-card.image3 .products-name {
color: #000000; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image2 .products-name, #AsusThincredible .section-launch-event .products-card-box1 .products-card.image3 .products-name, #AsusThincredible .section-launch-event .products-card-box1 .products-card.image4 .products-name {
font-size: calc(100vw * 24 / 1920); }
#AsusThincredible .section-launch-event .products-card-box2 {
margin: calc(100vw * 150 / 1920) auto calc(100vw * 190 / 1920);
flex-direction: column; }
#AsusThincredible .section-launch-event .products-card-box2 .products-card {
flex: 1 1 auto;
width: calc(100vw * 1200 / 1920);
height: calc(100vw * 400 / 1920); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 {
background-image: url("../image/pc/03_product_05.png"); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 {
background-image: url("../image/pc/03_product_06.png"); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 .products-name {
text-align: left;
margin: calc(100vw * 145 / 1920) 0 calc(100vw * 20 / 1920) calc(100vw * 90 / 1920); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 .learn-more {
margin-left: calc(100vw * 90 / 1920); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 .products-name {
text-align: right;
margin: calc(100vw * 45 / 1920) calc(100vw * 90 / 1920) calc(100vw * 18 / 1920) 0; }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 .products-name.item-name {
margin: calc(100vw * 100 / 1920) calc(100vw * 90 / 1920) calc(100vw * 18 / 1920) 0; }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 .learn-more {
margin-right: calc(100vw * 90 / 1920); }
@media screen and (max-width: 1100px) {
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more.bg,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more.bg {
width: calc(100vw * 200 / 1920); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .learn-more.bg {
width: calc(100vw * 200 / 1920); } }
@media screen and (max-width: 960px) {
#AsusThincredible .section-launch-event .launch-event-bg {
width: calc(100vw * 1080 / 1080);
height: calc(100vw * 11322 / 1080);
background-image: url("../image/mobile/bg01.png"); }
#AsusThincredible .section-launch-event .title-box {
padding-top: calc(100vw * 285 / 1920); }
#AsusThincredible .section-launch-event .title-box .title {
font-size: calc(100vw * 80 / 1080); }
#AsusThincredible .section-launch-event .title-box .title.item-text {
font-size: calc(100vw * 100 / 1080); }
#AsusThincredible .section-launch-event .video-box {
width: calc(100vw * 961 / 1080);
height: calc(100vw * 541 / 1080);
margin: calc(100vw * 80 / 1080) auto calc(100vw * 200 / 1080); }
#AsusThincredible .section-launch-event .video-box .video {
width: calc(100vw * 961 / 1080);
height: calc(100vw * 541 / 1080);
background-image: url("../image/mobile/01_video_01.png"); }
#AsusThincredible .section-launch-event .video-box .video .play-btn {
width: calc(100vw * 300 / 1080);
height: calc(100vw * 300 / 1080);
background-size: 100% auto;
background-image: url("../image/icon/btn_play.png"); }
#AsusThincredible .section-launch-event .products-card-box1,
#AsusThincredible .section-launch-event .products-card-box2 {
flex-direction: column;
flex-wrap: nowrap;
gap: calc(100vw * 60 / 1080);
width: calc(100vw * 961 / 1080); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .products-name,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .products-name {
font-size: calc(100vw * 68 / 1080);
margin-top: calc(100vw * 695 / 1080);
margin-bottom: calc(100vw * 40 / 1080); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more {
font-size: calc(100vw * 50 / 1080); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card .learn-more.bg,
#AsusThincredible .section-launch-event .products-card-box2 .products-card .learn-more.bg {
width: calc(100vw * 450 / 1080);
padding: calc(100vw * 28 / 1080) calc(100vw * 10 / 1080);
border-radius: calc(100vw * 30 / 1080); }
#AsusThincredible .section-launch-event .products-card-box1 .learn-more.bg::before,
#AsusThincredible .section-launch-event .products-card-box2 .learn-more.bg::before {
display: none; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card {
width: calc(100vw * 960 / 1080);
height: calc(100vw * 960 / 1080); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 {
width: calc(100vw * 960 / 1080);
height: calc(100vw * 1280 / 1080);
background-image: url("../image/mobile/03_product_01.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .products-name {
margin: calc(100vw * 1015 / 1080) auto calc(100vw * 40 / 1080);
text-align: center; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .learn-more {
margin-left: 0;
text-align: center;
font-size: calc(100vw * 50 / 1080); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image1 .learn-more.bg {
width: calc(100vw * 450 / 1080);
padding: calc(100vw * 28 / 1080) calc(100vw * 10 / 1080);
border-radius: calc(100vw * 30 / 1080);
margin: 0 auto; }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image2 {
background-image: url("../image/mobile/03_product_02.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image3 {
background-image: url("../image/mobile/03_product_03.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image4 {
background-image: url("../image/mobile/03_product_04.png"); }
#AsusThincredible .section-launch-event .products-card-box1 .products-card.image2 .products-name, #AsusThincredible .section-launch-event .products-card-box1 .products-card.image3 .products-name, #AsusThincredible .section-launch-event .products-card-box1 .products-card.image4 .products-name {
font-size: calc(100vw * 68 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 {
margin: calc(100vw * 200 / 1080) auto calc(100vw * 360 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card {
width: calc(100vw * 960 / 1080);
height: calc(100vw * 1280 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 {
background-image: url("../image/mobile/03_product_05.png"); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 {
background-image: url("../image/mobile/03_product_06.png"); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 .products-name {
text-align: center;
margin: calc(100vw * 910 / 1080) auto calc(100vw * 40 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 .learn-more {
margin-left: auto;
margin-right: auto; }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image5 .learn-more.spc-item {
margin: calc(100vw * 1000 / 1080) auto calc(100vw * 40 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 .products-name {
text-align: center;
margin: calc(100vw * 70 / 1080) auto calc(100vw * 28 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 .products-name.item-name {
margin: calc(100vw * 755 / 1080) auto calc(100vw * 28 / 1080); }
#AsusThincredible .section-launch-event .products-card-box2 .products-card.image6 .learn-more {
margin-left: auto;
margin-right: auto; } }
#AsusThincredible .section-article {
position: relative; }
#AsusThincredible .section-article .title {
text-align: center;
font-size: calc(100vw * 72 / 1920);
font-weight: 300;
font-family: "TT-Norms";
color: #094a79;
margin-bottom: calc(100vw * 80 / 1920); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper {
width: calc(100vw * 1200 / 1920);
margin: 0 auto; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide {
flex: 1 1 calc(100vw * 357 / 1920); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card {
display: flex;
flex-direction: column;
gap: calc(100vw * 12 / 1920);
align-items: center;
text-decoration: none;
font-weight: 300;
font-family: "TT-Norms";
color: #000000; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card:hover {
cursor: pointer; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card:hover .article-imagebox .item-article {
background-size: 120% auto; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox {
width: calc(100vw * 357 / 1920);
height: calc(100vw * 475 / 1920); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .item-article {
width: calc(100vw * 357 / 1920);
height: calc(100vw * 475 / 1920);
border-radius: calc(100vw * 14 / 1920);
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
transition: background-size 0.3s linear; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .article-image1 {
background-image: url("../image/pc/04_a_01.png"); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .article-image2 {
background-image: url("../image/pc/04_a_02.png"); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .article-image3 {
background-image: url("../image/pc/04_a_03.png"); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-date {
align-self: start;
font-size: calc(100vw * 14 / 1920); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-title {
font-weight: 400;
font-family: "TT-Norms";
text-transform: uppercase;
font-size: calc(100vw * 25 / 1920);
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-slogan {
font-weight: 400;
font-family: "TT-Norms";
font-size: calc(100vw * 16 / 1920);
color: #094a79;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn {
position: relative;
margin-top: calc(100vw * 4 / 1920);
padding: calc(100vw * 8 / 1920) calc(100vw * 17 / 1920);
background-color: #ffffff;
border-radius: calc(100vw * 10 / 1920);
overflow: hidden;
transition: background-color 0.3s linear; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn .text {
position: relative;
z-index: 2;
font-weight: 400;
font-family: "TT-Norms";
font-size: calc(100vw * 14 / 1920);
color: #094a79;
text-transform: uppercase;
transition: color 0.3s linear; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn:hover {
background-color: #094a79; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn:hover .text {
color: #ffffff; }
@media screen and (max-width: 960px) {
#AsusThincredible .section-article .title {
font-size: calc(100vw * 100 / 1080);
margin-bottom: calc(100vw * 100 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 {
width: calc(100vw * 713 / 1080);
overflow: visible; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide {
flex: 0 0 calc(100vw * 713 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card {
gap: calc(100vw * 30 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox {
width: calc(100vw * 713 / 1080);
height: calc(100vw * 950 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .item-article {
width: calc(100vw * 713 / 1080);
height: calc(100vw * 950 / 1080);
border-radius: calc(100vw * 20 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .article-image1 {
background-image: url("../image/mobile/04_a_01.png"); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .article-image2 {
background-image: url("../image/mobile/04_a_02.png"); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-imagebox .article-image3 {
background-image: url("../image/mobile/04_a_03.png"); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-date {
font-size: calc(100vw * 40 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-title {
font-size: calc(100vw * 62 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-slogan {
font-size: calc(100vw * 46 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn {
margin-top: calc(100vw * 25 / 1080);
padding: calc(100vw * 30 / 1080) calc(100vw * 70 / 1080);
border-radius: calc(100vw * 34 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn::before {
display: none; }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-wrapper .swiper-slide .article-card .article-btn .text {
font-size: calc(100vw * 48 / 1080); }
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-pagination,
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-button-prev,
#AsusThincredible .section-article .swiper-box2 .swiper.mySwiper2 .swiper-button-next {
display: none; } }
#AsusThincredible .section-full-event {
position: relative;
height: calc(100vw * 1226 / 1920); }
#AsusThincredible .section-full-event .full-event-bg-mask {
width: calc(100vw * 1920 / 1920);
height: calc(100vw * 273 / 1920);
position: absolute;
top: calc(100vw * 120 / 1920);
left: 50%;
transform: translateX(-50%);
z-index: 0;
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url("../image/pc/bg_mask.png"); }
#AsusThincredible .section-full-event .full-event-bg {
width: calc(100vw * 1920 / 1920);
height: calc(100vw * 1080 / 1920);
position: absolute;
top: calc(100vw * 146 / 1920);
left: 50%;
transform: translateX(-50%);
z-index: -1;
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url("../image/pc/bg02.png"); }
#AsusThincredible .section-full-event .full-event-space {
height: calc(100vw * 650 / 1920); }
#AsusThincredible .section-full-event .video-btn-box {
position: relative;
left: 50%;
transform: translateX(-50%);
display: inline-flex;
gap: calc(100vw * 10 / 1920);
padding: calc(100vw * 22 / 1920) calc(100vw * 30 / 1920);
background-color: #dbe4eb;
border: 1px #ffffff solid;
border-radius: calc(100vw * 20 / 1920);
text-decoration: none;
align-items: center; }
#AsusThincredible .section-full-event .video-btn-box:hover {
cursor: pointer; }
#AsusThincredible .section-full-event .video-btn-box:hover .video-btn-icon {
background-size: 100% auto; }
#AsusThincredible .section-full-event .video-btn-box .video-btn-icon {
width: calc(100vw * 36 / 1920);
height: calc(100vw * 36 / 1920);
background-position: center;
background-size: 80% auto;
background-repeat: no-repeat;
background-image: url("../image/icon/icon_play.png");
transition: background-size 0.3s linear; }
#AsusThincredible .section-full-event .video-btn-box .video-btn-text {
font-size: calc(100vw * 32 / 1920);
font-family: "TT-Norms";
font-weight: 400;
color: #094a79; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box {
display: flex;
position: fixed;
bottom: 6%;
right: 2%;
gap: calc(100vw * 30 / 1920);
z-index: 15; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box {
position: relative;
display: flex;
flex-direction: column;
width: calc(100vw * 220 / 1920);
row-gap: calc(100vw * 10 / 1920);
padding: calc(100vw * 10 / 1920) calc(100vw * 45 / 1920);
font-family: "TT-Norms";
font-weight: 500;
color: #061f55;
border: calc(100vw * 2 / 1920) rgba(255, 255, 255, 0.6) solid;
border-radius: calc(100vw * 16 / 1920); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .interested-box-icon {
position: absolute;
top: calc(100vw * 8 / 1920);
right: calc(100vw * 8 / 1920);
width: calc(100vw * 18 / 1920);
height: calc(100vw * 21 / 1920);
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url("../image/icon/icon_bell.png");
opacity: 0.6; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .interested-text-box .interested-text {
font-size: calc(100vw * 20 / 1920);
text-align: center; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns {
display: flex;
flex: 1 1 auto;
column-gap: calc(100vw * 32 / 1920);
align-items: center;
justify-content: center; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share {
width: calc(100vw * 37 / 1920);
height: calc(100vw * 37 / 1920);
border-radius: calc(100vw * 5 / 1920);
background-color: #ffffff;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
transition: transform 0.3s; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share:hover {
transform: scale(1.1); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share.fb-share {
background-image: url("../image/icon/icon_fb.png");
background-size: 60% auto; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share.google-share {
background-image: url("../image/icon/icon_google.png");
background-size: 60% auto; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share.apple-share {
background-image: url("../image/icon/icon_apple.png");
background-size: 60% auto; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .interested-text-bottom {
font-size: calc(100vw * 15 / 1920);
padding-left: calc(100vw * 6 / 1920);
text-align: center; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions {
display: block;
width: 100%;
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
margin-top: 40%;
color: #1a3466;
font-size: calc(100vw * 15 / 1920);
font-family: "TT-Norms";
font-weight: 300;
text-decoration: none; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions:hover {
cursor: pointer;
text-decoration: underline; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box {
display: block;
text-decoration: none;
border: calc(100vw * 2 / 1920) rgba(255, 255, 255, 0.6) solid;
border-radius: calc(100vw * 16 / 1920);
transition: all 0.3s ease;
overflow: hidden; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box .giveaway-icon {
position: absolute;
top: calc(100vw * 8 / 1920);
right: calc(100vw * 8 / 1920);
width: calc(100vw * 21 / 1920);
height: calc(100vw * 22 / 1920);
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url("../image/icon/icon_giveaway.png");
opacity: 0.6; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box .giveaway-title {
padding: calc(100vw * 25 / 1920) calc(100vw * 150 / 1920) calc(100vw * 10 / 1920) calc(100vw * 150 / 1920);
text-align: center;
font-size: calc(100vw * 68 / 1920);
color: #061f55;
font-family: "TT-Norms";
font-weight: 100; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box .giveaway-text {
font-size: calc(100vw * 18 / 1920);
color: #142c5c;
font-family: "TT-Norms";
font-weight: 300;
padding: 0 calc(100vw * 50 / 1920) calc(100vw * 11 / 1920) calc(100vw * 50 / 1920);
text-align: center; }
@media screen and (max-width: 1484px) {
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions {
margin-top: 47%; } }
@media screen and (max-width: 1140px) {
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions {
margin-top: 51%; } }
@media screen and (max-width: 960px) {
#AsusThincredible .section-full-event {
height: calc(100vw * 1740 / 1080); }
#AsusThincredible .section-full-event .full-event-bg-mask {
width: calc(100vw * 1080 / 1080);
height: calc(100vw * 575 / 1080);
top: calc(100vw * 110 / 1080);
background-image: url("../image/mobile/bg_mask.png"); }
#AsusThincredible .section-full-event .full-event-bg {
width: calc(100vw * 1080 / 1080);
height: calc(100vw * 1553 / 1080);
top: calc(100vw * 350 / 1920);
background-image: url("../image/mobile/bg02.png"); }
#AsusThincredible .section-full-event .full-event-space {
height: calc(100vw * 770 / 1080); }
#AsusThincredible .section-full-event .video-btn-box {
gap: calc(100vw * 30 / 1080);
padding: calc(100vw * 45 / 1080) calc(100vw * 70 / 1080) calc(100vw * 45 / 1080) calc(100vw * 55 / 1080);
border-radius: calc(100vw * 20 / 1080); }
#AsusThincredible .section-full-event .video-btn-box .video-btn-icon {
width: calc(100vw * 60 / 1080);
height: calc(100vw * 60 / 1080);
background-size: 100% auto; }
#AsusThincredible .section-full-event .video-btn-box .video-btn-text {
font-size: calc(100vw * 70 / 1080); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box {
position: absolute;
left: 3%;
flex-direction: column;
top: calc(100vw * 1080 / 1080);
align-items: center;
row-gap: calc(100vw * 375 / 1080); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box {
width: calc(100vw * 496 / 1080);
row-gap: calc(100vw * 25 / 1080);
padding: calc(100vw * 30 / 1080) calc(100vw * 100 / 1080) calc(100vw * 15 / 1080);
border: 2px rgba(178, 201, 215, 0.6) solid;
border-radius: calc(100vw * 16 / 1080); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .interested-box-icon {
top: calc(100vw * 20 / 1080);
right: calc(100vw * 20 / 1080);
width: calc(100vw * 46 / 1080);
height: calc(100vw * 53 / 1080);
background-size: 100% auto;
opacity: 1; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .interested-text-box .interested-text {
width: calc(100vw * 460 / 1080);
font-size: calc(100vw * 46 / 1080);
text-align: center; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns {
display: flex;
flex: 1 1 auto;
column-gap: calc(100vw * 65 / 1080);
justify-content: center; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share {
width: calc(100vw * 88 / 1080);
height: calc(100vw * 88 / 1080);
border-radius: calc(100vw * 10 / 1080); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share.fb-share {
background-size: 60% auto; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share.google-share {
background-size: 40% auto; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .btns .share.apple-share {
background-size: 50% auto; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .interested-box .interested-text-bottom {
width: calc(100vw * 460 / 1080);
font-size: calc(100vw * 30 / 1080);
padding-left: calc(100vw * 10 / 1080); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions {
position: absolute;
top: calc(100vw * -240 / 1080);
margin-left: 0;
color: #fefeff;
font-size: calc(100vw * 24 / 1080); }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box {
position: relative;
margin-left: 0;
border: 2px rgba(255, 255, 255, 0.6) solid;
border-radius: calc(100vw * 16 / 1080);
transition: none; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box .giveaway-icon {
top: calc(100vw * 12 / 1080);
right: calc(100vw * 12 / 1080);
width: calc(100vw * 46 / 1080);
height: calc(100vw * 46 / 1080);
opacity: 1; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box .giveaway-title {
padding: calc(100vw * 30 / 1080) calc(100vw * 200 / 1080) calc(100vw * 10 / 1080) calc(100vw * 200 / 1080);
font-size: calc(100vw * 98 / 1080);
color: #fefeff; }
#AsusThincredible .section-full-event .interested-giveaway-flex-box .giveaway-box .giveaway-text {
width: auto;
font-size: calc(100vw * 36 / 1080);
color: #fefeff;
padding-bottom: calc(100vw * 10 / 1080); } }
@media screen and (max-width: 414px) {
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions {
top: calc(100vw * -195 / 1080); } }
@media screen and (max-width: 345px) {
#AsusThincredible .section-full-event .interested-giveaway-flex-box .terms-and-conditions {
top: calc(100vw * 20 / 1080);
width: 100vw;
text-align: center; } }
#AsusThincredible .video_lightbox {
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; }
#AsusThincredible .video_lightbox .lightbox_inner {
width: 150vh;
max-width: 1280px;
transform: scale(0);
transition: transform 0.3s;
position: relative; }
#AsusThincredible .video_lightbox .lightbox_inner .player_box {
width: 100%;
padding-top: 56.25%;
position: relative; }
#AsusThincredible .video_lightbox .lightbox_inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
#AsusThincredible .video_lightbox .lightbox_inner.active {
transform: scale(1); }
#AsusThincredible .video_lightbox .close_btn {
display: block;
position: absolute;
top: -25px;
right: 0;
width: 22px;
height: 22px;
background-size: cover;
cursor: pointer;
background-image: url("../image/icon/close_x.png"); }
#AsusThincredible .video_lightbox.active {
display: flex; }
#AsusThincredible .lightbox {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
padding: 0 5px;
box-sizing: border-box;
align-items: center;
justify-content: center;
z-index: 99999;
display: none; }
#AsusThincredible .lightbox.show {
display: block; }
#AsusThincredible .lightbox a {
text-decoration: none;
color: #0000ee; }
#AsusThincredible .lightbox a:hover {
text-decoration: underline; }
#AsusThincredible .lightbox .close-btn {
position: absolute;
top: 2%;
right: 3%;
font-family: "TT-Norms";
font-weight: 600;
font-size: calc(100vw * 28 / 1920);
color: #24365f; }
#AsusThincredible .lightbox .close-btn .close-btn-mask {
display: block;
position: absolute;
top: -40%;
right: -15%;
width: calc(100vw * 160 / 1920);
height: calc(100vw * 50 / 1920); }
#AsusThincredible .lightbox .terms_lightbox_inner {
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: calc(100vw * 950 / 1920);
width: 100%;
height: 85%;
margin: auto;
background-color: #ffffff;
border-radius: calc(100vw * 20 / 1920);
padding: calc(100vw * 35 / 1920) calc(100vw * 45 / 1920);
overflow: scroll; }
#AsusThincredible .lightbox .terms_lightbox_inner p {
font-family: "TT-Norms";
font-weight: 500;
font-size: calc(100vw * 18 / 1920);
color: #1e3462; }
#AsusThincredible .lightbox .terms_lightbox_inner ol {
margin-top: calc(100vw * 20 / 1920);
padding-left: calc(100vw * 20 / 1920); }
#AsusThincredible .lightbox .terms_lightbox_inner ol li {
margin-bottom: calc(100vw * 10 / 1920);
font-family: "TT-Norms";
font-weight: 500;
font-size: calc(100vw * 18 / 1920);
color: #1e3462; }
#AsusThincredible .lightbox .terms_lightbox_inner ol li div {
font-family: "TT-Norms";
font-weight: 500;
font-size: calc(100vw * 18 / 1920);
color: #1e3462; }
#AsusThincredible .lightbox .terms_lightbox_inner ol li div p {
margin-top: calc(100vw * 5 / 1920); }
#AsusThincredible .lightbox .terms_lightbox_inner ol li div ol li {
list-style: upper-alpha; }
#AsusThincredible .lightbox .terms_lightbox_inner .terms-title {
font-family: "TT-Norms";
font-weight: 600;
font-size: calc(100vw * 32 / 1920);
color: #24365f;
margin-bottom: calc(100vw * 25 / 1920); }
@media screen and (max-width: 960px) {
#AsusThincredible .lightbox .close-btn {
top: 2%;
right: 3%;
font-size: calc(100vw * 36 / 1080); }
#AsusThincredible .lightbox .close-btn .close-btn-mask {
display: block;
position: absolute;
top: -45%;
right: -12%;
width: calc(100vw * 220 / 1080);
height: calc(100vw * 70 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner {
max-width: calc(100vw * 840 / 1080);
width: 100vw;
height: 85%;
margin: auto;
border-radius: calc(100vw * 20 / 1080);
padding: calc(100vw * 45 / 1080) calc(100vw * 30 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner p {
font-size: calc(100vw * 30 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner ol {
margin-top: calc(100vw * 20 / 1080);
padding-left: calc(100vw * 35 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner ol li {
margin-bottom: calc(100vw * 10 / 1080);
font-size: calc(100vw * 30 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner ol li div {
font-size: calc(100vw * 30 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner ol li div p {
margin-top: calc(100vw * 5 / 1080); }
#AsusThincredible .lightbox .terms_lightbox_inner .terms-title {
font-size: calc(100vw * 36 / 1080);
margin-bottom: calc(100vw * 26 / 1080); } }
/*# sourceMappingURL=style.css.map */