@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap);
@font-face {
    font-family: Xolonium;
    src: url(fonts/Xolonium.woff) format("woff"), url(fonts/Xolonium.ttf) format("truetype"), url(fonts/Xolonium.svg#svgFontName) format("svg")
}

@font-face {
    font-family: D-DINCondensed-Bold;
    src: url(fonts/D-DINCondensed-Bold.woff) format("woff"), url(fonts/D-DINCondensed-Bold.ttf) format("truetype"), url() format("svg")
}

@font-face {
    font-family: DINPro-CondBold;
    src: url(fonts/DINPro-CondBold.woff) format("woff"), url(fonts/DINPro-CondBold.ttf) format("truetype"), url(fonts/DINPro-CondBold.svg#svgFontName) format("svg")
}

@font-face {
    font-family: Kairos;
    src: url(fonts/KairosSansW1G-CnMedium.ttf) format("truetype")
}

@font-face {
    font-family: MyriadPro;
    src: url(fonts/MyriadPro-Regular.otf) format("opentype")
}

.main-inner .page-content {
    width: 100%;
    max-width: 100%
}

.main-inner .page-content .main-content .modules-content .container {
    padding: 0
}

.overviewContent {
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    color: #fff
}

.overviewContent .mainSections {
    transition: .3s opacity;
    overflow: hidden
}

.overviewContent .moreSections {
    background-color: #000;
    overflow: hidden
}

.overviewContent .mainSection,
.overviewContent .moreSection {
    position: relative
}

.overviewContent .maskSection {
    /* background-image: url(images/TUF-A15-2021.jpg); */
    width: 2560px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1280px
}

.overviewContent .image {
    position: relative;
    z-index: 0;
    margin-right: auto
}

.overviewContent .image .imageContent {
    display: block;
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.overviewContent .image.button {
    z-index: 11;
    font-family: Kairos, Roboto, 'Segoe UI', sans-serif
}

.overviewContent .section {
    position: relative
}

.overviewContent .section .textBox {
    position: relative;
    z-index: 1;
    font-family: MyriadPro, Roboto, 'Segoe UI', sans-serif!important
}

.overviewContent .section .textBox .subTitle {
    font-size: 36px;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: Kairos, Roboto, 'Segoe UI', sans-serif
}

.overviewContent .section .textBox .title {
    font-size: 46px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 500;
    color: #ff9e1b;
    font-family: DINPro-CondBold, Roboto, 'Segoe UI', sans-serif!important
}

.overviewContent .section .textBox .dec {
    font-size: 20px;
    line-height: 1.5
}

.overviewContent .section .textBox .label {
    font-size: 18px;
    line-height: 1.5;
    padding: 0 3px;
    position: absolute
}

.overviewContent .section .textBox .note {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 3px;
    color: #999
}

.overviewContent .section .textBox .float {
    position: relative;
    top: 10px;
    opacity: 0;
    transition: all, .5s
}

.overviewContent .section .textBox .float.open {
    top: 0;
    opacity: 1
}

.overviewContent .section .highlights {
    position: relative;
    font-size: 0;
    padding: 0 3px;
    z-index: 1;
    margin-top: 50px
}

.overviewContent .section .highlights .highlight {
    display: inline-block;
    margin: 20px 30px;
    font-family: D-DINCondensed-Bold, Roboto, 'Segoe UI', sans-serif!important
}

.overviewContent .section .highlights .highlight .top {
    height: 16px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500
}

.overviewContent .section .highlights .highlight .mid {
    height: 42px;
    margin: 4px 0 4px;
    font-weight: 500;
    color: #ff9e1b;
    text-transform: uppercase
}

.overviewContent .section .highlights .highlight .mid span {
    font-size: 42px;
    line-height: 1
}

.overviewContent .section .highlights .highlight .mid small {
    font-size: 28px;
    line-height: 1
}

.overviewContent .section .highlights .highlight .btm {
    font-weight: 500;
    height: 16px;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase
}

.overviewContent .section .highlights .highlight .lowcase {
    text-transform: lowercase
}

.overviewContent .section .highlights.float {
    position: relative;
    top: 10px;
    opacity: 0;
    transition: all, .5s
}

.overviewContent .section .highlights.float.open {
    top: 0;
    opacity: 1
}

.overviewContent .section .button {
    position: relative;
    font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
    text-align: center;
    width: 372px;
    line-height: 84px;
    cursor: pointer;
    font-size: 36px;
    z-index: 11
}

.overviewContent .section .button>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 22.58065%
}

@media screen and (min-width:1281px) {
    .overviewContent .section .button>.imageContent {
        padding-bottom: 22.58065%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent .section .button>.imageContent {
        padding-bottom: 22.58065%
    }
}

@media screen and (max-width:730px) {
    .overviewContent .section .button>.imageContent {
        padding-bottom: 22.5%
    }
}

.overviewContent .section .button.open .imageContent {
    background-image: url(images/000_btn.png)
}

@media screen and (min-width:1281px) {
    .overviewContent .section .button.open .imageContent {
        background-image: url(images/000_btn.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent .section .button.open .imageContent {
        background-image: url(images/000_btn.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent .section .button.open .imageContent {
        background-image: url(images/000_btn.png)
    }
}

.overviewContent .section .button.close {
    position: absolute;
    bottom: 130px;
    left: 50%;
    margin-left: -168px;
    z-index: 1
}

.overviewContent .sectionMore {
    overflow: hidden;
    z-index: 100;
    display: none;
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    z-index: 11
}

.overviewContent .sectionMore:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000
}

.overviewContent sup {
    font-size: 60%;
    top: -.5em;
    position: relative;
    line-height: 0;
    vertical-align: baseline
}

.overviewContent video {
    width: 100%
}

.overviewContent .colorPicker {
    direction: ltr
}

.overviewContent .colorPicker canvas {
    position: absolute;
    box-sizing: border-box
}

@media screen and (min-width:1281px) {
    .desktopHide {
        display: none!important
    }
    .desktopTogether {
        white-space: nowrap
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .tabletHide {
        display: none!important
    }
    .tabletTogether {
        white-space: nowrap
    }
    .overviewContent .section .textBox {
        position: relative;
        z-index: 1;
        font-family: Roboto, 'Segoe UI', sans-serif;
        font-weight: 100
    }
    .overviewContent .section .textBox .subTitle {
        font-size: 23px;
        line-height: 1
    }
    .overviewContent .section .textBox .title {
        font-size: 35px;
        margin-bottom: 6px
    }
    .overviewContent .section .textBox .dec {
        font-size: 16px;
        line-height: 1.6
    }
    .overviewContent .section .textBox .label {
        font-size: 14px
    }
    .overviewContent .section .textBox .note {
        font-size: 16px
    }
    .overviewContent .section .highlights {
        margin-top: 30px
    }
    .overviewContent .section .highlights .highlight {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif
    }
    .overviewContent .section .highlights .highlight .top {
        font-size: 12px
    }
    .overviewContent .section .highlights .highlight .mid {
        margin: 4px 0 4px;
        height: 32px
    }
    .overviewContent .section .highlights .highlight .mid span {
        font-size: 32px
    }
    .overviewContent .section .highlights .highlight .mid small {
        font-size: 24px
    }
    .overviewContent .section .highlights .highlight .btm {
        font-size: 12px
    }
    .overviewContent .section .button {
        text-align: center;
        width: 186px;
        line-height: 42px;
        cursor: pointer;
        font-size: 16px;
        z-index: 11
    }
    .overviewContent .section .button.close {
        margin-left: -93px;
        bottom: 140px
    }
}

@media screen and (max-width:730px) {
    .mobileTogether {
        white-space: nowrap
    }
    .mobileHide {
        display: none!important
    }
    .overviewContent .section .textBox {
        width: calc(100% - 60px);
        max-width: 600px;
        margin: 0 auto;
        text-align: left
    }
    .overviewContent .section .textBox .subTitle {
        font-size: 18px;
        line-height: 1;
        height: 18px;
        background-position: -50% bottom;
        background-size: 207px
    }
    .overviewContent .section .textBox .title {
        font-size: 26px;
        line-height: 33px;
        margin-bottom: 6px
    }
    .overviewContent .section .textBox .dec {
        font-size: 15px;
        line-height: 1.55
    }
    .overviewContent .section .textBox .note {
        font-size: 15px;
        margin-top: 1px
    }
    .overviewContent .section .textBox .label {
        font-size: 14px
    }
    .overviewContent .section .highlights {
        padding: 0;
        text-align: left;
        margin: 0;
        width: 290px
    }
    .overviewContent .section .highlights .highlight {
        display: inline-block;
        margin: 20px 10px;
        vertical-align: middle;
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif
    }
    .overviewContent .section .highlights .highlight .top {
        height: 12px;
        font-size: 12px
    }
    .overviewContent .section .highlights .highlight .mid {
        height: 38px;
        margin: 0
    }
    .overviewContent .section .highlights .highlight .mid span {
        font-size: 27px;
        line-height: 39px
    }
    .overviewContent .section .highlights .highlight .mid small {
        font-size: 16px;
        line-height: 1;
        margin-left: 6px
    }
    .overviewContent .section .highlights .highlight .btm {
        height: 12px;
        font-size: 12px
    }
    .overviewContent .section .button {
        text-align: center;
        width: 186px;
        line-height: 42px;
        cursor: pointer;
        font-size: 16px;
        z-index: 11
    }
    .overviewContent .section .button.close {
        margin-left: -93px;
        bottom: 65px
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background {
    opacity: 0
}

.overviewContent.AsusTUFF17_2020 .overview .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 68.28125%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background.open .imageContent {
    background-image: url(images/00_1BG.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background.open .imageContent {
        background-image: url(images/00_1BG.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background.open .imageContent {
        background-image: url(images/00_1BG.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background.open .imageContent {
        background-image: url(images/00_1BG.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background.open {
    transition: 1s all;
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .overview .background>.image {
    opacity: 0
}

.overviewContent.AsusTUFF17_2020 .overview .background>.image.open {
    transition: 1s all;
    transition-delay: .7;
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .overview .background .notebookR {
    z-index: 2;
    -webkit-animation: overview-floatDown 3s alternate infinite linear;
    animation: overview-floatDown 3s alternate infinite linear
}

.overviewContent.AsusTUFF17_2020 .overview .background .notebookR>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 68.28125%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background .notebookR.open .imageContent {
    background-image: url(images/00_3_nb2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR.open .imageContent {
        background-image: url(images/00_3_nb2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR.open .imageContent {
        background-image: url(images/00_3_nb2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR.open .imageContent {
        background-image: url(images/00_3_nb2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background .notebookL {
    z-index: 1;
    -webkit-animation: overview-floatUp 3s alternate infinite linear;
    animation: overview-floatUp 3s alternate infinite linear
}

.overviewContent.AsusTUFF17_2020 .overview .background .notebookL>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 68.28125%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background .notebookL.open .imageContent {
    background-image: url(images/00_3_nb1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL.open .imageContent {
        background-image: url(images/00_3_nb1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL.open .imageContent {
        background-image: url(images/00_3_nb1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL.open .imageContent {
        background-image: url(images/00_3_nb1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background .bannerText {
    z-index: 0
}

.overviewContent.AsusTUFF17_2020 .overview .background .bannerText>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 68.28125%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText>.imageContent {
        padding-bottom: 68.28125%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background .bannerText.open .imageContent {
    background-image: url(images/00_2_text.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText.open .imageContent {
        background-image: url(images/00_2_text.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText.open .imageContent {
        background-image: url(images/00_2_text.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText.open .imageContent {
        background-image: url(images/00_2_text.png)
    }
}

.overviewContent.AsusTUFF17_2020 .overview .background .bannerText.open {
    transition: 1s all;
    transition-delay: 1.5;
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .overview .logo>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 9.15493%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .logo>.imageContent {
        padding-bottom: 9.15493%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .logo>.imageContent {
        padding-bottom: 9.15493%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .logo>.imageContent {
        padding-bottom: 8.92857%
    }
}

.overviewContent.AsusTUFF17_2020 .overview .logo.open .imageContent {
    background-image: url(images/00_4_title.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .logo.open .imageContent {
        background-image: url(images/00_4_title.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .logo.open .imageContent {
        background-image: url(images/00_4_title.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .logo.open .imageContent {
        background-image: url(images/00_4_title.png)
    }
}

.overviewContent.AsusTUFF17_2020 .overview .RTXbox {
    background-image: url(images/logos.jpg);
    background-size: cover
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .overview .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background>.image {
        position: absolute;
        top: 0;
        width: 2560px;
        left: 50%
    }
    .overviewContent.AsusTUFF17_2020 .overview .background>.image.open {
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR {
        margin-left: -780px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL {
        margin-left: -1780px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText {
        margin-left: -1180px
    }
    .overviewContent.AsusTUFF17_2020 .overview .logo {
        width: 852px;
        margin: -200px auto 0
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox {
        margin: 10px auto 0;
        width: 1240px;
        z-index: 2;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox .title {
        font-size: 66px
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox .dec {
        font-size: 25px;
        line-height: 40px
    }
    .overviewContent.AsusTUFF17_2020 .overview .RTXbox {
        width: 632px;
        height: 118px;
        left: 50%;
        margin-left: -316px;
        margin-top: 50px;
        margin-bottom: 65px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .overview .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background>.image {
        position: absolute;
        top: 0;
        width: 1280px;
        left: 50%
    }
    .overviewContent.AsusTUFF17_2020 .overview .background>.image.open {
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR {
        margin-left: -390px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL {
        margin-left: -940px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText {
        margin-left: -590px
    }
    .overviewContent.AsusTUFF17_2020 .overview .logo {
        width: 446px;
        margin: -100px auto 0
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox {
        margin: 10px auto;
        width: 700px;
        position: relative;
        z-index: 2;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox .title {
        font-size: 48px
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox .dec {
        font-size: 20px;
        line-height: 40px
    }
    .overviewContent.AsusTUFF17_2020 .overview .RTXbox {
        width: 316px;
        height: 59px;
        left: 50%;
        margin-left: -158px;
        margin-top: 25px;
        margin-bottom: 33px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .overview .background {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background>.image {
        position: absolute;
        top: 0;
        width: 730px;
        left: 50%
    }
    .overviewContent.AsusTUFF17_2020 .overview .background>.image.open {
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookR {
        margin-left: -265px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .notebookL {
        margin-left: -465px
    }
    .overviewContent.AsusTUFF17_2020 .overview .background .bannerText {
        margin-left: -335px
    }
    .overviewContent.AsusTUFF17_2020 .overview .logo {
        width: 280px;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox {
        margin: 10px auto;
        position: relative;
        z-index: 2;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox .title {
        font-size: 24px
    }
    .overviewContent.AsusTUFF17_2020 .overview .textBox .ec {
        font-size: 16px;
        line-height: 1.5
    }
    .overviewContent.AsusTUFF17_2020 .overview .RTXbox {
        width: 211px;
        height: 39px;
        left: 50%;
        margin-left: -105.5px;
        margin-top: 15px;
        margin-bottom: 17px
    }
}

@-webkit-keyframes overview-floatDown {
    0% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes overview-floatDown {
    0% {
        transform: translateY(20px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes overview-floatUp {
    0% {
        transform: translateY(-20px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes overview-floatUp {
    0% {
        transform: translateY(-20px)
    }
    100% {
        transform: translateY(0)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 120.03906%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background>.imageContent {
        padding-bottom: 120.03906%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background>.imageContent {
        padding-bottom: 120.03906%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background>.imageContent {
        padding-bottom: 120.52545%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background.open .imageContent {
    background-image: url(images/01_design_bg.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background.open .imageContent {
        background-image: url(images/01_design_bg.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background.open .imageContent {
        background-image: url(images/01_design_bg.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background.open .imageContent {
        background-image: url(images/01_design_bg.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTop>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 86.75214%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop>.imageContent {
        padding-bottom: 86.75214%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop>.imageContent {
        padding-bottom: 86.81627%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop>.imageContent {
        padding-bottom: 89.52096%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTop.open .imageContent {
    background-image: url(images/01_top_nb.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop.open .imageContent {
        background-image: url(images/01_top_nb.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop.open .imageContent {
        background-image: url(images/01_top_nb.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop.open .imageContent {
        background-image: url(images/01_top_nb.png)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextTop>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 84.45122%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextTop>.imageContent {
        padding-bottom: 84.45122%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextTop>.imageContent {
        padding-bottom: 84.45122%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextTop>.imageContent {
        padding-bottom: 83.82979%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextTop.open .imageContent {
    background-image: url(images/02_top_text2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextTop.open .imageContent {
        background-image: url(images/02_top_text2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextTop.open .imageContent {
        background-image: url(images/02_top_text2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextTop.open .imageContent {
        background-image: url(images/02_top_text2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 84.30769%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop>.imageContent {
        padding-bottom: 84.30769%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop>.imageContent {
        padding-bottom: 84.30769%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop>.imageContent {
        padding-bottom: 84.12017%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop.open .imageContent {
    background-image: url(images/02_top_text1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop.open .imageContent {
        background-image: url(images/02_top_text1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop.open .imageContent {
        background-image: url(images/02_top_text1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowTop.open .imageContent {
        background-image: url(images/02_top_text1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbBottom>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 94.90539%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom>.imageContent {
        padding-bottom: 94.90539%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom>.imageContent {
        padding-bottom: 95.2518%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom>.imageContent {
        padding-bottom: 94.81707%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbBottom.open .imageContent {
    background-image: url(images/02_dn_nb.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom.open .imageContent {
        background-image: url(images/02_dn_nb.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom.open .imageContent {
        background-image: url(images/02_dn_nb.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom.open .imageContent {
        background-image: url(images/02_dn_nb.png)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 70.37664%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom>.imageContent {
        padding-bottom: 70.37664%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom>.imageContent {
        padding-bottom: 70.38917%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom>.imageContent {
        padding-bottom: 70.86331%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom.open .imageContent {
    background-image: url(images/01_dn_text2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom.open .imageContent {
        background-image: url(images/01_dn_text2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom.open .imageContent {
        background-image: url(images/01_dn_text2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBottom.open .imageContent {
        background-image: url(images/01_dn_text2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 70.13652%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom>.imageContent {
        padding-bottom: 70.13652%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom>.imageContent {
        padding-bottom: 70.13652%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom>.imageContent {
        padding-bottom: 70.75812%
    }
}

.overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom.open .imageContent {
    background-image: url(images/01_dn_text1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom.open .imageContent {
        background-image: url(images/01_dn_text1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom.open .imageContent {
        background-image: url(images/01_dn_text1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextShadowBottom.open .imageContent {
        background-image: url(images/01_dn_text1.png)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .design {
        margin-top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox {
        margin: 10px auto 202px;
        width: 1240px;
        z-index: 2;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox .title {
        font-size: 66px
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox .dec {
        font-size: 25px;
        line-height: 40px
    }
    .overviewContent.AsusTUFF17_2020 .design .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop {
        position: relative;
        width: 1364px;
        left: 50%;
        margin-left: -341px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextTop {
        position: absolute;
        top: 0;
        width: 984px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextShadowTop {
        position: absolute;
        width: 975px;
        top: 100px;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextShadowTop:nth-child(3) {
        top: 200px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextBox {
        width: 984px;
        top: 467px;
        left: -200px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom {
        position: relative;
        margin-top: 100px;
        width: 1338px;
        left: 50%;
        margin-left: -1003.5px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextBottom {
        position: absolute;
        width: 1182px;
        top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextShadowBottom {
        position: absolute;
        width: 1172px;
        top: 100px;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextShadowBottom:nth-child(3) {
        top: 200px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextBox {
        width: 1182px;
        top: 568px;
        right: -165px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbText {
        transition: .3s all
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBox {
        position: absolute;
        overflow: hidden;
        height: 1048px;
        max-height: 1048px;
        transition: .3s height, .7s transform
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBox.active .nbtext {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .design {
        margin-top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox {
        margin: 10px auto 202px;
        width: 700px;
        position: relative;
        z-index: 2;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox .title {
        font-size: 48px
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox .dec {
        font-size: 20px;
        line-height: 40px
    }
    .overviewContent.AsusTUFF17_2020 .design .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop {
        position: relative;
        width: 682px;
        left: 50%;
        margin-left: -171px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextTop {
        position: absolute;
        width: 492px;
        top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextShadowTop {
        position: absolute;
        width: 488px;
        top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextShadowTop:nth-child(3) {
        top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextBox {
        width: 492px;
        top: 234px;
        left: -100px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom {
        position: relative;
        margin-top: 50px;
        width: 669px;
        left: 50%;
        margin-left: -502px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextBottom {
        position: absolute;
        width: 592px;
        top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextShadowBottom {
        position: absolute;
        width: 586px;
        top: 60px;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextShadowBottom:nth-child(3) {
        top: 120px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextBox {
        width: 592px;
        top: 284px;
        right: -83px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbText {
        transition: .3s all
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBox {
        position: absolute;
        overflow: hidden;
        height: 521px;
        max-height: 521px;
        transition: .3s height, .7s transform
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBox.active .nbText {
        opacity: 1;
        transform: translateY(0)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .design {
        margin-top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox {
        margin: 10px auto 100px;
        position: relative;
        z-index: 2;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox .title {
        font-size: 24px
    }
    .overviewContent.AsusTUFF17_2020 .design .textBox .ec {
        font-size: 16px;
        line-height: 1.5
    }
    .overviewContent.AsusTUFF17_2020 .design .background {
        width: 609px;
        left: 50%;
        margin-left: -305px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop {
        position: relative;
        width: 322px;
        left: 50%;
        margin-left: -41px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextTop {
        position: absolute;
        width: 235px;
        top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextShadowTop {
        position: absolute;
        width: 233px;
        top: 30px;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextShadowTop:nth-child(3) {
        top: 60px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTop .nbTextBox {
        width: 235px;
        top: 112px;
        left: -53px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom {
        position: relative;
        margin-top: 10px;
        width: 319px;
        left: 50%;
        margin-left: -240px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextBottom {
        position: absolute;
        width: 278px;
        top: 0
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextShadowBottom {
        position: absolute;
        width: 277px;
        top: 30px;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextShadowBottom:nth-child(3) {
        top: 60px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbBottom .nbTextBox {
        width: 278px;
        top: 137px;
        right: -40px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbText {
        transition: .3s all
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBox {
        position: absolute;
        overflow: hidden;
        height: 300px
    }
    .overviewContent.AsusTUFF17_2020 .design .background .nbTextBox.active .nbText {
        opacity: 1;
        transform: translateY(0)
    }
}

.overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 86.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom>.imageContent {
        padding-bottom: 86.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom>.imageContent {
        padding-bottom: 97.07692%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom>.imageContent {
        padding-bottom: 136.94444%
    }
}

.overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom.open .imageContent {
    background-image: url(images/02design.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom.open .imageContent {
        background-image: url(images/02design.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom.open .imageContent {
        background-image: url(images/02design.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom.open .imageContent {
        background-image: url(images/02design.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom {
        margin-top: -300px;
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox {
        position: absolute;
        width: 22%;
        opacity: 0;
        transition: .5s all
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox .title {
        text-transform: none
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.top {
        left: 50%;
        top: 400px;
        margin-left: 50px;
        transform: translateX(100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.mid {
        right: 50%;
        top: 1000px;
        margin-right: 50px;
        transform: translateX(-100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.bottom {
        left: 50%;
        top: 1700px;
        margin-left: 50px;
        transform: translateX(100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.open {
        opacity: 1;
        transform: translateX(0)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom {
        margin-top: -200px;
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox {
        position: absolute;
        width: 24%;
        opacity: 0;
        transition: .5s all
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox .title {
        text-transform: none
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.top {
        left: 50%;
        top: 150px;
        margin-left: 20px;
        transform: translateX(100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.mid {
        right: 50%;
        top: 550px;
        margin-right: 20px;
        transform: translateX(-100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.bottom {
        left: 50%;
        top: 950px;
        margin-left: 20px;
        transform: translateX(100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.open {
        opacity: 1;
        transform: translateX(0)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom {
        margin-top: -100px;
        width: 730px;
        left: 50%;
        margin-left: -365px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox {
        position: absolute;
        width: 300px;
        opacity: 0;
        transition: .5s all;
        margin-left: -150px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox .title {
        text-transform: none
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.top {
        left: 50%;
        top: 210px;
        transform: translateX(100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.mid {
        left: 50%;
        top: 560px;
        transform: translateX(-100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.bottom {
        left: 50%;
        top: 880px;
        transform: translateX(100px)
    }
    .overviewContent.AsusTUFF17_2020 .designBottom .backgroundBottom .textBox.open {
        opacity: 1;
        transform: translateX(0)
    }
}

.overviewContent.AsusTUFF17_2020 .performance .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 66.32813%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background>.imageContent {
        padding-bottom: 66.32813%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background>.imageContent {
        padding-bottom: 66.32813%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background>.imageContent {
        padding-bottom: 85.41667%
    }
}

.overviewContent.AsusTUFF17_2020 .performance .background.open .imageContent {
    background-image: url(images/03_performance.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background.open .imageContent {
        background-image: url(images/03_performance.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background.open .imageContent {
        background-image: url(images/03_performance.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background.open .imageContent {
        background-image: url(images/03_performance.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performance .background .amd>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 39.4148%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .amd>.imageContent {
        padding-bottom: 39.4148%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .amd>.imageContent {
        padding-bottom: 39.4148%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .amd>.imageContent {
        padding-bottom: 39.23445%
    }
}

.overviewContent.AsusTUFF17_2020 .performance .background .amd.open .imageContent {
    background-image: url(images/03_AMD.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .amd.open .imageContent {
        background-image: url(images/03_AMD.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .amd.open .imageContent {
        background-image: url(images/03_AMD.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .amd.open .imageContent {
        background-image: url(images/03_AMD.png)
    }
}

.overviewContent.AsusTUFF17_2020 .performance .background .nv>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.66667%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .nv>.imageContent {
        padding-bottom: 41.66667%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .nv>.imageContent {
        padding-bottom: 41.66667%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .nv>.imageContent {
        padding-bottom: 41.71429%
    }
}

.overviewContent.AsusTUFF17_2020 .performance .background .nv.open .imageContent {
    background-image: url(images/03_NV.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .nv.open .imageContent {
        background-image: url(images/03_NV.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .nv.open .imageContent {
        background-image: url(images/03_NV.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background .nv.open .imageContent {
        background-image: url(images/03_NV.png)
    }
}

.overviewContent.AsusTUFF17_2020 .performance .AMDImg {
    background-image: url(images/AMD.png);
    background-size: cover
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performance .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .amd {
        position: absolute;
        width: 581px;
        top: 1043px;
        right: 965px;
        transition: all .5s;
        opacity: 0;
        transform: translate(50px, 10px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .nv {
        position: absolute;
        width: 720px;
        top: 1110px;
        right: 339px;
        transition: all .5s;
        opacity: 0;
        transform: translate(-50px, -10px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background.open .amd {
        transition-delay: .7s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background.open .nv {
        transition-delay: .7s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox {
        text-align: left;
        position: absolute;
        top: 300px;
        right: 50%;
        width: 25%
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight {
        margin: 20px 46px 20px 0
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid {
        height: 42px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid span {
        font-weight: 500;
        font-size: 42px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid .AMDImg {
        width: 120.1px;
        height: 106.6px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight:first-child {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .performance .button {
        margin: 50px auto
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performance .background {
        position: relative;
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .amd {
        position: absolute;
        width: 291px;
        top: 522px;
        right: 483px;
        transition: all .5s;
        opacity: 0;
        transform: translate(30px, 5px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .nv {
        position: absolute;
        width: 360px;
        top: 555px;
        right: 179px;
        transition: all .5s;
        opacity: 0;
        transform: translate(-30px, -5px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background.open .amd {
        transition-delay: .7s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background.open .nv {
        transition-delay: .7s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox {
        text-align: left;
        position: absolute;
        top: 50px;
        right: 47%;
        width: 30%
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights {
        width: 66%;
        margin-top: -10px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight {
        margin: 10px 15px 0 0
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid {
        height: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid span {
        font-weight: 500;
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid .AMDImg {
        width: 120.1px;
        height: 106.6px
    }
    .overviewContent.AsusTUFF17_2020 .performance .button {
        margin: 50px auto
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performance .background {
        position: relative;
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .amd {
        position: absolute;
        width: 209px;
        top: 372px;
        right: 339px;
        transition: all .5s;
        opacity: 0;
        transform: translate(30px, 5px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .nv {
        position: absolute;
        width: 263px;
        top: 397px;
        right: 108px;
        transition: all .5s;
        opacity: 0;
        transform: translate(-30px, -5px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background.open .amd {
        transition-delay: .7s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background.open .nv {
        transition-delay: .7s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox {
        text-align: center;
        width: calc(100vw - 30px)
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights {
        margin-top: 20px;
        width: 300px;
        left: 50%;
        margin-left: -150px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight {
        display: block;
        margin: 20px 10px 20px 10px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid {
        height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid span {
        font-weight: 500;
        font-size: 24px;
        line-height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight .mid .AMDImg {
        width: 120px;
        height: 106.6px
    }
    .overviewContent.AsusTUFF17_2020 .performance .background .textBox .highlights .highlight:last-child .mid {
        height: auto
    }
    .overviewContent.AsusTUFF17_2020 .performance .button {
        margin: 50px auto
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox {
    position: relative;
    padding: 0;
    transform: translateY(100%);
    transition: all .5s
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox.open {
    transform: translateY(0)
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 122.53906%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
        padding-bottom: 122.53906%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
        padding-bottom: 122.53906%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
        padding-bottom: 372.08333%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background.open .imageContent {
    background-image: url(images/03_performance_2bg.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background.open .imageContent {
        background-image: url(images/03_performance_2bg.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background.open .imageContent {
        background-image: url(images/03_performance_2bg.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background.open .imageContent {
        background-image: url(images/03_performance_2bg.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu.open .imageContent {
    background-image: url(images/03_performance_2_1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu.open .imageContent {
        background-image: url(images/03_performance_2_1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu.open .imageContent {
        background-image: url(images/03_performance_2_1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu.open .imageContent {
        background-image: url(images/03_performance_2_1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 5.5773%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800>.imageContent {
        padding-bottom: 5.5773%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800>.imageContent {
        padding-bottom: 5.5773%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800>.imageContent {
        padding-bottom: 5.5773%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800.open .imageContent {
    background-image: url(images/bar1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800.open .imageContent {
        background-image: url(images/bar1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800.open .imageContent {
        background-image: url(images/bar1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar5800.open .imageContent {
        background-image: url(images/bar1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 11.58537%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800>.imageContent {
        padding-bottom: 11.58537%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800>.imageContent {
        padding-bottom: 11.58537%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800>.imageContent {
        padding-bottom: 11.58537%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800.open .imageContent {
    background-image: url(images/bar2.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800.open .imageContent {
        background-image: url(images/bar2.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800.open .imageContent {
        background-image: url(images/bar2.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800.open .imageContent {
        background-image: url(images/bar2.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuBar4800>.imageContent {
    padding-bottom: 5.79268%;
    background-size: 80% 100%
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu.open .imageContent {
    background-image: url(images/03_performance_2_2.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu.open .imageContent {
        background-image: url(images/03_performance_2_2.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu.open .imageContent {
        background-image: url(images/03_performance_2_2.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu.open .imageContent {
        background-image: url(images/03_performance_2_2.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd.open .imageContent {
    background-image: url(images/03_performance_2_3.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd.open .imageContent {
        background-image: url(images/03_performance_2_3.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd.open .imageContent {
        background-image: url(images/03_performance_2_3.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd.open .imageContent {
        background-image: url(images/03_performance_2_3.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram {
    font-family: Kairos, Roboto, 'Segoe UI', sans-serif
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram.open .imageContent {
    background-image: url(images/03_performance_2_4.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram.open .imageContent {
        background-image: url(images/03_performance_2_4.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram.open .imageContent {
        background-image: url(images/03_performance_2_4.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram.open .imageContent {
        background-image: url(images/03_performance_2_4.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft {
    transform: scale(1)
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 75.4717%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft>.imageContent {
        padding-bottom: 75.4717%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft>.imageContent {
        padding-bottom: 75.4717%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft>.imageContent {
        padding-bottom: 75.4717%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft.open .imageContent {
    background-image: url(images/folder.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft.open .imageContent {
        background-image: url(images/folder.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft.open .imageContent {
        background-image: url(images/folder.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft.open .imageContent {
        background-image: url(images/folder.png)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeft.active {
    -webkit-animation: performanceMore-scaleOut .3s forwards;
    animation: performanceMore-scaleOut .3s forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .textLeft {
    color: #ff9e1b
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .textBottom {
    color: #ff9e1b
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip {
    transform: scale(0)
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 76.43312%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip>.imageContent {
        padding-bottom: 76.43312%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip>.imageContent {
        padding-bottom: 76.43312%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip>.imageContent {
        padding-bottom: 76.43312%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip.open .imageContent {
    background-image: url(images/files.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip.open .imageContent {
        background-image: url(images/files.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip.open .imageContent {
        background-image: url(images/files.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip.open .imageContent {
        background-image: url(images/files.png)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageLeftUnzip.active {
    -webkit-animation: performanceMore-scaleIn .3s forwards;
    animation: performanceMore-scaleIn .3s forwards;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 75.4717%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight>.imageContent {
        padding-bottom: 75.4717%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight>.imageContent {
        padding-bottom: 75.4717%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight>.imageContent {
        padding-bottom: 75.4717%
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight.open .imageContent {
    background-image: url(images/folder.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight.open .imageContent {
        background-image: url(images/folder.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight.open .imageContent {
        background-image: url(images/folder.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .imageRight.open .imageContent {
        background-image: url(images/folder.png)
    }
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .unzipping .fadeDelay1 {
    opacity: 1;
    -webkit-animation: performanceMore-fadeDelay1 1s infinite linear;
    animation: performanceMore-fadeDelay1 1s infinite linear
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .unzipping .fadeDelay2 {
    opacity: 1;
    -webkit-animation: performanceMore-fadeDelay2 1s infinite linear;
    animation: performanceMore-fadeDelay2 1s infinite linear
}

.overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .unzipping .fadeDelay3 {
    opacity: 1;
    -webkit-animation: performanceMore-fadeDelay3 1s infinite linear;
    animation: performanceMore-fadeDelay3 1s infinite linear
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 160px 0 300px;
        height: 3137px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image {
        position: relative;
        width: 1300px;
        left: 50%;
        margin-left: -650px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image .textBox {
        position: absolute;
        width: 44%
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .textBox {
        left: 51%;
        top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest {
        font-family: DINPro-CondBold, Roboto, 'Segoe UI', sans-serif!important;
        margin-top: 8px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuTitle {
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuItem {
        margin-top: 6px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuItem .cpuName {
        font-size: 18px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuItem .image {
        display: inline-block
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuItem .cpuVal {
        font-size: 36px;
        color: #ff9e1b;
        position: absolute;
        top: -10px;
        right: -90px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuBar5800 {
        width: 70%;
        margin-left: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .cpuTest .cpuBar4800 {
        width: 70%;
        margin-left: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .cpu .chartImg {
        margin-top: 20px;
        background-image: url(images/03_performance_2_1_chart.png);
        background-size: cover;
        background-position: center;
        width: 420px;
        height: 213px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ssd .textBox {
        left: 51%;
        top: 150px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu .textBox {
        right: 51%;
        top: 40px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu .textBox .highlights {
        margin-top: 5px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .gpu .textBox .highlights .highlight {
        margin: 20px 30px 20px 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .ram .textBox {
        right: 51%;
        top: 150px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox {
        position: absolute;
        z-index: 100;
        top: 200px;
        left: 50%
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .imageLeftUnzip {
        position: absolute;
        display: inline-block;
        width: 236px;
        left: 0;
        margin-left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .imageLeft {
        position: absolute;
        display: inline-block;
        width: 239px;
        left: 0;
        margin-left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .textLeft {
        position: absolute;
        top: -50px;
        left: 50px;
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .imageRight {
        position: relative;
        display: inline-block;
        width: 239px;
        left: auto;
        margin-left: 289px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .textRight {
        left: 339px;
        position: absolute;
        top: -50px;
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .textBottom {
        margin-top: 30px;
        font-size: 32px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .textBottom .big {
        font-size: 48px;
        display: inline
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .imageBox .unzipping {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 20%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background.rtl {
        right: 50%;
        margin-right: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 180px 0 320px;
        height: auto;
        display: flex;
        flex-direction: column
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image {
        position: relative;
        width: 500px;
        left: 50%;
        margin-left: -250px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image .textBox {
        width: 100%;
        text-align: center;
        margin: 20px 0 50px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image .textBox .title {
        font-size: 36px;
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest {
        font-family: DINPro-CondBold, Roboto, 'Segoe UI', sans-serif!important;
        margin-top: 8px;
        margin-left: 36px;
        text-align: left
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuTitle {
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem {
        margin-top: 6px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem .cpuName {
        font-size: 18px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem .image {
        display: inline-block
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem .cpuVal {
        font-size: 36px;
        color: #ff9e1b;
        position: absolute;
        top: -10px;
        right: -90px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuBar5800 {
        width: 70%;
        margin-left: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuBar4800 {
        width: 70%;
        margin-left: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .chartImg {
        margin-top: 20px;
        background-image: url(images/03_performance_2_1_chart.png);
        background-size: cover;
        background-position: center;
        width: 420px;
        height: 213px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .gpu .textBox .highlights {
        margin-top: 5px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox {
        position: absolute;
        z-index: 100;
        top: 150px;
        width: 100%
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .imageLeftUnzip {
        position: absolute;
        display: inline-block;
        width: calc(50% - 20px);
        left: 0;
        margin: 0 10px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .imageLeft {
        position: absolute;
        display: inline-block;
        width: calc(50% - 20px);
        left: 0;
        margin: 0 10px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textLeft {
        position: absolute;
        top: -50px;
        left: 50px;
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .imageRight {
        position: relative;
        display: inline-block;
        width: calc(50% - 20px);
        left: auto;
        margin: 0 10px 0 calc(50% + 10px)
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textRight {
        left: calc(50% + 50px);
        position: absolute;
        top: -50px;
        font-size: 28px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textBottom {
        margin-top: 30px;
        font-size: 24px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textBottom .big {
        font-size: 36px;
        display: inline
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .unzipping {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 20%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background.rtl {
        right: 50%;
        margin-right: -365px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 100px 0 150px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image {
        position: relative;
        width: 280px;
        left: 50%;
        margin-left: -140px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image .textBox {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin: 10px 0 70px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .image .textBox .title {
        font-size: 24px;
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest {
        font-family: DINPro-CondBold, Roboto, 'Segoe UI', sans-serif!important;
        margin-top: 8px;
        margin-left: 0;
        text-align: left;
        padding: 0 12px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuTitle {
        font-size: 20px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem {
        margin-top: 6px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem .cpuName {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem .image {
        display: inline-block
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuItem .cpuVal {
        font-size: 28px;
        color: #ff9e1b;
        position: absolute;
        top: -3px;
        right: -70px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuBar5800 {
        width: 70%;
        margin-left: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuBar5800>.imageContent {
        padding-bottom: 24px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuBar4800 {
        width: 70%;
        margin-left: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .cpuTest .cpuBar4800>.imageContent {
        padding-bottom: 24px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .cpu .chartImg {
        margin-top: 20px;
        background-image: url(images/03_performance_2_1_chart.png);
        background-size: cover;
        background-position: center;
        width: 280px;
        height: 142px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .gpu .textBox .highlights {
        width: 100%;
        text-align: center;
        margin-top: 5px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox {
        position: absolute;
        z-index: 100;
        top: 40px;
        width: 100%
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .imageLeftUnzip {
        position: absolute;
        display: inline-block;
        width: calc(50% - 20px);
        left: 0;
        margin: 0 10px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .imageLeft {
        position: absolute;
        display: inline-block;
        width: calc(50% - 20px);
        left: 0;
        margin: 0 10px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textLeft {
        position: absolute;
        top: -32px;
        left: 20px;
        font-size: 20px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .imageRight {
        position: relative;
        display: inline-block;
        width: calc(50% - 20px);
        left: auto;
        margin: 0 10px 0 calc(50% + 10px)
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textRight {
        left: calc(50% + 22px);
        position: absolute;
        top: -32px;
        font-size: 20px
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textBottom {
        margin-top: 30px;
        font-size: 24px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .textBottom .big {
        font-size: 36px;
        display: inline
    }
    .overviewContent.AsusTUFF17_2020 .performanceMore .sectionMoreBox .background .imageBox .unzipping {
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 12%
    }
}

@-webkit-keyframes performanceMore-fadeDelay1 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes performanceMore-fadeDelay1 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes performanceMore-fadeDelay2 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes performanceMore-fadeDelay2 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes performanceMore-fadeDelay3 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes performanceMore-fadeDelay3 {
    0% {
        opacity: 0
    }
    33% {
        opacity: 0
    }
    66% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes performanceMore-scaleIn {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes performanceMore-scaleIn {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes performanceMore-scaleOut {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0);
        display: none
    }
}

@keyframes performanceMore-scaleOut {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0);
        display: none
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia {
    margin-top: 100px
}

.overviewContent.AsusTUFF17_2020 .nvidia .background {
    z-index: auto
}

.overviewContent.AsusTUFF17_2020 .nvidia .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 23.4375%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background>.imageContent {
        padding-bottom: 23.4375%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background>.imageContent {
        padding-bottom: 23.4375%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background>.imageContent {
        padding-bottom: 23.4375%
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia .background.open .imageContent {
    background-image: url(images/04_NV_belt.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide {
    display: inline-flex;
    align-items: flex-start
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .image {
    background-size: cover
}

.overviewContent.AsusTUFF17_2020 .nvidia .arrow {
    display: inline-block;
    position: absolute;
    z-index: 11;
    background-size: cover;
    outline: 0;
    cursor: pointer
}

.overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 134.61538%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg>.imageContent {
        padding-bottom: 134.61538%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg>.imageContent {
        padding-bottom: 134.61538%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg>.imageContent {
        padding-bottom: 134.61538%
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg.open .imageContent {
    background-image: url(images/04_NV_r_arrow.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg.open .imageContent {
        background-image: url(images/04_NV_r_arrow.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg.open .imageContent {
        background-image: url(images/04_NV_r_arrow.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowRightImg.open .imageContent {
        background-image: url(images/04_NV_r_arrow.png)
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 134.61538%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg>.imageContent {
        padding-bottom: 134.61538%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg>.imageContent {
        padding-bottom: 134.61538%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg>.imageContent {
        padding-bottom: 134.61538%
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg.open .imageContent {
    background-image: url(images/04_NV_l_arrow.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg.open .imageContent {
        background-image: url(images/04_NV_l_arrow.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg.open .imageContent {
        background-image: url(images/04_NV_l_arrow.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .arrowLeftImg.open .imageContent {
        background-image: url(images/04_NV_l_arrow.png)
    }
}

.overviewContent.AsusTUFF17_2020 .nvidia .arrow.swiper-button-disabled {
    opacity: .5
}

.overviewContent.AsusTUFF17_2020 .nvidia .pagination {
    position: absolute;
    display: inline-flex;
    width: 100%;
    justify-content: center
}

.overviewContent.AsusTUFF17_2020 .nvidia .pagination .swiper-pagination-bullet {
    margin: 0 3px;
    width: 6px;
    height: 6px;
    border: 2px #666 solid;
    border-radius: 0;
    background-color: transparent
}

.overviewContent.AsusTUFF17_2020 .nvidia .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fd6700;
    border: 2px #fd6700 solid
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(1) .image {
    background-image: url(images/1.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(2) .image {
    background-image: url(images/2.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(3) .image {
    background-image: url(images/3.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(4) .image {
    background-image: url(images/4.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(5) .image {
    background-image: url(images/4_1.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(6) .image {
    background-image: url(images/4_2.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(7) .image {
    background-image: url(images/4_4.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(8) .image {
    background-image: url(images/4_3.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(9) .image {
    background-image: url(images/5.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(10) .image {
    background-image: url(images/6.jpg)
}

.overviewContent.AsusTUFF17_2020 .nvidia .swiper-slide:nth-child(11) .image {
    background-image: url(images/7.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .nvidia .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container {
        padding-top: 100px;
        width: 1000px;
        left: 50%;
        margin-left: -500px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .image {
        width: 343px;
        height: 343px;
        margin-right: 50px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox {
        width: calc(1000px - 393px)
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .title {
        font-size: 28px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .subTitle {
        margin-bottom: 10px;
        font-size: 24px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight {
        margin: 10px 40px 10px 0;
        font-size: 16px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .mid {
        height: 24px;
        font-size: 24px;
        line-height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow {
        padding: 50px 10px;
        top: 50%;
        margin-top: -85px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow.arrowRight {
        right: 50%;
        margin-right: -600px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow.arrowLeft {
        left: 50%;
        margin-left: -600px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .image {
        width: 52px;
        height: 70px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .pagination {
        bottom: 100px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .pagination .swiper-pagination-bullet {
        margin: 0 10px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .nvidia {
        margin-top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .background.rtl {
        right: 50%;
        margin-right: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container {
        padding-top: 100px;
        width: 700px;
        left: 50%;
        margin-left: -350px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .image {
        width: 260px;
        height: 260px;
        margin-right: 30px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox {
        width: calc(700px - 290px)
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .title {
        font-size: 28px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .subTitle {
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight {
        margin: 10px 30px 10px 0;
        font-size: 16px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .top {
        height: 12px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .mid {
        height: 24px;
        font-size: 24px;
        line-height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .btm {
        height: 12px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow {
        bottom: 70px;
        padding: 20px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow.arrowRight {
        right: 50%;
        margin-right: -320px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow.arrowLeft {
        left: 50%;
        margin-left: -320px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .image {
        width: 52px;
        height: 70px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .pagination {
        bottom: 120px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .pagination .swiper-pagination-bullet {
        margin: 0 10px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .nvidia {
        margin-top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .background .imageContent {
        padding-bottom: 30%
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .background.rtl {
        right: 50%;
        margin-right: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container {
        padding-top: 70px;
        width: calc(100vw - 20px)
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide {
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 552px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .image {
        margin: 0 auto;
        width: 200px;
        height: 200px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox {
        display: block;
        text-align: center;
        margin-top: 10px;
        width: calc(100vw - 20px)
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .title {
        font-size: 24px;
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .subTitle {
        margin-bottom: 5px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights {
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight {
        margin: 20px auto 0;
        width: 100%;
        text-align: center;
        font-size: 16px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .top {
        height: 12px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .mid {
        height: 24px;
        font-size: 24px;
        line-height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .swiper-container .swiper-slide .textBox .highlights .highlight .btm {
        height: 12px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow {
        bottom: 90px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow.arrowRight {
        right: 50%;
        margin-right: -160px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow.arrowLeft {
        left: 50%;
        margin-left: -160px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .arrow .image {
        width: 26px;
        height: 35px
    }
    .overviewContent.AsusTUFF17_2020 .nvidia .pagination {
        bottom: 102px
    }
}

.overviewContent.AsusTUFF17_2020 .visuals .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 61.13281%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .visuals .background>.imageContent {
        padding-bottom: 61.13281%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .visuals .background>.imageContent {
        padding-bottom: 61.13281%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .visuals .background>.imageContent {
        padding-bottom: 50.97222%
    }
}

.overviewContent.AsusTUFF17_2020 .visuals .background.open .imageContent {
    background-image: url(images/05_visual.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .visuals .background.open .imageContent {
        background-image: url(images/05_visual.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .visuals .background.open .imageContent {
        background-image: url(images/05_visual.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .visuals .background.open .imageContent {
        background-image: url(images/05_visual.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .visuals {
        margin-top: 250px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .textBox {
        width: 940px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights {
        width: 1240px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight .mid {
        height: 42px;
        font-weight: 500
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight .mid span {
        font-size: 42px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .background {
        position: relative;
        margin-top: -500px;
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .background .overBackground {
        position: absolute;
        top: 0;
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        z-index: 1
    }
    .overviewContent.AsusTUFF17_2020 .visuals .video {
        width: 993px;
        height: 560px;
        position: absolute;
        top: 615px;
        left: 50%;
        margin-left: -495px;
        border-radius: 6px;
        z-index: 0
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .visuals {
        margin-top: 150px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights {
        width: 700px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight .mid {
        height: 32px;
        font-weight: 500
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight .mid span {
        font-size: 32px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .background {
        margin-top: -250px;
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .background .overBackground {
        position: absolute;
        top: 0;
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        z-index: 1
    }
    .overviewContent.AsusTUFF17_2020 .visuals .video {
        width: 497px;
        height: 280px;
        position: absolute;
        top: 307px;
        left: 50%;
        margin-left: -247px;
        border-radius: 6px;
        z-index: 0
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .visuals {
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights {
        width: 320px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight {
        margin: 20px 10px 0 10px;
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight .mid {
        height: 24px;
        font-weight: 500
    }
    .overviewContent.AsusTUFF17_2020 .visuals .highlights .highlight .mid span {
        font-size: 24px;
        line-height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .background {
        margin-top: -50px;
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .visuals .background .overBackground {
        position: absolute;
        top: 0;
        width: 730px;
        left: 50%;
        margin-left: -365px;
        z-index: 1
    }
    .overviewContent.AsusTUFF17_2020 .visuals .video {
        width: 283px;
        height: 160px;
        position: absolute;
        top: 101px;
        left: 50%;
        margin-left: -140px;
        border-radius: 6px;
        z-index: 0
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 80.46875%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background>.imageContent {
        padding-bottom: 80.46875%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background>.imageContent {
        padding-bottom: 80.46875%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background>.imageContent {
        padding-bottom: 56.80556%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background.open .imageContent {
    background-image: url(images/06_audio.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background.open .imageContent {
        background-image: url(images/06_audio.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background.open .imageContent {
        background-image: url(images/06_audio.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background.open .imageContent {
        background-image: url(images/06_audio.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background .wavLeft {
    -webkit-animation: audio-fade 3s infinite;
    animation: audio-fade 3s infinite
}

.overviewContent.AsusTUFF17_2020 .audio .background .wavLeft>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 185.07194%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft>.imageContent {
        padding-bottom: 185.07194%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft>.imageContent {
        padding-bottom: 185.07194%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft>.imageContent {
        padding-bottom: 182.16561%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background .wavLeft.open .imageContent {
    background-image: url(images/06_audio_wavL.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft.open .imageContent {
        background-image: url(images/06_audio_wavL.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft.open .imageContent {
        background-image: url(images/06_audio_wavL.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft.open .imageContent {
        background-image: url(images/06_audio_wavL.png)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background .wavRight {
    -webkit-animation: audio-fadeRe 3s infinite;
    animation: audio-fadeRe 3s infinite
}

.overviewContent.AsusTUFF17_2020 .audio .background .wavRight>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 179.07228%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight>.imageContent {
        padding-bottom: 179.07228%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight>.imageContent {
        padding-bottom: 178.87931%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight>.imageContent {
        padding-bottom: 175.57252%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background .wavRight.open .imageContent {
    background-image: url(images/06_audio_wavR.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight.open .imageContent {
        background-image: url(images/06_audio_wavR.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight.open .imageContent {
        background-image: url(images/06_audio_wavR.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight.open .imageContent {
        background-image: url(images/06_audio_wavR.png)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background .laba>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 80.46875%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .laba>.imageContent {
        padding-bottom: 80.46875%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .laba>.imageContent {
        padding-bottom: 80.46875%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .laba>.imageContent {
        padding-bottom: 56.80556%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .background .laba.open .imageContent {
    background-image: url(images/06_audio.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .laba.open .imageContent {
        background-image: url(images/06_audio.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .laba.open .imageContent {
        background-image: url(images/06_audio.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .background .laba.open .imageContent {
        background-image: url(images/06_audio.png)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .tagImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 53.84615%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .tagImg>.imageContent {
        padding-bottom: 53.84615%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .tagImg>.imageContent {
        padding-bottom: 53.84615%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .tagImg>.imageContent {
        padding-bottom: 53.75%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .tagImg.open .imageContent {
    background-image: url(images/06_DTX_logo.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .tagImg.open .imageContent {
        background-image: url(images/06_DTX_logo.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .tagImg.open .imageContent {
        background-image: url(images/06_DTX_logo.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .tagImg.open .imageContent {
        background-image: url(images/06_DTX_logo.png)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox {
    z-index: auto
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 23.4375%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox>.imageContent {
        padding-bottom: 23.4375%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox>.imageContent {
        padding-bottom: 23.4375%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox>.imageContent {
        padding-bottom: 23.4375%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox.open .imageContent {
    background-image: url(images/04_NV_belt.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtn {
    opacity: 0;
    display: block;
    transition: .5s opacity
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtn.active {
    opacity: 1;
    z-index: 2
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 119.78691%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart>.imageContent {
        padding-bottom: 119.78691%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart>.imageContent {
        padding-bottom: 119.75684%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart>.imageContent {
        padding-bottom: 119.76048%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart.open .imageContent {
    background-image: url(images/06_audio_btn1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart.open .imageContent {
        background-image: url(images/06_audio_btn1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart.open .imageContent {
        background-image: url(images/06_audio_btn1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnStart.open .imageContent {
        background-image: url(images/06_audio_btn1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 119.75684%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn>.imageContent {
        padding-bottom: 119.75684%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn>.imageContent {
        padding-bottom: 119.75684%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn>.imageContent {
        padding-bottom: 119.75684%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn.open .imageContent {
    background-image: url(images/06_audio_btn2.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn.open .imageContent {
        background-image: url(images/06_audio_btn2.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn.open .imageContent {
        background-image: url(images/06_audio_btn2.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOn.open .imageContent {
        background-image: url(images/06_audio_btn2.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 119.75684%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff>.imageContent {
        padding-bottom: 119.75684%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff>.imageContent {
        padding-bottom: 119.75684%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff>.imageContent {
        padding-bottom: 119.75684%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff.open .imageContent {
    background-image: url(images/06_audio_btn3.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff.open .imageContent {
        background-image: url(images/06_audio_btn3.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff.open .imageContent {
        background-image: url(images/06_audio_btn3.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnOff.open .imageContent {
        background-image: url(images/06_audio_btn3.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWav {
    display: block;
    opacity: 0;
    transition: .3s opacity
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWav.active {
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 4.31387%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>.imageContent {
        padding-bottom: 4.31387%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>.imageContent {
        padding-bottom: 4.31227%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>.imageContent {
        padding-bottom: 3.98551%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow.open .imageContent {
    background-image: url(images/06_audio_wave2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow.open .imageContent {
        background-image: url(images/06_audio_wave2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow.open .imageContent {
        background-image: url(images/06_audio_wave2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow.open .imageContent {
        background-image: url(images/06_audio_wave2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow .imageContent {
    transition: all 1s linear, background-image .3s
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 7.82186%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>.imageContent {
        padding-bottom: 7.82186%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>.imageContent {
        padding-bottom: 7.85928%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>.imageContent {
        padding-bottom: 7.97101%
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh.open .imageContent {
    background-image: url(images/06_audio_wave1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh.open .imageContent {
        background-image: url(images/06_audio_wave1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh.open .imageContent {
        background-image: url(images/06_audio_wave1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh.open .imageContent {
        background-image: url(images/06_audio_wave1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh .imageContent {
    transition: all 1s linear, background-image .3s
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .audio {
        margin-top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .audio>.textBox {
        width: 940px;
        text-align: center;
        margin: 0 auto 72px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights {
        width: 1200px;
        text-align: center;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight .tagImg {
        width: 156px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight:first-child {
        width: 100%;
        margin: 20px 0
    }
    .overviewContent.AsusTUFF17_2020 .audio .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -700px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft {
        position: absolute;
        top: 600px;
        left: 360px;
        width: 556px
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight {
        position: absolute;
        top: 973px;
        right: 400px;
        width: 464px
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .laba {
        position: absolute;
        top: 0;
        left: 0;
        width: 2560px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -120px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox>.imageContent {
        display: flex;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnBox {
        width: 329px;
        margin-top: 103px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtn {
        position: absolute;
        cursor: pointer;
        width: 329px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn {
        width: 120px;
        height: 120px;
        position: absolute;
        background-size: cover;
        z-index: 0;
        opacity: 0;
        left: 50%;
        top: 107px;
        margin-left: -60px;
        cursor: pointer
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.audioPlayBtn {
        background-image: url(images/play.png)
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.audioPauseBtn {
        background-image: url(images/pause.png)
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.active {
        opacity: 1;
        z-index: 10
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox {
        width: 640px;
        height: 394px;
        margin-left: 20px;
        margin-top: 103px;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavBox {
        margin-top: 50px;
        position: relative;
        height: 53px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh,
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow {
        position: absolute;
        width: 500%
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>span,
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>span {
        background-size: 20% 20%;
        background-position: 0 0;
        background-repeat: repeat-x
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow {
        top: 13px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .audio {
        margin-top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .audio>.textBox {
        width: 700px;
        text-align: center;
        margin: 0 auto 48px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights {
        width: 700px;
        text-align: center;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight {
        margin: 20px 12px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight .tagImg {
        width: 156px;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight:first-child {
        width: 100%
    }
    .overviewContent.AsusTUFF17_2020 .audio .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-top: -350px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft {
        position: absolute;
        top: 300px;
        left: 210px;
        width: 259px
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight {
        position: absolute;
        top: 487px;
        right: 190px;
        width: 232px
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .laba {
        position: absolute;
        top: 0;
        left: 0;
        width: 1280px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-top: -60px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox>.imageContent {
        display: flex;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnBox {
        width: 165px;
        margin-top: 52px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtn {
        cursor: pointer;
        width: 165px;
        position: absolute
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn {
        width: 80px;
        height: 80px;
        position: absolute;
        background-size: cover;
        z-index: 0;
        opacity: 0;
        left: 50%;
        top: 46px;
        margin-left: -40px;
        cursor: pointer
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.audioPlayBtn {
        background-image: url(images/play.png)
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.audioPauseBtn {
        background-image: url(images/pause.png)
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.active {
        opacity: 1;
        z-index: 10
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox {
        width: 540px;
        height: 250px;
        margin-left: 10px;
        margin-top: 30px;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox .title {
        font-size: 20px;
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox .dec {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavBox {
        margin-top: 10px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh,
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow {
        position: absolute;
        width: 500%
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>span,
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>span {
        background-size: 20% 20%;
        background-position: 0 0;
        background-repeat: repeat-x
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow {
        top: 12px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .audio {
        margin-top: 90px
    }
    .overviewContent.AsusTUFF17_2020 .audio>.textBox {
        text-align: center;
        margin: 0 auto 20px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights {
        width: 320px;
        text-align: center;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight {
        display: block;
        margin: 20px 0
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight .mid {
        height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight .mid span {
        font-size: 24px;
        line-height: 24px
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight .tagImg {
        width: 78px;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .audio .highlights .highlight:first-child {
        width: 100%
    }
    .overviewContent.AsusTUFF17_2020 .audio .background {
        width: 730px;
        left: 50%;
        margin-left: -365px;
        margin-top: 50px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .wavLeft {
        position: absolute;
        top: 0;
        left: 125px;
        width: 157px
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .wavRight {
        position: absolute;
        top: 110px;
        right: 113px;
        width: 131px
    }
    .overviewContent.AsusTUFF17_2020 .audio .background .laba {
        position: absolute;
        top: 0;
        left: 0;
        width: 730px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtnBox {
        width: 165px;
        left: 50%;
        margin-left: -83px;
        padding-top: 40px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioBtn {
        position: absolute;
        cursor: pointer;
        width: 165px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn {
        width: 80px;
        height: 80px;
        position: absolute;
        background-size: cover;
        z-index: 0;
        opacity: 0;
        left: 50%;
        top: 85px;
        margin-left: -40px;
        cursor: pointer
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.audioPlayBtn {
        background-image: url(images/play.png)
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.audioPauseBtn {
        background-image: url(images/pause.png)
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .controlBtn.active {
        opacity: 1;
        z-index: 10
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox {
        width: calc(100vw - 30px);
        height: 320px;
        text-align: center;
        margin-top: 210px;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox .title {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .textBox .dec {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavBox {
        margin-top: 10px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh,
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow {
        position: absolute;
        width: 500%
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavHigh>span,
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow>span {
        background-size: 20% 20%;
        background-position: 0 0;
        background-repeat: repeat-x
    }
    .overviewContent.AsusTUFF17_2020 .audio .audioBox .audioWavLow {
        top: 2vw
    }
}

@-webkit-keyframes audio-fade {
    0% {
        transform: translate(10%, 5px) scale(.8);
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: translate(-8%, 0) scale(1)
    }
}

@keyframes audio-fade {
    0% {
        transform: translate(10%, 5px) scale(.8);
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: translate(-8%, 0) scale(1)
    }
}

@-webkit-keyframes audio-fadeRe {
    0% {
        transform: translate(-10%, -5px) scale(.8);
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: translate(8%, 0) scale(1)
    }
}

@keyframes audio-fadeRe {
    0% {
        transform: translate(-10%, -5px) scale(.8);
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: translate(8%, 0) scale(1)
    }
}

@-webkit-keyframes audio-play {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

@keyframes audio-play {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

.overviewContent.AsusTUFF17_2020 .thermal .videoBox {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.overviewContent.AsusTUFF17_2020 .thermal .videoBox .video {
    position: relative;
    width: 100%;
    padding-top: 41.666%;
    margin: 0 auto
}

.overviewContent.AsusTUFF17_2020 .thermal .videoBox video {
    position: absolute;
    top: 0;
    left: 0
}

.overviewContent.AsusTUFF17_2020 .thermal .background {
    opacity: 0;
    display: none;
    transition: .3s opacity
}

.overviewContent.AsusTUFF17_2020 .thermal .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 31.25%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermal .background>.imageContent {
        padding-bottom: 31.25%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermal .background>.imageContent {
        padding-bottom: 31.25%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermal .background>.imageContent {
        padding-bottom: 55.55556%
    }
}

.overviewContent.AsusTUFF17_2020 .thermal .background.open .imageContent {
    background-image: url(images/07_thermal.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermal .background.open .imageContent {
        background-image: url(images/07_thermal.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermal .background.open .imageContent {
        background-image: url(images/07_thermal.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermal .background.open .imageContent {
        background-image: url(images/07_thermal.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermal {
        margin-top: 250px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .textBox {
        width: 940px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .thermal .highlights {
        width: 1200px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .thermal .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo {
        overflow: hidden;
        position: relative;
        height: calc(100vw / 2560 * 1440);
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo .YTplayer {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        height: calc(100vw / 2560 * 1440)
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo .YTmask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .thermal .button {
        margin: 100px auto 0
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermal {
        margin-top: 140px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .thermal .highlights {
        width: 700px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-around
    }
    .overviewContent.AsusTUFF17_2020 .thermal .highlights .HL {
        margin: 30px 10px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo {
        overflow: hidden;
        position: relative;
        height: calc(100vw / 2560 * 1440);
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo .YTplayer {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        height: calc(100vw / 2560 * 1440)
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo .YTmask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .thermal .button {
        margin: 50px auto 0
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermal {
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .thermal .highlights {
        width: calc(100vw - 30px);
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .thermal .highlights .highlight {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .thermal .highlights .HL {
        margin: 10px;
        width: 100%
    }
    .overviewContent.AsusTUFF17_2020 .thermal .background {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo {
        overflow: hidden;
        position: relative;
        height: calc(100vw / 2560 * 1440);
        margin-top: 50px
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo .YTplayer {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50%;
        width: 100%;
        height: calc(100vw / 2560 * 1440)
    }
    .overviewContent.AsusTUFF17_2020 .thermal .YTvideo .YTmask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .thermal .button {
        margin: 50px auto 0
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 125.97656%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .background>.imageContent {
        padding-bottom: 125.97656%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .background>.imageContent {
        padding-bottom: 125.97656%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .background>.imageContent {
        padding-bottom: 408.47222%
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .background.open .imageContent {
    background-image: url(images/07_thermal_2layer_bg.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .background.open .imageContent {
        background-image: url(images/07_thermal_2layer_bg.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .background.open .imageContent {
        background-image: url(images/07_thermal_2layer_bg.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .background.open .imageContent {
        background-image: url(images/07_thermal_2layer_bg.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .heat>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 57.69231%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .heat>.imageContent {
        padding-bottom: 57.69231%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .heat>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .heat>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .heat.open .imageContent {
    background-image: url(images/07_thermal_2layer_1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .heat.open .imageContent {
        background-image: url(images/07_thermal_2layer_1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .heat.open .imageContent {
        background-image: url(images/07_thermal_2layer_1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .heat.open .imageContent {
        background-image: url(images/07_thermal_2layer_1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .cool>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .cool>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .cool>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .cool>.imageContent {
        padding-bottom: 98.92857%
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .cool.open .imageContent {
    background-image: url(images/07_thermal_2layer_2.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .cool.open .imageContent {
        background-image: url(images/07_thermal_2layer_2.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .cool.open .imageContent {
        background-image: url(images/07_thermal_2layer_2.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .cool.open .imageContent {
        background-image: url(images/07_thermal_2layer_2.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .fan>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .fan>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .fan>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .fan>.imageContent {
        padding-bottom: 99.28571%
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .fan.open .imageContent {
    background-image: url(images/07_thermal_2layer_3.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .fan.open .imageContent {
        background-image: url(images/07_thermal_2layer_3.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .fan.open .imageContent {
        background-image: url(images/07_thermal_2layer_3.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .fan.open .imageContent {
        background-image: url(images/07_thermal_2layer_3.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .info>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .info>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .info>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .info>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .thermalMore .info.open .imageContent {
    background-image: url(images/07_thermal_2layer_4.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .info.open .imageContent {
        background-image: url(images/07_thermal_2layer_4.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .info.open .imageContent {
        background-image: url(images/07_thermal_2layer_4.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .info.open .imageContent {
        background-image: url(images/07_thermal_2layer_4.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox {
        position: relative;
        padding: 0;
        transform: translateY(100%);
        transition: all .5s
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox.open {
        transform: translateY(0)
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 160px 0 300px;
        height: 3225px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image {
        position: relative;
        width: 1300px;
        left: 50%;
        margin-left: -650px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image .textBox {
        position: absolute;
        width: 44%
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .heat .textBox {
        left: 50%;
        margin-left: -30%;
        width: 60%;
        bottom: 80px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .fan .textBox,
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .info .textBox {
        left: 53%;
        top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .cool .textBox {
        right: 51%;
        top: 100px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox {
        position: relative;
        padding: 0;
        transform: translateY(100%);
        transition: all .5s
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox.open {
        transform: translateY(0)
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background.rtl {
        right: 50%;
        margin-right: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 160px 0 300px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image {
        position: relative;
        width: 500px;
        left: 50%;
        margin-left: -250px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image .textBox {
        width: 100%;
        margin: 20px 0 50px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox {
        position: relative;
        padding: 0;
        transform: translateY(100%);
        transition: all .5s
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox.open {
        transform: translateY(0)
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 60px 0 130px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image {
        position: relative;
        width: 280px;
        left: 50%;
        margin-top: 20px;
        margin-bottom: 50px;
        margin-left: -140px
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image .textBox {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin: 10px 0 0
    }
    .overviewContent.AsusTUFF17_2020 .thermalMore .sectionMoreBox .background .image .textBox .title {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.overviewContent.AsusTUFF17_2020 .portability .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 48.08594%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability .background>.imageContent {
        padding-bottom: 48.08594%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability .background>.imageContent {
        padding-bottom: 48.08594%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability .background>.imageContent {
        padding-bottom: 48.05556%
    }
}

.overviewContent.AsusTUFF17_2020 .portability .background.open .imageContent {
    background-image: url(images/08_portability_2.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability .background.open .imageContent {
        background-image: url(images/08_portability_2.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability .background.open .imageContent {
        background-image: url(images/08_portability_2.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability .background.open .imageContent {
        background-image: url(images/08_portability_2.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .portability .morningImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 48.08594%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability .morningImg>.imageContent {
        padding-bottom: 48.08594%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability .morningImg>.imageContent {
        padding-bottom: 48.08594%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability .morningImg>.imageContent {
        padding-bottom: 48.05556%
    }
}

.overviewContent.AsusTUFF17_2020 .portability .morningImg.open .imageContent {
    background-image: url(images/08_portability_1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability .morningImg.open .imageContent {
        background-image: url(images/08_portability_1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability .morningImg.open .imageContent {
        background-image: url(images/08_portability_1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability .morningImg.open .imageContent {
        background-image: url(images/08_portability_1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .portability .morningImg.active {
    opacity: 0;
    transition: opacity 2.5s linear
}

.overviewContent.AsusTUFF17_2020 .portability .tagImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 47.61905%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability .tagImg>.imageContent {
        padding-bottom: 47.61905%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability .tagImg>.imageContent {
        padding-bottom: 47.61905%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability .tagImg>.imageContent {
        padding-bottom: 47.5%
    }
}

.overviewContent.AsusTUFF17_2020 .portability .tagImg.open .imageContent {
    background-image: url(images/08_portability_logo.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability .tagImg.open .imageContent {
        background-image: url(images/08_portability_logo.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability .tagImg.open .imageContent {
        background-image: url(images/08_portability_logo.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability .tagImg.open .imageContent {
        background-image: url(images/08_portability_logo.png)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portability {
        margin-top: 250px
    }
    .overviewContent.AsusTUFF17_2020 .portability .textBox {
        width: 940px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .portability .highlights {
        width: 1200px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .portability .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .portability .morningImg {
        position: absolute;
        top: 0;
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .portability .video {
        width: 1059px;
        height: 597px;
        position: absolute;
        top: 170px;
        left: 50%;
        margin-left: -182px;
        border-radius: 6px;
        z-index: 10000
    }
    .overviewContent.AsusTUFF17_2020 .portability .tagImg {
        width: 168px
    }
    .overviewContent.AsusTUFF17_2020 .portability .button {
        margin: 50px auto
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portability {
        margin-top: 140px
    }
    .overviewContent.AsusTUFF17_2020 .portability .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .portability .highlights {
        width: 700px;
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .portability .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .portability .morningImg {
        position: absolute;
        top: 0;
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .portability .video {
        width: 530px;
        height: 298px;
        position: absolute;
        top: 85px;
        left: 50%;
        margin-left: -92px;
        border-radius: 6px;
        z-index: 10000
    }
    .overviewContent.AsusTUFF17_2020 .portability .tagImg {
        width: 168px
    }
    .overviewContent.AsusTUFF17_2020 .portability .button {
        margin: 50px auto
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portability {
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .portability .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .portability .highlights {
        width: calc(100vw - 30px);
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .portability .highlights .highlight {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .portability .highlights .HL {
        margin: 10px;
        width: 100%
    }
    .overviewContent.AsusTUFF17_2020 .portability .background {
        width: 730px;
        left: 50%;
        margin-left: -365px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .portability .morningImg {
        position: absolute;
        top: 0;
        width: 730px;
        left: 50%;
        margin-left: -365px;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .portability .video {
        width: 303px;
        height: 172px;
        position: absolute;
        top: 49px;
        left: 50%;
        margin-left: -53px;
        border-radius: 6px;
        z-index: 10000
    }
    .overviewContent.AsusTUFF17_2020 .portability .tagImg {
        width: 84px;
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .portability .button {
        margin: 50px auto
    }
}

.overviewContent.AsusTUFF17_2020 .portabilityMore .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 80.23438%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .background>.imageContent {
        padding-bottom: 80.23438%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .background>.imageContent {
        padding-bottom: 157.92308%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .background>.imageContent {
        padding-bottom: 212.36111%
    }
}

.overviewContent.AsusTUFF17_2020 .portabilityMore .background.open .imageContent {
    background-image: url(images/08_portability_2layer_bg.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .background.open .imageContent {
        background-image: url(images/08_portability_2layer_bg.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .background.open .imageContent {
        background-image: url(images/08_portability_2layer_bg.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .background.open .imageContent {
        background-image: url(images/08_portability_2layer_bg.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .portabilityMore .wifi>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 46.15385%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .wifi>.imageContent {
        padding-bottom: 46.15385%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .wifi>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .wifi>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .portabilityMore .wifi.open .imageContent {
    background-image: url(images/08_portability_2layer_1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .wifi.open .imageContent {
        background-image: url(images/08_portability_2layer_1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .wifi.open .imageContent {
        background-image: url(images/08_portability_2layer_1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .wifi.open .imageContent {
        background-image: url(images/08_portability_2layer_1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 65.38462%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat>.imageContent {
        padding-bottom: 65.38462%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat>.imageContent {
        padding-bottom: 100.15625%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat.open .imageContent {
    background-image: url(images/08_portability_2layer_2.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat.open .imageContent {
        background-image: url(images/08_portability_2layer_2.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat.open .imageContent {
        background-image: url(images/08_portability_2layer_2.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .videoChat.open .imageContent {
        background-image: url(images/08_portability_2layer_2.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox {
        position: relative;
        padding: 0;
        transform: translateY(100%);
        transition: all .5s
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox.open {
        transform: translateY(0)
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 160px 0 300px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image {
        position: relative;
        width: 1300px;
        left: 50%;
        margin-left: -650px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi {
        margin-bottom: 50px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox {
        position: absolute;
        top: 0;
        width: 44%;
        left: 53%;
        top: 150px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox a {
        display: block;
        margin-top: 16px;
        text-decoration: none;
        color: #1c9fd0
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.videoChat .textBox {
        position: absolute;
        text-align: center;
        bottom: 40px;
        width: 960px;
        left: 50%;
        margin-left: -480px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.videoChat .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox {
        position: relative;
        padding: 0;
        transform: translateY(100%);
        transition: all .5s
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox.open {
        transform: translateY(0)
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background.rtl {
        right: 50%;
        margin-right: -640px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 150px 0 300px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image {
        position: relative;
        width: 500px;
        left: 50%;
        margin-left: -250px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox {
        width: 100%;
        margin: 20px 0 30px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox a {
        display: block;
        margin-top: 10px;
        text-decoration: none;
        color: #1c9fd0
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.videoChat .textBox {
        width: 100%;
        margin: 20px 0 30px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.videoChat .textBox .title {
        font-size: 36px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox {
        position: relative;
        padding: 0;
        transform: translateY(100%);
        transition: all .5s
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox.open {
        transform: translateY(0)
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background>.imageContent {
        box-sizing: border-box;
        padding: 160px 0 150px;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image {
        position: relative;
        width: 280px;
        left: 50%;
        margin-left: -140px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin: 10px 0 70px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox .title {
        font-size: 24px;
        margin-bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.wifi .textBox a {
        display: block;
        margin-top: 6px;
        text-decoration: none;
        color: #1c9fd0
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.videoChat .textBox {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin: 10px 0 70px
    }
    .overviewContent.AsusTUFF17_2020 .portabilityMore .sectionMoreBox .background .image.videoChat .textBox .title {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.overviewContent.AsusTUFF17_2020 .durability>.background {
    z-index: auto
}

.overviewContent.AsusTUFF17_2020 .durability>.background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability>.background>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability>.background>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability>.background>.imageContent {
        padding-bottom: 82.08333%
    }
}

.overviewContent.AsusTUFF17_2020 .durability>.background.open .imageContent {
    background-image: url(images/09_durability_1bg.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability>.background.open .imageContent {
        background-image: url(images/09_durability_1bg.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability>.background.open .imageContent {
        background-image: url(images/09_durability_1bg.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability>.background.open .imageContent {
        background-image: url(images/09_durability_1bg.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .drop>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .drop>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .drop>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .drop>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .drop.open .imageContent {
    background-image: url(images/09_btn1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .drop.open .imageContent {
        background-image: url(images/09_btn1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .drop.open .imageContent {
        background-image: url(images/09_btn1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .drop.open .imageContent {
        background-image: url(images/09_btn1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shake>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shake>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shake>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shake>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shake.open .imageContent {
    background-image: url(images/09_btn2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shake.open .imageContent {
        background-image: url(images/09_btn2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shake.open .imageContent {
        background-image: url(images/09_btn2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shake.open .imageContent {
        background-image: url(images/09_btn2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heat>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heat>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heat>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heat>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heat.open .imageContent {
    background-image: url(images/09_btn3.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heat.open .imageContent {
        background-image: url(images/09_btn3.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heat.open .imageContent {
        background-image: url(images/09_btn3.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heat.open .imageContent {
        background-image: url(images/09_btn3.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .cold>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .cold>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .cold>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .cold>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .cold.open .imageContent {
    background-image: url(images/09_btn4.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .cold.open .imageContent {
        background-image: url(images/09_btn4.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .cold.open .imageContent {
        background-image: url(images/09_btn4.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .cold.open .imageContent {
        background-image: url(images/09_btn4.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidity>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidity>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidity>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidity>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidity.open .imageContent {
    background-image: url(images/09_btn5.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidity.open .imageContent {
        background-image: url(images/09_btn5.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidity.open .imageContent {
        background-image: url(images/09_btn5.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidity.open .imageContent {
        background-image: url(images/09_btn5.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .ready>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .ready>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .ready>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .ready>.imageContent {
        padding-bottom: 82.08333%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .ready.open .imageContent {
    background-image: url(images/09_durability_2bg.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .ready.open .imageContent {
        background-image: url(images/09_durability_2bg.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .ready.open .imageContent {
        background-image: url(images/09_durability_2bg.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .ready.open .imageContent {
        background-image: url(images/09_durability_2bg.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .durabilityBtn .durabilityMask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .3s background-color;
    background-color: rgba(0, 0, 0, .5)
}

.overviewContent.AsusTUFF17_2020 .durability .durabilityBtn:hover .btnName {
    color: #ff9e1b
}

.overviewContent.AsusTUFF17_2020 .durability .durabilityBtn:hover .durabilityMask {
    background-color: rgba(0, 0, 0, 0)
}

.overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 134.26966%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 134.26966%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 134.83146%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 134.21053%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn11_1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn11_1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn11_1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn11_1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg.open .imageContent {
    background-image: url(images/09_btn1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image>.imageContent,
.overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 134.26966%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 134.26966%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 134.83146%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 134.21053%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image.open .imageContent,
.overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn11.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn11.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn11.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .dropBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn11.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100.44444%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 100.44444%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn22_1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn22_1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn22_1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn22_1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg.open .imageContent {
    background-image: url(images/09_btn2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image>.imageContent,
.overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100.44444%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 100.44444%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image.open .imageContent,
.overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn22.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn22.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn22.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .shakeBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn22.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100.53191%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 100.53191%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 101.06383%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 102.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn33_1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn33_1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn33_1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn33_1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg.open .imageContent {
    background-image: url(images/09_btn3.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn3.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn3.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn3.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image>.imageContent,
.overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100.53191%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 100.53191%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 101.06383%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 102.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image.open .imageContent,
.overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn33.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn33.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn33.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .heatBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn33.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 109.83607%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 109.83607%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 109.78261%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 107.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn44_1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn44_1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn44_1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn44_1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg.open .imageContent {
    background-image: url(images/09_btn4.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn4.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn4.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn4.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image>.imageContent,
.overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 109.83607%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 109.83607%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 109.78261%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 107.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image.open .imageContent,
.overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn44.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn44.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn44.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .coldBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn44.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 84.92462%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 84.92462%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 85%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image>.imageContent {
        padding-bottom: 83.72093%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn55_1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn55_1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn55_1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn55_1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 41.99219%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 41.99219%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg>.imageContent {
        padding-bottom: 24.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg.open .imageContent {
    background-image: url(images/09_btn5.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn5.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn5.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn .durabilityBtnBg.open .imageContent {
        background-image: url(images/09_btn5.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image>.imageContent,
.overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 84.92462%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 84.92462%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 85%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image>.imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image>.imageContent {
        padding-bottom: 83.72093%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image.open .imageContent,
.overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image.open .imageContent {
    background-image: url(images/09_btn55.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn55.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn55.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn.active .durabilityIcon .image.open .imageContent,
    .overviewContent.AsusTUFF17_2020 .durability .humidityBtn:hover .durabilityIcon .image.open .imageContent {
        background-image: url(images/09_btn55.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox.active {
    -webkit-animation: sec5_1ani .5s linear 1s;
    animation: sec5_1ani .5s linear 1s
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox.open .imageContent {
    background-image: url(images/09_durability_a11.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox.open .imageContent {
        background-image: url(images/09_durability_a11.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox.open .imageContent {
        background-image: url(images/09_durability_a11.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox.open .imageContent {
        background-image: url(images/09_durability_a11.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer.open .imageContent {
    background-image: url(images/09_durability_a13.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer.open .imageContent {
        background-image: url(images/09_durability_a13.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer.open .imageContent {
        background-image: url(images/09_durability_a13.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropComputer.open .imageContent {
        background-image: url(images/09_durability_a13.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni.open .imageContent {
    background-image: url(images/09_durability_a12.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni.open .imageContent {
        background-image: url(images/09_durability_a12.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni.open .imageContent {
        background-image: url(images/09_durability_a12.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .dropBox .dropAni.open .imageContent {
        background-image: url(images/09_durability_a12.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBox.open .imageContent {
    background-image: url(images/09_durability_b11.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox.open .imageContent {
        background-image: url(images/09_durability_b11.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox.open .imageContent {
        background-image: url(images/09_durability_b11.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox.open .imageContent {
        background-image: url(images/09_durability_b11.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni.open .imageContent {
    background-image: url(images/09_durability_b12.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni.open .imageContent {
        background-image: url(images/09_durability_b12.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni.open .imageContent {
        background-image: url(images/09_durability_b12.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .shakeBox .shakeAni.open .imageContent {
        background-image: url(images/09_durability_b12.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBox.open .imageContent {
    background-image: url(images/09_durability_c12.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox.open .imageContent {
        background-image: url(images/09_durability_c12.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox.open .imageContent {
        background-image: url(images/09_durability_c12.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox.open .imageContent {
        background-image: url(images/09_durability_c12.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni.open .imageContent {
    background-image: url(images/09_durability_c11.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni.open .imageContent {
        background-image: url(images/09_durability_c11.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni.open .imageContent {
        background-image: url(images/09_durability_c11.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .heatBox .heatAni.open .imageContent {
        background-image: url(images/09_durability_c11.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBox.open .imageContent {
    background-image: url(images/09_durability_d11.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox.open .imageContent {
        background-image: url(images/09_durability_d11.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox.open .imageContent {
        background-image: url(images/09_durability_d11.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox.open .imageContent {
        background-image: url(images/09_durability_d11.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 43.99085%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni>.imageContent {
        padding-bottom: 43.99085%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni>.imageContent {
        padding-bottom: 43.98311%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni>.imageContent {
        padding-bottom: 43.98311%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni.open .imageContent {
    background-image: url(images/09_durability_d1_snow.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni.open .imageContent {
        background-image: url(images/09_durability_d1_snow.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni.open .imageContent {
        background-image: url(images/09_durability_d1_snow.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .coldBox .coldAni.open .imageContent {
        background-image: url(images/09_durability_d1_snow.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBox.open .imageContent {
    background-image: url(images/09_durability_e11.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox.open .imageContent {
        background-image: url(images/09_durability_e11.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox.open .imageContent {
        background-image: url(images/09_durability_e11.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox.open .imageContent {
        background-image: url(images/09_durability_e11.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 78.14794%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni>.imageContent {
        padding-bottom: 78.14794%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni>.imageContent {
        padding-bottom: 78.10384%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni>.imageContent {
        padding-bottom: 77.5%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni.open .imageContent {
    background-image: url(images/09_durability_e12.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni.open .imageContent {
        background-image: url(images/09_durability_e12.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni.open .imageContent {
        background-image: url(images/09_durability_e12.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .humidityAni.open .imageContent {
        background-image: url(images/09_durability_e12.png)
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 43.99085%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni>.imageContent {
        padding-bottom: 43.99085%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni>.imageContent {
        padding-bottom: 43.98311%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni>.imageContent {
        padding-bottom: 43.98311%
    }
}

.overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni.open .imageContent {
    background-image: url(images/09_durability_e1_smoke.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni.open .imageContent {
        background-image: url(images/09_durability_e1_smoke.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni.open .imageContent {
        background-image: url(images/09_durability_e1_smoke.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability .humidityBox .smokeAni.open .imageContent {
        background-image: url(images/09_durability_e1_smoke.png)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .durability {
        margin-top: 250px
    }
    .overviewContent.AsusTUFF17_2020 .durability .textBox {
        width: 940px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .durability .background {
        position: relative;
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg {
        position: absolute;
        left: 0;
        top: 0;
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.drop {
        transform: translateX(30px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.drop.open {
        transition-delay: .3s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.shake {
        transform: translateX(30px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.shake.open {
        transition-delay: .6s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.heat {
        transform: translateX(30px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.heat.open {
        transition-delay: .9s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.cold {
        transform: translateX(30px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.cold.open {
        transition-delay: 1.2s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.humidity {
        transform: translateX(30px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.humidity.open {
        transition-delay: 1.5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.ready.open {
        transition-delay: 2s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.open {
        transition: .5s all;
        opacity: 1;
        transform: translateX(0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn {
        position: absolute;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        width: 259px;
        height: 692px;
        transform: skew(-19deg) translateX(30px);
        overflow: hidden;
        bottom: 24%;
        margin-bottom: 1px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn .image {
        margin: 0 auto 5px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn .durabilityBtnBg {
        position: absolute;
        left: 0;
        width: 2560px;
        transform: skew(19deg)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn .durabilityIcon {
        position: absolute;
        z-index: 4;
        transform: skew(19deg);
        bottom: 40%;
        left: 30%
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.open {
        opacity: 1;
        transform: skew(-19deg) translateX(0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.active .btnName {
        color: #ff9e1b
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn:hover {
        transition-delay: 0s!important;
        bottom: 25%
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn {
        left: 630px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn.open {
        transition: opacity .5s .3s, transform .5s .3s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn .durabilityIcon .image {
        width: 89px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn .durabilityBtnBg .imageContent {
        background-position: -511px -125px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn {
        left: 888px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn.open {
        transition: opacity .5s .6s, transform .5s .6s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn .durabilityIcon .image {
        width: 113px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn .durabilityBtnBg .imageContent {
        background-position: -771px -125px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn {
        left: 1146px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn.open {
        transition: opacity .5s .9s, transform .5s .9s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn .durabilityIcon .image {
        width: 94px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn .durabilityBtnBg .imageContent {
        background-position: -1031px -125px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn {
        left: 1404px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn.open {
        transition: opacity .5s 1.2s, transform .5s 1.2s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn .durabilityIcon .image {
        width: 94px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn .durabilityBtnBg .imageContent {
        background-position: -1293px -125px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn {
        left: 1662px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn.open {
        transition: opacity .5s 1.5s, transform .5s 1.5s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn .durabilityIcon .image {
        width: 100px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn .durabilityBtnBg .imageContent {
        background-position: -1553px -125px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .btnName {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
        font-size: 32px;
        text-align: center;
        font-weight: 700;
        line-height: 32px;
        color: #999
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox {
        position: absolute;
        top: 124px;
        right: 50%;
        width: 886px;
        margin-right: -115px;
        transition: 0s display, .7s all;
        opacity: 0;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active {
        opacity: 1;
        transition-delay: .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .computerBox .dropComputer {
        transition: all 1s cubic-bezier(1, .09, 1, 1.01);
        top: 0;
        left: -118px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .dropAni {
        opacity: 1;
        transition-delay: 1s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .shakeAni {
        -webkit-animation: sec5_2ani 1s linear infinite;
        animation: sec5_2ani 1s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .heatAni {
        -webkit-animation: heat 2s linear infinite alternate;
        animation: heat 2s linear infinite alternate
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .snowBox .coldAni {
        -webkit-animation: snow .5s linear infinite;
        animation: snow .5s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .humidityAni {
        transition: 5s opacity;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .smokeAni {
        -webkit-animation: smoke 10s linear infinite;
        animation: smoke 10s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .computerBox {
        position: absolute;
        top: 0;
        left: 118px;
        width: 652px;
        height: 692px;
        transform: skewX(-19deg);
        overflow: hidden;
        z-index: 2
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .computerBox .dropComputer {
        position: absolute;
        top: -640px;
        left: 0;
        width: 886px;
        transform: skewX(19deg)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .dropAni {
        position: absolute;
        top: 0;
        right: 50%;
        left: 0;
        width: 886px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .shakeAni {
        position: absolute;
        top: 0;
        right: 50%;
        left: 0;
        width: 886px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .heatAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 886px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .snowBox {
        position: absolute;
        top: 0;
        left: 118px;
        width: 652px;
        height: 692px;
        transform: skewX(-19deg);
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .snowBox .coldAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 2842px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .humidityAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 886px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .smokeBox {
        position: absolute;
        top: 0;
        left: 118px;
        width: 652px;
        height: 692px;
        transform: skewX(-19deg);
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .smokeBox .smokeAni {
        width: 2842px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox {
        position: absolute;
        top: 280px;
        left: 55%;
        text-align: left;
        width: 480px;
        opacity: 0;
        transition: .3s all
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox.active {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs {
        position: absolute;
        z-index: 3;
        left: 50%;
        margin-left: -261px;
        bottom: 19%;
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab {
        margin: 0 10px;
        display: inline-block;
        cursor: pointer
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab.active,
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab:hover {
        color: #ff9e1b
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active>.durabilityBtn {
        transition-delay: 0s!important;
        transition: all .5s!important
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active>.durabilityBtn .durabilityIcon {
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active .tabs {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.btnBg {
        transition: all 0s;
        transition-delay: 0s;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.btnBg.open {
        transition-delay: 0s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn {
        opacity: 0;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.dropBtn {
        transform: skew(-19deg) translateX(-100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.shakeBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.heatBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.coldBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.humidityBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox .aniBox {
        z-index: 10
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .durability {
        margin-top: 140px
    }
    .overviewContent.AsusTUFF17_2020 .durability .textBox {
        width: 700px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .durability .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg {
        position: absolute;
        left: 0;
        top: 0;
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.drop {
        transform: translateX(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.drop.open {
        transition-delay: .3s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.shake {
        transform: translateX(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.shake.open {
        transition-delay: .6s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.heat {
        transform: translateX(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.heat.open {
        transition-delay: .9s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.cold {
        transform: translateX(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.cold.open {
        transition-delay: 1.2s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.humidity {
        transform: translateX(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.humidity.open {
        transition-delay: 1.5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.ready.open {
        transition-delay: 2s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.open {
        transition: .5s all;
        opacity: 1;
        transform: translateX(0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn {
        position: absolute;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        width: 130px;
        height: 346px;
        transform: skew(-19deg) translateX(30px);
        overflow: hidden;
        bottom: 24%;
        margin-bottom: 1px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn .image {
        margin: 0 auto 5px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn .durabilityBtnBg {
        position: absolute;
        left: 0;
        width: 1280px;
        transform: skew(19deg)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn .durabilityIcon {
        position: absolute;
        z-index: 4;
        transform: skew(19deg);
        bottom: 40%;
        left: 20%
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.open {
        opacity: 1;
        transform: skew(-19deg) translateX(0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.active .btnName {
        color: #ff9e1b
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn:hover {
        transition-delay: 0s!important;
        bottom: 25%
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn {
        left: 315px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn.open {
        transition: opacity .5s .3s, transform .5s .3s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn .durabilityIcon .image {
        width: 45px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn .durabilityBtnBg {
        margin-left: -26px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.dropBtn .durabilityBtnBg .imageContent {
        background-position: -256px -63px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn {
        left: 444px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn.open {
        transition: opacity .5s .6s, transform .5s .6s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn .durabilityIcon .image {
        width: 56px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.shakeBtn .durabilityBtnBg .imageContent {
        background-position: -360px -63px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn {
        left: 573px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn.open {
        transition: opacity .5s .9s, transform .5s .9s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn .durabilityIcon .image {
        width: 47px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.heatBtn .durabilityBtnBg .imageContent {
        background-position: -491px -63px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn {
        left: 702px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn.open {
        transition: opacity .5s 1.2s, transform .5s 1.2s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn .durabilityIcon .image {
        width: 47px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn .durabilityBtnBg {
        margin-left: -52px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.coldBtn .durabilityBtnBg .imageContent {
        background-position: -621px -63px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn {
        left: 831px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn.open {
        transition: opacity .5s 1.5s, transform .5s 1.5s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn .durabilityIcon .image {
        width: 50px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn .durabilityBtnBg {
        margin-left: -26px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.durabilityBtn.humidityBtn .durabilityBtnBg .imageContent {
        background-position: -777px -63px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .btnName {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
        font-size: 20px;
        text-align: center;
        font-weight: 700;
        line-height: 20px;
        color: #999
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox {
        position: absolute;
        top: 62px;
        right: 46%;
        width: 443px;
        transition: 0s display, .7s all;
        opacity: 0;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active {
        opacity: 1;
        transition-delay: .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .computerBox .dropComputer {
        transition: all 1s cubic-bezier(1, .09, 1, 1.01);
        top: 0;
        left: -59px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .dropAni {
        opacity: 1;
        transition-delay: 1s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .shakeAni {
        -webkit-animation: sec5_2ani 1s linear infinite;
        animation: sec5_2ani 1s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .heatAni {
        -webkit-animation: heat 2s linear infinite alternate;
        animation: heat 2s linear infinite alternate
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .snowBox .coldAni {
        -webkit-animation: snowTablet .5s linear infinite;
        animation: snowTablet .5s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .humidityAni {
        transition: 5s opacity;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .smokeAni {
        -webkit-animation: smoke 10s linear infinite;
        animation: smoke 10s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .computerBox {
        position: absolute;
        top: 0;
        left: 59px;
        width: 326px;
        height: 346px;
        transform: skewX(-19deg);
        overflow: hidden;
        z-index: 2
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .computerBox .dropComputer {
        position: absolute;
        top: -320px;
        left: 0;
        width: 443px;
        transform: skewX(19deg)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .dropAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 443px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .shakeAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 443px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .heatAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 443px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .snowBox {
        position: absolute;
        top: 0;
        left: 59px;
        width: 326px;
        height: 346px;
        transform: skewX(-19deg);
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .snowBox .coldAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 1421px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .humidityAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 443px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .smokeBox {
        position: absolute;
        top: 0;
        left: 59px;
        width: 326px;
        height: 346px;
        transform: skewX(-19deg);
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .smokeBox .smokeAni {
        width: 1421px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox {
        position: absolute;
        top: 120px;
        left: 46%;
        text-align: left;
        margin-left: 90px;
        width: 320px;
        opacity: 0;
        transition: .3s all
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox .title {
        font-size: 24px;
        margin-bottom: 16px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox .dec {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox .note {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox.active {
        transition-delay: .3s;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs {
        position: absolute;
        z-index: 3;
        left: 50%;
        margin-left: -159px;
        bottom: 19%;
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab {
        margin: 0 10px;
        display: inline-block;
        cursor: pointer
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab.active,
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab:hover {
        color: #ff9e1b
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active>.durabilityBtn {
        transition-delay: 0s!important;
        transition: all .5s!important
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active>.durabilityBtn .durabilityIcon {
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active .tabs {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.btnBg {
        transition: all 0s;
        transition-delay: 0s;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.btnBg.open {
        transition-delay: 0s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn {
        opacity: 0;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.dropBtn {
        transform: skew(-19deg) translateX(-100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.shakeBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.heatBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.coldBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.humidityBtn {
        transform: skew(-19deg) translateX(100%)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox .aniBox {
        z-index: 10
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .durability {
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .durability .textBox {
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .durability .background {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg {
        position: absolute;
        width: 325px;
        left: 50%;
        margin-left: -162.5px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.drop {
        top: 64px;
        transform: translateY(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.drop.open {
        transition-delay: .3s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.shake {
        top: 145px;
        transform: translateY(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.shake.open {
        transition-delay: .6s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.heat {
        top: 226px;
        transform: translateY(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.heat.open {
        transition-delay: .9s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.cold {
        top: 307.5px;
        transform: translateY(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.cold.open {
        transition-delay: 1.2s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.humidity {
        top: 387px;
        transform: translateY(20px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.humidity.open {
        transition-delay: 1.5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.ready {
        top: 0;
        width: 730px;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.ready.open {
        transition-delay: 2s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.btnBg.open {
        transition: .5s all;
        opacity: 1;
        transform: translateX(0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn {
        position: absolute;
        z-index: 100;
        cursor: pointer;
        left: 50%;
        opacity: 0;
        display: flex;
        align-items: center;
        width: 330px;
        margin-left: -163px;
        height: 79.41px;
        transform: translate(0, 30px)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn .durabilityBtnBg {
        width: 330px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn .durabilityIcon {
        position: absolute;
        left: 50%;
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn .durabilityIcon .image {
        margin-right: 10px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.open {
        transition: .5s opacity 2s, .3s transform, 1s top;
        transform: translate(0, 0);
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn:hover .btnName {
        color: #ff9e1b
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.dropBtn {
        top: 67px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.dropBtn.open {
        transition: opacity .5s .3s, transform .5s .3s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.dropBtn .durabilityIcon {
        margin-left: -45px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.dropBtn .durabilityIcon .image {
        width: 45px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.shakeBtn {
        top: 146px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.shakeBtn.open {
        transition: opacity .5s .6s, transform .5s .6s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.shakeBtn .durabilityIcon {
        margin-left: -54px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.shakeBtn .durabilityIcon .image {
        width: 56px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.heatBtn {
        top: 225px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.heatBtn.open {
        transition: opacity .5s .9s, transform .5s .9s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.heatBtn .durabilityIcon {
        margin-left: -44px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.heatBtn .durabilityIcon .image {
        width: 47px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.coldBtn {
        top: 303px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.coldBtn.open {
        transition: opacity .5s 1.2s, transform .5s 1.2s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.coldBtn .durabilityIcon {
        margin-left: -45px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.coldBtn .durabilityIcon .image {
        width: 47px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.humidityBtn {
        top: 383px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.humidityBtn.open {
        transition: opacity .5s 1.5s, transform .5s 1.5s, bottom .5s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.humidityBtn .durabilityIcon {
        margin-left: -61px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .durabilityBtn.humidityBtn .durabilityIcon .image {
        width: 50px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .btnName {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
        font-size: 16px;
        height: 16px;
        text-align: center;
        font-weight: 700;
        color: #999
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox {
        position: absolute;
        top: 142px;
        left: 50%;
        width: 325px;
        margin-left: -163px;
        transition: 0s display, .7s all;
        opacity: 0;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active {
        transition-delay: .5s;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .computerBox .dropComputer {
        transition: all 1s cubic-bezier(1, .09, 1, 1.01);
        top: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .dropAni {
        opacity: 1;
        transition-delay: 1s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .shakeAni {
        -webkit-animation: sec5_2ani 1s linear infinite;
        animation: sec5_2ani 1s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .heatAni {
        -webkit-animation: heat 2s linear infinite alternate;
        animation: heat 2s linear infinite alternate
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .snowBox .coldAni {
        -webkit-animation: snowTablet .5s linear infinite;
        animation: snowTablet .5s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .humidityAni {
        transition: 5s opacity;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox.active .smokeAni {
        -webkit-animation: smoke 10s linear infinite;
        animation: smoke 10s linear infinite
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .computerBox {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px;
        height: 252px;
        overflow: hidden;
        z-index: 2
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .computerBox .dropComputer {
        position: absolute;
        top: -320px;
        left: 100px;
        width: 325px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .dropAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .shakeAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .heatAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .snowBox {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px;
        height: 252px;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .snowBox .coldAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 1421px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .humidityAni {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .smokeBox {
        position: absolute;
        top: 0;
        left: 0;
        width: 325px;
        height: 252px;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .aniBox .smokeBox .smokeAni {
        width: 1421px;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox {
        position: relative;
        left: 50%;
        margin-top: -70px;
        margin-left: calc((100vw - 20px)/ -2);
        max-width: 720px;
        text-align: center;
        width: calc(100vw - 20px);
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox .title {
        font-size: 24px;
        margin-bottom: 16px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox .dec {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox .note {
        font-size: 14px
    }
    .overviewContent.AsusTUFF17_2020 .durability .background>.textBox.active {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs {
        position: absolute;
        z-index: 11;
        left: 50%;
        margin-left: -159px;
        top: 475px;
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab {
        margin: 0 10px;
        display: inline-block;
        cursor: pointer
    }
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab.active,
    .overviewContent.AsusTUFF17_2020 .durability .background .tabs .tab:hover {
        color: #ff9e1b
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active>.durabilityBtn {
        transition-delay: 0s!important;
        transition: all .5s!important
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active>.durabilityBtn .durabilityIcon {
        display: none
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.active .tabs {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.btnBg {
        transition: all 0s;
        transition-delay: 0s;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.btnBg.open {
        transition-delay: 0s
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn {
        display: block;
        opacity: 0;
        z-index: -1
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn .image {
        margin: 0 auto
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.dropBtn {
        transform: translate(-100%, 0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.shakeBtn {
        transform: translate(-100%, 0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.heatBtn {
        transform: translate(-100%, 0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.coldBtn {
        transform: translate(100%, 0)
    }
    .overviewContent.AsusTUFF17_2020 .durability .background.openBox>.durabilityBtn.humidityBtn {
        transform: translate(100%, 0)
    }
}

@-webkit-keyframes sec5_2ani {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    16% {
        opacity: 0
    }
    24% {
        opacity: 1;
        top: 2px
    }
    32% {
        opacity: 0;
        top: 0
    }
    40% {
        opacity: 1;
        top: -2px
    }
    48% {
        opacity: 0;
        top: 0
    }
    56% {
        opacity: 1
    }
    64% {
        opacity: 0
    }
    72% {
        opacity: 1;
        top: 2px
    }
    80% {
        opacity: 0;
        top: 0
    }
    88% {
        opacity: 1;
        top: -2px
    }
    96% {
        opacity: 0;
        top: 0
    }
    100% {
        opacity: 0;
        top: 0
    }
}

@keyframes sec5_2ani {
    0% {
        opacity: 0
    }
    8% {
        opacity: 1
    }
    16% {
        opacity: 0
    }
    24% {
        opacity: 1;
        top: 2px
    }
    32% {
        opacity: 0;
        top: 0
    }
    40% {
        opacity: 1;
        top: -2px
    }
    48% {
        opacity: 0;
        top: 0
    }
    56% {
        opacity: 1
    }
    64% {
        opacity: 0
    }
    72% {
        opacity: 1;
        top: 2px
    }
    80% {
        opacity: 0;
        top: 0
    }
    88% {
        opacity: 1;
        top: -2px
    }
    96% {
        opacity: 0;
        top: 0
    }
    100% {
        opacity: 0;
        top: 0
    }
}

@-webkit-keyframes sec5_1ani {
    0% {
        opacity: 1
    }
    24% {
        opacity: 1;
        transform: translateY(-2px)
    }
    32% {
        opacity: 1;
        transform: translateY(0)
    }
    40% {
        opacity: 1;
        transform: translateY(2px)
    }
    72% {
        opacity: 1;
        transform: translateY(-2px)
    }
    88% {
        opacity: 1;
        transform: translateY(2px)
    }
    96% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes sec5_1ani {
    0% {
        opacity: 1
    }
    24% {
        opacity: 1;
        transform: translateY(-2px)
    }
    32% {
        opacity: 1;
        transform: translateY(0)
    }
    40% {
        opacity: 1;
        transform: translateY(2px)
    }
    72% {
        opacity: 1;
        transform: translateY(-2px)
    }
    88% {
        opacity: 1;
        transform: translateY(2px)
    }
    96% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes heat {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes heat {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes snow {
    0% {
        top: -500px;
        left: 0
    }
    100% {
        top: 0;
        left: -50%
    }
}

@keyframes snow {
    0% {
        top: -500px;
        left: 0
    }
    100% {
        top: 0;
        left: -50%
    }
}

@-webkit-keyframes snowTablet {
    0% {
        top: -300px;
        left: 0
    }
    100% {
        top: 0;
        left: -50%
    }
}

@keyframes snowTablet {
    0% {
        top: -300px;
        left: 0
    }
    100% {
        top: 0;
        left: -50%
    }
}

@-webkit-keyframes smoke {
    0% {
        left: 0
    }
    100% {
        left: -80%
    }
}

@keyframes smoke {
    0% {
        left: 0
    }
    100% {
        left: -80%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.0625%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .bg>.imageContent {
        padding-bottom: 49.0625%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .bg>.imageContent {
        padding-bottom: 49.0625%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .bg>.imageContent {
        padding-bottom: 49.0625%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg.open .imageContent {
    background-image: url(images/10_keyboard.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .bg.open .imageContent {
        background-image: url(images/10_keyboard.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .bg.open .imageContent {
        background-image: url(images/10_keyboard.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .bg.open .imageContent {
        background-image: url(images/10_keyboard.png)
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock {
    opacity: 0
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock.breathing {
    -webkit-animation-name: breathing;
    animation-name: breathing;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock.colorCycle {
    -webkit-animation-name: colorCycle;
    animation-name: colorCycle;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock.strobing {
    -webkit-animation-name: strobing;
    animation-name: strobing;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock.open {
    transition: opacity .5s;
    transition-delay: .3s;
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .keyboard .tagImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .tagImg.open .imageContent {
    background-image: url(images/aura.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg.open .imageContent {
        background-image: url(images/aura.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg.open .imageContent {
        background-image: url(images/aura.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg.open .imageContent {
        background-image: url(images/aura.png)
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .staticImg {
    z-index: 11
}

.overviewContent.AsusTUFF17_2020 .keyboard .staticImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .staticImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .staticImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .staticImg>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .staticImg.open .imageContent {
    background-image: url(images/btn1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .staticImg.open .imageContent {
        background-image: url(images/btn1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .staticImg.open .imageContent {
        background-image: url(images/btn1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .staticImg.open .imageContent {
        background-image: url(images/btn1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .breathingImg {
    z-index: 11
}

.overviewContent.AsusTUFF17_2020 .keyboard .breathingImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .breathingImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .breathingImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .breathingImg>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .breathingImg.open .imageContent {
    background-image: url(images/btn2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .breathingImg.open .imageContent {
        background-image: url(images/btn2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .breathingImg.open .imageContent {
        background-image: url(images/btn2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .breathingImg.open .imageContent {
        background-image: url(images/btn2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg {
    z-index: 11
}

.overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg.open .imageContent {
    background-image: url(images/btn4.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg.open .imageContent {
        background-image: url(images/btn4.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg.open .imageContent {
        background-image: url(images/btn4.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .colorCycleImg.open .imageContent {
        background-image: url(images/btn4.png)
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .strobingImg {
    z-index: 11
}

.overviewContent.AsusTUFF17_2020 .keyboard .strobingImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 100%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .strobingImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .strobingImg>.imageContent {
        padding-bottom: 100%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .strobingImg>.imageContent {
        padding-bottom: 100%
    }
}

.overviewContent.AsusTUFF17_2020 .keyboard .strobingImg.open .imageContent {
    background-image: url(images/btn3.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .strobingImg.open .imageContent {
        background-image: url(images/btn3.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .strobingImg.open .imageContent {
        background-image: url(images/btn3.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard .strobingImg.open .imageContent {
        background-image: url(images/btn3.png)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .keyboard {
        margin-top: 140px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .textBox {
        width: 960px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .highlights {
        width: 1200px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control {
        width: 760px;
        left: 50%;
        margin-left: -380px;
        text-align: left;
        z-index: 11
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight {
        width: 107px;
        margin: 100px 30px 30px 0;
        text-align: center;
        cursor: pointer;
        opacity: .5
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight .mid {
        height: 63px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight .mid .image {
        display: inline-block;
        width: 63px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight.active,
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight:hover {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .bg {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -100px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock {
        content: '';
        width: 1200px;
        height: 400px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        top: 320px;
        z-index: -1;
        background-color: red
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg {
        width: 148px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .colorPicker {
        position: absolute;
        left: 50%;
        top: 550px;
        margin-left: 205px;
        z-index: 12
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .keyboard {
        margin-top: 90px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .highlights {
        width: 500px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .highlights .AURA {
        height: 100px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control {
        width: 620px;
        text-align: left;
        display: flex;
        justify-content: center;
        margin-bottom: -50px;
        z-index: 11
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight {
        width: 107px;
        margin: 260px 30px 30px 30px;
        text-align: center;
        cursor: pointer;
        opacity: .5
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight .mid {
        height: 63px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight .mid .image {
        display: inline-block;
        width: 63px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight.active,
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight:hover {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .bg {
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock {
        content: '';
        width: 600px;
        height: 200px;
        position: absolute;
        left: 50%;
        margin-left: -300px;
        top: 160px;
        z-index: -1;
        background-color: red
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg {
        width: 148px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .colorPicker {
        position: absolute;
        left: 50%;
        top: 580px;
        margin-left: -75px;
        z-index: 12
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .keyboard {
        margin-top: 90px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .highlights {
        width: 300px;
        margin: 0 auto;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .highlights .highlight {
        margin: 10px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .highlights .AURA {
        height: 100px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control {
        width: 300px;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 200px;
        z-index: 11
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight {
        width: 100px;
        margin: 10px;
        text-align: center;
        cursor: pointer;
        opacity: .5
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight .mid {
        width: auto;
        height: 50px;
        margin-bottom: 5px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight .mid .image {
        display: inline-block;
        width: 50px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight.active,
    .overviewContent.AsusTUFF17_2020 .keyboard .control .highlight:hover {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .bg {
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .bg .nbColorBlock {
        content: '';
        width: 330px;
        height: 115px;
        position: absolute;
        left: 50%;
        margin-left: -165px;
        top: 91px;
        z-index: -1;
        background-color: red
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .tagImg {
        width: 84px
    }
    .overviewContent.AsusTUFF17_2020 .keyboard .colorPicker {
        position: relative;
        left: 50%;
        top: -340px;
        margin-left: -75px;
        z-index: 12
    }
}

@-webkit-keyframes breathing {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes breathing {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes colorCycle {
    0% {
        background: #fc0e0d
    }
    12% {
        background: #fc5d0d
    }
    24% {
        background: #fce50d
    }
    36% {
        background: #10fc0d
    }
    48% {
        background: #0dfcad
    }
    60% {
        background: #0d28fc
    }
    72% {
        background: #a50dfc
    }
    84% {
        background: #fc0dc7
    }
    100% {
        background: #fc0e0d
    }
}

@keyframes colorCycle {
    0% {
        background: #fc0e0d
    }
    12% {
        background: #fc5d0d
    }
    24% {
        background: #fce50d
    }
    36% {
        background: #10fc0d
    }
    48% {
        background: #0dfcad
    }
    60% {
        background: #0d28fc
    }
    72% {
        background: #a50dfc
    }
    84% {
        background: #fc0dc7
    }
    100% {
        background: #fc0e0d
    }
}

@-webkit-keyframes strobing {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes strobing {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.imageContent {
        padding-bottom: 49.86111%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background.open .imageContent {
    background-image: url(images/11_upgradeability1.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background.open .imageContent {
        background-image: url(images/11_upgradeability1.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background.open .imageContent {
        background-image: url(images/11_upgradeability1.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background.open .imageContent {
        background-image: url(images/11_upgradeability1.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .openText>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openText>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .openText.open .imageContent {
    background-image: url(images/11_upgradeability_line1_text.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openText.open .imageContent {
        background-image: url(images/11_upgradeability_line1_text.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openText.open .imageContent {
        background-image: url(images/11_upgradeability_line1_text.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openText.open .imageContent {
        background-image: url(images/11_upgradeability_line1_text.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine.open .imageContent {
    background-image: url(images/11_upgradeability_line1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine.open .imageContent {
        background-image: url(images/11_upgradeability_line1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine.open .imageContent {
        background-image: url(images/11_upgradeability_line1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .openLine.open .imageContent {
        background-image: url(images/11_upgradeability_line1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText.open .imageContent {
    background-image: url(images/11_upgradeability_line2_text.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText.open .imageContent {
        background-image: url(images/11_upgradeability_line2_text.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText.open .imageContent {
        background-image: url(images/11_upgradeability_line2_text.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramText.open .imageContent {
        background-image: url(images/11_upgradeability_line2_text.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine.open .imageContent {
    background-image: url(images/11_upgradeability_line2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine.open .imageContent {
        background-image: url(images/11_upgradeability_line2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine.open .imageContent {
        background-image: url(images/11_upgradeability_line2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramLine.open .imageContent {
        background-image: url(images/11_upgradeability_line2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg.open .imageContent {
    background-image: url(images/11_upgradeability_line2_ram.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg.open .imageContent {
        background-image: url(images/11_upgradeability_line2_ram.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg.open .imageContent {
        background-image: url(images/11_upgradeability_line2_ram.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ramImg.open .imageContent {
        background-image: url(images/11_upgradeability_line2_ram.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText.open .imageContent {
    background-image: url(images/11_upgradeability_line3_text.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText.open .imageContent {
        background-image: url(images/11_upgradeability_line3_text.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText.open .imageContent {
        background-image: url(images/11_upgradeability_line3_text.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdText.open .imageContent {
        background-image: url(images/11_upgradeability_line3_text.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine.open .imageContent {
    background-image: url(images/11_upgradeability_line3.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine.open .imageContent {
        background-image: url(images/11_upgradeability_line3.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine.open .imageContent {
        background-image: url(images/11_upgradeability_line3.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdLine.open .imageContent {
        background-image: url(images/11_upgradeability_line3.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg.open .imageContent {
    background-image: url(images/11_upgradeability_line3_ssd.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg.open .imageContent {
        background-image: url(images/11_upgradeability_line3_ssd.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg.open .imageContent {
        background-image: url(images/11_upgradeability_line3_ssd.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg.open .imageContent {
        background-image: url(images/11_upgradeability_line3_ssd.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot.open .imageContent {
    background-image: url(images/11_upgradeability_line3_slot.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot.open .imageContent {
        background-image: url(images/11_upgradeability_line3_slot.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot.open .imageContent {
        background-image: url(images/11_upgradeability_line3_slot.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdSlot.open .imageContent {
        background-image: url(images/11_upgradeability_line3_slot.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
    background-image: url(images/11_upgradeability_line4_port.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
        background-image: url(images/11_upgradeability_line4_port.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
        background-image: url(images/11_upgradeability_line4_port.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
        background-image: url(images/11_upgradeability_line4_port.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
    background-image: url(images/11_upgradeability_line4.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png)
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portText>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText>.imageContent {
        padding-bottom: 50%
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
    background-image: url(images/11_upgradeability_line4_text.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
        background-image: url(images/11_upgradeability_line4_text.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
        background-image: url(images/11_upgradeability_line4_text.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
        background-image: url(images/11_upgradeability_line4_text.png)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability {
        margin-top: 70px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .textBox {
        width: 940px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -50px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image {
        position: absolute;
        top: 0;
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.float {
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.float.open {
        opacity: 1;
        transition: all .5s;
        transition-delay: 1s;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.ssdImg {
        transform: translate(100px, -20px)
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.ssdImg.open {
        transition: opacity .5s 1s, transform 1s 2s linear;
        transform: translate(0, 0)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability {
        margin-top: 40px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-top: -50px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image {
        position: absolute;
        top: 0;
        width: 1280px;
        left: 50%;
        margin-left: -640px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.float {
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.float.open {
        transition: all .5s;
        transition-delay: 1s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.ssdImg {
        transform: translate(80px, -16px)
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.ssdImg.open {
        transition: opacity .5s 1s, transform 1s 2s linear;
        transform: translate(0, 0)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability {
        margin-top: 40px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background {
        width: 730px;
        left: 50%;
        margin-left: -365px;
        margin-top: -50px;
        position: relative
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image {
        position: absolute;
        top: 0;
        width: 730px;
        left: 50%;
        margin-left: -365px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.float {
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.float.open {
        transition: all .5s 1s;
        opacity: 1;
        transform: translate(0, 0)
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.ssdImg {
        transform: translate(50px, -10px);
        margin-left: -371px
    }
    .overviewContent.AsusTUFF17_2020 .upgradeability .background>.image.ssdImg.open {
        transition: opacity .5s 1s, transform 1s 2s linear;
        transform: translate(6px, 0)
    }
}

.overviewContent.AsusTUFF17_2020 .inputPage .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 52.57813%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .inputPage .background>.imageContent {
        padding-bottom: 52.57813%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .inputPage .background>.imageContent {
        padding-bottom: 57.07692%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .inputPage .background>.imageContent {
        padding-bottom: 79.72222%
    }
}

.overviewContent.AsusTUFF17_2020 .inputPage .background.open .imageContent {
    background-image: url(images/12_input.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .inputPage .background.open .imageContent {
        background-image: url(images/12_input.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .inputPage .background.open .imageContent {
        background-image: url(images/12_input.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .inputPage .background.open .imageContent {
        background-image: url(images/12_input.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .inputPage {
        margin-top: 120px
    }
    .overviewContent.AsusTUFF17_2020 .inputPage .textBox {
        width: 940px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .inputPage .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -450px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .inputPage {
        margin-top: 80px
    }
    .overviewContent.AsusTUFF17_2020 .inputPage .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .inputPage .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-top: -130px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .inputPage {
        margin-top: 65px
    }
    .overviewContent.AsusTUFF17_2020 .inputPage .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .inputPage .background {
        width: 730px;
        left: 50%;
        margin-left: -365px;
        margin-top: -30px
    }
}

.overviewContent.AsusTUFF17_2020 .software .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

.overviewContent.AsusTUFF17_2020 .software .background.open .imageContent {
    background-image: url(images/13_software.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software .background.open .imageContent {
        background-image: url(images/13_software.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software .background.open .imageContent {
        background-image: url(images/13_software.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software .background.open .imageContent {
        background-image: url(images/13_software.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .software .xboxBackground>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 23.4375%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground>.imageContent {
        padding-bottom: 23.4375%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground>.imageContent {
        padding-bottom: 23.4375%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground>.imageContent {
        padding-bottom: 23.4375%
    }
}

.overviewContent.AsusTUFF17_2020 .software .xboxBackground.open .imageContent {
    background-image: url(images/04_NV_belt.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground.open .imageContent {
        background-image: url(images/04_NV_belt.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .software .xbox {
    margin-right: 0
}

.overviewContent.AsusTUFF17_2020 .software .xbox>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 56.02941%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software .xbox>.imageContent {
        padding-bottom: 56.02941%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software .xbox>.imageContent {
        padding-bottom: 56.02941%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software .xbox>.imageContent {
        padding-bottom: 56.02941%
    }
}

.overviewContent.AsusTUFF17_2020 .software .xbox.open .imageContent {
    background-image: url(images/14_xbox_belt.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software .xbox.open .imageContent {
        background-image: url(images/14_xbox_belt.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software .xbox.open .imageContent {
        background-image: url(images/14_xbox_belt.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software .xbox.open .imageContent {
        background-image: url(images/14_xbox_belt.jpg)
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .software {
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .software>.textBox {
        width: 940px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .software .background {
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -100px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .imageContent {
        display: flex;
        justify-content: center
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox {
        width: 24%;
        margin-top: 140px;
        margin-left: 20px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .dec {
        margin-bottom: 36px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .note a {
        text-decoration: none;
        color: #1c9fd0
    }
    .overviewContent.AsusTUFF17_2020 .software .xbox {
        margin-top: 110px;
        width: 680px
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .software {
        margin-top: 80px
    }
    .overviewContent.AsusTUFF17_2020 .software>.textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .software .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-top: -50px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .imageContent {
        display: flex;
        align-items: center;
        flex-direction: column
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox {
        width: 700px;
        text-align: center;
        margin-top: 50px;
        margin-left: 20px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .title {
        font-size: 32px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .dec {
        margin-bottom: 24px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .note a {
        text-decoration: none;
        color: #1c9fd0
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground.rtl {
        right: 50%;
        margin-right: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .software .xbox {
        margin-top: 55px;
        width: 340px
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .software {
        margin-top: 80px
    }
    .overviewContent.AsusTUFF17_2020 .software>.textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .software .background {
        width: 730px;
        left: 50%;
        margin-left: -365px;
        margin-top: -50px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground {
        width: 2560px;
        left: 50%;
        margin-left: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .imageContent {
        display: flex;
        align-items: center;
        flex-direction: column
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox {
        width: calc(100vw - 40px);
        text-align: center;
        margin: 10px auto 0
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .title {
        font-size: 24px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .dec {
        margin-bottom: 12px
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground .textBox .note a {
        text-decoration: none;
        color: #1c9fd0
    }
    .overviewContent.AsusTUFF17_2020 .software .xboxBackground.rtl {
        right: 50%;
        margin-right: -1280px
    }
    .overviewContent.AsusTUFF17_2020 .software .xbox {
        margin-top: 45px;
        width: calc(100vw - 40px);
        max-width: 420px
    }
}

.overviewContent.AsusTUFF17_2020 .bundles .background>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 49.92188%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles .background>.imageContent {
        padding-bottom: 49.92188%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles .background>.imageContent {
        padding-bottom: 49.72222%
    }
}

.overviewContent.AsusTUFF17_2020 .bundles .background.open .imageContent {
    background-image: url(images/15_bundle.jpg)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles .background.open .imageContent {
        background-image: url(images/15_bundle.jpg)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles .background.open .imageContent {
        background-image: url(images/15_bundle.jpg)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles .background.open .imageContent {
        background-image: url(images/15_bundle.jpg)
    }
}

.overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.float {
    transform: translateY(10px);
    opacity: 0;
    transition: all, .5s
}

.overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.float.open {
    transform: translateY(0);
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 80%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image>.imageContent {
        padding-bottom: 80%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image>.imageContent {
        padding-bottom: 80%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image>.imageContent {
        padding-bottom: 80%
    }
}

.overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image.open .imageContent {
    background-image: url(images/15_bundle_btn1.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image.open .imageContent {
        background-image: url(images/15_bundle_btn1.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image.open .imageContent {
        background-image: url(images/15_bundle_btn1.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnBag>.image.open .imageContent {
        background-image: url(images/15_bundle_btn1.png)
    }
}

.overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 80%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image>.imageContent {
        padding-bottom: 80%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image>.imageContent {
        padding-bottom: 80%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image>.imageContent {
        padding-bottom: 80%
    }
}

.overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image.open .imageContent {
    background-image: url(images/15_bundle_btn2.png)
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image.open .imageContent {
        background-image: url(images/15_bundle_btn2.png)
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image.open .imageContent {
        background-image: url(images/15_bundle_btn2.png)
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtnMouse>.image.open .imageContent {
        background-image: url(images/15_bundle_btn2.png)
    }
}

.overviewContent.AsusTUFF17_2020 .bundles a {
    text-decoration: none;
    color: #1c9fd0
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .bundles {
        margin-top: 250px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .textBox {
        width: 960px;
        margin: 0 auto 72px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .bundles .background {
        position: relative;
        width: 2560px;
        left: 50%;
        margin-left: -1280px;
        margin-top: -360px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn {
        font-size: 20px;
        position: absolute;
        cursor: pointer;
        font-weight: 700;
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn .image {
        display: inline-block;
        width: 20px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.bundlesBtnBag {
        top: 40%;
        margin-top: -100px;
        left: 55%
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.bundlesBtnMouse {
        top: 75%;
        left: 45%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .bundles {
        margin-top: 140px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .textBox {
        width: 700px;
        margin: 0 auto 48px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .bundles .background {
        width: 1280px;
        left: 50%;
        margin-left: -640px;
        margin-top: -180px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn {
        font-size: 16px;
        position: absolute;
        cursor: pointer;
        font-weight: 700;
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn .image {
        display: inline-block;
        width: 16px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.bundlesBtnBag {
        top: 40%;
        margin-top: -70px;
        left: 55%
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.bundlesBtnMouse {
        top: 75%;
        left: 42%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .bundles {
        margin-top: 100px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .textBox {
        margin: 0 auto 20px;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .bundles .background {
        width: 730px;
        left: 50%;
        margin-left: -365px;
        margin-top: -100px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn {
        font-weight: 700;
        font-size: 14px;
        position: absolute;
        z-index: 11;
        cursor: pointer;
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn .image {
        display: inline-block;
        width: 14px
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.bundlesBtnBag {
        top: 40%;
        margin-top: -50px;
        left: 53%
    }
    .overviewContent.AsusTUFF17_2020 .bundles .bundlesBtn.bundlesBtnMouse {
        top: 77%;
        left: 37%
    }
}

.overviewContent.AsusTUFF17_2020 .lightboxBag .lightboxInner>.imageLeft>.imageContent {
    transition: background-image, .3s;
    background-image: url(images/black.png);
    padding-bottom: 83.16268%
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .lightboxBag .lightboxInner>.imageLeft>.imageContent {
        padding-bottom: 83.16268%
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .lightboxBag .lightboxInner>.imageLeft>.imageContent {
        padding-bottom: 114.04056%
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .lightboxBag .lightboxInner>.imageLeft>.imageContent {
        padding-bottom: 171.42857%
    }
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .lightbox {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100001;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        box-sizing: border-box
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner {
        max-height: 100%;
        width: 100vh;
        max-width: 880px;
        height: 800px;
        background-color: #000;
        position: relative;
        border: 2px solid #999;
        box-sizing: content-box;
        z-index: 2;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner>.image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vh;
        max-width: 880px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner>.image.active {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTabs {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTabs>.image {
        cursor: pointer;
        margin: 0 20px;
        border: 2px solid #999;
        width: 173px;
        background-color: #000
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTitle {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
        font-size: 48px;
        color: #fff;
        position: absolute;
        width: 100%;
        top: 5%;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxClose {
        cursor: pointer;
        width: 36px;
        position: absolute;
        top: 10px;
        right: 10px;
        left: auto;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox.active {
        display: flex
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .lightbox {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100001;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        box-sizing: border-box
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner {
        width: 80vh;
        max-width: 641px;
        height: 800px;
        max-height: 100%;
        background-color: #000;
        position: relative;
        border: 2px solid #999;
        box-sizing: content-box;
        z-index: 2;
        overflow: hidden
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner>.image {
        position: absolute;
        top: 0;
        left: 0;
        width: 80vh;
        max-width: 641px;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner>.image.active {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTabs {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTabs>.image {
        cursor: pointer;
        margin: 0 20px;
        border: 2px solid #999;
        width: 173px;
        background-color: #000
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTitle {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
        font-size: 32px;
        color: #fff;
        position: absolute;
        width: 100%;
        top: 5%;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxClose {
        cursor: pointer;
        width: 36px;
        position: absolute;
        top: 10px;
        right: 10px;
        left: auto;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox.active {
        display: flex
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .lightbox {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100001;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        box-sizing: border-box
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner {
        max-width: 280px;
        width: 60vh;
        height: 100%;
        max-height: 540px;
        overflow: hidden;
        background-color: #000;
        position: relative;
        border: 2px solid #999;
        box-sizing: content-box;
        z-index: 2
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner>.image {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 280px;
        width: 60vh;
        opacity: 0
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner>.image.active {
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTabs {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: 10px
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTabs>.image {
        cursor: pointer;
        margin: 0 5px;
        border: 2px solid #999;
        width: 131px;
        background-color: #000
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxTitle {
        font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
        font-size: 28px;
        color: #fff;
        position: absolute;
        width: 100%;
        top: 5%;
        text-align: center
    }
    .overviewContent.AsusTUFF17_2020 .lightbox .lightboxInner .lightboxClose {
        cursor: pointer;
        width: 36px;
        position: absolute;
        top: 10px;
        right: 10px;
        left: auto;
        opacity: 1
    }
    .overviewContent.AsusTUFF17_2020 .lightbox.active {
        display: flex
    }
}

.overviewContent.AsusTUFF17_2020 .secitonbox {
    position: fixed;
    display: none;
    right: 10px;
    top: 50%;
    margin-top: -190px;
    z-index: 10
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul {
    list-style: none
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li {
    margin-right: 20px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: Kairos, Roboto, 'Segoe UI', sans-serif;
    cursor: pointer
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li a {
    text-decoration: none
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li .sectionName {
    color: #fff;
    opacity: .5;
    transition: .3s all;
    height: 20px;
    line-height: 20px;
    text-align: right
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li::after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    right: -10px;
    top: 50%;
    margin-top: -4px;
    margin-right: -4px;
    background-color: #fff;
    opacity: .5;
    transition: .3s all
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li:hover .sectionName {
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li:hover::after {
    background-color: #ff9e1b;
    opacity: 1
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li.active .sectionName {
    opacity: 1;
    font-size: 18px
}

.overviewContent.AsusTUFF17_2020 .secitonbox ul li.active::after {
    background-color: #ff9e1b;
    opacity: 1
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .secitonbox {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .secitonbox ul li .sectionName {
        width: 0;
        overflow: hidden
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .secitonbox {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .secitonbox ul li .sectionName {
        width: 0;
        overflow: hidden
    }
}

@media (min-width:1680px) {
    .overviewContent.AsusTUFF17_2020 .secitonbox {
        display: block
    }
    .overviewContent.AsusTUFF17_2020 .secitonbox ul li .sectionName {
        width: auto;
        overflow: hidden
    }
}


/* 20210723 revise hide img 11_upgradeability_line4_text.png */

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .ssdImg.open .imageContent {
        background-image: url(images/11_upgradeability_line3_ssd.png);
        opacity: 0;
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png);
        opacity: 0;
    }
}

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
    background-image: url(images/11_upgradeability_line4_text.png);
    opacity: 0;
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
        background-image: url(images/11_upgradeability_line4_text.png);
        opacity: 0;
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
        background-image: url(images/11_upgradeability_line4_text.png);
        opacity: 0;
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portText.open .imageContent {
        background-image: url(images/11_upgradeability_line4_text.png);
        opacity: 0;
    }
}


/* 20210723 revise hide img 11_upgradeability_line4.png */

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
    background-image: url(images/11_upgradeability_line4.png);
    opacity: 0;
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png);
        opacity: 0;
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png);
        opacity: 0;
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portLine.open .imageContent {
        background-image: url(images/11_upgradeability_line4.png);
        opacity: 0;
    }
}


/* 20210723 revise hide img 11_upgradeability_line4_port.png */

.overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
    background-image: url(images/11_upgradeability_line4_port.png);
    opacity: 0;
}

@media screen and (min-width:1281px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
        background-image: url(images/11_upgradeability_line4_port.png);
        opacity: 0;
    }
}

@media screen and (min-width:731px) and (max-width:1280px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
        background-image: url(images/11_upgradeability_line4_port.png);
        opacity: 0;
    }
}

@media screen and (max-width:730px) {
    .overviewContent.AsusTUFF17_2020 .upgradeability .background .portImg.open .imageContent {
        background-image: url(images/11_upgradeability_line4_port.png);
        opacity: 0;
    }
}