/* ADL init*/
@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('https://fonts.googleapis.com/css?family=Play:400,700');
+@import url('fonts.css');
html,body {}
.msiFooter{background:#000;border-top:1px solid rgba(255,255,255,.2);position: relative;z-index: 2;color:#888;}
.msiFooter p{margin-bottom:0px;}/*BS5 & MSI footer conflict*/
.msiFooter .info{border:none;}

/* ADL main*/
#ADL-page{background:#000;color:#fff;overflow: hidden}
#ADL-page h1,#ADL-page h2,#ADL-page h3,#ADL-page h4,#ADL-page h5,#ADL-page p{color:#fff;margin-bottom: 1.5rem;line-height: 1.5em;}
#ADL-page p a:link,#ADL-page p a:visited{color:#666;text-decoration: none;}
#ADL-page p.note{color:#888;font-size:12px;}
#ADL-page h1{font-size:1.5rem;}#ADL-page h2{font-size:1.5rem}#ADL-page h3{font-size:1.4rem}#ADL-page h4{font-size:1.3rem}#ADL-page h5{font-size:1.2rem}#ADL-page p{font-size:1rem}
#ADL-page #s2,#ADL-page #s3,#ADL-page #s4,#ADL-page #s5{display:flex;align-items: center;justify-content: center;overflow: hidden;}
@media (min-width: 1400px){
.container-1920 {max-width: 1920px;margin-right: auto;margin-left: auto;}}
@media (min-width: 1600px){
.container-2080 {max-width: 2080px;width:110%;margin-left:-5%}}
@media (min-width: 1921px){
.container-2080 {margin: 0 auto}}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) { ... }
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
#ADL-page h1{font-size:1.3rem;}#ADL-page h2{font-size:1.2rem}#ADL-page h3{font-size:1.1rem}#ADL-page h4{font-size:1rem}#ADL-page h5{font-size:1rem}#ADL-page p{font-size:.8rem}}
@media (max-width: 575.98px) { ... }


/* Loading*/
#loading{z-index:9999;position: fixed;width:100vw;height:100vh;overflow: hidden}
#loading-bg-star{display: flex;justify-content: center;align-items: center;opacity:1;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg1.jpg);background-size:cover;background-position:center;transition-duration:1s;height:100%;width:100%;}
#loading-bg-star.active{opacity:0;}
.loading-box{width:500px;text-align: center;position: relative;z-index: 2;}
.loading-box img.adl-logo{width:100%}
.loading-box-intel {display:flex;align-content: center;justify-content: center;align-items: center;margin:20px 0px 30px;font-weight: bold;font-size: 14px;line-height: 26px; text-align: left;}
.loading-box-intel img{width:80px;margin-right: 20px;border:1px  solid rgba(255,255,255,.3)}
.loading-box span{color:rgba(69,255,255,0.8);;font-weight: bold;font-size: 12px;}
#loading-num{color: rgba(69,255,255,1);margin-left:3px;}
.loading-bar-box{background:rgba(0,0,0,.2);border-radius:6px;padding:3px;width:30%;margin: 0px auto;margin-top: 6px;height:10px}
#loading-bar{background:linear-gradient(to right,rgba(0,24,160,0),#2191ff, rgba(69,255,255,1));width:0px;height:4px;border-radius:4px;font-size:10px;font-weight: bold;}
.loading-bg{position:absolute;top:0px;left:0px;right:0px;bottom:0px;animation-duration:4.8s;animation-name: loading;animation-iteration-count: infinite;transform: scale(0.01);opacity: 0;animation-timing-function:cubic-bezier(0.87, -0.02, 1, 0.16);background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg-line.png);background-size: contain;background-position: center;background-repeat: no-repeat;width:100%;height:100%;}
.loading-bg img{width:100%;height:100%}
.loading-bg0{position:absolute;top:0px;left:0px;right:0px;bottom:0px;animation-duration:10s;animation-name: loading-bg;animation-iteration-count: infinite;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;width:100%;height:100%;animation-timing-function:  linear;;}
.loading-bg1{animation-delay: -3.6s;}
.loading-bg2{animation-delay: -3.2s;}
.loading-bg3{animation-delay: -2.8s;}
.loading-bg4{animation-delay: -2.4s;}
.loading-bg5{animation-delay: -2s;}
.loading-bg6{animation-delay: -1.6s;}
.loading-bg7{animation-delay: -1.2s;}
.loading-bg8{animation-delay: -0.8s;}
.loading-bg9{animation-delay: -0.4s;}
.loading-bg10{animation-delay: 0s;}
.loading-bg11{animation-delay: .4s;}
.loading-bg12{animation-delay: .8s;}
@media (max-width: 1399.98px) { ... }
@media (max-width: 1199.98px) { ... }
@media (max-width: 991.98px) { ... }
@media (max-width: 767.98px) {
.loading-box{width:80%;}
.loading-bg{display: none;}
.loading-bg0{display: block}}
@media (max-width: 575.98px) { ... }
@keyframes loading {
from {transform: scale(0.01);opacity:1}
to {transform: scale(3);opacity:1}}
@keyframes loading-bg {
0%{transform: scale(1);opacity:1;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg1.jpg);}
20%{transform: scale(1.05);opacity:1;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg2.jpg);}
40%{transform: scale(1.1);opacity:1;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg1.jpg);}
60%{transform: scale(1.15);opacity:1;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg2.jpg);}
80%{transform: scale(1.2);opacity:1;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg1.jpg);}
100%{transform: scale(1.25);opacity:0;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg2.jpg)};}

