/* @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700"); */

#special-sectionOverview {
    margin-bottom: 100px
}

.width-line-gray {
    background: none
}

#hd {
    font-family: "Klavika", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    background: #ffffff;
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
#hd section.whiteBg h2,
#hd section.whiteBg h3,
#hd section.whiteBg h4,
#hd section.whiteBg p,
#hd section.whiteBg .mtitle p,
#hd section.whiteBg .stitle p,
#hd section.whiteBg .flex-item .info,
#hd section.whiteBg .mainfull .info,
#hd section.whiteBg .maintitle .info,
#hd section.whiteBg ul li p,
#hd section.whiteBg p.note {
    color: #fff !important;
}
/* #hd section.whiteBg h2{
    border-top: 2px solid #fff;
} */

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    #hd section.whiteBg .mtitle p,
    #hd .mtitle p,
    #hd h2 {
        position: relative;
        color: #000 !important;
        background: transparent
    }
}

@supports (-ms-accelerator:true) {

    #hd section.whiteBg .mtitle p,
    #hd .mtitle p,
    #hd h2 {
        position: relative;
        color: #000 !important;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #000 !important
    }
}

#hd * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-word
}

#hd * ::selection {
    background: #1d2124;
    color: #6da6d6
}

#hd * ::-moz-selection {
    background: #1d2124;
    color: #6da6d6
}

#hd * :focus-visible {
    outline-color: #6da6d6
}

#hd ul,
#hd li,
#hd figure {
    margin: 0;
    padding: 0
}

#hd h1,
#hd h2,
#hd h3,
#hd h4,
#hd p,
#hd a,
#hd li {
    font: inherit;
    padding: 0;
    margin: 0
}

#hd img {
    display: block;
    height: auto;
    border: none;
    max-width: 100% !important;
    margin: 0 auto
}

#hd video {
    max-width: 100%
}

#hd button {
    border: none;
    outline: none;
    background: none;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

#hd .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

#hd a:focus-visible,
#hd button:focus-visible,
#hd input:focus-visible,
#hd select:focus-visible,
#hd textarea:focus-visible,
#hd [role="button"]:focus-visible,
#hd [tabindex="0"]:focus-visible {
    outline: 1px solid #6da6d6
}

#hd a:focus:not(:focus-visible),
#hd button:focus:not(:focus-visible),
#hd input:focus:not(:focus-visible),
#hd select:focus:not(:focus-visible),
#hd textarea:focus:not(:focus-visible),
#hd [role="button"]:focus:not(:focus-visible),
#hd [tabindex="0"]:focus:not(:focus-visible) {
    outline: none
}
#hd sup {
      position: inherit;
    vertical-align: super;
}
@-webkit-keyframes colorrun {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(359deg)
    }
}

@-moz-keyframes colorrun {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(359deg)
    }
}

@-ms-keyframes colorrun {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(359deg)
    }
}

@-o-keyframes colorrun {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(359deg)
    }
}

@keyframes colorrun {
    0% {
        filter: hue-rotate(0deg)
    }

    100% {
        filter: hue-rotate(359deg)
    }
}

.hd-colorrun {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 4s;
    -webkit-animation-name: colorrun;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -moz-animation-duration: 4s;
    -moz-animation-name: colorrun;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    -o-animation-duration: 4s;
    -o-animation-name: colorrun;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: 4s;
    animation-name: colorrun;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(5%);
        -o-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(5%);
        -o-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(5%);
        -o-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(5%);
        -o-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(5%);
        -o-transform: translateX(5%);
        -ms-transform: translateX(5%);
        -webkit-transform: translateX(5%);
        transform: translateX(5%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes static {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes static {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes static {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes static {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes static {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes breathing {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0
    }
}

@-moz-keyframes breathing {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0
    }
}

@-ms-keyframes breathing {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0
    }
}

@-o-keyframes breathing {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0
    }
}

@keyframes breathing {
    0% {
        opacity: 1
    }

    70% {
        opacity: 0
    }
}

@-webkit-keyframes strobing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-moz-keyframes strobing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-ms-keyframes strobing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-o-keyframes strobing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes strobing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-webkit-keyframes music {
    0% {
        opacity: 1
    }

    10% {
        opacity: .3
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@-moz-keyframes music {
    0% {
        opacity: 1
    }

    10% {
        opacity: .3
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@-ms-keyframes music {
    0% {
        opacity: 1
    }

    10% {
        opacity: .3
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@-o-keyframes music {
    0% {
        opacity: 1
    }

    10% {
        opacity: .3
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@keyframes music {
    0% {
        opacity: 1
    }

    10% {
        opacity: .3
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: .3
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@-webkit-keyframes cycle {
    0% {
        background-color: red
    }

    15% {
        background-color: orange
    }

    30% {
        background-color: yellow
    }

    45% {
        background-color: #00CB07
    }

    60% {
        background-color: #07A9FF
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: #a12fd9
    }

    100% {
        background-color: red
    }
}

@-moz-keyframes cycle {
    0% {
        background-color: red
    }

    15% {
        background-color: orange
    }

    30% {
        background-color: yellow
    }

    45% {
        background-color: #00CB07
    }

    60% {
        background-color: #07A9FF
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: #a12fd9
    }

    100% {
        background-color: red
    }
}

@-ms-keyframes cycle {
    0% {
        background-color: red
    }

    15% {
        background-color: orange
    }

    30% {
        background-color: yellow
    }

    45% {
        background-color: #00CB07
    }

    60% {
        background-color: #07A9FF
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: #a12fd9
    }

    100% {
        background-color: red
    }
}

@-o-keyframes cycle {
    0% {
        background-color: red
    }

    15% {
        background-color: orange
    }

    30% {
        background-color: yellow
    }

    45% {
        background-color: #00CB07
    }

    60% {
        background-color: #07A9FF
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: #a12fd9
    }

    100% {
        background-color: red
    }
}

@keyframes cycle {
    0% {
        background-color: red
    }

    15% {
        background-color: orange
    }

    30% {
        background-color: yellow
    }

    45% {
        background-color: #00CB07
    }

    60% {
        background-color: #07A9FF
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: #a12fd9
    }

    100% {
        background-color: red
    }
}

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

    100% {
        background-position: 0 0
    }
}

@-moz-keyframes rainbow {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

@-ms-keyframes rainbow {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

@-o-keyframes rainbow {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

@keyframes rainbow {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

@-webkit-keyframes smart {

    0%,
    28% {
        background-color: red
    }

    30%,
    58% {
        background-color: yellow
    }

    60%,
    88% {
        background-color: #42ca42
    }

    90%,
    98% {
        background-color: yellow
    }

    100% {
        background-color: red
    }
}

@-moz-keyframes smart {

    0%,
    28% {
        background-color: red
    }

    30%,
    58% {
        background-color: yellow
    }

    60%,
    88% {
        background-color: #42ca42
    }

    90%,
    98% {
        background-color: yellow
    }

    100% {
        background-color: red
    }
}

@-ms-keyframes smart {

    0%,
    28% {
        background-color: red
    }

    30%,
    58% {
        background-color: yellow
    }

    60%,
    88% {
        background-color: #42ca42
    }

    90%,
    98% {
        background-color: yellow
    }

    100% {
        background-color: red
    }
}

@-o-keyframes smart {

    0%,
    28% {
        background-color: red
    }

    30%,
    58% {
        background-color: yellow
    }

    60%,
    88% {
        background-color: #42ca42
    }

    90%,
    98% {
        background-color: yellow
    }

    100% {
        background-color: red
    }
}

@keyframes smart {

    0%,
    28% {
        background-color: red
    }

    30%,
    58% {
        background-color: yellow
    }

    60%,
    88% {
        background-color: #42ca42
    }

    90%,
    98% {
        background-color: yellow
    }

    100% {
        background-color: red
    }
}

@-webkit-keyframes comet {
    0% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(250%);
        -o-transform: skewX(68deg) translateX(250%);
        -ms-transform: skewX(68deg) translateX(250%);
        -webkit-transform: skewX(68deg) translateX(250%);
        transform: skewX(68deg) translateX(250%)
    }

    100% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(-250%);
        -o-transform: skewX(68deg) translateX(-250%);
        -ms-transform: skewX(68deg) translateX(-250%);
        -webkit-transform: skewX(68deg) translateX(-250%);
        transform: skewX(68deg) translateX(-250%)
    }
}

@-moz-keyframes comet {
    0% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(250%);
        -o-transform: skewX(68deg) translateX(250%);
        -ms-transform: skewX(68deg) translateX(250%);
        -webkit-transform: skewX(68deg) translateX(250%);
        transform: skewX(68deg) translateX(250%)
    }

    100% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(-250%);
        -o-transform: skewX(68deg) translateX(-250%);
        -ms-transform: skewX(68deg) translateX(-250%);
        -webkit-transform: skewX(68deg) translateX(-250%);
        transform: skewX(68deg) translateX(-250%)
    }
}

@-ms-keyframes comet {
    0% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(250%);
        -o-transform: skewX(68deg) translateX(250%);
        -ms-transform: skewX(68deg) translateX(250%);
        -webkit-transform: skewX(68deg) translateX(250%);
        transform: skewX(68deg) translateX(250%)
    }

    100% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(-250%);
        -o-transform: skewX(68deg) translateX(-250%);
        -ms-transform: skewX(68deg) translateX(-250%);
        -webkit-transform: skewX(68deg) translateX(-250%);
        transform: skewX(68deg) translateX(-250%)
    }
}

@-o-keyframes comet {
    0% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(250%);
        -o-transform: skewX(68deg) translateX(250%);
        -ms-transform: skewX(68deg) translateX(250%);
        -webkit-transform: skewX(68deg) translateX(250%);
        transform: skewX(68deg) translateX(250%)
    }

    100% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(-250%);
        -o-transform: skewX(68deg) translateX(-250%);
        -ms-transform: skewX(68deg) translateX(-250%);
        -webkit-transform: skewX(68deg) translateX(-250%);
        transform: skewX(68deg) translateX(-250%)
    }
}

@keyframes comet {
    0% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(250%);
        -o-transform: skewX(68deg) translateX(250%);
        -ms-transform: skewX(68deg) translateX(250%);
        -webkit-transform: skewX(68deg) translateX(250%);
        transform: skewX(68deg) translateX(250%)
    }

    100% {
        z-index: -1;
        -moz-transform: skewX(68deg) translateX(-250%);
        -o-transform: skewX(68deg) translateX(-250%);
        -ms-transform: skewX(68deg) translateX(-250%);
        -webkit-transform: skewX(68deg) translateX(-250%);
        transform: skewX(68deg) translateX(-250%)
    }
}

@-webkit-keyframes adaptive {
    0% {
        background-color: white
    }

    30% {
        background-color: #6da6d6
    }

    45% {
        background-color: #07A9FF
    }

    60% {
        background-color: #42ca42
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: yellow
    }

    100% {
        background-color: white
    }
}

@-moz-keyframes adaptive {
    0% {
        background-color: white
    }

    30% {
        background-color: #6da6d6
    }

    45% {
        background-color: #07A9FF
    }

    60% {
        background-color: #42ca42
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: yellow
    }

    100% {
        background-color: white
    }
}

@-ms-keyframes adaptive {
    0% {
        background-color: white
    }

    30% {
        background-color: #6da6d6
    }

    45% {
        background-color: #07A9FF
    }

    60% {
        background-color: #42ca42
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: yellow
    }

    100% {
        background-color: white
    }
}

@-o-keyframes adaptive {
    0% {
        background-color: white
    }

    30% {
        background-color: #6da6d6
    }

    45% {
        background-color: #07A9FF
    }

    60% {
        background-color: #42ca42
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: yellow
    }

    100% {
        background-color: white
    }
}

@keyframes adaptive {
    0% {
        background-color: white
    }

    30% {
        background-color: #6da6d6
    }

    45% {
        background-color: #07A9FF
    }

    60% {
        background-color: #42ca42
    }

    75% {
        background-color: #1044FF
    }

    90% {
        background-color: yellow
    }

    100% {
        background-color: white
    }
}

@font-face {
    font-family: xolonium;
    src: url(../fonts/xolonium.eot);
    src: url(../fonts/xolonium.eot?#iefix) format("embedded-opentype"), url(../fonts/xolonium.otf) format("opentype"), url(../fonts/xolonium.woff) format("woff"), url(../fonts/xolonium.ttf) format("truetype"), url(../fonts/xolonium.svg#rogfont) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ROGFonts';
    src: url("../fonts/ROGFonts-Regular_ES.eot") format("embedded-opentype"), url("../fonts/ROGFonts-Regular_ES.otf") format("opentype"), url("../fonts/ROGFonts-Regular_ES.ttf") format("truetype"), url("../fonts/ROGFonts-Regular_ES.woff") format("woff"), url("../fonts/ROGFonts-Regular_ES.woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Square721DmNormal';
    src: local("Square721DmNormal"), url("../fonts/Square721DmNormal.woff") format("woff"), url("../fonts/Square721DmNormal.ttf") format("truetype"), url("../fonts/Square721DmNormal.svg#htc-icon") format("svg");
    font-display: swap
}
@font-face { font-family: 'machinebt'; src: url("../fonts/machinebt.eot"); src: local("machinebt"), url("../fonts/machinebt.woff") format("woff"), url("../fonts/machinebt.ttf") format("truetype"), url("../fonts/machinebt.svg#htc-icon") format("svg"); }
@font-face {
    font-family: 'Roboto';
  src: url("../font/Roboto-Regular.woff2") format("woff2"), url("../font/Roboto-Regular.woff") format("woff"), url("../font/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed';
  src: url("../font/RobotoCondensed-Regular.woff2") format("woff2"), url("../font/RobotoCondensed-Regular.woff") format("woff"), url("../font/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed Light';
  src: url("../font/RobotoCondensed-Light.woff2") format("woff2"), url("../font/RobotoCondensed-Light.woff") format("woff"), url("../font/RobotoCondensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Roboto Condensed Bold';
  src: url("../font/RobotoCondensed-Bold.woff2") format("woff2"), url("../font/RobotoCondensed-Bold.woff") format("woff"), url("../font/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'TradeGothicLTPro';
    src: url("../font/TradeGothicLTPro-Bold.ttf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

#hd {
    font-size: 16px
}
#hd .text-center{
    text-align: center;
}
#hd .text-left{
    text-align: left;
}
#hd .text-right{
    text-align: right;
}
#hd h3, #hd #LU800-Handheld h2 {
    font-size: 2em;
    letter-spacing: -0.01em;
    font-family: "Klavika", sans-serif;
    line-height: 1;
    color: #000000;
    /* padding-left: 3.7vw; */
    margin-top: 20px;
    margin-bottom: 20px;
    /* word-break: normal;
    word-wrap: normal; */
    /* -moz-transform: scale(1.1, 0.9);
    -o-transform: scale(1.1, 0.9);
    -ms-transform: scale(1.1, 0.9);
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9) */
}
@media screen and (max-width: 1480px) {
    #hd h3, #hd #LU800-Handheld h2 {
        font-size: 2em;
    }
}
#hd h2 {
    font-family: "Klavika", sans-serif;
    font-size: 2.0em;
    letter-spacing: 0em;
    line-height: 1.1;
    color: #2d2d2d;
    margin-top: 0.525em;
    margin-bottom: 0.525em;
    /* margin-bottom: .525em; */
    font-weight: bold;
}
@media screen and (max-width: 1480px) {
    #hd h2 {
        font-size: 2em;
    }
}
@media screen and (max-width: 768px) {
    #hd h2 {
        font-size: 2em;
    }
}
#hd h4 {
    font-family: "Klavika", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: .018em;
    line-height: 1.25;
    color: #333;
    margin-bottom: .75em
}

#hd h4+p {
    margin-bottom: 1em
}

#hd h5 {
    font-family: "Klavika", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5;
    color: #333
}

#hd h6 {
    font-family: "Klavika", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5;
    color: #333
}

#hd p,
#hd small,
#hd a,
#hd li {
    font-family: "Klavika", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif
}

#hd p {
    font-size: 1.125em;
    line-height: 1.3;
    font-weight: 300
}

#hd p.color-primary {
    font-weight: 400
}

#hd b {
    font-weight: bold
}

#hd small {
    font-size: .875em;
    letter-spacing: 0.5px
}

#hd .align-center {
    text-align: center
}

#hd .align-left {
    text-align: left
}

#hd .align-italic {
    font-style: italic
}

#hd a.txt-link {
    display: inline-block;
    font: inherit;
    font-weight: 400;
    margin-top: .5em
}

#hd a.txt-link:hover {
    color: white
}

#hd .font-rog {
    font-family: "Roboto", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif
}

#hd .color-primary {
    color: #6da6d6
}

#hd .color-secondary {
    color: #00a0ff
}

#hd .color-grey {
    color: #777777
}

#hd .color-gradient {
    display: inline-block; 
    display: inline;
    color: #1076b1  !important;
    background-color: #1076b1 0%;
    background: -webkit-linear-gradient(to bottom, #1076b1 0%, #1076b1 60%, #76b900 60.1%, #76b900 100%);
    background: -moz-linear-gradient(to bottom, #1076b1 0%, #1076b1 60%, #76b900 60.1%, #76b900 100%);
    background: -o-linear-gradient(to bottom, #1076b1 0%, #1076b1 60%, #76b900 60.1%, #76b900 100%);
    background: linear-gradient(to bottom, #1076b1 0%, #1076b1 60%, #76b900 60.1%, #76b900 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    /* -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0) */
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    #hd .color-gradient {
        position: relative;
        color: #1076b1;
        background: transparent;
    }
}

@supports (-ms-accelerator: true) {

    #hd .color-gradient {
        position: relative;
        color: #1076b1;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #1076b1;
    }
}

#hd .color-gradient::selection {
    background: #0f0f0f;
    color: #1076b1;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #1076b1
}

#hd .color-gradient::-moz-selection {
    background: #0f0f0f;
    color: #1076b1;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #1076b1
}

_:-ms-fullscreen,
:root #hd .color-gradient {
    background: transparent !important
}

@media screen and (min-width: 2560px) {
    #hd {
        font-size: 20px
    }
}

@media screen and (min-width: 3000px) {
    #hd {
        font-size: 28px
    }
}

@media screen and (max-width: 1440px) {
    #hd h3 {
        /* letter-spacing: 2.4vw;
        padding-left: 2.4vw */
    }

    #hd p {
        font-size: 1em
    }
}

@media screen and (max-width: 1280px) {
    #hd h3 {
        /* letter-spacing: 2.2vw;
        padding-left: 2.2vw */
    }
}

@media screen and (max-width: 1024px) {
    #hd {
        font-size: 14px;
        overflow-y: hidden;
    }

    #hd h3, #hd #LU800-Handheld h2 {
        margin-bottom: .25em
    }
}

@media screen and (max-width: 768px) {
    #hd h3, #hd #LU800-Handheld h2 {
        font-size: 2em;
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@media screen and (max-width: 620px) {
    #hd h3, #hd #LU800-Handheld h2 {
        font-size: 2em
    }
}

@media screen and (max-width: 480px) {
    #hd h3, #hd #LU800-Handheld h2 {
        font-size: 1.875em
    }

    #hd p {
        font-size: 1.125em;
        line-height: 1.5
    }
}

#hd .w95 {
    width: 94%;
    margin: 0 auto;
    position: relative
}

#hd .hd-w1000,
#hd .hd-w1200,
#hd .hd-w1400 {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative
}

#hd .hd-w1000 {
    max-width: 1000px
}

#hd .hd-w1400 {
    max-width: 1400px
}

#hd .hd-mw1200 {
    max-width: 1200px
}

#hd .hd-col20 {
    width: 20%
}

#hd .hd-col25 {
    width: 25%
}

#hd .hd-col33 {
    width: 33.3333%
}

#hd .hd-col40 {
    width: 40%
}

#hd .hd-col45 {
    width: 45%
}

#hd .hd-col50 {
    width: 50%
}

#hd .hd-col55 {
    width: 55%
}

#hd .hd-col60 {
    width: 60%
}

#hd .hd-col65 {
    width: 65%
}

#hd .hd-col66 {
    width: 66.6666%
}

#hd .hd-col70 {
    width: 70%
}

#hd .hd-col75 {
    width: 75%
}

#hd .hd-col80 {
    width: 80%
}

#hd .hd-col100 {
    width: 100%
}

#hd .ib-top {
    display: inline-block;
    vertical-align: top
}

#hd .ib-bottom {
    display: inline-block;
    vertical-align: bottom
}

#hd .flex-wrap {
    display: flex;
    flex-wrap: wrap
}

#hd .flex-nowrap {
    display: flex;
    flex-wrap: nowrap
}

#hd .align-items-center {
    align-items: center
}

#hd .align-items-start {
    align-items: flex-start
}

#hd .align-items-end {
    align-items: flex-end
}

#hd .justify-content-center {
    justify-content: center
}

#hd .justify-content-start {
    justify-content: flex-start
}

#hd .justify-content-end {
    justify-content: flex-end
}

#hd .justify-content-between {
    justify-content: space-between
}

#hd .justify-content-around {
    justify-content: space-around
}

#hd .flex-row-reverse {
    flex-direction: row-reverse
}

#hd .hd-d-none {
    display: none
}

#hd .hd-d-ib {
    display: inline-block
}

#hd .mx-auto {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 2560px) {
    #hd .hd-w1000 {
        max-width: 1200px
    }

    #hd .hd-w1200 {
        max-width: 1400px
    }

    #hd .hd-w1400 {
        max-width: 2000px
    }

    #hd .hd-mw1200 {
        max-width: 1400px
    }
}

@media screen and (min-width: 3000px) {
    #hd .hd-w1000 {
        max-width: 1600px
    }

    #hd .hd-w1200 {
        max-width: 2200px
    }

    #hd .hd-w1400 {
        max-width: 2800px
    }

    #hd .hd-mw1200 {
        max-width: 1800px
    }
}

