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; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
@font-face { font-family: "Trade Gothic"; src: url("../font/Trade Gothic LT Bold.ttf") format("truetype"); }
@font-face { font-family: ROGFonts-Regular; font-style: normal; font-weight: 400; font-display: swap; src: url(https://dlcdnrog.asus.com/rog/font/ROGFonts-Regular.woff) format("woff"), url(../font/ROGFonts-Regular.woff) format("woff"); }
@font-face { font-family: "TT-Norms"; src: url("../font/TT Norms Pro Normal.ttf") format("truetype"), url("../font/TT-Norms-Pro-Normal.woff") format("woff"); }
body, html { width: 100%; position: relative; background-color: #000; }
body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
body.lock { overflow: hidden; }
input { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
sup { font-size: 35%; top: -1.35em; position: relative; line-height: 0; vertical-align: baseline; }
.SEO_text { height: 0; overflow: hidden; font-family: "rogfonts-regular", "Microsoft JhengHei", "sans-serif"; }
.float { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: 0.5s opacity, 0.5s -webkit-transform; transition: 0.5s opacity, 0.5s -webkit-transform; transition: 0.5s opacity, 0.5s transform; transition: 0.5s opacity, 0.5s transform, 0.5s -webkit-transform; }
.float.show { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
.nowrap { white-space: nowrap; }
.hidden { display: none !important; }
.mask { position: absolute; left: 50%; top: -60px; width: 100%; height: 10000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: url(../img/pc2.jpg); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; opacity: 0.5; pointer-events: none; z-index: 1000; }
#AsusROG_CES_Event_2022 { font-family: "Trade Gothic", Arial, "Microsoft JhengHei", "LiHei Pro", "WenQuanYi Zen Hei", "sans-serif"; position: relative; width: 100%; overflow: hidden; }
#AsusROG_CES_Event_2022 .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; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 99999; }
#AsusROG_CES_Event_2022 .video_lightbox .lightbox_inner { width: 150vh; max-width: 1280px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; position: relative; }
#AsusROG_CES_Event_2022 .video_lightbox .lightbox_inner .player_box { width: 100%; padding-top: 56.25%; position: relative; }
#AsusROG_CES_Event_2022 .video_lightbox .lightbox_inner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#AsusROG_CES_Event_2022 .video_lightbox .lightbox_inner.active { -webkit-transform: scale(1); transform: scale(1); }
#AsusROG_CES_Event_2022 .video_lightbox .video_close { position: absolute; top: -40px; right: 0px; width: 36px; height: 28px; background-size: cover; cursor: pointer; background-image: url("../img/x.png"); }
#AsusROG_CES_Event_2022 .video_lightbox.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (min-width: 992px) { #AsusROG_CES_Event_2022 .bg { width: 100vw; height: 132.29vw; position: relative; left: 50%; top: -3.125vw; margin-left: -50vw; background-image: url(../img/PC/BG.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
#AsusROG_CES_Event_2022 .bg .titleimg { background-image: url(../img/PC/00_ROG_title.png); background-size: 100%; width: 52.34vw; height: 11.24vw; position: relative; top: 4.21vw; left: 50%; margin-left: -37.86vw; background-size: 100% auto; background-repeat: no-repeat; background-position: top center; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .a { width: 17.864vw; height: 1.197vw; position: absolute; top: 8.958vw; left: 24.89vw; background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-0 { background-image: url(../img/PC/00_incase0.png); }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-1 { background-image: url(../img/PC/00_incase1.png); -webkit-animation: fade1 3s infinite; animation: fade1 3s infinite; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-2 { background-image: url(../img/PC/00_incase2.png); -webkit-animation: fade2 3s infinite; animation: fade2 3s infinite; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-3 { background-image: url(../img/PC/00_incase3.png); -webkit-animation: fade3 3s infinite; animation: fade3 3s infinite; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-4 { background-image: url(../img/PC/00_incase4.png); -webkit-animation: fade4 3s infinite; animation: fade4 3s infinite; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-5 { background-image: url(../img/PC/00_incase5.png); -webkit-animation: fade5 3s infinite; animation: fade5 3s infinite; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 .titleimg2-6 { background-image: url(../img/PC/00_incase6.png); -webkit-animation: fade6 3s infinite; animation: fade6 3s infinite; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2video { display: block; width: 17.864vw; height: 1.197vw; position: absolute; top: 8.958vw; left: 24.89vw; background-size: 100%; background-repeat: no-repeat; background-position: center; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg3 { display: block; background-image: url(../img/PC/00_video2.png); width: 34.27083vw; height: 14.16667vw; position: absolute; top: -1.8vw; left: 46vw; background-size: 100%; background-repeat: no-repeat; background-position: center; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg3__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/PC/00_video1.png); background-size: 100%; background-repeat: no-repeat; background-position: center; -webkit-animation: breathe 3s infinite; animation: breathe 3s infinite; }
#AsusROG_CES_Event_2022 .bg .bodyimgs { background-repeat: no-repeat; font-size: 0; width: 83.333vw; margin: 0 auto; text-align: center; margin-top: 5.2vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg { width: 18.22917vw; height: 13.54167vw; display: inline-block; vertical-align: top; margin: 0.5vw 0.9vw; cursor: pointer; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg1 { background-image: url(../img/PC/btn5.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg2 { background-image: url(../img/PC/btn1.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg3 { background-size: 100%; background-image: url(../img/PC/btn3.png); }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg4 { background-image: url(../img/PC/btn4.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg5 { background-image: url(../img/PC/btn2.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg6 { background-image: url(../img/PC/btn6.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg7 { background-image: url(../img/PC/btn7.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg8 { background-image: url(../img/PC/btn8.png); background-size: 100%; }
#AsusROG_CES_Event_2022 .bg .breakimg { display: block; background-repeat: no-repeat; background-image: url(../img/PC/02_banner_1.jpg); width: 70.20833vw; height: 24.01042vw; margin: 0 auto; margin-top: 7.54167vw; margin-left: 16vw; background-size: 100%; background-position: center; }
#AsusROG_CES_Event_2022 .bg .video iframe { width: 63vw; height: 30vw; margin-top: 11.5vw; margin-left: 20.5vw; }
#AsusROG_CES_Event_2022 .bg .popup { background-image: url(../img/PC/01_lightbox.png); width: 81.30208vw; height: 34.0625vw; position: absolute; top: 15.1vw; left: 9.9vw; background-size: 100%; opacity: 0; pointer-events: none; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s opacity, 0.3s -webkit-transform; transition: 0.3s opacity, 0.3s -webkit-transform; transition: 0.3s opacity, 0.3s transform; transition: 0.3s opacity, 0.3s transform, 0.3s -webkit-transform; }
#AsusROG_CES_Event_2022 .bg .popup.active { opacity: 1; pointer-events: auto; left: 9.9vw; -webkit-transform: scale(1); transform: scale(1); }
#AsusROG_CES_Event_2022 .bg .popup.active .close, #AsusROG_CES_Event_2022 .bg .popup.active .leftbox, #AsusROG_CES_Event_2022 .bg .popup.active .rightbox { opacity: 1; }
#AsusROG_CES_Event_2022 .bg .popup .close { background-image: url("../img/PC/01_X.png"); width: 1.82292vw; height: 1.35417vw; background-size: 100%; position: absolute; top: 1.9vw; left: 75.9vw; cursor: pointer; z-index: 3; opacity: 0; -webkit-transition: 0.3s opacity 0.3s; transition: 0.3s opacity 0.3s; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox { position: absolute; width: 14.55vw; left: 4vw; top: 1.8vw; z-index: 1; opacity: 0; -webkit-transition: 0.3s opacity 0.3s; transition: 0.3s opacity 0.3s; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .greybgs { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .greybgs .greybg { width: 100%; padding-bottom: 24.91103%; background-image: url("../img/PC/01_icons_bg.png"); background-size: 100%; margin-bottom: 0.18vw; -webkit-transition: 0.3s background-image; transition: 0.3s background-image; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .greybgs .greybg.active { background-image: url("../img/PC/01_icons_hover.png"); }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .product { background-image: url("../img/PC/01_icons.png"); width: 4.79167vw; height: 29.6875vw; background-size: 100%; margin-left: 0.8vw; margin-top: 0.4vw; z-index: 1; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .texts { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .texts .text { -webkit-box-sizing: border-box; box-sizing: border-box; width: 143%; background-size: 100%; margin-bottom: -1.4vw; color: #434343; padding-left: 8.5vw; padding-top: 2.1vw; padding-bottom: 1.9vw; font-size: 1.2vw; height: 5.2vw; -webkit-transition: 0.3s color; transition: 0.3s color; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: top left; transform-origin: top left; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox .texts .text.active { color: #ff0300; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox { position: absolute; left: 19vw; top: 0vw; width: 62vw; height: 34.5vw; z-index: 0; opacity: 0; -webkit-transition: 0.3s opacity 0.3s; transition: 0.3s opacity 0.3s; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; pointer-events: none; left: -1000vw; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper.active { opacity: 1; pointer-events: auto; left: 0; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .swiper-slide { opacity: 0 !important; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .swiper-slide.swiper-slide-active { opacity: 1 !important; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product { position: relative; height: 100%; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .img { background-position: center; background-size: cover; background-repeat: no-repeat; width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text { position: absolute; left: 3.6vw; top: 6vw; color: #fff; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text .title { font-family: "rogfonts-regular", "Microsoft JhengHei", "sans-serif"; width: 30vw; font-size: 2.2vw; font-weight: bold; line-height: 3vw; margin-bottom: 1.2vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text .list { width: 23vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text .list .item { font-size: 1vw; position: relative; padding-left: 1.1vw; line-height: 1.5vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text .list .item::before { content: "-"; display: block; position: absolute; left: 0.2vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .more { display: block; background-image: url(../img/PC/01_learn_more.png); width: 10.4vw; height: 2.55208vw; position: absolute; background-size: 100%; left: 4.5vw; top: 27vw; text-align: center; font-size: 1.6vw; color: #fff; text-decoration: none; line-height: 2.4vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product1 .img { background-image: url(../img/product/01.png); width: 81.30208vw; height: 34.0625vw; position: absolute; left: -19vw; top: 0vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product1 .title { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product2 .img { background-image: url(../img/product/04.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product3 .img { background-image: url(../img/product/02.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product3 .text .list { width: 26vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product4 .img { background-image: url(../img/product/05.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product5 .text { top: 6vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product5 .img { background-image: url(../img/product/03.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product6 .img { background-image: url(../img/product/06.png); width: 81.30208vw; height: 34.0625vw; position: absolute; left: -19vw; top: 0vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product6 .title { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product7 .img { background-image: url(../img/product/08.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product8 .img { background-image: url(../img/product/07.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product9 .img { background-image: url(../img/product/09.png); width: 75.05208vw; height: 33.125vw; position: absolute; left: -13vw; top: 0.4vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product9 .title { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product10 span { font-size: 1.44vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product10 .title { line-height: 2vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product10 .text { top: 4vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product10 .text .list { width: 25vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product10 .img { background-image: url(../img/product/10.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product11 span { font-size: 1.44vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product11 .title { line-height: 2vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product11 .text { top: 4vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product11 .img { background-image: url(../img/product/11.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product12 .img { background-image: url(../img/product/12.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product13 .img { background-image: url(../img/product/13.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product14 .img { background-image: url(../img/product/14.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product15 .img { background-image: url(../img/product/15.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product16 .img { background-image: url(../img/product/16.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product17 .text { top: 6vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product17 .img { background-image: url(../img/product/17.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product18 .img { background-image: url(../img/product/18.png); width: 75.05208vw; height: 33.125vw; position: absolute; left: -13vw; top: 0.4vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product18 .title { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product19 .img { background-image: url(../img/product/19.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product19 .text .list { width: 28vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product20 .img { background-image: url(../img/product/20.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product21 .img { background-image: url(../img/product/21.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product22 .img { background-image: url(../img/product/22.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product23 .img { background-image: url(../img/product/23.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product24 .img { background-image: url(../img/product/24.png); width: 81.30208vw; height: 34.0625vw; position: absolute; left: -19vw; top: 0vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product24 .title { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product25 .img { background-image: url(../img/product/25.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product26 .img { background-image: url(../img/product/26.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product27 .img { background-image: url(../img/product/27.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product28 .img { background-image: url(../img/product/28.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product29 .img { background-image: url(../img/product/29.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product30 .img { background-image: url(../img/product/30.png); width: 31.04167vw; height: 22.13542vw; position: absolute; left: 27vw; top: 7vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination { position: absolute; bottom: 2.6vw; width: 100%; margin-left: -7.5vw; z-index: 1; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination .swiper-pagination-bullet { width: 3.3vw; border-radius: 10vw; height: 0.35vw; background-color: #470b00; margin: 0 0.35vw; opacity: 1; outline: none; position: relative; overflow: hidden; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination .swiper-pagination-bullet::after { content: ""; display: block; background-color: #cf0000; width: 0; height: 100%; position: absolute; left: 0; top: 0; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination .swiper-pagination-bullet-active::after { width: 100%; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .arrow-left { background-image: url(../img/arrowL.png); width: 6.25vw; height: 6.25vw; background-size: cover; position: absolute; top: 14.5vw; left: -1vw; z-index: 1; outline: none; cursor: pointer; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .arrow-right { background-image: url(../img/arrowR.png); width: 6.25vw; height: 6.25vw; background-size: cover; position: absolute; top: 14.5vw; left: 54.5vw; z-index: 1; outline: none; cursor: pointer; } }
@media (max-width: 991px) { #AsusROG_CES_Event_2022 .bg { width: 100vw; height: 427vw; position: relative; margin-top: -50px; }
#AsusROG_CES_Event_2022 .bg .bg1 { width: 100vw; height: 219.6vw; position: absolute; left: 0; top: 0; background-image: url(../img/mobile/bg1.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }
#AsusROG_CES_Event_2022 .bg .bg1 .bg1-1 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../img/mobile/bg_video.png); background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-animation: breathe 3s infinite; animation: breathe 3s infinite; }
#AsusROG_CES_Event_2022 .bg .bg2 { width: 95vw; height: 95vw; position: absolute; left: 2.5vw; top: 225.6vw; background-image: url(../img/mobile/bg2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 0; }
#AsusROG_CES_Event_2022 .bg .bg3 { width: 100vw; height: 106vw; position: absolute; left: 0; top: 330vw; background-image: url(../img/mobile/bg3.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 0; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg2 { display: none; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg3 { width: 93vw; height: 25vw; position: absolute; top: 43vw; left: 3vw; }
#AsusROG_CES_Event_2022 .bg .titleimg .titleimg3__inner { display: none; }
#AsusROG_CES_Event_2022 .bg .bodyimgs { position: relative; z-index: 1; top: 73vw; width: 100%; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg { width: 46vw; height: 34vw; position: absolute; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg1 { left: 4vw; top: 0vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg2 { left: 52vw; top: 0vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg3 { left: 52vw; top: 35vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg4 { left: 4vw; top: 71vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg5 { left: 4vw; top: 35vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg6 { left: 52vw; top: 71vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg7 { left: 4vw; top: 107vw; }
#AsusROG_CES_Event_2022 .bg .bodyimgs .bodyimg8 { left: 52vw; top: 107vw; }
#AsusROG_CES_Event_2022 .bg .breakimg { position: absolute; z-index: 1; width: 98vw; height: 97vw; background-size: 100%; background-position: center; top: 219vw; left: 1vw; }
#AsusROG_CES_Event_2022 .bg .video iframe { position: absolute; z-index: 1; width: 100vw; height: 56vw; margin-top: 351vw; margin-left: 0vw; }
#AsusROG_CES_Event_2022 .bg .popup { position: relative; z-index: 1; width: 100vw; height: 150vw; background-image: url(../img/mobile/lightbox.png); background-size: cover; background-repeat: no-repeat; background-position: center; top: 73vw; left: 0vw; opacity: 0; pointer-events: none; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.3s opacity, 0.3s -webkit-transform; transition: 0.3s opacity, 0.3s -webkit-transform; transition: 0.3s opacity, 0.3s transform; transition: 0.3s opacity, 0.3s transform, 0.3s -webkit-transform; }
#AsusROG_CES_Event_2022 .bg .popup.active { opacity: 1; pointer-events: auto; -webkit-transform: scale(1); transform: scale(1); }
#AsusROG_CES_Event_2022 .bg .popup.active .close, #AsusROG_CES_Event_2022 .bg .popup.active .leftbox, #AsusROG_CES_Event_2022 .bg .popup.active .rightbox { opacity: 1; }
#AsusROG_CES_Event_2022 .bg .popup .close { background-image: url("../img/PC/01_X.png"); width: 7vw; height: 5.2vw; background-size: 100%; position: absolute; top: 6vw; left: 87vw; cursor: pointer; z-index: 3; -webkit-transition: 0.3s opacity 0.3s; transition: 0.3s opacity 0.3s; }
#AsusROG_CES_Event_2022 .bg .popup .leftbox { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox { position: absolute; left: 8vw; top: 13vw; width: 86.2vw; height: 126.45vw; z-index: 0; opacity: 0; -webkit-transition: 0.3s opacity 0.3s; transition: 0.3s opacity 0.3s; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; pointer-events: none; left: -1000vw; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper.active { opacity: 1; pointer-events: auto; left: 0; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .swiper-slide { opacity: 0 !important; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .swiper-slide.swiper-slide-active { opacity: 1 !important; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product { position: relative; height: 100%; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .img { background-position: center; background-size: cover; background-repeat: no-repeat; width: 75vw; height: 54vw; position: absolute; left: 5.5vw; top: 35vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text { position: absolute; left: 2.6vw; top: 7vw; width: 81vw; height: 27vw; color: #fff; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text .title { font-family: "rogfonts-regular", "Microsoft JhengHei", "sans-serif"; font-size: 8.12vw; line-height: 10vw; margin-bottom: 1.2vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .text .list { display: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product .more { background-image: url(../img/mobile/learn_more.png); display: block; width: 45vw; height: 12vw; position: absolute; background-size: cover; left: 19.5vw; top: 108vw; text-align: center; font-size: 6vw; color: #fff; text-decoration: none; line-height: 14.5vw; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product1 .img { background-image: url(../img/product/01_1.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product2 .img { background-image: url(../img/product/04.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product3 .img { background-image: url(../img/product/02.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product4 .img { background-image: url(../img/product/05.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product5 .img { background-image: url(../img/product/03.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product6 .img { background-image: url(../img/product/06.jpg); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product7 .img { background-image: url(../img/product/08.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product8 .img { background-image: url(../img/product/07.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product9 .img { background-image: url(../img/product/09.jpg); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product10 .img { background-image: url(../img/product/10.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product11 .img { background-image: url(../img/product/11.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product12 .img { background-image: url(../img/product/12.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product13 .img { background-image: url(../img/product/13.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product14 .img { background-image: url(../img/product/14.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product15 .img { background-image: url(../img/product/15.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product16 .img { background-image: url(../img/product/16.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product17 .img { background-image: url(../img/product/17.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product18 .img { background-image: url(../img/product/18.jpg); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product19 .img { background-image: url(../img/product/19.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product20 .img { background-image: url(../img/product/20.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product21 .img { background-image: url(../img/product/21.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product22 .img { background-image: url(../img/product/22.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product23 .img { background-image: url(../img/product/23.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product24 .img { background-image: url(../img/product/24.jpg); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product25 .img { background-image: url(../img/product/25.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product26 .img { background-image: url(../img/product/26.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product27 .img { background-image: url(../img/product/27.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product28 .img { background-image: url(../img/product/28.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product29 .img { background-image: url(../img/product/29.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .product.product30 .img { background-image: url(../img/product/30.png); }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination { position: absolute; bottom: 34vw; width: 100%; margin-left: 0.5vw; z-index: 1; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination .swiper-pagination-bullet { width: 6vw; border-radius: 10vw; height: 0.8vw; background-color: #470b00; margin: 0 0.6vw; opacity: 1; outline: none; position: relative; overflow: hidden; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination .swiper-pagination-bullet::after { content: ""; display: block; background-color: #cf0000; width: 0; height: 100%; position: absolute; left: 0; top: 0; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .pagination .swiper-pagination-bullet-active::after { width: 100%; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .arrow-left { width: 15vw; height: 15vw; position: absolute; top: 45vw; left: -6vw; z-index: 1; outline: none; }
#AsusROG_CES_Event_2022 .bg .popup .rightbox .swiper .arrow-right { width: 15vw; height: 15vw; position: absolute; top: 45vw; left: 76vw; z-index: 1; outline: none; } }
@-webkit-keyframes breathe { 0% { opacity: 0; }
40% { opacity: 1; }
100% { opacity: 0; } }
@keyframes breathe { 0% { opacity: 0; }
40% { opacity: 1; }
100% { opacity: 0; } }
@-webkit-keyframes fade1 { 0% { opacity: 0; }
5% { opacity: 1; }
10% { opacity: 1; }
15% { opacity: 0; }
100% { opacity: 0; } }
@keyframes fade1 { 0% { opacity: 0; }
5% { opacity: 1; }
10% { opacity: 1; }
15% { opacity: 0; }
100% { opacity: 0; } }
@-webkit-keyframes fade2 { 0% { opacity: 0; }
5% { opacity: 0; }
10% { opacity: 1; }
15% { opacity: 1; }
20% { opacity: 0; }
100% { opacity: 0; } }
@keyframes fade2 { 0% { opacity: 0; }
5% { opacity: 0; }
10% { opacity: 1; }
15% { opacity: 1; }
20% { opacity: 0; }
100% { opacity: 0; } }
@-webkit-keyframes fade3 { 0% { opacity: 0; }
10% { opacity: 0; }
15% { opacity: 1; }
20% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; } }
@keyframes fade3 { 0% { opacity: 0; }
10% { opacity: 0; }
15% { opacity: 1; }
20% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; } }
@-webkit-keyframes fade4 { 0% { opacity: 0; }
15% { opacity: 0; }
20% { opacity: 1; }
25% { opacity: 1; }
30% { opacity: 0; }
100% { opacity: 0; } }
@keyframes fade4 { 0% { opacity: 0; }
15% { opacity: 0; }
20% { opacity: 1; }
25% { opacity: 1; }
30% { opacity: 0; }
100% { opacity: 0; } }
@-webkit-keyframes fade5 { 0% { opacity: 0; }
20% { opacity: 0; }
25% { opacity: 1; }
30% { opacity: 1; }
35% { opacity: 0; }
100% { opacity: 0; } }
@keyframes fade5 { 0% { opacity: 0; }
20% { opacity: 0; }
25% { opacity: 1; }
30% { opacity: 1; }
35% { opacity: 0; }
100% { opacity: 0; } }
@-webkit-keyframes fade6 { 0% { opacity: 0; }
25% { opacity: 0; }
30% { opacity: 1; }
35% { opacity: 1; }
40% { opacity: 1; }
100% { opacity: 0; } }
@keyframes fade6 { 0% { opacity: 0; }
25% { opacity: 0; }
30% { opacity: 1; }
35% { opacity: 1; }
40% { opacity: 1; }
100% { opacity: 0; } }
/*# sourceMappingURL=style.css.map */