/*fixed*/
.ADL-msilogo{position:fixed;top: 30px;left:30px;z-index: 6;width:100px;}
.ADL-msilogo img{width:100%}
.ADL-sharebar{position:fixed;bottom: 40px;right:40px;z-index: 6;transform:skew(-10deg, 0deg);}
.ADL-sharebar a:link,.ADL-sharebar a:visited,.ADL-sharebar .btn-share{background:linear-gradient(45deg,rgba(33,145,255,.3),rgba(69,255,255,.3));padding:0px;color:#fff;font-size:10px;font-weight: bold;backdrop-filter: blur(5px);border:none;display:block;float: left;margin-left: 5px;}
.ADL-sharebar a:hover,.ADL-sharebar a:active,.ADL-sharebar .btn-share:hover{background:linear-gradient(45deg,rgba(33,145,255,.5),rgba(69,255,255,.5));}
.ADL-sharebar a img,.ADL-sharebar .btn-share img{transform:skew(10deg, 0deg);width:20px;margin: 13px;padding: 0px}
@media (max-width: 767.98px) {
.ADL-msilogo{top: 25px;left:25px;width:90px;}
.ADL-sharebar{bottom: 30px;right:30px}
.ADL-sharebar a img,.ADL-sharebar .btn-share img{margin: 12px;}}
@media (max-width: 575.98px) {
.ADL-msilogo{top: 23px;left:23px;width:80px;}
.ADL-sharebar{bottom: 20px;right:20px}
.ADL-sharebar a img,.ADL-sharebar .btn-share img{margin: 11px;}}





/*s1 KV*/
#s1{background:#000;position: relative;overflow: hidden;width:100%;height:120vh;display: flex;align-items: flex-start;justify-content: center;opacity: 0}
#s1.active{opacity: 1}
#s1:after{content:'';display: block;position: absolute;left:0px;right:0px;bottom:0px;height:200px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
#ADL-kv{position:relative;margin: 0px auto 0px;max-width:1200px;width:100%;height:100vh;display: flex;align-items: center;justify-content: center;}
.ADL-img{height:0px;pointer-events:all !important;width: 100%;}
.layer{display: block;position: absolute;background-size: contain;background-position: center center;background-repeat: no-repeat;text-align: center;text-decoration: none;top:auto;}
.layer img{width:100%;max-width:100%}
.layer-item img{width:100%;transition:1s;-webkit-filter: drop-shadow(0px 0px 7px rgba(0,133,255,.3));filter: drop-shadow(0px 0px 7px rgba(0,133,255,.3));}
.layer-item span{color:rgba(255,255,255,1);font-weight: bold;letter-spacing:2px;font-size: 12px;display: block;}
.layer-item1 span{position:relative;bottom:0px;}
.layer-item4 span{position:absolute;right:0px;bottom:-20px;}
.layer-item5 span{position:absolute;left:0px;bottom:-20px;}
.layer-item:hover img{transform: translate(0px, -15px);-webkit-filter: drop-shadow(0px 0px 27px rgba(0,133,255,1));filter: drop-shadow(0px 0px 27px rgba(0,133,255,1))}
.layer-bg {width:120vw;height: 120vh;left:50%!important;top:50% !important;margin-left: -60vw;margin-top: -60vh;animation-duration:1s;animation-name:Shiny;animation-iteration-count: infinite;}
.layer-line{width:110vw;height: 110vh;left:50%!important;top:50%!important;margin-left: -55vw;margin-top: -55vh;background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/kv-line.png");}
.layer-dragon {width:40%;left:50%!important;margin-left:-20%;margin-top: -35%}
.layer-item1{width:22%;left:50%!important;margin-left: -11%;margin-top:-3%;z-index: 3}
.layer-item2{width:25%;left:60%!important;margin-right: -12%;margin-top:-5%;z-index: 2}
.layer-item3{width:25%;right:60%!important;left:auto!important;margin-left: -12%;margin-top:-5%;z-index: 2}
.layer-item4{width:20%;left:75%!important;margin-right: -10%;margin-top:-12%;z-index: 1}
.layer-item5{width:20%;right:75%!important;left:auto!important;margin-left: -10%;margin-top:-12%;z-index: 1}
.layer-content{width:550px;top:80%;left:50%;margin-left: -275px;z-index: 4}
@media (min-width: 1921px) {}
@media (min-width: 2100px) {}
@media (min-width: 2300px) {}
@media (max-width: 1699.98px) {}
@media (max-width: 1399.98px) {
.layer-bg {width:130vw;height: 130vh;margin-left: -65vw;margin-top: -65vh;}
.layer-item span{letter-spacing: 0px;font-size: 12px;}}
@media (max-width: 1199.98px) {
.layer-bg {width:150vw;height: 150vh;margin-left: -75vw;margin-top: -75vh;}
.layer-line {width:140vw;height: 140vh;margin-left: -70vw;margin-top: -67vh;}}
@media (max-height: 800px) {
.layer-dragon {width:34%;left!important:50%;margin-left:-17%;margin-top: -29%}
.layer-item1{width:20%;margin-left: -10%;}
.layer-item2{width:22%;left:59%!important;margin-right: -11%;}
.layer-item3{width:22%;right:59%!important;margin-left: -11%;}
.layer-item4{width:16%; left: 70%!important;}
.layer-item5{width:16%; right: 70%!important;}}
@media (max-height: 700px) {
.layer-dragon {width:30%;margin-left:-15%;margin-top: -24%}
.layer-item1{width:18%;margin-left: -9%;margin-top:-2%;}
.layer-item2{width:20%;left:58% !important;margin-right: -10%;}
.layer-item3{width:20%;right:58% !important;margin-left: -10%;}
.layer-item4{width:16%; left: 70%!important;}
.layer-item5{width:16%; right: 70%!important;}
.layer-content{top:82%;}}
@media (max-width: 991.98px) {
.layer-bg {width:200vw;height: 200vh;margin-left: -100vw;margin-top: -100vh;}
.layer-line {width:160vw;height: 160vh;margin-left: -80vw;margin-top: -75vh;}}
@media (max-width: 880.98px) {}
@media (max-width: 767.98px) {
.layer-bg {width:240vw;height: 240vh;margin-left: -120vw;margin-top: -120vh;}
.layer-line {width:140vw;height: 140vh;margin-left: -70vw;margin-top: -70vh;}
.layer-dragon {width:50%;margin-left:-25%;margin-top: -50%}
.layer-item1{width:26%;margin-left: -13%;margin-top:-8%;}
.layer-item2{width:27%;left:60%!important;margin-top:-10%;}
.layer-item3{width:27%;right:60%!important;margin-top:-10%;}
.layer-item4{width:20%;left:74%!important;margin-top:-14%;}
.layer-item5{width:20%;right:74%!important;margin-top:-14%;}
.layer-content{width:70%;top:65%;margin-left:-35%}
.layer-item span{display: none}}
@media (max-width: 640.98px) {
.layer-bg {width:340vw;height: 340vh;margin-left: -170vw;margin-top: -170vh;}
.layer-line {width:300vw;height:300vh;margin-left: -150vw;margin-top: -145vh;}
.layer-dragon {width:56%;margin-left:-28%;margin-top: -55%}
.layer-item1{width:30%;margin-left: -15%;margin-top:-9%;}
.layer-item2{width:30%;left:60%!important;margin-top:-10%;}
.layer-item3{width:30%;right:62%;margin-top:-10%;}
.layer-item4{width:22%;left:77%!important;}
.layer-item5{width:22%;right:77%!important;}
.layer-content{width:80%;top:65%;margin-left:-40%}}
@media (max-width: 575.98px) { ... }
@keyframes Shiny {
0% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg1.jpg")}
50% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg2.jpg")}
100% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/loading-bg1.jpg")}}



/*s2 Intel + Peak Design + Liquid Metal */
#ADL-page-cpu{height:100vh;background: #000}
#s2,#s3,#s4{position:absolute;height:100vh;opacity: 0;width: 100%}
#s2{background:#000;padding:0px;opacity: 1; z-index: 3}
#s3{background:#000;padding:0px;z-index: 2}
#s4{background:#000;padding:0px;z-index: 1}
#s2 h1{margin-bottom:5px;}
.cpu-bg{width:1600px;height:842px;position: absolute;left:50%;margin-left: -800px;margin-top:-421px;}
.cpu-bg img{width:100%}
.cpu-content{position: absolute;width:40%;margin: 0px auto;left: 0%;right:0%;text-align: center;max-width: 600px}
.cpu-content-1{}
.cpu-content-1 img{width:120px;margin-bottom: 40px}
.btn-intel{background:transparent;color:#fff;border:none;position: relative;font-weight: bold;}
.btn-intel:after{content:'';width:30px;height:30px;background:url('https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/icon-star.png');background-size:cover;display:block;position:absolute;right:-20px;top:0px;animation-duration:1s;animation-name:btn_Shiny;animation-iteration-count: infinite;}
@keyframes btn_Shiny {
0% {-webkit-filter: drop-shadow(0px 0px 3px rgba(0,70,255,0));filter: drop-shadow(0px 0px 3px rgba(0,70,255,0));opacity:.6}
50% {-webkit-filter: drop-shadow(0px 0px 4px rgba(0,50,255,1));filter: drop-shadow(0px 0px 4px rgba(0,50,255,1));opacity:1}
100% {-webkit-filter: drop-shadow(0px 0px 3px rgba(0,70,255,0));filter: drop-shadow(0px 0px 3px rgba(0,70,255,0));opacity:.6}}
.btn-intel:hover:after{content:'';width:40px;height:40px;right:-25px;top:-5px;}
.notelink{background: transparent;border:none;color:#888;}
.data{display:flex;justify-content: center;align-items: center;list-style: none;padding: 0px;}
.data li{font-size:18px;margin:0px 20px;font-weight: bold;}
.data li span{font-size:32px;margin:0px 8px;position: relative;bottom: -5px;font-weight: bold;}
.data li span img{width:24px;margin:0px 0px 0px 10px;}
.data .data-num-note{font-size:12px;;}
.modal{}
.modal-content{color:#fff;background:rgba(33,145,255,.3);border: none;border-radius: 0px;padding:30px 60px;position: relative;}
.modal-content img{margin-right: 40px}
.modal-content .btn-close{position:absolute;top:-15px;right:-15px;background: transparent;opacity: 1;border-radius: 50px;width: 40px;height: 40px;overflow: hidden;padding: 0px;}
.modal-content .btn-close img{width:100%}
.modal-content .modal-body{display: flex;justify-content: center;align-items: center;padding: 0px;}
.modal-content .data {display: flex;justify-content: flex-start;}
.modal-content .data-l li {margin: 0px 20px 0px 0px;}
.modal-content .data li span {font-size: 20px;margin: 0px;bottom: 0px;}
.modal-backdrop.show{opacity: .8}
.cpu-content-2{margin: 5vh auto}
.peak-data{display: flex;justify-content: center;align-items: center;background:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/peak-bg.png);background-size: cover;background-position: center center;padding: 0px 0px 50px;}
.peak-data-c{margin:0px;font-weight: bold;position: relative;width: 300px;height: 100px;background-size: contain;background-repeat: no-repeat;background-position: center center}
.peak-data-c div{margin-top:20px;font-weight: bold;}
.peak-data-c .data-w{font-size:30px;font-weight: bold;}
.peak-data-cpu{margin-top:40px;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/peak-data-cpu-bg.png);color:#4858ec;font-weight: bold;}
.peak-data-gpu{margin-top:40px;background-image:url(https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/peak-data-gpu-bg.png);color:#2e9f6f;font-weight: bold;}
.peak-data-cpu .data-w{margin-left:10px;}
.peak-data-gpu .data-w{margin-right:10px;}
.peak-note{display: block;font-size: 10px;}
.peak-data-total{width:140px;;}
.peak-data-total div{margin-top:0px;}
.peak-data-total .data-w{font-size: 36px;font-weight: bold;}
.peak-data-total span{font-size:12px;}
.cpu-content-3{margin: 5vh auto}
.cpu-content-3 img{width:150px;margin-bottom: 20px;}
.cpu-lq-frame,.cpu-lq-ripple2,.cpu-lq-js,.cpu-lq-light{background-repeat: no-repeat;background-position:center;position:absolute;background-size: contain;}
.cpu-lq{position: absolute;left:50%;top:35vh;width:1200px;height:500px;margin-left:-600px;margin-top:-250px;}
.cpu-lq-frame{background-image:url('https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/cpu-lq-frame.png');width: 100%;height: 100%;background-size: 100%;}
.cpu-lq-ripple{position:absolute;width: 37%;height:37%;top:24%;left:32%;overflow: hidden;clip-path: polygon(0% 0%, 70% 0%,40% 100%,0% 100%);}
.cpu-lq-ripple2{background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/cpu-lq-liquid.png");width:100%;height:100%;clip-path: polygon(0% 0%, 70% 0%,40% 100%,0% 100%);perspective:600;-webkit-perspective:600;}
.cpu-lq-js {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/cpu-lq-ripple.jpg");width:80%;left:10%;height:100%;transform: rotateX(64deg)translate(0px, -20px);-webkit-transform: rotateX(64deg) translate(0px, -20px);}
.cpu-lq-light {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/cpu-lq-light.png");width:100%;height:100%;margin-left: -14%;z-index: 2;pointer-events: none;}
@media (min-width: 1921px) {}
@media (min-width: 2100px) {}
@media (min-width: 2300px) {}
@media (max-width: 1599px) {
.cpu-lq{width:1080px;height:450px;margin-left:-540px;}
.cpu-content{width:50%;}}
@media (max-width: 1399.98px) {
.cpu-bg{width:1400px;margin-left: -700px;height:736px;margin-top:-368px;}
.cpu-content{width:55%;}}
@media (max-width: 1199.98px) {
.cpu-content{width:60%;}
.data li{font-size:16px;margin:0px 16px;}
.data li span{font-size:28px;margin:0px 6px;bottom: -4px;}}
@media (max-width: 991.98px) {
.cpu-bg{width:1300px;margin-left: -650px;height:684px;margin-top:-360px;}
.cpu-content{width:70%;}
.cpu-content-1 img{width:100px;margin-bottom: 25px}
.modal-content .modal-body{display: block;text-align: center;}
.modal-content .data {justify-content: center;}
.modal-dialog {margin:2rem;}
.modal-content img {margin-right:0px;max-width: 100%;}
.modal-content h4{margin-top:30px;}
.modal-content .data-l li {margin: 0px 10px 0px 10px;}
.peak-data-c .data-w{font-size:24px;}
.peak-data-total .data-w{font-size: 30px}
.cpu-lq{width:960px;height:400px;margin-left:-480px;top:40vh;}}
@media (max-height: 800px) {
.cpu-content-1 h1 {margin-bottom: 10px}
.cpu-content-1 img {width: 100px;margin-bottom: 20px;}}
@media (max-width: 767.98px) {
.cpu-bg{width:1200px;margin-left: -600px;height:631px;margin-top:-360px;}
.cpu-content{width:85%;margin-top:-10%}
.cpu-content-1{margin: 0vh auto 0vh;width:80%;}
.cpu-content-1 img{width:90px;margin-bottom: 20px}
.cpu-content-2{margin: 10vh auto 0vh;width:80%;}
.cpu-content-3{margin: 10vh auto 0vh;width:80%;}
.data li{font-size:15px;margin:0px 10px;}
.data li span{font-size:24px;margin:0px 4px;bottom: -3px;}
.data li span img{width:22px;margin:0px 0px 0px 8px;}
.data .data-num-note{font-size:11px;;}
.peak-data-cpu .data-w{margin-left:6px;}
.peak-data-gpu .data-w{margin-right:6px;}
.peak-data-c .data-w{font-size:20px;}
.peak-data-total .data-w{font-size: 27px}
.cpu-lq{width:840px;height:350px;margin-left:-420px;}
.cpu-lq-js{transform: rotateX(70deg)translate(0px, -30px);-webkit-transform: rotateX(70deg) translate(0px, -30px);}}
@media (max-width: 575.98px) {
.cpu-content-1{margin: -5vh auto 0vh;}
.cpu-content-2{margin: 0vh auto 0vh;width:80%;}
.cpu-content-3{margin: 0vh auto 0vh;width:80%;}
.data li{font-size:14px;margin:0px 8px;}
.data li span{font-size:20px;margin:0px 3px;bottom: -2px;}
.data li span img{width:20px;margin:0px 0px 0px 6px;}
.data .data-num-note{font-size:8px;}
.peak-data{width:130%;margin-left: -15%;}
.peak-data-c {width: 250px;font-size:12px;background-size: cover;background-position: left}
.peak-data-cpu {margin-top: 0px;background-position: right}
.peak-data-gpu {margin-top: 0px;}
.peak-data-total {width:180px;}
.peak-data-c div {margin-top: 20px;font-weight: bold;}
.peak-data-total div {margin-top: 10px;font-weight: bold;}
.peak-data-c .data-w{font-size:20px;}
.peak-data-total .data-w{font-size: 24px}}

/*s6 GPU */
#s6{width:100%;overflow: hidden;}
#s6 .s6-bg{background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/gpu-bg.jpg"),url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/gpu-bg-x.jpg");background-size: cover, cover;background-position: center top;background-repeat: no-repeat, repeat-x;padding:14em 0px 20em;}
#s6 h1{margin-bottom:5px;}
#s6 img{width:200px;max-width: 60%;margin-bottom: 20px;}
@media (min-width: 1921px) {}
@media (min-width: 2100px) {
#s6 .s6-bg{background-size: contain;}}
@media (min-width: 2300px) {}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
#s6 .s6-bg {background-size: 150%;background-position: center bottom;padding:10em 0px 10em;}}
@media (max-width: 991.98px) {
#s6 .s6-bg {background-size: 170%;background-position: center bottom;padding:10em 0px 5em;}}
@media (max-width: 767.98px) {
#s6 .s6-bg{background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/gpu-bg-m.jpg");background-size: 100%;background-position: center bottom;background-repeat: no-repeat;padding:3em 0px 30em;}}
@media (max-width: 640px) {
#s6 .s6-bg{padding:1em 0px 18em;}}
@media (max-width: 575.98px) {}

/*s7 Aesthetics */
#s7{background:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/aesthetics-bg.jpg") #060a13;background-repeat: repeat-x ;padding:20em 0px;overflow: hidden;}
#s7 .container{width:60%;max-width:1600px}
.ats-box{background-size: cover;background-position: center;display:flex;align-items:flex-end;justify-content:center;transform:skew(-10deg, 0deg) translate(0px, 60px);transition: 1s;height:40vw;max-height: 120vh;position: relative;background-color: #000;}
.ats-box-1{transform-origin: 100% 50% !important;position: relative;right:20px;bottom:200px;background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/aesthetics-1-bg.jpg") ;z-index: 5 ;}
.ats-box-2{transform-origin: 50% 50% !important;background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/aesthetics-2-bg.jpg") ;z-index: 4;transition-delay: .1s;}
.ats-box-3{transform-origin: 0% 50% !important;position: relative;left:20px;top:200px;background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/aesthetics-3-bg.jpg");transition-delay: .2s;}
#s7.active .ats-box{transform: skew(-10deg, 0deg) translate(0px, 0px)}
.ats-box-in{width:100%;text-align: center;transform: skew(10deg, 0deg);margin-bottom: 20%;position:absolute;left:50px;}
.ats-box-img{position: absolute;}
.ats-box-img img{width:100%;transform:skew(10deg, 0deg);;}
.ats-box-img-ch{top:16%;left: -70%;width:95%;}
.ats-box-img-s15m{top:5%;right: -25%;width:95%;}
.ats-box-img-ge66{top:18%;right: -10%;width:105%;}
.ats-box-img-gs66{top:15%;right: -35%;width:120%;}
@media (max-width: 1699.98px) {
#s7 .container{width:70%;}
.ats-box{height:50vw;}}
@media (max-width: 1399.98px) {
#s7 .container{width:75%;}
.ats-box{height:60vw;}
.ats-box-in{width:90%;left:80px;margin-bottom:15%;}}
@media (max-width: 1199.98px) {
#s7 .container{width:85%;}
.ats-box-img-ch{left: -50%;width:80%;}
.ats-box-img-s15m{right: -10%;width:80%;}
.ats-box-img-ge66{top:20%;right: -25%;width:120%;}
.ats-box-img-gs66{top:5%;right: -22%;width:110%;}
.ats-box-in{width:100%;left:40px;margin-bottom: 10%;}
.ats-box-1{right:-20px;bottom:240px;}
.ats-box-3{left:-20px;top:240px}}
@media (max-width: 991.98px) {
#s7{padding:15em 0px;}
.ats-box{height:70vw;width:60%;margin-left: 17%;transform: skew(-10deg, 0deg) translate(0px, 0px)}
.ats-box-img-ch{top:15%;left: -20%;width:70%;}
.ats-box-img-s15m{top:10%;right: -20%;width:70%;}
.ats-box-img-ge66{top:15%;right: 0%;width:90%;}
.ats-box-img-gs66{top:10%;right: 0%;width:100%;;;}
.ats-box-in{width:100%;left:100px;margin-bottom: 10%;}
.ats-box-1{right:0px;bottom:40px;}
.ats-box-3{left:0px;top:40px}}
@media (max-width: 767.98px) {
#s7{padding:10em 0px;}
.ats-box{height:75vw;width:70%;margin-left: 10%}
.ats-box-in{width:100%;left:60px;margin-bottom: 10%;}}
@media (max-width: 575.98px) {
.ats-box{height:100vw;width:80%;margin-left: 5%}
.ats-box-in{width:100%;left:60px;margin-bottom: 10%;}}



/*s8 Experience */
#s8{background:#060a13;padding:10rem 0px 0rem;overflow-x: hidden;}
#s8 .s8-bt-bg{background:linear-gradient(0deg, #000 0%,#060a13 100%);overflow: hidden;}
#s8 .col-lg-4{padding:0px;}
.exp-box{color:#fff;display: flex;align-items: flex-end;justify-content: center;transform: skew(-10deg, 0deg) ;position: relative;transition: .2s;transition-delay: .2s;height:60vw;overflow:hidden; max-height: 900px;}
.exp-box-1 .exp-box-img,.exp-box-2 .exp-box-img,.exp-box-3 .exp-box-img{position:absolute;width:100%;height:100%;transform: skew(10deg, 0deg) scale(1.26);background-size:contain;background-repeat: no-repeat;background-position: top;background-color:#000;}
.exp-box-1 .exp-box-img{background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-1-bg.jpg");animation-duration:6s;animation-name:Intelligent_Scenario;animation-iteration-count: infinite;}
.exp-box-2 .exp-box-img{background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-2-bg.jpg")}
.exp-box-3 .exp-box-img{background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-3-bg.jpg")}
.exp-box:after{content:'';display: block;position: absolute;left:0px;right:0px;bottom:0px;height:200px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.exp-box-in{width:60%;text-align: center;transform:translate(35px, 0px) skew(10deg, 0deg);margin-bottom:20px;z-index: 99;}
.exp-box-in img{width:120px;margin-bottom: 20px;margin-top: 60px;}
.exp-box-1 .exp-box-in{transform:translate(120px, 0px) skew(10deg, 0deg);}
.exp-box-2 .exp-box-in{transform:translate(60px, 0px) skew(10deg, 0deg);}
.exp-box-3 .exp-box-in{transform:translate(0px, 0px) skew(10deg, 0deg);}
@media (max-width: 1599.98px) {
.exp-box{height:48vw}
.exp-box-in{width:70%;}
.exp-box-1 .exp-box-in{transform:translate(60px, 0px) skew(10deg, 0deg)}
.exp-box-2 .exp-box-in{transform:translate(30px, 0px) skew(10deg, 0deg);}
.exp-box-3 .exp-box-in{transform:translate(0px, 0px) skew(10deg, 0deg);}}
@media (max-width: 1399.98px) {
.exp-box{height:48vw}
.exp-box-1 .exp-box-img,.exp-box-2 .exp-box-img,.exp-box-3 .exp-box-img{transform: skew(10deg, 0deg) scale(1.31);}
.exp-box-in{width:75%;}}
@media (max-width: 1199.98px) {
.exp-box{height:54vw}
.exp-box-1 .exp-box-img,.exp-box-2 .exp-box-img,.exp-box-3 .exp-box-img{transform: skew(10deg, 0deg) scale(1.41);}
.exp-box-1 .exp-box-in{transform:translate(40px, 0px) skew(10deg, 0deg);margin-bottom: 15px;}
.exp-box-2 .exp-box-in{transform:translate(20px, 0px) skew(10deg, 0deg);margin-bottom: 15px;}
.exp-box-3 .exp-box-in{transform:translate(0px, 0px) skew(10deg, 0deg);margin-bottom: 15px;}
.exp-box-in{margin-bottom:75px;}}
@media (max-width: 991.98px) {
.exp-box{height:70vw;width:100%;transform: skew(0deg, 0deg);overflow: hidden;margin: 0 auto;}
.exp-box-1 .exp-box-img,.exp-box-2 .exp-box-img,.exp-box-3 .exp-box-img{transform: skew(0deg, 0deg) scale(1);background-size:100%;background-position:bottom center;}
.exp-box-1 .exp-box-in,.exp-box-2 .exp-box-in,.exp-box-3 .exp-box-in{transform:translate(0px, 0px) skew(0deg, 0deg);}}
@media (max-width: 767.98px) {
.exp-box{height:110vw;}
.exp-box-1 .exp-box-img{transform:translate(0px, -30vw) scale(1.4);}
.exp-box-2 .exp-box-img{transform:translate(0px, -35vw) scale(1);}
.exp-box-3 .exp-box-img{transform:translate(0px, -50vw) scale(1.4);}
.exp-box-1 .exp-box-in,.exp-box-2 .exp-box-in,.exp-box-3 .exp-box-in{transform: skew(0deg, 0deg);}}
@media (max-width: 575.98px) {}
@keyframes Intelligent_Scenario {
0% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-1a-bg.jpg")}
33% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-1b-bg.jpg")}
66% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-1c-bg.jpg")}
100% {background-image:url("https://storage-asset.msi.com/event/2021/nb/LatestGamingLaptops/images/experience-1a-bg.jpg")}}

/*s9*/
#s9{position: relative}
#ADL-page-items{position:absolute;overflow: hidden;width:100%;height:100vh;display: flex;}
#ADL-page-items:after{background:#ff0;display: block;position: absolute;bottom:0px;left:0px;right:0px;content: '';height: 100px;background:linear-gradient(0deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);    z-index: 1;}
#ADL-page-items .list-line{position: absolute;top:50%;width:45%}
#ADL-page-items .list-line img{width:100%}
#ADL-page-items .list-line-l{left: 0px;z-index: 2;opacity: .6;margin-top: -25%;transform-origin: top left;opacity: .2}
#ADL-page-items .list-line-r{right: 0px;z-index: 2;opacity: .6;margin-top: -25%;transform-origin: top right;opacity: .2}
#ADL-page-items .list-line-bg{width:100%;z-index: 1;margin-top: -25%;opacity: .5}
.list-logo{position:relative;height:50vh;z-index: 2;display: flex;justify-content: center;align-items: center;justify-content: center;    align-items: flex-end;}
.list-logo-box img{max-width:80%;width:600px}
.list-banner-box img{max-width:100%; margin-top: 45px;}
@media (min-width: 1921px) {
#ADL-page-items .list-line{width:40%;top:60%;}
#ADL-page-items .list-line-bg{width:1920px;margin-top:-15%;margin-left: -960px; top:50%;left:50%;}}
@media (min-width: 2100px) {}
@media (min-width: 2300px) {}
@media (max-width: 1399.98px) {
#ADL-page-items .list-line-bg{width: 140%;margin-left: -35%;margin-top: -30%;}}
@media (max-width: 1199.98px) { ... }
@media (max-width: 991.98px) {
.list-logo{height:50vh;}
#ADL-page-items{height:100vh;}
#ADL-page-items .list-line-bg{width: 200%;margin-left: -50%;margin-top: -50%;}}
@media (max-width: 767.98px) { ... }
@media (max-width: 575.98px) {
#ADL-page-items .list-line{top:50%;width:100%}
#ADL-page-items .list-line-l{left: -40%;margin-top: -50%}
#ADL-page-items .list-line-r{right: -40%;margin-top: -50%}
#ADL-page-items .list-line-bg{width:400%;margin-left: -100%;margin-top: -70%}}

/*s10*/
#s10{overflow: hidden;padding-top:50px;padding-bottom:50px;position: relative;z-index: 3}
#s10 #para{pointer-events: all !important;}
.filter-menu{text-align:center;padding:0px;}
.filter-menu li{display: inline-block;}
.filter-menu li button{background:none;;border: none;border-bottom: 2px solid #666;color:#999;padding:10px 20px;font-size:18px;}
.filter-menu li button.active{border-bottom:2px solid #fff;color:#fff}
.row-list{opacity:1;transition:.3s;}
.row-list.active{opacity:0;transition: 0s;}
.item-box{background:linear-gradient(45deg,rgba(33,145,255,.2),rgba(69,255,255,0));position: relative;transform-origin: 50% 50% !important;opacity:1;display: flex;flex-direction: column;backdrop-filter: blur(3px);}
.item-box2{background: none;}

.item-box img{margin-top:-80px}
.item-box .item-spec{padding:0px 40px 20px;text-align:center;    display: flex;flex-direction: column;justify-content: space-between;flex: auto;}
.item-box .item-spec h3{color:#fff;font-size:42px;font-family: 'DINCond-Bold'}
.item-box .item-spec h5{font-weight: bold;color:rgba(255,255,255,.5);font-size:17px;margin-bottom: 20px}
.item-box .item-spec h6{margin-top:20px}
.item-box .item-spec .item-intro{font-size:16px;color:#000;margin-bottom: 15px}
.item-box .item-series{position:absolute;top:40px ;left: -25px;padding:4px 28px;color:#fff;transform: skew(-10deg, 0deg);font-size:25px;box-shadow: 4px 4px 6px rgba(0,0,0,0.1);font-family: 'DINCond-Medium-Regular', 'cwTeXHei', 'Microsoft JhengHei';}
.item-box .item-bottom{margin-top:0px;margin-bottom:20px;}
.item-box .btn{background:#0084ff;border-radius: 0px;color:#fff;font-size:20px;transform: skew(-10deg, 0deg);padding:5px 20px;font-family: 'DINCond-Bold'}
.item-box .btn-more{background:#154371;}
.item-box .btn-login{margin:20px auto 0; width: 40%; width: 350px;}
.col-gaming,.col-content{padding-left:30px;padding-right:30px;margin-top: 120px;}
.col-gaming .item-box .item-series{background: linear-gradient(to left, #0357fc, #4f04aa);} 
.col-content .item-box .item-series{background: linear-gradient(to left, #856245, #bd9653);}
@media (max-width: 1399.98px){
.col-gaming,.col-content{padding-left:25px;padding-right:25px;margin-top: 120px;}}
@media (max-width: 1199.98px){
.item-box img{margin-top:-60px}
.item-box .item-spec{padding:0px 20px 20px;}
.item-box .item-spec h3{font-size:36px;}
.item-box .item-spec h5{font-size:16px;}
.item-box .item-spec .item-intro{font-size:15px;}
.item-box .item-series{padding:6px 24px;font-size:15px;top:20px;}
.col-gaming,.col-content{padding-left:20px;padding-right:20px;margin-top:60px;}}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px){
.item-box .item-spec{padding:0px 20px 10px;}
.item-box .item-spec h3{font-size:32px;}
.item-box .item-spec h5{font-size:15px;}
.item-box .item-spec h6{margin-top:10px}
.item-box .item-spec .item-intro{font-size:14px;}
.item-box .item-series{padding:4px 18px;font-size:18px;top:15px;left: -15px;}
.item-box .btn{padding:8px 15px;font-size:18px;}
.col-gaming,.col-content{padding-left:15px;padding-right:15px;margin-top:60px;}}
@media (max-width: 575.98px){
.item-box{margin:0px 30px 0px 30px;}
.item-box img{margin-top:0px;width:80% !important;margin:0px 10%}
.item-box .item-spec{padding:0px 20px 15px;}
.item-box .item-series{top:25px;}
.item-box .btn{padding:5px 10px;}
.col-gaming,.col-content{margin-top:30px;}}

/*s11*/
#s11{backdrop-filter: blur(2px);padding-top:100px;padding-bottom:100px;position: relative;z-index: 2}
#s11 .footer-icon{height:36px;margin:0px 60px 60px 0px;}
#s11 h2{line-height:1.6em;font-size:24px;margin-bottom: 40px}
#s11 p{line-height:1.4em;font-size:15px;text-align: justify;text-indent: 20px;color:rgba(255,255,255,.6);}
#s11 .col {padding-right: 30px;padding-left: 30px;}
@media (max-width: 1399.98px){
#s11 .footer-icon{height:34px;margin:0px 60px 60px 0px;}
#s11 .col {padding-left:25px;padding-right:25px;}}
@media (max-width: 1199.98px){
#s11 .footer-icon{height:32px;margin:0px 40px 40px 0px;}
#s11 h2{font-size:23px;}
#s11 p{font-size:14px;}
#s11 .col {padding-left:20px;padding-right:20px;}}
@media (max-width: 991.98px) {
#s11 .footer-icon{height:30px;margin:0px 30px 30px 0px;}}
@media (max-width: 767.98px){
#s11 .footer-icon{height:28px;margin:0px 24px 24px 0px;}
#s11 h2{font-size:20px;}
#s11 p{font-size:13px;margin-bottom:10px}
#s11 .col {padding-left:15px;padding-right:15px;}}
@media (max-width: 575.98px){
#s11 .footer-icon{height:24px;}
#s11 h2{font-size:18px;}
#s11 p{font-size:12px;margin-bottom:8px}
#s11 .col {padding-left:40px;padding-right:40px;}}