@media screen and (max-width: 1024px) {

    #hd .hd-w1000,
    #hd .hd-w1200,
    #hd .hd-w1400 {
        width: 90%
    }
}

@media screen and (max-width: 1023px) {
    #hd .hd-d-1023-none {
        display: none
    }

    #hd .hd-d-1023-block {
        display: block
    }

    #hd .hd-d-1023-inline-block {
        display: inline-block
    }
}

@media screen and (max-width: 768px) {
    #hd .hd-d-768-none {
        display: none
    }

    #hd .hd-d-768-block {
        display: block
    }
}

@media screen and (max-width: 620px) {
    #hd .hd-d-620-none {
        display: none
    }

    #hd .hd-d-620-block {
        display: block
    }
}

@media screen and (max-width: 480px) {
    #hd .hd-d-480-none {
        display: none
    }

    #hd .hd-d-480-block {
        display: block
    }
}

#hd .hd-lightbox {
    width: 100%;
    height: 100vh;
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 10
}

#hd .hd-lightbox .hd-filter {
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0
}

#hd .hd-lightbox .hd-box {
    width: 100%;
    height: auto;
    max-width: 1280px;
    max-height: 720px;
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box
}

#hd .hd-lightbox .vid-container {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

#hd .hd-lightbox .vid-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

#hd .hd-lightbox .hd-close {
    width: 60px;
    height: 60px;
    background: #797979;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 2
}

#hd .hd-lightbox .hd-close:hover {
    background: #6da6d6
}

#hd .hd-lightbox .hd-close>span {
    display: block;
    width: 24px;
    height: 2px;
    background: white;
    -webkit-border-radius: 1.5px;
    -moz-border-radius: 1.5px;
    border-radius: 1.5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

#hd .hd-lightbox .hd-close>span:first-child {
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

#hd .hd-lightbox .hd-close>span:last-child {
    -moz-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

#hd .trigger-play {
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    #hd .hd-lightbox .hd-close {
        width: 40px;
        height: 40px;
        top: 16px;
        right: 16px
    }

    #hd .hd-lightbox .hd-close>span {
        width: 20px;
        height: 2px
    }
}

#hd .hd-nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    font-size: .75em;
    position: fixed;
    z-index: 9;
    top: -10%;
    right: 0;
    padding-top: 0em;
    padding-right: 0em;
    opacity: 1;
    /* background-color: transparent;
    background-image: -moz-linear-gradient(90deg, transparent, #f8f9fb 30%);
    background-image: -webkit-linear-gradient(90deg, transparent, #f8f9fb 30%);
    background-image: linear-gradient(90deg, transparent, #f8f9fb 30%);
    background-color: transparent */
}
#hd .hd-nav.hd-active{
    padding-right: 1.2em;
}
#hd .hd-nav.hd-active .main-nav {
    display: block;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: .4s;
    -webkit-animation-name: fadeInRight;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    -moz-animation-delay: 0s;
    -moz-animation-duration: .4s;
    -moz-animation-name: fadeInRight;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: both;
    -o-animation-delay: 0s;
    -o-animation-duration: .4s;
    -o-animation-name: fadeInRight;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: both;
    animation-delay: 0s;
    animation-duration: .4s;
    animation-name: fadeInRight;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: both
}

#hd .hd-nav .main-nav {
    display: none;
    margin: 0;
    padding: 0
}

#hd .hd-nav .main-nav>li {
    display: block;
    margin: .25em 0;
    position: relative
}

#hd .hd-nav .main-nav>li:last-child .sub-nav:after {
    display: none
}

#hd .hd-nav .main-nav a {
    padding: 0em 1.0em 0em 0;
    letter-spacing: .08em;
    text-decoration: none;
    display: block;
    z-index: 1;
    cursor: pointer
}

#hd .hd-nav .main-nav a:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: .5em;
    background: transparent;
    border: 1px solid #000000;
    margin-left: auto;
    position: absolute;
    right: 0;
    top: .2em;
    z-index: 1;
    -moz-transition: transform 0.1s ease-in-out, background 0.6s ease;
    -o-transition: transform 0.1s ease-in-out, background 0.6s ease;
    -webkit-transition: transform 0.1s ease-in-out, background 0.6s ease;
    transition: transform 0.1s ease-in-out, background 0.6s ease
}
#hd .hd-nav .main-nav ul li a{
     padding: 0;
}
#hd .hd-nav .main-nav ul li a:after{
    display: none;
}
#hd .hd-nav .main-nav a:hover span,
#hd .hd-nav .main-nav a:focus-visible span {
    background: white
}

#hd .hd-nav .main-nav a.hd-active:after {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: white
}

#hd .hd-nav .main-nav a.hd-active+.sub-nav button {
    color: white
}

#hd .hd-nav .main-nav .hd-tooltip {
    display: block;
    /* max-width: 12em; */
    font-family: "Roboto",, sans-serif;
    /* text-transform: uppercase; */
    font-size: 0.9em;
    color: #000000;
    letter-spacing: 0em;
    white-space: nowrap;
    text-align: right;
    margin-left: auto
}

#hd .hd-nav .sub-nav {
    padding: .5em 0 1em;
    position: relative
}

#hd .hd-nav .sub-nav:after {
    content: '';
    display: block;
    width: 1px;
    height: .875em;
    background: white;
    position: absolute;
    bottom: 0;
    right: .35em;
    opacity: .75
}

#hd .hd-nav .sub-nav .button {
    display: block;
    width: 100%;
    color: #797979;
    font-size: .7em;
    padding: 0em 0 .7em;
    padding-right: 1.5em;
    text-align: right;
    position: relative
}
#hd .hd-nav .sub-nav .button:hover,
#hd .hd-nav .sub-nav .button:focus-visible{
    color: #000 !important;
}
#hd .hd-nav .sub-nav .button:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #000;
    position: absolute;
    top: .5em;
    right: .22em
}
#hd .hd-nav .main-nav>li:hover .hd-tooltip,
#hd .hd-nav .main-nav>li A:focus-visible .hd-tooltip {
    opacity: 1;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out
}

#hd .hd-nav .main-nav>li:hover button {
    color: white !important;
    -moz-transition: color 0.6s ease-in-out;
    -o-transition: color 0.6s ease-in-out;
    -webkit-transition: color 0.6s ease-in-out;
    transition: color 0.6s ease-in-out
}

#hd .hd-nav .hd-tooltip {
    color: transparent;
    white-space: nowrap;
    opacity: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

#hd .hd-nav .sub-nav .button {
    padding-top: 0;
    padding-bottom: 0;
    color: transparent !important;
    white-space: nowrap;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}
@media screen and (min-width: 2560px) {
    #hd .hd-nav {
        font-size: 1em
    }
}

@media screen and (max-width: 1440px) {
    #hd .hd-nav {
        padding-right: .5em;
        font-size: .8em
    }

    #hd .hd-nav .main-nav>li {
        margin: .2em 0 .2em
    }

    #hd .hd-nav .sub-nav {
        padding-bottom: 0
    }

    #hd .hd-nav .sub-nav:after {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    #hd .hd-nav {
        background: none
    }

    #hd .hd-nav .main-nav>li:hover .hd-tooltip {
        opacity: 1;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -webkit-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out
    }

    #hd .hd-nav .main-nav>li:hover button {
        color: white !important;
        -moz-transition: color 0.6s ease-in-out;
        -o-transition: color 0.6s ease-in-out;
        -webkit-transition: color 0.6s ease-in-out;
        transition: color 0.6s ease-in-out
    }

    #hd .hd-nav .hd-tooltip {
        color: transparent;
        white-space: nowrap;
        opacity: 0;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none
    }

    #hd .hd-nav .sub-nav .button {
        padding-top: 0;
        padding-bottom: 0;
        color: transparent !important;
        white-space: nowrap;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none
    }
}

@media screen and (max-width: 1024px) {
    #hd .hd-nav {
        font-size: .5em;
        display: none !important
    }
}

#hd .main-title {
    padding-top: 50px;
    position: relative;
    overflow: hidden
}
#hd .main-title h2{
    margin-bottom: 20px;
}
/* #hd .main-title:before {
    content: '';
    display: block;
    width: 100%;
    height: 600px;
    position: absolute;
    top: -400px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: radial-gradient(ellipse at center, #ffffff 0%, rgba(0, 0, 0, 0) 70%);
    z-index: 0;
    pointer-events: none;
} */

#hd .tab-content {
    /* padding-right: 5em; */
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 18px;
}
#hd .tab-content h3{
    line-height: 1;
    margin-bottom: 0.3em;
}
#hd .tab-content>div {
    display: none;
    padding: 4.75em 0 5em
}

#hd .tab-content>div.hd-active {
    display: block
}

#hd .tab-content>div.hd-active .reveal-fromBottom {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: .8s;
    -webkit-animation-name: fadeInUp;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -moz-animation-duration: .8s;
    -moz-animation-name: fadeInUp;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    -o-animation-duration: .8s;
    -o-animation-name: fadeInUp;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: .8s;
    animation-name: fadeInUp;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

#hd .tab-content>div.hd-active .reveal-fromLeft {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: .8s;
    -webkit-animation-name: fadeInLeft;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -moz-animation-duration: .8s;
    -moz-animation-name: fadeInLeft;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    -o-animation-duration: .8s;
    -o-animation-name: fadeInLeft;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: .8s;
    animation-name: fadeInLeft;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

#hd .title-tab {
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    z-index: 3
}

#hd .title-tab:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: linear-gradient(to right, #000000 5%, #c81f54 15%, #ab066d 30%, #890b95 38%, #5e2edc 52%, #3e5eff 75%, #4e95ff 100%);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#000000, #5e2edc, ), to(#4e95ff));
    background-image: -webkit-linear-gradient(to left, #000000, #5e2edc, #4e95ff);
    background-image: -moz-linear-gradient(to left, #000000, #5e2edc, #4e95ff);
    background-image: -o-linear-gradient(to left, #000000, #5e2edc, #4e95ff); */
    background: #cdd6e5;
}

#hd .title-tab ul {
    margin-top: 20px;
    max-width: 100%;
    display: inline-flex;
    align-items: stretch;
    text-align: center;
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
    -ms-overflow-style: none
}

#hd .title-tab ul::-webkit-scrollbar {
    height: 0
}

#hd .title-tab ul::-webkit-scrollbar-track {
    background: transparent
}

#hd .title-tab ul::-webkit-scrollbar-thumb {
    background: transparent
}

#hd .title-tab ul::-webkit-scrollbar-thumb:hover {
    background: transparent
}

#hd .title-tab li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-family: "Roboto", sans-serif;
    line-height: 1.1;
    font-size: 1.125em;
    font-weight: normal;
    letter-spacing: 0em;
    white-space: nowrap;
    flex: 0 0 auto;
    color: #555;
    padding: 1.2em 1.125em 1.2em 1.225em;
    position: relative;
    cursor: pointer;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
}

#hd .title-tab li:after {
    content: '';
    display: block;
    width: calc(100% - 1em);
    height: 6px;
    background: black;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform-origin: left bottom;
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transition: transform 0.25s ease-out;
    -o-transition: transform 0.25s ease-out;
    -webkit-transition: transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
    background: #76b900;
    /* background: transparent;
    background: -webkit-linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    background: -moz-linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    background: -o-linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    background: linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%); */
        /* background: #000000; */
}
/* #hd .title-tab li:nth-child(2):after{
    background: #741bb7;
}
#hd .title-tab li:nth-child(3):after{
    background: #523fe8;
}
#hd .title-tab li:nth-child(4):after{
    background: #4357fa;
} */
#hd .title-tab li sup{
    font-family: "Roboto", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    position: relative;
    top: -20%;
}
#hd .title-tab li:hover {
    color: #000
}

#hd .title-tab li.hd-active h3 {
    color: #76b900 !important;
    pointer-events: none
}

#hd .title-tab li.hd-active:after {
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

@media screen and (max-width: 1280px) {
    #hd .tab-content {
        padding-right: 0
    }
}

@media screen and (max-width: 1024px) {
    #hd .main-title {
        padding-top: 6em
    }

    #hd .tab-content {
        padding: 0
    }

    #hd .tab-content>div {
        padding: 4em 0 4em
    }
}
@media screen and (max-width: 540px) {
    #hd .tab-content {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    #hd .main-title {
        padding-top: 3.5em
    }

    #hd .title-tab li {
        font-size: 1.1em;
        letter-spacing: .018em
    }

    #hd .title-tab li.hd-active:after {
        height: 4px
    }
}
#hd a.desc-launch {
    font-size: 1em;
    line-height: 26px;
    color: #70a8d7 !important;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
#hd .sec-overview {
    margin-top: -8%;
    padding: 10% 0 4em;
    background: black;
    position: relative;
    overflow: hidden;
    z-index: 9
}

#hd .sec-overview .hd-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center top
}

#hd .sec-overview .hd-pd {
    width: 95%
}

#hd .sec-overview .hd-content {
    margin: -5% auto 4em
}

#hd .sec-overview .hd-content h2+p {
    max-width: 42em;
    margin: 0 auto;
    color: #b8b8b8
}

#hd .sec-overview .h3 {
    font-size: 1.5em;
    text-transform: none;
    letter-spacing: .018em;
    margin-bottom: 1em
}

#hd .sec-overview h2 {
    font-size: 4em;
    letter-spacing: 0;
    padding-left: 0;
    text-transform: none;
    margin-bottom: .25em
}

#hd .sec-overview .list-ksp {
    max-width: 73em;
    margin: 0 auto
}

#hd .sec-overview .list-ksp li {
    text-align: center;
    padding: 0 1em;
    margin-bottom: 4em
}

#hd .sec-overview .list-ksp figure {
    flex-shrink: 0;
    width: 8em;
    margin: 0 auto
}

#hd .sec-overview .list-ksp h3 {
    font-size: 1.125em;
    letter-spacing: .018em;
    color: white;
    text-transform: none;
    margin-bottom: .25em
}

#hd .sec-overview .list-ksp p {
    font-size: .9em;
    color: #b8b8b8;
    line-height: 1.25
}

@media screen and (max-width: 1280px) {
    #hd .sec-overview {
        padding-bottom: 2em
    }

    #hd .sec-overview .h3 {
        font-size: 1.25em;
        margin-bottom: .5em
    }

    #hd .sec-overview h2 {
        font-size: 3.75em
    }

    #hd .sec-overview .list-ksp li {
        margin-bottom: 2em
    }
}

@media screen and (max-width: 768px) {
    #hd .sec-overview {
        padding-top: 15%
    }

    #hd .sec-overview .hd-bg {
        width: 140%;
        max-width: none !important;
        height: auto;
        margin-left: -20%
    }

    #hd .sec-overview .hd-pd {
        width: 120%;
        max-width: none !important;
        margin-left: -10%
    }

    #hd .sec-overview .hd-content {
        margin-bottom: 3em
    }

    #hd .sec-overview .list-ksp li {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        text-align: left;
        width: 100%;
        margin-bottom: 1em;
        padding: 0
    }

    #hd .sec-overview .list-ksp figure {
        margin: 0 2em 0 0
    }
}

@media screen and (max-width: 620px) {
    #hd .sec-overview h2 {
        font-size: 2.75em
    }
}

@media screen and (max-width: 480px) {
    #hd .sec-overview {
        padding-top: 20%
    }

    #hd .sec-overview .hd-bg {
        width: 190%;
        margin-left: -45%
    }

    #hd .sec-overview .hd-pd {
        width: 140%;
        margin-left: -20%
    }

    #hd .sec-overview .hd-content {
        margin-bottom: 2em
    }

    #hd .sec-overview .h3 {
        font-size: 1.125em
    }

    #hd .sec-overview h2 {
        font-size: 2em
    }

    #hd .sec-overview .list-ksp figure {
        width: 5em;
        margin-right: 1.5em
    }
}

#hd .sec-cooling figure,
#hd .sec-engineering figure,
#hd .sec-software figure,
#hd .sec-experience figure {
    position: relative;
    overflow: hidden
}

#hd .sec-cooling figure.trigger-video,
#hd .sec-engineering figure.trigger-video,
#hd .sec-software figure.trigger-video,
#hd .sec-experience figure.trigger-video {
    cursor: pointer
}

#hd .sec-cooling figure.trigger-video:hover .btn-play,
#hd .sec-engineering figure.trigger-video:hover .btn-play,
#hd .sec-software figure.trigger-video:hover .btn-play,
#hd .sec-experience figure.trigger-video:hover .btn-play {
    opacity: .5
}

#hd .sec-cooling .hd-content,
#hd .sec-engineering .hd-content,
#hd .sec-software .hd-content,
#hd .sec-experience .hd-content {
    padding: 0 4%
}

#hd .sec-cooling .hd-content h3+p,
#hd .sec-engineering .hd-content h3+p,
#hd .sec-software .hd-content h3+p,
#hd .sec-experience .hd-content h3+p {
    margin-bottom: 1em
}

#hd .sec-cooling .flex-row-reverse .hd-content,
#hd .sec-engineering .flex-row-reverse .hd-content,
#hd .sec-software .flex-row-reverse .hd-content,
#hd .sec-experience .flex-row-reverse .hd-content {
    padding-left: 6%
}

#hd .sec-cooling .btn-play,
#hd .sec-engineering .btn-play,
#hd .sec-software .btn-play,
#hd .sec-experience .btn-play {
    width: 10%;
    max-width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.vid-control {
    width: 5em;
    height: 5em;
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer
}

.vid-control svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.vid-control .play {
    display: none
}

.vid-control.hd-active .play {
    display: block
}

.vid-control.hd-active .pause {
    display: none
}

#hd .sec-cooling .tab-validation img,
#hd .sec-engineering .tab-validation img,
#hd .sec-software .tab-validation img,
#hd .sec-experience .tab-validation img {
    width: 100%;
    max-width: 500px !important;
    margin: 0 auto
}

#hd .tab-certification img {
    /* max-width: 1100px !important;
    margin: 0 auto 2em */
}

#hd .tab-lambda .hd-container {
    padding-left: 8em
}

#hd .tab-aura .hd-container {
    margin-bottom: 2em
}

#hd .tab-aura .control-container {
    margin-right: -5%;
    position: relative;
    z-index: 2
}

#hd .tab-aura video {
    width: 110%;
    max-width: none;
    margin-left: -5%
}

#hd .tab-aura .vid-control {
    right: 10%
}

#hd .tab-aura .hd-controls {
    width: calc(100% + .5em);
    margin-left: -.5em;
    margin-top: 2em;
    margin-right: auto;
    text-align: center;
    position: relative;
    z-index: 2
}

#hd .tab-aura .hd-controls li {
    width: 20%;
    padding: .5em .25em
}

#hd .tab-aura .hd-controls .hd-icon {
    width: 3.5em;
    height: 3.5em;
    margin: 0 auto .5em;
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: 100% 0
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-static {
    background-image: url(../img/aura/static.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-breathing {
    background-image: url(../img/aura/breathing.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-strobing {
    background-image: url(../img/aura/strobing.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-cycle {
    background-image: url(../img/aura/cycle.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-music {
    background-image: url(../img/aura/music.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-smart {
    background-image: url(../img/aura/smart.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-starry {
    background-image: url(../img/aura/starry.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-rainbow {
    background-image: url(../img/aura/rainbow.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-dark {
    background-image: url(../img/aura/dark.png)
}

#hd .tab-aura .hd-controls .hd-icon.hd-icon-adaptive {
    background-image: url(../img/aura/adaptive.png)
}

#hd .tab-aura .hd-controls h3 {
    font-family: "Roboto", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: .25em
}

#hd .tab-aura .hd-controls p {
    font-size: .75em;
    line-height: 1.25;
    opacity: .75;
    margin-bottom: 0 !important
}

#hd .tab-aura .hd-controls-name {
    padding: 0 0 0 1em
}

#hd .tab-aura .hd-controls-name li {
    display: none
}

#hd .tab-aura .hd-controls-name li.hd-active {
    display: block;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: .4s;
    -webkit-animation-name: fadeInUp;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-delay: 0s;
    -moz-animation-duration: .4s;
    -moz-animation-name: fadeInUp;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-delay: 0s;
    -o-animation-duration: .4s;
    -o-animation-name: fadeInUp;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-duration: .4s;
    animation-name: fadeInUp;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

#hd .tab-aura .hd-controls-name p {
    font-size: 14px
}

@media screen and (max-width: 1280px) {
    #hd .tab-aura .flex-row-reverse .hd-content {
        padding-left: 0
    }
}

@media screen and (max-width: 1024px) {
    #hd .tab-lambda .hd-container {
        padding-left: 0
    }
}

@media screen and (max-width: 768px) {

    #hd .sec-cooling .hd-container,
    #hd .sec-engineering .hd-container,
    #hd .sec-software .hd-container,
    #hd .sec-experience .hd-container {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
        padding: 0 18px;
    }

    #hd .sec-cooling .hd-container figure,
    #hd .sec-engineering .hd-container figure,
    #hd .sec-software .hd-container figure,
    #hd .sec-experience .hd-container figure {
        width: 100%
    }

    #hd .sec-cooling .hd-container .hd-content,
    #hd .sec-engineering .hd-container .hd-content,
    #hd .sec-software .hd-container .hd-content,
    #hd .sec-experience .hd-container .hd-content {
        width: 100%;
        padding: 2em 0
    }

    .vid-control {
        width: 4em;
        height: 4em
    }

    #hd .tab-lambda .hd-container {
        text-align: left
    }

    #hd .tab-aura .hd-content {
        display: flex;
        flex-direction: column-reverse
    }

    #hd .tab-aura .vid-control {
        right: 0
    }

    #hd .tab-aura .control-container {
        width: 100%;
        margin: 0 auto 2em
    }

    #hd .tab-aura .hd-controls {
        margin-bottom: 2em;
        margin-top: 0
    }
}

