.vishidden{
    visibility:hidden
}
 .performance-run{
    background-image:url(../img/performance-run.png);
    width:100%;
    height:340px;
    background-size:100% auto;
    background-repeat:no-repeat;
    margin-top:20px
}
 .battery-text{
    font-size:20px;
    letter-spacing:3px;
    color:#fff;
    /*opacity:.6;*//*RCD edit*/
}
 .design-thumb2-in{
    width:360px;
    margin:30px 0 0
}
 .slider-slick-content .slick-track{
    display:flex
}
 .dark-text{
    font-size:12px;
    color:#999
}
 .wifi6-logo{
    width:120px;
    display:table;
    margin:30px auto
}
 .wifilogo{
    display:flex;
    align-items:center;
    justify-content:center
}
 .wifilogo img{
    max-width:100%;
    width:100%
}
 .sup-text{
    transform:scale(.7);
    display:inline-block
}
 .sub-text{
    margin-top:10px;
    color:#fff;
    text-align:center;
    font-size:14px;
    letter-spacing:1px
}

 @keyframes mouse-rainbow{
     0%{
        background:#fd118d
    }
     5%{
        background:#fc0613
    }
     10%{
        background:#d0f945
    }
     15%{
        background:#fe580e
    }
     20%{
        background:#ffd832
    }
     25%{
        background:#53fe3d
    }
     30%{
        background:#2ffe3e
    }
     35%{
        background:#2cfea7
    }
     40%{
        background:#23f6ff
    }
     45%{
        background:#007dfb
    }
     50%{
        background:#fd118d
    }
     55%{
        background:#fc0613
    }
     60%{
        background:#ffd832
    }
     65%{
        background:#d0f945
    }
     70%{
        background:#2ffe3e
    }
     75%{
        background:#23f6ff
    }
     80%{
        background:#007dfb
    }
     85%{
        background:#0023f9
    }
     90%{
        background:#007dfb
    }
     95%{
        background:#6a1cfb
    }
     100%{
        background:#f01cfa
    }
}
 @keyframes floatLeft{
     0%{
        left:0
    }
     20%{
        left:-3%
    }
     40%{
        left:-6%
    }
     60%{
        left:-9%
    }
     80%{
        left:-12%
    }
     100%{
        left:-15%
    }
}
 @keyframes floatRight{
     0%{
        right:0
    }
     20%{
        right:-3%
    }
     40%{
        right:-6%
    }
     60%{
        right:-9%
    }
     80%{
        right:-12%
    }
     100%{
        right:-15%
    }
}
 @keyframes cooling-bg{
     7%{
        background-image:url(../img/sequence01_s.png)
    }
     14%{
        background-image:url(../img/sequence02_s.png)
    }
     21%{
        background-image:url(../img/sequence03_s.png)
    }
     28%{
        background-image:url(../img/sequence04_s.png)
    }
     35%{
        background-image:none
    }
     42%{
        background-image:url(../img/sequence06_s.png)
    }
     49%{
        background-image:url(../img/sequence07_s.png)
    }
     56%{
        background-image:url(../img/sequence08_s.png)
    }
     63%{
        background-image:url(../img/sequence09_s.png)
    }
     70%{
        background-image:none
    }
     77%{
        background-image:url(../img/sequence11_s.png)
    }
     84%{
        background-image:url(../img/sequence12_s.png)
    }
     91%{
        background-image:url(../img/sequence13_s.png)
    }
     100%{
        background-image:url(../img/sequence14_s.png)
    }
}
 @keyframes cooling-bg-xs{
     7%{
        background-image:url(../img/sequence01_xs.png)
    }
     14%{
        background-image:url(../img/sequence02_xs.png)
    }
     21%{
        background-image:url(../img/sequence03_xs.png)
    }
     28%{
        background-image:url(../img/sequence04_xs.png)
    }
     35%{
        background-image:none
    }
     42%{
        background-image:url(../img/sequence06_xs.png)
    }
     49%{
        background-image:url(../img/sequence07_xs.png)
    }
     56%{
        background-image:url(../img/sequence08_xs.png)
    }
     63%{
        background-image:url(../img/sequence09_xs.png)
    }
     70%{
        background-image:none
    }
     77%{
        background-image:url(../img/sequence11_xs.png)
    }
     84%{
        background-image:url(../img/sequence12_xs.png)
    }
     91%{
        background-image:url(../img/sequence13_xs.png)
    }
     100%{
        background-image:url(../img/sequence14_xs.png)
    }
}
 @keyframes glitch-anim{
     0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);
        clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)
    }
     2%{
        -webkit-clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        -webkit-transform:translate(-5px);
        transform:translate(-5px)
    }
     6%{
        -webkit-clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        -webkit-transform:translate(5px);
        transform:translate(5px)
    }
     8%{
        -webkit-clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        -webkit-transform:translate(-5px);
        transform:translate(-5px)
    }
     9%{
        -webkit-clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);
        -webkit-transform:translate(0);
        transform:translate(0)
    }
     10%{
        -webkit-clip-path:polygon(0 54%,100% 54%,100% 44%,0 44%);
        clip-path:polygon(0 54%,100% 54%,100% 44%,0 44%);
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
     13%{
        -webkit-clip-path:polygon(0 54%,100% 54%,100% 44%,0 44%);
        clip-path:polygon(0 54%,100% 54%,100% 44%,0 44%);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
     13.1%{
        clip-path:inset(40% 0 61% 0);
        -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
        clip-path:polygon(0 0,0 0,0 0,0 0);
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
     15%{
        -webkit-clip-path:polygon(0 60%,100% 60%,100% 40%,0 40%);
        clip-path:polygon(0 60%,100% 60%,100% 40%,0 40%);
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
     20%{
        clip-path:inset(92% 0 1% 0);
        -webkit-clip-path:polygon(0 60%,100% 60%,100% 40%,0 40%);
        clip-path:polygon(0 60%,100% 60%,100% 40%,0 40%);
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
     20.1%{
        -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
        clip-path:polygon(0 0,0 0,0 0,0 0);
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
     25%{
        -webkit-clip-path:polygon(0 85%,100% 85%,100% 40%,0 40%);
        clip-path:polygon(0 85%,100% 85%,100% 40%,0 40%);
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
     30%{
        clip-path:inset(43% 0 1% 0);
        -webkit-clip-path:polygon(0 85%,100% 85%,100% 40%,0 40%);
        clip-path:polygon(0 85%,100% 85%,100% 40%,0 40%);
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
     30.1%{
        -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
        clip-path:polygon(0 0,0 0,0 0,0 0)
    }
     35%{
        clip-path:inset(25% 0 58% 0);
        -webkit-clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        -webkit-transform:translate(-5px);
        transform:translate(-5px)
    }
     40%{
        clip-path:inset(54% 0 7% 0);
        -webkit-clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        -webkit-transform:translate(5px);
        transform:translate(5px)
    }
     45%{
        -webkit-clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        -webkit-transform:translate(-5px);
        transform:translate(-5px)
    }
     50%{
        -webkit-clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);
        -webkit-transform:translate(0);
        transform:translate(0)
    }
     55%{
        -webkit-clip-path:polygon(0 10%,100% 10%,100% 0,0 0);
        clip-path:polygon(0 10%,100% 10%,100% 0,0 0);
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
     60%{
        -webkit-clip-path:polygon(0 10%,100% 10%,100% 0,0 0);
        clip-path:polygon(0 10%,100% 10%,100% 0,0 0);
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
     60.1%{
        clip-path:inset(58% 0 43% 0);
        -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
        clip-path:polygon(0 0,0 0,0 0,0 0);
        opacity:1
    }
     to{
        -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
        clip-path:polygon(0 0,0 0,0 0,0 0);
        opacity:1
    }
}
 @keyframes KeyBreathing{
     0%{
        opacity:0
    }
     30%{
        opacity:1
    }
     70%{
        opacity:1
    }
     100%{
        opacity:0
    }
}
 @keyframes KeyStrobing{
     0%{
        opacity:0
    }
     25%{
        opacity:1
    }
     50%{
        opacity:1
    }
     75%{
        opacity:0
    }
     100%{
        opacity:0
    }
}
 @keyframes ColorCycleSvg{
     0%{
        fill:#fc0613
    }
     8.3%{
        fill:#fd118d
    }
     16.6%{
        fill:#6a1cfb
    }
     24.9%{
        fill:#0023f9
    }
     33.2%{
        fill:#007dfb
    }
     41.5%{
        fill:#23f6ff
    }
     49.8%{
        fill:#2cfea7
    }
     58.1%{
        fill:#2ffe3e
    }
     66.4%{
        fill:#53fe3d
    }
     74.7%{
        fill:#d0f945
    }
     83.0%{
        fill:#ffd832
    }
     91.3%{
        fill:#fe580e
    }
     100%{
        fill:#fc0613
    }
}
 @keyframes ColorCycle{
     0%{
        background:#fc0613
    }
     8.3%{
        background:#fd118d
    }
     16.6%{
        background:#6a1cfb
    }
     24.9%{
        background:#0023f9
    }
     33.2%{
        background:#007dfb
    }
     41.5%{
        background:#23f6ff
    }
     49.8%{
        background:#2cfea7
    }
     58.1%{
        background:#2ffe3e
    }
     66.4%{
        background:#53fe3d
    }
     74.7%{
        background:#d0f945
    }
     83.0%{
        background:#ffd832
    }
     91.3%{
        background:#fe580e
    }
     100%{
        background:#fc0613
    }
}
 @keyframes KeyRainbow{
     0%{
        background-position:0
    }
     100%{
        background-position:-134%
    }
}
 @keyframes KeyMusic{
     0%{
        opacity:.5
    }
     3%{
        opacity:1
    }
     6%{
        opacity:.5
    }
     9%{
        opacity:1
    }
     12%{
        opacity:.5
    }
     25%{
        opacity:.5
    }
     27%{
        opacity:1
    }
     29%{
        opacity:.5
    }
     32%{
        opacity:1
    }
     34%{
        opacity:.5
    }
     36%{
        opacity:1
    }
     39%{
        opacity:.5
    }
     65%{
        opacity:.5
    }
     70%{
        opacity:1
    }
     75%{
        opacity:.5
    }
     100%{
        opacity:.5
    }
}
 @keyframes KeySmart{
     0%{
        background-color:red
    }
     33.33333%{
        background-color:green
    }
     66.66667%{
        background-color:#ff0
    }
     100%{
        background-color:red
    }
}
 @keyframes KeySmartSvg{
     0%{
        fill:red
    }
     33.33333%{
        fill:green
    }
     66.66667%{
        fill:#ff0
    }
     100%{
        fill:red
    }
}
 @keyframes KeyStarry{
     0%{
        opacity:0
    }
     60%{
        opacity:0
    }
     70%{
        opacity:1
    }
     80%{
        opacity:0
    }
     90%{
        opacity:1
    }
     100%{
        opacity:0
    }
}
 @keyframes glitch-anim-1-horizontal{
     0%{
        clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)
    }
     10%{
        clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)
    }
     20%{
        clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)
    }
     30%{
        clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)
    }
     40%{
        clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)
    }
     50%{
        clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)
    }
     60%{
        clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)
    }
     70%{
        clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)
    }
     80%{
        clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)
    }
     90%{
        clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)
    }
     100%{
        clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)
    }
}
 @keyframes glitch-anim-2-horizontal{
     0%{
        clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)
    }
     15%{
        clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)
    }
     22%{
        clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)
    }
     31%{
        clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)
    }
     45%{
        clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)
    }
     51%{
        clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)
    }
     63%{
        clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)
    }
     76%{
        clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)
    }
     81%{
        clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)
    }
     94%{
        clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)
    }
     100%{
        clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)
    }
}
 @keyframes glitch-anim-3-horizontal{
     0%{
        clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)
    }
     5%{
        clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)
    }
     10%{
        clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)
    }
     25%{
        clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)
    }
     27%{
        clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)
    }
     30%{
        clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)
    }
     33%{
        clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)
    }
     37%{
        clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)
    }
     40%{
        clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)
    }
     45%{
        clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)
    }
     50%{
        clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)
    }
     53%{
        clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)
    }
     57%{
        clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)
    }
     60%{
        clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)
    }
     65%{
        clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)
    }
     70%{
        clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)
    }
     73%{
        clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)
    }
     80%{
        clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)
    }
     100%{
        clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)
    }
}
 @keyframes glitch-anim-flash{
     0%{
        opacity:.2;
        transform:translate3d(var(--gap-horizontal),var(--gap-vertical),0)
    }
     100%,33%{
        opacity:0;
        transform:translate3d(0,0,0)
    }
}
 @keyframes glitch1{
     0%{
        transform:translate(0)
    }
     20%{
        transform:translate(-1px,1px) skewX(10deg)
    }
     40%{
        transform:translate(-1px,-1px) skewX(2deg)
    }
     60%{
        transform:translate(1px,1px) skewX(15deg)
    }
     80%{
        transform:translate(1px,-1px) skewX(4deg)
    }
     to{
        transform:translate(0)
    }
}
 @keyframes glitch2{
     0%{
        transform:translate(0)
    }
     20%{
        transform:translate(-1px,1px) skewX(-10deg)
    }
     40%{
        transform:translate(-1px,-1px) skewX(-2deg)
    }
     60%{
        transform:translate(1px,1px) skewX(-15deg)
    }
     80%{
        transform:translate(1px,-1px) skewX(-4deg)
    }
     to{
        transform:translate(0)
    }
}
 @keyframes glitch3{
     0%{
        transform:translate(0)
    }
     20%{
        transform:translate(1px,-1px) skewX(-5deg)
    }
     40%{
        transform:translate(1px,-1px) skewX(2deg)
    }
     60%{
        transform:translate(1px,-1px) skewX(-5deg)
    }
     80%{
        transform:translate(-1px,-1px) skewX(-1deg)
    }
     to{
        transform:translate(0)
    }
}
 @keyframes nb-move{
     0%{
        background-position:center calc(50%)
    }
     20%{
        background-position:center calc(50% - 20px)
    }
     60%{
        background-position:center calc(50%)
    }
     80%{
        background-position:center calc(50% + 20px)
    }
     100%{
        background-position:center calc(50%)
    }
}
 @keyframes mb-nb-move{
     0%{
        background-position:center calc(100%)
    }
     20%{
        background-position:center calc(100% - 20px)
    }
     60%{
        background-position:center calc(100%)
    }
     80%{
        background-position:center calc(100% + 20px)
    }
     100%{
        background-position:center calc(100%)
    }
}
 @keyframes blink{
     0%,49%{
        opacity:1
    }
     100%,50%{
        opacity:0
    }
}
 .tgbold{
    font-family: "Trade bold", sans-serif;/*RCD edit*/
}
 .windows-box{
    display:table;
    margin:20px auto -50px;
    text-align:center
}
 .windows-text{
    font-size:54px;
    color:#fff
}
 .os-text{
    font-size:20px;
    letter-spacing:3px;
    height:35px;
    color:#fff;
    /*opacity:.6;*//*RCD edit*/
}
 html{
    margin:0;
    padding:0;
    font-size:14px
}
 html.active{
    overflow:hidden
}
 html.scroll{
    overflow-x:hidden
}
 body{
    margin:0;
    padding:0;
    font-size:14px;
    background:#200757
}
 body.scroll{
    overflow:visible
}
 body.active{
    overflow:hidden!important
}
 .hide{
    display:none!important
}
 :focus{
    outline:0
}
 .v-container{
    position:relative
}
 section.merge{
    background-image:url(../img/batterykeyboard-bg.jpg);
    background-size:100% auto;
    background-color:#000;
    background-position:0 300px;
    background-repeat:no-repeat;
    overflow:hidden;
    position:relative;
    width:1920px;
    height:3600px
}
 .overviewContent .v-container .tg20{
    font-family:TG20
}
 .overviewContent .v-container .bebas{
    font-family: 'Roboto', sans-serif; /*RCD edit*/
}
 .overviewContent .v-container .tgltbdcn{
    font-family:TGLTBDCN
}
 .overviewContent .v-container .tglt{
    font-family:TGLT
}
 .overviewContent .v-container .roboto-med{
    font-family:RobotoMed
}
 .overviewContent .v-container .tgltext{
    font-family:TGLTEXT
}
 .overviewContent .v-container .tgltcon2{
    font-family:TGLTCON2
}
 .overviewContent .v-container .tgltcon{
    font-family:TGLTCON
}
 .overviewContent .v-container .rog-font{
    font-family: "ROG", sans-serif;/*RCD edit*/
}
 .overviewContent .v-container .roboto{
    font-family:Roboto
}
 .overviewContent .v-container .slider-top{
    background-image:url(../img/slider-top.png);
    width:100%;
    height:10px;
    background-size:100% auto;
    background-position:center center;
    position:relative;
    background-repeat:no-repeat;
    left:50%;
    transform:translateX(-50%)
}
 .overviewContent .v-container .slider-bottom{
    background-image:url(../img/slider-bottom.png);
    width:100%;
    height:10px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center center;
    position:relative;
    left:50%;
    transform:translateX(-50%)
}
 .overviewContent .v-container .display-mask{
    display: none;/*RCD edit*//*RCD added*/
    width:100%;
    height:550px;
    position:absolute;
    left:0;
    top:0;
    background:-moz-linear-gradient(top,rgba(0,0,0,.49) 0,rgba(0,0,0,0) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,.49) 0,rgba(0,0,0,0) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,.49) 0,rgba(0,0,0,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d000000', endColorstr='#00000000', GradientType=0)
}
 @media (max-width:739px){
     .overviewContent .v-container .display-mask{
        top:300px;
        background:linear-gradient(180deg,#000,transparent);
        height:200px
    }
}
 .overviewContent .v-container .scar-container{
    overflow:hidden;
    position:relative
}
 .overviewContent .v-container .main-bg{
    background-size:100% auto;
    background-position:center center;
    position:relative;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%)
}
 .overviewContent .v-container .main-bg .title{
    margin:0 auto 0;
    padding:95px 0 0;
    display:table
}
 .overviewContent .v-container .main-bg .box-title{
    position:relative;
    display:table;
    margin:auto
}
 .overviewContent .v-container .main-bg .box-title .box-bg-revert{
    mix-blend-mode:initial;
    padding:0 18px;
    width:100%;
    width:calc(100% + 36px);/*RCD edit 20210917*/
    left:-8px;
    transform:skewX(-25deg) translateX(-7px);
    box-sizing: border-box;/*RCD edit 20210917*/
}
 .overviewContent .v-container .main-bg .box-title font{
    font-style:italic;
    font-size:24.75px;
    color:#fff
}
 .overviewContent .v-container .main-bg .text{
    /*opacity:.6;*//*RCD edit*/
    font-size:19.5px;
    text-align:center;
    letter-spacing:1px;
    max-width:80%;
    color:#fff;
    width:900px;
    margin:auto
}
 .overviewContent .v-container .main-section .main-bg{
    background-image:url(../img/main-banner-15.jpg);
    width:1920px;
    height:1440px;
    opacity:0;
    transition:2s ease all
}
 .overviewContent .v-container .main-section .main-bg.kv-15{
    background-image:url(../img/main-banner-15.jpg)
}
 @media (max-width:2560px){
     .overviewContent .v-container .main-section .main-bg.kv-15{
        background-image:url(../img/main-banner-15@0.5x.jpg)
    }
}
 .overviewContent .v-container .product-section{
    mix-blend-mode:screen;
    background-color:#200757;
    /*height:1958px;*//*RCD edit*/
    mix-blend-mode:unset
}
 .overviewContent .v-container .product-section .main-bg{
    transform:translate(-50%,-90px);
    width:1920px;
    /*height:1958px;*//*RCD edit*/
    height: 100%;/*RCD edit*/
    position:absolute;
    z-index:-2;
    background-image:url(../img/prduct-video-bg.jpg);/*RCD edit*//*避免背景太晚出現*/
}
 .overviewContent .v-container .product-section .main-bg.active{
    /*background-image:url(../img/prduct-video-bg.jpg)*/
}
 .overviewContent .v-container .product-section .v-line{
    width:1263px;
    height:1241px;
    background-image:url(../img/product-line.png);
    background-size:100% auto;
    position:absolute;
    top:680px;
    left:540px;
    z-index:-1;
    mix-blend-mode:screen
}
 .overviewContent .v-container .product-section .title{
    position:relative;
    margin-top:90px
}
 .overviewContent .v-container .product-section .title .rog-strix{
    font-size:210px;
    font-size:120px; /*RCD edit*/
    color:#fff;
    position:relative;
    z-index:2;
    letter-spacing:2px
}
 .overviewContent .v-container .product-section .title .rog-strix-shadowimg{
    transform:skewX(10deg);
    position:absolute;
    height:253px;
    width:1460px;
    left:44px;
    top:83px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-image:url(../img/rog-strix-shadow.png)
}
 .overviewContent .v-container .product-section .title .rog-g15-shadowimg{
    position:absolute;
    height:273px;
    width:740px;
    left:24px;
    top:122px;
    background-repeat:no-repeat;
    transform:skewX(10deg);
    background-size:100% auto;
    background-image:url(../img/new-g15-shadow.png)
}
 .overviewContent .v-container .product-section .title .rog-g17-shadowimg{
    position:absolute;
    height:273px;
    width:740px;
    left:24px;
    top:122px;
    background-repeat:no-repeat;
    transform:skewX(10deg);
    background-size:100% auto;
    background-image:url(../img/new-g17-shadow.png)
}
 .overviewContent .v-container .product-section .title .rog-strix-shadow{
    display:none;
    position:absolute;
    font-size:210px;
    color:transparent;
    -webkit-text-stroke:2px #940f8c;
    left:10px;
    top:10px;
    letter-spacing:2px;
    z-index:1
}
/*RCD edit*/
/*
 .overviewContent .v-container .product-section .title.title-rog{
    transform:translate(-50%,-50%)
}
*/
/*RCD edit*/
 .overviewContent .v-container .product-section .title.big-size{
    margin-left:50%;
    /*transform:translate(70%,-50%);*/
    /*margin-top:-180px;*/
    z-index:100;
    margin-bottom: 100px;
}
 .overviewContent .v-container .product-section .title.big-size .rog-strix{
    font-size:330px
}
 .overviewContent .v-container .product-section .title.big-size .rog-strix-shadow{
    font-size:330px
}
 .overviewContent .v-container .product-section .text{
    color:#fff;
    font-size:19px;
    width:945px;
    text-align:left;
    margin:66px auto 80px;
    letter-spacing:1px
}
 .overviewContent .v-container .product-section .video-box{
    width:1222px;
    height:810px;
    position:relative;
    margin:auto
}
 .overviewContent .v-container .product-section .video-box .play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background-image:url(../img/video-play-btn.png);
    width:100px;
    height:100px;
    z-index:10;
    cursor:pointer;
    transition:.5s ease all;
    background-size:100% auto
}
 .overviewContent .v-container .product-section .video-box .play-btn:hover{
    background-image:url(../img/video-play-btn-hover.png)
}
 .overviewContent .v-container .product-section .video-box video{
    width:100%
}
 .overviewContent .v-container .product-section .video-box .video-bg{
    position:absolute;
    width:100%;
    height:100%;
    background-size:100% auto;
    background-image:url(../img/product-video.png)
}
 .overviewContent .v-container .product-section .screen-container{
    mix-blend-mode:screen
}
 .overviewContent .v-container .product-section:before{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#000;
    z-index:0
}
 .overviewContent .v-container .slick-section .main-bg{
    width:1920px;
    height:900px;
    background-image:url(../img/slick-bg.jpg)
}
 .overviewContent .v-container .slick-section .left-hidden{
    width:50%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:50
}
 .overviewContent .v-container .slick-section .right-hidden{
    width:50%;
    height:100%;
    position:absolute;
    left:50%;
    top:0;
    z-index:50
}
 .overviewContent .v-container .slick-section .bar{
    overflow:hidden;
    width:900px;
    height:5px;
    position:absolute;
    bottom:40px;
    left:50%;
    transform:translateX(-50%);
    z-index:99999;
    background-color:#84889d
}
 .overviewContent .v-container .slick-section .bar-in{
    max-width:100%;
    height:100%;
    transition:.3s ease all;
    background:#fe2579;
    background:-moz-linear-gradient(left,#fe2579 0,#ed27ef 100%);
    background:-webkit-linear-gradient(left,#fe2579 0,#ed27ef 100%);
    background:linear-gradient(to right,#fe2579 0,#ed27ef 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe2579', endColorstr='#ed27ef', GradientType=1);
    width:20%;
    position:absolute;
    left:0;
    top:0
}
 .overviewContent .v-container .slick-section .slick-container{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%
}
 .overviewContent .v-container .slick-section .slick-container .slick-box{
    width:1100px
}
 .overviewContent .v-container .slick-section .slick-container .slick-in{
    align-items:center;
    display:flex;
    position:relative;
    transition:.2s ease all
}
 .overviewContent .v-container .slick-section .slick-container .slick-in img{
    max-width:100%
}
 .overviewContent .v-container .slick-section .slick-container .slick-in .img-inner img{
    width:100%
}
 .overviewContent .v-container .slick-section .slick-container .slick-in.left{
    cursor:url(../img/linear-left-arrow.png),auto
}
 .overviewContent .v-container .slick-section .slick-container .slick-in.right{
    cursor:url(../img/linear-right-arrow.png),auto
}
 .overviewContent .v-container .slick-section .slick-container .slick-in.active{
    visibility:hidden;
    opacity:0
}
 .overviewContent .v-container .influencer-section{
    margin-top:-100px
}
 .overviewContent .v-container .influencer-section .main-bg{
    width:1920px;
    height:762px;
    background-image:url(../img/influencer.jpg);/*RCD edit*/
    background-size: cover;/*RCD edit 20210917*/
}
 .overviewContent .v-container .influencer-section .people-bg{
    position:absolute;
    left:0;
    top:0;
    width:1920px;
    height:762px;
    background-size:100% auto;
    background-size: cover;/*RCD edit 20210917*/
    background-position:center center;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%);
    z-index:5
}
 .overviewContent .v-container .influencer-section .people-bg.active{
    background-image:url(../img/influencer-people.png)
}
 .overviewContent .v-container .influencer-section .title-box{
    position:relative;
    width:580px;
    transform:skew(-8deg,0deg)
}
 .overviewContent .v-container .influencer-section .title-box .title-border{
    position:absolute;
    font-size:90px;
    color:transparent;
    -webkit-text-stroke:2px #fff;
    left:5px;
    top:-2.5px;
    z-index:1
}
 .overviewContent .v-container .influencer-section .chat-box{
    margin-left:150px;
    line-height:1.4em;
    font-size:21px;
    width:450px;
    margin-top:20px;
    padding:25px 45px;
    color:#fff;
    background-image:url(../img/chat-left.png),url(../img/chat-right.png);
    background-repeat:no-repeat,no-repeat;
    background-size:25.75px 15.25px,25.75px 15.25px;
    background-position:left top,calc(100% - 35px) calc(100% - 20px)
}
 .overviewContent .v-container .influencer-section .left-box{
    position:absolute;
    z-index:3;
    left:calc(50% - 70px);
    top:160px;
    letter-spacing:1px
}
 .overviewContent .v-container .influencer-section .left-box .title{
    font-size:90px;
    color:#fff;
    background:#578af2;
    background:-moz-linear-gradient(left,#578af2 0,#ff1d8d 100%);
    background:-webkit-linear-gradient(left,#578af2 0,#ff1d8d 100%);
    background:linear-gradient(to right,#578af2 0,#ff1d8d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#578af2', endColorstr='#ff1d8d', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .overviewContent .v-container .influencer-section .left-box .subtitle{
    color:#fff;
    font-size:20px;
    font-weight:700;
    font-style:italic;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
}
 @media (min-width:1920px){
     .overviewContent .v-container .influencer-section .left-box .subtitle{
        font-size:26px
    }
}
 @media (min-width:2560px){
     .overviewContent .v-container .influencer-section .left-box .subtitle{
        font-size:32px
    }
}
 .overviewContent .v-container .influencer-section .left-box .chat-box{
    background-position:left top,calc(100% - 15px) calc(100% - 13px)
}
 .overviewContent .v-container .box-bg{
    background:#051960;
    background:-moz-linear-gradient(left,#051960 0,#5c0371 100%);
    background:-webkit-linear-gradient(left,#051960 0,#5c0371 100%);
    background:linear-gradient(to right,#051960 0,#5c0371 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#051960', endColorstr='#5c0371', GradientType=1);
    position:absolute;
    left:-22%;
    top:-27%;
    width:140%;
    height:138%;
    z-index:-1;
    transform:skewX(-21deg);
    mix-blend-mode:screen
}
 .overviewContent .v-container .box-bg-revert{
    background:#5d0272;
    background:-moz-linear-gradient(left,#5d0272 0,#340d69 67%,#041a5f 100%);
    background:-webkit-linear-gradient(left,#5d0272 0,#340d69 67%,#041a5f 100%);
    background:linear-gradient(to right,#5d0272 0,#340d69 67%,#041a5f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d0272', endColorstr='#041a5f', GradientType=1);
    position:absolute;
    left:-35%;
    top:-30%;
    width:170%;
    height:145%;
    z-index:-1;
    transform:skewX(-30deg);
    mix-blend-mode:screen
}
 .overviewContent .v-container .rainbow-text{
    background:#568df2;
    background:-moz-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:-webkit-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:linear-gradient(to right,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#568df2', endColorstr='#ff1d8b', GradientType=1);
    text-transform:uppercase;
    font-weight:700;
    font-style:italic;
    letter-spacing:3px;
    font-size:57px;
    width:1080px;
    text-align:center;
    -webkit-background-clip:text;
    margin:37px 0 25px;
    -webkit-text-fill-color:transparent
}
 .overviewContent .v-container .blur-bg{
    position:relative
}
 .overviewContent .v-container .blur-bg:after{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    box-shadow:0 0 20px 20px #000 inset
}
 .overviewContent .v-container .design-section{
    height:1130px;
    width:100%;
    /*position:sticky!important;*//*RCD edit*/
    bottom:-15%;
    z-index:0
}
 .overviewContent .v-container .design-section .rainbow-text{
    text-align:left
}
 .overviewContent .v-container .design-section .main-bg{
    position:absolute;
    width:1920px;
    height:1135px;
    transition:.3s ease all
}
 .overviewContent .v-container .design-section .main-bg.pink{
    background-image:url(../img/design-pink_s.jpg)/*RCD edit*/
}
 .overviewContent .v-container .design-section .main-bg.pink .main-nb{
    background-image:url(../img/design-pink-nb_s.png)/*RCD edit*/
}
 .overviewContent .v-container .design-section .main-bg.gray{
    background-image:url(../img/design-gray_s.jpg)/*RCD edit*/
}
 .overviewContent .v-container .design-section .main-bg.gray .main-nb{
    background-image:url(../img/design-gray-nb_s.png)/*RCD edit*/
}
 .overviewContent .v-container .design-section .main-bg.black{
    background-image:url(../img/design-black_s.jpg)/*RCD edit*/
}
 .overviewContent .v-container .design-section .main-bg.black .main-nb{
    background-image:url(../img/design-black-nb_s.png)/*RCD edit*/
}
 .overviewContent .v-container .design-section .main-nb{
    pointer-events:none;
    position:absolute;
    top:0;
    width:1920px;
    height:1785px;
    z-index:2;
    background-size:100% auto;
    background-position:center center;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%);
    /* transition:1s ease all;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-name:nb-move */
}
 .overviewContent .v-container .design-section .color-option{
    position:relative;
    left:0;
    width:550px;
    top:570px
}
 .overviewContent .v-container .design-section .color-option .choose-color{
    font-size:18px;
    font-weight:700;
    font-style:italic;
    color:#fff;
    letter-spacing:2px;
    margin-left:293px;
    text-transform:uppercase;
    margin-bottom:10px
}
 .overviewContent .v-container .design-section .color-option .choose-bar{
    width:580px;
    height:75px;
    position:relative
}
 .overviewContent .v-container .design-section .color-option .choose-bar:after{
    content:'';
    background:#fff;
    mix-blend-mode:overlay;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1
}
 .overviewContent .v-container .design-section .color-option .choose-bar .bar-in{
    display:flex;
    height:100%;
    align-items:center;
    margin-left:200px
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose{
    cursor:pointer;
    width:110px;
    margin:0 5px;
    height:43px;
    background-size:100% auto;
    position:relative;
    transition:.2s ease all
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose:before{
    content:'';
    border:2px solid #fff;
    width:105%;
    height:120%;
    position:absolute;
    transform:skewX(-20deg) scale(.8);
    left:-3px;
    top:-5px
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose:hover{
    transform:scale(1.15);
    filter:drop-shadow(0 0 5px rgba(0, 0, 0, .5))
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose:hover:before{
    content:'';
    border:2px solid #fff;
    width:105%;
    height:120%;
    position:absolute;
    transform:skewX(-20deg) scale(.8);
    left:-3px;
    top:-5px
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose.active{
    transform:scale(1.15);
    filter:drop-shadow(0 0 5px rgba(0, 0, 0, .5))
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose.active:before{
    content:'';
    border:2px solid #fff;
    width:105%;
    height:120%;
    position:absolute;
    transform:skewX(-20deg) scale(.8);
    left:-3px;
    top:-5px
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose.gray{
    background-image:url(../img/color-option-gray.png)
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose.black{
    background-image:url(../img/color-option-black.png)
}
 .overviewContent .v-container .design-section .color-option .choose-bar .choose.pink{
    background-image:url(../img/color-option-pink.png)
}
 .overviewContent .v-container .design-section .text{
    position:absolute;
    font-family:Roboto;
    color:#fff;
    font-size:20px;
    text-align:left;
    width:346px;
    left:210px;
    top:425px;
    /*opacity:.6;*//*RCD edit*/
}
 .overviewContent .v-container .design-section .title{
    margin:0 0 0 193.5px;
    padding:150px 0 0
}
 .overviewContent .v-container .design-section .box-title{
    position:relative;
    display:table;
    margin-left:47px;
    letter-spacing:2px
}
 .overviewContent .v-container .design-section .box-title font{
    font-style:italic;
    font-size:24px;
    color:#fff
}
 .overviewContent .v-container .glitch-text{
    position:relative;
    z-index:20;
    letter-spacing:2px;
    transform:skew(-8deg,0deg)
}
 .overviewContent .v-container .cover-section{
    height:3720px;
    width:100%;
    z-index:0
}

button .learn-more {
    background-color: transparent;
    border: none;
}

 .overviewContent .v-container .cover-section .learn-more{
    z-index:50;
    bottom:100px;
    position:absolute
}
 .overviewContent .v-container .cover-section .text{
    position:absolute;
    color:#fff;
    font-size:72px;
    cursor:pointer
}
 .overviewContent .v-container .cover-section .text .glitch-text{
    background:#2df;
    background:-moz-linear-gradient(left,#2df 0,#155fff 100%);
    background:-webkit-linear-gradient(left,#2df 0,#155fff 100%);
    background:linear-gradient(to right,#2df 0,#155fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#22ddff', endColorstr='#155fff', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .overviewContent .v-container .cover-section .text.active .glitch-text:before,.overviewContent .v-container .cover-section .text:hover .glitch-text:before{
    display:none
}
 .overviewContent .v-container .cover-section .text.active .glitch-text:after,.overviewContent .v-container .cover-section .text:hover .glitch-text:after{
    display:none
}
 .overviewContent .v-container .cover-section .text.active .hide-text,.overviewContent .v-container .cover-section .text:hover .hide-text{
    visibility:initial;
    opacity:1;
    transform:translateY(0)
}
 .overviewContent .v-container .cover-section .text .hide-text{
    color:#fff;
    opacity:1;
    transition:.5s ease all;
    font-family:Roboto;
    letter-spacing:1px;
    text-align:left;
    font-size:19.5px;
    line-height:1.4;
    z-index:20;
    position:relative;
    width:610px;
    top:50px
}
 .overviewContent .v-container .cover-section .text.light{
    left:510px;
    top:260px
}
 .overviewContent .v-container .cover-section .text.light .hide-text{
    left:-240px
}
 .overviewContent .v-container .cover-section .text.durability{
    left:950px;
    top:1190px
}
 .overviewContent .v-container .cover-section .text.durability .hide-text{
    left:40px;
    width:540px
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        left:0;
        width:auto
    }
}
 .overviewContent .v-container .cover-section .text.smaller{
    left:600px;
    top:2080px
}
 .overviewContent .v-container .cover-section .text.smaller .hide-text{
    left:-220px
}
 .overviewContent .v-container .cover-section .text.bigger{
    left:920px;
    top:3010px
}
 .overviewContent .v-container .cover-section .text.bigger .hide-text{
    left:-140px
}
 .overviewContent .v-container .cover-section .main-bg{
    position:absolute;
    width:1920px;
    height:3720px;
    pointer-events:none;
    transition:.2s ease all
}
 .overviewContent .v-container .cover-section .main-bg.main-bg-back{
    z-index:1
}
 .overviewContent .v-container .cover-section .main-bg.main-bg-back.active{
    background-image:url(../img/cover-bg-1920.jpg)/*RCD edit*/
}
 .overviewContent .v-container .cover-section .main-bg.main-bg1{
    z-index:9
}
 .overviewContent .v-container .cover-section .main-bg.main-bg1.active{
    background-image:url(../img/cover-bg-1920.jpg);/*RCD edit*/
}
 .overviewContent .v-container .cover-section .main-bg.main-bg-rcd{/*RCD edit*//*RCD added*/
}
 .overviewContent .v-container .learn-more{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    color:#fff;

    background-color: transparent;
    border: none;

    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:306px;
    font-size:20px;
    font-weight:700;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
    cursor:pointer;
    transition:.5s ease all;
    background-size:100% auto;
    background-image:url(../img/learn-more.png)
}
 .overviewContent .v-container .learn-more:hover{
    background-image:url(../img/learn-more-hover.png)
}
 .overviewContent .v-container .performance-run-section{
    z-index:5
}
 .overviewContent .v-container .performance-run-section .learn-more{
    top:1180px
}
 .overviewContent .v-container .performance-run-section .main-bg{
    z-index:-1;
    width:1920px;
    height:1487px;
    /*background-image:url(../img/performance-bg.jpg)*//*RCD edit*/
}
 .overviewContent .v-container .performance-section .main-bg{
    z-index:-1;
    width:1920px;
    height:940px;
    background-size:100% 100%;
    background-image:url(../img/performance-linear.png)
}
 .overviewContent .v-container .performance-section .circle-frame{
    display:flex;
    width:1280px;
    margin:60px auto;
    color:#fff;
    justify-content:center
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box{
    width:calc(1080px / 5);
    text-align:center
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .circle{
    margin:auto;
    width:165px;
    height:165px;
    background-image:url(../img/circle-bg.png);
    background-size:100% auto;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    position:relative
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .circle:after{
    content:'';
    background-image:url(../img/circle-bg-half.png);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-size:100% auto;
    transition:.5s ease all;
    opacity:0;
    transform:rotate(180deg)
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-top{
    color:#fff;
    font-size:22px
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-bottom{
    font-size:40px;
    color:#fff
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .circle.active:after{
    opacity:1;
    transform:rotate(0)
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-title{
    font-size:20px;
    letter-spacing:3px;
    height:35px;
    /*opacity:.6;*//*RCD edit*/
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-text{
    /*opacity:.6;*//*RCD edit*/
    margin-top:10px;
    letter-spacing:3px
}
 .overviewContent .v-container .performance-section .circle-frame .circle-box .main-text{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    height:40px;
    font-size:20px;
    letter-spacing:3px
}
 .overviewContent .v-container .display-section{
    z-index:3;
    height:2205px
}
 .overviewContent .v-container .display-section .hd-inner{
    position:absolute;
    left:501px;
    top:650px;
    width:916px
}
 .overviewContent .v-container .display-section .hd-inner video{
    width:100%
}
 .overviewContent .v-container .display-section .hd-inner .display-img img{
    width:100%
}
 .overviewContent .v-container .display-section .switch-box{
    display:table;
    margin:30px auto 0
}
 .overviewContent .v-container .display-section .switch-box .name-box{
    display:flex;
    color:#fff;
    letter-spacing:1px;
    font-size:24px;
    text-align:center
}
 .overviewContent .v-container .display-section .switch-box .name-box .fhd-name{
    font-weight:700;
    width:calc(330px * .75);
    visibility:hidden
}
 .overviewContent .v-container .display-section .switch-box .name-box .qhd-name{
    font-weight:700;
    width:calc(330px * .75);
    visibility:hidden
}
 .overviewContent .v-container .display-section .switch-box .name-box .fhd-name.active{
    visibility:initial
}
 .overviewContent .v-container .display-section .switch-box .name-box .qhd-name.active{
    visibility:initial
}
 .overviewContent .v-container .display-section .switch-box .content-box{
    display:flex;
    color:#fff;
    font-size:24px;
    text-align:center;
    margin:10px 0;
    position:relative;
    cursor:pointer
}
 .overviewContent .v-container .display-section .switch-box .content-box:after{
    content:'';
    position:absolute;
    width:100%;
    height:2px;
    background:#acffff;
    background:-moz-linear-gradient(left,#acffff 0,#ff3aff 100%);
    background:-webkit-linear-gradient(left,#acffff 0,#ff3aff 100%);
    background:linear-gradient(to right,#acffff 0,#ff3aff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#acffff', endColorstr='#ff3aff', GradientType=1);
    bottom:0
}
 .overviewContent .v-container .display-section .switch-box .content-box .qhd-content{
    width:calc(330px * .75);
    height:calc(60px * .75);
    display:flex;
    transition:.5s ease all;
    align-items:center;
    justify-content:center;
    background-color: transparent;
    border: none;
    color:white;
}
 .overviewContent .v-container .display-section .switch-box .content-box .qhd-content font{
    transform:skew(-8deg,0deg)
}
 .overviewContent .v-container .display-section .switch-box .content-box .fhd-content{
    width:calc(330px * .75);
    height:calc(60px * .75);
    display:flex;
    transition:.5s ease all;
    align-items:center;
    justify-content:center;
    background-color: transparent;
    border: none;
    color:white;
}
 .overviewContent .v-container .display-section .switch-box .content-box .fhd-content font{
    transform:skew(-8deg,0deg)
}
 .overviewContent .v-container .display-section .switch-box .content-box .active{
    background-color:rgba(32,7,87,.9)
}
 .overviewContent .v-container .display-section .switch-box .content-box .active font{
    background:#ff1c91;
    background:-moz-linear-gradient(left,#ff1c91 0,#5986f2 100%);
    background:-webkit-linear-gradient(left,#ff1c91 0,#5986f2 100%);
    background:linear-gradient(to right,#ff1c91 0,#5986f2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c91', endColorstr='#5986f2', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .overviewContent .v-container .display-section .switch-box .txt-box{
    display:flex;
    color:#fff;
    text-align:center;
    font-size:24px;
    letter-spacing:1px
}
 .overviewContent .v-container .display-section .switch-box .txt-box .fhd-txt{
    width:calc(330px * .75);
    visibility:hidden;
    font-weight:700
}
 .overviewContent .v-container .display-section .switch-box .txt-box .qhd-txt{
    width:calc(330px * .75);
    visibility:hidden;
    font-weight:700
}
 .overviewContent .v-container .display-section .switch-box .txt-box .fhd-txt.active{
    visibility:initial
}
 .overviewContent .v-container .display-section .switch-box .txt-box .qhd-txt.active{
    visibility:initial
}
 .overviewContent .v-container .display-section{/*RCD edit*//*RCD added*/
    background: #04044e;
}
 .overviewContent .v-container .display-section .main-bg{
    width:1920px;
    height:2200px;
}
 .overviewContent .v-container .display-section .main-bg .title{
    padding:150px 0 0
}
 .overviewContent .v-container .display-section .main-bg.fhd{
    background-image:url(../img/display.jpg);
}
 .overviewContent .v-container .display-section .main-bg.qhd{
    background-image:url(../img/display.jpg)
}
 .overviewContent .v-container .display-section .parallax{
    position:absolute;
    width:1920px;
    height:2430px;
    top:0;
    z-index:50;
    pointer-events:none;
    background-position:center 230%
}
 .overviewContent .v-container .display-section .parallax.fhd{
    background-image:url(../img/300-text.png)
}
 .overviewContent .v-container .display-section .parallax.qhd{
    background-image:url(../img/165-text.png);
    display:none
}
 .overviewContent .v-container .display-section .parallax.para-box{
    z-index:49;
    background-position:center -45%
}
 .overviewContent .v-container .display-section .parallax.para-box.fhd{
    background-image:url(../img/300-block.png)
}
 .overviewContent .v-container .display-section .parallax.para-box.qhd{
    background-image:url(../img/165-block.png);
    mix-blend-mode:hard-light
}
 .overviewContent .v-container .cool-section .learn-more{
    top:1720px;
    /*top:1720px;*/ /*RCD edit*/
    top:1900px;/*RCD edit*/
    z-index:100
}
 .overviewContent .v-container .cool-section .main-bg .title{
    padding:45px 0 0
}
 .overviewContent .v-container .cool-section .circle-frame{
    width:1080px;
    display:flex;
    justify-content:center;
    justify-content:center;
    margin:115px auto 0;
    color:#fff
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box{
    width:calc(760px / 3)
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box .circle{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin:auto;
    position:relative;
    width:206px;
    height:206px;
    background-size:100% auto;
    background-image:url(../img/cool-circle-bg.png)
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box .circle:after{
    content:'';
    background-image:url(../img/cool-circle-bg-half.png);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-size:100% auto;
    transition:.5s ease all;
    opacity:0;
    transform:rotate(180deg)
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-top{
    font-size:20px
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-bottom{
    font-size:80px;
    margin-bottom:20px
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box .circle.active:after{
    opacity:1;
    transform:rotate(0)
}
 .overviewContent .v-container .cool-section .circle-frame .circle-box .main-text{
    color:#fff;
    margin:20px 0;
    font-size:20px;
    text-align:center;
    letter-spacing:3px
}
 .overviewContent .v-container .cool-section .cool-bg{
    /*width:1920px;*//*RCD edit*/
    /*height:height:1938px;*//*RCD edit*/
    padding-bottom: 100px;/*RCD edit*/
    background-image:url(../img/cool-bg.jpg);
    background-size: cover;
}
 .overviewContent .v-container .cool-section .cool-nb{
    position:absolute;
    top:0;
    width:1920px;
    height:950px;
    background-image:url(../img/cool-nb.png)
}
 .overviewContent .v-container .cool-section .cool-animate{
    position:absolute;
    top:0;
    width:1920px;
    height:950px;
    animation-duration:5s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-name:cooling-bg;
    mix-blend-mode:screen
}
 .overviewContent .v-container .small-size{
    font-size:13px
}
 .overviewContent .v-container .audio-section .main-bg .title{
    padding:45px 0 0
}
 .overviewContent .v-container .audio-section .circle-frame{
    width:910px;
    display:flex;
    justify-content:center;
    justify-content:center;
    margin:50px auto 0;
    color:#fff
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box{
    width:calc(910px / 3)
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box .circle{
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    width:206px;
    height:206px;
    background-size:100% auto;
    background-image:url(../img/circle-bg.png)
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box .circle:after{
    content:'';
    background-image:url(../img/circle-bg-half.png);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-size:100% auto;
    transition:.5s ease all;
    opacity:0;
    transform:rotate(180deg)
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-top{
    color:#fff;
    font-size:32px
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-bottom{
    font-size:44px;
    color:#fff
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box .circle.active:after{
    opacity:1;
    transform:rotate(0)
}
 .overviewContent .v-container .audio-section .circle-frame .circle-box .main-text{
    color:#fff;
    margin:25px 0;
    font-size:20px;
    text-align:center;
    letter-spacing:3px
}
 .overviewContent .v-container .audio-section .top-bg{
    width:1920px;
    background-size:100% 100%;
    height:850px;
    background-image:url(../img/audio-top.png)
}
 .overviewContent .v-container .audio-section .bottom-bg{
    width:1920px;
    height:120px;
    margin-top:60px;
    background-color:#000
}
 .overviewContent .v-container .audio-section .bottom-bg .text{
    color:#fff;
    /*opacity:.6;*//*RCD edit*/
    position:relative;
    left:0;
    transform:translateY(-120px);
    margin-top:-60px
}
 .overviewContent .v-container .audio-section .bottom-bg .learn-more{
    top:-10px
}
 .overviewContent .v-container .audio-section .main-bg.audio-bg{
    margin-top:-100px;
    z-index:-1;
    width:1920px;
    height:1200px;
    background-image:url(../img/audio-bg.jpg)
}
 .overviewContent .v-container .audio-section .main-bg.audio-bg.blur-bg:after{
    box-shadow:0 -50px 100px 40px #000 inset
}
 .overviewContent .v-container .audio-section .main-bg.audio-nb{
    position:absolute;
    z-index:1;
    transition:.3s ease all;
    width:1920px;
    height:1200px;
    background-image:url(../img/audio-nb.png);
    background-position:center top
}
 .overviewContent .v-container .battery-section .main-bg .title{
    padding:100px 0 0
}
 .overviewContent .v-container .battery-section .top-bg{
    width:1920px;
    height:530px;
    background-size:100% 100%;
    background-image:url(../img/audio-top.png)
}
 .overviewContent .v-container .battery-section .main-bg.battery-bg{
    margin-top:-100px;
    z-index:-1;
    width:1920px;
    height:1226px;
    background-image:url(../img/battery-bg.jpg)
}
 .overviewContent .v-container .battery-section .main-bg.battery-nb{
    margin-top:-100px;
    z-index:1;
    width:1920px;
    height:1226px;
    background-image:url(../img/battery-nb.png)
}
 .overviewContent .v-container .battery-section video{
    width:100%;
    z-index:-1;
    position:absolute;
    left:50%;
    transform:translateX(-50%)
}
 .overviewContent .v-container .battery-section .circle-frame{
    display:flex;
    top:54%;
    position:relative;
    transform:translateY(100%);
    margin:0;
    color:#fff;
    background:rgba(0,0,0,.5);
    width:100%;
    height:100%;
    align-items:center;
    justify-content:space-around;
    transition:.3s ease all
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box{
    width:calc(760px / 3)
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box .circle{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    margin:auto;
    width:206px;
    height:206px;
    background-size:100% auto;
    background-image:url(../img/circle-bg.png)
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box .circle:after{
    content:'';
    background-image:url(../img/circle-bg-half.png);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-size:100% auto;
    transition:.5s ease all;
    opacity:0;
    transform:rotate(180deg)
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-top{
    color:#fff;
    font-size:32px
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-bottom{
    font-size:54px;
    color:#fff
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box .circle.active:after{
    opacity:1;
    transform:rotate(0)
}
 .overviewContent .v-container .battery-section .circle-frame .circle-box .main-text{
    color:#fff;
    margin:20px 0;
    font-size:20px;
    text-align:center;
    letter-spacing:3px
}
 .overviewContent .v-container .battery-section .circle-frame.active{
    transform:translateY(-54%)
}
 .overviewContent .v-container .battery-section .scroll-frame{
    width:930px;
    z-index:-1;
    height:522px;
    top:204px;
    position:absolute;
    overflow-y:hidden;
    left:50%;
    transform:translateX(-50%)
}
 .overviewContent .v-container .battery-section .scroll-frame.g17{
    height:528px;
    top:215px
}
 .overviewContent .v-container .belt-section{
    transform:translateY(-50px);
    overflow:initial
}
 .overviewContent .v-container .belt-section .belt-bg{
    position:relative;
    background-color:#431e7c;
    width:200%;
    font-size:50px;
    height:120px;
    left:-50%;
    transform:rotate(-3deg)
}
 .overviewContent .v-container .belt-section .belt-bg .float1-box{
    animation-iteration-count:infinite;
    animation-duration:15s;
    animation-timing-function:linear;
    animation-name:floatLeft;
    animation-play-state:paused;
    position:relative;
    transform:skew(-8deg,0deg);
    transform:translateY(-10px) skew(-8deg,0deg)
}
 .overviewContent .v-container .belt-section .belt-bg .float3-box{
    animation-iteration-count:infinite;
    animation-duration:15s;
    animation-timing-function:linear;
    animation-name:floatLeft;
    animation-play-state:paused;
    position:relative;
    transform:skew(-8deg,0deg);
    transform:translateY(-10px) skew(-8deg,0deg);
    transform:translateY(-20px) skew(-8deg,0deg)
}
 .overviewContent .v-container .belt-section .belt-bg .float2-box{
    /* animation-iteration-count:infinite;
    animation-duration:15s;
    animation-timing-function:linear;
    animation-name:floatRight; */
    animation-play-state:paused;
    position:relative;
    transform:skew(-8deg,0deg);
    transform:translateY(-15px) skew(-8deg,0deg)
}
 .overviewContent .v-container .belt-section .belt-bg .float-1{
    color:transparent;
    opacity:.6;
    top:-20px;
    position:relative;
    -webkit-text-stroke:1px #fff;
    white-space:nowrap;
    /* animation-iteration-count:infinite;
    animation-duration:20s;
    animation-timing-function:linear;
    animation-name:floatLeft */
}
 .overviewContent .v-container .belt-section .belt-bg .float-2{
    position:relative;
    color:#fff;
    top:-20px;
    white-space:nowrap;
    /* animation-iteration-count:infinite;
    animation-duration:20s;
    animation-timing-function:linear;
    animation-name:floatRight */
}
 .overviewContent .v-container .belt-section .belt-bg .float-3{
    color:transparent;
    white-space:nowrap;
    position:relative;
    top:-20px;
    opacity:.6;
    -webkit-text-stroke:1px #fff;
    /* animation-iteration-count:infinite;
    animation-duration:40s;
    animation-timing-function:linear;
    animation-name:floatLeft */
}


 .overviewContent .v-container .aura-section .main-bg{
    width:2560px;
    height:1400px;
    background-image:url(../img/aura-bg.jpg)
}
 .overviewContent .v-container .aura-section .headset-box{
    position:relative;
    top:5px;
    left:5px
}

.overviewContent .v-container .aura-section .colorBlockControl.js-start-hide{
    visibility: hidden;
    /* display: block; */
}


 .overviewContent .v-container .aura-section .headset-box .headset-left{
    position:absolute;
    left:34px;
    top:180px;
    z-index:-1
}
 .overviewContent .v-container .aura-section .headset-box .headset-right{
    position:absolute;
    left:182px;
    top:174px;
    z-index:-1
}
 .overviewContent .v-container .aura-section .headset-box .headset{
    width:340px;
    height:290px;
    background-image:url(../img/headset.png);
    background-size:100% auto;
    background-repeat:no-repeat
}

 .overviewContent .v-container .aura-section .nb-box{
    position:relative;
    left:-30px;
    top:-90px
}
 .overviewContent .v-container .aura-section .nb-box .nb-block-shadow{
    width:360px;
    z-index:-1;
    height:230px;
    left:250px;
    top:250px;
    filter:blur(15px);
    position:absolute
}
 .overviewContent .v-container .aura-section .nb-box .nb-block-top{
    position:absolute;
    width:570px;
    z-index:-1;
    height:230px;
    left:68px;
    top:220px
}
 .overviewContent .v-container .aura-section .nb-box .nb-block-bottom{
    position:absolute;
    width:630px;
    z-index:-1;
    height:190px;
    left:46px;
    filter:blur(15px);
    top:415px
}
 .overviewContent .v-container .aura-section .nb-box .nb{
    width:723px;
    height:603px;
    background-image:url(../img/nb.png);
    background-size:100% auto;
    background-repeat:no-repeat
}
 .overviewContent .v-container .aura-section .mouse-box{
    position:relative;
    top:66px;
    left:-35px
}
 .overviewContent .v-container .aura-section .mouse-box .mouse-rainbow{
    position:absolute;
    z-index:-2;
    width:50px;
    height:130px;
    top:77px;
    left:35px;
    opacity:0
}
 .overviewContent .v-container .aura-section .mouse-box .mouse-rainbow.animate-rainbow{
    z-index:-1;
    animation:initial;
    animation:mouse-rainbow 12s linear infinite forwards
}
 .overviewContent .v-container .aura-section .mouse-box .mouse-block{
    position:absolute;
    z-index:-1;
    width:50px;
    height:130px;
    top:77px;
    left:35px
}
 .overviewContent .v-container .aura-section .mouse-box .mouse{
    width:118px;
    height:260px;
    background-image:url(../img/mouse.png);
    background-size:100% auto;
    background-repeat:no-repeat
}
 .overviewContent .v-container .aura-section .product-box{
    position:relative;
    width:1440px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:70px auto 0
}

 .overviewContent .v-container .aura-section .color-box{
    display:flex;
    width:1080px;
    align-items:center;
    justify-content:center;
    margin:auto
}
 .overviewContent .v-container .aura-section .color-box .palette{
    position:relative;
    z-index:9999;
    margin-right:40px;
    width:150px;
    height:150px;
    transition:.5s ease all
}
 .overviewContent .v-container .aura-section .color-box .palette canvas{
    position:absolute;
    box-sizing:border-box
}
 .overviewContent .v-container .aura-section .color-box .palette.active{
    opacity:0;
    visibility:hidden
}
 .overviewContent .v-container .aura-section .color-box .status{
    width:215px;
    display:flex;
    align-items:center;
    opacity:.5;
    transition:.5s ease all;
    cursor:pointer;
    background-color: transparent;
    border: none;
}
 .overviewContent .v-container .aura-section .color-box .status:hover{
    opacity:1
}
 .overviewContent .v-container .aura-section .color-box .status font{
    color:#fff;
    font-family:Roboto;
    font-size:18px;
    margin-left:20px
}
 .overviewContent .v-container .aura-section .color-box .status .bg{
    width:58px;
    height:58px;
    background-size:100% auto;
    background-position:center;
    background-repeat:no-repeat
}
 .overviewContent .v-container .aura-section .color-box .status.active{
    opacity:1
}
 .overviewContent .v-container .aura-section .color-box .status.static .bg{
    background-image:url(../img/static.png)
}
 .overviewContent .v-container .aura-section .color-box .status.breathing .bg{
    background-image:url(../img/breathing.png)
}
 .overviewContent .v-container .aura-section .color-box .status.strobing .bg{
    background-image:url(../img/strobing.png)
}
 .overviewContent .v-container .aura-section .color-box .status.colorcycle .bg{
    background-image:url(../img/colorcycle.png)
}
 .overviewContent .v-container .aura-section .color-box .status.rainbow .bg{
    background-image:url(../img/rainbow.png)
}
 .overviewContent .v-container .aura-section .color-box .status.music .bg{
    background-image:url(../img/music.png)
}
 .overviewContent .v-container .aura-section .color-box .status.starry .bg{
    background-image:url(../img/starry.png)
}
 .overviewContent .v-container .aura-section .color-box .status.smart .bg{
    background-image:url(../img/smart.png)
}
 .overviewContent .v-container .aura-section .color-box .status-box{
    display:flex;
    justify-content:center;
    flex-direction:column;
    width:calc(1080px - 150px)
}
 .overviewContent .v-container .aura-section .color-box .status-box .status-fst{
    width:100%;
    display:flex;
    margin-bottom:30px;
    justify-content:center
}
 .overviewContent .v-container .aura-section .color-box .status-box .status-snd{
    width:100%;
    display:flex;
    justify-content:center
}
 .overviewContent .v-container .keyboard-section .title{
    padding-top:30px
}
 .overviewContent .v-container .keyboard-section .learn-more{
    position:absolute;
    bottom:100px
}
 .overviewContent .v-container .keyboard-section .switch{
    width:450px;
    margin:30px auto;
    background-image:url(../img/switch-line.png);
    background-position:bottom center;
    background-size:100% 2px;
    background-repeat:no-repeat
}
 .overviewContent .v-container .keyboard-section .switch .switch-box{
    display:flex
}
 .overviewContent .v-container .keyboard-section .switch .switch-box .switch-content{
    color:#fff;
    text-align:center;
    width:50%;
    font-size:22px;
    padding:10px 0;
    cursor:pointer;
    transition:.3s ease all
}
 .overviewContent .v-container .keyboard-section .switch .switch-box .switch-content font{
    display:table;
    margin:0 auto;
    transform:skew(-8deg,0deg)
}
 .overviewContent .v-container .keyboard-section .switch .switch-box .switch-content.active{
    background-color:rgba(0,0,0,.36)
}
 .overviewContent .v-container .keyboard-section .switch .switch-box .switch-content.active font{
    background:#568df2;
    background:-moz-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:-webkit-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:linear-gradient(to right,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#568df2', endColorstr='#ff1d8b', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .overviewContent .v-container .keyboard-section .main-bg{
    width:1920px;
    height:1600px
}
 .overviewContent .v-container .keyboard-section .keyboard-nb{
    pointer-events:none;
    width:1920px;
    height:1500px;
    position:absolute;
    background-position:0 -320px;
    top:0
}
 .overviewContent .v-container .keyboard-section .keyboard-nb.options15{
    /*background-image:url(../img/keyboard-15.png);*//*RCD edit*/
}
 .overviewContent .v-container .keyboard-section .keyboard-nb.options17{
    background-image:url(../img/keyboard-17.png)
}
 .overviewContent .v-container .connectivity-section{
    background-image:url(../img/connectivty.jpg);
    background-color: #050831;/*RCD edit*/
    background-size:100% auto;
    background-position:center 100%;
    position:relative;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%)
}
 .overviewContent .v-container .connectivity-section .bar-frame{
    top:120px;
    width:900px;
    margin:90px auto 0;
    position:absolute;
    left:50%;
    transform:translateX(-50%)
}
 .overviewContent .v-container .connectivity-section .bar-frame .content-text{
    display:flex;
    letter-spacing:1px;
    align-items:center;
    justify-content:space-between
}
 .overviewContent .v-container .connectivity-section .bar-frame .content-text font{
    color:#fff;
    font-size:26px;
    font-style:italic
}
 .overviewContent .v-container .connectivity-section .bar-frame .content-text span{
    color:#fff;
    font-size:20px;
    font-style:italic;
    font-weight:700
}
 .overviewContent .v-container .connectivity-section .bar-frame .content-text span font{
    font-size:33px;
    color:#ff1c88;
    margin-right:15px
}
 .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar{
    max-width:calc(900px * .75);
    width:0%;
    background-image:url(../img/wifi-bar.png);
    background-size:100% 100%;
    height:47px;
    transition:all 2.5s ease-out
}
 .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar.active{
    width:100%
}
 .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar-box{
    display:flex;
    align-items:center;
    margin-top:10px;
    justify-content:space-between
}
 .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .mbps{
    margin-left:20px;
    background:#f76bf2;
    background:-moz-linear-gradient(left,#f76bf2 0,#ff269f 100%);
    background:-webkit-linear-gradient(left,#f76bf2 0,#ff269f 100%);
    background:linear-gradient(to right,#f76bf2 0,#ff269f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76bf2', endColorstr='#ff269f', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-size:24px;
    font-style:italic;
    letter-spacing:2px
}
 .overviewContent .v-container .connectivity-section .bar-frame .speed-text{
    font-size:18px;
    /*opacity:.6;*//*RCD edit*/
    color:#fff;
    margin-top:50px
}
 .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box{
    margin-top:50px
}
 .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar-box{
    display:flex;
    align-items:center;
    margin-top:10px
}
 .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .mbps{
    color:#fff;
    margin-left:60px;
    font-size:24px;
    font-style:italic;
    letter-spacing:2px
}
 .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar{
    height:47px;
    width:0%;
    max-width:calc(300px * .75);
    background-size:100% 100%;
    background-image:url(../img/ac-bar.png);
    transition:all 2.5s ease-out
}
 .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar.active{
    width:100%
}
 .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
    background-position:center -80px;
    width:1920px;
    height:1080px;
    background-image:none
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
        height:864px
    }
}
 .overviewContent .v-container .connectivity-section .top-box{
    display:flex
}
 .overviewContent .v-container .connectivity-section .bottom-box{
    margin-top:30px;
    display:flex
}
 .overviewContent .v-container .connectivity-section .circle-frame{
    width:100%;
    display:flex;
    justify-content:center;
    margin:50px auto 0;
    color:#fff;
    width:950px;
    flex-direction:column;
    align-items:center
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box{
    width:300px
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle{
    display:flex;
    flex-direction:column;
    margin:auto;
    margin:auto;
    align-items:center;
    justify-content:center;
    position:relative;
    width:165px;
    height:165px;
    background-size:100% auto;
    background-image:url(../img/circle-bg.png)
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle:after{
    content:'';
    background-image:url(../img/circle-bg-half.png);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-size:100% auto;
    transition:.5s ease all;
    opacity:0;
    transform:rotate(180deg)
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle .text-top{
    color:#fff;
    font-size:22px
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle .text-bottom{
    font-size:50px;
    color:#fff
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle.active:after{
    opacity:1;
    transform:rotate(0)
}
 .overviewContent .v-container .connectivity-section .circle-frame .circle-box .main-text{
    color:#fff;
    margin:20px 0;
    font-size:16px;
    text-align:center;
    letter-spacing:3px
}
 .overviewContent .v-container .io-section .main-bg{
    width:1920px;
    height:1762px;
    background-image:url(../img/io-bg.jpg)
}
 .overviewContent .v-container .io-section .io-port{
    position:absolute;
    color:#fff;
    font-size:18px;
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
 .overviewContent .v-container .io-section .io-port font{
    letter-spacing:1px;
    margin-top:2px
}
 .overviewContent .v-container .io-section .io-port .v-line{
    background-color:#fff;
    width:1px
}
 .overviewContent .v-container .io-section .io-port.io-port-0{
    left:492px;
    top:1165px
}
 .overviewContent .v-container .io-section .io-port.io-port-0 .v-line{
    height:40px
}
 .overviewContent .v-container .io-section .io-port.io-port-1{
    left:508px;
    top:1165px
}
 .overviewContent .v-container .io-section .io-port.io-port-1 .v-line{
    height:80px
}
 .overviewContent .v-container .io-section .io-port.io-port-2{
    left:660px;
    top:1180px
}
 .overviewContent .v-container .io-section .io-port.io-port-2 .v-line{
    height:122px
}
 .overviewContent .v-container .io-section .io-port.io-port-3{
    left:711px;
    top:1200px
}
 .overviewContent .v-container .io-section .io-port.io-port-3 .v-line{
    height:160px
}
 .overviewContent .v-container .io-section .io-port.io-port-4{
    left:1146px;
    top:1175px
}
 .overviewContent .v-container .io-section .io-port.io-port-4 .v-line{
    height:165px
}
 .overviewContent .v-container .io-section .io-port.io-port-6{
    left:1170px;
    top:1168px
}
 .overviewContent .v-container .io-section .io-port.io-port-6 .v-line{
    height:205px
}
 .overviewContent .v-container .io-section .io-port.io-port-5{
    left:1228px;
    top:1150px
}
 .overviewContent .v-container .io-section .io-port.io-port-5 .v-line{
    height:260px
}
 .overviewContent .v-container .software-section .main-bg{
    width:1920px;
    height:1491px;
    background-image:url(../img/software-bg.jpg)
}
 .overviewContent .v-container .software-section .main-bg.armoury-bg{
    width:2480px;
    position:relative;
    height:1037px;
    background-image:url(../img/armoury.png)
}
 .overviewContent .v-container .bundle-section .switch{
    width:780px;
    display:table;
    margin:0 auto;
    background-image:url(../img/switch-line.png);
    background-position:bottom center;
    background-size:100% 2px;
    background-repeat:no-repeat
}
 .overviewContent .v-container .bundle-section .switch .switch-box{
    display:flex;
    margin-top:50px
}
 .overviewContent .v-container .bundle-section .switch .switch-box .switch-content{
    color:#fff;
    text-align:center;
    width:50%;
    font-size:22px;
    padding:10px 0;
    cursor:pointer;
    transition:.3s ease all;
    background-color: transparent;
    border: none;
}
 .overviewContent .v-container .bundle-section .switch .switch-box .switch-content font{
    display:table;
    margin:0 auto;
    transform:skew(-8deg,0deg)
}
 .overviewContent .v-container .bundle-section .switch .switch-box .switch-content.gray.active{
    background:#fc1d90;
    background:-moz-linear-gradient(left,#fc1d90 0,#5986f2 100%);
    background:-webkit-linear-gradient(left,#fc1d90 0,#5986f2 100%);
    background:linear-gradient(to right,#fc1d90 0,#5986f2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc1d90', endColorstr='#5986f2', GradientType=1)
}
 .overviewContent .v-container .bundle-section .switch .switch-box .switch-content.gray.active font{
    color:#fff
}
 .overviewContent .v-container .bundle-section .switch .switch-box .switch-content.punk.active{
    background-color:rgba(0,0,0,.36)
}
 .overviewContent .v-container .bundle-section .switch .switch-box .switch-content.punk.active font{
    background:#f928f5;
    background:-moz-linear-gradient(left,#f928f5 0,#ff237d 100%);
    background:-webkit-linear-gradient(left,#f928f5 0,#ff237d 100%);
    background:linear-gradient(to right,#f928f5 0,#ff237d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f928f5', endColorstr='#ff237d', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .overviewContent .v-container .bundle-section .main-bg{
    padding:0 0 50px
}
 .overviewContent .v-container .bundle-section .main-bg .title{
    padding:65px 0 0
}
 .overviewContent .v-container .bundle-section .bundle-bg{
    padding:0;
    width:1920px;
    height:1341px
}
 .overviewContent .v-container .bundle-section .bundle-bg.gray{
    background-image:url(../img/gray-bundle.jpg)
}
 .overviewContent .v-container .bundle-section .bundle-bg.punk{
    background-image:url(../img/bundle-bg.jpg)
}
 .overviewContent .v-container .scar-container.slider-section{
    background:#040c1f;
    background:-moz-linear-gradient(left,#040c1f 1%,#1f010d 100%);
    background:-webkit-linear-gradient(left,#040c1f 1%,#1f010d 100%);
    background:linear-gradient(to right,#040c1f 1%,#1f010d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#040c1f', endColorstr='#1f010d', GradientType=1)
}
 .overviewContent .v-container .slider-section{
    width:100%;
    /*position:sticky!important;*//*RCD edit*/
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    z-index:0
}
 .overviewContent .scar-container.keyboard-section{
    padding:0 0;
    padding:0 0;
    background:0 0;
    overflow:initial
}
 .animate-breathing{
    opacity:0;
    animation:KeyBreathing 4s linear infinite
}
 .animate-strobing{
    animation:KeyStrobing 850ms linear infinite
}
 .animate-colorcycle{
    animation:ColorCycle 3s linear infinite
}
 .animate-colorcycleSvg{
    animation:ColorCycleSvg 3s linear infinite
}
 .animate-rainbow{
    animation:KeyRainbow 12s linear infinite forwards;
    opacity:1!important
}
 .animate-music{
    animation:KeyMusic 4s linear infinite normal .6s
}
 .animate-smart{
    animation:KeySmart 8s linear infinite
}
 .animate-smartSvg{
    animation:KeySmartSvg 8s linear infinite
}
 .animate-starry{
    fill:#ff0600!important;
    background:#ff0600!important;
    animation:KeyStarry 1.8s linear infinite normal
}
 .mask-left{
    -webkit-mask:url(../img/headset-left.svg) no-repeat 100% 100%;
    width:121.719px;
    height:110.25px;
    position:absolute;
    z-index:-1
}
 .mask-right{
    -webkit-mask:url(../img/headset-right.svg) no-repeat 100% 100%;
    width:134.25px;
    height:112.875px;
    position:absolute;
    z-index:-1
}
 .mask-left.rainbow{
    background:linear-gradient(90deg,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d);
    background-size:calc(600%) 100%;
    background-position:0 0;
    opacity:0;
    z-index:-2
}
 .mask-right.rainbow{
    background:linear-gradient(90deg,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d);
    background-size:calc(600%) 100%;
    background-position:0 0;
    opacity:0;
    z-index:-2
}
 .mask-left.rainbow.animate-rainbow{
    opacity:1;
    z-index:-1
}
 .mask-right.rainbow.animate-rainbow{
    opacity:1;
    z-index:-1
}
 .color-rainbow3{
    display:none;
    position:absolute;
    z-index:-2;
    background:linear-gradient(90deg,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d);
    width:350px;
    height:220px;
    left:262px;
    top:175px;
    filter:blur(10px);
    opacity:0;
    background-size:calc(600% - 350px) 100%;
    background-position:0 0
}
 .color-rainbow2{
    position:absolute;
    z-index:-1;
    background:linear-gradient(90deg,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d);
    width:540px;
    height:220px;
    left:72px;
    top:240px;
    filter:blur(10px);
    opacity:0;
    background-size:calc(600% - 110px) 100%;
    background-position:0 0
}
 .color-rainbow{
    position:absolute;
    z-index:-1;
    background:linear-gradient(90deg,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d,#fc0613,#fe580e,#ffd832,#d0f945,#53fe3d,#2ffe3e,#2cfea7,#23f6ff,#007dfb,#0023f9,#6a1cfb,#f01cfa,#fd118d);
    width:630px;
    height:190px;
    left:46px;
    top:415px;
    filter:blur(15px);
    background-size:600% 100%;
    background-position:0 0;
    opacity:0
}
 .color-block{
    z-index:-1;
    position:absolute;
    opacity:0
}
 .color-block-1{
    width:20px;
    height:30px;
    left:370px;
    top:270px
}
 .color-block-1.animate-starry{
    animation-delay:.3s
}
 .color-block-2{
    width:20px;
    height:30px;
    left:310px;
    top:365px
}
 .color-block-2.animate-starry{
    animation-delay:.4s
}
 .color-block-3{
    width:70px;
    height:30px;
    left:170px;
    top:340px
}
 .color-block-3.animate-starry{
    animation-delay:.8s
}
 .color-block-4{
    width:20px;
    height:30px;
    left:310px;
    top:220px
}
 .color-block-4.animate-starry{
    animation-delay:1s
}
 .color-block-5{
    width:30px;
    height:30px;
    left:420px;
    top:233px
}
 .color-block-5.animate-starry{
    animation-delay:.6s
}
 .color-block-6{
    width:30px;
    height:30px;
    left:270px;
    top:303px
}
 .color-block-6.animate-starry{
    animation-delay:1.2s
}
 .color-block-7{
    width:630px;
    height:30px;
    left:50px;
    top:572px;
    filter:blur(10px)
}
 .color-block-7.animate-starry{
    animation-delay:1.8s
}
 .color-block-8{
    width:50px;
    height:160px;
    left:54px;
    top:438px;
    filter:blur(10px)
}
 .color-block-8.animate-starry{
    animation-delay:1s
}
 .gray-look .look-btn.look-mouse{
    top:878px;
    left:1122px
}
 .gray-look .look-btn.look-transformer{
    top:760px;
    left:1260px
}
 .gray-look .look-btn.look-bag{
    top:300px;
    left:1120px
}
 .gray-look .look-btn.look-nb{
    top:330px;
    left:790px
}
 .punk-look .look-btn.look-pad{
    top:1028px;
    left:1182px
}
 .punk-look .look-btn.look-mouse{
    top:998px;
    left:1312px
}
 .punk-look .look-btn.look-transformer{
    top:740px;
    left:1380px
}
 .punk-look .look-btn.look-headset{
    top:968px;
    left:534px
}
 .punk-look .look-btn.look-bag{
    top:300px;
    left:800px
}
 .punk-look .look-btn.look-nb{
    top:450px;
    left:1110px
}
 .look-btn{
    position:absolute;
    background-image:url(../img/plus.png);
    width:30px;
    height:30px;
    cursor:pointer;
    background-size:100% auto;
    left:0;
    top:0;
    background-color: transparent;
    border: none;
}
 .popup-slick-inner{
    display:block;
    width:100%
}
 .popup{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%
}
 .popup .popup-slick{
    background-image:url(../img/popup-bottom.png);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:center bottom;
    width:100%;
    position:relative
}
 .popup .popup-slick .prev-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    z-index:99;
    left:0;
    width:20px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color: transparent;
    border: none;
}
 .popup .popup-slick .next-arrow{
    cursor:pointer;
    z-index:99;
    right:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color: transparent;
    border: none;
}
 .popup .popup-other{
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    margin-top:20px
}
 .popup .popup-other .popup-option{
    width:200px;
    height:200px;
    background-size:100% auto;
    background-color:#1a1a1a;
    cursor:pointer;
    background-image:url(../img/bundle-not-active.png)
}
 .popup .popup-other .popup-option .option-inner{
    width:100%;
    height:100%;
    background-size:60% auto;
    background-position:center;
    background-repeat:no-repeat
}
 .popup .popup-other .popup-option.active{
    background-image:url(../img/bundle-active.png)
}
 .popup .popup-inner{
    position:absolute;
    width:800px;
    /* height:820px; */
    height:auto;
    margin:0 auto;
    background-color:#000;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(.85);
    border:1px solid #333;
    padding:20px 40px
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .popup .popup-inner{
        transform:translate(-50%,-50%) scale(.6)
    }
}
 .popup .popup-inner .popup-slick-img{
    width:756px;
    height:441px;
    background-size:40% auto;
    background-position:center;
    background-repeat:no-repeat;
    margin:20px auto;
    padding-bottom:20px
}
 .popup .popup-inner .gray-popup .title{
    background:#ff1c91;
    background:-moz-linear-gradient(left,#ff1c91 0,#5986f2 100%);
    background:-webkit-linear-gradient(left,#ff1c91 0,#5986f2 100%);
    background:linear-gradient(to right,#ff1c91 0,#5986f2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c91', endColorstr='#5986f2', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .popup .popup-inner .punk-popup .title{
    background:#f928f5;
    background:-moz-linear-gradient(left,#f928f5 0,#ff237d 100%);
    background:-webkit-linear-gradient(left,#f928f5 0,#ff237d 100%);
    background:linear-gradient(to right,#f928f5 0,#ff237d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f928f5', endColorstr='#ff237d', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .popup .popup-inner .title{
    padding:0!important;
    letter-spacing:2px;
    color:#4ae9d3;
    font-family: "ROG", sans-serif;/*RCD edit*/
    font-style:italic;
    text-align:center;
    font-size:40px
}
 .popup .close-btn{
    position:absolute;
    z-index:999;
    width:20px;
    background-size:100% auto;
    height:20px;
    background-image:url(../img/black-frame-crossbtn.png);
    right:20px;
    top:20px;
    cursor:pointer
}
 .popup.active{
    display:block
}
 .prev-arrow{
    cursor:pointer;
    height:45px;
    width:20px;
    margin-right:30px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-image:url(../img/prev-arrow.png);
    position:relative
}
 .prev-arrow:after{
    background-repeat:no-repeat;
    background-image:url(../img/prev-arrow.png);
    content:'';
    display:table;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:1;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:999;
    background-size:100% auto;
    mix-blend-mode:exclusion
}
 .prev-arrow:before{
    background-repeat:no-repeat;
    background-image:url(../img/prev-arrow.png);
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:-1;
    content:'';
    display:table;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:1;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:999;
    background-size:100% auto;
    filter:grayscale(1)
}
 .prev-arrow:hover:before{
    opacity:1;
    animation:glitch2 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .prev-arrow:hover:after{
    opacity:.8;
    animation:glitch1 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .next-arrow{
    cursor:pointer;
    height:45px;
    width:20px;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-image:url(../img/next-arrow.png);
    position:relative
}
 .next-arrow:after{
    background-repeat:no-repeat;
    background-image:url(../img/next-arrow.png);
    content:'';
    display:table;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:1;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:999;
    background-size:100% auto;
    mix-blend-mode:exclusion
}
 .next-arrow:before{
    background-repeat:no-repeat;
    background-image:url(../img/next-arrow.png);
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:-1;
    content:'';
    display:table;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:1;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:999;
    background-size:100% auto;
    filter:grayscale(1)
}
 .next-arrow:hover:before{
    opacity:1;
    animation:glitch2 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .next-arrow:hover:after{
    opacity:.8;
    animation:glitch1 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .layer-frame{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    z-index:999;
    background:#000
}
 .layer-frame .prev-arrow{
    cursor:pointer;
    height:50px;
    width:20px;
    margin-right:30px;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-image:url(../img/prev-arrow.png);
    pointer-events:fill;
    background-color: transparent;
    border: none;
}
 .layer-frame .next-arrow{
    height:50px;
    background-repeat:no-repeat;
    width:20px;
    cursor:pointer;
    margin-left:30px;
    background-size:100% auto;
    background-image:url(../img/next-arrow.png);
    pointer-events:fill;
    background-color: transparent;
    border: none;
}
 .layer-frame .cross-btn{
    position:absolute;
    right:100px;
    top:112px;
    width:35px;
    z-index:1000;
    cursor:pointer
}
 .layer-frame .cross-btn img{
    width:100%
}
 .layer-frame .cross-btn:before{
    content:'';
    display:table;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:1;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:999;
    background-image:url(../img/black-frame-crossbtn.png);
    background-size:100% auto;
    filter:grayscale(1);
    display:none
}
 .layer-frame .cross-btn:after{
    content:'';
    display:table;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    opacity:1;
    width:100%;
    border-radius:50px;
    opacity:0;
    z-index:999;
    background-image:url(../img/black-frame-crossbtn.png);
    background-size:100% auto;
    mix-blend-mode:exclusion
}
 .layer-frame .cross-btn:hover img{
    animation:glitch2 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .layer-frame .cross-btn:hover:before{
    opacity:1;
    animation:glitch2 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .layer-frame .cross-btn:hover:after{
    opacity:.8;
    animation:glitch1 .2s cubic-bezier(.25,.46,.45,.94) both infinite
}
 .layer-frame .btn-frame{
    display:flex;
    margin-top:70px
}
 .layer-frame .btn-frame .prev-arrow{
    margin:0 15px
}
 .layer-frame .btn-frame .next-arrow{
    margin:0 15px
}
 .layer-frame .title{
    margin-bottom:50px;
    color:#4ae9d3;
    font-size:24px;
    font-weight:700;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
    position:relative
}
 .layer-frame .title:after{
    content:'';
    display:block;
    background-size:100% auto;
    width:238px;
    height:17.5px;
    position:absolute;
    left:0;
    bottom:-10px
}
 .layer-frame .text{
    line-height:1.8em;
    font-family:Roboto;
    font-size:16px;
    color:#fff
}
 .layer-frame .text-frame{
    pointer-events:none
}
 .audio-box .audio-layers{
    width:1920px;
    height:1080px;
    background-size:100% auto;
    background-position:center center;
    position:absolute;
    top:0;
    left:50%;
    background-repeat:no-repeat;
    transform:perspective(400px) translateX(-50%);
    visibility:hidden;
    z-index:1;
    opacity:1;
    transition:.5s ease all
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .audio-box .audio-layers{
        top:-25%
    }
}
 .audio-box .audio-layers .text-frame{
    position:absolute;
    left:420px;
    top:350px;
    width:526px;
    opacity:0;
    transform:translateY(0);
    transition:.5s ease all;
    transition-delay:.5s;
    z-index:20
}
 .audio-box .audio-layers.active{
    opacity:1;
    visibility:initial;
    z-index:99
}
 .audio-box .audio-layers.active .text-frame{
    opacity:1;
    transform:translateY(0)
}
 .audio-box .audio-layers.left-ready{
    opacity:1;
    z-index:100;
    left:-50%
}
 .audio-box .audio-layers.right-ready{
    opacity:1;
    z-index:100;
    left:150%
}
 .audio-box .audio-layers.audio-thumb1{
    background-image:url(../img/audio-thumb1.jpg)
}
 .audio-box .audio-layers.audio-thumb2{
    background-image:url(../img/audio-thumb2.jpg)
}
 .keyboard-box .keyboard-layers{
    width:1920px;
    height:1080px;
    background-size:100% auto;
    background-position:center center;
    position:absolute;
    top:0;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%);
    visibility:hidden;
    z-index:1;
    opacity:1;
    transition:.5s ease all
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .keyboard-box .keyboard-layers{
        height:964px
    }
}
 .keyboard-box .keyboard-layers .text-frame{
    position:absolute;
    left:1100px;
    top:350px;
    width:526px;
    opacity:0;
    transform:translateY(0);
    transition:.5s ease all;
    transition-delay:.5s
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .keyboard-box .keyboard-layers .text-frame{
        top:200px
    }
}
 .keyboard-box .keyboard-layers.active{
    opacity:1;
    visibility:initial;
    z-index:99
}
 .keyboard-box .keyboard-layers.active .text-frame{
    opacity:1;
    transform:translateY(0)
}
 .keyboard-box .keyboard-layers.left-ready{
    opacity:1;
    z-index:100;
    left:-50%
}
 .keyboard-box .keyboard-layers.right-ready{
    opacity:1;
    z-index:100;
    left:150%
}
 .keyboard-box .keyboard-layers.keyboard-thumb1{
    background-image:url(../img/keyboard-thumb1.jpg)
}
 .keyboard-box .keyboard-layers.keyboard-thumb2{
    background-image:url(../img/keyboard-thumb2.jpg)
}
 .keyboard-box .keyboard-layers.keyboard-thumb3{
    background-image:url(../img/keyboard-thumb3.jpg)
}
 .performance-box .performance-layers{
    width:1920px;
    height:1080px;
    background-size:100% auto;
    background-position:center center;
    position:absolute;
    top:0;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%);
    visibility:hidden;
    z-index:1;
    opacity:1;
    transition:.5s ease all
}
 .performance-box .performance-layers .text-frame{
    position:absolute;
    left:460px;
    top:350px;
    width:526px;
    opacity:0;
    transform:translateY(0);
    transition:.5s ease all;
    transition-delay:.5s
}
 .performance-box .performance-layers.active{
    opacity:1;
    visibility:initial;
    z-index:99
}
 .performance-box .performance-layers.active .text-frame{
    opacity:1;
    transform:translateY(0)
}
 .performance-box .performance-layers.left-ready{
    opacity:1;
    z-index:100;
    left:-50%
}
 .performance-box .performance-layers.right-ready{
    opacity:1;
    z-index:100;
    left:150%
}
 .performance-box .performance-layers.performance-thumb1{
    background-image:url(../img/performance-thumb1.jpg)
}
 .performance-box .performance-layers.performance-thumb2{
    background-image:url(../img/performance-thumb2.jpg)
}
 .performance-box .performance-layers.performance-thumb3{
    background-image:url(../img/performance-thumb3.jpg)
}
 .performance-box .performance-layers.performance-thumb4{
    background-image:url(../img/performance-thumb4.jpg)
}
 .cooling-box .cooling-layers{
    width:1920px;
    height:1080px;
    background-size:100% auto;
    background-position:center center;
    position:absolute;
    top:0;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%);
    visibility:hidden;
    z-index:1;
    opacity:1;
    transition:.5s ease all
}
 .cooling-box .cooling-layers .text-frame{
    position:absolute;
    left:1100px;
    top:350px;
    width:526px;
    opacity:0;
    transform:translateY(0);
    transition:.5s ease all;
    transition-delay:.5s
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .cooling-box .cooling-layers .text-frame{
        top:200px
    }
}
 .cooling-box .cooling-layers.active{
    opacity:1;
    visibility:initial;
    z-index:99
}
 .cooling-box .cooling-layers.active .text-frame{
    opacity:1;
    transform:translateY(0)
}
 .cooling-box .cooling-layers.left-ready{
    opacity:1;
    z-index:100;
    left:-50%
}
 .cooling-box .cooling-layers.right-ready{
    opacity:1;
    z-index:100;
    left:150%
}
 .cooling-box .cooling-layers.cooling-thumb1{
    background-image:url(../img/cooling-thumb1.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb2{
    background-image:url(../img/cooling-thumb2.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb3{
    background-image:url(../img/cooling-thumb3.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb4{
    background-image:url(../img/cooling-thumb4.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb5{
    background-image:url(../img/cooling-thumb5.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb6{
    background-image:url(../img/cooling-thumb6.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb7{
    background-image:url(../img/cooling-thumb7.jpg)
}
 .cooling-box .cooling-layers.cooling-thumb8{
    background-image:url(../img/cooling-thumb8.jpg)
}
 .design-box .design-layers{
    width:1920px;
    height:1080px;
    background-size:100% auto;
    background-position:center center;
    position:absolute;
    top:0;
    left:50%;
    background-repeat:no-repeat;
    transform:translateX(-50%);
    visibility:hidden;
    z-index:1;
    transition:.5s ease all
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .design-box .design-layers{
        height:964px
    }
}
 .design-box .design-layers .text-frame{
    position:absolute;
    left:1100px;
    top:350px;
    width:526px;
    opacity:0;
    transform:translateY(0);
    transition:.5s ease all;
    transition-delay:.5s
}
 @media (min-width:1536px) and (max-width:1536px) and (-webkit-min-device-pixel-ratio:1.2){
     .design-box .design-layers .text-frame{
        top:150px
    }
}
 .design-box .design-layers.active{
    opacity:1;
    visibility:initial;
    z-index:99;
    left:50%
}
 .design-box .design-layers.active .text-frame{
    opacity:1;
    transform:translateY(0)
}
 .design-box .design-layers.left-ready{
    opacity:1;
    z-index:100;
    left:-50%
}
 .design-box .design-layers.right-ready{
    opacity:1;
    z-index:100;
    left:150%
}
 .design-box .design-thumb1{
    background-image:url(../img/design-lightbox-1.jpg)
}
 .design-box .design-thumb2{
    background-image:url(../img/design-lightbox-2.jpg)
}
 .design-box .design-thumb3{
    background-image:url(../img/design-lightbox-3.jpg)
}
 .inline-flex{
    display:inline-flex
}
 .inline-flex .in-box{
    margin-top:20px;
    width:200px;
    width: 170px;/*RCD edit 20210917*/
    padding-right: 10px;/*RCD edit 20210917*/
    box-sizing: border-box;/*RCD edit 20210917*/
}
 .inline-flex .in-box *{
    font-family:Roboto
}
 .inline-flex .in-box .bold-text{
    font-family: "Trade", sans-serif;/*RCD edit*/
}
 .scroll-hidden{
    overflow:hidden
}
 .nvidia{
    background-color:#000;
    background-size:100% auto;
    background-position:center center;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    background-repeat:no-repeat;
    padding: 60px 0;/*RCD edit*/
}
 .nvidia .slick-slider .slick-track{
    display:flex;
    display: block;/*RCD edit*//*修正adaptiveHeight無效問題*/
}
 .nvidia .nvidia-slick-container{/*RCD edit 20210917*/
    width:1200px;
    width:1100px;
    margin:0 auto 80px auto;
    display:flex;
    align-items:center;
}
 .nvidia .nvidia-slick-container .nvidia-slick-content{
    width:calc(100% - 220px)
}
 .nvidia .nvidia-slick-container .nvidia-slick-content ul{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    bottom:-60px;
    left:50%;
    transform:translateX(-50%)
}
 .nvidia .nvidia-slick-container .nvidia-slick-content ul li{
    display:block;
    cursor:pointer;
    border-radius:50%;
    margin:0 15px;
    background-size:100% auto;
    background-position:center;
    background-color:#999;
    width:15px;
    height:15px
}

/*RCD edit*/ /*新增media query*/
@media only screen and (max-width:767px){
 .nvidia .nvidia-slick-container .nvidia-slick-content ul li{
    margin:0 6px;
    width:10px;
    height:10px
}
}

 .nvidia .nvidia-slick-container .nvidia-slick-content ul li.slick-active{
    background-color:#fff
}
 .nvidia .nvidia-slick-container .nvidia-slick-content button{
    display:none
}
/*list元件若設為display:flex無法隨螢幕縮放自動改變寬度 所以在裡面增加一層 rcd-box*/
 .nvidia .nvidia-slick-container .nvidia-slick-content .list{/*RCD edit*/
}
 .nvidia .nvidia-slick-container .nvidia-slick-content .list .rcd-box{/*RCD edit*/
    display:flex;
    margin:auto;
    align-items:center;
    justify-content:center;
    min-height: 400px;/*RCD edit 20210923*/
}
 .nvidia .nvidia-slick-container .nvidia-slick-content .list .img{
    margin-right:40px;
    margin-right:30px;/*RCD edit 20210917*/
    width:360px;
    width: 320px;/*RCD edit 20210917*/
    display:table
}
 .nvidia .nvidia-slick-container .nvidia-slick-content .list .img img{
    width:100%
}
 .nvidia .nvidia-slick-container .nvidia-slick-content .list .text{
    color:#fff;
    width:550px;
    width: 500px;/*RCD edit 20210917*/
}
 .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .title{
    font-size:36px;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
    margin-bottom:10px;
    text-transform:uppercase
}
 .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .txt{
    font-size:20px;
    line-height:1.5em;
    font-family:Roboto;
    text-align:left
}
 .nvidia .nvidia-slick-container .nvidia-prev-arrow{
    cursor:pointer;
    margin-right:20px;
    background-image:url(../img/nv-slick-left.png);
    background-repeat:no-repeat;
    width:80px;
    height:80px;
    background-size:100% auto
}
 .nvidia .nvidia-slick-container .nvidia-prev-arrow:hover{
    filter:initial
}
 .nvidia .nvidia-slick-container .nvidia-prev-arrow:hover:after{
    display:none
}
 .nvidia .nvidia-slick-container .nvidia-prev-arrow:hover::before{
    display:none
}
 .nvidia .nvidia-slick-container .nvidia-next-arrow{
    cursor:pointer;
    background-image:url(../img/nv-slick-right.png);
    background-repeat:no-repeat;
    background-position:center right;
    width:80px;
    height:80px;
    background-size:100% auto
}
 .nvidia .nvidia-slick-container .nvidia-next-arrow:hover{
    filter:initial
}
 .nvidia .nvidia-slick-container .nvidia-next-arrow:hover:after{
    display:none
}
 .nvidia .nvidia-slick-container .nvidia-next-arrow:hover::before{
    display:none
}
 .nvidia-slick-container .slick-slide{
    height:auto
}
 .battery-section{
    background:0 0
}
 .glitch--style{
    --gap-horizontal:10px;
    --gap-vertical:1px;
    --time-anim:1.5s;
    --blend-mode-1:none;
    --blend-mode-2:overlay;
    --blend-mode-3:none;
    --blend-mode-4:none;
    --blend-mode-5:none;
    --blend-color-1:#568df2;
    --blend-color-2:#f01bcf;
    --blend-color-3:#f01bcf;
    --blend-color-4:#ff1d8b;
    --blend-color-5:#ff1d8b
}
 .glitch__img-1{
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:.5
}
 .glitch__img-1:before{
    content:'';
    position:absolute;
    top:calc(-1 * var(--gap-vertical));
    left:calc(-1 * var(--gap-horizontal));
    width:calc(100% + var(--gap-horizontal) * 2);
    height:calc(100% + var(--gap-vertical) * 2);
    background-repeat:no-repeat;
    background-color:var(--blend-color-1);
    background-size:cover;
    transform:translate3d(0,0,0);
    background-blend-mode:var(--blend-mode-1);
    left:0;
    top:0;
    background-color:var(--blend-color-2);
    background-blend-mode:var(--blend-mode-2)
}
 .glitch__img-1:after{
    content:'';
    position:absolute;
    top:calc(-1 * var(--gap-vertical));
    left:calc(-1 * var(--gap-horizontal));
    width:calc(100% + var(--gap-horizontal) * 2);
    height:calc(100% + var(--gap-vertical) * 2);
    background-repeat:no-repeat;
    background-color:var(--blend-color-1);
    background-size:cover;
    transform:translate3d(0,0,0);
    background-blend-mode:var(--blend-mode-1);
    left:0;
    top:0;
    background-color:var(--blend-color-3);
    background-blend-mode:var(--blend-mode-3)
}
 .glitch__img-2{
    position:absolute;
    width:100%;
    height:100%;
    display:none;
    pointer-events:none;
    opacity:.5
}
 .glitch__img-2:before{
    content:'';
    position:absolute;
    top:calc(-1 * var(--gap-vertical));
    left:calc(-1 * var(--gap-horizontal));
    width:calc(100% + var(--gap-horizontal) * 2);
    height:calc(100% + var(--gap-vertical) * 2);
    background-repeat:no-repeat;
    background-color:var(--blend-color-1);
    background-size:cover;
    transform:translate3d(0,0,0);
    background-blend-mode:var(--blend-mode-1);
    left:0;
    top:0;
    background-color:var(--blend-color-4);
    background-blend-mode:var(--blend-mode-4)
}
 .glitch__img-2:after{
    content:'';
    position:absolute;
    top:calc(-1 * var(--gap-vertical));
    left:calc(-1 * var(--gap-horizontal));
    width:calc(100% + var(--gap-horizontal) * 2);
    height:calc(100% + var(--gap-vertical) * 2);
    background-repeat:no-repeat;
    background-color:var(--blend-color-1);
    background-size:cover;
    transform:translate3d(0,0,0);
    background-blend-mode:var(--blend-mode-1);
    left:0;
    top:0;
    background-color:var(--blend-color-5);
    background-blend-mode:var(--blend-mode-5)
}
 .active .glitch__img-1:before{
    -webkit-transform:translate3d(var(--gap-horizontal),0,0);
    transform:translate3d(var(--gap-horizontal),0,0);
    -webkit-animation:glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
    animation:glitch-anim-1-horizontal var(--time-anim) infinite linear alternate
}
 .active .glitch__img-1:after{
    -webkit-transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0);
    transform:translate3d(calc(-1 * var(--gap-horizontal)),0,0);
    -webkit-animation:glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
    animation:glitch-anim-2-horizontal var(--time-anim) infinite linear alternate
}
 .active .glitch__img-2:before{
    -webkit-transform:translate3d(0,calc(-1 * var(--gap-vertical)),0) scale3d(-1,-1,1);
    transform:translate3d(0,calc(-1 * var(--gap-vertical)),0) scale3d(-1,-1,1);
    -webkit-animation:glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
    animation:glitch-anim-3-horizontal var(--time-anim) infinite linear alternate
}
 .active .glitch__img-2:after{
    -webkit-animation:glitch-anim-flash .5s steps(1,end) infinite;
    animation:glitch-anim-flash .5s steps(1,end) infinite
}
 .popup-slick-img img{
    width:50%
}
 .slick-img-in{
    width:100%;
    height:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:50% auto
}
 .slick-img-in.pink-back-1{
    background-image:url(../img/pink-back-1.png)
}
 .slick-img-in.pink-back-2{
    background-image:url(../img/pink-back-2.png)
}
 .slick-img-in.pink-back-3{
    background-image:url(../img/pink-back-3.png)
}
 .slick-img-in.pink-mice-1{
    background-image:url(../img/pink-mice-1.png)
}
 .slick-img-in.pink-mice-2{
    background-image:url(../img/pink-mice-2.png)
}
 .slick-img-in.pink-mice-3{
    background-image:url(../img/pink-mice-3.png)
}
 .slick-img-in.pink-webcam-1{
    background-image:url(../img/pink-webcam-1.png)
}
 .slick-img-in.pink-webcam-2{
    background-image:url(../img/pink-webcam-2.png)
}
 .slick-img-in.pink-webcam-3{
    background-image:url(../img/pink-webcam-3.png)
}
 .slick-img-in.pink-charger-1{
    background-image:url(../img/pink-charger-1.png)
}
 .slick-img-in.pink-charger-2{
    background-image:url(../img/pink-charger-2.png)
}
 .slick-img-in.pink-charger-3{
    background-image:url(../img/pink-charger-3.png)
}
 .slick-img-in.pink-headset-1{
    background-image:url(../img/pink-headset-1.png)
}
 .slick-img-in.pink-headset-2{
    background-image:url(../img/pink-headset-2.png)
}
 .slick-img-in.pink-headset-3{
    background-image:url(../img/pink-headset-3.png)
}
 .slick-img-in.pink-pad{
    background-image:url(../img/pink-pad.png)
}
 .slick-img-in.gray-back-1{
    background-image:url(../img/gray-back-1.png)
}
 .slick-img-in.gray-back-2{
    background-image:url(../img/gray-back-2.png)
}
 .slick-img-in.gray-back-3{
    background-image:url(../img/gray-back-3.png)
}
 .slick-img-in.gray-mice-1{
    background-image:url(../img/gray-mice-1.png)
}
 .slick-img-in.gray-mice-2{
    background-image:url(../img/gray-mice-2.png)
}
 .slick-img-in.gray-mice-3{
    background-image:url(../img/gray-mice-3.png)
}
 .slick-img-in.gray-webcam-1{
    background-image:url(../img/gray-webcam-1.png)
}
 .slick-img-in.gray-webcam-2{
    background-image:url(../img/gray-webcam-2.png)
}
 .slick-img-in.gray-webcam-3{
    background-image:url(../img/gray-webcam-3.png)
}
 .slick-img-in.gray-charger-1{
    background-image:url(../img/gray-charger-1.png)
}
 .slick-img-in.gray-charger-2{
    background-image:url(../img/gray-charger-2.png)
}
 .slick-img-in.gray-charger-3{
    background-image:url(../img/gray-charger-3.png)
}
 .option-inner.pink-back-1{
    background-image:url(../img/pink-back-1.png)
}
 .option-inner.pink-back-2{
    background-image:url(../img/pink-back-2.png)
}
 .option-inner.pink-back-3{
    background-image:url(../img/pink-back-3.png)
}
 .option-inner.pink-mice-1{
    background-image:url(../img/pink-mice-1.png)
}
 .option-inner.pink-mice-2{
    background-image:url(../img/pink-mice-2.png)
}
 .option-inner.pink-mice-3{
    background-image:url(../img/pink-mice-3.png)
}
 .option-inner.pink-webcam-1{
    background-image:url(../img/pink-webcam-1.png)
}
 .option-inner.pink-webcam-2{
    background-image:url(../img/pink-webcam-2.png)
}
 .option-inner.pink-webcam-3{
    background-image:url(../img/pink-webcam-3.png)
}
 .option-inner.pink-charger-1{
    background-image:url(../img/pink-charger-1.png)
}
 .option-inner.pink-charger-2{
    background-image:url(../img/pink-charger-2.png)
}
 .option-inner.pink-charger-3{
    background-image:url(../img/pink-charger-3.png)
}
 .option-inner.pink-headset-1{
    background-image:url(../img/pink-headset-1.png)
}
 .option-inner.pink-headset-2{
    background-image:url(../img/pink-headset-2.png)
}
 .option-inner.pink-headset-3{
    background-image:url(../img/pink-headset-3.png)
}
 .option-inner.gray-back-1{
    background-image:url(../img/gray-back-1.png)
}
 .option-inner.gray-back-2{
    background-image:url(../img/gray-back-2.png)
}
 .option-inner.gray-back-3{
    background-image:url(../img/gray-back-3.png)
}
 .option-inner.gray-mice-1{
    background-image:url(../img/gray-mice-1.png)
}
 .option-inner.gray-mice-2{
    background-image:url(../img/gray-mice-2.png)
}
 .option-inner.gray-mice-3{
    background-image:url(../img/gray-mice-3.png)
}
 .option-inner.gray-webcam-1{
    background-image:url(../img/gray-webcam-1.png)
}
 .option-inner.gray-webcam-2{
    background-image:url(../img/gray-webcam-2.png)
}
 .option-inner.gray-webcam-3{
    background-image:url(../img/gray-webcam-3.png)
}
 .option-inner.gray-charger-1{
    background-image:url(../img/gray-charger-1.png)
}
 .option-inner.gray-charger-2{
    background-image:url(../img/gray-charger-2.png)
}
 .option-inner.gray-charger-3{
    background-image:url(../img/gray-charger-3.png)
}
 .option-inner.pink-pad{
    background-image:url(../img/pink-pad.png)
}
 .line{
    display:none!important
}
 .slick-in .img-inner{
    background-image:url(../img/slider-shadow.png);
    background-size:100% auto;
    padding:20px;
    width:100%
}
 .slider{
    text-align:center;
    padding:60px 0
}
 .slider .next-arrow{
    margin-left:30px
}
 .slider .slider-slick{
    display:flex;
    align-items:center;
    margin:0 auto 0;
    width:1060px;
    position:relative
}
 .slider .slider-slick-content{
    width:calc(100% - 120px)
}
 .slider .slider-slick-content .slider-slick-list{/*RCD edit*/
    width:100%;
    margin:auto
}
 .slider .slider-slick-content .slider-slick-list .rcd-box{/*RCD edit*/
    display:flex;
    align-items:center;
    justify-content:center;
}
 .slider .slider-slick-content .img{
    width:580px;
    margin-right:30px
}
 .slider .slider-slick-content .img img{
    width:100%
}
 .slider .slider-slick-content .text{
    text-align:left;
    width:310px;
    background:#75d2fd;
    background:-moz-linear-gradient(top,#75d2fd 0,#3870a5 100%);
    background:-webkit-linear-gradient(top,#75d2fd 0,#3870a5 100%);
    background:linear-gradient(to bottom,#75d2fd 0,#3870a5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75d2fd', endColorstr='#3870a5', GradientType=0);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .slider .slider-slick-content .text .title{
    font-size:24px;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
    margin-bottom:10px;
    text-transform:uppercase;
    line-height:1.7;
    background:#568df2;
    background:-moz-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:-webkit-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:linear-gradient(to right,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#568df2', endColorstr='#ff1d8b', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 .slider .slider-slick-content .text .txt{
    text-align:left;
    font-size:14px;
    font-family:Roboto;
    color:#fff;
    line-height:1.7;
    -webkit-text-fill-color:initial
}
 .slider .slider-slick-content .text .txt .small-size{
    text-align:left;
    display:table;
    font-size:14px;
    color:#999
}
 .slider .slider-menu span{
    color:#fff;
    font-size:22px;
    font-family:Roboto
}
 .slider .slider-menu .menu-list{
    padding:0 20px;
    position:relative;
    display:inline-block;
    cursor:pointer
}
 .slider .slider-menu .pipe{
    position:absolute;
    right:-2px;
    top:50%;
    width:auto;
    height:8px;
    top:6px;
    font-size:20px;
    color:#555
}
 .typewriter{
    display:inline-block;
    font-family:'Source Code Pro',monospace;
    position:relative
}
 .cursor:before{
    content:'';
    display:inline-block;
    width:.5em;
    height:.875em;
    margin-left:3px;
    background-color:#4ae9d3;
    animation-name:blink;
    animation-duration:.4s;
    animation-iteration-count:infinite;
    position:absolute;
    bottom:.125em;
    left:100%
}
 .inner .overviewContent{
    padding-bottom:0
}
 .layout{
    overflow:visible!important
}
 .overContent{
    overflow:visible!important
}
 .scar-container{
    z-index:2;
    background:#000
}
 @media only screen and (min-width:1921px){
     .performance-run{
        height:530px
    }
     .overviewContent .v-container .battery-section .scroll-frame.g17{
        top:215px
    }
     .overviewContent .v-container .display-section{
        height:2860px
    }
     .overviewContent .v-container .display-section .hd-inner{
        position:absolute;
        left:671px;
        top:697px;
        width:1216px
    }
     .overviewContent .v-container .display-section .main-bg{
        background-position:0 -500px;
        width:2560px;
        height:2880px
    }
     .overviewContent .v-container .display-section .parallax{
        background-position:0 -500px;
        width:2560px;
        height:2880px;
        background-position:center 120%
    }
     .overviewContent .v-container .display-section .parallax.para-box{
        background-position:center 10%
    }
     .overviewContent .v-container .audio-section .main-bg.audio-bg{
        width:2560px;
        height:1400px
    }
     .overviewContent .v-container .audio-section .top-bg{
        width:2560px
    }
     .overviewContent .v-container .audio-section .bottom-bg{
        width:2560px
    }
     .overviewContent .v-container .product-section .main-bg{
        width:2560px
    }
     .overviewContent .v-container .keyboard-section .main-bg{
        width:2560px;
        height:1960px;
        width:2560px;
        height:1960px
    }
     .overviewContent .v-container .keyboard-section .keyboard-nb{
        width:2560px;
        height:1720px;
        background-position:center -700px
    }
     .overviewContent .v-container .keyboard-section .learn-more{
        bottom:350px
    }
     .overviewContent .v-container .main-section .main-bg{
        width:2560px;
        height:1780px
    }
     .overviewContent .v-container .slick-section .main-bg{
        width:2560px;
        height:1180px
    }
     .overviewContent .v-container .slick-section .slick-container .slick-box{
        width:1400px
    }
     .overviewContent .v-container .slick-section .bar{
        width:1100px;
        bottom:80px
    }
     .overviewContent .v-container .influencer-section .people-bg{
        width:2560px;
        height:1020px;
        height: 1120px;/*RCD edit 20210917*/
    }
     .overviewContent .v-container .influencer-section .main-bg{
        width:2560px;
        height:1020px;
        height: 1120px;/*RCD edit 20210917*/
    }
     .overviewContent .v-container .influencer-section .title-box{
        width:800px
    }
     .overviewContent .v-container .influencer-section .title-box .title-border{
        font-size:120px
    }
     .overviewContent .v-container .influencer-section .left-box{
        left:calc(50% - -100px);
        top:190px
    }
     .overviewContent .v-container .influencer-section .left-box .title{
        font-size:120px
    }
     .overviewContent .v-container .influencer-section .chat-box{
        font-size:32px;
        width:510px
    }
     .overviewContent .v-container .design-section{
        height:1430px
    }
     .overviewContent .v-container .design-section .main-bg{
        width:2560px;
        height:1430px
    }
     .overviewContent .v-container .design-section .main-nb{
        width:2560px;
        height:2290px
    }
     .overviewContent .v-container .design-section .text{
        width:500px;
        top:505px;
        font-size:30px
    }
     .overviewContent .v-container .design-section .color-option{
        position:relative;
        left:0;
        width:750px;
        top:870px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar{
        width:750px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .bar-in{
        margin-left:270px
    }
     .overviewContent .v-container .design-section .color-option .choose-color{
        margin-left:350px
    }
     .overviewContent .v-container .cover-section{
        height:4940px
    }
     .overviewContent .v-container .cover-section .main-bg{
        width:2560px;
        height:4950px
    }
     .overviewContent .v-container .cover-section .text .hide-text{
        font-size:26px
    }
     .overviewContent .v-container .cover-section .text.light{
        left:700px;
        top:260px;
        font-size:86px
    }
     .overviewContent .v-container .cover-section .text.durability{
        left:1300px;
        top:1400px;
        font-size:86px
    }
     .overviewContent .v-container .cover-section .text.smaller{
        left:700px;
        top:3080px;
        font-size:86px
    }
     .overviewContent .v-container .cover-section .text.bigger{
        left:1220px;
        top:4010px;
        font-size:86px
    }
     .overviewContent .v-container .performance-section .main-bg{
        width:2560px;
        height:880px
    }
     .overviewContent .v-container .performance-run-section .main-bg{
        width:2560px;
        height:1800px
    }
     .overviewContent .v-container .performance-run-section .learn-more{
        top:1580px
    }
     .overviewContent .v-container .cool-section .cool-bg{
        width:2560px;
        height:2200px
    }
     .overviewContent .v-container .cool-section .cool-nb{
        width:2560px;
        height:1200px
    }
     .overviewContent .v-container .cool-section .cool-animate{
        width:2560px;
        height:1200px
    }
     .overviewContent .v-container .cool-section .learn-more{
        top:1920px
    }
     .overviewContent .v-container .battery-section .top-bg{
        width:2560px
    }
     .overviewContent .v-container .battery-section .main-bg.battery-bg{
        width:2560px;
        height:1440px
    }
     .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
        width:2560px;
        height:1480px
    }
     .overviewContent .v-container .connectivity-section .bar-frame{
        top:300px;
        width:1200px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text font{
        font-size:36px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text span{
        font-size:28px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar{
        max-width:calc(1200px * .75)
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .mbps{
        font-size:30px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar{
        max-width:calc(400px * .75)
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .mbps{
        font-size:30px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .speed-text{
        font-size:24px
    }
     .overviewContent .v-container .io-section .main-bg{
        width:2560px;
        height:2000px
    }
     .overviewContent .v-container .io-section .io-port{
        font-size:24px
    }
     .overviewContent .v-container .io-section .io-port.io-port-0{
        left:650px;
        top:1380px
    }
     .overviewContent .v-container .io-section .io-port.io-port-1{
        left:665px;
        top:1385px
    }
     .overviewContent .v-container .io-section .io-port.io-port-2{
        left:880px;
        top:1400px
    }
     .overviewContent .v-container .io-section .io-port.io-port-3{
        left:951px;
        top:1430px
    }
     .overviewContent .v-container .io-section .io-port.io-port-4{
        left:1540px;
        top:1395px
    }
     .overviewContent .v-container .io-section .io-port.io-port-6{
        left:1570px;
        top:1390px
    }
     .overviewContent .v-container .io-section .io-port.io-port-5{
        left:1640px;
        top:1370px
    }
     .overviewContent .v-container .software-section .main-bg{
        width:2560px;
        height:1700px
    }
     .overviewContent .v-container .software-section .main-bg.armoury-bg{
        width:3080px;
        height:1400px
    }
     .overviewContent .v-container .bundle-section .bundle-bg{
        width:2560px;
        height:1680px
    }
     .overviewContent .scar-container.keyboard-section{
        padding:230px 0 0
    }
     .overviewContent .container .audio-section .main-bg.audio-bg{
        width:2560px;
        height:1600px
    }
     .overviewContent .container .audio-section .main-bg.audio-nb{
        width:2560px;
        height:1600px
    }
     .nvidia .nvidia-slick-container{
        width:1500px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .img img{
        margin:auto
    }
     section.merge{
        width:2560px;
        height:3740px
    }
     .design-box .design-layers{
        width:2560px;
        height:1280px
    }
     .design-box .design-layers .text-frame{
        left:1450px
    }
     .cooling-box .cooling-layers{
        width:2560px;
        height:1280px
    }
     .cooling-box .cooling-layers .text-frame{
        left:1450px
    }
     .keyboard-box .keyboard-layers{
        width:2560px;
        height:1280px
    }
     .keyboard-box .keyboard-layers .text-frame{
        left:1450px
    }
     .punk-look .look-btn.look-pad{
        top:1278px;
        left:1552px
    }
     .punk-look .look-btn.look-bag{
        top:330px;
        left:1050px
    }
     .punk-look .look-btn.look-nb{
        top:550px;
        left:1270px
    }
     .punk-look .look-btn.look-transformer{
        top:900px;
        left:1790px
    }
     .punk-look .look-btn.look-headset{
        top:1218px;
        left:750px
    }
     .punk-look .look-btn.look-mouse{
        top:1278px;
        left:1772px
    }
     .gray-look .look-btn.look-bag{
        top:340px;
        left:1520px
    }
     .gray-look .look-btn.look-nb{
        top:370px;
        left:1050px
    }
     .gray-look .look-btn.look-transformer{
        top:950px;
        left:1690px
    }
     .gray-look .look-btn.look-mouse{
        top:1118px;
        left:1472px
    }
     .look-btn{
        width:45px;
        height:45px
    }
     .audio-box .audio-layers{
        width:2560px;
        height:1280px
    }
     .performance-box .performance-layers{
        width:2560px;
        height:1280px
    }
}
 .slider-header{
    display:flex;
    align-items:center;
    justify-content:center;
    width:1060px;
    margin:auto
}
 .slider-header .list{
    cursor:pointer;
    display:inline-block;
    color:#fff;
    opacity:.8;
    font-size:18px;
    text-align:center;
    margin:0 auto 20px;
    font-family:Roboto;
    font-weight:700
}
 .slider-header .list.active{
    opacity:1;
    background:#568df2;
    background:-moz-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:-webkit-linear-gradient(left,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    background:linear-gradient(to right,#568df2 0,#f01bcf 51%,#f01bcf 51%,#ff1d8b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#568df2', endColorstr='#ff1d8b', GradientType=1);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
 @media only screen and (max-width:1400px) and (min-width:1300px){
     .nvidia .nvidia-slick-container .nvidia-slick-content ul{
        bottom:-10px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .popup .popup-inner{
        transform:translate(-50%,-50%) scale(.5)
    }
     .video-section .section-inner .video-head{
        margin-top:50px;
        font-size:30px
    }
     .video-section .section-inner .video-container{
        margin:50px auto 200px auto;
        width:800px;
        min-height:317px
    }
     .video-section .section-inner .video-container .video-thumb{
        height:317px
    }
     .video-section .section-inner .border-bottom{
        left:389px!important
    }
     .overviewContent .v-container .display-section{
        height:1740px
    }
     .overviewContent .v-container .display-section .hd-inner{
        position:absolute;
        left:378px;
        top:588px;
        width:684px
    }
     .overviewContent .v-container .display-section .main-bg{
        width:1440px;
        height:1850px
    }
     .overviewContent .v-container .display-section .main-bg .title{
        padding:120px 0 0
    }
     .overviewContent .v-container .display-section .switch-box{
        margin:80px auto 0
    }
     .overviewContent .v-container .display-section .switch-box .content-box{
        font-size:20px
    }
     .overviewContent .v-container .display-section .switch-box .content-box .qhd-content{
        width:200px;
        height:45px
    }
     .overviewContent .v-container .display-section .switch-box .content-box .fhd-content{
        width:200px;
        height:45px
    }
     .overviewContent .v-container .display-section .switch-box .name-box{
        font-size:18px
    }
     .overviewContent .v-container .display-section .switch-box .name-box .fhd-name{
        width:200px
    }
     .overviewContent .v-container .display-section .switch-box .name-box .qhd-name{
        width:200px
    }
     .overviewContent .v-container .display-section .switch-box .txt-box{
        font-size:18px;
        letter-spacing:1px
    }
     .overviewContent .v-container .display-section .switch-box .txt-box .fhd-txt{
        width:200px
    }
     .overviewContent .v-container .display-section .switch-box .txt-box .qhd-txt{
        width:200px
    }
     .overviewContent .v-container .display-section .parallax{
        width:1440px;
        height:1850px
    }
     .overviewContent .v-container .product-section{
        /*height:calc(1958px * .5)*//*RCD edit*/
    }
     .overviewContent .v-container .product-section .title .rog-strix{
        font-size:156px
    }
     .overviewContent .v-container .product-section .title .rog-strix-shadowimg{
        left:35px;
        top:50px;
        background-size:75% auto;
        background-position:left top;
        font-size:156px
    }
     .overviewContent .v-container .product-section .text{
        width:715px;
        margin:46px auto 56px;
        font-size:14px
    }
     .overviewContent .v-container .product-section .title.big-size{
        margin-top:-130px
    }
     .overviewContent .v-container .product-section .title.big-size .rog-strix{
        font-size:156px
    }
     .overviewContent .v-container .product-section .title.big-size .rog-g15-shadowimg{
        background-size:50%;
        left:20px;
        top:65px
    }
     .overviewContent .v-container .product-section .main-bg{
        width:calc(1920px * .83);
        /*height:calc(1958px * .83)*/ /*RCD edit*/
    }
     .overviewContent .v-container .product-section .video-box{
        width:calc(1222px * .75);
        height:calc(810px * .75)
    }
     .overviewContent .v-container .product-section .video-box .play-btn{
        width:72px;
        height:72px
    }
     .overviewContent .v-container .product-section .v-line{
        width:calc(1263px * .83);
        height:calc(1241px * .83);
        top:calc(490px * .83);
        left:calc(450px * .83)
    }
     .overviewContent .v-container .product-section .back-man{
        width:1320px;
        height:1320px;
        left:-90px;
        top:477px
    }
     .overviewContent .v-container .main-section .main-bg{
        width:1440px;
        height:1080px
    }
     .overviewContent .v-container .main-section .main-bg.kv-15{
        background-image:url(../img/main-banner-15@0.5x.jpg)
    }
     .overviewContent .v-container .influencer-section .right-box{
        left:calc(50% + 180px);
        top:230px
    }
     .overviewContent .v-container .influencer-section .right-box .chat-box{
        background-position:left top,calc(100% - 20px) calc(100% - 0px);
        line-height:1.2em;
        font-size:17px;
        width:270px;
        margin-top:20px;
        margin-left:15px;
        padding:3px 40px
    }
     .overviewContent .v-container .influencer-section .right-box .title{
        font-size:82px
    }
     .overviewContent .v-container .influencer-section .left-box{
        left:calc(50% - 60px);
        top:80px;
        z-index:10
    }
     .overviewContent .v-container .influencer-section .left-box .chat-box{
        font-size:17px;
        width:250px;
        margin-top:20px;
        padding:10px 25px
    }
     .overviewContent .v-container .influencer-section .left-box .title{
        font-size:82px
    }
     .overviewContent .v-container .influencer-section .title-box .title-border{
        font-size:82px
    }
     .overviewContent .v-container .influencer-section .people-bg{
        width:calc(1920px * .83);
        height:calc(762px * .83)
    }
     .overviewContent .v-container .influencer-section .main-bg{
        width:calc(1920px * .83);
        height:calc(762px * .83)
    }
     .overviewContent .v-container .slick-section .main-bg{
        width:calc(1920px * .83);
        height:calc(900px * .83)
    }
     .overviewContent .v-container .slick-section .slick-container .slick-box{
        width:800px
    }
     .overviewContent .v-container .slick-section .bar{
        width:650px
    }
     .overviewContent .v-container .design-section{
        bottom:-40%;
        height:850px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (max-width:1280px){
     .overviewContent .v-container .design-section{
        bottom:-50%
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .overviewContent .v-container .design-section .title{
        padding:100px 0 0;
        margin:0 0 0 123.5px
    }
     .overviewContent .v-container .design-section .main-bg{
        width:1440px;
        height:850px
    }
     .overviewContent .v-container .design-section .main-nb{
        width:1280px;
        height:1400px;
        transform:translateX(-380px)
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (max-width:1280px){
     .overviewContent .v-container .design-section .main-nb{
        transform:translateX(-450px)
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .overviewContent .v-container .design-section .color-option{
        top:400px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar{
        width:425px;
        height:65px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose{
        width:calc(110px * .83);
        height:calc(43px * .83)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .bar-in{
        margin-left:115px
    }
     .overviewContent .v-container .design-section .color-option .choose-color{
        font-size:14px;
        margin-left:195px
    }
     .overviewContent .v-container .design-section .text{
        left:150px;
        top:335px;
        font-size:14px;
        width:500px
    }
     .overviewContent .v-container .cool-section .circle-frame{
        width:580px;
        margin:25px auto 0
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box{
        transform:scale(.83)
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle{
        width:155px;
        height:155px
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-bottom{
        font-size:60px;
        margin-bottom:15px
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-top{
        font-size:16px
    }
     .overviewContent .v-container .cool-section .main-bg .title{
        padding:25px 0 0
    }
     .overviewContent .v-container .cool-section .cool-bg{
        width:1440px;
	    /*height:height:1445px;*//*RCD edit*/
    }
     .overviewContent .v-container .cool-section .learn-more{
        top:1300px;
        top:1600px;/*RCD edit*/
    }
     .overviewContent .v-container .cool-section .cool-nb{
        width:1440px;
        height:720px
    }
     .overviewContent .v-container .cool-section .cool-animate{
        width:1440px;
        height:720px
    }
     .overviewContent .v-container .rainbow-text{
        margin:20px 0;
        font-size:42px;
        width:780px
    }
     .overviewContent .v-container .performance-section .main-bg{
        width:1440px;
        height:720px
    }
     .overviewContent .v-container .performance-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .performance-section .circle-frame{
        width:1160px;
        margin-top:50px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box{
        width:calc(1120px / 5)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .main-text{
        height:50px;
        font-size:20px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle{
        width:135px;
        height:135px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-top{
        font-size:18px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-bottom{
        font-size:34px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-title{
        font-size:13px;
        height:25px
    }
     .overviewContent .v-container .cover-section{
        height:calc(3720px * .68)
    }
     .overviewContent .v-container .cover-section .main-bg{
        width:calc(1920px * .68);
        height:calc(3720px * .68)
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (min-width:1440px){
     .overviewContent .v-container .cover-section .main-bg{
        width:1440px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .overviewContent .v-container .cover-section .text{
        font-size:calc(72px * .83)
    }
     .overviewContent .v-container .cover-section .text .hide-text{
        width:calc(610px * .68)
    }
     .overviewContent .v-container .cover-section .text.light{
        left:calc(510px * .68);
        top:calc(260px * .5)
    }
     .overviewContent .v-container .cover-section .text.light .hide-text{
        left:calc(-240px * .83)
    }
     .overviewContent .v-container .cover-section .text.durability{
        left:calc(950px * .68);
        top:calc(1190px * .6)
    }
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        left:calc(40px * .83);
        width:540px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (min-width:1241px) and (max-width:1365px){
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        width:520px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .overviewContent .v-container .cover-section .text.smaller{
        left:calc(600px * .68);
        top:calc(2080px * .68)
    }
     .overviewContent .v-container .cover-section .text.smaller .glitch-text{
        left:-60px
    }
     .overviewContent .v-container .cover-section .text.smaller .hide-text{
        left:calc(-220px * .83)
    }
     .overviewContent .v-container .cover-section .text.bigger{
        left:calc(920px * .68);
        top:calc(3010px * .64)
    }
     .overviewContent .v-container .cover-section .text.bigger .hide-text{
        left:60px
    }
     .overviewContent .v-container .main-bg .box-title .box-bg-revert{
        top:-28%
    }
     .overviewContent .v-container .main-bg .text{
        font-size:14px
    }
     .overviewContent .v-container .performance-run-section .main-bg{
        width:1440px;
        height:1120px
    }
     .overviewContent .v-container .performance-run-section .learn-more{
        top:885px
    }
     .overviewContent .v-container .learn-more{
        transform:translateX(-50%) scale(.75)
    }
     .overviewContent .v-container .audio-section .circle-frame{
        margin:40px auto;
        width:690px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box{
        width:calc(690px / 3)
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .main-text{
        font-size:14px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle{
        width:155px;
        height:155px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-bottom{
        font-size:32px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-top{
        font-size:26px
    }
     .overviewContent .v-container .audio-section .top-bg{
        width:1440px;
        height:560px
    }
     .overviewContent .v-container .audio-section .top-bg .small-size{
        position:relative;
        top:-30px
    }
     .overviewContent .v-container .audio-section .main-bg.audio-bg{
        width:1440px;
        height:1100px
    }
     .overviewContent .v-container .audio-section .bottom-bg{
        width:1440px;
        height:280px
    }
     .overviewContent .v-container .audio-section .bottom-bg .learn-more{
        top:-10px
    }
     .overviewContent .v-container .audio-section .bottom-bg .text{
        margin-top:-80px;
        transform:translateY(-60px)
    }
     .overviewContent .v-container .audio-section .main-bg.audio-nb{
        width:1440px;
        height:1100px
    }
     .overviewContent .v-container .battery-section .main-bg .title{
        padding:70px 0 0
    }
     .overviewContent .v-container .battery-section .top-bg{
        width:1440px;
        height:400px
    }
     .overviewContent .v-container .battery-section .main-bg.battery-nb{
        width:1440px;
        height:900px
    }
     .overviewContent .v-container .battery-section .main-bg.battery-bg{
        width:1440px;
        height:900px
    }
     .overviewContent .v-container .battery-section .scroll-frame{
        width:700px;
        height:395px;
        top:140px
    }
     .overviewContent .v-container .battery-section .scroll-frame.g17{
        top:150px;
        width:698px;
        height:394px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box{
        width:calc(670px / 3)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .main-text{
        font-size:16px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle{
        margin:auto;
        width:155px;
        height:155px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-top{
        font-size:26px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-bottom{
        font-size:32px
    }
     .overviewContent .v-container .connectivity-section .circle-frame{
        top:40px;
        transform-origin:top
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box{
        width:270px
    }
     .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
        width:1440px;
        height:780px;
        background-position:center -110px
    }
     .overviewContent .v-container .connectivity-section .bar-frame{
        transform:translateX(-50%) scale(.77);
        margin:10px auto 0;
        transform-origin:center top
    }
     .overviewContent .v-container .io-section .io-port{
        font-size:calc(18px * .8)
    }
     .overviewContent .v-container .io-section .main-bg{
        width:1440px;
        height:1340px
    }
     .overviewContent .v-container .io-section .io-port.io-port-1{
        left:355px;
        top:890px
    }
     .overviewContent .v-container .io-section .io-port.io-port-2{
        left:485px;
        top:900px
    }
     .overviewContent .v-container .io-section .io-port.io-port-3{
        left:520px;
        top:910px
    }
     .overviewContent .v-container .io-section .io-port.io-port-4{
        left:845px;
        top:890px
    }
     .overviewContent .v-container .io-section .io-port.io-port-6{
        left:865px;
        top:890px
    }
     .overviewContent .v-container .io-section .io-port.io-port-5{
        left:910px;
        top:880px
    }
     .overviewContent .v-container .io-section .io-port.io-port-0{
        left:350px;
        top:880px
    }
     .overviewContent .v-container .software-section .main-bg.armoury-bg{
        width:1900px;
        height:750px
    }
     .overviewContent .v-container .software-section .main-bg{
        width:1440px;
        height:1120px
    }
     .overviewContent .v-container .bundle-section .bundle-bg{
        width:1440px;
        height:950px
    }
     .overviewContent .v-container .keyboard-section{
        overflow-y:initial
    }
     .overviewContent .v-container .keyboard-section .keyboard-nb{
        width:1440px;
        height:1060px;
        background-position:center -260px
    }
     .overviewContent .v-container .keyboard-section .main-bg{
        width:1440px;
        height:1060px
    }
     .overviewContent .v-container .keyboard-section .learn-more{
        bottom:20px
    }
     .overviewContent .v-container .aura-section .main-bg{
        width:1440px;
        height:900px;
        height:1100px;
        background-size:cover
    }
     .overviewContent .v-container .aura-section .product-box{
        transform:scale(.75);
        transform-origin:top;
        margin:10px auto 0
    }
     .overviewContent .v-container .aura-section .color-box{
        margin-top:-150px
    }
     .nvidia{
        margin-top:-60px;
        margin-top:0;/*RCD edit 20210923*/
        height:420px;
        height:auto;/*RCD edit 20210922*/
        padding:150px 0 0;
        padding: 100px 0 50px;/*RCD edit 20210923*/
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content ul{
        bottom:-60px
    }
     .punk-look .look-btn.look-pad{
        top:720px;
        left:872px
    }
     .punk-look .look-btn.look-bag{
        top:190px;
        left:600px
    }
     .punk-look .look-btn.look-nb{
        top:310px;
        left:710px
    }
     .punk-look .look-btn.look-transformer{
        top:510px;
        left:990px
    }
     .punk-look .look-btn.look-headset{
        top:690px;
        left:410px
    }
     .punk-look .look-btn.look-mouse{
        top:720px;
        left:990px
    }
     .slider{
        padding:20px 0
    }
     .slider .slider-slick-content .img{
        width:100%;
        margin:20px auto;
        margin-right:20px
    }
     .slider .slider-slick-content .img img{
        max-height:280px;
        object-fit:contain
    }
     .slider .slider-slick-content .text{
        max-width:80%;
        margin:auto
    }
     .slider-menu{
        width:632px
    }
     section.merge{
        width:1440px;
        height:2700px
    }
     .gray-look .look-btn.look-bag{
        top:190px;
        left:850px
    }
     .gray-look .look-btn.look-nb{
        top:200px;
        left:580px
    }
     .gray-look .look-btn.look-transformer{
        top:540px;
        left:960px
    }
     .gray-look .look-btn.look-mouse{
        top:630px;
        left:820px
    }
     .design-box .design-layers{
        width:100%;
        height:100%
    }
     .design-box .design-layers .text-frame{
        top:80px;
        left:700px;
        width:380px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (min-width:1440px){
     .design-box .design-layers .text-frame{
        left:800px;
        top:120px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .design-box .design-layers .text-frame .title{
        margin-bottom:30px
    }
     .design-box .design-layers .text-frame .text{
        font-size:14px;
        line-height:1.6rem
    }
     .design-box .design-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .performance-box .performance-layers{
        width:100%;
        height:100%
    }
     .performance-box .performance-layers .text-frame{
        top:100px;
        width:360px
    }
     .performance-box .performance-layers .text-frame .text{
        font-size:14px;
        line-height:1.6rem
    }
     .performance-box .performance-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .performance-box .performance-layers.active .text-frame{
        left:300px
    }
     .cooling-box .cooling-layers{
        width:100%;
        height:100%
    }
     .cooling-box .cooling-layers .text-frame{
        top:100px;
        width:380px;
        left:700px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (min-width:1440px){
     .cooling-box .cooling-layers .text-frame{
        left:800px;
        top:150px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .cooling-box .cooling-layers .text-frame .text{
        font-size:14px;
        line-height:1.6rem
    }
     .cooling-box .cooling-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .keyboard-box .keyboard-layers{
        width:100%;
        height:100%
    }
     .keyboard-box .keyboard-layers .text-frame{
        top:80px;
        left:750px;
        width:380px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (min-width:1440px){
     .keyboard-box .keyboard-layers .text-frame{
        top:120px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .keyboard-box .keyboard-layers .text-frame .text{
        font-size:14px;
        line-height:1.6rem
    }
     .keyboard-box .keyboard-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .audio-box .audio-layers{
        width:100%;
        height:100%
    }
     .audio-box .audio-layers .text-frame{
        top:100px;
        left:250px;
        width:380px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px) and (min-width:1440px){
     .audio-box .audio-layers .text-frame{
        top:150px;
        left:300px
    }
}
 @media only screen and (max-width:1440px) and (min-width:1280px){
     .audio-box .audio-layers .text-frame .text{
        font-size:14px;
        line-height:1.6rem
    }
     .audio-box .audio-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .audio-box .audio-layers.audio-thumb1 .audio-nb{
        width:1600px;
        height:896px
    }
}
 @media only screen and (max-width:1279px) and (min-width:1024px){
     .popup .popup-inner .title{
        font-size:32px
    }
     .popup .popup-inner{
        transform:translate(-50%,-50%) scale(.75)
    }
     .slider-header{
        width:980px
    }
     .slider-header .list{
        margin:20px auto;
        font-size:16px
    }
     .windows-box{
        transform:scale(.67)
    }

    /*RCD edit 20210917 nvidia輪播變一欄的尺寸由1024~1279 改為小於1200 */

     .inline-flex .in-box{
        width:33.33%
    }
     .overviewContent .v-container .display-section{
        height:1600px
    }
     .overviewContent .v-container .display-section .hd-inner{
        position:absolute;
        left:338px;
        top:601px;
        width:610px
    }
     .overviewContent .v-container .display-section .switch-box{
        margin:50px auto 0
    }
     .overviewContent .v-container .display-section .main-bg{
        width:calc(1920px * .67);
        height:calc(2690px * .67)
    }
     .overviewContent .v-container .display-section .main-bg .title{
        padding:100px 0 0
    }
     .overviewContent .v-container .display-section .parallax{
        width:calc(1920px * .67);
        height:calc(2690px * .67);
        background-position:center 30%
    }
     .overviewContent .v-container .display-section .parallax.para-box{
        background-position:center 35%
    }
     .overviewContent .v-container .io-section .io-port.io-port-0{
        left:290px;
        top:790px
    }
     .overviewContent .v-container .io-section .io-port{
        font-size:calc(18px * .8)
    }
     .overviewContent .v-container .io-section .main-bg{
        width:calc(1920px * .67);
        height:calc(1792px * .67)
    }
     .overviewContent .v-container .io-section .io-port.io-port-1{
        left:calc(443px * .67);
        top:calc(1190px * .67)
    }
     .overviewContent .v-container .io-section .io-port.io-port-2{
        left:calc(630px * .67);
        top:calc(1205px * .67)
    }
     .overviewContent .v-container .io-section .io-port.io-port-3{
        left:calc(675px * .67);
        top:calc(1220px * .67)
    }
     .overviewContent .v-container .io-section .io-port.io-port-4{
        left:calc(1110px * .67);
        top:calc(1195px * .67)
    }
     .overviewContent .v-container .io-section .io-port.io-port-6{
        left:calc(1135px * .67);
        top:calc(1185px * .67)
    }
     .overviewContent .v-container .io-section .io-port.io-port-5{
        left:calc(1200px * .67);
        top:calc(1170px * .67)
    }
     .overviewContent .v-container .product-section{
		/*RCD edit*/
        /*height:calc(1958px * .67)*/
    }
     .overviewContent .v-container .product-section .title .rog-strix{
        font-size:120px
    }
     .overviewContent .v-container .product-section .title .rog-strix-shadowimg{
        height:130px;
        width:860px;
        left:20px;
        top:45px;
        background-size:100% auto;
        background-position:left top
    }
     .overviewContent .v-container .product-section .title .rog-g15-shadowimg{
        left:20px;
        top:67px;
        height:160px;
        width:410px;
        background-size:100% auto
    }
     .overviewContent .v-container .product-section .title .rog-g17-shadowimg{
        left:20px;
        top:67px;
        height:160px;
        width:410px;
        background-size:100% auto
    }
     .overviewContent .v-container .product-section .text{
        width:650px;
        font-size:calc(19.5px * .67)
    }
     .overviewContent .v-container .product-section .main-bg{
        width:calc(1920px * .67);
        height:calc(1958px * .67)
    }
     .overviewContent .v-container .product-section .video-box{
        width:calc(1222px * .5);
        height:calc(810px * .5)
    }
     .overviewContent .v-container .product-section .video-box .play-btn{
        width:67px;
        height:67px
    }
     .overviewContent .v-container .product-section .v-line{
        width:calc(1263px * .67);
        height:calc(1241px * .67);
        top:calc(400px * .67);
        left:calc(180px * .67)
    }
     .overviewContent .v-container .product-section .back-man{
        width:calc(1500px * .6);
        height:calc(1500px * .6)
    }
     .overviewContent .v-container .product-section .title.big-size{
        margin-top:-100px
    }
     .overviewContent .v-container .product-section .title.big-size .rog-strix{
        font-size:180px
    }
     .overviewContent .v-container .performance-section .circle-frame{
        margin:0 auto;
        width:650px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box{
        transform:scale(.67)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-title{
        font-size:16px
    }
     .overviewContent .v-container .performance-section .main-bg{
        width:calc(1920px * .67);
        height:calc(1030px * .67)
    }
     .overviewContent .v-container .main-section .main-bg{
        width:calc(1920px * .67);
        height:calc(1440px * .67)
    }
     .overviewContent .v-container .slick-section .main-bg{
        width:calc(1920px * .67);
        height:calc(900px * .67)
    }
     .overviewContent .v-container .slick-section .slick-container .slick-box{
        width:700px
    }
     .overviewContent .v-container .slick-section .bar{
        width:550px
    }
     .overviewContent .v-container .influencer-section .people-bg{
        width:calc(1920px * .67);
        height:calc(762px * .67)
    }
     .overviewContent .v-container .influencer-section .main-bg{
        width:calc(1920px * .67);
        height:calc(762px * .67)
    }
     .overviewContent .v-container .influencer-section .left-box{
        transform:scale(.67);
        left:calc(50% - 150px);
        top:70px;
        z-index:10
    }
     .overviewContent .v-container .influencer-section .right-box{
        transform:scale(.67);
        left:calc(calc(50% + 350px) * .67);
        top:calc(310px * .67)
    }
     .overviewContent .v-container .design-section{
        bottom:-40%;
        height:calc(1150px * .67)
    }
     .overviewContent .v-container .design-section .title{
        padding:100px 0 0
    }
     .overviewContent .v-container .design-section .main-bg{
        width:calc(1920px * .67);
        height:780px
    }
     .overviewContent .v-container .design-section .main-bg .text{
        left:calc(220px * .67);
        width:calc(346px * .67);
        top:calc(450px * .67)
    }
     .overviewContent .v-container .design-section .main-nb{
        width:calc(1920px * .67);
        height:calc(1805px * .67)
    }
     .overviewContent .v-container .design-section .color-option{
        top:calc(550px * .67)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar{
        width:400px;
        height:55px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose{
        width:calc(110px * .67);
        height:calc(43px * .67)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .bar-in{
        margin-left:140px
    }
     .overviewContent .v-container .design-section .color-option .choose-color{
        font-size:18px;
        margin-left:195px
    }
     .overviewContent .v-container .rainbow-text{
        width:700px;
        margin:35px 0;
        font-size:calc(56.25px * .67)
    }
     .overviewContent .v-container .cover-section{
        height:calc(3720px * .67)
    }
     .overviewContent .v-container .cover-section .main-bg{
        width:calc(1920px * .67);
        height:calc(3720px * .67);
    }
     .overviewContent .v-container .cover-section .text{
        font-size:calc(72px * .67)
    }
     .overviewContent .v-container .cover-section .text .hide-text{
        width:calc(610px * .67)
    }
     .overviewContent .v-container .cover-section .text.light{
        left:calc(400px * .67);
        top:calc(260px * .67)
    }
     .overviewContent .v-container .cover-section .text.light .hide-text{
        left:calc(-240px * .67)
    }
     .overviewContent .v-container .cover-section .text.durability{
        left:auto;
        right:0;
        top:calc(1190px * .67)
    }
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        left:0;
        width:420px
    }
     .overviewContent .v-container .cover-section .text.smaller{
        left:60px;
        top:calc(2080px * .67)
    }
     .overviewContent .v-container .cover-section .text.smaller .hide-text{
        left:0
    }
     .overviewContent .v-container .cover-section .text.bigger{
        left:auto;
        right:0;
        top:calc(3010px * .67)
    }
     .overviewContent .v-container .cover-section .text.bigger .hide-text{
        left:0
    }
     .overviewContent .v-container .cover-section .learn-more{
        bottom:50px
    }
     .overviewContent .v-container .main-bg .box-title .box-bg-revert{
        top:-28%
    }
     .overviewContent .v-container .main-bg .text{
        width:650px;
        font-size:calc(19.5px * .67)
    }
     .overviewContent .v-container .performance-run-section .main-bg{
        width:1280px;
        height:1000px
    }
     .overviewContent .v-container .performance-run-section .learn-more{
        top:820px
    }
     .overviewContent .v-container .learn-more{
        transform:translateX(-50%) scale(.67)
    }
     .overviewContent .v-container .cool-section .circle-frame{
        width:650px;
        margin:0 auto
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box{
        transform:scale(.67)
    }
     .overviewContent .v-container .cool-section .cool-bg{
        width:calc(1920px * .67);
        /*height:calc(1938px * .67)*//*RCD edit*/
    }
     .overviewContent .v-container .cool-section .learn-more{
        /*top:1220px*/ /*RCD edit*/
        top:1420px;/*RCD edit*/
        top:1600px;/*RCD edit*/
    }
     .overviewContent .v-container .cool-section .cool-nb{
        width:1280px;
        height:550px
    }
     .overviewContent .v-container .cool-section .cool-animate{
        width:1280px;
        height:550px
    }
     .overviewContent .v-container .bundle-section .bundle-bg{
        width:1440px;
        height:960px;
        width:1280px;
        height:800px
    }
     .overviewContent .v-container .software-section .main-bg.armoury-bg{
        width:1760px;
        height:710px;
        width:1920px;
        height:620px
    }
     .overviewContent .v-container .software-section .main-bg{
        width:1440px;
        height:1070px;
        width:1280px;
        height:980px
    }
     .overviewContent .v-container .slider-section .slider{
        padding-top:20px
    }
     .overviewContent .v-container .slider-section .slider .slider-slick-content .img img{
        max-height:230px;
        object-fit:contain
    }
     .overviewContent .v-container .audio-section .circle-frame{
        margin:0 auto;
        width:650px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box{
        transform:scale(.67)
    }
     .overviewContent .v-container .audio-section .top-bg{
        width:calc(1920px * .67);
        height:calc(870px * .67)
    }
     .overviewContent .v-container .audio-section .main-bg.audio-bg{
        margin-top:-70px;
        width:calc(1920px * .67);
        height:calc(1409px * .67)
    }
     .overviewContent .v-container .audio-section .bottom-bg{
        width:calc(1920px * .67);
        height:calc(300px * .67)
    }
     .overviewContent .v-container .audio-section .bottom-bg .learn-more{
        top:0
    }
     .overviewContent .v-container .audio-section .bottom-bg .text{
        margin-top:-80px;
        transform:translateY(-50px)
    }
     .overviewContent .v-container .battery-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .battery-section .top-bg{
        width:calc(1920px * .67);
        height:calc(580px * .67)
    }
     .overviewContent .v-container .battery-section .main-bg.battery-nb{
        width:calc(1920px * .67);
        height:calc(1226px * .67)
    }
     .overviewContent .v-container .battery-section .main-bg.battery-bg{
        width:calc(1920px * .67);
        height:calc(1226px * .67)
    }
     .overviewContent .v-container .battery-section .scroll-frame{
        width:calc(930px * .67);
        height:calc(522px * .67);
        top:calc(204px * .67)
    }
     .overviewContent .v-container .battery-section .scroll-frame.g17{
        top:calc(218px * .67);
        height:348px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box{
        transform:scale(.67)
    }
     .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
        width:calc(1920px * .67);
        height:calc(1000px * .67)
    }
     .overviewContent .v-container .connectivity-section .circle-frame{
        transform:scale(.67);
        top:calc(130px * .67);
        transform-origin:top
    }
     .overviewContent .v-container .connectivity-section .bar-frame{
        transform:translateX(-50%) scale(.67);
        top:0
    }
     .overviewContent .v-container .small-size{
        font-size:12px
    }
     .overviewContent .v-container .keyboard-section .main-bg{
        width:1440px;
        height:1080px
    }
     .overviewContent .v-container .keyboard-section .keyboard-nb{
        height:1020px;
        background-position:0 -220px
    }
     .overviewContent .v-container .keyboard-section .learn-more{
        bottom:-60px
    }
     .overviewContent .v-container .aura-section .product-box{
        transform:scale(.5);
        transform-origin:center top
    }
     .overviewContent .v-container .aura-section .color-box{
        transform-origin:top;
        transform:scale(.5) translateY(-520px)
    }
     .overviewContent .v-container .aura-section .main-bg{
        width:1440px;
        height:900px
    }
     .slider .slider-slick{
        width:980px
    }
     .slider .prev-arrow{
        margin:10px
    }
     section.merge{
        height:2500px
    }
     .punk-look .look-btn.look-pad{
        top:620px;
        left:752px
    }
     .punk-look .look-btn.look-bag{
        top:140px;
        left:510px
    }
     .punk-look .look-btn.look-nb{
        top:240px;
        left:630px
    }
     .punk-look .look-btn.look-transformer{
        top:430px;
        left:900px
    }
     .punk-look .look-btn.look-headset{
        top:600px;
        left:340px
    }
     .punk-look .look-btn.look-mouse{
        top:620px;
        left:860px
    }
     .popup .popup-other .popup-option{
        width:130px;
        height:130px
    }
     .popup .popup-inner{
        width:620px;
        transform:translate(-50%,-50%) scale(.75);
        /* height:580px; */
        height: auto;
    }
     .popup .popup-inner .popup-slick-img{
        height:322px;
        width:640px
    }
     .slder .next-arrow{
        margin:10px
    }
     .slider-menu{
        width:632px
    }
     .design-box .design-layers{
        width:1600px;
        height:896px
    }
     .design-box .design-layers .text-frame{
        top:270px;
        left:750px
    }
     .performance-box .performance-layers{
        width:1600px;
        height:896px
    }
     .performance-box .performance-layers .text-frame{
        top:270px
    }
     .performance-box .performance-layers.active .text-frame{
        left:350px
    }
     .cooling-box .cooling-layers{
        width:1600px;
        height:896px
    }
     .cooling-box .cooling-layers .text-frame{
        top:270px;
        left:750px
    }
     .keyboard-box .keyboard-layers{
        width:1600px;
        height:896px
    }
     .keyboard-box .keyboard-layers .text-frame{
        top:270px;
        left:750px
    }
     .audio-box .audio-layers{
        width:1600px;
        height:896px
    }
     .audio-box .audio-layers .text-frame{
        top:270px;
        left:350px
    }
     .audio-box .audio-layers.audio-thumb1 .audio-nb{
        width:1600px;
        height:896px
    }
     .gray-look .look-btn.look-bag{
        top:140px;
        left:770px
    }
     .gray-look .look-btn.look-nb{
        top:150px;
        left:510px
    }
     .gray-look .look-btn.look-transformer{
        top:450px;
        left:840px
    }
     .gray-look .look-btn.look-mouse{
        top:540px;
        left:740px
    }
     .video-section.scar-container .video-head{
        margin:50px auto
    }
     .video-section.scar-container .video-container{
        margin-top:0;
        width:720px;
        margin-bottom:100px
    }
     .video-section.scar-container .video-container .video-thumb{
        height:480px
    }
     .video-section.scar-container .video-container .video-thumb img{
        height:480px
    }
     .video-section.scar-container .video-container .border-corner{
        width:23px;
        height:23px
    }
     .video-section.scar-container .video-container .border-left{
        top:54px;
        width:2px;
        height:110px
    }
     .video-section.scar-container .video-container .border-left img{
        width:2px;
        height:110px
    }
     .video-section.scar-container .video-container .border-bottom{
        width:110px;
        left:350px;
        height:2px
    }
     .video-section.scar-container .video-container .border-bottom img{
        width:110px;
        height:2px
    }
     .lity-wrap{
        width:80%;
        margin:0 auto
    }
}


/*RCD edit 20210917 nvidia輪播變一欄的尺寸由1024~1279 改為小於1200 */

 @media only screen and (max-width:1199px){
     .nvidia .nvidia-slick-container{
        justify-content:center;
        width:700px;
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list{/*RCD edit*/
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .rcd-box{/*RCD edit*/
        display:table
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .img{
        margin:auto
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text{
        text-align:left;
        width:auto
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .txt{
        width:100%;
        max-width:100%;
        margin:auto;
        max-width:80%;
        max-width:100%;/*RCD edit 20210917*/
        padding-right: 20px;/*RCD edit 20210917*/
        box-sizing: border-box;/*RCD edit 20210917*/
        font-size:16px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .title{
        max-width:80%;
        font-size:24px;
        margin:20px auto;
        text-align:center
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content ul{
        display:none!important
    }
}

 @media only screen and (max-width:1023px){
     .slider-header{
        display:block;
        width:100%
    }
     .slider-header .slick-slide{
        height:auto
    }
}
 @media only screen and (max-width:1024px) and (min-width:732px){
     .overviewContent .v-container .product-section .title .rog-g17-shadowimg{
        width:300px;
        top:62px
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .main-text{
        font-size:12px
    }
     .overviewContent .v-container .display-section .parallax.qhd{
        background-position:-100px 150%
    }
     .overviewContent .v-container .cover-section .text.durability{
        left:auto;
        right:0
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-title{
        font-size:12px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box{
        width:auto
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .main-text{
        height:25px;
        font-size:12px
    }
     .overviewContent .v-container .cover-section .text.bigger{
        left:auto;
        right:20px
    }
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        width:400px
    }
    /*RCD edit*/
     .overviewContent .v-container .cover-section .text .hide-text{ 
        top:10px; 
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-bottom{
        font-size:20px
    }
     .overviewContent .v-container .audio-section .circle-frame{
        margin:20px auto
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box{
        width:150px
    }
     .popup .popup-inner .title{
        font-size:26px
    }
     .slider .slider-slick-content .slider-slick-list{/*RCD edit*/
    }
	 .slider .slider-slick-content .slider-slick-list .rcd-box{/*RCD edit*/
	    display:flex;
	}
     .slider-slick.view-container{
        width:652px
    }
}
 @media only screen and (max-width:1023px) and (min-width:732px){
     .overviewContent .v-container .battery-section .scroll-frame.g17{
        top:calc(168px * .67);
        height:284px
    }
     .overviewContent .v-container .belt-section .belt-bg{
        font-size:30px;
        height:70px
    }
     .overviewContent .v-container .belt-section .belt-bg .float1-box{
        transform:translateY(0) skew(-8deg,0deg)
    }
     .overviewContent .v-container .belt-section .belt-bg .float2-box{
        transform:translateY(-5px) skew(-8deg,0deg)
    }
     .overviewContent .v-container .belt-section .belt-bg .float3-box{
        transform:translateY(-10px) skew(-8deg,0deg)
    }
     .overviewContent .v-container .io-section .io-port.io-port-0{
        left:200px;
        top:630px
    }
     .overviewContent .v-container .io-section .main-bg{
        width:calc(1920px * .534);
        height:calc(1792px * .534)
    }
     .overviewContent .v-container .io-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .io-section .io-port{
        font-size:calc(18px * .8)
    }
     .overviewContent .v-container .io-section .io-port.io-port-1{
        left:calc(373px * .534);
        top:calc(1190px * .534)
    }
     .overviewContent .v-container .io-section .io-port.io-port-2{
        left:calc(600px * .534);
        top:calc(1205px * .534)
    }
     .overviewContent .v-container .io-section .io-port.io-port-3{
        left:calc(637px * .534);
        top:calc(1220px * .534)
    }
     .overviewContent .v-container .io-section .io-port.io-port-4{
        left:calc(1045px * .534);
        top:calc(1195px * .534)
    }
     .overviewContent .v-container .io-section .io-port.io-port-6{
        left:calc(1070px * .534);
        top:calc(1190px * .534)
    }
     .overviewContent .v-container .io-section .io-port.io-port-5{
        left:calc(1146px * .534);
        top:calc(1180px * .534)
    }
     .overviewContent .v-container .product-section{
		/*RCD edit*/
        /*height:calc(1958px * .534)*/
    }
     .overviewContent .v-container .product-section .title .rog-strix{
        font-size:100px
    }
     .overviewContent .v-container .product-section .title .rog-strix-shadowimg{
        height:130px;
        width:710px;
        left:21px;
        top:40px;
        background-size:100% auto;
        background-position:left top
    }
     .overviewContent .v-container .product-section .title .rog-g15-shadowimg{
        left:22px;
        top:57px;
        height:150px;
        width:320px;
        background-size:100% auto
    }
     .overviewContent .v-container .product-section .title .rog-g15-shadowimg{
        left:22px;
        top:57px;
        height:150px;
        width:210px;
        background-size:100% auto
    }
     .overviewContent .v-container .product-section .text{
        width:650px;
        font-size:calc(19.5px * .534)
    }
     .overviewContent .v-container .product-section .main-bg{
        width:calc(1920px * .534);
        height:calc(1958px * .534)
    }
     .overviewContent .v-container .product-section .video-box{
        width:calc(1222px * .5);
        height:calc(810px * .5)
    }
     .overviewContent .v-container .product-section .video-box .play-btn{
        width:67px;
        height:67px
    }
     .overviewContent .v-container .product-section .v-line{
        width:calc(1263px * .534);
        height:calc(1241px * .534);
        top:calc(400px * .534);
        left:calc(180px * .534)
    }
     .overviewContent .v-container .product-section .back-man{
        width:calc(1500px * .4);
        height:calc(1500px * .4);
        left:-60px;
        top:500px
    }
     .overviewContent .v-container .product-section .title.big-size{
        margin-top:-100px
    }
     .overviewContent .v-container .product-section .title.big-size .rog-strix{
        font-size:140px
    }
     .overviewContent .v-container .small-size{
        font-size:12px
    }
     .overviewContent .v-container .main-section .main-bg{
        width:calc(1920px * .534);
        height:calc(1440px * .534)
    }
     .overviewContent .v-container .slick-section .main-bg{
        width:calc(1920px * .534);
        height:calc(900px * .534)
    }
     .overviewContent .v-container .slick-section .slick-container .slick-box{
        width:500px
    }
     .overviewContent .v-container .slick-section .bar{
        width:350px
    }
     .overviewContent .v-container .influencer-section .people-bg{
        width:calc(1920px * .534);
        height:calc(762px * .534)
    }
     .overviewContent .v-container .influencer-section .main-bg{
        width:calc(1920px * .534);
        height:calc(762px * .534)
    }
     .overviewContent .v-container .influencer-section .left-box{
        transform:scale(.534);
        left:250px;
        top:10px;
        z-index:10
    }
     .overviewContent .v-container .influencer-section .left-box .title{
        font-size:90px
    }
     .overviewContent .v-container .influencer-section .right-box{
        transform:scale(.534);
        left:370px;
        top:120px
    }
     .overviewContent .v-container .influencer-section .right-box .title{
        font-size:90px
    }
     .overviewContent .v-container .influencer-section .title-box .title-border{
        font-size:90px
    }
     .overviewContent .v-container .design-section{
        height:710px
    }
     .overviewContent .v-container .design-section .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .design-section .main-bg{
        width:calc(1920px * .534);
        height:710px;
        background-size:90% auto;
        background-position:center bottom
    }
     .overviewContent .v-container .design-section .main-bg .text{
        width:650px;
        position:relative;
        left:0;
        top:0
    }
     .overviewContent .v-container .design-section .main-nb{
        width:calc(1920px * .534);
        height:calc(1920px * .534);
        background-size:90% auto;
        background-position:center bottom
    }
     .overviewContent .v-container .design-section .color-option{
        top:calc(550px * .534)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar{
        width:400px;
        height:55px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose{
        width:calc(110px * .534);
        height:calc(43px * .534)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .bar-in{
        margin-left:140px
    }
     .overviewContent .v-container .design-section .color-option .choose-color{
        font-size:18px;
        margin-left:195px
    }
     .overviewContent .v-container .rainbow-text{
        width:700px;
        margin:35px 0;
        font-size:calc(56.25px * .534)
    }
     .overviewContent .v-container .cover-section{
        height:calc(3720px * .534);
        height:calc(3720px * .4);/*RCD edit*/
    }
     .overviewContent .v-container .cover-section .main-bg{
        width:calc(1920px * .534);
        width: 100%; /*RCD edit*/
        height:calc(3720px * .534);
        height:calc(3720px * .4);/*RCD edit*/
    }
     .overviewContent .v-container .cover-section .text{
        font-size:calc(72px * .534)
    }
     .overviewContent .v-container .cover-section .text .hide-text{
        width:calc(610px * .534);
        font-size:16px
    }
     .overviewContent .v-container .cover-section .text.light{
        left:calc(340px * .534);
        top:calc(230px * .534);
        top:calc(230px * .2);/*RCD edit*/
    }
     .overviewContent .v-container .cover-section .text.light .hide-text{
        left:calc(-220px * .534)
    }
     .overviewContent .v-container .cover-section .text.durability{
        left:auto;
        top:calc(1190px * .534);
        top:calc(1190px * .3);/*RCD edit*/
    }
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        left:calc(20px * .534)
    }
     .overviewContent .v-container .cover-section .text.smaller{
        left:calc(300px * .534);
        top:calc(2080px * .534);
        top:calc(2080px * .37);/*RCD edit*/
    }
     .overviewContent .v-container .cover-section .text.smaller .hide-text{
        left:calc(-220px * .534)
    }
     .overviewContent .v-container .cover-section .text.bigger{
        left:auto;
        top:calc(2810px * .534);
        top:calc(2810px * .4);/*RCD edit*/
    }
     .overviewContent .v-container .cover-section .text.bigger .hide-text{
        left:calc(20px * .534)
    }
     .overviewContent .v-container .cover-section .learn-more{
        bottom:50px;
        bottom:20px;/*RCD edit*/
    }
     .overviewContent .v-container .main-bg .box-title .box-bg-revert{
        top:-28%
    }
     .overviewContent .v-container .main-bg .text{
        width:650px;
        font-size:calc(19.5px * .534)
    }
     .overviewContent .v-container .performance-section .main-bg{
        width:calc(1920px * .534);
        height:calc(1200px * .534)
    }
     .overviewContent .v-container .performance-section .circle-frame{
        margin:50px auto;
        width:650px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(710px / 5)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .main-text{
        height:25px;
        font-size:12px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-title{
        height:calc(50px * .534);
        font-size:12px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle{
        width:calc(165px * .53);
        height:calc(165px * .53)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .534)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-bottom{
        font-size:20px
    }
     .overviewContent .v-container .performance-run-section .main-bg{
        width:calc(1920px * .534);
        height:calc(1807px * .45)
    }
     .overviewContent .v-container .performance-run-section .learn-more{
        top:calc(1330px * .534)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(650px / 3)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .main-text{
        width:auto;
        font-size:calc(20px * .534)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle{
        width:calc(206px * .534);
        height:calc(206px * .534);
        margin:auto
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-bottom{
        font-size:20px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .534)
    }
     .overviewContent .v-container .battery-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .battery-section .top-bg{
        width:calc(1920px * .534);
        height:calc(720px * .534)
    }
     .overviewContent .v-container .battery-section .main-bg.battery-nb{
        width:calc(1920px * .534);
        height:calc(1226px * .534)
    }
     .overviewContent .v-container .battery-section .main-bg.battery-bg{
        width:calc(1920px * .534);
        height:calc(1226px * .534)
    }
     .overviewContent .v-container .battery-section .scroll-frame{
        width:calc(930px * .534);
        height:calc(522px * .534);
        top:calc(204px * .534)
    }
     .overviewContent .v-container .audio-section .circle-frame{
        margin:20px auto;
        width:650px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(650px / 3)
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle{
        width:calc(206px * .534);
        height:calc(206px * .534);
        margin:auto
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .534)
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-bottom{
        font-size:20px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .main-text{
        font-size:calc(20px * .534);
        width:auto
    }
     .overviewContent .v-container .audio-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .audio-section .top-bg{
        width:calc(1920px * .534);
        height:calc(870px * .534)
    }
     .overviewContent .v-container .audio-section .main-bg.audio-bg{
        margin-top:-70px;
        width:calc(1920px * .534);
        height:calc(1409px * .534)
    }
     .overviewContent .v-container .audio-section .bottom-bg{
        width:calc(1920px * .534);
        height:calc(300px * .534)
    }
     .overviewContent .v-container .audio-section .bottom-bg .learn-more{
        top:-30px
    }
     .overviewContent .v-container .audio-section .bottom-bg .text{
        margin-top:-80px;
        transform:translateY(-60px)
    }
     .overviewContent .v-container .audio-section .main-bg.audio-nb{
        width:calc(1920px * .534);
        height:calc(1409px * .534)
    }
     .overviewContent .v-container .cool-section .circle-frame{
        width:650px;
        margin:50px auto 0
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(650px / 3)
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle{
        width:calc(206px * .534);
        height:calc(206px * .534);
        margin:auto
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(20px * .534)
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-bottom{
        font-size:calc(80px * .534);
        margin-bottom:calc(20px * .534)
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .main-text{
        width:auto;
        font-size:calc(20px * .534)
    }
     .overviewContent .v-container .cool-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .cool-section .cool-bg{
        width:calc(1920px * .534);
        /*height:calc(1938px * .534)*//*RCD edit*/
    }
     .overviewContent .v-container .cool-section .learn-more{
        top:calc(1800px * .534);
        top: calc(1800px * .67);/*RCD edit*/
        top: calc(1800px * .73);/*RCD edit*/
    }
     .overviewContent .v-container .cool-section .cool-nb{
        width:calc(1920px * .534);
        height:calc(950px * .534)
    }
     .overviewContent .v-container .cool-section .cool-animate{
        width:calc(1920px * .534);
        height:calc(950px * .534)
    }
     .overviewContent .v-container .learn-more{
        transform:translateX(-50%) scale(.534)
    }
     .overviewContent .v-container .display-section{
        height:1415px
    }
     .overviewContent .v-container .display-section .main-bg{
        width:calc(1920px * .534);
        height:calc(2690px * .534);
        width:calc(1920px * .534);
        height:calc(2980px * .534)
    }
     .overviewContent .v-container .display-section .parallax{
        width:calc(1920px * .534);
        height:calc(2690px * .534)
    }
     .overviewContent .v-container .display-section .hd-inner{
        position:absolute;
        left:269px;
        top:557px;
        width:486px
    }
     .overviewContent .v-container .display-section .switch-box{
        margin:0 auto 0
    }
     .overviewContent .v-container .overviewContent .v-container .battery-section video{
        width:100%
    }
     .overviewContent .v-container .connectivity-section .bar-frame{
        transform:scale(1);
        width:650px;
        transform:translateX(-50%) scale(.75);
        width:650px;
        top:60px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .speed-text{
        font-size:14px;
        margin-top:20px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar-box{
        margin-top:5px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .mbps{
        font-size:24px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar{
        max-width:calc(740px * .534);
        height:calc(45px * .534)
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box{
        margin-top:20px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar-box{
        margin-top:5px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .mbps{
        font-size:24px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar{
        max-width:calc(190px * .75);
        height:calc(45px * .534)
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text font{
        font-size:16px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text span{
        font-size:12px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text span font{
        font-size:18px
    }
     .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
        width:1024px;
        height:550px;
        background-position:center -20px
    }
     .overviewContent .v-container .connectivity-section .circle-frame{
        top:calc(80px * .534);
        transform-origin:top;
        width:650px
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box{
        width:calc(300px * .534)
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .main-text{
        margin:10px 0
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle{
        width:calc(150px * .534);
        height:calc(150px * .534)
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .534)
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle .text-bottom{
        font-size:calc(40px * .534)
    }
     .overviewContent .v-container .software-section .main-bg{
        width:1024px;
        height:750px
    }
     .overviewContent .v-container .software-section .main-bg.armoury-bg{
        width:1280px;
        height:460px
    }
     .overviewContent .v-container .bundle-section .bundle-bg{
        width:1024px;
        height:700px
    }
     .overviewContent .v-container .bundle-section .switch{
        width:650px
    }
     .overviewContent .v-container .bundle-section .switch .switch-box .switch-content{
        font-size:16px
    }
     .overviewContent .v-container .keyboard-section .main-bg{
        width:1280px;
        height:980px
    }
     .overviewContent .v-container .keyboard-section .keyboard-nb{
        width:1280px;
        height:980px;
        background-position:center -200px
    }
     .overviewContent .v-container .keyboard-section .learn-more{
        position:absolute;
        bottom:0
    }
     .overviewContent .v-container .aura-section .main-bg{
        height:1000px
    }
     .overviewContent .scar-container.keyboard-section{
        padding:50px 0 0
    }
     .overviewContent .container .display-section .main-bg{
        background-position:center 150px
    }
     .overviewContent .container .display-section .parallax{
        background-position:center 150px
    }
     section.merge{
        width:1280px;
        height:2030px
    }
     .nvidia{
        padding:20px 0
    }
     .nvidia .nvidia-slick-container{
        justify-content:center;
        width:700px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content ul{
        bottom:-30px;
        margin:auto;
        padding:0;
        width:100%;
        text-align:center
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content ul li{
        display:inline-block
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list{/*RCD edit*/
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .rcd-box{/*RCD edit*/
        display:table
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text{
        text-align:left;
        width:auto
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .txt{
        margin:auto;
        font-size:16px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .title{
        max-width:80%;
        font-size:24px;
        margin:20px auto;
        text-align:center
    }
     .punk-look .look-btn.look-pad{
        top:520px;
        left:612px
    }
     .punk-look .look-btn.look-bag{
        top:140px;
        left:430px
    }
     .punk-look .look-btn.look-nb{
        top:220px;
        left:500px
    }
     .punk-look .look-btn.look-transformer{
        top:380px;
        left:710px
    }
     .punk-look .look-btn.look-headset{
        top:500px;
        left:280px
    }
     .punk-look .look-btn.look-mouse{
        top:530px;
        left:690px
    }
     .slider-menu{
        width:632px
    }
     .slider .slider-slick-content .slider-slick-list{/*RCD edit*/
    }
	 .slider .slider-slick-content .slider-slick-list .rcd-box{/*RCD edit*/
	    display:flex;
	}
     .slider .slider-slick-content .img{
        width:100%;
        margin-right:0;
        width:70%;
        margin:10px
    }
     .slider .slider-slick-content .text{
        max-width:80%;
        margin:auto
    }
     .aura-section .product-box{
        transform:scale(.5);
        transform-origin:top;
        width:720px
    }
     .aura-section .color-box{
        transform-origin:top;
        transform:scale(.5) translateY(-520px)
    }
     .popup .popup-other .popup-option{
        width:130px;
        height:130px
    }
     .popup .popup-inner{
        width:620px;
        /* height:580px */
        height: auto;

    }
     .popup .popup-inner .popup-slick-img{
        height:322px;
        width: 520px
    }
     .design-box .design-layers{
        width:1600px;
        height:896px
    }
     .design-box .design-layers .text-frame{
        top:270px;
        left:550px
    }
     .performance-box .performance-layers{
        width:1600px;
        height:896px
    }
     .performance-box .performance-layers .text-frame{
        top:270px
    }
     .performance-box .performance-layers.active .text-frame{
        left:550px
    }
     .cooling-box .cooling-layers{
        width:1600px;
        height:896px
    }
     .cooling-box .cooling-layers .text-frame{
        top:270px;
        left:550px
    }
     .keyboard-box .keyboard-layers{
        width:1600px;
        height:896px
    }
     .keyboard-box .keyboard-layers .text-frame{
        top:270px;
        left:550px
    }
     .audio-box .audio-layers{
        width:1600px;
        height:896px
    }
     .audio-box .audio-layers .text-frame{
        top:270px;
        left:550px
    }
     .audio-box .audio-layers.audio-thumb1 .audio-nb{
        width:1600px;
        height:896px
    }
     .look-btn{
        width:25px;
        height:25px
    }
     .gray-look .look-btn.look-bag{
        top:140px;
        left:630px
    }
     .gray-look .look-btn.look-nb{
        top:150px;
        left:410px
    }
     .gray-look .look-btn.look-transformer{
        top:390px;
        left:660px
    }
     .gray-look .look-btn.look-mouse{
        top:460px;
        left:580px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .img{
        width:240px
    }
     .nvidia .nvidia-slick-container .nvidia-prev-arrow{
        width:35px;
        height:35px
    }
     .nvidia .nvidia-slick-container .nvidia-next-arrow{
        width:35px;
        height:35px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .title{
        font-size:20px;
        text-align:left;
        margin:0;
        max-width:100%
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .txt{
        font-size:14px;
        display:table;
        text-align:left;
        width:100%
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list{
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .rcd-box{/*RCD edit*/
        display:flex;
        margin:0
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content{
        width:calc(100% - 110px)
    }
     .layer-frame .btn-frame{
        position:absolute;
        top:-140px
    }
     .audio-box .audio-layers .text-frame,.cooling-box .cooling-layers .text-frame,.design-box .design-layers .text-frame,.keyboard-box .keyboard-layers.active .text-frame,.performance-box .performance-layers.active .text-frame{
        top:700px;
        left:500px
    }
     .layer-frame{
        overflow-y:scroll;
        overflow-x:hidden
    }
     .slider .slider-slick-content .slider-slick-list.app-list{
        margin:90px 0 0
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text{
        width:300px
    }
     .cooling-box .cooling-layers{
        background-position:280px 0
    }
     .performance-box .performance-layers{
        background-position:-280px 0
    }
     .keyboard-box .keyboard-layers{
        background-position:-220px 0
    }
     .design-box .design-layers{
        background-position:280px 0
    }
     .audio-box .audio-layers,.audio-box .audio-layers.audio-thumb1 .audio-nb{
        background-position:-220px 0
    }
}
 @media only screen and (max-width:731px){
     .video-section{
        min-height:360px!important
    }
     .video-section .section-inner .video-head{
        font-size:34px;
        margin:20px auto
    }
     .performance-black-frame .performance-layers.performance-thumb1 .text-frame{
        top:400px
    }
     .overviewContent .v-container .influencer-section{
        margin-top:0
    }
     body.scroll{
        overflow:initial!important;
        overflow-x:hidden!important
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content ul li{
        width:10px;
        height:10px
    }
     .design-thumb2-in{
        width:260px;
        margin:20px 0
    }
     .overviewContent .v-container .cool-section .cool-nb{
        background-image:url(../img/cool-nb_xs.png)
    }
     .slider .slider-slick-content .text .txt .small-size{
        font-size:12px
    }
     .overviewContent .v-container .cover-section .text .hide-text{
        top:20px
    }
     .overviewContent .v-container .battery-section .circle-frame{
        align-items:flex-start
    }
     .overviewContent .v-container .battery-section .circle-frame.active{
        transform:translateY(-47%)
    }
     .layer-frame{
        overflow-y:scroll;
        overflow-x:hidden
    }
     .layer-frame .text-frame{
        pointer-events:fill
    }
     .layer-frame .text-frame .btn-frame{
        position:absolute;
        top:-80px
    }
     .layer-frame .text-frame .text{
        padding-bottom:100px
    }
     .vishidden{
        display:none
    }
     .overviewContent .v-container .performance-run-section .main-bg{
        background-image:url(../img/performance-bg_xs.jpg)
    }
     .windows-text{
        font-size:calc(54px * .7)
    }
     .battery-text{
        font-size:calc(21px * .7)
    }
     .os-text{
        height:calc(50px * .7);
        font-size:calc(21px * .7)
    }
     section.merge{
        width:732px;
        background-size:cover;
        height:1600px
    }
     .nvidia{
        background-size:cover;
        height:540px;
        height:auto;/*RCD edit*/
    }
     .nvidia .nvidia-slick-container{
        justify-content:center;
        justify-content:center;
        margin:20px auto;
        width:100%
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content{
        width:calc(100% - 110px)
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content ul{
        padding:0;
        bottom:15px
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list{
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .rcd-box{/*RCD edit*/
        display:table;
        padding-bottom: 40px;/*RCD edit*//*adaptiveHeight*/
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text{
        text-align:left;
        width:auto;
        width:auto
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .txt{
        max-width:80%;
        max-width: 100%;/*RCD edit 20210917*/
        line-height:1.5;
        font-size:14px;
        height:276px;
        height:auto;/*RCD edit*/
        margin-bottom:40px;
        overflow:auto
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .title{
        max-width:80%;
        font-size:23px;
        margin:10px 0;
        text-align:left
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .text .txt.inline-flex{
        display:table;
        width:100%;
        text-align:left
    }
     .nvidia .nvidia-slick-container .nvidia-slick-content .list .img{
        margin:auto;
        margin:0;
        width:auto
    }
     .nvidia .nvidia-slick-container .nvidia-prev-arrow{
        transform:scale(.5);
        transform:scale(.5)
    }
     .nvidia .nvidia-slick-container .nvidia-next-arrow{
        transform:scale(.5);
        transform:scale(.5)
    }
     .inline-flex .in-box{
        margin-top:10px;
        border-top:1px solid #999;
        width:auto;
        padding-top:5px
    }
     .layer-frame .btn-frame{
        margin-top:30px
    }
     .layer-frame .cross-btn{
        right:40px;
        top:40px;
        width:20px
    }
     .layer-frame .title{
        font-size:18px;
        margin-bottom:30px
    }
     .layer-frame .title:after{
        bottom:-15px
    }
     .layer-frame .text{
        font-size:13px
    }
     .keyboard-box .keyboard-layers{
        background-position:110px 0;
        width:732px;
        height:100%;
        background-size: 170% auto;/*RCD edit*/
        background-position: -30px -150px;/*RCD edit*/
    }
     .keyboard-box .keyboard-layers .text-frame{
        left:220px;
        top:auto;
        top:400px;
        width:300px
    }
     .audio-box .audio-layers{
        background-position:-100px 0;
        width:732px;
        height:100%;
        background-position:left top
    }
     .audio-box .audio-layers .text-frame{
        left:220px;
        top:auto;
        top:400px;
        width:300px
    }
     .audio-box .audio-layers.audio-thumb1{
        background-image:url(../img/audio-thumb1_xs.jpg)
    }
     .audio-box .audio-layers.audio-thumb1 .audio-nb{
        width:732px;
        height:100%;
        background-position:left top
    }
     .audio-box .audio-layers.audio-thumb2{
        background-image:url(../img/audio-thumb2_xs.jpg);
        background-position-x:-100px
    }
     .cooling-box .cooling-layers{
        background-position:140px 0;
        width:732px;
        height:100%
    }
     .cooling-box .cooling-layers .text-frame{
        left:220px;
        top:auto;
        top:400px;
        width:300px
    }
     .performance-box .performance-layers{
        background-position:-100px 0;
        width:732px;
        height:100%
    }
     .performance-box .performance-layers .text-frame{
        left:220px;
        top:auto;
        top:400px;
        width:300px
    }
     .design-box .design-layers{
        background-position:60px 0;
        width:732px;
        height:100%;
        background-position:left top
    }
     .design-box .design-layers .text-frame{
        left:220px;
        top:auto;
        top:400px;
        width:300px
    }
     .overviewContent .v-container .slider-top{
        height:3px
    }
     .overviewContent .v-container .slider-bottom{
        height:3px
    }
     .overviewContent .v-container .product-section{
        height:auto
    }
     .overviewContent .v-container .product-section .title{
        margin-top:30px;
        transform:translateX(0)
    }
     .overviewContent .v-container .product-section .title .rog-strix{
        font-size:42px
    }
     .overviewContent .v-container .product-section .title .rog-strix-shadowimg{
        height:110px;
        width:320px;
        left:6px;
        top:20px;
        background-size:100% auto;
        background-position:left top
    }
     .overviewContent .v-container .product-section .title .rog-g15-shadowimg{
        left:9px;
        top:21px;
        height:150px;
        width:150px;
        background-size:100% auto
    }
     .overviewContent .v-container .product-section .title .rog-g17-shadowimg{
        left:9px;
        top:21px;
        height:150px;
        width:150px;
        background-size:100% auto
    }
     .overviewContent .v-container .product-section .text{
        width:300px;
        margin:16px auto 60px;
        font-size:12px
    }
     .overviewContent .v-container .product-section .main-bg{
        width:calc(1920px * .375);
        background-image:url(../img/prduct-video-bg_xs.jpg)
    }
     .overviewContent .v-container .product-section .video-box{
        width:calc(1222px * .25);
        height:calc(810px * .25)
    }
     .overviewContent .v-container .product-section .video-box .play-btn{
        width:50px;
        height:50px
    }
     .overviewContent .v-container .product-section .v-line{
        width:calc(1263px * .375);
        height:calc(1241px * .375);
        top:calc(400px * .375);
        left:calc(180px * .375)
    }
     .overviewContent .v-container .product-section .back-man{
        width:calc(1500px * .3);
        height:calc(1500px * .3);
        left:-60px;
        top:240px
    }
     .overviewContent .v-container .product-section .title.big-size{
        margin-top:-50px
    }
     .overviewContent .v-container .product-section .title.big-size .rog-strix{
        font-size:60px
    }
     .overviewContent .v-container .io-section{
        height:880px
    }
     .overviewContent .v-container .io-section .main-bg{
        background-color:#1c064f;
        background-size:90% auto;
        background-position:center top;
        width:calc(1920px * .375);
        height:100%
    }
     .overviewContent .v-container .io-section .main-bg .text{
        position:absolute;
        left:50%;
        bottom:20px;
        transform:translate(-50%,0)
    }
     .overviewContent .v-container .io-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .io-section .io-port.io-port-0{
        left:265px;
        top:400px
    }
     .overviewContent .v-container .io-section .io-port.io-port-0 .v-line{
        height:175px
    }
     .overviewContent .v-container .io-section .io-port.io-port-6{
        left:364px;
        top:405px;
        align-items:flex-end
    }
     .overviewContent .v-container .io-section .io-port.io-port-6 .v-line{
        height:140px
    }
     .overviewContent .v-container .io-section .io-port.io-port-4{
        left:356px;
        top:410px;
        align-items:flex-end
    }
     .overviewContent .v-container .io-section .io-port.io-port-4 .v-line{
        height:115px
    }
     .overviewContent .v-container .io-section .io-port{
        font-size:12px;
        align-items:flex-start
    }
     .overviewContent .v-container .io-section .io-port.io-port-1{
        left:280px;
        top:406px
    }
     .overviewContent .v-container .io-section .io-port.io-port-1 .v-line{
        height:90px
    }
     .overviewContent .v-container .io-section .io-port.io-port-2{
        left:295px;
        top:410px
    }
     .overviewContent .v-container .io-section .io-port.io-port-2 .v-line{
        height:70px
    }
     .overviewContent .v-container .io-section .io-port.io-port-3{
        left:317px;
        top:415px
    }
     .overviewContent .v-container .io-section .io-port.io-port-3 .v-line{
        height:30px
    }
     .overviewContent .v-container .io-section .io-port.io-port-5{
        left:400px;
        top:400px;
        align-items:flex-end
    }
     .overviewContent .v-container .io-section .io-port.io-port-5 .v-line{
        height:200px
    }
     .overviewContent .v-container .connectivity-section .bottom-box{
        display:table;
        margin-top:0
    }
     .overviewContent .v-container .connectivity-section .top-box{
        display:table
    }
     .overviewContent .v-container .connectivity-section .bar-frame{
        transform:translateX(-50%) scale(.6);
        width:400px;
        top:20px;
        margin:0 auto
    }
     .overviewContent .v-container .connectivity-section .bar-frame .speed-text{
        font-size:14px;
        margin-top:20px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar-box{
        margin-top:5px;
        display:table;
        width:100%
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .mbps{
        font-size:16px;
        margin-left:0;
        margin-top:10px;
        margin-left:0;
        margin-top:10px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .wifi-bar-box .bar{
        max-width:100%;
        height:calc(45px * .375)
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box{
        margin-top:20px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar-box{
        margin-top:5px;
        display:table;
        width:100%
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .mbps{
        font-size:16px;
        margin-left:0;
        margin-top:10px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .ac-bar-box .bar{
        max-width:calc(867/2400 * 100%);
        height:calc(45px * .375)
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text{
        display:table
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text font{
        font-size:16px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text span{
        font-size:12px
    }
     .overviewContent .v-container .connectivity-section .bar-frame .content-text span font{
        font-size:18px
    }
     .overviewContent .v-container .connectivity-section .main-bg.wifi-bg{
        background-position:center 0;
        width:calc(1920px * .375);
        height:calc(1000px * .375);
        height:calc(1000px * .24);/*RCD edit*/
        background-size:75% auto;
        background-image:linear-gradient(to top,transparent,rgba(0,0,0,.4) 80%,#000 100%)
        background: none;/*RCD edit*/
    }
     .overviewContent .v-container .connectivity-section .circle-frame{
        transform:scale(1);
        top:60px;
        margin:10px auto 0;
        transform-origin:center;
        width:300px
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(300px);
        margin:0 auto 30px
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .main-text{
        width:auto;
        margin:5px 0 0;
        font-size:calc(20px * .77)
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle{
        width:calc(206px * .7);
        height:calc(206px * .7);
        margin:auto
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .7)
    }
     .overviewContent .v-container .connectivity-section .circle-frame .circle-box .circle .text-bottom{
        font-size:26px
    }
     .overviewContent .v-container .display-section{
        height:1050px
    }
     .overviewContent .v-container .display-section .hd-inner{
        position:absolute;
        left:227px;
        top:613px;
        width:278px
    }
     .overviewContent .v-container .display-section .main-bg{
        width:732px;
        height:1160px;
        background-size:80% auto;
        background-position:center bottom
    }
     .overviewContent .v-container .display-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .display-section .parallax{
        width:732px;
        height:1120px;
        background-size:80% auto;
        background-position:center bottom;
        background-position:left 110%
    }
     .overviewContent .v-container .display-section .parallax.para-box{
        background-position:left 115%
    }
     .overviewContent .v-container .display-section .switch-box{
        margin:20px auto 0
    }
     .overviewContent .v-container .display-section .switch-box .txt-box{
        font-size:14px
    }
     .overviewContent .v-container .display-section .switch-box .txt-box .fhd-txt{
        width:150px
    }
     .overviewContent .v-container .display-section .switch-box .txt-box .qhd-txt{
        width:150px
    }
     .overviewContent .v-container .display-section .switch-box .name-box{
        font-size:14px
    }
     .overviewContent .v-container .display-section .switch-box .name-box .fhd-name{
        width:150px
    }
     .overviewContent .v-container .display-section .switch-box .name-box .qhd-name{
        width:150px
    }
     .overviewContent .v-container .display-section .switch-box .content-box{
        font-size:16px;
        margin:5px 0
    }
     .overviewContent .v-container .display-section .switch-box .content-box .qhd-content{
        height:40px;
        width:150px
    }
     .overviewContent .v-container .display-section .switch-box .content-box .fhd-content{
        height:40px;
        width:150px
    }
     .overviewContent .v-container .belt-section{
        transform:translateY(-50px) scale(.6)
    }
     .overviewContent .v-container .belt-section .belt-bg{
        font-size:30px;
        height:70px
    }
     .overviewContent .v-container .belt-section .belt-bg .float1-box{
        transform:translateY(0) skew(-8deg,0deg)
    }
     .overviewContent .v-container .belt-section .belt-bg .float2-box{
        transform:translateY(-5px) skew(-8deg,0deg)
    }
     .overviewContent .v-container .belt-section .belt-bg .float3-box{
        transform:translateY(-10px) skew(-8deg,0deg)
    }
     .overviewContent .v-container .main-section .main-bg{
        width:732px;
        height:500px;
        background-size:90% auto;
        background-position:70px 0
    }
     .overviewContent .v-container .main-section .main-bg.kv-15{
        width:732px;
        height:350px;
        background-size:70% auto;
        background-position:90px 0;
        background-image:url(../img/main-banner-15@0.25x.jpg)
    }
     .overviewContent .v-container .slick-section .main-bg{
        width:calc(1920px * .375);
        height:calc(900px * .375);
        background-image:url(../img/slick-bg_xs.jpg)
    }
     .overviewContent .v-container .slick-section .slick-container .slick-box{
        width:300px
    }
     .overviewContent .v-container .slick-section .bar{
        width:250px
    }
     .overviewContent .v-container .influencer-section .people-bg{
        width:calc(1920px * .375);
        height:calc(762px * .375);
        width:calc(1920px * .375);
        height:calc(762px * .375);
        background-position:80px
    }
     .overviewContent .v-container .influencer-section .main-bg{
        width:calc(1920px * .375);
        height:calc(762px * .375);
        width:calc(1920px * .375);
        height:calc(762px * .375);
        background-position:80px
    }
     .overviewContent .v-container .influencer-section .left-box{
        transform:scale(.375);
        transform:scale(.34);/*RCD edit*/
        left:calc(50% - 440px);
        left:calc(50% - 420px);/*RCD edit*/
        top:25px;
        top:15px;/*RCD edit*/
        z-index:10000
    }
     .overviewContent .v-container .influencer-section .left-box .title{
        font-size:90px
    }
     .overviewContent .v-container .influencer-section .left-box .chat-box{
        width:640px
    }
     .overviewContent .v-container .influencer-section .right-box{
        transform:scale(.375);
        left:calc(50% + -130px);
        top:80px
    }
     .overviewContent .v-container .influencer-section .right-box .title{
        font-size:90px
    }
     .overviewContent .v-container .influencer-section .title-box .title-border{
        font-size:90px
    }
     .overviewContent .v-container .design-section{
        height:820px;
        bottom:-170px;
        bottom:0px;/*RCD edit*/
    }
     .overviewContent .v-container .design-section .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .design-section .rainbow-text{
        width:300px;
        margin:15px;
        font-size:24px
    }
     .overviewContent .v-container .design-section .main-bg{
        background-size:60% auto;
        width:calc(1920px * .375);
        height:650px;
        background-position:center bottom
    }
     .overviewContent .v-container .design-section .main-bg .text{
        width:300px;
        position:relative;
        left:0;
        top:0
    }
     .overviewContent .v-container .design-section .main-nb{
        background-size:60% auto;
        width:calc(1920px * .375);
        height:800px;
        background-position:center bottom;
        animation-name:mb-nb-move
    }
     .overviewContent .v-container .design-section .color-option{
        left:50%;
        top:calc(650px * .35);
        width:320px;
        transform:translateX(-50%)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar{
        width:320px;
        height:55px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar:after{
        background:0 0
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose{
        width:calc(110px * .5);
        height:calc(43px * .5)
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose:hover:before{
        left:-3px;
        top:-4px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose:before{
        left:-4px;
        top:-3px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .choose.active:before{
        left:-3px;
        top:-4px
    }
     .overviewContent .v-container .design-section .color-option .choose-bar .bar-in{
        margin-left:0;
        justify-content:center
    }
     .overviewContent .v-container .design-section .color-option .choose-color{
        font-size:18px;
        margin-left:0;
        text-align:center
    }
     .overviewContent .v-container .design-section .main-bg.pink{
        background-image:url(../img/design-pink.jpg)
    }
     .overviewContent .v-container .design-section .main-bg.gray{
        background-image:url(../img/design-gray_xs.jpg)
    }
     .overviewContent .v-container .design-section .main-bg.black{
        background-image:url(../img/design-black_xs.jpg)
    }
     .overviewContent .v-container .main-bg{
        background-size:cover
    }
     .overviewContent .v-container .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .main-bg .box-title .box-bg-revert{
        top:-28%
    }
     .overviewContent .v-container .main-bg .text{
        width:300px;
        font-size:14px;
        line-height:1.5
    }
     .overviewContent .v-container .overviewContent .v-container .keyboard-section .main-bg .title{
        padding:0
    }
     .overviewContent .v-container .overviewContent .v-container .io-section .io-port.io-port-4 .v-line{
        height:120px
    }
     .overviewContent .v-container .overviewContent .v-container .io-section .io-port.io-port-0 .v-line{
        height:110px
    }
     .overviewContent .v-container .rainbow-text{
        width:320px;
        margin:20px 0;
        font-size:34px
    }
     .overviewContent .v-container .cover-section{
        height:calc(3720px * .375)
    }
     .overviewContent .v-container .cover-section .main-bg{
        width:calc(1920px * .375);
        height:calc(3720px * .375)
    }
     .overviewContent .v-container .cover-section .text{
        font-size:calc(72px * .375)
    }
     .overviewContent .v-container .cover-section .text .hide-text{
        width:calc(610px * .375);
        font-size:12px
    }
     .overviewContent .v-container .cover-section .text.light{
        left:20px;
        top:80px
    }
     .overviewContent .v-container .cover-section .text.light .hide-text{
        left:0;
        top:20px;
        width:170px
    }
     .overviewContent .v-container .cover-section .text.durability{
        right:0;
        top:370px;
        left:auto
    }
     .overviewContent .v-container .cover-section .text.durability .glitch-text{
        width:200px
    }
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        left:0;
        width:180px
    }
     .overviewContent .v-container .cover-section .text.smaller{
        left:20px;
        top:calc(2080px * .375)
    }
     .overviewContent .v-container .cover-section .text.smaller .hide-text{
        left:0;
        width:200px
    }
     .overviewContent .v-container .cover-section .learn-more{
        bottom:30px
    }
     .overviewContent .v-container .cover-section .text.bigger{
        left:auto;
        right:0;
        top:calc(2810px * .375)
    }
     .overviewContent .v-container .cover-section .text.bigger .hide-text{
        left:0;
        width:200px
    }
     .overviewContent .v-container .performance-section .main-bg{
        width:calc(1920px * .375);
        height:auto
    }
     .overviewContent .v-container .performance-section .circle-frame{
        margin:50px auto 0;
        width:320px;
        padding-bottom:20px;
        display:table
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box{
        transform:scale(1);
        margin:0 auto 30px;
        width:300px
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .main-text{
        height:calc(90px * .375);
        font-size:calc(48px * .375)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .sub-title{
        height:calc(50px * .7);
        font-size:calc(21px * .7)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle{
        width:calc(165px * .7);
        height:calc(165px * .7)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .7)
    }
     .overviewContent .v-container .performance-section .circle-frame .circle-box .circle .text-bottom{
        font-size:26px
    }
     .overviewContent .v-container .performance-run-section .main-bg{
        width:calc(1920px * .375);
        height:590px
    }
     .overviewContent .v-container .performance-run-section .learn-more{
        top:calc(1330px * .375)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box{
        transform:scale(.8);
        width:calc(320px / 3)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .main-text{
        width:auto;
        font-size:12px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle{
        width:calc(206px * .7);
        height:calc(206px * .7);
        margin:auto;
        width:calc(206px * .3);
        height:calc(206px * .3)
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-bottom{
        font-size:14px
    }
     .overviewContent .v-container .battery-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .375)
    }
     .overviewContent .v-container .battery-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .battery-section .top-bg{
        width:calc(1920px * .375);
        height:auto
    }
     .overviewContent .v-container .battery-section .main-bg.battery-nb{
        background-size:70% auto;
        width:calc(1920px * .375);
        height:calc(1226px * .375);
        background-image:url(../img/battery-nb_xs.png)
    }
     .overviewContent .v-container .battery-section .main-bg.battery-bg{
        width:calc(1920px * .375);
        height:calc(1226px * .375)
    }
     .overviewContent .v-container .battery-section video{
        width:110%
    }
     .overviewContent .v-container .battery-section .scroll-frame{
        width:250px;
        height:140px;
        top:120px
    }
     .overviewContent .v-container .battery-section .scroll-frame.g17{
        width:244px;
        height:140px;
        top:125px
    }
     .overviewContent .v-container .audio-section .circle-frame{
        margin:10px auto;
        width:300px;
        display:table
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(300px);
        margin:0 auto 30px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle{
        width:calc(206px * .7);
        height:calc(206px * .7);
        margin:auto
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(22px * .7)
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .circle .text-bottom{
        font-size:26px
    }
     .overviewContent .v-container .audio-section .circle-frame .circle-box .main-text{
        font-size:calc(20px * .77);
        width:auto
    }
     .overviewContent .v-container .audio-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .audio-section .top-bg{
        width:calc(1920px * .375);
        height:auto
    }
     .overviewContent .v-container .audio-section .main-bg.audio-bg{
        margin-top:-70px;
        width:calc(1920px * .375);
        height:calc(1409px * .375);
        background-image:url(../img/audio-bg_xs.jpg)
    }
     .overviewContent .v-container .audio-section .bottom-bg{
        width:calc(1920px * .375);
        height:auto;
        margin-top:0
    }
     .overviewContent .v-container .audio-section .bottom-bg .learn-more{
        top:0
    }
     .overviewContent .v-container .audio-section .bottom-bg .text{
        position:relative;
        margin-top:-80px;
        left:auto;
        transform:translateX(0)
    }
     .overviewContent .v-container .audio-section .main-bg.audio-nb{
        width:calc(1920px * .375);
        height:calc(1409px * .375);
        background-image:url(../img/audio-nb_xs.png)
    }
     .overviewContent .v-container .cool-section .circle-frame{
        width:320px;
        display:table;
        margin:50px auto 0
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box{
        transform:scale(1);
        width:calc(300px);
        margin:0 auto 30px
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle{
        width:calc(206px * .7);
        height:calc(206px * .7);
        margin:auto
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-top{
        font-size:calc(20px * .7)
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .circle .text-bottom{
        font-size:calc(80px * .7);
        margin-bottom:calc(20px * .7)
    }
     .overviewContent .v-container .cool-section .circle-frame .circle-box .main-text{
        width:auto;
        font-size:calc(20px * .7)
    }
     .overviewContent .v-container .cool-section .main-bg .title{
        padding:50px 0 0
    }
     .overviewContent .v-container .cool-section .cool-bg{
        /*width:calc(1920px * .375);*//*RCD edit*/
        height:auto;
        background-size:100% 100%
    }
     .overviewContent .v-container .cool-section .learn-more{
        top:auto;
        bottom:30px;
        position:absolute
    }
     .overviewContent .v-container .cool-section .cool-nb{
        position:relative;
        width:calc(1920px * .375);
        height:calc(950px * .375)
    }
     .overviewContent .v-container .cool-section .cool-animate{
        width:calc(1920px * .375);
        height:calc(950px * .375);
        animation-name:cooling-bg-xs
    }
     .overviewContent .v-container .cool-section .liquid-metal-box .highlight-title{
        font-size:40px
    }
     .overviewContent .v-container .cool-section .liquid-metal-box .highlight-subtitle{
        font-size:16px
    }
     .overviewContent .v-container .learn-more{
        transform:translateX(-50%) scale(.5)
    }
     .overviewContent .v-container .software-section .main-bg.armoury-bg{
        width:672px;
        height:280px
    }
     .overviewContent .v-container .software-section .main-bg{
        width:1024px;
        height:570px;
        height: auto;/*RCD edit*/
    }
     .overviewContent .v-container .bundle-section .bundle-bg{
        width:732px;
        height:400px;
        background-size:70% auto
    }
     .overviewContent .v-container .bundle-section .switch{
        width:300px
    }
     .overviewContent .v-container .bundle-section .switch .switch-box{
        margin-top:-30px
    }
     .overviewContent .v-container .bundle-section .switch .switch-box .switch-content{
        font-size:14px
    }
     .overviewContent .v-container .bundle-section .bundle-bg.punk{
        background-image:url(../img/bundle-bg_xs.jpg)
    }
     .overviewContent .v-container .bundle-section .bundle-bg.gray{
        background-image:url(../img/gray-bundle_xs.jpg)
    }
     .overviewContent .v-container .keyboard-section .switch{
        width:300px;
        margin:15px auto;
        transform:scale(.7)
    }
     .overviewContent .v-container .keyboard-section .switch .switch-box .switch-content{
        font-size:16px
    }
     .overviewContent .v-container .keyboard-section .learn-more{
        bottom:5px
    }
     .overviewContent .v-container .keyboard-section .main-bg{
        width:732px;
        height:780px;
        background-size:cover
    }
     .overviewContent .v-container .keyboard-section .keyboard-nb{
        width:732px;
        background-size:70% auto;
        height:720px;
        background-position:center 220px;
        margin-top:70px
    }
     .overviewContent .v-container .aura-section .product-box{
        transform:scale(.25);
        width:320px;
        margin:30px auto 0;
        transform-origin:top
    }
     .overviewContent .v-container .aura-section .color-box{
        position:relative;
        display:table;
        width:320px;
        top:-450px
    }
     .overviewContent .v-container .aura-section .color-box .palette{
        margin:auto;
        transform:scale(.75)
    }
     .overviewContent .v-container .aura-section .color-box .status-box{
        width:320px
    }
     .overviewContent .v-container .aura-section .color-box .status-box .status-fst{
        display:inline-block;
        text-align:center;
        margin-bottom:0
    }
     .overviewContent .v-container .aura-section .color-box .status-box .status-snd{
        display:inline-block;
        text-align:center;
        margin-bottom:0
    }
     .overviewContent .v-container .aura-section .color-box .status-box .status{
        width:45%;
        display:inline-flex;
        margin:10px 0;
        justify-content:center;
 
    }
     .overviewContent .v-container .aura-section .color-box .status .bg{
        width:30px;
        height:30px
    }
     .overviewContent .v-container .aura-section .color-box .status font{
        font-size:14px
    }
     .overviewContent .v-container .aura-section .main-bg{
        height:1140px;
        background-image:url(../img/aura-bg_xs.jpg)
    }
     .overviewContent .v-container .popup .popup-inner .title{
        font-size:20px
    }
     .overviewContent .v-container .popup .popup-other{
        margin-top:40px
    }
     .overviewContent .v-container .popup .popup-other .popup-option{
        width:60px;
        margin:0 5px;
        height:60px
    }
     .overviewContent .v-container .all-shadow{
        display:none
    }
     .overviewContent .scar-container.keyboard-section{
        padding:0
    }
     .overviewContent .popup .popup-inner{
        width:280px;
        height:480px;
        padding:20px 20px;
        transform:translate(-50%,-50%) scale(1);
        box-sizing: border-box;/*RCD edit*/
        width:320px;/*RCD edit*/
        /* height: 540px; */
        height: auto;
    }
     .overviewContent .popup .popup-inner .popup-slick-img{
        height:250px;
        width:280px
    }
     .gray-look .look-btn.look-bag{
        top:90px;
        left:420px
    }
     .gray-look .look-btn.look-nb{
        top:90px;
        left:310px
    }
     .gray-look .look-btn.look-transformer{
        top:210px;
        left:440px
    }
     .gray-look .look-btn.look-mouse{
        top:260px;
        left:390px
    }
     .punk-look .look-btn.look-bag{
        top:90px;
        left:330px
    }
     .punk-look .look-btn.look-nb{
        top:130px;
        left:360px
    }
     .punk-look .look-btn.look-transformer{
        top:200px;
        left:460px
    }
     .punk-look .look-btn.look-headset{
        top:280px;
        left:260px
    }
     .punk-look .look-btn.look-mouse{
        top:260px;
        left:440px
    }
     .punk-look .look-btn.look-pad{
        top:280px;
        left:402px
    }
     .look-btn{
        width:20px;
        height:20px
    }
     .slider{
        margin:0;
        margin:0;
        width:100%;
        display:block
    }
     .slider .slider-slick-content{
        width:calc(100% - 110px)
    }
     .slider .slider-slick-content .text{
        width:auto
    }
     .slider .slider-slick-content .text .txt{
        width:100%;
        text-align:center;
        font-size:14px
    }
     .slider .slider-slick-content .text .title{
        margin-bottom:10px;
        font-size:24px;
        text-align:center
    }
     .slider .slider-slick-content .slider-slick-list{/*RCD edit*/
    }
	 .slider .slider-slick-content .slider-slick-list .rcd-box{/*RCD edit*/
        display:table;
        height:auto
	}
     .slider .slider-slick-content .img{
        width:100%;
        margin:0 0 10px
    }
     .slider .slider-slick{
        margin-top:0;
        justify-content:center;
        width:100%
    }
     .slider .slider-menu span{
        font-size:16px
    }
     .slider .slider-menu .pipe{
        top:-5px
    }
     .slider .slider-menu .menu-list.slick-slide{
        height:auto
    }
     .slider .prev-arrow{
        margin:10px
    }
     .slider .next-arrow{
        margin:10px
    }
     .slider-menu{
        width:320px;
        width:320px;
        margin:auto;
        display:block;
        height:auto
    }
     .overviewContent .v-container .keyboard-section .title{
        padding:0
    }
     .sub-text{
        width:320px;
        display:table;
        margin:10px auto
    }
     .audio-box .audio-layers.audio-thumb1{
        background-position:-100px 0
    }
     .slider .slider-slick-content .text .txt .small-size{
        text-align:center
    }
     .cooling-box .cooling-layers.cooling-thumb1{
        background-image:url(../img/cooling-thumb1_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb2{
        background-image:url(../img/cooling-thumb2_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb3{
        background-image:url(../img/cooling-thumb3_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb4{
        background-image:url(../img/cooling-thumb4_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb5{
        background-image:url(../img/cooling-thumb5_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb6{
        background-image:url(../img/cooling-thumb6_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb7{
        background-image:url(../img/cooling-thumb7_xs.jpg)
    }
     .cooling-box .cooling-layers.cooling-thumb8{
        background-image:url(../img/cooling-thumb8_xs.jpg)
    }
     .video-section.scar-container .video-head{
        font-size:20px
    }
     .video-section.scar-container .video-container{
        margin-top:0;
        width:80%;
        margin-bottom:50px
    }
     .video-section.scar-container .video-container .video-thumb{
        height:160px
    }
     .video-section.scar-container .video-container .video-thumb img{
        height:160px
    }
     .video-section.scar-container .video-container .border-corner{
        width:20px;
        height:20px
    }
     .video-section.scar-container .video-container .border-left{
        top:44px;
        width:2px;
        height:30%
    }
     .video-section.scar-container .video-container .border-left img{
        width:2px;
        height:130px
    }
     .video-section.scar-container .video-container .border-bottom{
        width:30%;
        left:50%;
        height:2px
    }
     .video-section.scar-container .video-container .border-bottom img{
        width:60%;
        height:2px
    }
     .lity-wrap{
        width:80%;
        margin:0 auto
    }
}
 @media only screen and (max-width:1024px){
     .overviewContent .v-container .keyboard-section .switch .switch-box .switch-content.active font{
        display:block
    }
     .overviewContent .v-container .bundle-section .switch .switch-box .switch-content font{
        display:block
    }
}
 @media only screen and (max-width:1023px){
     .overviewContent .v-container .slider-section{
        top:0
    }
}
 .hide-cover-1{
    width:50%;
    height:25%;
    right:0;
    position:absolute
}
 .hide-cover-2{
    width:50%;
    height:25%;
    left:0;
    top:25%;
    position:absolute
}
 .hide-cover-3{
    width:50%;
    height:25%;
    top:50%;
    right:0;
    position:absolute
}
 .hide-cover-4{
    width:50%;
    height:25%;
    left:0;
    top:75%;
    position:absolute
}
 .ProductOverviewAwardsVideoContent__prodcutAwardContainer__1C1rj{
    background-color:rgba(0,0,0,0)!important;
    padding-top:52px
}
 .ProductAwardVideoContent__actionTitle__PPqmY{
    margin-bottom:0;
    display:none
}
 .bg-lazy{
    background-image:none!important;
    transition: all 0.5s;/*RCD edit*/
}
 .scar-container__subtitle{
    font-weight:700;
    font-style:italic;
    font-size:20px;
    color:#fff;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
}
 .video-section{
    min-height:680px;
    color:#fff
}
 .video-section .section-inner{
    transition:.8s ease all;
    opacity:0;
    transform:translateY(200px)
}
 .video-section .section-inner.active{
    opacity:1;
    transform:translateY(0)
}
 .video-section .video-head{
    text-transform:uppercase;
    font-weight:700;
    font-style:italic;
    letter-spacing:3px;
    font-size:45px;
    color:#fff;
    font-family: "Trade bold", sans-serif;/*RCD edit*/
    margin:100px auto 0 auto;
    text-align:center
}
 .video-section .video-container{
    display:table;
    margin:50px auto 200px auto;
    width:1060px;
    position:relative;
    z-index:99
}
 .video-section .video-container .video-thumb{
    width:100%;
    height:490px
}
 .video-section .video-container .video-thumb img{
    width:100%;
    object-fit:cover
}
 .video-section .video-container .border-corner{
    position:absolute;
    z-index:1;
    box-shadow:initial;
    width:45px;
    height:45px;
    transition:.3s ease all;
    background-size:100% auto;
    filter:drop-shadow(0 0 6px #76d4fe)
}
 .video-section .video-container .border-left-top{
    left:0;
    top:0;
    background-image:url(../img/video-left-top_2x.png)
}
 .video-section .video-container .border-right-top{
    right:-1px;
    top:0;
    background-image:url(../img/video-right-top_2x.png)
}
 .video-section .video-container .border-left-bottom{
    left:0;
    bottom:0;
    background-image:url(../img/video-left-bottom_2x.png)
}
 .video-section .video-container .border-right-bottom{
    right:-1px;
    bottom:0;
    background-image:url(../img/video-right-bottom_2x.png)
}
 .video-section .video-container .border-left{
    width:3px;
    height:240px;
    position:absolute;
    background:0 0;
    z-index:1;
    left:0;
    top:104px;
    transition:.3s ease all;
    background-image:url(../img/video-left-stright_2x.png)
}
 .video-section .video-container .border-bottom{
    bottom:0;
    left:689px;
    transition:.3s ease all;
    border:none;
    width:240px;
    height:3px;
    position:absolute;
    background:0 0;
    background-image:url(../img/video-bottom-horizontal_2x.png)
}
 .video-section .video-container:hover .border-left-top{
    left:-5px;
    top:-5px
}
 .video-section .video-container:hover .border-right-top{
    right:-6px;
    top:-5px
}
 .video-section .video-container:hover .border-left-bottom{
    left:-5px;
    bottom:-5px
}
 .video-section .video-container:hover .border-right-bottom{
    right:-6px;
    bottom:-5px
}
 .video-section .video-container:hover .border-left{
    left:-5px
}
 .video-section .video-container:hover .border-bottom{
    bottom:-5px
}
 .liquid-metal-box{
    text-align:center;
    margin-top:25px
}
 .liquid-metal-box .highlight-title{
    font-size:54px;
    color:#fff
}
 .liquid-metal-box .highlight-subtitle{
    font-size:20px;
    letter-spacing:3px;
    height:35px;
    color:#fff;
    /*opacity:.6;*//*RCD edit*/
}
 .v-container .ProductOverviewAwardsVideoContent__prodcutAwardContainer__1C1rj{
    background-color:rgba(0,0,0,0)!important
}
 .v-container .ProductOverviewAwardsVideoContent__prodcutAwardContainer__1C1rj .ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU{
    border-bottom:0!important
}
 .v-container .ProductOverviewAwards__productOverviewAwards__1MI5n{
    background-color:rgba(0,0,0,0)!important
}
 @media screen and (min-width:1536px) and (max-width:1536px){
     .overviewContent .v-container .main-section .main-bg.kv-15{
        width:1536px;
        height:1152px
    }
     .overviewContent .v-container .product-section .text{
        margin:0 auto 200px
    }
     .overviewContent .v-container .design-section{
        bottom:-40%
    }
     .overviewContent .v-container .design-section .main-bg .main-nb{
        top:200px;
        left:60%;
        width:1400px;
        height:1302px
    }
     .overviewContent .v-container .design-section .main-bg .title{
        padding-top:230px;
        padding-left:150px
    }
     .overviewContent .v-container .design-section .main-bg .title .rainbow-text{
        margin:10px 0
    }
     .overviewContent .v-container .design-section .main-bg .text{
        left:350px;
        width:450px
    }
     .overviewContent .v-container .design-section .main-bg .color-option{
        top:470px;
        width:650px
    }
     .overviewContent .v-container .design-section .main-bg .color-option .choose-color{
        margin-left:400px
    }
     .overviewContent .v-container .design-section .main-bg .color-option .choose-bar{
        width:680px
    }
     .overviewContent .v-container .design-section .main-bg .color-option .choose-bar .bar-in{
        margin-left:300px
    }
     .overviewContent .v-container .cover-section{
        height:2900px
    }
     .overviewContent .v-container .cover-section .main-bg{
        width:100%;
        background-position-y:0
    }
     .overviewContent .v-container .cover-section .text.light{
        left:320px
    }
     .overviewContent .v-container .cover-section .hide-text{
        left:-280px
    }
     .overviewContent .v-container .cover-section .text.durability{
        top:900px;
        left:800px
    }
     .overviewContent .v-container .cover-section .text.durability .hide-text{
        width:500px
    }
     .overviewContent .v-container .cover-section .text.smaller{
        top:1600px;
        left:400px
    }
     .overviewContent .v-container .cover-section .text.bigger{
        top:2300px;
        left:800px
    }
     .overviewContent .design-box .design-layers{
        width:100%;
        height:100%
    }
     .overviewContent .design-box .design-layers .text-frame{
        top:120px;
        left:800px;
        width:380px
    }
     .overviewContent .design-box .design-layers .text-frame .title{
        margin-bottom:30px
    }
     .overviewContent .design-box .design-layers .text-frame .text{
        font-size:16px
    }
     .overviewContent .design-box .design-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .overviewContent .performance-box .performance-layers{
        width:100%;
        height:100%
    }
     .overviewContent .performance-box .performance-layers .text-frame{
        top:120px;
        width:360px
    }
     .overviewContent .performance-box .performance-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .overviewContent .performance-box .performance-layers.active .text-frame{
        left:300px
    }
     .overviewContent .cooling-box .cooling-layers{
        width:100%;
        height:100%
    }
     .overviewContent .cooling-box .cooling-layers .text-frame{
        top:150px;
        width:380px;
        left:800px
    }
     .overviewContent .cooling-box .cooling-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .overviewContent .keyboard-box .keyboard-layers{
        width:100%;
        height:100%
    }
     .overviewContent .keyboard-box .keyboard-layers .text-frame{
        top:150px;
        left:800px;
        width:380px
    }
     .overviewContent .keyboard-box .keyboard-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .overviewContent .audio-box .audio-layers{
        width:100%;
        height:100%;
        top:0
    }
     .overviewContent .audio-box .audio-layers .text-frame{
        top:160px;
        left:250px;
        width:380px
    }
     .overviewContent .audio-box .audio-layers .text-frame .btn-frame{
        margin-top:20px
    }
     .overviewContent .audio-box .audio-layers.audio-thumb1 .audio-nb{
        width:1600px;
        height:896px
    }
     .popup .popup-inner{
        transform:translate(-50%,-50%) scale(.6)
    }
}
 sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
 sup{
    top:-.5em
}
 sub{
    bottom:-.25em
}
 #ASUS-features .beforeAward{
    padding-top:0!important;
    padding-bottom:0!important
}
 #ASUS-features .hardware_list {
     list-style:none;
     width:1000px;
     margin-left:auto;
     margin-right:auto;
     margin-top:60px;
     margin-bottom: 60px;
     text-align: center;
}
 #ASUS-features .hardware_list .hardware__img{
    background-repeat:no-repeat;
    display:inline-block;
    margin:50px 30px 0;
    background-size:contain
}
 #ASUS-features .hardware_list .hard__1{
    background-image:url(../img/ifLogo.jpg);
    width:188px;
    height:106px
}
 @media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
     #ASUS-features .hardware_list .hard__1{
        background-image:url(../img/ifLogo.jpg)
    }
}
 #ASUS-features .hardware_list .hard__2{
    background-image:url(../img/nv_logo.png);
    width:287px;
    height:106px;
    margin-right:-10px
}
 @media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
     #ASUS-features .hardware_list .hard__2{
        background-image:url(../img/nv_logo.png)
    }
}
 #ASUS-features .hardware_list .hard__3{
    background-image:url(../img/xboxGamePass.png);
    width:300px;
    height:110px
}
 @media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){
     #ASUS-features .hardware_list .hard__3{
        background-image:url(../img/xboxGamePass.png)
    }
}
 @media (min-width:736px) and (max-width:1280px){
     #ASUS-features .hardware_list{
        width:720px;
        margin:0 auto
    }
     #ASUS-features .hardware_list .hardware__img{
        display:inline-block;
        margin:50px 18px 0;
        background-size:contain
    }
     #ASUS-features .hardware_list .hard__1{
        width:128px;
        height:106px
    }
     #ASUS-features .hardware_list .hard__2{
        width:200px;
        margin-right:-10px
    }
     #ASUS-features .hardware_list .hard__3{
        width:200px
    }
}
 @media (min-width:0px) and (max-width:735px){
     #ASUS-features .hardware_list{
        width:100%;
        margin-top:60px;
        margin-bottom: 60px;
        padding: 0;/*RCD edit*//*mars圖置中*/
    }
     #ASUS-features .hardware_list .hardware__img{
        display:block;
        margin-top:30px;
        margin-left:auto;
        margin-right:auto;
        background-size:contain;
        background-position: center;/*RCD edit*//*mars圖置中*/
    }
     #ASUS-features .hardware_list .hard__1{
        width:200px;
        height:106px;
        margin-bottom:30px
    }
     #ASUS-features .hardware_list .hard__2{
        /*width:200px;*//*RCD edit*/
        height:65px
    }
     #ASUS-features .hardware_list .hard__3{
        /*width:230px;*//*RCD edit*/
        margin-top:17px;
        height:86px
    }
}


.video_control {
    background-image: url('https://dlcdnwebimgs.asus.com/files/media/2B37C5BC-FC31-4697-925A-6622E78C5CF9/v4/img/svg/play.svg');
    z-index: 50;
    position: absolute;
    bottom: 397px;
    left: 25px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-color: transparent;
    text-indent: -9999px;
    border: none;
    outline: none;
  }
  
  
  .video_control.js-pause {
    background-image: url('https://dlcdnwebimgs.asus.com/files/media/2B37C5BC-FC31-4697-925A-6622E78C5CF9/v4/img/svg/pause.svg');
  }


@media (min-width: 736px) and (max-width:1280px){
    .video_control {
        bottom: 217px;
        left: 15px;
    }
}

@media (min-width: 0px) and (max-width:735px){
    .video_control {
        bottom: 117px;
        left: 15px;
    }
}


@media (min-width: 3840px) {
    .aura-section .video_control {
        bottom: 337px;
        left: 1225px;
    }
}

@media (min-width: 736px) and (max-width:1280px){
    .aura-section .video_control {
        bottom: 217px;
        left: 15px;
    }
}

@media (min-width: 0px) and (max-width:735px){
    .aura-section .video_control {
        bottom: 117px;
        left: 15px;
    }
}