/* =========================================================== */
/* desktop
/* =========================================================== */
#ASUS-features .v-section-aura-sync {
    /* padding-bottom: 220px; */
}

#ASUS-features .v-section-aura-sync .img__10__aura {
    position: relative;
    width: 2560px;
    margin-left: -1280px;
    height: 864px;
    margin-top: -360px;
}

#ASUS-features .v-section-aura-sync .wd-content .content-info {
    /* width: 920px; */
}

#ASUS-features .v-section-aura-sync .img__aura {
    position: relative;
    width: 2560px;
    margin-left: -1280px;
    height: 1144px;
    left: 50%;
    margin-top: -180px;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation {
    width: 2560px;
    margin: 0 auto;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation figure {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .colorPickerCircle {
    z-index: 1049;
    transition: opacity 500ms 100ms ease;
    opacity: 1;
    position: absolute;
    top: 749px;
    left: 1010px;
    margin-left: 0;
    width: 150px;
    height: 150px;
    display: block;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .colorPickerCircle canvas {
    box-sizing: border-box;
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb {
    width: 2560px;
    height: auto;
    left: 50%;
    margin-left: -1280px;
    z-index: 100;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb .img__pc__mask {
    width: 2560px;
    margin-left: -1280px;
    height: 1013px;
    left: 50%;
    margin-top: 222px;
    z-index: 999;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    background-image: url("../images/large/1x/animation/s10/model/aura-sync.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb .img__pc__mask {
        background-image: url("../images/large/2x/animation/s10/model/aura-sync.png");
    }
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #nbColorBlock {
    z-index: 90;
    position: absolute;
    left: 1027px;
    top: 156px;
    /* transform: translate3d(0, 0, 0) rotate(3deg) skew(-12deg, -3deg); */
    width: 709px;
    height: 572px;
    margin: 0 auto;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #nbColorDefault {
    z-index: 89;
    position: absolute;
    left: 1027px;
    top: 156px;
    /* transform: translate3d(0, 0, 0) rotate(3deg) skew(-12deg, -3deg); */
    width: 709px;
    height: 572px;
    margin: 0 auto;
    background: #2f1010;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #mouseColorBlock {
    z-index: 90;
    position: absolute;
    left: 1740px;
    top: 430px;
    /* transform: translate3d(0, 0, 0) rotate(3deg) skew(-12deg, -3deg); */
    width: 179px;
    height: 230px;
    margin: 0 auto;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #mouseColorDefault {
    z-index: 89;
    position: absolute;
    left: 1740px;
    top: 430px;
    /* transform: translate3d(0, 0, 0) rotate(3deg) skew(-12deg, -3deg); */
    width: 179px;
    height: 230px;
    margin: 0 auto;
    background: #0c0c0c;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #mouseColorstarryNightBlock {
    z-index: 90;
    opacity: 0;
    position: absolute;
    left: 1740px;
    top: 430px;
    /* transform: translate3d(0, 0, 0) rotate(3deg) skew(-12deg, -3deg); */
    width: 179px;
    height: 230px;
    margin: 0 auto;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #headsetColorBlock {
    z-index: 90;
    position: absolute;
    left: 630px;
    top: 300px;
    width: 373px;
    height: 230px;
    margin: 0 auto;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #headsetColorDefault {
    z-index: 89;
    position: absolute;
    left: 630px;
    top: 300px;
    width: 373px;
    height: 230px;
    margin: 0 auto;
    background: #0c0c0c;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #headsetColorstarryNightBlock {
    z-index: 90;
    opacity: 0;
    position: absolute;
    left: 630px;
    top: 300px;
    width: 373px;
    height: 230px;
    margin: 0 auto;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #allCometColorBlock {
    opacity: 0;
    z-index: 90;
    position: absolute;
    left: 660px;
    top: 80px;
    width: 1300px;
    height: 660px;
    margin: 0 auto;
    background: linear-gradient(468deg, black 6%, #ff0600 7%, black 9%, black 60%, black 65%, black 90%);
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #keyboardColorBlock {
    z-index: 96;
    position: absolute;
    border-radius: 10%;
    transform: translate3d(594.6px, 957px, 0) rotate(-3.55deg) skew(-130deg, 0deg);
    width: 1121px;
    height: 202px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__1 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    border-radius: 39%;
    transform: translate3d(1336px, -584px, 0);
    width: 20px;
    height: 20px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__2 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    border-radius: 39%;
    transform: translate3d(1428px, -688px, 0);
    width: 30px;
    height: 30px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__3 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    border-radius: 39%;
    transform: translate3d(1179px, -624px, 0);
    width: 70px;
    height: 30px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__4 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    border-radius: 39%;
    transform: translate3d(1325px, -748px, 0);
    width: 30px;
    height: 30px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__5 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    border-radius: 39%;
    transform: translate3d(1450px, -620px, 0);
    width: 30px;
    height: 30px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__6 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    border-radius: 39%;
    transform: translate3d(1306px, -657px, 0);
    width: 30px;
    height: 30px;
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__7 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    transform: translate3d(1076px, -357px, 0);
    width: 630px;
    height: 30px;
    filter: blur(15px);
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb #kbPartsColorBlock__8 {
    opacity: 0;
    z-index: 98;
    position: absolute;
    transform: translate3d(1056px, -857px, 0);
    width: 30px;
    height: 510px;
    filter: blur(15px);
    background: black;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter .colorPickerCircle {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #allCometColorBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #pcFrontColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #headsetColorBlock {
    opacity: 0;
    animation: KeyBreathing 4000ms linear infinite;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__3,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__4,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__5,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__6,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__7,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #kbPartsColorBlock__8,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #mouseColorstarryNightBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.breathingFilter #headsetColorstarryNightBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter .colorPickerCircle,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #allCometColorBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #headsetColorBlock {
    animation: KeyStrobingDIV 3000ms linear infinite;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__3,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__4,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__5,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__6,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__7,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #kbPartsColorBlock__8,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #mouseColorstarryNightBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.cycleFilter #headsetColorstarryNightBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #allCometColorBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter .colorPickerCircle {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__3,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__4,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__5,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__6,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__7,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #kbPartsColorBlock__8,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #mouseColorstarryNightBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #headsetColorstarryNightBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.strobingFilter #headsetColorBlock {
    animation: KeyStrobing2 850ms linear infinite;
    -webkit-animation: KeyStrobing2 850ms linear infinite;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter .colorPickerCircle,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #allCometColorBlock {
    opacity: 0;
}


@-webkit-keyframes KeyRainbow {
0% {
    background-position: 0% 0%; }
100% {
    background-position: -134% -134%; }
}

@keyframes KeyRainbow {
0% {
    background-position: 0% 0%; }
100% {
    background-position: -134% -134%; }
}
  

    

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #headsetColorBlock {
    background: linear-gradient(90deg, #fd118d, #fc0613, #fe580e, #ffd832, #d0f945, #53fe3d, #2ffe3e, #2cfea7, #23f6ff, #007dfb, #0023f9, #6a1cfb, #f01cfa, #fd118d, #fc0613, #fe580e, #ffd832, #d0f945, #53fe3d, #2ffe3e, #2cfea7, #23f6ff, #007dfb, #0023f9, #6a1cfb, #f01cfa, #fd118d);
    background-size: 600% 100%;
    background-position: 0 0;
    animation: KeyRainbow 12000ms linear infinite forwards;
    -webkit-animation: KeyRainbow 12000ms linear infinite forwards;
}



#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__3,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__4,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__5,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__6,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__7,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #kbPartsColorBlock__8,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #mouseColorstarryNightBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.rainbowFilter #headsetColorstarryNightBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter .colorPickerCircle,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #headsetColorBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #nbColorDefault {
    opacity: 1;
    background: #2f1010;
    animation: KeyStarryNightBase 4000ms linear infinite;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #mouseColorstarryNightBlock {
    opacity: 1;
    animation: KeyStarryNight 1800ms linear infinite normal;
    background: #ff0600;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #headsetColorstarryNightBlock {
    opacity: 1;
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1500ms;
    background: #ff0600;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #pcVgaColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #pcVgaColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #pcVgaColorBlock__3 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 500ms;
    -moz-animation-delay: 500ms;
    -webkit-animation-delay: 500ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__1 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -webkit-animation-delay: 300ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__2 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    -webkit-animation-delay: 400ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__3 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    -webkit-animation-delay: 800ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__4 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__5 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 600ms;
    -moz-animation-delay: 600ms;
    -webkit-animation-delay: 600ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__6 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    -webkit-animation-delay: 1200ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__7 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1800ms;
    -moz-animation-delay: 1800ms;
    -webkit-animation-delay: 1800ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #kbPartsColorBlock__8 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #headsetLogoColorBlock {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1400ms;
    -moz-animation-delay: 1400ms;
    -webkit-animation-delay: 1400ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #pcFrontPatrsColorBlock_1 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    -webkit-animation-delay: 800ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #pcFrontPatrsColorBlock_2 {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1400ms;
    -moz-animation-delay: 1400ms;
    -webkit-animation-delay: 1400ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #pcLogoColorBlock {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1650ms;
    -moz-animation-delay: 1650ms;
    -webkit-animation-delay: 1650ms;
    background: #ff0600;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.starryNightFilter #mouseRedColorBlock {
    animation: KeyStarryNight 1800ms linear infinite normal;
    animation-delay: 1750ms;
    -moz-animation-delay: 1750ms;
    -webkit-animation-delay: 1750ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter .colorPickerCircle {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__3,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__4,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__5,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__6,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__7,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #kbPartsColorBlock__8 {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #pcFrontColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #headsetColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.musicFilter #keyboardColorBlock {
    animation: KeyMusic 4000ms linear infinite normal 600ms;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter .colorPickerCircle,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #allCometColorBlock {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__1,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__2,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__3,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__4,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__5,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__6,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__7,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #kbPartsColorBlock__8 {
    opacity: 0;
}

#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #nbColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #mouseColorBlock,
#ASUS-features .v-section-aura-sync .img__aura .auraAnimation.smartFilter #headsetColorBlock {
    animation: KeySmart 8000ms linear infinite;
}

#ASUS-features .v-section-aura-sync .navBarFrame {
    margin: 0 auto;
    height: 368px;
    z-index: 105;
    position: relative;
    margin-top: -416px;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar {
    position: relative;
    margin: 0 auto;
    left: 73px;
    text-align: center;
    z-index: 130;
    max-width: 480px;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
    background-image: url("../images/large/1x/animation/s10/nav/btn1.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn1.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
    background-image: url("../images/large/1x/animation/s10/nav/btn2.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn2.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
    background-image: url("../images/large/1x/animation/s10/nav/btn3.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn3.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
    background-image: url("../images/large/1x/animation/s10/nav/btn4.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn4.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
    top: 123px;
    background-image: url("../images/large/1x/animation/s10/nav/btn5.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn5.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
    top: 123px;
    background-image: url("../images/large/1x/animation/s10/nav/btn6.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn6.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
    top: 123px;
    background-image: url("../images/large/1x/animation/s10/nav/btn7.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn7.png");
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
    margin: 30px 20px;
    display: inline-block;
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 28px;
    cursor: pointer;
    transition: opacity 350ms ease-in-out;
    opacity: 0.4;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    margin-left: 28px;
    width: 56px;
    height: 56px;
    background-size: cover;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8.choosed {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8:hover {
    opacity: 1;
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
    width: 115px;
    display: block;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    font-size: 15px;
    font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

#ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
    top: 123px;
    background-image: url("../images/large/1x/animation/s10/nav/btn8.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
        background-image: url("../images/large/2x/animation/s10/nav/btn8.png");
    }
}



























































/* =========================================================== */
/* 平板
  /* =========================================================== */
@media all and (min-width: 732px) and (max-width: 1279px) {

    #ASUS-features .v-section-aura-sync {
        margin-top: 58px;
    }

    #ASUS-features .v-section-aura-sync .wd-content .content-info {
        /* width: 920px; */
    }

    #ASUS-features .v-section-aura-sync .img__aura {
        position: relative;
        width: 2560px;
        margin-left: -1280px;
        height: 1144px;
        left: 50%;
        margin-top: -180px;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation {
        width: 2560px;
        margin: 0 auto;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation figure {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .colorPickerCircle {
        z-index: 1049;
        transition: opacity 500ms 100ms ease;
        opacity: 1;
        position: absolute;
        top: 482px;
        left: 979px;
        margin-left: 0;
        width: 150px;
        height: 150px;
        display: block;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .colorPickerCircle canvas {
        box-sizing: border-box;
        z-index: 99;
        position: absolute;
        top: 0;
        left: 0;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb {
        transform: scale(0.58) translate3d(16px, -267px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame {
        margin: 0 auto;
        height: 387px;
        z-index: 130;
        position: relative;
        margin-top: -616px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar {
        left: 33px;
        top: -79px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
        top: -60px;
    }
}














































































/* =========================================================== */
/* phone
  /* =========================================================== */
@media all and (min-width: 0px) and (max-width: 731px) {

    #ASUS-features .v-section-aura-sync {
        margin-top: 74px;
    }

    #ASUS-features .v-section-aura-sync .img__aura {
        position: relative;
        width: 2560px;
        margin-left: -1280px;
        height: 1144px;
        left: 50%;
        margin-top: -180px;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation {
        width: 2560px;
        margin: 0 auto;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation figure {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .colorPickerCircle {
        z-index: 1049;
        transition: opacity 500ms 100ms ease;
        opacity: 1;
        position: absolute;
        top: 261px;
        left: 1206px;
        margin-left: 0;
        width: 150px;
        height: 150px;
        display: block;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .colorPickerCircle canvas {
        box-sizing: border-box;
        z-index: 99;
        position: absolute;
        top: 0;
        left: 0;
    }

    #ASUS-features .v-section-aura-sync .img__aura .auraAnimation .img__aura__nb {
        transform: scale(0.25) translate3d(-2px, -1585px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame {
        width: 1000px;
        left: 50%;
        margin-left: -500px;
        margin: 0 auto;
        height: 137px;
        z-index: 999;
        position: relative;
        margin-top: -900px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar {
        position: relative;
        margin: 0 auto;
        left: -229px;
        text-align: center;
        z-index: 999;
        max-width: 1280px;
        transition: 300ms ease-in-out;
        transform: translate3d(130px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move1 {
        transform: translate3d(130px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move2 {
        transform: translate3d(10px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move3 {
        transform: translate3d(-110px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move4 {
        transform: translate3d(-220px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move5 {
        transform: translate3d(-340px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move6 {
        transform: translate3d(-466px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move7 {
        transform: translate3d(-576px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar.move8 {
        transform: translate3d(-695px, -99px, 0px);
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb1 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb2 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb3 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb4 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb5 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb6 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb7 :before {
        top: -60px;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        margin: 30px 20px;
        display: inline-block;
        width: 56px;
        height: 56px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: 28px;
        cursor: pointer;
        transition: opacity 350ms ease-in-out;
        opacity: 0.4;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        margin-left: 28px;
        width: 56px;
        height: 56px;
        background-size: cover;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        width: 115px;
        display: block;
        color: #FFFFFF;
        text-align: center;
        margin-top: 30px;
        font-size: 15px;
        font-family: 'Roboto Light', 'Arial', 'Microsoft JhengHei', 'LiHei Pro', 'WenQuanYi Zen Hei', 'sans-serif';
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 732px) and (max-width: 1279px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        position: relative;
        margin: 30px 20px;
        opacity: 0.4;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8.choosed {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8:hover {
        opacity: 1;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        position: absolute;
        text-align: center;
        margin-left: -8px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 {
        width: 54px;
        height: 54px;
        position: relative;
        margin: 30px 30px;
        opacity: 0.4;
        -webkit-transition: opacity 350ms ease-in-out;
        transition: opacity 350ms ease-in-out;
    }

    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 span {
        position: absolute;
        text-align: center;
        margin-left: -12px;
        margin-top: 50px;
    }
}

@media all and (min-width: 0px) and (max-width: 731px) {
    #ASUS-features .v-section-aura-sync .navBarFrame .navBar #nb8 :before {
        top: -60px;
    }
}