@media screen and (max-width: 620px) {
    #hd .tab-certification img {
        margin-bottom: 0
    }
}

@media screen and (max-width: 480px) {
    #hd .tab-aura figure video {
        width: 150%;
        max-width: none;
        margin-left: -25%
    }

    #hd .tab-aura .hd-controls li {
        width: 33.3333%
    }
}

#hd .ProductAwards__productAwardPage__2BPhI {
    width: 100%;
    min-height: calc(100vh - 120px);
    overflow: hidden
}

[data-dirtype] #hd .ProductAwards__productAwardPage__2BPhI {
    padding-bottom: 67px
}

[data-dirtype] #hd .ProductAwards__productAwardPagePadding__25Bd5 {
    padding: 0 65px
}

#hd .ProductAwards__rewardContainer__1EsHR {
    max-width: 1520px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

[data-dirtype] #hd .ProductAwards__rewardContainer__1EsHR {
    margin: 0 auto;
    padding-bottom: 15px
}

#hd .ProductAwards__rewardContainer__1EsHR.ProductAwards__rewardItemLessThanThree__1TFwP {
    justify-content: center
}

#hd .ProductAwards__rewardMoreContainer__3E-Qx {
    max-width: 1520px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    height: 0;
    overflow: hidden;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductAwards__rewardMoreContainer__3E-Qx {
    margin: 0 auto
}

#hd .ProductAwards__rewardMoreContainer__3E-Qx.ProductAwards__isActive__3eR3M {
    min-height: 426px;
    height: 100%
}

#hd .ProductAwards__reviewMediaContainer__37WLr {
    max-width: 1520px;
    display: flex;
    flex-wrap: wrap;
    transition: all .4s ease;
    overflow: hidden
}

[data-dirtype] #hd .ProductAwards__reviewMediaContainer__37WLr {
    margin: 0 auto
}

#hd .ProductAwards__reviewMediaContainer__37WLr.ProductAwards__mediaItemLessThanThree__3XG7m {
    justify-content: center
}

#hd .ProductAwards__reviewMediaMoreContainer__1_-g_ {
    max-width: 1520px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    height: 0;
    overflow: hidden;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductAwards__reviewMediaMoreContainer__1_-g_ {
    margin: 0 auto
}

#hd .ProductAwards__reviewMediaMoreContainer__1_-g_.ProductAwards__isActive__3eR3M {
    min-height: 426px;
    height: 100%
}

#hd .ProductAwards__awardTabs__2C1Vo {
    max-width: 1520px;
    width: 100%
}

[data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo {
    margin: 80px auto 0
}

#hd .ProductAwards__awardTabs__2C1Vo ul {
    display: flex;
    justify-content: center
}

#hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf {
    color: #202020;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    height: 24px
}

[data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf {
    margin: 0 12.5px;
    padding: 0 8px;
    cursor: pointer
}

#hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR {
    color: #fff
}

[data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR {
    background-color: #e30017
}

#hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0
}

[data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:before {
    border-style: solid
}

[data-dirtype=ltr] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:before {
    border-width: 0 12px 24px 0;
    border-color: transparent #e30017 transparent transparent;
    left: -12px
}

[data-dirtype=rtl] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:before {
    border-width: 0 0 24px 12px;
    border-color: transparent transparent transparent #e30017;
    right: -12px
}

#hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0
}

[data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:after {
    border-style: solid
}

[data-dirtype=ltr] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:after {
    border-width: 24px 0 0 12px;
    border-color: transparent transparent transparent #e30017;
    right: -12px
}

[data-dirtype=rtl] #hd .ProductAwards__awardTabs__2C1Vo ul .ProductAwards__awardTab__1seKf.ProductAwards__active__1IrBR:after {
    border-width: 24px 12px 0 0;
    border-color: transparent #e30017 transparent transparent;
    left: -12px
}

#hd .ProductAwards__awardTitle__1M5sA {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductAwards__awardTitle__1M5sA {
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 55px
}

#hd .ProductAwards__awardTitle__1M5sA h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", Microsoft JhengHei, sans-serif;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductAwards__awardTitle__1M5sA h2 {
    margin: 0 auto
}

#hd .ProductAwards__awardTitle__1M5sA span {
    font-family: "Klavika", Microsoft JhengHei, sans-serif
}

#hd .ProductAwards__awardTitle__1M5sA .ProductAwards__nowPage__yqwu7 {
    color: #202020;
    font-size: 14px;
    display: inline-block
}

[data-dirtype] #hd .ProductAwards__videoWrapper__3UQ57 {
    padding: 100px 0 30px
}

#hd .ProductAwards__videoWrapper__3UQ57 .ProductAwards__videoContainer__2sjY1 {
    max-width: 1520px;
    display: flex;
    flex-wrap: wrap
}

[data-dirtype] #hd .ProductAwards__videoWrapper__3UQ57 .ProductAwards__videoContainer__2sjY1 {
    margin: 0 auto
}

[data-dirtype=ltr] #hd .ProductAwards__videoWrapper__3UQ57 .ProductAwards__videoContainer__2sjY1 .ProductAwards__videoReviewItem__3nZOl {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductAwards__videoWrapper__3UQ57 .ProductAwards__videoContainer__2sjY1 .ProductAwards__videoReviewItem__3nZOl {
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductAwards__videoWrapper__3UQ57 .ProductAwards__videoContainer__2sjY1 .ProductAwards__videoReviewItem__3nZOl:nth-child(3) {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductAwards__videoWrapper__3UQ57 .ProductAwards__videoContainer__2sjY1 .ProductAwards__videoReviewItem__3nZOl:nth-child(3) {
    margin-left: 0
}

#hd .ProductAwards__videoReviewTitle__2fqpe {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductAwards__videoReviewTitle__2fqpe {
    margin: 0 auto;
    padding-bottom: 62px
}

#hd .ProductAwards__videoReviewTitle__2fqpe h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", condensed;
    text-transform: uppercase;
    line-height: 24px
}

[data-dirtype] #hd .ProductAwards__videoReviewTitle__2fqpe h2 {
    margin: 0 auto
}

#hd .ProductAwards__line__2cgU0 {
    width: 100%;
    height: 1px;
    max-width: 1520px
}

[data-dirtype] #hd .ProductAwards__line__2cgU0 {
    margin: 0 auto;
    background-color: #bfbfbf
}

#hd .ProductAwards__rewardMoreButton__1Q--p {
    width: 100%
}

[data-dirtype] #hd .ProductAwards__rewardMoreButton__1Q--p {
    margin-bottom: 55px
}

#hd .ProductAwards__pageNumbers__1QgW3 {
    max-width: 1520px;
    height: 105px;
    display: flex;
    justify-content: center
}

[data-dirtype] #hd .ProductAwards__pageNumbers__1QgW3 {
    margin: 38px auto 0
}

#hd .ProductAwards__pageNumbers__1QgW3 i {
    color: #202020;
    height: 26px;
    line-height: 26px
}

#hd .ProductAwards__pageNumbers__1QgW3 ul {
    display: flex
}

[data-dirtype] #hd .ProductAwards__pageNumbers__1QgW3 ul {
    margin: 0 28px
}

#hd .ProductAwards__pageNumbers__1QgW3 ul li {
    color: #202020;
    width: 42px;
    height: 26px;
    line-height: 26px;
    position: relative;
    z-index: 1
}

[data-dirtype] #hd .ProductAwards__pageNumbers__1QgW3 ul li {
    cursor: pointer;
    text-align: center
}

#hd .ProductAwards__pageNumbers__1QgW3 ul li.ProductAwards__active__1IrBR {
    color: #fff
}

#hd .ProductAwards__pageNumbers__1QgW3 ul li.ProductAwards__active__1IrBR:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

[data-dirtype] #hd .ProductAwards__pageNumbers__1QgW3 ul li.ProductAwards__active__1IrBR:before {
    background-color: #e30017
}

[data-dirtype=ltr] #hd .ProductAwards__pageNumbers__1QgW3 ul li.ProductAwards__active__1IrBR:before {
    left: 0;
    transform: skew(-12deg)
}

[data-dirtype=rtl] #hd .ProductAwards__pageNumbers__1QgW3 ul li.ProductAwards__active__1IrBR:before {
    right: 0;
    transform: skew(12deg)
}

@media (max-width: 1200px) {
    [data-dirtype] #hd .ProductAwards__productAwardPagePadding__25Bd5 {
        padding: 0 45px
    }

    [data-dirtype] #hd .ProductAwards__videoWrapper__3UQ57 {
        padding: 50px 45px 105px
    }
}

@media (max-width: 1024px) {
    [data-dirtype] #hd .ProductAwards__productAwardPage__2BPhI {
        padding-bottom: 0
    }

    [data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo {
        margin-top: 20px
    }

    [data-dirtype=ltr] #hd .ProductAwards__awardTabs__2C1Vo {
        padding-left: 20px
    }

    [data-dirtype=rtl] #hd .ProductAwards__awardTabs__2C1Vo {
        padding-right: 20px
    }

    #hd .ProductAwards__awardTabs__2C1Vo ul {
        justify-content: flex-start
    }

    [data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo ul {
        margin: 0 auto
    }
}

@media (max-width: 780px) {
    #hd .ProductAwards__rewardContainer__1EsHR {
        flex-direction: column
    }

    [data-dirtype] #hd .ProductAwards__rewardContainer__1EsHR {
        padding: 0
    }

    [data-dirtype] #hd .ProductAwards__productAwardPagePadding__25Bd5 {
        padding: 0 20px
    }

    #hd .ProductAwards__awardTabs__2C1Vo {
        overflow: scroll;
        overflow-y: hidden;
        width: 100%
    }

    [data-dirtype] #hd .ProductAwards__awardTabs__2C1Vo {
        margin-top: 20px
    }

    [data-dirtype=ltr] #hd .ProductAwards__awardTabs__2C1Vo {
        padding-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductAwards__awardTabs__2C1Vo {
        padding-right: 10px
    }

    #hd .ProductAwards__awardTitle__1M5sA {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto
    }

    [data-dirtype] #hd .ProductAwards__awardTitle__1M5sA {
        padding-top: 30px;
        padding-bottom: 25px
    }

    #hd .ProductAwards__awardTitle__1M5sA h2,
    .ProductAwards__reviewWrapper__2Yudk h2 {
        font-size: 22px
    }

    [data-dirtype] #hd .ProductAwards__reviewWrapper__2Yudk h2 {
        padding: 50px 0
    }

    #hd .ProductAwards__reviewMediaContainer__37WLr {
        height: 560px
    }

    [data-dirtype] #hd .ProductAwards__reviewMediaContainer__37WLr {
        margin: 0
    }

    #hd .ProductAwards__videoContentScroll__lBcWo {
        overflow: auto;
        width: 100%
    }
}

#hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
    width: 100%;
    max-width: 360px;
    color: #fff
}

[data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
    padding: 30px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk {
    margin-left: 0;
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk {
    margin-right: 0;
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk:last-child {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk:last-child {
    margin-left: 0
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__lessItem__Bb9ec:last-child {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__lessItem__Bb9ec:last-child {
    margin-left: 0
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__rewardItemLessThanThree__2SA3Z {
    margin-left: 0;
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__rewardItemLessThanThree__2SA3Z {
    margin-right: 0;
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__rewardItemLessThanThree__2SA3Z:last-child {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__rewardItemLessThanThree__2SA3Z:last-child {
    margin-left: 0
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__threeItem__3Bn-X:last-child {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__threeItem__3Bn-X:last-child {
    margin-left: 0
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__oneItem__2Pr6f {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__oneItem__2Pr6f {
    margin-left: 0
}

#hd .ProductOverviewAwardsItem__rewardItem__XdJSB:hover .ProductOverviewAwardsItem__rewardItemName__1lQ70 {
    color: #e30017 !important
}

#hd .ProductOverviewAwardsItem__rewardItem__XdJSB:hover a {
    color: #e30017 !important
}

#hd .ProductOverviewAwardsItem__rewardItem__XdJSB a {
    color: #fff !important;
    display: inline-block
}

#hd .ProductOverviewAwardsItem__rewardItem__XdJSB .ProductOverviewAwardsItem__rewardItemName__1lQ70 {
    color: #fff;
    font-family: condensed;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

[data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB .ProductOverviewAwardsItem__rewardItemName__1lQ70 {
    text-align: center;
    margin: 0 0 15px
}

#hd .ProductOverviewAwardsItem__rewardItem__XdJSB p {
    overflow: hidden;
    font-family: roboto, Microsoft JhengHei, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

[data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB p {
    text-align: center;
    margin-bottom: 0
}

#hd .ProductOverviewAwardsItem__rewardImageWrapper__-eHmF {
    max-width: 290px;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center
}

[data-dirtype] #hd .ProductOverviewAwardsItem__rewardImageWrapper__-eHmF {
    margin: 0 auto 15px
}

#hd .ProductOverviewAwardsItem__rewardImageBox__WQUEJ {
    max-width: 250px;
    height: 150px;
    display: flex;
    align-items: center
}

[data-dirtype] #hd .ProductOverviewAwardsItem__rewardImageBox__WQUEJ {
    margin: 0 auto;
    background: transparent no-repeat 50%/contain
}

#hd .ProductOverviewAwardsItem__rewardImageBox__WQUEJ img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#hd .ProductOverviewAwardsItem__noRewardImage__16hxc {
    max-width: 250px;
    height: 150px;
    display: flex;
    align-items: center
}

[data-dirtype] #hd .ProductOverviewAwardsItem__noRewardImage__16hxc {
    margin: 0 auto 20px
}

#hd .ProductOverviewAwardsItem__noRewardImage__16hxc svg {
    fill: #fff;
    width: 120px
}

[data-dirtype] #hd .ProductOverviewAwardsItem__noRewardImage__16hxc svg {
    margin: 0 auto
}

#hd .ProductOverviewAwardsItem__rewardItemUrlDate__2gaRc {
    display: flex;
    justify-content: space-between
}

[data-dirtype] #hd .ProductOverviewAwardsItem__rewardBottom__1YJW0 {
    border-top: 1px solid #bababa;
    margin-top: 20px;
    padding-top: 20px
}

@media (max-width: 1540px) {
    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        width: calc(25vw - 50px)
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        margin-right: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        margin-left: 40px
    }
}

@media (max-width: 1024px) {
    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        width: calc(33.33333vw - 40px)
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk:last-child {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__fourItem__ZpkRk:last-child {
        margin-left: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__lessItem__Bb9ec {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__lessItem__Bb9ec {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__lessItem__Bb9ec:last-child {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__lessItem__Bb9ec:last-child {
        margin-left: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__threeItem__3Bn-X {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__threeItem__3Bn-X {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__threeItem__3Bn-X:last-child {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__threeItem__3Bn-X:last-child {
        margin-left: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__oneItem__2Pr6f {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__oneItem__2Pr6f {
        margin-left: 10px;
        margin-right: 10px
    }

    #hd .ProductOverviewAwardsItem__rewardImageBox__WQUEJ {
        width: 100%
    }
}

@media (max-width: 780px) {
    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        height: auto;
        width: calc(50vw - 80px);
        max-width: calc(50vw - 80px)
    }

    [data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        padding: 15px 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB.ProductOverviewAwardsItem__rewardItemLessThanThree__2SA3Z {
        margin: 0 0 10px
    }

    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB .ProductOverviewAwardsItem__awardName__3069a {
        height: 28px
    }

    [data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB .ProductOverviewAwardsItem__awardName__3069a {
        margin: 20px 0
    }

    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB h3 {
        font-size: 21.5px;
        -webkit-line-clamp: 1;
        max-height: 28px
    }

    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB p {
        font-size: 13.5px;
        max-width: 280px
    }

    [data-dirtype] #hd .ProductOverviewAwardsItem__rewardItem__XdJSB p {
        margin: 0 auto
    }
}

@media (max-width: 540px) {
    #hd .ProductOverviewAwardsItem__rewardItem__XdJSB {
        height: auto;
        width: 240px;
        max-width: none;
        min-width: 240px
    }
}

#hd .ProductOverviewMediaItem__mediaItem__bpiwv {
    width: 100%;
    max-width: 350px;
    color: #fff
}

[data-dirtype] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
    padding: 30px
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__moreItem__3NBAp {
    margin-left: 0;
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__moreItem__3NBAp {
    margin-right: 0;
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA {
    margin-left: 0;
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA {
    margin-right: 0;
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA:last-child {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA:last-child {
    margin-left: 0
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy {
    margin-left: 0;
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy {
    margin-right: 0;
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy:last-child {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy:last-child {
    margin-left: 0
}

[data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__oneItem__GMSV_ {
    margin-left: 0;
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__oneItem__GMSV_ {
    margin-right: 0;
    margin-left: 0
}

#hd .ProductOverviewMediaItem__mediaItem__bpiwv:hover .ProductOverviewMediaItem__mediaItemName__1V_vU {
    color: #e30017 !important
}

#hd .ProductOverviewMediaItem__mediaItem__bpiwv:hover a {
    color: #e30017 !important
}

#hd .ProductOverviewMediaItem__mediaItem__bpiwv a {
    color: #fff !important;
    display: inline-block
}

#hd .ProductOverviewMediaItem__mediaItem__bpiwv .ProductOverviewMediaItem__mediaItemName__1V_vU {
    color: #fff;
    font-family: segoeui-bold;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

[data-dirtype] #hd .ProductOverviewMediaItem__mediaItem__bpiwv .ProductOverviewMediaItem__mediaItemName__1V_vU {
    text-align: center;
    margin: 0 0 15px
}

#hd .ProductOverviewMediaItem__mediaItem__bpiwv p {
    font-family: roboto, Microsoft JhengHei, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

[data-dirtype] #hd .ProductOverviewMediaItem__mediaItem__bpiwv p {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 0
}

#hd .ProductOverviewMediaItem__mediaImageBox__UM7Si {
    max-width: 250px;
    height: 150px;
    display: flex;
    align-items: center
}

[data-dirtype] #hd .ProductOverviewMediaItem__mediaImageBox__UM7Si {
    margin: 0 auto 20px;
    background: transparent no-repeat 50%/contain
}

#hd .ProductOverviewMediaItem__mediaImageBox__UM7Si img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#hd .ProductOverviewMediaItem__noMediaImage__2xg5n {
    max-width: 250px;
    height: 150px;
    display: flex;
    align-items: center
}

[data-dirtype] #hd .ProductOverviewMediaItem__noMediaImage__2xg5n {
    margin: 0 auto 20px
}

#hd .ProductOverviewMediaItem__noMediaImage__2xg5n svg {
    fill: #fff;
    width: 120px
}

[data-dirtype] #hd .ProductOverviewMediaItem__noMediaImage__2xg5n svg {
    margin: 0 auto
}

@media (max-width: 1540px) {
    #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        width: calc(25vw - 50px)
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-right: 25px;
        margin-left: 25px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-left: 25px;
        margin-right: 25px
    }
}

@media (max-width: 1200px) {
    #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        width: calc(25vw - 40px)
    }

    [data-dirtype] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        padding: 30px 20px 45px
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-right: 20px;
        margin-left: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media (max-width: 1024px) {
    #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        width: calc(33.33333vw - 40px)
    }

    [data-dirtype] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        padding: 15px 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__moreItem__3NBAp {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__moreItem__3NBAp {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA:last-child {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__fourItem__3JGNA:last-child {
        margin-left: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy {
        margin-left: 10px;
        margin-right: 10px
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy:last-child {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__lessItem__3InAy:last-child {
        margin-left: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__oneItem__GMSV_ {
        margin-left: 0;
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv.ProductOverviewMediaItem__oneItem__GMSV_ {
        margin-right: 0;
        margin-left: 0
    }

    #hd .ProductOverviewMediaItem__mediaImageBox__UM7Si {
        width: 100%
    }
}

@media (max-width: 780px) {
    #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        height: auto;
        width: calc(50vw - 80px);
        max-width: calc(50vw - 80px)
    }

    [data-dirtype=ltr] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        margin-left: 10px;
        margin-right: 10px
    }

    #hd .ProductOverviewMediaItem__mediaItem__bpiwv p {
        font-size: 13.5px;
        max-width: 280px
    }

    [data-dirtype] #hd .ProductOverviewMediaItem__mediaItem__bpiwv p {
        margin: 0 auto
    }
}

@media (max-width: 540px) {
    #hd .ProductOverviewMediaItem__mediaItem__bpiwv {
        height: auto;
        width: 240px;
        max-width: none;
        min-width: 240px
    }
}

#hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 {
    width: 100%;
    position: relative
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 {
    background-color: #202020;
    padding-top: 55px
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8.ProductOverviewAwardsContent__black__3btYR {
    background-color: #000
}

#hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2 {
    font-size: 36px !important;
    font-family: "Klavika", Microsoft JhengHei, sans-serif;
    text-transform: uppercase;
    color: #fff !important
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2 {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important
}

#hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2.ProductOverviewAwardsContent__vnRogFontSize__XazXH {
    font-size: 64px !important
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardBorderLine__1qE2Y {
    border-bottom: 1px solid #343434
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ {
    max-width: 1520px;
    position: relative
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ {
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
    position: absolute;
    top: 50%;
    left: -80px;
    font-size: 45px;
    width: 45px
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent;
    padding: 0;
    border: 0
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw svg {
    fill: #e30017
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw:hover>svg {
    fill: #c20013;
    transition: 0.25s ease-in
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw:hover>svg {
    transform: scale(1.05)
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
    position: absolute;
    top: 50%;
    right: -80px;
    font-size: 45px;
    width: 45px
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent;
    padding: 0;
    border: 0
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF svg {
    fill: #e30017
}

#hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF:hover>svg {
    fill: #c20013;
    transition: 0.25s ease-in
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF:hover>svg {
    transform: scale(1.05)
}

#hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
    position: relative;
    overflow: hidden;
    max-width: 1520px;
    box-sizing: content-box !important
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
    margin: 0 auto;
    padding: 55px 0;
    border-bottom: 1px solid #343434
}

[data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5.ProductOverviewAwardsContent__productMediaContainer__1j0sS {
    padding: 55px 0
}

#hd .ProductOverviewAwardsContent__rewardContainer__1BqAB {
    position: relative;
    display: flex;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB {
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productVideoColum__1wcn9 {
    flex-direction: column;
    flex-wrap: wrap;
    height: 700px
}

#hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productAwardItemLessThanThree__HyRH6,
.ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productVideoItemLessThanThree__2dJEn {
    position: relative;
    display: flex;
    justify-content: center
}

#hd .ProductOverviewAwardsContent__rewardMoreContainer__2ShDa {
    max-width: 1520px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    height: 0;
    overflow: hidden;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductOverviewAwardsContent__rewardMoreContainer__2ShDa {
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__rewardMoreContainer__2ShDa.ProductOverviewAwardsContent__isActive__1us7I {
    min-height: 426px;
    height: 100%
}

[data-dirtype] #hd .ProductOverviewAwardsContent__rewardMoreContainer__2ShDa.ProductOverviewAwardsContent__isActive__1us7I {
    padding-bottom: 56px
}

#hd .ProductOverviewAwardsContent__reviewWrapper__21ygO {
    display: flex;
    flex-direction: column
}

[data-dirtype] #hd .ProductOverviewAwardsContent__reviewWrapper__21ygO {
    background-color: #f5f5f5
}

#hd .ProductOverviewAwardsContent__reviewWrapper__21ygO h2 {
    color: #202020;
    display: block;
    font-family: "Klavika", condensed;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwardsContent__reviewWrapper__21ygO h2 {
    padding: 105px 0 72px;
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__reviewMediaContainer__Dr0hW {
    max-width: 1440px;
    display: flex;
    flex-wrap: wrap;
    height: 375px;
    transition: all .4s ease;
    overflow: hidden
}

[data-dirtype] #hd .ProductOverviewAwardsContent__reviewMediaContainer__Dr0hW {
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__reviewMediaContainer__Dr0hW.ProductOverviewAwardsContent__showMoreMedia__180St {
    height: 100%
}

#hd .ProductOverviewAwardsContent__awardTitle__k1Zox {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductOverviewAwardsContent__awardTitle__k1Zox {
    margin: 0 auto;
    padding-top: 105px;
    padding-bottom: 30px
}

#hd .ProductOverviewAwardsContent__awardTitle__k1Zox h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", Microsoft JhengHei, sans-serif;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwardsContent__awardTitle__k1Zox h2 {
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__awardTitle__k1Zox span {
    font-family: "Klavika", Microsoft JhengHei, sans-serif
}

#hd .ProductOverviewAwardsContent__awardTitle__k1Zox .ProductOverviewAwardsContent__nowPage__2ies6 {
    color: #202020;
    font-size: 14px;
    display: inline-block
}

[data-dirtype] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 {
    padding: 105px 0 135px
}

#hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 .ProductOverviewAwardsContent__videoContainer__2zyaT {
    max-width: 1440px;
    display: flex;
    flex-wrap: wrap
}

[data-dirtype] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 .ProductOverviewAwardsContent__videoContainer__2zyaT {
    margin: 0 auto
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 .ProductOverviewAwardsContent__videoContainer__2zyaT .ProductOverviewAwardsContent__videoReviewItem__26xGB {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 .ProductOverviewAwardsContent__videoContainer__2zyaT .ProductOverviewAwardsContent__videoReviewItem__26xGB {
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 .ProductOverviewAwardsContent__videoContainer__2zyaT .ProductOverviewAwardsContent__videoReviewItem__26xGB:nth-child(3) {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 .ProductOverviewAwardsContent__videoContainer__2zyaT .ProductOverviewAwardsContent__videoReviewItem__26xGB:nth-child(3) {
    margin-left: 0
}

#hd .ProductOverviewAwardsContent__videoReviewTitle__SIhZl {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductOverviewAwardsContent__videoReviewTitle__SIhZl {
    margin: 0 auto;
    padding-bottom: 62px
}

#hd .ProductOverviewAwardsContent__videoReviewTitle__SIhZl h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", condensed;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwardsContent__videoReviewTitle__SIhZl h2 {
    margin: 0 auto
}

#hd .ProductOverviewAwardsContent__rewardMoreButton__2u6Oy {
    width: 100%
}

[data-dirtype] #hd .ProductOverviewAwardsContent__rewardMoreButton__2u6Oy {
    margin-bottom: 62px
}

#hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 {
    max-width: 1520px;
    height: 105px;
    display: flex;
    justify-content: center
}

[data-dirtype] #hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 {
    margin: 38px auto 0
}

#hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 i {
    color: #202020;
    height: 26px;
    line-height: 26px
}

#hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul {
    display: flex
}

[data-dirtype] #hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul {
    margin: 0 28px
}

#hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li {
    color: #202020;
    width: 42px;
    height: 26px;
    line-height: 26px;
    position: relative;
    z-index: 1
}

[data-dirtype] #hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li {
    cursor: pointer;
    text-align: center
}

#hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li.ProductOverviewAwardsContent__active__3bB_u {
    color: #fff
}

#hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li.ProductOverviewAwardsContent__active__3bB_u:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

[data-dirtype] #hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li.ProductOverviewAwardsContent__active__3bB_u:before {
    background-color: #e30017
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li.ProductOverviewAwardsContent__active__3bB_u:before {
    left: 0;
    transform: skew(-12deg)
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsContent__pageNumbers__1ocn6 ul li.ProductOverviewAwardsContent__active__3bB_u:before {
    right: 0;
    transform: skew(12deg)
}

@media (max-width: 1730px) {
    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ {
        max-width: 100%
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        left: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        right: 0
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        left: 0
    }
}

@media (max-width: 1540px) {
    #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        max-width: calc(100vw - 200px)
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        left: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        right: 20px
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        left: 20px
    }
}

@media (max-width: 1200px) {
    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPagePadding__3vu8C {
        padding: 55px 45px
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__videoWrapper__2mCb9 {
        padding: 50px 45px 105px
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        left: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        right: 40px
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        right: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        left: 40px
    }
}

@media (max-width: 1024px) {
    #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productVideoItemLessThanThree__2dJEn {
        justify-content: flex-start
    }

    #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productVideoItemOnlyOne__Uh19o {
        justify-content: center
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 {
        padding-top: 50px
    }

    #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        max-width: calc(100vw - 40px);
        height: auto;
        overflow-x: scroll
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        padding: 40px 0 50px;
        margin: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        margin-left: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        margin-right: 40px
    }

    #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5.ProductOverviewAwardsContent__productMediaContainer__1j0sS {
        height: auto
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5.ProductOverviewAwardsContent__productMediaContainer__1j0sS {
        padding: 40px 0
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw,
    .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        display: none
    }
}

@media (max-width: 780px) {
    [data-dirtype] #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB {
        padding: 0
    }

    #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productAwardItemLessThanThree__HyRH6 {
        display: flex;
        justify-content: flex-start
    }

    #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productAwardItemOnlyOne__KddKT {
        justify-content: center
    }

    #hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2 {
        font-size: 28px !important
    }

    #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        max-width: calc(100vw - 10px)
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        padding: 40px 0 55px;
        margin: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        margin-right: 10px
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5.ProductOverviewAwardsContent__productMediaContainer__1j0sS {
        padding: 40px 0
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        top: 50%;
        width: 30px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        left: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__leftButton__sO8Pw {
        right: 0
    }

    #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        top: 50%;
        width: 30px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardPage__20q2_ .ProductOverviewAwardsContent__rightButton__RGgCF {
        left: 0
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardPagePadding__3vu8C {
        padding: 55px 20px
    }

    #hd .ProductOverviewAwardsContent__awardTitle__k1Zox {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__awardTitle__k1Zox {
        padding-top: 30px;
        padding-bottom: 25px
    }

    #hd .ProductOverviewAwardsContent__awardTitle__k1Zox h2,
    .ProductOverviewAwardsContent__reviewWrapper__21ygO h2 {
        font-size: 22px
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__reviewWrapper__21ygO h2 {
        padding: 50px 0
    }

    #hd .ProductOverviewAwardsContent__reviewMediaContainer__Dr0hW {
        height: 560px
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__reviewMediaContainer__Dr0hW {
        margin: 0
    }
}

@media (max-width: 540px) {
    #hd .ProductOverviewAwardsContent__rewardContainer__1BqAB.ProductOverviewAwardsContent__productAwardItemOnlyOne__KddKT {
        justify-content: center
    }

    #hd .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2 {
        font-size: 22px !important
    }

    #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        max-width: calc(100vw - 10px)
    }

    [data-dirtype] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        padding: 40px 0 50px;
        margin: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsContent__productAwardWrapper__3Nko5 {
        margin-right: 10px
    }
}

#hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 22
}

[data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
    padding: 0;
    margin-top: 10px;
    transform: translatez(0)
}

[data-dirtype=ltr] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
    left: 0
}

[data-dirtype=rtl] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
    right: 0
}

[data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ {
    padding-bottom: 20px
}

[data-dirtype=ltr] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ {
    padding-left: 24px
}

[data-dirtype=rtl] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ {
    padding-right: 24px
}

#hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__active__1KHrT .ProductAwardVideoContent__actionTitle__PPqmY {
    color: #e30017
}

#hd .ProductAwardVideoContent__actionTitle__PPqmY {
    font-family: roboto, Microsoft JhengHei, sans-serif;
    color: #fff;
    font-size: 16px;
    width: 100%;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

[data-dirtype] #hd .ProductAwardVideoContent__actionTitle__PPqmY {
    margin-bottom: 0
}

#hd .ProductAwardVideoContent__actionText__1kqan {
    color: #fff;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 1300px) {
    #hd .ProductAwardVideoContent__actionTitle__PPqmY {
        font-size: 18px
    }

    #hd .ProductAwardVideoContent__actionText__1kqan {
        font-size: 14px
    }
}

@media (max-width: 1200px) {
    [data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
        margin-top: 10px
    }
}

@media (max-width: 1024px) {
    #hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
        position: relative;
        color: #fff
    }

    [data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0 {
        padding: 0;
        margin-top: 8px
    }

    [data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ {
        padding: 0 10px 10px
    }

    #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ .ProductAwardVideoContent__actionTitle__PPqmY {
        color: #fff;
        height: 20px;
        line-height: 20px;
        font-family: roboto, Microsoft JhengHei, sans-serif
    }

    [data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ .ProductAwardVideoContent__actionTitle__PPqmY {
        margin: 0
    }

    #hd .ProductAwardVideoContent__actionTitle__PPqmY {
        font-size: 18px
    }

    #hd .ProductAwardVideoContent__actionText__1kqan {
        font-size: 16px
    }
}

@media (max-width: 540px) {
    [data-dirtype] #hd .ProductAwardVideoContent__actionsItemContent__2r7j0.ProductAwardVideoContent__reviewType__NY9eJ {
        padding: 0 10px 10px
    }
}

#hd .AwardVideo__actionVideoContent__27K7P {
    position: relative;
    max-width: 480px
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P {
    cursor: pointer
}

[data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P {
    margin-left: 40px
}

#hd .AwardVideo__actionVideoContent__27K7P:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0
}

[data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P:before {
    left: 0
}

[data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P:before {
    right: 0
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__actionVideo__3qTNw {
    width: calc((100% - 20px)/2);
    height: 405px
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__actionVideo__3qTNw .AwardVideo__videoImage__2aDRv {
    width: 100%;
    height: 100%
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__actionVideo__3qTNw .AwardVideo__videoImage__2aDRv {
    background-position: 50%;
    background-size: contain
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__productVideo__2smGD {
    width: calc((100% - 40px)/3);
    height: 575px
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__productVideo__2smGD .AwardVideo__videoImage__2aDRv {
    width: 100%;
    height: 100%
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__productVideo__2smGD .AwardVideo__videoImage__2aDRv {
    background-position: 50%;
    background-size: cover
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
    width: calc((100% - 156px)/3);
    height: 290px
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
    margin-bottom: 30px
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 .AwardVideo__videoImage__2aDRv {
    width: 100%;
    height: calc(100% - 30px)
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 .AwardVideo__videoImage__2aDRv {
    background-position: 50%;
    background-size: 100%
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
    width: calc((100vw - 280px)/3);
    height: 290px
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
    margin-bottom: 30px
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft .AwardVideo__videoImage__2aDRv {
    width: 100%;
    height: calc(100% - 30px)
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft .AwardVideo__videoImage__2aDRv {
    background-position: 50%;
    background-size: 100%
}

#hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft .AwardVideo__videoBtn__1PwDN {
    top: calc(50% - 15px)
}

[data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft .AwardVideo__videoBtn__1PwDN {
    left: 50%;
    transform: translate(-50%, -50%)
}

[data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft .AwardVideo__videoBtn__1PwDN {
    right: 50%;
    transform: translate(50%, -50%)
}

#hd .AwardVideo__actionVideoContent__27K7P .AwardVideo__actionsItemContent__2h3aw {
    position: relative
}

[data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P .AwardVideo__actionsItemContent__2h3aw {
    padding: 0
}

#hd .AwardVideo__actionVideoContent__27K7P img {
    width: 100%
}

#hd .AwardVideo__actionVideoContent__27K7P .AwardVideo__videoBtn__1PwDN {
    position: absolute;
    top: 50%
}

[data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P .AwardVideo__videoBtn__1PwDN {
    left: 50%;
    transform: translate(-50%, -50%)
}

[data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P .AwardVideo__videoBtn__1PwDN {
    right: 50%;
    transform: translate(50%, -50%)
}

@media (max-width: 1540px) {
    [data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-right: 40px
    }

    [data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-left: 40px
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft,
    .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        width: calc((100vw - 280px)/3)
    }
}

@media (max-width: 1200px) {
    [data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-left: 20px
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft,
    .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        width: calc((100vw - 200px)/3 - 20px);
        height: 194px
    }
}

@media (max-width: 1024px) {
    .AwardVideo__actionVideoContent__27K7P {
        height: 100%;
        align-items: center
    }

    [data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-left: 20px
    }

    #hd .AwardVideo__actionVideoContent__27K7P .AwardVideo__videoBtn__1PwDN {
        top: calc(50% - 2px)
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        width: 80vw;
        height: 212px
    }

    [data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        margin-bottom: 0
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
        width: 80vw;
        height: 212px
    }

    [data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
        margin-bottom: 0
    }
}

@media (max-width: 780px) {
    [data-dirtype=ltr] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-right: 10px;
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .AwardVideo__actionVideoContent__27K7P {
        margin-left: 10px;
        margin-right: 10px
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        width: 80vw;
        height: 212px
    }

    [data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        margin-bottom: 0
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
        width: 80vw;
        height: 212px
    }

    [data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
        margin-bottom: 0
    }
}

@media (max-width: 540px) {
    .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        width: 80vw;
        height: 212px
    }

    [data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__reviewVideo__2EIY2 {
        margin-bottom: 0
    }

    #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
        width: 80vw;
        height: 212px
    }

    [data-dirtype] #hd .AwardVideo__actionVideoContent__27K7P.AwardVideo__overviewVideo__34aft {
        margin-bottom: 0
    }
}

#hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU {
    width: 100%;
    position: relative
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU {
    background-color: #000;
    padding-top: 52px
}

#hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2 {
    font-size: 36px !important;
    font-family: "Klavika", Microsoft JhengHei, sans-serif;
    text-transform: uppercase;
    color: #fff !important
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2 {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important
}

#hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2.ProductOverviewAwardsVideoContent__vnRogFontSize__36Lfz {
    font-size: 64px !important
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 {
    max-width: 1520px;
    position: relative
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 {
    margin: 0 auto
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
    position: absolute;
    top: 50%;
    left: -65px;
    font-size: 45px;
    width: 45px
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent;
    padding: 0;
    border: 0
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM svg {
    fill: #e30017
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM:hover>svg {
    fill: #c20013;
    transition: 0.25s ease-in
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM:hover>svg {
    transform: scale(1.05)
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
    position: absolute;
    top: 50%;
    right: -65px;
    font-size: 45px;
    width: 45px
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
    transform: translateY(-50%);
    cursor: pointer;
    background: transparent;
    padding: 0;
    border: 0
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW svg {
    fill: #e30017
}

#hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW:hover>svg {
    fill: #c20013;
    transition: 0.25s ease-in
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW:hover>svg {
    transform: scale(1.05)
}

#hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35 {
    position: relative;
    overflow: hidden;
    max-width: 1520px;
    height: 280px;
    box-sizing: content-box !important
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35 {
    padding: 55px 0 65px;
    margin: 0 auto
}

#hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__productVideoContainer__X2j-r {
    height: 640px
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
    border-bottom: 1px solid #343434
}

#hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx {
    position: absolute;
    display: flex;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx {
    margin: 0 auto
}

#hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h {
    flex-wrap: wrap;
    height: 700px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
    margin-left: 0
}

#hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoColum__26qdj {
    flex-direction: column;
    flex-wrap: wrap;
    height: 700px
}

#hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productAwardItemLessThanThree__2w2HP,
.ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoItemLessThanThree__PAcr7,
.ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoItemOnlyOne__31o8m {
    position: relative;
    display: flex;
    justify-content: center
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoItemOnlyOne__31o8m .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoItemOnlyOne__31o8m .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
    margin-left: 0
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh {
    padding: 105px 0 135px
}

#hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 {
    max-width: 1440px;
    display: flex;
    flex-wrap: wrap
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 {
    margin: 0 auto
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3) {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3) {
    margin-left: 0
}

#hd .ProductOverviewAwardsVideoContent__videoReviewTitle__1VyTu {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__videoReviewTitle__1VyTu {
    margin: 0 auto;
    padding-bottom: 62px
}

#hd .ProductOverviewAwardsVideoContent__videoReviewTitle__1VyTu h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", condensed;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwardsVideoContent__videoReviewTitle__1VyTu h2 {
    margin: 0 auto
}

@media (max-width: 1730px) {
    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 {
        max-width: 100%
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        left: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        right: 0
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        left: 0
    }
}

@media (max-width: 1540px) {
    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35 {
        max-width: calc(100vw - 200px)
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-right: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-left: 40px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
        margin-left: 0
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        left: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        right: 40px
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        right: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        left: 40px
    }
}

@media (max-width: 1200px) {
    #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoColum__26qdj {
        height: 450px
    }

    #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h {
        height: 388px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-left: 20px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
        margin-right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
        margin-left: 0
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPagePadding__2oAtV {
        padding: 55px 45px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh {
        padding: 50px 45px 105px
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__productVideoContainer__X2j-r {
        height: 450px
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        left: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM {
        right: 40px
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        right: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        left: 40px
    }
}

@media (max-width: 1024px) {

    #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoColum__26qdj,
    .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h {
        flex-direction: row;
        flex-wrap: nowrap;
        height: auto
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-left: 20px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx.ProductOverviewAwardsVideoContent__productVideoHeight__17t0h .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z:nth-child(3n) {
        margin-left: 20px
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35 {
        max-width: calc(100vw - 40px);
        overflow-x: scroll
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        height: 210px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        padding: 40px 0 50px;
        margin: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        margin-left: 40px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        margin-right: 40px
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__leftButton___vulM,
    .ProductOverviewAwardsVideoContent__productAwardPage__1NCl1 .ProductOverviewAwardsVideoContent__rightButton__dKrkW {
        display: none
    }
}

@media (max-width: 780px) {
    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__awardVideoContainer__JEgwx {
        padding: 0
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2 {
        font-size: 28px !important
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35 {
        max-width: calc(100vw - 20px)
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        height: 240px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        padding: 40px 0 50px;
        margin: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        margin-left: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        margin-right: 20px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardPagePadding__2oAtV {
        padding: 55px 20px
    }

    #hd .ProductOverviewAwardsVideoContent__awardTitle__1cFTF {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__awardTitle__1cFTF {
        padding-top: 30px;
        padding-bottom: 25px
    }

    #hd .ProductOverviewAwardsVideoContent__awardTitle__1cFTF h2 {
        font-family: "Klavika", Microsoft JhengHei, sans-serif;
        font-size: 22px
    }

    #hd .ProductOverviewAwardsVideoContent__reviewWrapper__1Ot8T h2 {
        font-size: 22px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__reviewWrapper__1Ot8T h2 {
        padding: 50px 0
    }

    #hd .ProductOverviewAwardsVideoContent__reviewMediaContainer__sTtTK {
        height: 560px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__reviewMediaContainer__sTtTK {
        margin: 0
    }

    #hd .ProductOverviewAwardsVideoContent__videoContentScroll__m3u_h {
        overflow-x: auto;
        width: 100%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh {
        padding: 50px 0 50px 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh {
        padding: 50px 20px 50px 0
    }

    #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        width: 300px;
        height: 197px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoContainer__14FA5 .ProductOverviewAwardsVideoContent__videoReviewItem__38y9z {
        margin-left: 20px
    }

    #hd .ProductOverviewAwardsVideoContent__videoWrapper__acRWh .ProductOverviewAwardsVideoContent__videoReviewTitle__1VyTu h2 {
        font-size: 22px
    }
}

@media (max-width: 540px) {
    #hd .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2 {
        font-size: 22px !important
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35 {
        max-width: calc(100vw - 10px)
    }

    #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        height: 210px
    }

    [data-dirtype] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        padding: 40px 0 50px;
        margin: 0
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        margin-left: 10px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwardsVideoContent__productAwardWrapper__2rk35.ProductOverviewAwardsVideoContent__videoAwardWrapper__2TKuU {
        margin-right: 10px
    }
}

#hd .ProductOverviewAwards__productOverviewAwards__1MI5n {
    position: relative
}

#hd .ProductOverviewAwards__productAwardContainer__sJSAK {
    width: 100%;
    position: relative
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardContainer__sJSAK {
    background-color: #2d2d2d;
    padding-top: 45px
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardContainer__sJSAK.ProductOverviewAwards__black__1y43g {
    background-color: #000
}

#hd .ProductOverviewAwards__productAwardContainer__sJSAK h2 {
    font-size: 36px;
    font-family: "Klavika", Microsoft JhengHei, sans-serif;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardContainer__sJSAK h2 {
    text-align: center;
    margin: 0
}

#hd .ProductOverviewAwards__productAwardPage__1nmod {
    max-width: 1520px;
    position: relative
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardPage__1nmod {
    margin: 0 auto
}

#hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
    position: absolute;
    top: 50%;
    left: -50px;
    font-size: 45px;
    width: 45px
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
    transform: translateY(-50%);
    cursor: pointer
}

#hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq svg {
    fill: #e30017
}

#hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq:hover>svg {
    fill: #c20013;
    transition: 0.25s ease-in
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq:hover>svg {
    transform: scale(1.05)
}

#hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
    position: absolute;
    top: 50%;
    right: -50px;
    font-size: 45px;
    width: 45px
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
    transform: translateY(-50%);
    cursor: pointer
}

#hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO svg {
    fill: #e30017
}

#hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO:hover>svg {
    fill: #c20013;
    transition: 0.25s ease-in
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO:hover>svg {
    transform: scale(1.05)
}

#hd .ProductOverviewAwards__productAwardWrapper__2x5lO {
    position: relative;
    overflow: hidden;
    max-width: 1520px;
    height: 400px
}

[data-dirtype] #hd .ProductOverviewAwards__productAwardWrapper__2x5lO {
    padding: 55px 0 65px;
    margin: 0 auto
}

#hd .ProductOverviewAwards__rewardContainer__2qEJH {
    width: 1520px;
    position: absolute;
    display: flex;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductOverviewAwards__rewardContainer__2qEJH {
    margin: 0 auto
}

#hd .ProductOverviewAwards__rewardContainer__2qEJH.ProductOverviewAwards__rewardItemLessThanThree__2gdPW {
    justify-content: center
}

#hd .ProductOverviewAwards__rewardMoreContainer__Y_lnS {
    max-width: 1520px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    height: 0;
    overflow: hidden;
    transition: all 0.25s ease
}

[data-dirtype] #hd .ProductOverviewAwards__rewardMoreContainer__Y_lnS {
    margin: 0 auto
}

#hd .ProductOverviewAwards__rewardMoreContainer__Y_lnS.ProductOverviewAwards__isActive__vAU5X {
    min-height: 426px;
    height: 100%
}

[data-dirtype] #hd .ProductOverviewAwards__rewardMoreContainer__Y_lnS.ProductOverviewAwards__isActive__vAU5X {
    padding-bottom: 56px
}

#hd .ProductOverviewAwards__reviewWrapper__dOpZd {
    display: flex;
    flex-direction: column
}

[data-dirtype] #hd .ProductOverviewAwards__reviewWrapper__dOpZd {
    background-color: #f5f5f5
}

#hd .ProductOverviewAwards__reviewWrapper__dOpZd h2 {
    color: #202020;
    display: block;
    font-family: "Klavika", condensed;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwards__reviewWrapper__dOpZd h2 {
    padding: 105px 0 72px;
    margin: 0 auto
}

#hd .ProductOverviewAwards__reviewMediaContainer__3IxKt {
    max-width: 1440px;
    display: flex;
    flex-wrap: wrap;
    height: 375px;
    transition: all .4s ease;
    overflow: hidden
}

[data-dirtype] #hd .ProductOverviewAwards__reviewMediaContainer__3IxKt {
    margin: 0 auto
}

#hd .ProductOverviewAwards__reviewMediaContainer__3IxKt.ProductOverviewAwards__showMoreMedia__2pDtV {
    height: 100%
}

#hd .ProductOverviewAwards__awardTitle__2FM_z {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductOverviewAwards__awardTitle__2FM_z {
    margin: 0 auto;
    padding-top: 105px;
    padding-bottom: 30px
}

#hd .ProductOverviewAwards__awardTitle__2FM_z h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", Microsoft JhengHei, sans-serif;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwards__awardTitle__2FM_z h2 {
    margin: 0 auto
}

#hd .ProductOverviewAwards__awardTitle__2FM_z span {
    font-family: "Klavika", Microsoft JhengHei, sans-serif
}

#hd .ProductOverviewAwards__awardTitle__2FM_z .ProductOverviewAwards__nowPage__2m94D {
    color: #202020;
    font-size: 14px;
    display: inline-block
}

[data-dirtype] #hd .ProductOverviewAwards__videoWrapper__1tQxN {
    padding: 105px 0 135px
}

#hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD {
    max-width: 1440px;
    display: flex;
    flex-wrap: wrap
}

[data-dirtype] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD {
    margin: 0 auto
}

[data-dirtype=ltr] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI {
    margin-right: 40px
}

[data-dirtype=rtl] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI {
    margin-left: 40px
}

[data-dirtype=ltr] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI:nth-child(3) {
    margin-right: 0
}

[data-dirtype=rtl] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI:nth-child(3) {
    margin-left: 0
}

#hd .ProductOverviewAwards__videoReviewTitle__1I2Zc {
    max-width: 1520px;
    display: flex;
    align-items: flex-end
}

[data-dirtype] #hd .ProductOverviewAwards__videoReviewTitle__1I2Zc {
    margin: 0 auto;
    padding-bottom: 62px
}

#hd .ProductOverviewAwards__videoReviewTitle__1I2Zc h2 {
    color: #202020;
    display: inline-block;
    font-family: "Klavika", condensed;
    text-transform: uppercase
}

[data-dirtype] #hd .ProductOverviewAwards__videoReviewTitle__1I2Zc h2 {
    margin: 0 auto
}

#hd .ProductOverviewAwards__rewardMoreButton__OHH5q {
    width: 100%
}

[data-dirtype] #hd .ProductOverviewAwards__rewardMoreButton__OHH5q {
    margin-bottom: 62px
}

#hd .ProductOverviewAwards__pageNumbers__3DhdU {
    max-width: 1520px;
    height: 105px;
    display: flex;
    justify-content: center
}

[data-dirtype] #hd .ProductOverviewAwards__pageNumbers__3DhdU {
    margin: 38px auto 0
}

#hd .ProductOverviewAwards__pageNumbers__3DhdU i {
    color: #202020;
    height: 26px;
    line-height: 26px
}

#hd .ProductOverviewAwards__pageNumbers__3DhdU ul {
    display: flex
}

[data-dirtype] #hd .ProductOverviewAwards__pageNumbers__3DhdU ul {
    margin: 0 28px
}

#hd .ProductOverviewAwards__pageNumbers__3DhdU ul li {
    color: #202020;
    width: 42px;
    height: 26px;
    line-height: 26px;
    position: relative;
    z-index: 1
}

[data-dirtype] #hd .ProductOverviewAwards__pageNumbers__3DhdU ul li {
    cursor: pointer;
    text-align: center
}

#hd .ProductOverviewAwards__pageNumbers__3DhdU ul li.ProductOverviewAwards__active__1hRdY {
    color: #fff
}

#hd .ProductOverviewAwards__pageNumbers__3DhdU ul li.ProductOverviewAwards__active__1hRdY:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

[data-dirtype] #hd .ProductOverviewAwards__pageNumbers__3DhdU ul li.ProductOverviewAwards__active__1hRdY:before {
    background-color: #e30017
}

[data-dirtype=ltr] #hd .ProductOverviewAwards__pageNumbers__3DhdU ul li.ProductOverviewAwards__active__1hRdY:before {
    left: 0;
    transform: skew(-12deg)
}

[data-dirtype=rtl] #hd .ProductOverviewAwards__pageNumbers__3DhdU ul li.ProductOverviewAwards__active__1hRdY:before {
    right: 0;
    transform: skew(12deg)
}

@media (max-width: 1730px) {
    #hd .ProductOverviewAwards__productAwardPage__1nmod {
        max-width: 100%
    }

    #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        left: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        right: 0
    }

    #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        left: 0
    }
}

@media (max-width: 1540px) {
    #hd .ProductOverviewAwards__productAwardWrapper__2x5lO {
        max-width: calc(100vw - 200px)
    }

    #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        left: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        right: 20px
    }

    #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        top: 50%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        left: 20px
    }
}

@media (max-width: 1200px) {
    [data-dirtype] #hd .ProductOverviewAwards__productAwardPagePadding__2YKBX {
        padding: 55px 45px
    }

    [data-dirtype] #hd .ProductOverviewAwards__videoWrapper__1tQxN {
        padding: 50px 45px 105px
    }
}

@media (max-width: 1024px) {
    #hd .ProductOverviewAwards__productAwardWrapper__2x5lO {
        max-width: calc(100vw - 120px)
    }

    #hd .ProductOverviewAwards__productAwardWrapper__2x5lO.ProductOverviewAwards__videoAwardWrapper__NxBO0 {
        height: 300px
    }
}

@media (max-width: 780px) {
    [data-dirtype] #hd .ProductOverviewAwards__rewardContainer__2qEJH {
        padding: 0
    }

    #hd .ProductOverviewAwards__productAwardWrapper__2x5lO {
        max-width: calc(100vw - 80px)
    }

    #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        top: 50%;
        width: 30px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        left: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__leftButton__23yVq {
        right: 0
    }

    #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        top: 50%;
        width: 30px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        right: 0
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__productAwardPage__1nmod .ProductOverviewAwards__rightButton__2kODO {
        left: 0
    }

    [data-dirtype] #hd .ProductOverviewAwards__productAwardPagePadding__2YKBX {
        padding: 55px 20px
    }

    #hd .ProductOverviewAwards__awardTitle__2FM_z {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto
    }

    [data-dirtype] #hd .ProductOverviewAwards__awardTitle__2FM_z {
        padding-top: 30px;
        padding-bottom: 25px
    }

    #hd .ProductOverviewAwards__awardTitle__2FM_z h2,
    .ProductOverviewAwards__reviewWrapper__dOpZd h2 {
        font-size: 22px
    }

    [data-dirtype] #hd .ProductOverviewAwards__reviewWrapper__dOpZd h2 {
        padding: 50px 0
    }

    #hd .ProductOverviewAwards__reviewMediaContainer__3IxKt {
        height: 560px
    }

    [data-dirtype] #hd .ProductOverviewAwards__reviewMediaContainer__3IxKt {
        margin: 0
    }

    #hd .ProductOverviewAwards__videoContentScroll__5RM9K {
        overflow-x: auto;
        width: 100%
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__videoWrapper__1tQxN {
        padding: 50px 0 50px 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__videoWrapper__1tQxN {
        padding: 50px 20px 50px 0
    }

    #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI {
        width: 300px;
        height: 197px
    }

    [data-dirtype=ltr] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI {
        margin-right: 20px
    }

    [data-dirtype=rtl] #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoContainer__2_TQD .ProductOverviewAwards__videoReviewItem__ycXBI {
        margin-left: 20px
    }

    #hd .ProductOverviewAwards__videoWrapper__1tQxN .ProductOverviewAwards__videoReviewTitle__1I2Zc h2 {
        font-size: 22px
    }
}

@media (max-width: 540px) {
    #hd .ProductOverviewAwards__productAwardContainer__sJSAK h2 {
        font-size: 28px
    }

    #hd .ProductOverviewAwards__productAwardWrapper__2x5lO {
        max-width: calc(100vw - 80px)
    }

    #hd .ProductOverviewAwards__productAwardWrapper__2x5lO.ProductOverviewAwards__videoAwardWrapper__NxBO0 {
        height: 360px
    }

    [data-dirtype] #hd .ProductOverviewAwards__productAwardWrapper__2x5lO.ProductOverviewAwards__videoAwardWrapper__NxBO0 {
        padding: 20px 0
    }
}

#hd .sec-overview .list-ksp {
    max-width: 56em
}

/*# sourceMappingURL=hd-style.css.map */

#hd .main-kv {
    position: relative;
}

#hd .main-kv .hd-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: flex-end; */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

#hd .main-kv .hd-content {
    margin-bottom: 0%;
    margin-left: 58%;
    padding-right: 5%;
    width: 42%;
}

#hd .main-kv h3{
    font-size: 1.625em;
}
#hd .main-kv h2 {
    font-size: 3.75em;
    letter-spacing: -0.01em;
    line-height: 1.2;
    padding-left: 0;
    margin-bottom: .5em;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    font-weight: bold;
}

#hd .main-kv p {
    /* text-shadow: 0 0 2px black, 0 0 5px black, 0 0 15px black; */
}

@media screen and (max-width: 1024px) {
    #hd .main-kv figure {
        position: relative;
        overflow: hidden;
    }

    #hd .main-kv figure img {
            width: 200%;
    max-width: none !important;
    margin: -15% -5% -10%;
    }

    #hd .main-kv .hd-container {
        position: relative;
    }

    #hd .main-kv .hd-content {
        width: 90%;
        padding: 2em 0 4em;
        margin-bottom: 0;
        margin-left: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
@media screen and (max-width: 1480px) {
    #hd .main-kv h2 {
        font-size: 3em;
        font-weight: 600;
    }
}
@media screen and (max-width: 768px) {
    #hd .main-kv h2 {
        font-size: 3em;
        font-weight: 600;
    }
    #hd .main-kv h3{
        font-size: 1.4em;
    }
}
#hd p.note{
    text-align: center;
    font-size: 0.8em;
    color: #000;
    margin: 2em 0;
    color: #fff;
}


#hd #pageContent-NVIDIA{
    position: relative;
    margin-top: 0px;
    padding: 100px 0 100px;
        /* overflow: hidden */;
}
#hd #pageContent-NVIDIA:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 120px;
    top: -120px;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(112, 156, 193, 0.2) 100%);
}
#hd #pageContent-NVIDIA .maintitle{
    padding: 0 18px;
    padding-right: 10em;
}
@media only screen and (max-width: 1280px) {
    #hd #pageContent-NVIDIA .maintitle{
        padding: 0 18px;
    }
}
#hd #pageContent-NVIDIA .slider {
    width: 100%;
    text-align: center;
    max-width: 1400px;
    margin: 50px auto;
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
}
.slick-initialized .slick-slide{

}
#hd #pageContent-NVIDIA button{
        width: 50px;
    height: 50px;
    top: calc(50% - 25px);
}
#hd #pageContent-NVIDIA .slick-prev{
        left: -50px;
}
#hd #pageContent-NVIDIA .slick-next{
        right: -25px;
}

#hd #pageContent-NVIDIA .slick-prev:before, #hd #pageContent-NVIDIA .slick-next:before {
  color: #0072ce !important;
}
#hd #pageContent-NVIDIA .slick-prev:before{
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../img/arrow.svg) bottom left no-repeat;
    transform: rotate(-180deg);
}
/* #hd #pageContent-NVIDIA .slick-prev:hover:before{
    color: #0072ce;
    background: url(../img/slick_prev_h.svg) center center no-repeat;
    background-size: 100%;
    font-family: inherit;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
} */
#hd #pageContent-NVIDIA .slick-next:before{
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url(../img/arrow.svg) bottom left no-repeat;
    right: 0px;
    top: 0px;
}
/* #hd #pageContent-NVIDIA .slick-next:hover:before{
    background: url(../img/slick_next_h.png) center center no-repeat;
    background-size: 100%;
    font-family: inherit;
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    min-width: 50px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-20%, -50%);
} */
@media only screen and (max-width: 1024px) {
    #hd #pageContent-NVIDIA .slider {
        width: calc(100% - 100px);
        text-align: center;
        max-width: 1400px;

    }
}
@media only screen and (max-width: 768px) {
    .slick-prev, .slick-next{
        width: 15px;
        height: 15px;
    }
    #hd #pageContent-NVIDIA .slick-prev:before,
    #hd #pageContent-NVIDIA .slick-next:before{
        min-width: 40px;
        min-height: 40px;
    }
}

#hd #pageContent-NVIDIA .align-items-center {
    align-items: center;
}
#hd #pageContent-NVIDIA .flex-wrap {
    display: flex;
    flex-wrap: wrap;
}
#hd #pageContent-NVIDIA .hd-col33{
    width: 33.3333%;
    max-width: 300px;
    margin: 0 auto;
    padding: 0 1px;
}
#hd #pageContent-NVIDIA .hd-item .hd-content {
    padding-left: 2.5em;
    text-align: left;
}
#hd #pageContent-NVIDIA .hd-item .hd-content h3{
    display: inline-block;
    font-family: xolonium, sans-serif;
    font-size: 1.5em !important;
    line-height: 32px !important;
    font-weight: 300 !important;
    color: #6da6d6;
    background: transparent;
    background: -webkit-linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    background: -moz-linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    background: -o-linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    background: linear-gradient(to right, #343434 0%, #b2b2b2 38%, #b2b2b2 58%, #343434 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px !important;
    text-align: left;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #hd #pageContent-NVIDIA .hd-item .hd-content h3 {
        position: relative;
        color: #6da6d6;
        background: transparent
    }
}
@supports (-ms-accelerator:true) {
    #hd #pageContent-NVIDIA .hd-item .hd-content h3 {
        position: relative;
        color: #6da6d6;
        background: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #6da6d6
    }
}
#hd #pageContent-NVIDIA .hd-item .hd-content p{
    color: white;
    font-size: 1.25em !important;
    line-height: 1.3 !important;
}
#hd #pageContent-NVIDIA .hd-col66 {
    width: 66.6666%;
}
#hd #pageContent-NVIDIA .slick-dots{
    margin: 10px 0 30px;
    position: relative;
}
#hd #pageContent-NVIDIA .slick-dots li{
        margin: 3px 5px;
}
#hd #pageContent-NVIDIA .slick-dots li button:before{
    color: #4b4b4b;
    opacity: 1;
}
#hd #pageContent-NVIDIA .slick-dots li.slick-active button:before{
    color: #00a0ff;
    opacity: 1;
}
#hd #pageContent-NVIDIA .slick-dots li button{
    width: 20px;
    height: 20px;
}
#hd #pageContent-NVIDIA .slick-dots li button:before{
        font-size: 15px;
    line-height: 22px;
        width: 20px;
    height: 20px;
}
@media (max-width: 768px){
    #hd #pageContent-NVIDIA .carouselCon .regular{
        width: 100%;
    }
    #hd #pageContent-NVIDIA .slick-dots li{
            margin: 3px 0px;
    }
        #hd #pageContent-NVIDIA .slider {
        width: calc(100% - 16px);
    }
    #hd #pageContent-NVIDIA .hd-item figure, #hd #pageContent-NVIDIA .hd-item .hd-content {
        width: 100%;
        padding: 0;
        margin-bottom: 0em;
    }
    #hd #pageContent-NVIDIA .hd-col33{
        margin-bottom: 25px !important
    }
    #hd #pageContent-NVIDIA .regular .slick-dots{
        margin: 50px 0 0 !important;
        display: inline-block;
        width: 100%;
        top: 0;
        right: 0;
        text-align: center;
    }
    #hd #pageContent-NVIDIA .carouselCon .owl-nav{
        top: inherit;
        width: 100%;
        bottom: 20%;
        left: 0;
        position: relative;
        margin-bottom: 50px;
    }
    #hd #pageContent-NVIDIA .hd-item .hd-content p{
        margin-bottom: 0
    }
    #hd #pageContent-NVIDIA .slick-prev, #hd #pageContent-NVIDIA .slick-next{
        top: 98%;
        transform: translate(0, 0%);
    }
    #hd #pageContent-NVIDIA .slick-prev{
        left: 30px;
    }
    #hd #pageContent-NVIDIA .slick-next{
        right: 30px;
    }
}


@font-face {
    font-family: 'Helvetica';
    src: url("../fonts/HelveticaNowDisplay-Regular.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Helvetica';
    src: url("../fonts/HelveticaNowDisplay-Medium.ttf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

#hd .color-adobe {
    color: #5e11dd
}

#hd .sec-adobe {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8em 0;
    background: white;
    color: black;
    padding-right: 10em;
    margin-top: 50px;
}

#hd .sec-adobe h3 {
    font-family: "Roboto", "MyriadPro", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: 2.5em;
    color: black !important;
    margin-bottom: .5em
}

#hd .sec-adobe p {
    font-family: "Roboto", "MyriadPro", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: 1.125em;
    line-height: 1.125
}

#hd .sec-adobe .hd-bg {
    width: 100%;
    margin: -8% 0 -8.5%
}

#hd .sec-adobe .list-feature li {
    padding: 0 1em;
    margin-bottom: 3em
}

#hd .sec-adobe .list-feature h4 {
    font-family: "Roboto", "MyriadPro", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: 1.5em;
    line-height: 1;
    letter-spacing: 0;
    margin-bottom: .125em
}

#hd .sec-adobe .hd-btn {
    font-family: "Roboto", "MyriadPro", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    font-size: 1.25em;
    padding: .5em 2em;
    margin: .25em 1em;
    background: #25282f;
    color: white
}

#hd .sec-adobe .hd-btn:hover {
    filter: brightness(120%)
}

#hd .sec-adobe .hd-btn.btn-adobe {
    background: #5e11dd
}

#hd .sec-adobe .hd-btn.btn-adobe:hover {
    filter: brightness(120%)
}

#hd .sec-adobe small {
    font-family: "Roboto", "MyriadPro", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif
}

@media screen and (max-width: 1280px) {
    #hd .sec-adobe {
        padding: 4em 0
    }

    #hd .sec-adobe .hd-bg {
        margin: -6% 0 -8%
    }

    #hd .sec-adobe .list-feature li {
        margin-bottom: 1.5em
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait),
screen and (max-width: 1023px) {
    #hd .sec-adobe {
        padding: 4em 0
    }

    #hd .sec-adobe .hd-bg {
        margin: -2% 0
    }
}

@media screen and (max-width: 768px) {
    #hd .sec-adobe {
        position: relative;
        overflow: hidden
    }

    #hd .sec-adobe .hd-bg {
        width: 120%;
        max-width: none !important;
        margin-left: -10%
    }
}

@media screen and (max-width: 620px) {
    #hd .sec-adobe h3 {
        font-size: 2em
    }

    #hd .sec-adobe .list-feature {
        margin-bottom: 2em
    }

    #hd .sec-adobe .list-feature li {
        width: 100%
    }

    #hd .sec-adobe .hd-btn {
        margin: .25em
    }
}



#hd .flexCon { display: flex; flex-wrap: wrap; width: 100%;}
#hd .flexCon.flex-50-50 > .flex-item { position: relative; width: 50%; padding: 0px; }
#hd .flexCon.flex-50-50 > .flex-item img { width: 100%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-45 { width: 45%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-55 { width: 55%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-40 { width: 40%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-60 { width: 60%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-35 { width: 35%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-65 { width: 65%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-25 { width: 25%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-75 { width: 75%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-30 { width: 30%; }
#hd .flexCon.flex-50-50 > .flex-item.flex-70 { width: 70%; }
#hd .flexCon.flex-50-50 > .flex-item:first-child { padding: 0px; }
#hd .flexCon.flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
#hd .translate_box { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media only screen and (max-width: 768px) {
  #hd .flexCon.flex-50-50 > .flex-item { position: relative; width: 100%; padding: 0px; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-45 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-55 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-40 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-60 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-35 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-65 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-25 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-75 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-30 { width: 100%; }
  #hd .flexCon.flex-50-50 > .flex-item.flex-70 { width: 100%; }
  #hd .flexCon.flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  #hd .translate_box { position: relative; top: inherit; left: inherit !important; transform: translate(0%, 0%); }
}

#hd .flex-item .info, #hd .mainfull .maintitle .info, #hd .mainsize .maintitle .info, #hd .product-content .maintitle .info {
    font-family: "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    color: #000 !important;
    font-size: 1.125em;
    line-height: 1.2em;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    letter-spacing: -0.007em;
    margin-top: 0.56em;
    margin-bottom: 0px;
}
#hd .pic_angle{
    border-radius: 10px;
    overflow: hidden;
}
/**/
#hd #pageContent-tab-Lightweight .pic_lightweight_box{
    position: relative;
    display: inline-block;
}
#hd #pageContent-tab-Lightweight .pic_lightweight_box .pic_lightweight_pd{
    position: absolute;
    top: 0;
    left: 0;
}
#hd #pageContent-tab-Lightweight .pic_lightweight_box .pic_lightweight_pd_m{
     animation-name: pic_lightweight_pd_move;
      animation-duration: 3s;
      animation-iteration-count: infinite; /* 无限循环 */
      animation-direction: alternate; /* 在循环间交替播放 */
}

@keyframes pic_lightweight_pd_move {
  0% {
    top: 0;
  }
  100% {
    top: 20px;
  }
}

/**/
#hd #pageContent-tab-Superior-images .mode_chang{
        display: flex;
    flex-wrap: wrap;
}
#hd #pageContent-tab-Superior-images .mode_chang li{
    margin: 5px 3px 0 0;
    width: 22%;
}
#hd #pageContent-tab-Superior-images .mode_chang li button{
            width: 100%;
}
#hd #pageContent-tab-Superior-images .mode_chang li button p{
    display: inline-block;
    color: #1076b1;
    font-size: 1em;
}
#hd #pageContent-tab-Superior-images .mode_chang_btn{
    padding: 15px 25px;
    background: #f0f2f4;
    border: 1px solid #1076b1;
}
#hd #pageContent-tab-Superior-images .mode_chang_btn.active{
    background: #1076b1;
}
#hd #pageContent-tab-Superior-images .mode_chang_btn.active p{
    color: #ffffff;
}
#hd #pageContent-tab-Superior-images .mode_images .mode_img{
    display: none;
}
#hd #pageContent-tab-Superior-images .mode_images .mode_img.active{
    display: block;
}
@media only screen and (max-width: 1480px) {
    #hd #pageContent-tab-Superior-images .mode_chang li button{
        min-width: 110px;
    }
}
@media only screen and (max-width: 1480px) {
    #hd #pageContent-tab-Superior-images .mode_chang li{
        width: auto;
    }
}
#hd .maintitle .tab_btn{
    background: #76b900;
    color: #000;
    padding: 8px 20px;
    font-weight: bold;
    margin: 15px 0 0;
    display: inline-block;
}
#hd .maintitle .tab_btn:hover{
    background: #91c733
}

/*#hd #AMD-Gaming*/
#hd #AMD-Gaming{
    /* background:#ffffff; */
    padding: 50px 0 50px;
    background: #000 url(../img/bg_01.jpg) center left no-repeat;
    
   /*  background-position-x: center; */
   /*  background-attachment: fixed !important; */
    background-size: contain;
}
#hd #AMD-Gaming .maintitle {
    text-align: center;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}
#hd #AMD-Gaming .maintitle .hd-container{
    margin-bottom: 30px;
}
#hd #AMD-Gaming figure{
    position: relative;
}
#hd #AMD-Gaming a.youtube_b{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: -9999px;
}
#hd #AMD-Gaming .fir-container .mode_images.hd-col50 img{
        min-width: 710px !important;
    margin: 0 0 0 -10%;
}

#hd #AMD-Gaming .fir-container .hd-content.hd-col50{
    padding: 0 10% 0 10%;
}
#hd #AMD-Gaming .sec-container .hd-content.hd-col50{
    padding: 0 10% 0 5%;
}
#hd #AMD-Gaming .sec-container .mode_images.hd-col50{
    padding: 0 0 0 0%;
}
#hd #AMD-Gaming .sec-container .mode_images.hd-col50 img{
    max-width: 521px !important;
}
@media only screen and (max-width: 1280px) {
    #hd #AMD-Gaming .fir-container .hd-content.hd-col50{
        padding: 0;
    }
    #hd #AMD-Gaming .sec-container .hd-content.hd-col50{
        padding: 0 0 0 5%;
    }
}
@media only screen and (max-width: 1080px) {
    #hd #AMD-Gaming{
        padding: 50px 0;
    }
    #hd #AMD-Gaming .fir-container .mode_images.hd-col50 img{
        min-width: 150% !important;
        margin: 0 0 0 -20%;
    }
    
}
@media only screen and (max-width: 768px) {
    #hd #AMD-Gaming{
        padding-bottom: 0;
            background-size: inherit;
    }
    #hd #AMD-Gaming .fir-container .hd-content.hd-col50{
        padding: 0;
    }
    #hd #AMD-Gaming .fir-container .mode_images.hd-col50 img{
        max-width: 710px !important;
        width: 160%;
        margin: 0 -25% -50px;
    }
    #hd #AMD-Gaming .sec-container .hd-content.hd-col50{
        padding: 0;
    }
    #hd #AMD-Gaming .sec-container .mode_images.hd-col50{
        padding: 0;
    }
}
@media only screen and (max-width: 540px) {
    #hd #AMD-Gaming .maintitle {
        width: 100%;
    }
}
/*#hd #AMD-Video*/
#hd #AMD-Video{
    /* background:#ffffff; */
    padding: 50px 0 100px;
}
#hd #AMD-Video .maintitle {
    text-align: center;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}
#hd #AMD-Video a.youtube_b{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: -9999px;
}
#hd #AMD-Video .maintitle ul{
    display: flex;
        justify-content: center;
}
#hd #AMD-Video .maintitle ul li{
    display: inline-block;
    width: 33.33%;
    max-width: 358px !important;
    padding: 0 10px;
        position: relative;
}
#hd #AMD-Video .maintitle ul li img{
    max-width: 338px !important;
}
@media only screen and (max-width: 768px) {
    #hd #AMD-Video{
        padding: 50px 0;
    }
    #hd #AMD-Video .maintitle ul{
        flex-direction: column;
            align-items: center;
    }
    #hd #AMD-Video .maintitle ul li{
                width: 100%;
        margin-bottom: 20px;
    }
}
/*#hd #AMD-Game*/
#hd #AMD-Game{
    /* background:#ffffff; */
    padding: 100px 0 50px;
    background: #000 url(../img/bg_02.jpg) center left no-repeat;
    
   /*  background-position-x: center; */
   /*  background-attachment: fixed !important; */
    background-size: contain;
}
#hd #AMD-Game .maintitle {
    text-align: center;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}
#hd #AMD-Game .maintitle .hd-container{
    margin-bottom: 30px;
    justify-content: space-around;
    padding-bottom: 50px;
}
#hd #AMD-Game figure{
    position: relative;
    max-width: 630px;
    
}
#hd #AMD-Game .hd-content{
    padding: 0 20px;
}
#hd #AMD-Game a.youtube_b{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: -9999px;
}
#hd #AMD-Game .maintitle a.link_style{
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    border: #fff 1px solid;
    margin-top: 1.1em;
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Klavika', Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1680px){
    #hd #AMD-Game .maintitle figure {
        padding: 0 0;
    }
}
@media only screen and (max-width: 768px) {
    #hd #AMD-Game{
        padding-bottom: 0;
            background-size: inherit;
    }
    #hd #AMD-Game .maintitle .hd-container{
        margin-bottom: 0;
    }
    #hd #AMD-Game .hd-content{
        padding: 18px 0;
    }
}
@media only screen and (max-width: 540px) {
    #hd #AMD-Game .maintitle {
        width: 100%;
    }
}


/*#hd #AMD-Creating*/
#hd #AMD-Creating{
    /* background:#ffffff; */
    padding: 50px 0 50px;
}
#hd #AMD-Creating .maintitle {
    text-align: center;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}
#hd #AMD-Creating .maintitle .hd-container{
    margin-bottom: 30px;
}
#hd #AMD-Creating figure{
    position: relative;
}
#hd #AMD-Creating a.youtube_b{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: -9999px;
}
@media only screen and (max-width: 1680px) {
    #hd .maintitle .hd-container figure{
        padding: 0 2%;
    }
    #hd .maintitle .hd-container .hd-content{
        padding: 0 2%;
    }
    #hd .maintitle .hd-container.flex-row-reverse figure{

    }
    #hd .maintitle .hd-container.flex-row-reverse .hd-content{
        
    }
}
@media only screen and (max-width: 768px) {
    #hd .hd-col40,
    #hd .hd-col50,
    #hd .hd-col60{
        width: 100% !important;
    }
    #hd .hd-col50.hd-content{
        padding: 2em 0;
    }
    #hd .maintitle .hd-container figure{
        padding: 18px 0;
    }
    #hd .maintitle .hd-container .hd-content{
        padding: 18px 0;
    }
    #hd .maintitle .hd-container.flex-row-reverse figure{

    }
    #hd .maintitle .hd-container.flex-row-reverse .hd-content{
        
    }
}
@media only screen and (max-width: 540px) {
    #hd #AMD-Creating .maintitle {
        width: 100%;
    }
}
/*#hd #LU800-Handheld*/
#hd #LU800-Handheld{
    /* background:#000000; */
    padding: 100px 0 50px;
}
#hd #LU800-Handheld .maintitle {
    text-align: center;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}

/* #hd #LU800-Handheld .maintitle h3{
    font-size: 1.7em;
    font-family: "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    padding: 0px;
    text-align: center;
    color: #000;
    margin-bottom: 0.3em;
} */

#hd #LU800-Handheld .maintitle img{
    margin-top: 30px;
    margin-bottom: 30px;
}


#hd #LU800-Handheld .flexCon.flex-50-50>.flex-item.flex-50 {
    padding: 0 40px;
}

@media only screen and (max-width: 969px) {
    #hd #LU800-Handheld{
        padding: 50px 0;
    }
    #hd #LU800-Handheld .flexCon.flex-50-50>.flex-item {
         position: relative;
        width: 100%;
        padding: 0px 0;
    }
    #hd #LU800-Handheld .flexCon.flex-50-50>.flex-item.flex-45 {
        width: 100%;
    }
    #hd #LU800-Handheld .flexCon.flex-50-50>.flex-item.flex-55 {
        width: 100%;
        margin-top: 30px;
    }
    
    #hd #LU800-Handheld .maintitle img{
        margin-bottom: 10px !important;
    }
    #hd #LU800-Handheld .flexCon.flex-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #hd #LU800-Handheld .translate_box{
        position: relative;
        top: inherit;
        left: inherit;
        transform: translate(0%, 0%);
    }
}

@media only screen and (max-width: 969px) {
    #hd #LU800-Handheld .maintitle {
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media only screen and (max-width: 820px) {
    #hd #LU800-Handheld .mainfull {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 759px) {
    #hd #LU800-Handheld .flexCon.flex-50-50>.flex-item.flex-50{
        padding: 0;
    }
    #hd #LU800-Handheld .translate_box{
        padding: 0 0px;
        width: 100%;
    }
    #hd #LU800-Handheld .maintitle h3{
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 640px) {
    #hd #LU800-Handheld{
        padding-bottom: 0;
    }
    
    #hd #LU800-Handheld .maintitle img {
        margin-bottom: 0px !important;
    }
}
#hd .hd-content h3{
    margin-top: 0;
}
/**/
#hd #pageContent-Power{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000000;
}
#hd #pageContent-Power .tab-content{
    padding: 0 50px;
}
#hd #pageContent-Power .tab-content h3{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
}
#hd #pageContent-Power .title-tab:after{
    background: #8a8a8a;
}
#hd #pageContent-Power .title-tab li h3{
    color: #ffffff;
        font-size: inherit;
            margin: 0;
}
/**/
#hd #pageContent-Technology{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f4f6f8;
}
#hd #pageContent-Technology[data-index="1"] {
    background-image: url(../img/nvidia-studio-video-editing-2560x1080-d@2x.jpg) !important;
}
#hd #pageContent-Technology[data-index="2"] {
    background-image: url(../img/nvidia-studio-3d-rendering-2560x1080-d@2x.jpg) !important;
}
#hd #pageContent-Technology[data-index="3"] {
    background-image: url(../img/nvidia-studio-photography-2560x1080-d@2x.jpg) !important;
}
#hd #pageContent-Technology[data-index="4"] {
    background-image: url(../img/nvidia-studio-architecture-2560x1080-d@2x.jpg) !important;
}
#hd #pageContent-Technology .hd-container{
    margin-bottom: 30px;
}
/* #hd #pageContent-Technology:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/tab_bg.jpg) 50% 70% no-repeat;
    background-size: contain;
} */
/* #hd #pageContent-Technology [class*="hd-content-topbottom"]{
    padding: 30px 0 0;
}
#hd #pageContent-Technology .hd-content-topbottom-left{
    padding-right: 10px;
}
#hd #pageContent-Technology .hd-content-topbottom-right{
    padding-left: 10px;
} */
#cboxOverlay{
    background: #000 !important;
}
#colorbox{
    /* overflow: inherit !important; */
    z-index: 9999 !important;
}
#cboxContent{
    margin: 40px 5px !important;
}
#colorbox #cboxClose{
    position: absolute;
    top: -30px;
    right: 0px;
    background: url(../img/ico_close.svg) center center no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    padding: 12px;
    z-index: 999;
}
#colorbox #cboxNext{
    display: inline-block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    font-size: 0;
    background: url(../img/arrow.svg) bottom left no-repeat;
    right: -45px;
}
#colorbox #cboxPrevious{
        display: inline-block;
    position: absolute;
    left: -45px;
    width: 40px;
    top: calc(50% - 20px);
    height: 40px;
    font-size: 0;
    background: url(../img/arrow.svg) bottom left no-repeat;
    transform: rotate(-180deg);
}
#colorbox #cboxTitle{
    font-family: "Roboto", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    color: #000 !important;
    /* font-weight: 600 !important; */
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin: 10px 0;
    position: absolute;
    display: inline-block !important;
    top: 100%;
    float: inherit !important;
    z-index: 2;
}
#colorbox #cboxCurrent{
    font-family: "Roboto", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
    color: #000 !important;
    /* font-weight: 600 !important; */
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 300;
    width: 100%;
    margin: 10px 0;
    position: absolute;
    display: inline-block !important;
    top: -40px;
    left: 0;
    float: inherit !important;
    z-index: 2;
    text-indent: inherit;
    text-align: left;
}



/**/
#hd a.video_btn {
    position: relative;
    display: inline-block;
}

#hd a.video_btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../img/play-icon.png');
    background-repeat: no-repeat;
    height: 94px;
    width: 94px;
    opacity: 0.3;
}
/**/
#videoplayer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 199999;
        padding: 5%;
    width: 100%;
    height: 100%;
    background: black;
    background: rgba(255, 255, 255, 0.85);
    animation: videoplayer-in 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s;
    animation-fill-mode: backwards
}

#videoplayer iframe.player {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    background: black
}

#videoplayer .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    overflow: hidden;
    opacity: .6;
    transition: opacity .15s;
    color: #000;
    cursor: pointer
}

#videoplayer .close:hover {
    opacity: 1
}

#videoplayer .close:active {
    opacity: .82
}

#videoplayer .close:focus {
    opacity: .82;
    box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8);
    outline: none
}

#videoplayer .close:before {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 52px;
    content: "\00D7";
    font-family: 'arial', sans-serif;
    text-align: center;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}
#videoplayer.videoplayer_b{
    text-align: center;
}
#videoplayer .video_box{
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}


#videoplayer-B {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 199999;
        padding: 5%;
    width: 100%;
    height: 100%;
    background: black;
    background: rgba(255, 255, 255, 0.85);
    animation: videoplayer-in 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s;
    animation-fill-mode: backwards
}

#videoplayer-B iframe.player {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    background: black
}

#videoplayer-B .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    overflow: hidden;
    opacity: .6;
    transition: opacity .15s;
    color: #000;
    cursor: pointer
}

#videoplayer-B .close:hover {
    opacity: 1
}

#videoplayer-B .close:active {
    opacity: .82
}

#videoplayer-B .close:focus {
    opacity: .82;
    box-shadow: inset 0 0 0 2px rgba(27, 127, 204, 0.8);
    outline: none
}

#videoplayer-B .close:before {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 52px;
    content: "\00D7";
    font-family: 'arial', sans-serif;
    text-align: center;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}
#videoplayer-B.videoplayer_b{
    text-align: center;
}
#videoplayer-B .video_box{
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#hd .videoplayer_c{
        position: fixed;
    left: 0;
    top: 0;
    z-index: 199999;
    padding: 5%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    animation: videoplayer-in 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1.36s;
    animation-fill-mode: backwards;
}
#hd .videoplayer_c.close{
    display: none;
}
#hd .videoplayer_c.open{
    display: block;
}
#hd .videoplayer_c .videobox{
    display: inline-block;
        position: absolute;
    top: 50%;
    left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
            width: 90%;
}
#hd .videoplayer_c .videobox .video_info{
        position: relative;
    display: inline-block;
}
#hd .videoplayer_c .videobox video{
    max-width: 100%;
}
#hd .videoplayer_c .close {
    position: absolute;
        right: -15px;
    top: -55px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    opacity: .6;
    transition: opacity .15s;
    color: #000;
    cursor: pointer;
    background: none;
    border: none;
}
#hd .videoplayer_c .close:before {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 52px;
    content: "\00D7";
    font-family: 'arial', sans-serif;
    text-align: center;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}


/*#hd #LU800-footer*/
#hd #LU800-footer{
    background: #f1f1f1;
}
#hd #LU800-footer .maintitle {
    text-align: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 50px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 50px;
    position: relative;X
}
#hd #LU800-footer .maintitle ul.list-decimal{
    padding-left: 1em;
}
#hd #LU800-footer .maintitle ul.list-decimal > li {
    font-size: .875em;
    line-height: 1.2;
    position: relative;
    padding-left: 0;
    margin-bottom: 0.5em;
    list-style-type: disc;
    list-style-position: outside;
    color: #5a5f66;
}

#hd .product-section .maintitle {
    position: absolute;
    z-index: 2;
}
#hd header {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    background: #151515;
    z-index: 9;
}
#hd header .align-items-center {
    align-items: center;
}
#hd header .flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
        height: 50px;
}
#hd header .hd-w1300 {
    max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#hd header .menu {
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}
#hd header .menu li {
    font-family: "Roboto Condensed","Microsoft Jhenghei","Microsoft YaHei","Arial",sans-serif;
}
#hd header .menu li a {
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .018em;
    color: white;
    padding: 0.25em 1em;
    cursor: pointer;
    transition: color 0.25s ease;
}
#hd header .menu li a.active,
#hd header .menu li a:hover{
    color: #76b900;
}
/*AMDGenoa-KV*/
#hd #AMD-KV {
    padding-top: 0%;
    margin-bottom: -4px;
    background: #000;
    text-align: center;
    position: relative;
}
#hd #AMD-KV .links_area{
        display: flex;
    position: absolute;
    left: 70%;
    top: 20px;
    z-index: 1;
    transform: translate(0%, -50%);
}
#hd #AMD-KV .links_area a{
        display: inline-block;
    width: auto;
    color: #fff;
    margin: 0 10px;
    text-decoration: underline;
    font-size: 0.9em;
        white-space: nowrap;
}
#hd #AMD-KV .links_area a:hover{
    color: #76b900;
}
@media only screen and (max-width: 969px) {
    #hd #AMD-KV .links_area{
        transform: translate(0%, 0%);
        left: inherit;
        right: 20px;
    }
}
#hd #AMD-KV h1,
#hd #AMD-KV h2{
    text-transform: inherit;
    font-size: 3.75em;
    line-height: 1.1;
    padding-top: 10px;
    color: #ffffff !important;
    max-width: 500px;
}
/* #hd #AMD-KV h2{
    text-transform: inherit;
    font-size: 2em;
    padding-top: 10px;
    line-height: 1.2;
    font-family: "Roboto", "Helvetica", "Myriad Pro Light", "STHeiti Light", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
    font-weight: normal ;
} */
#hd #AMD-KV .info{
    color: #fff !important;
    text-shadow: 2px 2px 5px rgb(0 0 0);
}
#hd #AMD-KV .maintitle {
        left: 30%;
    top: 38%;
    transform: translate(-50%, -50%);
    width: 32%;
}
#hd #AMD-KV .maintitle .link_group{
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 30px;
}
#hd #AMD-KV .maintitle .link_group li{
    width: auto;
}
#hd #AMD-KV .maintitle .link_group li a{
    display: inline-block;
    padding: 15px 40px;
    background: #0075d7;
    color: #fff;
    font-size: 1.5em;
    margin: 0 2px;
    min-width: 200px;
    text-align: center;
}
#hd #AMD-KV .product-content {
    background-size: 100%;
    position: relative;
    display: inline-block;
}
#hd #AMD-KV .bg {
    /* position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%); */
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    margin: 0% 0;
}
#hd #AMD-KV .bg:after{
    content: "";
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

}
#hd #AMD-KV .bg a.get_quote{
        position: absolute;
    border-radius: 5px;
    top: 69%;
    left: 69%;
    transform: translate(-50%, -50%);
    padding: 20px 50px;
    margin: 0;
    /* max-width: 160px;
    width: 26%; */
}
#hd #AMD-KV .bg a.get_quote:after{
    display: none;
}
#hd #AMD-KV .bg img {
    /* width: 100% !important; */
        width: 90% !important;
    padding-top: 0px;
    background: #000;
    max-width: 1920px !important;
    margin: 0% auto -4%;
}
#hd #AMD-KV .bg img.logos{
        max-width: 400px !important;
        position: absolute;
    bottom: 26%;
    left: 14%;
    width: 20% !important;
    z-index: 1;
}
@media only screen and (max-width: 2080px) {
    #hd h10{
        font-size: 2.6em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.75em;
    }
}
@media only screen and (max-width: 1920px) {
    #hd h10{
        font-size: 2.4em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.6em;
    }
}
@media only screen and (max-width: 1780px) {
    #hd h10{
        font-size: 2.3em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.6em;
    }
    #hd #AMD-KV .maintitle .link_group li a{
        padding: 15px 30px;
        font-size: 1.3em;
        min-width: 160px;
    }
}
@media only screen and (max-width: 1680px) {
    #hd h10{
        font-size: 2.2em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.6em;
    }
}
@media only screen and (max-width: 1580px) {
    #hd h10{
        font-size: 2.1em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.6em;
    }
}
@media only screen and (max-width: 1480px) {
    #hd h10{
        font-size: 2.0em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.4em;
    }
}
@media only screen and (max-width: 1440px) {
    #hd h10{
        font-size: 1.8em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.4em;
    }
}

@media only screen and (max-width: 1350px) {
    #hd h10{
        font-size: 1.7em;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.2em;
    }
    #hd #AMD-KV h2{
        font-size: 1.8em !important;
    }
    #hd #AMD-KV .maintitle .link_group li a{
        font-size: 1.2em;
        min-width: 140px;
        padding: 15px 30px;
    }
    #hd #AMD-KV .stitle p {
        font-size: 1.5em;
    }

    #hd #AMD-KV .maintitle .logo_group {
        padding: 10px 0 15px
    }
}
@media only screen and (max-width: 1280px) {
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 2.8em;
    }
}
@media only screen and (max-width: 1100px) {
    #hd #AMD-KV {
        padding-top: 0%;
        padding-bottom: 0px;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        font-size: 3.0em;
        max-width: inherit;
    }
    #hd #AMD-KV:before {
        background-image: none;
        padding-top: 0%;
    }

    /* #hd #AMD-KV .product-content {
        position: relative;
        margin-bottom: 0
    }
    #hd #AMD-KV .maintitle {
        position: relative;
        width: 100%;
        max-width: initial;
        left: auto;
        right: auto;
        top: auto;
        margin-left: 0;
        padding: 30px 18px 50px;
        transform: translate(0%, 0%);
    } */
    #hd #AMD-KV .bg img {
        width: 100% !important;
        max-width: inherit !important;
        margin: 0% auto 0% !important;
        margin-left: -0% !important;
    }
    #hd #AMD-KV .bg:before{
        display: none;
    }

    #hd #AMD-KV .stitle p {
        font-size: 1.3em;
        text-align: center !important;
    }
    #hd #AMD-KV .bg a.get_quote{
            font-size: 1em;
    padding: 10px 30px;
    }
}

@media only screen and (max-width: 969px) {
    #hd #AMD-KV .bg img {
        width: 200% !important;
        max-width: inherit !important;
        margin: 0% auto 0% !important;
        margin-left: -75% !important;
    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{

    }
    #hd #AMD-KV h1,
    #hd #AMD-KV h2{
        text-align: center !important;
    }
    /* #hd #AMD-KV h2{

        text-align: center !important;
        font-size: 1.4em !important;
    } */
    #hd #AMD-KV .product-content {
        position: relative;
        margin-bottom: 0;
        overflow: hidden;
    }
    #hd #AMD-KV .maintitle {
        position: relative;
        width: 100%;
        max-width: initial;
        left: auto;
        right: auto;
        top: auto;
        margin-left: 0;
        padding: 20px 18px 50px;
        transform: translate(0%, 0%);
        margin-top: 0%;
    }
    #hd #AMD-KV .maintitle .link_group{
            justify-content: center;
    }
    #hd #AMD-KV .maintitle .link_group li{
        width: 33.3333%;
        margin: 0 2px;
    }
    #hd #AMD-KV .maintitle .link_group li a{
        width: 100%;
        min-width: inherit !important;
    }
    #hd #AMD-KV .bg img.logos{
        position: relative;
        margin: -10% auto 0%!important;
        min-width: 400px !important;
        left: 0;
        bottom: 0;
        background: none;
    }
    #hd #AMD-KV .bg a.get_quote{
            width: auto;
    padding: 6px 30px;
        top: 74%;
    }
    #hd #AMD-KV{
        margin-bottom: 0px;
    }
    /* #hd #AMD-KV .bg img {
        width: 150% !important;
    max-width: inherit !important;
    margin: 0% auto 0% !important;
    margin-left: -50% !important;
    } */
    #hd h3{
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 480px) {
    #hd #AMD-KV .maintitle {
        padding-top: .5em;
        padding-bottom: 0;
    }

    #hd #AMD-KV .stitle p {
        font-size: 1.3em;
        text-align: center;
    }
     #hd #AMD-KV .bg a.get_quote{
            position: relative;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    margin: 10px auto 0;
    width: 100%;
     }
}

#hd .bg_black{
    background: #000 ;
}

#hd #pageContent-Power h3{
    color: #ffffff;
}
#hd #pageContent-Power .owl-nav {
    width: 100%;
    height: 2em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    pointer-events: none;
}
#hd #pageContent-Power .owl-nav .owl-prev.disabled, #hd #pageContent-Power .owl-nav .owl-next.disabled {
    opacity: 0;
    pointer-events: none;
}
#hd #pageContent-Power .owl-nav .owl-prev, #hd #pageContent-Power .owl-nav .owl-next{
    width: 1.6em;
    height: 1.6em;
    position: absolute;
    top: 0;
    border: none;
    background: none;
    pointer-events: all;
    opacity: 0.8;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
#hd #pageContent-Power .owl-nav .owl-prev span, #hd #pageContent-Power .owl-nav .owl-next span{
    width: 1.6em;
    height: 1.6em;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    border: none;
    background: none;
    pointer-events: all;
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
        text-indent: -9999px;
}
#hd #pageContent-Power .owl-nav .owl-prev{
    right: 101.5%;
}
#hd #pageContent-Power .owl-nav .owl-next{
    left: 101.5%;
}
#hd #pageContent-Power .owl-nav .owl-prev span{
    border-left: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
}
#hd #pageContent-Power .owl-nav .owl-next span{
    border-top: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
#hd #pageContent-Power .owl-nav .owl-prev:before{
        content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../img/ico_prev.svg) center center no-repeat;
    background-size: cover;
    border-radius: 100px;
    z-index: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
#hd #pageContent-Power .owl-nav .owl-next:before{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../img/ico_next.svg) center center no-repeat;
    border-radius: 100px;
    z-index: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

#hd #pageContent-Power .owl-dots{
    width: 100%;
    max-width: 1200px;
    margin: 0px auto 0;
    text-align: center;
    position: relative;
    z-index: 2;
}

#hd #pageContent-Power .owl-dots .owl-dot:first-child {
    margin-left: 0;
}
#hd #pageContent-Power .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: rgba(255,255,255,0.3);
    margin: 20px 5px 0;
}
#hd #pageContent-Power .owl-dots .owl-dot.active{
    width: 50px;
}
#hd #pageContent-Power .owl-dots .owl-dot a{
    display: inline-block;
    width: 100%;
}
#hd #pageContent-Power .owl-dots .owl-dot.active {
    background-color: #ffa800;
    background-image: -moz-linear-gradient(90deg, #ffa800,#ffa800);
    background-image: -webkit-linear-gradient(90deg, #ffa800,#ffa800);
    background-image: linear-gradient(90deg, #ffa800,#ffa800);
}
#hd #pageContent-Power .owl-dots .owl-dot p {
    font-size: 14px;
    margin-top: 1em;
    color: #fff;
    font-family: 'Klavika', Arial, Helvetica, sans-serif;
}
#hd #pageContent-Power #carousel1 .owl-dots .owl-dot.active {
    background-color: #a886ff;
    background-image: -moz-linear-gradient(90deg, #a886ff,#a886ff);
    background-image: -webkit-linear-gradient(90deg, #a886ff,#a886ff);
    background-image: linear-gradient(90deg, #a886ff,#a886ff);
}
#hd #pageContent-Power #carousel3 .owl-dots .owl-dot.active {
    background-color: #dac19d;
    background-image: -moz-linear-gradient(90deg, #dac19d,#dac19d);
    background-image: -webkit-linear-gradient(90deg, #dac19d,#dac19d);
    background-image: linear-gradient(90deg, #dac19d,#dac19d);
}


#hd #pageContent-Power .owl-stage {
    display: flex;
    justify-content: center;
}

#hd #pageContent-Power .pd_items{
    display: flex;
    flex-direction: column;
    padding:  0 ;
    height: 100%;

}
#hd #pageContent-Power .pd_items:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #9125ec 0, #600cf9 100%);
}
#hd #pageContent-Power .pd_items:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right, #9125ec 0, #600cf9 100%);
    z-index: 1;
}
#hd #pageContent-Power .pd_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 15% 10%;
    background: linear-gradient(to bottom, #19014a 0, #0e0522 50%, #171718 100%);
    overflow: hidden;
    /* justify-content: space-between; */
}
#hd #pageContent-Power .pd_item img{
    width: 100%;
    max-width: 440px;
}
#hd #pageContent-Power .pd_item a,
#hd #pageContent-Power a.btn_Learn {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, 0%);
    font-family: "Klavika", sans-serif;
    font-size: 1.2em;
    color: #fff;
    padding: 10px 65px 10px 25px;
    background: linear-gradient(to right, #9929ea 0, #5808fb 100%);
    white-space:nowrap;
}
#hd #pageContent-Power a.btn_Learn{
    margin: 40px 0 0;
    display: inline-block;
    position: relative;
    bottom: inherit;
}
#hd #pageContent-Power .pd_item a:after,
#hd #pageContent-Power a.btn_Learn:after{
        content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 25px;
    height: 18px;
    background: url(../img/btn_ico.svg) center center no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}
#hd #pageContent-Power .pd_item a:hover:after,
#hd #pageContent-Power a.btn_Learn:hover:after{
    right: 5px;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}
#hd #pageContent-Power .pd_item h3{
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    margin: 25px 0 10px;
    text-align: left;
}
#hd #pageContent-Power .pd_item p{
    padding-top: 20px;
    padding-bottom: 80px;
    color: #ffffff;
    font-family: "Klavika", "Roboto", "Microsoft Jhenghei", "Microsoft YaHei", "Segoe UI", "Arial", "Helvetica", sans-serif;
        font-size: 1.0em;
    line-height: 1.3;
    font-weight: 300;
}

#hd #pageContent-Power #carousel1 .pd_item h3{
    color: #9a6eff;
}

#hd #pageContent-Power #carousel2{
    margin-top: 50px;
}
#hd #pageContent-Power #carousel2 .pd_item h3{
    color: #ff9e1b;
}
#hd #pageContent-Power #carousel2 .pd_item a{
    background: linear-gradient(to right, #ff9e1b 0, #ff9e1b 100%);
    color: #000;
}
#hd #pageContent-Power #carousel2 .pd_item a:after{
    filter: invert(100%);
}
#hd #pageContent-Power #carousel2 .pd_items:after{
    background: linear-gradient(to right, #ff9e1b 0, #ff9e1b 100%);
}
#hd #pageContent-Power #carousel2 .pd_items:before{
    background: linear-gradient(to right, #ff9e1b 0, #ff9e1b 100%);
}
#hd #pageContent-Power #carousel2 .pd_item {
    background: linear-gradient(to bottom, #252526 0, #151518 50%, #141414 100%);
}

#hd #pageContent-Power #carousel3 .pd_item h3{
    color: #a98964;
    text-align: left;

}
#hd #pageContent-Power #carousel3 .pd_item a{
    background: linear-gradient(to right, #a98964 0, #d9c09c 100%);
    color: #000;
}
#hd #pageContent-Power #carousel3 .pd_item a:after{
    filter: invert(100%);
}
#hd #pageContent-Power #carousel3 .pd_items:after{
    background: linear-gradient(to right, #dfb888 0, #dfb888 100%);
}
#hd #pageContent-Power #carousel3 .pd_items:before{
    background: linear-gradient(to right, #dfb888 0, #dfb888 100%);
}
#hd #pageContent-Power #carousel3 .pd_item {
    background: linear-gradient(to bottom, #323232 0, #201f21 50%, #161518 100%);
}


#hd #pageContent-Power #carousel4 .pd_item h3,
#hd #pageContent-Power #carousel5 .pd_item h3{
    color: #c6d1f3;
    text-align: left;
}
#hd #pageContent-Power #carousel4 .pd_item a,
#hd #pageContent-Power #carousel5 .pd_item a,
#hd #pageContent-Power a.btn_Learn{
    background: linear-gradient(to right, #c7ced8 0, #c7ced8 100%);
    color: #000;
}
#hd #pageContent-Power #carousel4 .pd_item a:after,
#hd #pageContent-Power #carousel5 .pd_item a:after,
#hd #pageContent-Power a.btn_Learn:after{
    filter: invert(100%);
}
#hd #pageContent-Power #carousel4 .pd_items:after,
#hd #pageContent-Power #carousel5 .pd_items:after{
    background: linear-gradient(to right, #c6cdd7 0, #9faab7 100%);
}
#hd #pageContent-Power #carousel4 .pd_items:before,
#hd #pageContent-Power #carousel5 .pd_items:before{
    background: linear-gradient(to right, #c6cdd7 0, #9faab7 100%);
}
#hd #pageContent-Power #carousel4 .pd_item,
#hd #pageContent-Power #carousel5 .pd_item {
    background: linear-gradient(to bottom, #323133 0, #1a1a1b 50%, #121212 100%);
    padding-top: 10%;
}

/**/
#hd #KV{
        display: flex;
    justify-content: center;
}
#hd #KV.bg-grey900 {
    background-color: #000000;
}
#hd #KV .cnterIt {
    position: relative;
}
#hd #KV .bg-grey900 {
    background-color: #000000;
}
#hd #KV .format100 {
    width: 100%;
    min-width: 1920px;
}
.format5, .format10, .format15, .format20, .format25, .format30, .format33, .format35, .format40, .format45, .format50, .format55, .format60, .format65, .format66, .format70, .format75, .format80, .format85, .format90, .format95, .formatMatch33, .formatMatch66, .format100 {
    box-sizing: border-box;
}
#hd #KV .mblock, #hd #KV .mobile-img {
    display: none;
}
#hd #KV .innerCentered {
    position: absolute;
    top: 50%;
    right: 20%;
    transform: translateY(-50%);
}
#hd #KV .innerCentered ul{
    display: inline-block;
    width: 100%;
    margin-top: 1em;
}
#hd #KV .innerCentered ul li{
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
}
#hd #KV .innerCentered ul li p{
    font-family: 'Klavika', sans-serif;
    color: #fff;
    font-size: 2em;
    line-height: 0.5em;
}
#hd #KV .shadowed {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 1), 1px 1px 3px rgba(0, 0, 0, 1);
}
#hd #KV .Hero-Heading {
    font-family: 'Klavika', sans-serif;
    color: #fff;
    font-size: 75px;
    line-height: 85px;
    font-weight: bold;
    text-transform: uppercase;
}
@media (max-width: 2200px) {
    #hd #KV .Hero-Heading {
        font-size: 70px;
        line-height: 73px;
    }
}
@media (max-width: 1500px) {
    #hd #KV .innerCentered {
        right: 10%;
    }
}
@media (max-width: 991px) {
    #hd #KV{
        display: inline-block;
    }
    #hd #KV .format100{
        min-width: inherit;
    }
    #hd #KV .mpoof, #hd #KV .hero .mobile-img {
        display: none;
    }
    #hd #KV .mblock {
        display: block !important;
    }
    #hd #KV .innerCentered {
        right: 5%;
    }
    #hd #KV .innerCentered {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 10px;
        left: 0%;
        bottom: 0px;
        transform: translateY(0%);
        width: 90%;
    }
    #hd #KV .logos{
        margin: 0;
        width: 50%;
        max-width: 502px !important;
        padding-top: 15px;
    }
    #hd #KV .MobileSpecialPad {
        padding: 40px;
    }
}

#hd .color-gradient {
    display: inline-block;
    color: #f16322 !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #f16322;
    background-image: -moz-linear-gradient(90deg, #f16322, #ee2624);
    background-image: -webkit-linear-gradient(90deg, #f16322, #ee2624);
    background-image: linear-gradient(90deg, #f16322, #ee2624);
    text-shadow: none;
    position: relative;
    z-index: 2;
    padding-right: 30px;
}


/*MODULE CODE*/
#hd #LPModule p{
    color: #ffffff;
    font-family: "klavika-web", sans-serif;
}
#hd #LPModule p.date{
    font-size: 15px;
    margin-top: 10px;
}
#hd #LPModule .Module-Heading {
  font-family: "klavika-web", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 20px;
  letter-spacing: -1px;
}
#hd #LPModule .Module-Subhead {
  font-family: "klavika-web", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 19px;
  line-height: 22px;
  color: #fff;
  margin-top: 0px;
}
#hd #LPModule .Module-Body {
  font-family: "klavika-web", sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 19px;
  line-height: 22px;
}
#hd #LPModule .Module-Disclaimer {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  line-height: 11px;
  color: #ffffff;
      width: 140%;
}
#hd #LPModule .ModuleContentLeft a.link_style {
    display: inline-block;
    color: #000;
    background: #f16322;
    padding: 8px 16px;
    border: #000 1px solid;
    margin-top: 1.2em;
    font-size: 1.25em;
    font-weight: bold;
    font-family: 'Klavika', Arial, Helvetica, sans-serif;
    text-decoration: none;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
#hd #LPModule .ModuleContentLeft a.link_style:hover{
    background: #000;
    color: #f16322;
    border: #f16322 1px solid;
}
#hd #LPModule.ModuleHero .section-wrapper .content-box {
  /*  max-width: 875px;
*/ padding: 50px 0px 50px 128px;
  display: flex;
}
@media (max-width: 1080px) {
    #hd #LPModule.ModuleHero .section-wrapper .content-box {
      padding: 50px 0px 50px 50px;

    }
}
#hd #LPModule .section-wrapper {
  margin-left: auto;
  margin-right: auto;
}
#hd #LPModule .kerned {
  letter-spacing: -25px;
}
#hd #LPModule .kerned-small {
  letter-spacing: -5px;
}
#hd #LPModule .section-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#hd #LPModule .section-wrapper.align-right {
  align-items: flex-end;
}
/*MODULE HERO*/
#hd #LPModule.ModuleHero .section-wrapper {
  max-width: 1200px;
}
#hd #LPModule.section-content.ModuleHero {
  /*background-image: url('../images/Module-BG.jpg');*/
  background-repeat: no-repeat;
  background-position: 240% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  min-height: 500px;
}
#hd #LPModule.ModuleHero-mobile-img {
  display: none;
}
#hd #LPModule.section-content.ModuleHero {
  min-height: 500px;
}
#hd #LPModule a.button {
  padding: 3px 30px 3px 30px;
  background-color: #fff;
  color: #000;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
}
#hd #LPModule a.button:hover {
  background-color: transparent;
  color: #fff;
}
#hd #LPModule .ModuleProduct {
  margin-top: -50px;
  margin-bottom: -30px;
  margin-left: -95px;
}
/*MODULE FOOTER*/
#hd #LPModule .ModuleFooter .section-wrapper {
  max-width: 1200px;
}
#hd #LPModule .ModuleFooter {
  padding-top: 30px;
  padding-left: 100px;
  padding-right: 100px;
}
#hd #LPModule .ModuleFooter .section-wrapper .content-box {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
}
#hd #LPModule .ModuleFooter-logos {
  margin-bottom: 50px;
  margin-top: 50px;
  max-width: 424px;
  height: auto;
  align-self: center;
}
#hd #LPModule .ModuleFooter .content-box {
  margin-left: auto;
  width: 100%;
  margin-right: auto;
}
#hd #LPModule .ModuleContentLeft {
  width: 80%;
}
#hd #LPModule a {
  color: #f16322;
  text-decoration: none;
}
#hd #LPModule a:hover {
  text-decoration: underline;
}
#hd #LPModule .footnotes a {
  color: #fff;
  text-decoration: none;
}
#hd #LPModule .footnotes a:hover {
  text-decoration: underline;
}
#hd #LPModule ol {
  padding-inline-start: 10px;
}
#hd #LPModule .footnotes li {
  list-style-position: outside;
  margin-bottom: 10px;
}
@media (max-width: 2020px) {}
@media (max-width: 1920px) {}
@media (max-width: 1500px) {}
@media (max-width: 1250px) {}
@media (max-width: 1100px) {
  #hd #LPModule .ModuleContentLeft {
    width: 60%;
  }
  #hd #LPModule .ModuleProduct {
    margin-top: -40px;
    margin-bottom: -20px;
    margin-left: -85px;
  }
}
@media (max-width: 900px) {
  #hd #LPModule .ModuleContentLeft {
    width: 70%;
  }
  #hd #LPModule .ModuleProduct {
    margin-top: -40px;
    margin-bottom: -20px;
    margin-left: -65px;
  }
}
@media (max-width: 767px) {
  #hd #LPModule.ModuleHero .section-wrapper .content-box {
    flex-direction: column-reverse;
  }
  #hd #LPModule .ModuleProduct {
    margin-top: -40px;
    margin-bottom: -20px;
    margin-left: -95px;
  }
  #hd #LPModule .ModuleContentLeft {
    width: 100%;
  }
  #hd #LPModule.section-content.ModuleHero {
    background: #000;
    padding-top: 0px;
    padding-bottom: 40px;
    min-height: 30px;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  #hd #LPModule.section-content.ModuleHero .content-box {
    width: 100%;
    padding-bottom: 0;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  #hd #LPModule .section-wrapper .content-box {
    max-width: 100%;
  }
  #hd #LPModule .ModuleFooter {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 600px) {
  #hd #LPModule .ModuleProduct {
            margin-top: -20px;
        margin-bottom: -10px;
        margin-left: -30px;
  }
}
@media (max-width: 480px) {
  #hd #LPModule .ModuleProduct {
    margin-top: -40px;
    margin-bottom: -20px;
    margin-left: -65px;
  }
}
#hd #Footnote{
        width: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    padding: 30px 18px 60px;
}
#hd #Footnote .section-wrapper {
    display: flex;
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    
}

#hd #Footnote .footnotes {
    margin-bottom: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    font-family: 'Noto Sans', sans-serif;
    text-align: left;
}
@media (max-width: 767px) {
    #hd #Footnote{
        padding: 50px 18px 50px;
    }
    #hd .AMD-footer.section-content{
                padding: 50px 18px 50px !important;
    }
}

/**/
.hero-text-box {
  width: 1070px;
  margin-bottom: 40px;
  padding: 15px 20px 10px 20px;
  background-color: #fff;
}
.hero-text-box.mobile-hero-text-box {
  display: none;
}
.hero {
  width: 100%;
  background: #000;
  background-position: center;
  height: auto;
  position: relative;
  border-bottom: 1px solid #333;
}
.hero .mobile-img {
  width: 100%;
  height: auto;
}
.hero-mobile-img {
  display: none;
}
.mobile-img, .fnatic-mobile-img, .products-RyzenRadeon-mobile-img, .Feature3-mobile-img, .Feature2-mobile-img, .intro-GameFeature-mobile-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*HERO*/
#hd .Hero-Heading {
  font-family: 'Klavika', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 4.2vw;
    line-height: 4.2vw;
    text-transform: uppercase;
    padding-bottom: 10px;
}
#hd .Hero-Heading span {
  font-style: italic;
  color: #F26522;
}
#hd .Hero-Heading span.gradient {
  font-style: italic;
  background: linear-gradient(to right, rgb(246, 111, 25), rgb(242, 20, 33));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 24px;
  padding-left: 2px;
}
#hd .Hero-Subhead {
      font-family: 'Klavika', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #fff;
    font-size: 1.5vw;
    line-height: 1.8vw;
    width: 20vw;
}
#hd .HeroOffer-container {
  display: flex;
  align-items: center;
}
#hd .Hero-Offer {
  background-color: #000000;
  width: 50%;
  padding-right: 100px;
}
#hd .Hero-Logo {
  max-width: 450px !important;
  width: 20vw;
  height: auto;
  margin: 8vw 0 0;
}
#hd .header-full {
  width: 100%;
  height: auto;
}
#hd .Hero-Content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  width: 40%;
}
#hd .Hero-Content-Top {
  padding-bottom: 2vw;
}
#hd .hero-mobile-img {
    display: none;
}
/***************MEDIA INQUIRIES**************/
@media (max-width: 2400px) {}
@media (max-width: 2200px) {}
@media (max-width: 1920px) {
  #hd .Hero-Content {
    left: 10%;
  }
}
@media (max-width: 1700px) {
  #hd .Hero-Content {
    left: 100px;
  }
}
@media (max-width: 1500px) {
  #hd .Hero-Content {
    left: 50px;
  }
  #hd .Hero-Heading {
    /* font-size: 6.5vw;
    line-height: 5vw; */
  }
  #hd .Hero-Logo {
    margin-top: 30px;
  }
  #hd .Hero-Content-Top {
    padding-bottom: 2vw;
  }
}
@media (max-width: 1300px) {
  #hd .Hero-Logo {
    margin-top: 30px;
            width: 70%;
  }
  #hd .section-content.Feature1 {
    background-position: 50% 50% !important;
  }
  #hd .section-content.Feature2 {
    background-position: 50% 50% !important;
  }
  #hd .section-content.Feature3 {
    background-position: 50% 50% !important;
  }
  #hd .section-content.Feature4 {
    background-position: 20% 50% !important;
  }
  #hd .section-content.Feature7 {
    background-position: 25% 50% !important;
  }
  #hd .Hero-Heading {
        font-size: 5.5vw;
        line-height: 5.5vw;
      }
  table.chart2 tr:nth-child(3) td:nth-child(1) {
    padding-right: 0px;
  }
  table.chart2 tr:nth-child(3) td:nth-child(2) {
    padding-right: 10px;
    padding-left: 10px;
  }
  table.chart2 tr:nth-child(3) td:nth-child(3) {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
    #hd .hero .mobile-img {
        display: none;
    }

    #hd .hero-mobile-img {
        display: block;
    }

    #hd .Hero-Content {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        transform: translateY(0%);
        left: 0%;
        width: 90%;
        /* padding-left: 40px;
        padding-right: 40px; */
    }

    #hd .Hero-Subhead {
        font-size: 24px;
        line-height: 28px;
        width: 100%;
    }

    #hd .Hero-Subhead {
        font-size: 1.3em;
    }
    #hd .Hero-Logo {
      width: 50%;
      max-width: 502px !important;
      margin-top: 0;
    }
    #hd .Hero-Heading {
                font-size: 70px;
        line-height: 73px;
    }
}
@media (max-width: 580px) {
    #hd .Hero-Heading {
                font-size: 66px;
        line-height: 73px;
    }
}

/*#hd #AMD-Datebox*/
#hd #AMD-Datebox{
    /* background:#ffffff; */
    padding: 50px 0 0px;
    background: #000;
    
   /*  background-position-x: center; */
   /*  background-attachment: fixed !important; */
    background-size: contain;
}
#hd #AMD-Datebox .maintitle {
    text-align: center;
    width: 96%;
    max-width: 1436px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}
#hd #AMD-Datebox .datebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* border: #330000 5px solid; */
    padding: 30px 0 0;
    color: #999;
    max-width: 1400px;
    margin: 0 auto;
}

#hd #AMD-Datebox .datebox .date {
    width: 50%;
    padding: 3%;
    background: #110000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hd #AMD-Datebox .datebox .date:last-child {
    background: #220000;
}

#hd #AMD-Datebox .datebox b {
    font-size: 26px;
    font-weight: bold;
    display: block;
    color: #ffffff;
    text-shadow: #cc0000 2px 2px 10px;
}

#hd #AMD-Datebox .datebox span {
    padding: 0 15px;
}

#hd #AMD-Datebox .datebox .img {
    padding-bottom: 0px;
    padding-right: 15px;
    max-width: 65px;
}

#hd #AMD-Datebox .datebox .img img {
    width: 100%;
    max-width: 50px;
}
@media (max-width: 767px) {
    #hd #AMD-Datebox .datebox{
        flex-direction: column;
    }
    #hd #AMD-Datebox .datebox .date{
        width: 100%;
        padding: 30px 0;
            justify-content: center;
    flex-direction: column;
    }
    #hd #AMD-Datebox .datebox .img{
        padding-right: 0;
        padding-bottom: 15px;
    }
}
/**/
#AMD-Table table td{
    font-size: 1.3em;
}
#AMD-Table table td a{
    color: #fff;
}
#AMD-Table .header-row2 td{
    font-size: 1.0em;
}
#AMD-Table .section-content {
  display: flex;
  padding: 50px 50px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  /* border-bottom: 1px solid #333; */
}
#AMD-Table .section-wrapper {
  display: flex;
  width: 100%;
  max-width: 1400px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#AMD-Table .section-wrapper.align-right {
  align-items: flex-end;
}
#AMD-Table .section-wrapper.align-center {
  flex-wrap: nowrap;
  align-items: center;
  flex: 0 auto;
}
/*CHARTS***************************************/
#AMD-Table table.chart1, #AMD-Table table.chart2 {
  width: 100%;
  border: none;
  border-collapse: collapse;
  margin-top: 50px;
  margin-bottom: 50px;
}
#AMD-Table table.chart1 td, #AMD-Table table.chart2 td {
  color: #ffffff;
  padding: 27px;
}
#AMD-Table table.chart1{
    margin-bottom: 0;
}
#AMD-Table .header-row1, #AMD-Table .header-row2 {
  font-family: "Klavika", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 25px;
  line-height: 28px;
  background-color: #222222;
}
#AMD-Table .header-row1 td:nth-child(2), #AMD-Table .header-row1 td:nth-child(3) {
  padding-bottom: 0px;
  border-bottom: none;
}
#AMD-Table .header-row2 td:nth-child(2), #AMD-Table .header-row2 td:nth-child(3) {
  border-top: none;
}
#AMD-Table table.chart1 td:nth-child(2), #AMD-Table table.chart1 td:nth-child(3) {
  width: 25%;
}
#AMD-Table table.chart2 td:nth-child(1), #AMD-Table table.chart2 td:nth-child(3) {
  width: 20%;
}
#AMD-Table table.chart2 td:nth-child(4), #AMD-Table table.chart2 td:nth-child(5) {
  width: 25%;
}
#AMD-Table td.check {
  text-align: center;
}
#AMD-Table table.chart1 td, #AMD-Table table.chart2 td {
  border: 2px solid #353535;
}
#AMD-Table td.blank {
  background-color: #000000;
  border: none !important;
}
#AMD-Table tr.chart-logo {
  border-bottom: none !important;
}
#AMD-Table table.chart2 tr:nth-child(3) td:nth-child(1) {
  /* border-right: none !important; */
}
#AMD-Table table.chart2 tr:nth-child(3) td:nth-child(2) {
  border-left: none !important;
  /* border-right: none !important; */
}
#AMD-Table table.chart2 tr:nth-child(3) td:nth-child(3) {
  border-left: none !important;
}
@media (max-width: 767px) {
        #AMD-Table .section-content {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media (max-width: 600px) {

  #AMD-Table table.chart1 td, #AMD-Table table.chart2 td {
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}

/*#hd #AMD-Rewards*/
#hd #AMD-Rewards{
    /* background:#ffffff; */
    padding: 0px 0 0px;
    background: #000 ;
    
   /*  background-position-x: center; */
   /*  background-attachment: fixed !important; */
    background-size: contain;
}
#hd #AMD-Rewards .maintitle {
    text-align: center;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 18px;
    position: relative;
}
#hd #AMD-Rewards .maintitle .btn_group{
    display: flex;
    align-items: center;
    justify-content: center;
}
#hd #AMD-Rewards .maintitle a.btn_terms{
        background: none;
    border: #fff 1px solid;
    padding: 8px 25px 7px;
    cursor: pointer;
    outline: none;
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    font-size: 1.8em;
    font-weight: bold;
}
#hd #AMD-Rewards .maintitle a.btn_terms:hover{
    background: #fff;
    
    border: #fff 1px solid;
}
#hd #AMD-Rewards .maintitle a.btn_terms:hover{
    color: #000 !important;
}
#hd #AMD-Rewards a.link_style {
    display: inline-block;
    color: #000;
    background: #f16322;
    padding: 8px 16px;
    border: #000 1px solid;
    margin-top: 1.2em;
    font-size: 1.25em;
    font-weight: bold;
    font-family: 'Klavika', Arial, Helvetica, sans-serif;
    text-decoration: none;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
#hd #AMD-Rewards .maintitle .btn_group a.link_style{
    font-size: 1.8em;
}
#hd #AMD-Rewards a.link_style:hover{
    background: #000;
    color: #f16322;
    border: #f16322 1px solid;
}
#hd #AMD-Rewards img{
    width: 100%;
    max-width: 200px !important;
    margin: 0 30px 0 0;
}
#hd #AMD-Rewards .box_Warhammer{
        display: flex;
    background: #222222;
    padding: 30px 20px 30px 2em;
    align-items: center;
    text-align: left;
    justify-content: space-between;
    max-width: 940px;
    margin: 70px auto 0;
}
#hd #AMD-Rewards .info_Warhammer{
    padding-right: 6em;
    padding-left: 2em;
}
#hd #AMD-Rewards .info_Warhammer h2{
    margin-top: 0;
}
#hd #AMD-Rewards .box_Warhammer a{
    margin-top: 10px;
    margin-bottom: 0 !important;
}
#hd #AMD-Rewards .info_Warhammer p{
    font-size: 1.7em;
    line-height: 1.1em;
    margin: 0.6em 0;

}
/*FOOTER*/
#hd .AMD-footer {
  background-image: url('../img/footer-bg.jpg');
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 30px;
}
#hd .AMD-footer.section-content{
    display: flex;
  padding: 0px 50px 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  border-bottom: 1px solid #333;
}
#hd .AMD-footer.section-content .section-wrapper{
    max-width: 1200px;
}
#hd .AMD-footer .TWA-logo, .AMD-footer .button {
  display: block;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
#hd .footer-logos {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  margin-top: 50px;
}
#hd div.instruction p {
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  color: #000000 !important;
  margin-bottom: 0px;
  line-height: 20px;
  font-size: 18px !important;
  padding-bottom: 10px !important;
}

#hd .AMD-footer .footnotes {
  margin-bottom: 5px;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
}
#hd .AMD-footer .footnotes a {
  color: #fff;
  text-decoration: none;
}
#hd .AMD-footer .footnotes a:hover {
  text-decoration: underline;
}
#hd .AMD-footer ol {
  padding-inline-start: 15px;
}
#hd .AMD-footer .footnotes li {
  list-style-position: outside;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    #hd #AMD-Rewards .maintitle{
        padding-left: 0;
        padding-right: 0;
    }
    #hd #AMD-Rewards .info_Warhammer{
        padding-right: 1em;
        padding-left: 0em;
    }
}

/* popup */

.popup-inner a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    padding: 0;
    color: #c3c3c3;
}

.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.popup::-webkit-scrollbar {
    width: 0 !important;
}

.popup:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.popup-inner {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
    max-width: 1200px;
    width: 100%;
    padding: 40px;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin: 50px 0;
    word-wrap: break-word;
    color: #fff;
    font-family: 'DINPro-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 600px) {
    .popup-inner {
        padding: 40px 20px;
    }
}

.popup-inner h2 {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.popup-inner p {
    font-size: 24px;
    font-weight: 400;
}

.popup-close {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 30px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 100%;
    background: transparent;
    border: solid 4px #32323c;
}

.popup-close:after,
.popup-close:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 3px;
    height: 4px;
    width: 16px;
    border-radius: 30px;
    background: #32323c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-close:hover {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
    background: #1a257e;
    text-decoration: none;
    border-color: #1a257e;
}

.popup-close:hover:after,
.popup-close:hover:before {
    background: #fff;
}

@media (max-width: 950px) {
    .popup-inner {
        max-width: 900px;
        width: 90%;
    }
}

.popup .modal-content {
    background-color: transparent;
}

.popup .modal-content a {
    border: none;
    background: none;
}

.popup .modal-content a:hover {
    border: none;
    background: none;
}

.popup .modal-content .closeBtn {
    margin-top: 20px;
}


/* Terms and Conditions */

.modal-content {
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.modal-content .modal-header h5 {
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 0;
    margin: 20px 0;
    color: #c3c3c3;
}

.modal-content .modal-body {
    text-align: left;
}

.modal-body h5 {
    color: #fff;
}

.modal-content .modal-body ul:nth-of-type(1) {
    list-style-type: none;
}

.modal-content .modal-body .redeem-modal p {
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0;
    padding: 10px;
}

.modal-content .modal-body p {
    font-size: 16px;
    line-height: 20px;
    /* margin: 20px 0; */
    color: #c3c3c3;
}

.modal-content .modal-body h4 {
    font-size: 20px;
    padding: 10px 0;
    font-weight: 900;
}

.modal-content ul.popup-list {
    color: #c3c3c3;
}

.modal-content ul.popup-list li:nth-of-type(1) {
    list-style: none;
}

.modal-content ul.popup-list li:nth-of-type(1) ol li {
    list-style: lower-roman;
}

.modal-content ul.popup-list li:nth-of-type(2) ol {
    padding: 0;
    margin-top: 15px;
}

.modal-content ul.popup-list li:nth-of-type(2) ol li {
    list-style: none;
}

.modal-content ul.popup-list li {
    list-style: disc;
}

.modal-content .modal-body ul li ol li {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    list-style: lower-roman;
}

.modal-content .modal-body ul li {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 0 0 0 10px;
    color: #c3c3c3;
}

.modal-content .modal-body ul li ol {
    padding: 0 0 0 5px;
}

.modal-content .modal-body ul li ol:nth-of-type(1) li:nth-of-type(4) ol li {
    list-style-type: decimal;
}

.modal-content .modal-body ul li ol.list-symbol li {
    list-style-type: disc;
}

.modal-content .modal-body ul li ol.list-symbol li ul li {
    list-style-type: none;
}

.modal-content .modal-body .draw-prize .list-style {
    border: 1px solid #2f2f2f;
    padding: 15px;
    margin: 20px 0;
    list-style-type: none;
}

.modal-content .modal-body .draw-prize .list-style li:nth-of-type(1) {
    list-style-type: none;
}

.modal-content .modal-body .draw-prize .list-style li {
    font-size: 20px;
    font-weight: 900;
    padding-left: 15px;
}

.modal-content .modal-body .draw-prize .list-style-sub {
    list-style: square;
}

.modal-content .modal-body .draw-prize .list-style-sub li {
    font-weight: normal;
    color: #80b8e0;
    font-size: 16px;
    padding-left: 0;
}

.modal-content .modal-body .draw-prize .list-style-sub li:nth-of-type(1) {
    list-style-type: disc;
}

.modal-content .modal-body .draw-prize .list-style-sub li:first-child {
    padding-top: 15px;
}

.modal-content .modal-body .draw-prize .list-style-sub li:last-child {
    list-style-type: none;
}

.modal-content .modal-body .paragraph-style .list-style li:first-child {
    padding-top: 10px;
}

.modal-content .modal-body .paragraph-style .list-style li:last-child {
    padding-bottom: 10px;
}

.modal-content a:hover {
    text-decoration: underline;
    color: #5661d9;
}

.lower-roman {
    list-style: lower-roman;
}

.lower-alpha {
    list-style: lower-alpha;
}

.product-item {
    border: 1px solid #000;
    margin-top: 20px;
}

.product-item tr:nth-of-type(1) td:nth-of-type(1) {
    color: #000;
}

.product-item td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    color: #000;
}

.subscribeText span {
    display: block;
    color: #c3c3c3;
}

a.btn-s {}

a.close-btn {
    background-color: #1a257e;
    color: rgb(255, 255, 255);
    padding: 5px 10px;
    border: none;
}

a.close-btn:hover {
    background-color: #5661d9;
    color: #fff;
}

.tc-text {
    background: none;
}

.tableWrap {
    overflow: auto;
}

.terms_table {
    border: 1px solid #fff;
    text-align: center;
    color: #ccc;
    margin: 2% 0;
    word-break: keep-all;
}

.terms_table td {
    vertical-align: middle;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 5px;
}

.table-th {
    background-color: #1c2780;
    vertical-align: middle;
    color: #fff;
}

.table-col {
    background-color: #dbdbdb;
    color: #000;
}

.table-style {
    background-color: #d6daf8;
    color: #000;
}

.table-th_last {
    color: #fff;
    background-color: #0077f1;
}

.table-style_last {
    background: #c3e8fe;
    color: #000;
}

/* new */
.modal-body {
    flex-wrap: wrap;
    justify-content: space-around;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 20px;
}
.modal-body .item {
    gap: 20px;
    display: flex;
    align-items: baseline;
    /* justify-content: space-around; */
    border-left: 8px solid #666;
    background: #222;
    padding: 10px 20px;
}
.modal-body .item h3 {
    font-weight: bold;
    font-size: 30px;
    margin-top: 10px;
}

.modal-body .item h4 {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    /* padding: 5px 10px; */
    /* margin-bottom: 20px; */
}

@media screen and (max-width: 991px) {
    .modal-body {
        grid-template-columns: repeat(1, 1fr);
    }
}

.modal-body .item a {
    color: #fe0000;
}




/*# sourceMappingURL=main-TandC.css.map */