@charset "UTF-8";html {
    font-size: 16px
}

body {
    font-size: 16px
}

.inline__block {
    display: inline-block
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#CMD.font-tt .sup__base,#CMD.font-tt sup {
    position: relative;
    top: -.5em;
    font-size: .7em;
    font-feature-settings: "normal";
    vertical-align: baseline;
    -webkit-text-size-adjust: none!important;
    text-size-adjust: none!important
}

#CMD.font-tt .sup__base,#CMD.font-tt .sup__base *,#CMD.font-tt sup,#CMD.font-tt sup * {
    color: inherit!important;
    line-height: 1!important
}

#CMD.font-tt [class*=sign-].sup__base,#CMD.font-tt sup[class*=sign-] {
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-tt .sign-deg.sup__base,#CMD.font-tt sup.sign-deg {
    top: 0
}

#CMD.font-tt .sign-reg.sup__base,#CMD.font-tt sup.sign-reg {
    top: -.4em;
    font-size: .7em
}

#CMD.font-tt .sign-cr.sup__base,#CMD.font-tt sup.sign-cr {
    top: 0;
    vertical-align: unset
}

#CMD.font-tt .sign-tm.sup__base,#CMD.font-tt sup.sign-tm {
    top: .114em;
    font-size: 1.2em
}

#CMD.font-tt .sign-star.sup__base,#CMD.font-tt sup.sign-star {
    top: 0
}

#CMD.font-tt .sign-xe.sup__base,#CMD.font-tt sup.sign-xe {
    top: .02em;
    font-size: .7em;
    vertical-align: super
}

#CMD.font-tt .footnote-num.sup__base,#CMD.font-tt sup.footnote-num {
    top: auto;
    vertical-align: baseline;
    font-size: 1em;
    font-feature-settings: "numr";
    line-height: inherit!important
}

#CMD.font-tt .sup__base a,#CMD.font-tt sup a {
    color: inherit!important;
    font-size: inherit!important;
    vertical-align: inherit!important
}

#CMD.font-tt .ksp__layout .wd__content .content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup,#CMD.font-tt .section__display-inner-s4 .item__content sup,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup,#CMD.font-tt .sections-wdcontent .content__link sup,#CMD.font-tt .sections-wdcontent .content__slogan sup,#CMD.font-tt .sections-wdcontent .content__title sup,#CMD.font-tt .sup__ttnormal sup,#CMD.font-tt .wd__content .content__link sup,#CMD.font-tt .wd__content .content__slogan sup,#CMD.font-tt .wd__content .content__title sup,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup,#CMD.font-tt .wdblockimg .wd__content .content__title sup,#CMD.font-tt .wdtile.wdtile-ksp * sup,#CMD.font-tt [class*=text__tt] sup {
    position: relative;
    top: -.5em;
    font-size: .7em;
    font-feature-settings: "normal";
    vertical-align: baseline;
    -webkit-text-size-adjust: none!important;
    text-size-adjust: none!important
}

#CMD.font-tt .ksp__layout .wd__content .content__info,#CMD.font-tt .ksp__layout .wd__content .content__info *,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup *,#CMD.font-tt .section__display-inner-s4 .item__content sup,#CMD.font-tt .section__display-inner-s4 .item__content sup *,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup *,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup *,#CMD.font-tt .sections-wdcontent .content__link sup,#CMD.font-tt .sections-wdcontent .content__link sup *,#CMD.font-tt .sections-wdcontent .content__slogan sup,#CMD.font-tt .sections-wdcontent .content__slogan sup *,#CMD.font-tt .sections-wdcontent .content__title sup,#CMD.font-tt .sections-wdcontent .content__title sup *,#CMD.font-tt .sup__ttnormal sup,#CMD.font-tt .sup__ttnormal sup *,#CMD.font-tt .wd__content .content__link sup,#CMD.font-tt .wd__content .content__link sup *,#CMD.font-tt .wd__content .content__slogan sup,#CMD.font-tt .wd__content .content__slogan sup *,#CMD.font-tt .wd__content .content__title sup,#CMD.font-tt .wd__content .content__title sup *,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup *,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup *,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup *,#CMD.font-tt .wdblockimg .wd__content .content__title sup,#CMD.font-tt .wdblockimg .wd__content .content__title sup *,#CMD.font-tt .wdtile.wdtile-ksp * sup,#CMD.font-tt .wdtile.wdtile-ksp * sup *,#CMD.font-tt [class*=text__tt] sup,#CMD.font-tt [class*=text__tt] sup * {
    -webkit-text-fill-color: initial;
    background-image: initial;
    color: inherit!important;
    line-height: 0!important
}

#CMD.font-tt .ksp__layout .wd__content [class*=sign-].content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup[class*=sign-],#CMD.font-tt .section__display-inner-s4 .item__content sup[class*=sign-],#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup[class*=sign-],#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup[class*=sign-],#CMD.font-tt .sections-wdcontent .content__link sup[class*=sign-],#CMD.font-tt .sections-wdcontent .content__slogan sup[class*=sign-],#CMD.font-tt .sections-wdcontent .content__title sup[class*=sign-],#CMD.font-tt .sup__ttnormal sup[class*=sign-],#CMD.font-tt .wd__content .content__link sup[class*=sign-],#CMD.font-tt .wd__content .content__slogan sup[class*=sign-],#CMD.font-tt .wd__content .content__title sup[class*=sign-],#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup[class*=sign-],#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup[class*=sign-],#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup[class*=sign-],#CMD.font-tt .wdtile.wdtile-ksp * sup[class*=sign-],#CMD.font-tt [class*=text__tt] sup[class*=sign-] {
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .sign-deg.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-deg,#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-deg,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-deg,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-deg,#CMD.font-tt .sections-wdcontent .content__link sup.sign-deg,#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-deg,#CMD.font-tt .sections-wdcontent .content__title sup.sign-deg,#CMD.font-tt .sup__ttnormal sup.sign-deg,#CMD.font-tt .wd__content .content__link sup.sign-deg,#CMD.font-tt .wd__content .content__slogan sup.sign-deg,#CMD.font-tt .wd__content .content__title sup.sign-deg,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-deg,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-deg,#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-deg,#CMD.font-tt [class*=text__tt] sup.sign-deg {
    top: 0
}

#CMD.font-tt .ksp__layout .wd__content .sign-reg.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-reg,#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-reg,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-reg,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-reg,#CMD.font-tt .sections-wdcontent .content__link sup.sign-reg,#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-reg,#CMD.font-tt .sections-wdcontent .content__title sup.sign-reg,#CMD.font-tt .sup__ttnormal sup.sign-reg,#CMD.font-tt .wd__content .content__link sup.sign-reg,#CMD.font-tt .wd__content .content__slogan sup.sign-reg,#CMD.font-tt .wd__content .content__title sup.sign-reg,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-reg,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-reg,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-reg,#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-reg,#CMD.font-tt [class*=text__tt] sup.sign-reg {
    top: -.5em;
    font-size: .6em
}

#CMD.font-tt .ksp__layout .wd__content .sign-cr.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-cr,#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-cr,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-cr,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-cr,#CMD.font-tt .sections-wdcontent .content__link sup.sign-cr,#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-cr,#CMD.font-tt .sections-wdcontent .content__title sup.sign-cr,#CMD.font-tt .sup__ttnormal sup.sign-cr,#CMD.font-tt .wd__content .content__link sup.sign-cr,#CMD.font-tt .wd__content .content__slogan sup.sign-cr,#CMD.font-tt .wd__content .content__title sup.sign-cr,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-cr,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-cr,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-cr,#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-cr,#CMD.font-tt [class*=text__tt] sup.sign-cr {
    top: 0;
    vertical-align: unset
}

#CMD.font-tt .ksp__layout .wd__content .sign-tm.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-tm,#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-tm,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-tm,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-tm,#CMD.font-tt .sections-wdcontent .content__link sup.sign-tm,#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-tm,#CMD.font-tt .sections-wdcontent .content__title sup.sign-tm,#CMD.font-tt .sup__ttnormal sup.sign-tm,#CMD.font-tt .wd__content .content__link sup.sign-tm,#CMD.font-tt .wd__content .content__slogan sup.sign-tm,#CMD.font-tt .wd__content .content__title sup.sign-tm,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-tm,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-tm,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-tm,#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-tm,#CMD.font-tt [class*=text__tt] sup.sign-tm {
    top: 0;
    font-size: 1em
}

#CMD.font-tt .ksp__layout .wd__content .sign-star.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-star,#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-star,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-star,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-star,#CMD.font-tt .sections-wdcontent .content__link sup.sign-star,#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-star,#CMD.font-tt .sections-wdcontent .content__title sup.sign-star,#CMD.font-tt .sup__ttnormal sup.sign-star,#CMD.font-tt .wd__content .content__link sup.sign-star,#CMD.font-tt .wd__content .content__slogan sup.sign-star,#CMD.font-tt .wd__content .content__title sup.sign-star,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-star,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-star,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-star,#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-star,#CMD.font-tt [class*=text__tt] sup.sign-star {
    top: 0;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .sign-xe.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.sign-xe,#CMD.font-tt .section__display-inner-s4 .item__content sup.sign-xe,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.sign-xe,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.sign-xe,#CMD.font-tt .sections-wdcontent .content__link sup.sign-xe,#CMD.font-tt .sections-wdcontent .content__slogan sup.sign-xe,#CMD.font-tt .sections-wdcontent .content__title sup.sign-xe,#CMD.font-tt .sup__ttnormal sup.sign-xe,#CMD.font-tt .wd__content .content__link sup.sign-xe,#CMD.font-tt .wd__content .content__slogan sup.sign-xe,#CMD.font-tt .wd__content .content__title sup.sign-xe,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.sign-xe,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.sign-xe,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.sign-xe,#CMD.font-tt .wdtile.wdtile-ksp * sup.sign-xe,#CMD.font-tt [class*=text__tt] sup.sign-xe {
    top: .04em;
    font-size: .8em;
    vertical-align: super;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .footnote-num.content__info,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup.footnote-num,#CMD.font-tt .section__display-inner-s4 .item__content sup.footnote-num,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup.footnote-num,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup.footnote-num,#CMD.font-tt .sections-wdcontent .content__link sup.footnote-num,#CMD.font-tt .sections-wdcontent .content__slogan sup.footnote-num,#CMD.font-tt .sections-wdcontent .content__title sup.footnote-num,#CMD.font-tt .sup__ttnormal sup.footnote-num,#CMD.font-tt .wd__content .content__link sup.footnote-num,#CMD.font-tt .wd__content .content__slogan sup.footnote-num,#CMD.font-tt .wd__content .content__title sup.footnote-num,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup.footnote-num,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup.footnote-num,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup.footnote-num,#CMD.font-tt .wdtile.wdtile-ksp * sup.footnote-num,#CMD.font-tt [class*=text__tt] sup.footnote-num {
    top: auto;
    vertical-align: baseline;
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-tt .ksp__layout .wd__content .content__info .footnote-number-comma,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup .footnote-number-comma,#CMD.font-tt .section__display-inner-s4 .item__content sup .footnote-number-comma,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup .footnote-number-comma,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup .footnote-number-comma,#CMD.font-tt .sections-wdcontent .content__link sup .footnote-number-comma,#CMD.font-tt .sections-wdcontent .content__slogan sup .footnote-number-comma,#CMD.font-tt .sections-wdcontent .content__title sup .footnote-number-comma,#CMD.font-tt .sup__ttnormal sup .footnote-number-comma,#CMD.font-tt .wd__content .content__link sup .footnote-number-comma,#CMD.font-tt .wd__content .content__slogan sup .footnote-number-comma,#CMD.font-tt .wd__content .content__title sup .footnote-number-comma,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup .footnote-number-comma,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup .footnote-number-comma,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup .footnote-number-comma,#CMD.font-tt .wdtile.wdtile-ksp * sup .footnote-number-comma,#CMD.font-tt [class*=text__tt] sup .footnote-number-comma {
    vertical-align: super;
    font-size: .5em
}

#CMD.font-tt .ksp__layout .wd__content .content__info a,#CMD.font-tt .section__audioDolby-inner-s4 .wdtab__nav-btn sup a,#CMD.font-tt .section__display-inner-s4 .item__content sup a,#CMD.font-tt .section__ksp .wdtile.wdtile-ksp .wd__content .content__info sup a,#CMD.font-tt .section__spatialVision-outer-s2 .category_container .wd__content .content__info sup a,#CMD.font-tt .sections-wdcontent .content__link sup a,#CMD.font-tt .sections-wdcontent .content__slogan sup a,#CMD.font-tt .sections-wdcontent .content__title sup a,#CMD.font-tt .sup__ttnormal sup a,#CMD.font-tt .wd__content .content__link sup a,#CMD.font-tt .wd__content .content__slogan sup a,#CMD.font-tt .wd__content .content__title sup a,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__data sup a,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe sup a,#CMD.font-tt .wd__feature__list .wd__feature .wd__feature__describe__top sup a,#CMD.font-tt .wdblockimg .wd__content .content__title sup a,#CMD.font-tt .wdtile.wdtile-ksp * sup a,#CMD.font-tt [class*=text__tt] sup a {
    color: inherit!important;
    font-size: inherit!important;
    vertical-align: inherit!important
}

#CMD.font-tt .section__display-inner-s1 .wdOledTable.oledTable .table_container sup a {
    line-height: .9!important
}

#CMD.font-helvetica .sup__base,#CMD.font-helvetica sup {
    position: relative;
    top: -.5em;
    font-size: .7em;
    font-feature-settings: "normal";
    vertical-align: baseline;
    -webkit-text-size-adjust: none!important;
    text-size-adjust: none!important
}

#CMD.font-helvetica .sup__base,#CMD.font-helvetica .sup__base *,#CMD.font-helvetica sup,#CMD.font-helvetica sup * {
    -webkit-text-fill-color: initial!important;
    background-image: none!important;
    color: inherit!important;
    line-height: inherit!important;
    line-height: 0!important
}

#CMD.font-helvetica [class*=sign-].sup__base,#CMD.font-helvetica sup[class*=sign-] {
    font-size: 1em;
    font-feature-settings: "numr"
}

#CMD.font-helvetica .sign-deg.sup__base,#CMD.font-helvetica sup.sign-deg {
    top: 0
}

#CMD.font-helvetica .sign-reg.sup__base,#CMD.font-helvetica sup.sign-reg {
    top: -.1em;
    font-feature-settings: "numr";
    font-size: .9em
}

#CMD.font-helvetica .sign-cr.sup__base,#CMD.font-helvetica sup.sign-cr {
    top: 0;
    vertical-align: unset
}

#CMD.font-helvetica .sign-tm.sup__base,#CMD.font-helvetica sup.sign-tm {
    top: .2em;
    font-size: 1.4em
}

#CMD.font-helvetica .sign-star.sup__base,#CMD.font-helvetica sup.sign-star {
    top: 0;
    font-feature-settings: "numr"
}

#CMD.font-helvetica .sign-xe.sup__base,#CMD.font-helvetica sup.sign-xe {
    top: 0;
    font-size: .7em;
    vertical-align: super
}

#CMD.font-helvetica .footnote-num.sup__base,#CMD.font-helvetica sup.footnote-num {
    top: auto;
    vertical-align: baseline;
    font-size: 1em;
    font-feature-settings: "numr";
    line-height: inherit!important;
    border-bottom: 1px solid transparent
}

#CMD.font-helvetica .footnote-num.sup__base:hover,#CMD.font-helvetica sup.footnote-num:hover {
    border-color: inherit
}

#CMD.font-helvetica .sup__base a,#CMD.font-helvetica sup a {
    color: inherit!important;
    font-size: inherit!important;
    vertical-align: inherit!important
}

.odin ol li,.odin ul li {
    margin: 0
}

@media all and (min-width: 1280px) {
    .wd__section .large__text-center {
        text-align:center
    }

    .wd__section .large__text-center.wd__content {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__comment,.wd__section .large__text-center.wd__content .content__info,.wd__section .large__text-center.wd__content .content__link,.wd__section .large__text-center.wd__content .content__slogan,.wd__section .large__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .large__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .large__text-center.wd__content .content__title::after {
        margin: 0 auto;
        text-align: center
    }

    .wd__section .large__text-left.wd__content {
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__comment,.wd__section .large__text-left.wd__content .content__info,.wd__section .large__text-left.wd__content .content__link,.wd__section .large__text-left.wd__content .content__slogan,.wd__section .large__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__content .content__slogan::after {
        left: 0;
        margin-left: 0
    }

    .wd__section .large__text-left.wd__content .content__title::after {
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .large__text-left.wd__feature__list .wd__feature {
        margin-right: 58px;
        margin-left: 0;
        text-align: left
    }

    .wd__section .large__text-right.wd__content {
        text-align: right
    }

    .wd__section .large__text-right.wd__content .content__slogan::after {
        right: 0;
        margin-right: 0
    }

    .wd__section .large__text-right.wd__feature__list {
        text-align: right
    }

    .wd__section .large__text-right.wd__feature__list .wd__feature {
        margin-right: 0;
        margin-left: 58px;
        text-align: right
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__section .medium__text-left.wd__content {
        left:0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__comment,.wd__section .medium__text-left.wd__content .content__info,.wd__section .medium__text-left.wd__content .content__link,.wd__section .medium__text-left.wd__content .content__slogan,.wd__section .medium__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .medium__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .medium__text-left.wd__feature__list {
        text-align: left
    }

    .wd__section .medium__text-left.wd__feature__list .wd__feature {
        margin-right: 50px;
        margin-left: 0
    }

    .wd__section .medium__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__comment,.wd__section .medium__text-center.wd__content .content__info,.wd__section .medium__text-center.wd__content .content__link,.wd__section .medium__text-center.wd__content .content__slogan,.wd__section .medium__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .medium__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .medium__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__data,.wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe,.wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top {
        text-align: center
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .small__text-left.wd__content {
        left:0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__comment,.wd__section .small__text-left.wd__content .content__info,.wd__section .small__text-left.wd__content .content__link,.wd__section .small__text-left.wd__content .content__slogan,.wd__section .small__text-left.wd__content .content__title {
        margin-left: 0;
        text-align: left
    }

    .wd__section .small__text-left.wd__content .content__slogan::after {
        margin-left: 0
    }

    .wd__section .small__text-left.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-left.wd__feature__list .wd__feature__list .wd__feature {
        margin-right: 20px;
        margin-left: 0
    }

    .wd__section .small__text-center {
        text-align: center
    }

    .wd__section .small__text-center.wd__content {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__comment,.wd__section .small__text-center.wd__content .content__info,.wd__section .small__text-center.wd__content .content__link,.wd__section .small__text-center.wd__content .content__slogan,.wd__section .small__text-center.wd__content .content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .wd__section .small__text-center.wd__content .content__slogan::after {
        margin-right: auto;
        margin-left: auto
    }

    .wd__section .small__text-center.wd__feature__list {
        text-align: center
    }

    .wd__section .small__text-center.wd__feature__list .wd__feature {
        margin-right: 14px;
        margin-left: 14px
    }
}

#CMD .wd__section.text-black {
    background-color: #fff
}

#CMD .wd__section.text-black .wd__content .content__comment,#CMD .wd__section.text-black .wd__content .content__info,#CMD .wd__section.text-black .wd__content .content__title {
    color: #181818
}

#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data,#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__data *,#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe,#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe *,#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top,#CMD .wd__section.text-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: #181818
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__comment {
    color: #999
}

#CMD .wd__section .section_content .wd__content.theme-dark .content__info,#CMD .wd__section .section_content .wd__content.theme-dark .content__title {
    color: #fff
}

#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe,#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span,#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top,#CMD .wd__section .section_content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span {
    color: #fff
}

#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe,#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span,#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top,#CMD .wd__section .section_content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span {
    color: #fff
}

.modal-button-container.bg-gray .modal-button-text {
    color: #6f6f6f
}

.modal-button-container.bg-gray .modal-button .modal-button-end-cap,.modal-button-container.bg-gray .modal-button .modal-button-scaler,.modal-button-container.bg-gray .modal-button .modal-button-start-cap {
    background: #6f6f6f
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy,.modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap,.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon {
    background-image: url(../images/large/1x/icon/icon_modalbtn_gray.png)!important
}

.modal-button-container.bg-white .modal-button .modal-button-copy {
    color: #333
}

.modal-button-container.bg-white .modal-button .modal-button-end-cap,.modal-button-container.bg-white .modal-button .modal-button-scaler,.modal-button-container.bg-white .modal-button .modal-button-start-cap {
    background: #fff
}

.modal-button-container.bg-white .modal-button .pluscircle-icon svg path {
    fill: #333
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.d-none {
    display: none;
    position: absolute!important;
    overflow: hidden;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.screen-reader-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    white-space: nowrap;
    clip: rect(0 0 0 0)
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    top: 50%;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: unset;
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%)
}

#CMD button,#CMD input,#CMD select,#CMD textarea {
    outline: initial;
    outline-color: initial;
    outline-style: initial;
    outline-width: initial
}

#CMD a[tabindex="0"] *,#CMD button[tabindex="0"] * {
    pointer-events: none
}

.js-focus-visible #CMD :focus:not(.focus-visible) {
    outline: 0
}

#overviewContentInsertWrapper a:focus-visible,#overviewContentInsertWrapper button:focus-visible,#overviewContentInsertWrapper div:focus-visible,#overviewContentInsertWrapper h1:focus-visible,#overviewContentInsertWrapper h2:focus-visible,#overviewContentInsertWrapper h3:focus-visible,#overviewContentInsertWrapper h4:focus-visible,#overviewContentInsertWrapper image:focus-visible,#overviewContentInsertWrapper input:focus-visible,#overviewContentInsertWrapper li:focus-visible,#overviewContentInsertWrapper nav:focus-visible,#overviewContentInsertWrapper ol:focus-visible,#overviewContentInsertWrapper p:focus-visible,#overviewContentInsertWrapper select:focus-visible,#overviewContentInsertWrapper span:focus-visible,#overviewContentInsertWrapper svg:focus-visible,#overviewContentInsertWrapper textarea:focus-visible,#overviewContentInsertWrapper ul:focus-visible,.js-focus-visible #CMD .inner-modal .content__title:focus,.lity button:focus-visible {
    outline: 2px solid #4cb8a2
}

#overviewContentInsertWrapper .wd__section.theme-white .js-focus-visible #CMD .inner-modal .content__title:focus,#overviewContentInsertWrapper .wd__section.theme-white .js-focus-visible #CMD .inner-modal a:focus,#overviewContentInsertWrapper .wd__section.theme-white .lity button:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white a:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white button:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white div:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white h1:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white h2:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white h3:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white h4:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white image:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white input:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white li:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white nav:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white ol:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white p:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white select:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white span:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white svg:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white textarea:focus-visible,#overviewContentInsertWrapper .wd__section.theme-white ul:focus-visible {
    outline-color: #4cb8a2
}

#overviewContentInsertWrapper .wd__section.theme-black .js-focus-visible #CMD .inner-modal .content__title:focus,#overviewContentInsertWrapper .wd__section.theme-black .js-focus-visible #CMD .inner-modal a:focus,#overviewContentInsertWrapper .wd__section.theme-black .lity button:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black a:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black button:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black div:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black h1:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black h2:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black h3:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black h4:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black image:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black input:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black li:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black nav:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black ol:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black p:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black select:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black span:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black svg:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black textarea:focus-visible,#overviewContentInsertWrapper .wd__section.theme-black ul:focus-visible {
    outline-color: #57bd51
}

#overviewContentInsertWrapper .wd__section.section__ksp button:focus-visible {
    border: 2px solid #40a08d;
    outline-color: #fff;
    border-radius: 50%
}

#__layout .footnote-num a:focus-visible {
    text-decoration: underline;
    text-underline-offset: -.28em;
    display: inline!important
}

#__layout .colorful-text .footnote-num a:focus-visible {
    text-decoration: underline;
    text-underline-offset: -.28em;
    -webkit-text-fill-color: #181818;
    display: inline!important;
    border-color: transparent!important
}

html {
    overflow-x: clip;
    width: 100%;
    font-size: 16px
}

html.stop-scrolling {
    overflow-y: hidden
}

.inline__block {
    display: inline-block
}

html.event-official body,html.event-simple body,html.proart body {
    margin: 0
}

.wd-outer-end {
    position: relative
}

body {
    background-attachment: scroll!important;
    -webkit-overflow-scrolling: touch!important;
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#CMD {
    -webkit-transition-duration: .7s;
    -khtml-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -ms-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-property: opacity;
    -khtml-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.25,.46,.33,.98);
    -khtml-transition-timing-function: cubic-bezier(.25,.46,.33,.98);
    -moz-transition-timing-function: cubic-bezier(.25,.46,.33,.98);
    -ms-transition-timing-function: cubic-bezier(.25,.46,.33,.98);
    -o-transition-timing-function: cubic-bezier(.25,.46,.33,.98);
    transition-timing-function: cubic-bezier(.25,.46,.33,.98);
    position: relative;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

#CMD * {
    box-sizing: border-box
}

section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

section .img {
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

section .wd__feature .img__icon {
    background-size: contain
}

.section__pdc,.section__wdvideos,.wd__section {
    max-width: 2560px
}

.section__content {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 100%
}

.progressive-image {
    background-image: none!important;
    mask: none!important;
    -webkit-mask-image: none!important
}

.section__pdc,.section__wdvideos {
    font-size: 0
}

.figure__img img,.figure__img picture {
    width: 100%;
    height: 100%
}

.hybrid__sections {
    position: relative;
    overflow-x: clip
}

@media all and (min-width: 1px) {
    .grace-show {
        -webkit-opacity:0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transition: opacity .8s linear
    }

    .grace-show.show {
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        transform: translate3d(0,0,0);
        will-change: opacity
    }

    .grace-show.animated {
        transform: none;
        transition: none
    }
}

.in.moving__element {
    will-change: transform,opacity
}

.wd__animation__easeout {
    -webkit-transition-duration: .5s,.5s;
    -khtml-transition-duration: .5s,.5s;
    -moz-transition-duration: .5s,.5s;
    -ms-transition-duration: .5s,.5s;
    -o-transition-duration: .5s,.5s;
    transition-duration: .5s,.5s;
    -webkit-transition-property: opacity,-webkit-transform;
    -khtml-transition-property: opacity,-webkit-transform;
    -moz-transition-property: opacity,-webkit-transform;
    -ms-transition-property: opacity,-webkit-transform;
    -o-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0,0,.58,1);
    -khtml-transition-timing-function: cubic-bezier(0,0,.58,1);
    -moz-transition-timing-function: cubic-bezier(0,0,.58,1);
    -ms-transition-timing-function: cubic-bezier(0,0,.58,1);
    -o-transition-timing-function: cubic-bezier(0,0,.58,1);
    transition-timing-function: cubic-bezier(0,0,.58,1);
    -moz-transition-duration: .5s;
    -moz-transition-property: all
}

@keyframes ripple {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.text__animation>a,.text__animation>div,.text__animation>figure,.text__animation>h1,.text__animation>h2,.text__animation>h3,.text__animation>h4,.text__animation>img,.text__animation>span {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)
}

.wd__content.text__animation>a,.wd__content.text__animation>div,.wd__content.text__animation>figure,.wd__content.text__animation>h1,.wd__content.text__animation>h2,.wd__content.text__animation>h3,.wd__content.text__animation>h4,.wd__content.text__animation>img,.wd__content.text__animation>span {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)
}

.wd__content.text__animation.text-showed .content__comment,.wd__content.text__animation.text-showed .content__info,.wd__content.text__animation.text-showed .content__link,.wd__content.text__animation.text-showed .content__slogan,.wd__content.text__animation.text-showed .content__title,.wd__content.text__animation.text-showed .wd__feature__list {
    transform: none
}

.wd__content.wd__content-horz.text__animation {
    opacity: 0;
    transform: translateZ(0) translateY(30px);
    transition: opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)
}

.wd__content.wd__content-horz.text__animation>a,.wd__content.wd__content-horz.text__animation>div,.wd__content.wd__content-horz.text__animation>figure,.wd__content.wd__content-horz.text__animation>h1,.wd__content.wd__content-horz.text__animation>h2,.wd__content.wd__content-horz.text__animation>h3,.wd__content.wd__content-horz.text__animation>h4,.wd__content.wd__content-horz.text__animation>img,.wd__content.wd__content-horz.text__animation>span {
    opacity: 1;
    transform: unset;
    transition: unset
}

.outer-view {
    opacity: 1;
    transition: opacity 0 linear
}

.outer-view.is-hide {
    opacity: 0
}

.outer-view .block__scroll .block__scroll-item {
    opacity: 0;
    transform: translateY(100px)
}

@media all and (max-width: 730.5px) {
    .outer-view .block__scroll .block__scroll-item {
        transform:translateY(60px);
        transform-origin: top
    }
}

.outer-view .block__scroll .scroll-trigger-end {
    position: absolute;
    bottom: 0
}

@media all and (max-width: 730.5px) {
    .block__scroll.block__scroll__small-noscroll .block__scroll-item {
        opacity:1!important;
        transform: none!important
    }

    .block__scroll.block__scroll__small-noscroll .scroll-trigger-end {
        position: relative!important;
        bottom: 0
    }
}

.wd__section .slick-dots {
    margin-right: auto;
    margin-left: auto
}

#main-zone #overview-top-nav .inner {
    padding: 0
}

#product-footer-zone {
    margin-top: 0!important
}

#main-zone>.container {
    padding: 0!important;
    width: 100%!important;
    max-width: 100%!important
}

#main-zone>.container .overview-wrapper {
    width: 100%!important
}

#ctl00_ContentPlaceHolder1_ctl00_span_model_name img {
    max-width: 100%
}

#special-sectionOverview {
    margin-top: 0
}

@media all and (min-width: 769px) {
    #CMD .outer-view {
        margin-top:0
    }
}

@media (max-width: 959px) and (min-width:731px) {
    #af-header,#af-header .af-inner,body #asus-api-footer {
        min-width:100%;
        width: 100%
    }

    #main-zone>.container {
        width: 100%!important;
        min-width: 100%!important;
        max-width: 100%!important
    }
}

@media all and (max-width: 730.5px) {
    #special-sectionOverview {
        margin-top:0
    }

    #CMD {
        margin-top: 0!important
    }

    #main-zone,#main-zone-3,#main-zone-4,#main-zone-5,#main-zone-6 {
        padding-right: 0!important;
        padding-left: 0!important
    }
}

#overview-top-nav .inner .nav>li.has-submenu>a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFIGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjFUMTQ6MTk6MzgrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA1LTIxVDE0OjIyOjAyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplNmZjZjU3NC1hNGFlLTQ2ZDAtOTM1Mi02YjI1YjI3ZWJkMjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2ZmNmNTc0LWE0YWUtNDZkMC05MzUyLTZiMjViMjdlYmQyMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMVQxNDoxOTozOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+moGVIwAAAJVJREFUGJVtkCELAkEQRt95cF3kmpisZn+Zf8FusVttJi1mu2CziFgMolguCM8yh8t6AwvLvvcNO1OodNQAeAGfHPQ65ClwAXZA9UfV9EzUp7/aqGXqpPJQvYY4V49xX6lFHqjVUwjLpME53hZpoFQPAdbZF8bqLdisDfTVRt2rVTZTO9dD3aoUsdYRcAearh0DdbD3FwUC138WqUD3AAAAAElFTkSuQmCC)
}

#overview-top-nav.to-submenu .inner .features-menu .close-btn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0MzYwLCAyMDIwLzAyLzEzLTAxOjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDYtMTdUMTQ6MzQ6MzQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTA2LTE3VDE0OjM0OjUzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTA2LTE3VDE0OjM0OjUzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMwNWI5NTg0LTQyZjAtNDVlYy1iMjIxLWY4ODAxZjQxODcwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMDViOTU4NC00MmYwLTQ1ZWMtYjIyMS1mODgwMWY0MTg3MDQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMDViOTU4NC00MmYwLTQ1ZWMtYjIyMS1mODgwMWY0MTg3MDQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjMwNWI5NTg0LTQyZjAtNDVlYy1iMjIxLWY4ODAxZjQxODcwNCIgc3RFdnQ6d2hlbj0iMjAyMC0wNi0xN1QxNDozNDozNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Lv/Y4AAAAJJJREFUKJF1kcENhEAIRR9TgSVYgi1YCIlW5iYUoiXYwbZgCXthNkgYToT/PhAQM/sCM7Cr6ocizGwDDuBuwOT1w4URDDA3YAWeypTgB1jFhQU4w7S9N4iwqt4SumUTGQaQqBSmFwzQUrclTZi89o+40pZ27gYIJ5cBvHp+ZpNUcN+5ul4bwQCev/7UgKuCB6brB24YT+NnPIKZAAAAAElFTkSuQmCC)
}

@media (max-width: 768px) and (min-width:720px) {
    #rog_black_style .page-title {
        background:#222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat;
        background-size: 48px
    }
}

@media (max-width: 719px) {
    #overview-top-nav .page-title {
        background:#222 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABWCAYAAAAjbNN8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF52lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTExVDE1OjI5OjUyKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphYmYzM2VmNi05ODYwLTQ2ZGItODU2NC1kMzU1ODE4Y2FkMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NThERTEwNzlFRTZCMTFFNjkzNkNFQjU4RTUwM0REQzkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OERFMTA3OUVFNkIxMUU2OTM2Q0VCNThFNTAzRERDOSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4REUxMDc2RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4REUxMDc3RUU2QjExRTY5MzZDRUI1OEU1MDNEREM5Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmFiZjMzZWY2LTk4NjAtNDZkYi04NTY0LWQzNTU4MThjYWQxOCIgc3RFdnQ6d2hlbj0iMjAxOC0wNS0xMVQxNTozMToxNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkzXgSYAAAJqSURBVHic7dzRbdNQGIbhN4gBvAEdwUzQdAPYIEwATEA2KJ2AjJANajYwG3gEbxAuTi5ycWpO8UnPl1/fI1WqHFv6pVc+SWPXm9PptAUGTNK71gPYMgcS50DiHEicA4lzIHEOJM6BxDmQOAcS50DiHEicA4lzIHEOJM6BxDmQuGiBtsCp4GffZrzXixioxP01h6jpfesBrughs+0R6N94jlUiBxoy2+bCYz8Bv4Cuzij/ZQQeoi1xtXylbRxIZ/rOgfKm1gOcjZGXuDW+A39ov8QNkQM9Z7b1hcfOwM9ag6wRLdB88fu2cD9p0QIdgA8snykT8PQGs1QRLdBMev8Iw5/ixDmQOAcS50DiHEicA4lzIHEOJC7aH6qQruX0C69PwJEb+bonWqAd6ULbv9wDX647Sh3Rlri7yvs1F+0MurTJbHum/MaSnrbXgyZgihxojT3wo/EMM/Ax2hJXi8JtWR2+J+FFv1sPQDqDDl7i8vakj+Jdwxkmgr8HnVYeP9YYYq1oS9xUeb/mop1BB9La3S/sM5GWr5uw8fPitEVb4sJxIHEOJM6BxDmQOAcS50DiHEhctG8SOtJ1nH5hn4n03w3j1aepIFqgHfCtYL8O+HzNQWqJFqi7+H3IvN6f9+kyr0mKFuhS7jkJpfckdKSzsas2zeuNwDFyoDUeSYFa83MSXnDXeoCz3oHynmh/5+lI8HsStpltXeGxR0Qu6kUOlHtOws2JtsQNhfsp3FZVJNoZNJC/5fdmRTuDwnEgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcQ4kzoHEOZA4BxLnQOIcSJwDiXMgcX8BVn1OSUK1/rIAAAAASUVORK5CYII=) 96% center no-repeat;
        background-size: 48px
    }
}

@media (max-width: 768px) and (min-width:0) {
    body#rog_black_style #overview-top-nav .nav-tabs>.active {
        background-color:#222!important
    }

    body #overview-top-nav .inner .features-menu .nav-sub>li.active {
        background: #222!important
    }
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
    position: fixed;
    z-index: 1000000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    white-space: nowrap;
    outline: auto;
    background: #0b0b0b;
    background: #000;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity.lity-opened {
    opacity: 1
}

.lity.lity-closed {
    opacity: 0
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    position: fixed;
    z-index: 9990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    outline: 0!important
}

.lity-wrap::before {
    display: inline-block;
    margin-right: -.25em;
    height: 100%;
    content: "";
    vertical-align: middle
}

.lity-loader {
    position: absolute;
    z-index: 9991;
    top: 50%;
    opacity: 0;
    margin-top: -.8em;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    display: inline-block;
    position: relative;
    z-index: 9992;
    max-width: 100%;
    max-height: 100%;
    text-align: left;
    white-space: normal;
    outline: 0!important;
    vertical-align: middle
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease
}

.lity-closed .lity-content,.lity-loading .lity-content {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.lity-content::after {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    content: ""
}

.lity-close {
    display: none;
    position: fixed;
    z-index: 9994;
    cursor: pointer;
    top: 14px;
    right: 14px;
    padding: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 35px;
    font-family: Arial,Baskerville,monospace;
    text-align: center;
    text-decoration: none;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    font-style: normal;
    line-height: 35px;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: transform .3s ease
}

.lity-close::-moz-focus-inner {
    padding: 0;
    border: 0
}

.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited {
    transform: rotate(180deg)
}

.lity-close:active {
    top: 1px
}

.lity-image img {
    display: block;
    max-width: 100%;
    border: 0;
    line-height: 0
}

.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    overflow: auto;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: auto;
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6)
}

.lity-hide {
    display: none
}

.beer-slider {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.beer-slider *,.beer-slider ::after,.beer-slider ::before,.beer-slider::after,.beer-slider::before {
    box-sizing: border-box
}

.beer-slider img,.beer-slider svg {
    vertical-align: bottom
}

.beer-slider>* {
    height: 100%
}

.beer-slider>img {
    max-width: 100%;
    height: auto
}

.beer-reveal {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top: 0;
    right: 50%;
    left: 0;
    opacity: 0;
    transition: opacity .35s
}

.beer-reveal>:first-child {
    width: 200%;
    max-width: none;
    height: 100%
}

.beer-reveal>img:first-child {
    height: auto
}

.beer-range {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: -1px;
    opacity: 0;
    margin: 0;
    width: calc(100% + 2px);
    height: 100%;
    -webkit-appearance: slider-horizontal!important;
    -moz-appearance: none;
    -ms-touch-action: auto;
    touch-action: auto
}

.beer-range::-webkit-slider-thumb {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: #fff;
    -webkit-appearance: none
}

.beer-range::-moz-range-thumb {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: fff
}

.beer-range::-ms-tooltip {
    cursor: pointer;
    width: 36px;
    height: 100%;
    min-height: 36px;
    background: #fff
}

.beer-handle {
    position: absolute;
    z-index: 2;
    top: calc(50% - 30px);
    opacity: 0;
    width: 60px;
    height: 60px;
    transform: translateX(-15px)
}

.beer-handle::before {
    position: absolute;
    top: -273px;
    left: 50%;
    width: 1px;
    height: 606px;
    background-color: #fff;
    content: ""
}

.beer-handle::after {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    content: ""
}

.beer-range:focus~.beer-handle::after {
    outline: 5px auto -webkit-focus-ring-color
}

.beer-ready .beer-handle,.beer-ready .beer-reveal {
    opacity: 1
}

#CMD::before {
    display: block;
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0
}

@media all and (min-width: 1280px) {
    #CMD::before {
        content:"desktop"
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    #CMD::before {
        content:"tablet"
    }
}

@media all and (max-width: 730.5px) {
    #CMD::before {
        content:"mobile"
    }
}

.wd__content {
    position: relative;
    color: #242424
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content {
        left:0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        width: 88%;
        max-width: 724px
    }
}

@media all and (max-width: 730.5px) {
    .wd__content {
        left:0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0;
        width: 89.2%;
        text-align: left
    }
}

.wd__content * {
    line-height: 1.2
}

.wd__content .content__slogan {
    position: relative;
    color: #181818;
    font-size: 1.5625rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content .content__slogan {
        font-size:1.75rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__content .content__slogan {
        padding-top:0;
        padding-left: 0;
        font-size: 1.125rem
    }
}

.wd__content .content__title {
    display: inline-block;
    position: relative;
    margin-top: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2.5rem;
    -webkit-background-clip: text
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content .content__title {
        margin-top:5px;
        font-size: 2.5rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__content .content__title {
        margin-top:1px;
        width: 100%;
        font-size: 2.125rem
    }
}

.wd__content .content__title,.wd__content .content__title * {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wd__content .content__title a,.wd__content .content__title div,.wd__content .content__title span,.wd__content .content__title sup {
    background-image: inherit
}

.wd__content .content__title.no-top-space {
    margin-top: -5px
}

.wd__content .content__title span {
    display: inline-block
}

.wd__content .content__info {
    position: relative;
    margin-top: 11px;
    font-size: 1.25rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content .content__info {
        margin-top:9px;
        font-size: 1.25rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__content .content__info {
        margin-top:6px;
        width: 100%;
        font-size: 1.125rem
    }
}

.wd__content .content__info,.wd__content .content__info * {
    line-height: 1.4
}

.wd__content .content__comment {
    margin-top: 11px;
    font-size: 1.25rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content .content__comment {
        margin-top:12px;
        font-size: 1.25rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__content .content__comment {
        margin-top:12px;
        font-size: 1.125rem
    }
}

.wd__content .content__link {
    display: block;
    margin-top: -4px;
    padding: 5px 0 0;
    font-size: 1.25rem;
    line-height: 1.4
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content .content__link {
        font-size:1.25rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__content .content__link {
        font-size:1.125rem
    }
}

.wd__content .content__link span {
    display: inline;
    color: var(--mdPrimaryColor);
    border-bottom: 1px solid transparent
}

.wd__content .content__link *,.wd__content .content__link:active span,.wd__content .content__link:link span,.wd__content .content__link:visited span {
    border-bottom: 1px solid transparent
}

.wd__content .content__link:hover span {
    border-bottom: 1px solid var(--mdPrimaryColor)
}

.wd__content .content__link.link-gradient {
    display: block;
    margin-top: 3px;
    padding: 5px 0;
    font-size: 1.25rem;
    line-height: 27px;
    -webkit-text-fill-color: initial;
    background-image: initial
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content .content__link.link-gradient {
        margin-top:8px;
        font-size: 1.25rem;
        line-height: 1.4
    }
}

.wd__content .content__link.link-gradient span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right,#1ef9ef,#9846f4 90%)
}

.wd__content .content__link.link-gradient:hover span {
    border-image: linear-gradient(to right,#1ef9ef,#9846f4 90%);
    border-image-slice: 1
}

.wd__content .content__link.link-gradient::after {
    color: #9846f4
}

@media all and (max-width: 730.5px) {
    .wd__content .content__link.link-gradient {
        margin-top:7px;
        font-size: 1.125rem;
        line-height: 1.47;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right,#1ef9ef,#9846f4 90%)
    }

    .wd__content .content__link.link-gradient span {
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        background-image: unset
    }

    .wd__content .content__link.link-gradient:hover span {
        border-image: unset;
        border-image-slice: 1
    }

    .wd__content .content__link.link-gradient::after {
        color: #9846f4
    }
}

.wd__link__arrow::after {
    content: ">";
    padding-left: 7px;
    color: var(--mdPrimaryColor)
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__link__arrow::after {
        padding-left:3px
    }
}

@media all and (max-width: 730.5px) {
    .wd__link__arrow::after {
        padding-left:4px
    }
}

.wd__content.sections-wdcontent .content__title {
    font-size: 2.1875rem
}

.wd__content.sections-wdcontent .content__info {
    margin-top: 4px;
    font-size: 1.25rem
}

.wd__content.sections-wdcontent .modal-button-container {
    z-index: 1;
    text-align: left;
    transition: opacity .3s
}

.wd__content.sections-wdcontent .modal-button-container:hover {
    opacity: .8
}

.wd__content.sections-wdcontent .modal-button-container .modal-button {
    margin-top: 32px
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content.sections-wdcontent .content__title {
        font-size:1.625rem
    }

    .wd__content.sections-wdcontent .content__info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .wd__content.sections-wdcontent .modal-button-container {
        margin-top: 23px
    }

    .wd__content.sections-wdcontent .modal-button-container .modal-button {
        margin-top: 0
    }
}

@media all and (max-width: 730.5px) {
    .wd__content.sections-wdcontent .content__title {
        font-size:1.75rem
    }

    .wd__content.sections-wdcontent .content__info {
        margin-top: 5px;
        font-size: 1.125rem
    }

    .wd__content.sections-wdcontent .modal-button-container {
        text-align: center
    }

    .wd__content.sections-wdcontent .modal-button-container .modal-button {
        margin-top: 14px
    }
}

.wd__section.theme-black .wd__content .content__comment {
    color: #c9c9c9
}

.wd__section.theme-white .wd__content .content__comment {
    color: #666
}

@media all and (min-width: 1280px) {
    .wd__content.wd__content-horz {
        display:flex;
        margin-top: 28px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1080px
    }

    .wd__content.wd__content-horz .content-col .content__slogan {
        margin-top: 0!important
    }

    .wd__content.wd__content-horz .content-col .content__info:first-child {
        margin-top: 0!important
    }

    .wd__content.wd__content-horz .content-col-1 {
        position: relative;
        width: 38%
    }

    .wd__content.wd__content-horz .content-col-1 .content__slogan {
        position: absolute;
        bottom: calc(100% + 6px)
    }

    .wd__content.wd__content-horz .content-col-1 .content__title {
        margin-top: 0;
        padding-top: 0
    }

    .wd__content.wd__content-horz .content-col-2 {
        padding-left: 60px;
        box-sizing: border-box;
        width: 62%
    }

    .wd__content.wd__content-horz.type-tight {
        padding-left: 55px;
        max-width: 960px
    }

    .wd__content.wd__content-horz.type-tight .content-col-2 {
        padding-left: 80px
    }
}

.wd__feature__list {
    position: relative;
    margin: 71px auto 0;
    width: 100%
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list {
        margin-top:54px
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list {
        margin-top:54px;
        width: 100%
    }
}

.wd__feature__list .wd__feature {
    display: inline-block;
    position: relative;
    margin: 0 21px 40px;
    box-sizing: border-box;
    color: #242424;
    text-align: center;
    vertical-align: top
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature {
        margin:0 33px 36px
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature {
        margin:0 17px 36px
    }
}

.wd__feature__list .wd__feature .wd__feature__describe__top {
    position: relative;
    margin-bottom: 4px;
    line-height: 1.4
}

.wd__feature__list .wd__feature .wd__feature__describe__top,.wd__feature__list .wd__feature .wd__feature__describe__top * {
    font-size: 1.0625rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe__top,.wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size:1.0625rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe__top,.wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size:1rem
    }
}

.wd__feature__list .wd__feature .wd__feature__data {
    line-height: 1.2;
    color: #242424
}

.wd__feature__list .wd__feature .wd__feature__data,.wd__feature__list .wd__feature .wd__feature__data * {
    font-size: 3rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom:0
    }

    .wd__feature__list .wd__feature .wd__feature__data,.wd__feature__list .wd__feature .wd__feature__data * {
        font-size: 3rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        margin-bottom:0
    }

    .wd__feature__list .wd__feature .wd__feature__data,.wd__feature__list .wd__feature .wd__feature__data * {
        font-size: 2.5rem
    }
}

.wd__feature__list .wd__feature .wd__feature__describe {
    position: relative;
    margin-top: 4px;
    line-height: 1.4
}

.wd__feature__list .wd__feature .wd__feature__describe,.wd__feature__list .wd__feature .wd__feature__describe * {
    font-size: 1.0625rem
}

.wd__feature__list .wd__feature .wd__feature__describe .comment {
    display: block;
    position: relative;
    margin-top: 4px;
    font-size: 1.0625rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe .comment,.wd__feature__list .wd__feature .wd__feature__describe .comment * {
        font-size:1.0625rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe .comment {
        display:block
    }

    .wd__feature__list .wd__feature .wd__feature__describe .comment,.wd__feature__list .wd__feature .wd__feature__describe .comment * {
        font-size: 1rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe,.wd__feature__list .wd__feature .wd__feature__describe * {
        font-size:1.0625rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature .wd__feature__describe,.wd__feature__list .wd__feature .wd__feature__describe * {
        font-size:1rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list.width-fix .wd__feature {
        margin:26px 10px 0;
        width: 125px
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list.width-max .wd__feature {
        margin:26px 10px 0;
        max-width: 120px
    }
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
    padding-left: 7px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
    padding-left: 5px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
    padding-left: 3px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
    padding-right: 7px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
    padding-right: 5px
}

.wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
    padding-right: 3px
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left:7px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 5px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 7px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 5px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 3px
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data span.space-left-l {
        padding-left:3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-m {
        padding-left: 2px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-left-s {
        padding-left: 1px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-l {
        padding-right: 3px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-m {
        padding-right: 2px
    }

    .wd__feature__list .wd__feature .wd__feature__data span.space-right-s {
        padding-right: 1px
    }
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-en {
    position: relative;
    bottom: -4px;
    font-size: 3.375rem
}

.wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
    margin-top: 8px;
    font-size: 2.875rem
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        font-size:3.375rem
    }

    .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        margin-top: 10px;
        font-size: 2.875rem
    }
}

@media all and (max-width: 730.5px) {
    .wd__feature__list .wd__feature .wd__feature__data.text__long-en {
        margin-bottom:-1px;
        padding-top: 0;
        font-size: 2.3625rem
    }

    .wd__feature__list .wd__feature .wd__feature__data.text__long-tw {
        padding-top: 5px;
        font-size: 2rem
    }
}

.wd__feature__list .wd__feature .wd__feature__data.plus {
    position: relative;
    margin-right: 32px
}

.wd__feature__list .wd__feature .wd__feature__data.plus span {
    position: absolute;
    top: 4px;
    right: -33px;
    font-size: 3.1875rem
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal
}

.slick-next,.slick-prev {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    width: 20px;
    height: 20px;
    color: transparent;
    font-size: 0;
    border: none;
    line-height: 0
}

.slick-next:focus::before,.slick-next:hover::before,.slick-prev:focus::before,.slick-prev:hover::before {
    opacity: 1
}

.slick-next.slick-disabled::before,.slick-prev.slick-disabled::before {
    opacity: .25
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    display: block;
    position: absolute;
    bottom: -45px;
    padding: 0;
    width: 100%;
    text-align: center;
    list-style: none
}

.slick-dots li {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0 5px;
    padding: 0;
    width: 20px;
    height: 20px
}

.slick-dots li button {
    display: block;
    cursor: pointer;
    padding: 5px;
    width: 20px;
    height: 20px;
    color: transparent;
    font-size: 0;
    border: 0;
    background: 0 0;
    line-height: 0
}

.slick-dots li button:focus::before,.slick-dots li button:hover::before {
    opacity: 1
}

.slick-dots li button::before {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    width: 20px;
    height: 20px;
    color: #000;
    font-size: 6px;
    font-family: slick;
    text-align: center;
    content: "•";
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button::before {
    opacity: .75;
    color: #000
}

.slick-slider {
    display: block;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0
}

.slick-track::after,.slick-track::before {
    display: table;
    content: ""
}

.slick-track::after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick__nav {
    margin-bottom: 40px;
    color: #636360;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.6
}

.slick__nav a {
    color: #636360
}

.slick-slide {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-next {
    right: 25px
}

.slick-prev {
    left: 25px
}

.slick__next,.slick__prev {
    z-index: 9999;
    content: ""
}

.slick__next::before,.slick__prev::before {
    content: "";
    display: none
}

[dir=rtl] .slick__prev::before {
    content: "";
    display: none
}

[dir=rtl] .slick__next::before {
    content: "";
    display: none
}

.wd__slick .container {
    margin: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 900px
}

.wd__slick .container.e1 .slick__info {
    margin-top: 15em
}

.wd__slick .container .slick__half {
    width: 45%
}

.wd__slick .container .slick__left {
    float: left
}

.wd__slick .container .slick__right {
    float: right
}

.wd__slick .container .slick__img,.wd__slick .container .slick__info {
    width: 100%
}

.sprite__arrow__right {
    z-index: 1000;
    width: 49px;
    height: 96px;
    background-position: -214px -5px
}

.sprite__arrow__left {
    z-index: 1000;
    width: 49px;
    height: 96px;
    background-position: -80px -5px
}

.sprite-arrow_r {
    width: 65px;
    height: 130px
}

.sprite-arrow_l {
    width: 65px;
    height: 130px
}

.slick-next,.slick-prev {
    z-index: 1;
    margin-top: -19px;
    width: 50px;
    height: 118px;
    border-radius: 0 10px 10px 0;
    background-color: transparent;
    background-color: rgba(0,0,0,.3)
}

.slick-next::before,.slick-prev::before {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 57px;
    color: #fff;
    font-size: 34px
}

.slick-prev {
    left: 0;
    border-radius: 0 10px 10px 0
}

.slick-prev::before {
    content: "<";
    right: 18px
}

.slick-next {
    right: 0;
    border-radius: 10px 0 0 10px
}

.slick-next::before {
    content: ">";
    left: 18px
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .slick-next,.slick-prev {
        margin-top:-19px;
        width: 35px;
        height: 88px
    }

    .slick-next::before,.slick-prev::before {
        display: block;
        position: absolute;
        z-index: 1000;
        top: 43px;
        color: #fff;
        font-size: 26px
    }

    .slick-prev::before {
        right: 10px
    }

    .slick-next::before {
        left: 10px
    }
}

@media all and (max-width: 730.5px) {
    .slick-next,.slick-prev {
        display:none!important
    }
}

.section__comment {
    margin-top: 25px;
    padding-top: 0
}

.section__comment.theme-black .footnotes .footnote li,.section__comment.theme-black .footnotes .footnote li * {
    color: #999
}

.section__comment.theme-black .footnotes.footnote-item-star .footnote li {
    color: #999
}

.section__comment.theme-black .footnotes.footnote-item-star .footnote li::before {
    color: #999
}

.section__comment.theme-black .footnotes .footnote li.active,.section__comment.theme-black .footnotes .footnote li.active * {
    color: #fff
}

.section__comment.theme-black .footnotes.footnote-item-star .footnote li.active {
    color: #fff
}

.section__comment.theme-black .footnotes.footnote-item-star .footnote li.active::before {
    color: #fff
}

.section__comment.theme-white .footnotes .footnote li,.section__comment.theme-white .footnotes .footnote li * {
    color: var(--mdBaseTextColorSub)
}

.section__comment.theme-white .footnotes.footnote-item-star .footnote li {
    color: var(--mdBaseTextColorSub)
}

.section__comment.theme-white .footnotes.footnote-item-star .footnote li::before {
    color: var(--mdBaseTextColorSub)
}

.section__comment.theme-white .footnotes .footnote li.active,.section__comment.theme-white .footnotes .footnote li.active * {
    color: var(--mdBaseTextColor)
}

.section__comment.theme-white .footnotes.footnote-item-star .footnote li.active {
    color: var(--mdBaseTextColor)
}

.section__comment.theme-white .footnotes.footnote-item-star .footnote li.active::before {
    color: var(--mdBaseTextColor)
}

.footnotes {
    margin: 0 auto;
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1221px
}

.footnotes .is-hidden {
    overflow: hidden;
    opacity: 0;
    margin: 0!important;
    padding: 0!important;
    height: 0;
    user-select: none;
    pointer-events: none
}

.footnotes .footnote-back-to-content.is-hidden {
    display: none!important
}

.footnotes:first-child {
    margin-top: 25px
}

.footnotes .footnote {
    font-size: .8125rem;
    line-height: 1.4
}

.footnotes .footnote li {
    list-style-type: decimal;
    margin-bottom: 10px;
    padding-right: 16px
}

.footnotes .footnote li,.footnotes .footnote li * {
    font-size: .8125rem;
    text-align: left;
    line-height: 1.5
}

.footnotes .footnote li .footnote-back-to-content {
    display: inline-block;
    position: relative;
    top: 0;
    width: 24px;
    height: 1em;
    line-height: 1;
    border-bottom: 0!important
}

.footnotes .footnote li .footnote-back-to-content>span {
    position: absolute;
    bottom: -2px;
    left: 5px;
    color: var(--mdPrimaryColor)!important;
    transform: translateY(2px) scale(1.2);
    text-underline-offset: .2em
}

.footnotes .footnote li .footnote-back-to-content>span:hover {
    text-decoration: underline
}

.footnotes.footnote-item-star {
    margin-bottom: 14px
}

.footnotes.footnote-item-star .footnote li {
    position: relative;
    list-style-type: none
}

.footnotes.footnote-item-star .footnote li::before {
    display: block;
    position: absolute;
    top: 9px;
    left: -14px;
    content: "*";
    line-height: 0
}

#CMD.font__base section sup.footnote-num {
    border-bottom: none
}

#CMD.font__base section sup.footnote-num:hover a {
    display: inline-block;
    border-color: inherit!important;
    transition: none;
    line-height: .1!important;
    border-bottom: 2px solid transparent
}

#CMD.font__base section sup.footnote-num:hover a:focus-visible {
    border-color: transparent!important
}

#CMD.font__base section .colorful-text sup.footnote-num {
    display: contents
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__comment {
        margin-top:0;
        padding-top: 30px;
        padding-bottom: 44px
    }

    .footnotes {
        padding: 0 28px 0 40px;
        width: 100%;
        max-width: 1280px
    }

    .footnotes .footnote li {
        margin-bottom: 10px;
        padding-right: 0
    }

    .footnotes .footnote li,.footnotes .footnote li * {
        font-size: .8125rem;
        line-height: 1.5
    }

    .footnotes.footnote-item-star .footnote li::before {
        top: 9px;
        left: -14px
    }
}

@media all and (max-width: 730.5px) {
    .section__comment {
        display:inline-block;
        margin-top: 0;
        padding-top: 56px;
        padding-bottom: 40px
    }

    .footnotes {
        padding: 0 28px 0 22px;
        box-sizing: border-box;
        width: 100%;
        max-width: 730px
    }

    .footnotes .footnote {
        margin-left: 14px;
        font-size: .8125rem;
        line-height: 1.4
    }

    .footnotes .footnote li {
        margin-bottom: 12px;
        padding-right: 0
    }

    .footnotes .footnote li,.footnotes .footnote li * {
        font-size: .8125rem
    }

    .footnotes.footnote-item-star .footnote li::before {
        top: 10px;
        left: -11px
    }
}

.stopScrollbar {
    overflow: hidden
}

#af-header.popHide,#asus-api-footer.popHide,#main-zone #product-footer-zone.popHide,#overview-top-nav.popHide,.cmd-sidenav.popHide,.section__comment.popHide {
    display: none!important
}

#overview-top-nav.popHide+#__nuxt .asusOfficialProductMenu {
    padding: 0!important
}

.modal-button-container {
    z-index: 999
}

.modal-button-container.inner {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate3d(-50%,0,0)
}

.modal-button-container.text-white .modal-button {
    color: #fff
}

.modal-button-container.text-dark .modal-button {
    color: #181818
}

.modal-button-container.outer {
    position: relative;
    text-align: center
}

.modal-button-container.outer .modal-button-target {
    top: 50px
}

@media (max-width: 720px) {
    .modal-button-container.outer .modal-button-target {
        top:42px
    }
}

.modal-button-container .modal-button-text,.modal-button-container .modal-inner-text {
    display: block;
    position: relative;
    font-size: 1.25rem;
    line-height: 1;
    pointer-events: none
}

@media (min-width: 731px) and (max-width:1279.5px) {
    .modal-button-container .modal-button-text,.modal-button-container .modal-inner-text {
        font-size:1.25rem
    }
}

@media (max-width: 730.5px) {
    .modal-button-container .modal-button-text,.modal-button-container .modal-inner-text {
        font-size:1.125rem
    }
}

.modal-button-container .modal-button {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 10px 0 0;
    padding: 12px 20px;
    font-weight: 200;
    text-align: center;
    border: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 34px;
    background-color: #000;
    transition: background-color .4s ease-out,border-color .4s ease-out,color .4s ease-out;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    pointer-events: all;
    line-height: 46px
}

.outer-view {
    z-index: 0;
    transform-origin: 50vw 50vh
}

.outer-view.animate-scale {
    transform: translateZ(0) translateY(200px) scale(.96)
}

.outer-view .modal-button-container.ready .modal-button {
    transform: translate(0,0)!important
}

.inner-view {
    display: block;
    position: fixed;
    overflow-x: clip;
    z-index: 1000000000;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    text-align: center;
    background-color: #fff;
    transform: translateY(110vh)
}

.inner-view.killFixed {
    position: relative!important
}

.inner-view .inner-modal {
    display: none;
    position: relative;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    min-height: 100vh;
    min-height: var(--safarivh)
}

.inner-view .inner-modal.showed {
    display: block;
    visibility: visible
}

.inner-view .inner-modal.fade-in {
    opacity: 1;
    transition: opacity .3s
}

.inner-view .modal-button-container {
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-overflow-scrolling: touch
}

.inner-view .modal-button-container {
    position: fixed;
    bottom: -80px;
    left: 0;
    opacity: 0;
    width: 100%;
    transform: translate3d(0,0,0)
}

.inner-view .modal-button-close {
    display: none
}

.inner-view.show-inner {
    transform: none!important
}

.inner-view.show-inner .modal-button-close {
    display: inline-block
}

.inner-view.show-inner .modal-active {
    display: block;
    visibility: visible
}

.inner-view.show-inner .modal-button-container {
    bottom: 50px;
    opacity: 1;
    transform: none;
    transition: opacity .3s 1s
}

@media (max-width: 730.5px) {
    .inner-view.show-inner .modal-button-container {
        bottom:40px
    }
}

@media (min-width: 731px) and (max-width:1279.5px) {
    .modal-button-container .modal-button {
        padding:10px 25px
    }

    .modal-button-container.inner {
        bottom: 20px
    }
}

@media (max-width: 730.5px) {
    .modal-button-container .modal-button {
        padding:8px 16px;
        text-align: center
    }

    .modal-button-container .modal-inner-text {
        font-size: 1.125rem
    }

    .modal-button-container.inner {
        bottom: 9px
    }
}

html {
    --modal-button-outer-bg-opacity: 0;
    --modal-button-outer-bg-scale: 1
}

#CMD .sections__container.sticky-button-2024 {
    display: block;
    position: relative
}

#CMD .sections__container.sticky-button-2024 .button-active-area {
    position: absolute;
    top: 5%;
    height: 95%
}

#CMD .modal-button-container.sticky-button-2024 {
    display: block;
    position: sticky;
    bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    transform: matrix(1,0,0,1,0,0)
}

#CMD .modal-button-container.sticky-button-2024.is-static {
    opacity: 1!important
}

#CMD .modal-button-container.sticky-button-2024:hover .modal-inner-text,#CMD .modal-button-container.sticky-button-2024:hover .modal-inner-text * {
    color: silver
}

#CMD .modal-button-container.sticky-button-2024:hover .modal-inner-icon svg {
    fill: silver
}

#CMD .modal-button-container.sticky-button-2024::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: var(--modal-button-outer-bg-opacity);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(45deg,purple,#b13232);
    transform: scale(var(--modal-button-outer-bg-scale));
    content: "";
    will-change: transform
}

#CMD .modal-button-container.sticky-button-2024 .modal-button {
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    border-color: transparent!important;
    border-radius: 32px;
    background-color: rgba(66,66,69,.85)
}

#CMD .modal-button-container.sticky-button-2024 .modal-inner-text {
    display: inline-block;
    opacity: 0;
    text-align: left;
    margin-inline-start:2px;margin-inline-end:38px}

#CMD .modal-button-container.sticky-button-2024 .modal-inner-text,#CMD .modal-button-container.sticky-button-2024 .modal-inner-text * {
    color: #f5f5f7;
    transition: color .5s
}

#CMD .modal-button-container.sticky-button-2024 .modal-inner-icon {
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(45deg,purple,red);
    transform: translateY(-50%);
    margin-inline-end:8px}

#CMD .modal-button-container.sticky-button-2024 .modal-inner-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .8;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    transition: fill .5s;
    fill: #fff
}

#CMD .outer-view .modal-button-container.sticky-button-2024 {
    opacity: 0
}

#CMD .outer-view .modal-button-container.sticky-button-2024.is-ready {
    opacity: 1
}

#CMD .modal-button-container.inner-modal-button.sticky-button-2024 {
    display: inline-block;
    position: fixed;
    left: 50%;
    width: auto;
    max-width: unset!important;
    transform: translateX(-50%)!important
}

#CMD .modal-button-container.inner-modal-button.sticky-button-2024 .modal-inner-text {
    opacity: 1
}

#CMD .modal-button-container.inner-modal-button.sticky-button-2024 .modal-inner-icon {
    opacity: 1
}

#CMD .modal-button-container.inner-modal-button.sticky-button-2024 .modal-inner-icon svg {
    transform: translate(-50%,-50%) rotate(45deg)
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    #CMD .modal-button-container.sticky-button-2024 .modal-button-container .modal-button {
        padding:10px 20px 10px 25px
    }
}

.wd__play__btn {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 497px;
    padding: 0;
    width: 36px;
    height: 36px
}

.wd__play__btn button {
    position: relative;
    cursor: pointer;
    opacity: .7;
    padding: 0;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent;
    transition: opacity 250ms
}

.wd__play__btn button.focus-visible,.wd__play__btn button:focus-visible,.wd__play__btn button:hover {
    opacity: 1
}

.wd__play__btn button .svg_button_play .svg-rect {
    fill: none
}

.wd__play__btn button .svg_button_play .svg-circle,.wd__play__btn button .svg_button_play .svg-line {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
    fill-rule: evenodd
}

.wd__play__btn button .svg_button_play .svg-triangle {
    clip-path: url(#clip-path)
}

.wd__play__btn button .svg_button_replay {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%
}

.wd__play__btn button .svg_button_replay path {
    fill: #fff
}

.wd__play__btn button .svg_button_play .svg-step {
    transition: opacity 250ms linear 0s
}

.wd__play__btn button .svg_button_play .svg-step {
    opacity: 0
}

.wd__play__btn button .svg_button_play .svg-pause-all {
    opacity: 1
}

.wd__play__btn button .svg_button_replay {
    opacity: 0;
    user-select: none;
    transition: opacity .4s
}

.wd__play__btn button.show-play .svg_button_play .svg-step {
    opacity: 0
}

.wd__play__btn button.show-play .svg_button_play .svg-triangle {
    opacity: 1
}

.wd__play__btn button.show-replay .svg_button_play {
    opacity: 0;
    user-select: none
}

.wd__play__btn button.show-replay .svg_button_replay {
    opacity: 1;
    user-select: auto
}

.wd__play__btn .svg_button_play .svg-circle {
    stroke: #fff
}

.wd__play__btn .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.wd__play__btn .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

@media all and (max-width: 731px) {
    .wd__play__btn button:hover {
        opacity:.7
    }
}

.wd__section .slick-tab-content {
    margin: 63px auto 0;
    width: 100%;
    max-width: 1128px
}

.wd__section .slick-tab-content .title-nav .scrollPos {
    display: none
}

.wd__section .slick-tab-content .slick-title {
    position: relative;
    color: var(--mdPrimaryColor);
    text-align: center
}

.wd__section .slick-tab-content .slick-title .title-nav-count-0 .slick-nav-btn {
    width: Infinity%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-1 .slick-nav-btn {
    width: 100%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-2 .slick-nav-btn {
    width: 50%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-3 .slick-nav-btn {
    width: 33.3333333333%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-4 .slick-nav-btn {
    width: 25%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-5 .slick-nav-btn {
    width: 20%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-6 .slick-nav-btn {
    width: 16.6666666667%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-7 .slick-nav-btn {
    width: 14.2857142857%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-8 .slick-nav-btn {
    width: 12.5%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-9 .slick-nav-btn {
    width: 11.1111111111%
}

.wd__section .slick-tab-content .slick-title .title-nav-count-10 .slick-nav-btn {
    width: 10%
}

.wd__section .slick-tab-content .slick-title .title-nav {
    display: block;
    position: relative;
    margin: 0;
    font-size: 0;
    border-bottom: 1px solid #6f6f6f
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    bottom: -1px;
    padding: 6px 0;
    font-size: 1.25rem;
    text-align: center;
    border: 0;
    background-color: rgba(255,255,255,0);
    transition: opacity .4s;
    text-transform: uppercase;
    vertical-align: bottom;
    line-height: 1.2;
    border-bottom: 4px solid rgba(255,255,255,0)
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn * {
    pointer-events: none!important
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn .sign-fnum {
    top: -.7em
}

.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
    color: var(--mdPrimaryColor);
    border-bottom: 4px solid var(--mdPrimaryColor)
}

.wd__section .slick-tab-content .slick-info-container {
    position: relative;
    overflow: hidden;
    transition: height .5s ease 0s
}

.wd__section .slick-tab-content .slick-info-item {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    padding-top: 48px;
    width: 100%
}

.wd__section .slick-tab-content .slick-info-item.active {
    display: block;
    position: relative;
    z-index: 9;
    opacity: 1;
    transition: opacity 1s ease 0s
}

.wd__section .slick-tab-content .slick-info-item[hidden=hidden] {
    display: none
}

.wd__section .slick-tab-content .slick-info {
    position: relative;
    margin: 0 auto;
    max-width: 772px;
    height: auto;
    text-align: left
}

.wd__section .slick-tab-content .slick-info .slick-info-text {
    display: block;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.5
}

.wd__section .slick-tab-content .slick-info .slick-info-text .info__comment {
    display: inline-block;
    margin-top: 8px;
    font-size: 1.125rem;
    line-height: 1.4
}

.wd__section .slick-tab-content .slick-info+.slick-image {
    margin-top: 50px
}

.wd__section .slick-tab-content .slick-image {
    position: relative;
    z-index: -1;
    left: 50%;
    margin: 0;
    transform: translateX(-50%)
}

.wd__section .slick-tab-content .slick-image .img-slick {
    position: absolute;
    top: 0;
    left: 0;
    width: 1128px;
    height: 628px;
    border-radius: 10px;
    background-size: contain
}

.wd__section .vidInterface {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 460px;
    height: 170px
}

.wd__section .vidInterface video {
    filter: brightness(90%)
}

.wd__section .vidInterface .playBtn {
    background-image: url(../images/large/1x/icon/playBtn.png);
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    background-size: cover;
    transform: rotate(0);
    transition: transform .4s ease
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .wd__section .vidInterface .playBtn {
        background-image:url(../images/large/2x/icon/playBtn.png)
    }
}

.wd__section .vidInterface .playBtn:hover {
    transform: rotate(120deg)
}

.wd__section .vidInterface span {
    display: block;
    margin-top: 20px;
    color: #fff;
    font-size: 1.75rem;
    line-height: 2.0625rem
}

@media all and (min-width: 1280px) {
    .wd__section .slick-tab-content .slick-title .title-nav {
        display:flex;
        align-content: stretch;
        flex-direction: row;
        align-items: stretch
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        display: block;
        flex-shrink: 1;
        flex-grow: 1;
        flex-wrap: nowrap
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn .nav__title-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__section .slick-tab-content .scroll_container {
        overflow-x:scroll;
        overflow-y: hidden;
        width: 100%;
        scroll-behavior: smooth
    }

    .wd__section .slick-tab-content .scroll_container::-webkit-scrollbar {
        display: none
    }

    .wd__section .slick-tab-content .scroll_container .scrollPos {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100px;
        background-color: red
    }

    .wd__section .slick-tab-content {
        margin-top: 62px;
        max-width: 100%
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 8px 25px;
        font-size: 1.25rem;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-info-item {
        padding-top: 33px
    }

    .wd__section .slick-tab-content .slick-info {
        margin-top: 0;
        padding-top: 0;
        width: 708px
    }

    .wd__section .slick-tab-content .slick-image {
        margin: 10px 0
    }

    .wd__section .slick-tab-content .slick-image .img-slick {
        margin-right: auto;
        margin-left: auto;
        width: 731px;
        height: 407px;
        border-radius: 5px
    }

    .wd__section .slick-tab-content .slick-info+.slick-image {
        margin-top: 33px
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .slick-tab-content .scroll_container {
        overflow-x:scroll;
        overflow-y: hidden;
        width: 100%;
        scroll-behavior: smooth
    }

    .wd__section .slick-tab-content .scroll_container::-webkit-scrollbar {
        display: none
    }

    .wd__section .slick-tab-content .scroll_container .scrollPos {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100px;
        background-color: red
    }

    .wd__section .slick-tab-content {
        margin: 45px auto 0;
        width: 100%;
        max-width: 720px
    }

    .wd__section .slick-tab-content .slick-title {
        position: relative;
        text-align: center
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 5px 23px;
        font-size: 1rem;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,.wd__section .slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
        border-bottom: 2px solid var(--mdPrimaryColor)
    }

    .wd__section .slick-tab-content .slick-title .title-nav .sign-fnum {
        top: -.6em
    }

    .wd__section .slick-tab-content .slick-info-item {
        padding-top: 25px
    }

    .wd__section .slick-tab-content .slick-info {
        margin: 0 auto;
        padding-top: 0;
        width: 90%;
        max-width: 350px
    }

    .wd__section .slick-tab-content .slick-info .slick-info-text {
        font-size: .9375rem;
        line-height: 1.35
    }

    .wd__section .slick-tab-content .slick-info .slick-info-text .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: .9375rem;
        line-height: 1.2
    }

    .wd__section .slick-tab-content .slick-image {
        position: relative;
        left: 50%;
        margin: 10px 0 0
    }

    .wd__section .slick-tab-content .slick-image .img-slick {
        left: 50%;
        width: 414px;
        height: 228px;
        border-radius: 5px;
        transform: translateX(-50%)
    }

    .wd__section .slick-tab-content .slick-info+.slick-image {
        margin-top: 25px
    }
}

.wd__section .ksp__layout {
    padding-right: 16px;
    padding-left: 16px;
    box-sizing: border-box;
    max-width: 1268px;
    min-width: 1024px
}

.wd__section .ksp__layout .item__leftdesc {
    z-index: 10
}

.wd__section .ksp__layout .item_image {
    position: relative;
    z-index: -1;
    box-sizing: border-box
}

.wd__section .ksp__layout .item_image .img__block {
    display: block
}

.wd__section .ksp__layout .grid-item-ie {
    height: 100%
}

.wd__section .ksp__layout .grid-item-wdContent {
    display: flex;
    align-content: flex-end;
    flex-direction: row;
    min-height: 304px
}

.wd__section .ksp__layout .grid-item-wdContent .item_block {
    display: flex;
    width: 100%
}

.wd__section .ksp__layout .grid-item-wdContent .item_content {
    position: relative;
    box-sizing: border-box;
    height: 100%
}

.wd__section .ksp__layout .wd__content {
    display: flex;
    position: relative;
    justify-content: center;
    margin: 0;
    height: 100%;
    flex-direction: column
}

.wd__section .ksp__layout .wd__content .content__slogan {
    margin-bottom: 13px;
    color: #181818;
    font-size: 1.625rem;
    line-height: 1.14
}

.wd__section .ksp__layout .wd__content .content__title {
    margin: 0;
    color: #181818;
    font-size: 3.09375rem;
    line-height: 1.2
}

.wd__section .ksp__layout .wd__content .content__info {
    margin-top: 13px;
    color: #181818;
    line-height: 1.2;
    font-size: 1.625rem
}

.wd__section .ksp__layout .wd__content span.space-left-m {
    padding-left: 5px
}

.wd__section .ksp__layout .wd__content span.space-right-m {
    padding-right: 5px
}

.wd__section .ksp__layout .grid-item-wdFeature .grid-item-ie {
    padding: 37px 24px
}

.wd__section .ksp__layout .wd__feature__list {
    display: flex;
    justify-content: center;
    margin: 0;
    margin-top: 0;
    height: 100%;
    flex-direction: column
}

.wd__section .ksp__layout .wd__feature__list .wd__feature {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe {
    margin-top: 11px
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top {
    margin-bottom: 6px
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe,.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe span,.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top,.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__describe__top span {
    line-height: 1.2;
    font-size: 1.625rem
}

.wd__section .ksp__layout .wd__feature__list .wd__feature .wd__feature__data {
    font-size: 3rem;
    line-height: 1.2
}

.wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
    padding: 37px 20px
}

.wd__section .ksp__layout .wd__feature__list.top-icon {
    display: flex;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 0
}

.wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
    margin-right: auto;
    margin-left: auto;
    background-size: contain
}

.wd__section .ksp__layout .wd__feature__list.top-icon .wd__feature .wd__feature__data {
    font-size: 2.125rem
}

.wd__section .ksp__layout .grid-item-ie.showbevel {
    margin: 0 8px;
    border: 0;
    border-radius: 0;
    background-color: transparent
}

.wd__section .ksp__layout .grid-item-ie.showbevel::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    background: #000;
    background-repeat: repeat;
    background-size: 400px 400px;
    content: "";
    background-image: url(../images/large/2x/ksp/line-grid-png.png)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .grid-item-border {
    position: absolute;
    z-index: 19;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem {
    position: absolute;
    z-index: 13;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 2px 0 0;
    border-color: #fff transparent transparent transparent;
    background-color: #000;
    transform-origin: center
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-top] {
    top: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-bottom] {
    bottom: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-left-] {
    left: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .corItem[class*=-right-] {
    right: -15px
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-left-top {
    transform: rotate(135deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-left-bottom {
    transform: rotate(45deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-right-top {
    transform: rotate(225deg) scale(.8)
}

.wd__section .ksp__layout .grid-item-ie.showbevel .cor-right-bottom {
    transform: rotate(315deg) scale(.8)
}

.wd__section .ksp__layout .wd__feature__data .sign-reg {
    top: -.7em;
    font-size: .5em;
    line-height: 1
}

.wd__section .ksp__layout .item__jumpto-button-container {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.wd__section .ksp__layout .item__jumpto-button {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px 0 0
}

.wd__section .ksp__layout .item__jumpto-button * {
    pointer-events: none!important
}

.wd__section .ksp__layout .item__jumpto-button::before {
    display: block;
    position: absolute;
    top: 50%;
    bottom: unset;
    left: 50%;
    margin-top: -5px;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    content: "";
    -webkit-mask-image: url(../images/large/1x/ksp/jumparrowMask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-color: #000
}

@media all and (min-width: 1280px) {
    .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width:100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 62px 70px;
        box-sizing: border-box
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 50px 45px 33px;
        height: 100%;
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        width: 100%;
        height: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info,.wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title {
        text-align: center
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 103px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-leftCenter {
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        width: 50.9%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 49%
    }

    .wd__section .ksp__layout .grid-item-wdContent .img__block {
        position: absolute
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__section .ksp__layout {
        padding-right:16px;
        padding-left: 16px;
        box-sizing: border-box;
        width: 100%;
        max-width: 1023px;
        min-width: 1px
    }

    .wd__section .ksp__layout .grid-item-wdContent .grid-item-ie {
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        justify-content: center;
        padding: 0
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-flow: row-reverse
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .item_content {
        padding: 29px 40px 35px 0
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right .img__block {
        right: 0;
        left: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center {
        flex-direction: column;
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content {
        padding: 40px 24px;
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__info,.wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_content .content__title {
        text-align: center
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image {
        width: 100%;
        height: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-center .item_image .img__block {
        left: 50%;
        transform: translateX(-50%)
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 29px 0 35px 40px;
        width: 54%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 99%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 3rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 6px;
        width: 100%;
        font-size: 1.625rem
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        width: 46%
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature {
        min-height: 175px
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature .grid-item-ie {
        padding: 37px 24px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 12px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,.wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,.wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,.wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 1.625rem
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 3rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
        padding: 37px 20px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 17px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 100px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 2.125rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 14px
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .ksp__layout {
        position:relative;
        left: 50%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        box-sizing: border-box;
        width: 100%;
        max-width: 391px;
        transform: translateX(-50%);
        min-width: 336px
    }

    .wd__section .ksp__layout .grid-item {
        min-width: 320px;
        justify-content: center
    }

    .wd__section .ksp__layout .grid-item-wdContent {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_block.text-right {
        flex-direction: column
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_content {
        padding: 27px 24px;
        height: auto
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content {
        left: 0;
        padding-bottom: 5px;
        width: 100%
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__title {
        width: 100%;
        font-size: 2.3625rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdContent .wd__content .content__info {
        margin-top: 8px;
        width: 100%;
        font-size: 1.25rem
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image {
        margin-top: -5px;
        width: 100%;
        height: 202px
    }

    .wd__section .ksp__layout .grid-item-wdContent .item_image .img__block {
        position: relative
    }

    .wd__section .ksp__layout .grid-item.grid-item-wdFeature .grid-item-ie {
        padding: 32px 24px;
        min-height: 1px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top {
        margin-bottom: 4px
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe,.wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe span,.wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top,.wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__describe__top span {
        font-size: 1.25rem
    }

    .wd__section .ksp__layout .grid-item-wdFeature .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 2.3625rem;
        line-height: 1.2
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .grid-item-ie {
        padding: 32px 24px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon {
        margin-top: 6px;
        margin-right: auto;
        margin-left: auto;
        width: 86%
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe,.wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe span,.wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top,.wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top span {
        font-size: 1.25rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top {
        margin-bottom: 13px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe__top .img__icon {
        width: 100%;
        height: 72px
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__data {
        font-size: 1.5625rem
    }

    .wd__section .ksp__layout .grid-item-wdFeatureTopIcon .wd__feature__list.top-icon .wd__feature .wd__feature__describe {
        margin-top: 11px
    }
}

.section__kv .wd__content {
    position: relative;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto
}

.section__kv .wd__content .content__slogan {
    margin-top: 0;
    margin-left: 0;
    font-size: 3.9375rem;
    text-transform: none
}

.section__kv .wd__content .content__title {
    margin-top: 26px;
    font-size: 4.0625rem
}

.section__kv .wd__content .content__info {
    margin-top: 40px;
    width: 100%;
    font-size: 1.625rem;
    line-height: 1.4
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__kv .wd__content .content__slogan {
        margin-top:-2px;
        font-size: 3rem
    }

    .section__kv .wd__content .content__info {
        margin-top: 15px;
        width: 90%;
        max-width: 793px;
        font-size: 1.625rem
    }
}

@media all and (max-width: 730.5px) {
    .section__kv .wd__content {
        margin-top:55px
    }

    .section__kv .wd__content .content__slogan {
        display: block;
        text-align: center;
        margin-top: 7px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        font-size: 2rem
    }

    .section__kv .wd__content .content__info {
        text-align: center;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        width: 84%;
        font-size: 1.375rem
    }
}

.kv__badge {
    display: block;
    position: relative;
    margin-top: 64px;
    margin-right: auto;
    margin-left: auto;
    width: 94%;
    max-width: 950px
}

.kv__badge .badge__container {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.kv__badge .badge__container img {
    display: block;
    position: relative;
    margin: 0 25px;
    background-size: contain
}

.kv__badge .badge__container img.icon__badge-creator {
    width: 98px;
    height: 130px
}

#CMD .kv__badge .icon__badge-creator {
    background-image: url(../images/icon/common/kv_badge_creator.jpg)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-creator {
        background-image:url(../images/icon/common/kv_badge_creator.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-creator {
        background-image:url(../images/icon/common/kv_badge_creator.jpg)
    }
}

.kv__badge .badge__container img.icon__badge-oled-2024 {
    width: 98px;
    height: 130px
}

#CMD .kv__badge .icon__badge-oled-2024 {
    background-image: url(../images/icon/common/kv_badge_oled.jpg)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-oled-2024 {
        background-image:url(../images/icon/common/kv_badge_oled.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-oled-2024 {
        background-image:url(../images/icon/common/kv_badge_oled.jpg)
    }
}

.kv__badge .badge__container img.icon__badge-oled {
    width: 98px;
    height: 130px
}

#CMD .kv__badge .icon__badge-oled {
    background-image: url(../images/icon/common/kv_badge_oled.jpg)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-oled {
        background-image:url(../images/icon/common/kv_badge_oled.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-oled {
        background-image:url(../images/icon/common/kv_badge_oled.jpg)
    }
}

.kv__badge .badge__container img.icon__badge-nvidia {
    left: -6px;
    margin-right: 7px;
    width: 192px;
    height: 90px
}

#CMD .kv__badge .icon__badge-nvidia {
    background-image: url(../images/icon/common/kv_badge_nvidia.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nvidia {
        background-image:url(../images/icon/common/kv_badge_nvidia.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nvidia {
        background-image:url(../images/icon/common/kv_badge_nvidia.png)
    }
}

.kv__badge .badge__container img.icon__badge-nvidia2022 {
    left: -6px;
    margin-right: 7px;
    width: 192px;
    height: 90px
}

#CMD .kv__badge .icon__badge-nvidia2022 {
    background-image: url(../images/icon/common/kv_badge_nvidia2022.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nvidia2022 {
        background-image:url(../images/icon/common/kv_badge_nvidia2022.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nvidia2022 {
        background-image:url(../images/icon/common/kv_badge_nvidia2022.png)
    }
}

.kv__badge .badge__container img.icon__badge-nvidiartx {
    width: 204px;
    height: 62px
}

#CMD .kv__badge .icon__badge-nvidiartx {
    background-image: url(../images/icon/common/kv_badge_nvidiartx.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nvidiartx {
        background-image:url(../images/icon/common/kv_badge_nvidiartx.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nvidiartx {
        background-image:url(../images/icon/common/kv_badge_nvidiartx.png)
    }
}

.kv__badge .badge__container img.icon__badge-nvidiartx.icon-nv2024 {
    width: 204px;
    height: 95px
}

#CMD .kv__badge .icon__badge-nvidiartx.icon-nv2024 {
    background-image: url(../images/icon/common/kv_badge_nv2024.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nvidiartx.icon-nv2024 {
        background-image:url(../images/icon/common/kv_badge_nv2024.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nvidiartx.icon-nv2024 {
        background-image:url(../images/icon/common/kv_badge_nv2024.png)
    }
}

.kv__badge .badge__container img.icon__badge-nv2024 {
    width: 204px;
    height: 95px
}

#CMD .kv__badge .icon__badge-nv2024 {
    background-image: url(../images/icon/common/kv_badge_nv2024.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nv2024 {
        background-image:url(../images/icon/common/kv_badge_nv2024.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nv2024 {
        background-image:url(../images/icon/common/kv_badge_nv2024.png)
    }
}

.kv__badge .badge__container img.icon__badge-nvidiartx-unverified {
    width: 204px;
    height: 62px
}

#CMD .kv__badge .icon__badge-nvidiartx-unverified {
    background-image: url(../images/icon/common/kv_badge_nvidiartx_unverified.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nvidiartx-unverified {
        background-image:url(../images/icon/common/kv_badge_nvidiartx_unverified.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nvidiartx-unverified {
        background-image:url(../images/icon/common/kv_badge_nvidiartx_unverified.png)
    }
}

.kv__badge .badge__container img.icon__badge-nvidiartx2023 {
    left: -8px;
    margin-right: 7px;
    width: 131px;
    height: 80px
}

#CMD .kv__badge .icon__badge-nvidiartx2023 {
    background-image: url(../images/icon/common/kv_badge_nvidiartx2023.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-nvidiartx2023 {
        background-image:url(../images/icon/common/kv_badge_nvidiartx2023.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-nvidiartx2023 {
        background-image:url(../images/icon/common/kv_badge_nvidiartx2023.png)
    }
}

.kv__badge .badge__container img.icon__badge-gamepass {
    width: 208px;
    height: 35px
}

#CMD .kv__badge .icon__badge-gamepass {
    background-image: url(../images/icon/common/kv_badge_gamepass.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-gamepass {
        background-image:url(../images/icon/common/kv_badge_gamepass.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-gamepass {
        background-image:url(../images/icon/common/kv_badge_gamepass.png)
    }
}

.kv__badge .badge__container img.icon__badge-timebest2022 {
    width: 92px;
    height: 130px
}

#CMD .kv__badge .icon__badge-timebest2022 {
    background-image: url(../images/icon/common/kv_badge_timebest2022.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-timebest2022 {
        background-image:url(../images/icon/common/kv_badge_timebest2022.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-timebest2022 {
        background-image:url(../images/icon/common/kv_badge_timebest2022.png)
    }
}

.kv__badge .badge__container img.icon__badge-copilotpc {
    left: 9px;
    width: 313px;
    height: 66px
}

#CMD .kv__badge .icon__badge-copilotpc {
    background-image: url(../images/icon/common/kv_badge_copilotpc.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-copilotpc {
        background-image:url(../images/icon/common/kv_badge_copilotpc.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-copilotpc {
        background-image:url(../images/icon/common/kv_badge_copilotpc.png)
    }
}

.kv__badge .badge__container img.icon__badge-copilotpc-w {
    left: 9px;
    width: 313px;
    height: 66px
}

#CMD .kv__badge .icon__badge-copilotpc-w {
    background-image: url(../images/icon/common/kv_badge_copilotpc_w.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .kv__badge .icon__badge-copilotpc-w {
        background-image:url(../images/icon/common/kv_badge_copilotpc_w.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .kv__badge .icon__badge-copilotpc-w {
        background-image:url(../images/icon/common/kv_badge_copilotpc_w.png)
    }
}

.kv__badge .badge__content {
    position: relative;
    margin-top: 30px;
    text-align: center
}

.kv__badge .badge__content .content-text {
    display: block;
    position: relative;
    margin-bottom: 5px;
    color: #999;
    font-size: .875rem;
    text-align: center;
    line-height: 1.2
}

.kv__badge .badge__content .content-text:last-child {
    margin-bottom: 0
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .kv__badge {
        margin-top:52px;
        width: 100%;
        max-width: 720px
    }

    .kv__badge .badge__container img {
        margin: 0 25px
    }

    .kv__badge .badge__container img.icon__badge-creator {
        width: 98px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-oled {
        width: 98px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-oled-2024 {
        width: 85px;
        height: 115px
    }

    .kv__badge .badge__container img.icon__badge-nvidia,.kv__badge .badge__container img.icon__badge-nvidia2022 {
        left: -7px;
        margin-right: 5px;
        width: 192px;
        height: 90px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx,.kv__badge .badge__container img.icon__badge-nvidiartx-unverified {
        width: 218px;
        height: 66px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx.icon-nv2024 {
        width: 218px;
        height: 102px
    }

    .kv__badge .badge__container img.icon__badge-nv2024 {
        width: 218px;
        height: 102px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx2023 {
        left: -9px;
        margin-right: 5px;
        width: 131px;
        height: 80px
    }

    .kv__badge .badge__container img.icon__badge-gamepass {
        width: 218px;
        height: 66px
    }

    .kv__badge .badge__container img.icon__badge-timebest2022 {
        width: 92px;
        height: 130px
    }

    .kv__badge .badge__container img.icon__badge-copilotpc {
        top: 1px;
        left: -12px;
        width: 276px;
        height: 58px
    }

    .kv__badge .badge__container img.icon__badge-copilotpc-w {
        top: 1px;
        left: -12px;
        width: 276px;
        height: 58px
    }

    .kv__badge .badge__content {
        margin-top: 30px
    }

    .kv__badge .badge__content .content-text {
        font-size: .875rem;
        line-height: 1.2
    }
}

@media all and (max-width: 730.5px) {
    .kv__badge {
        margin-top:52px;
        width: 90%;
        max-width: 430px
    }

    .kv__badge .badge__container img {
        margin: 0 21px 30px
    }

    .kv__badge .badge__container img.icon__badge-creator {
        width: 80px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-oled,.kv__badge .badge__container img.icon__badge-oled-2024 {
        width: 80px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-nvidia,.kv__badge .badge__container img.icon__badge-nvidia2022 {
        left: -4px;
        margin-right: 3px;
        width: 150px;
        height: 70px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx,.kv__badge .badge__container img.icon__badge-nvidiartx-unverified {
        width: 203px;
        height: 63px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx.icon-nv2024 {
        width: 203px;
        height: 95px
    }

    .kv__badge .badge__container img.icon__badge-nvidiartx2023 {
        left: -5px;
        margin-right: 3px;
        width: 114px;
        height: 70px
    }

    .kv__badge .badge__container img.icon__badge-nv2024 {
        width: 203px;
        height: 95px
    }

    .kv__badge .badge__container img.icon__badge-gamepass {
        width: 203px;
        height: 63px
    }

    .kv__badge .badge__container img.icon__badge-timebest2022 {
        width: 75px;
        height: 106px
    }

    .kv__badge .badge__container img.icon__badge-copilotpc {
        top: 4px;
        left: -3px;
        width: 265px;
        height: 56px
    }

    .kv__badge .badge__container img.icon__badge-copilotpc-w {
        top: 4px;
        left: -3px;
        width: 265px;
        height: 56px
    }

    .kv__badge .badge__content {
        margin-top: -3px
    }

    .kv__badge .badge__content .content-text {
        margin-bottom: 8px;
        font-size: .875rem;
        line-height: 1.2
    }
}

.bg__badge {
    position: absolute;
    z-index: 7;
    top: 0;
    left: 50%;
    width: 0;
    height: 0
}

.bg__badge .icon__bgBadge {
    display: block;
    position: absolute;
    background-size: contain
}

.bg__badge .icon__bgBadge {
    width: 140px;
    height: 160px
}

.bg__badge .icon__bgBadge-evoi7 {
    width: 140px;
    height: 160px
}

.bg__badge .icon__bgBadge-evoi7 {
    background-image: url(../images/icon/bgBadge/evo_i7.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .bg__badge .icon__bgBadge-evoi7 {
        background-image:url(../images/icon/bgBadge/evo_i7.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .bg__badge .icon__bgBadge-evoi7 {
        background-image:url(../images/icon/bgBadge/evo_i7.png)
    }
}

@media all and (min-width: 1280px) {
    .bg__badge .icon__bgBadge-evoi7 {
        width:140px;
        height: 160px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .bg__badge .icon__bgBadge-evoi7 {
        width:115px;
        height: 135px
    }
}

@media all and (max-width: 730.5px) {
    .bg__badge .icon__bgBadge-evoi7 {
        width:88px;
        height: 78px
    }
}

@keyframes hoverAnimation {
    0% {
        transform: scale(1,1) translateY(0)
    }

    35% {
        transform: scale(1,.2) translateY(130px)
    }

    85% {
        transform: scale(1,1) translateY(0)
    }
}

.vr__screen {
    display: block;
    position: relative;
    left: 50%;
    margin-top: 110px;
    margin-bottom: -30px;
    margin-left: -38px;
    width: 76px;
    height: 48px
}

.vr__screen #vr__screen__icon {
    fill: #333;
    width: 76px;
    height: 48px
}

.vr__screen #vr__screen__icon .vr__border {
    transform: scale(1,1);
    animation: none
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .vr__screen {
        margin-top:74px;
        margin-bottom: -29px
    }
}

@media all and (max-width: 730.5px) {
    .vr__screen {
        margin-top:56px;
        margin-bottom: -22px;
        margin-left: -35px;
        width: 70px;
        height: 44px
    }

    .vr__screen #vr__screen__icon {
        width: 70px;
        height: 44px
    }
}

@media all and (max-width: 1279.5px) {
    .vr__screen #vr__screen__icon .vr__border {
        transform:scale(1,1)
    }
}

.cmd-sidenav {
    z-index: 9999
}

.cmd-sidenav .container-bg {
    display: none;
    position: absolute;
    right: 20px;
    width: 24px;
    height: 100%;
    border-radius: 18px;
    background: rgba(0,0,0,.4)
}

.cmd-sidenav .container-collapse {
    display: none
}

.cmd-sidenav .container-collapse .img__main {
    margin: 0;
    width: auto;
    height: auto
}

.cmd-sidenav .sidenav-container .item-container::marker {
    font-size: 0
}

.cmd-sidenav .sidenav-container .item-container button {
    border: 0;
    background: 0 0
}

@keyframes fadeInNav {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media all and (min-width: 1280px) {
    .wd__section .sectionnNavPosition {
        top:-140px
    }

    .cmd-sidenav {
        position: fixed;
        top: 180px;
        right: 0
    }

    .cmd-sidenav .sidenav-container {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        display: block;
        position: relative;
        width: 57px;
        height: 43px;
        font-size: 0;
        -webkit-tap-highlight-color: transparent
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 54px;
        height: 43px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #9f9f9f;
        transform: translate3d(-50%,-50%,0);
        user-select: none;
        pointer-events: none;
        content: ""
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        position: absolute;
        overflow-y: hidden;
        top: 0;
        right: 0;
        height: 100%;
        color: #fff;
        font-size: 0;
        text-align: right;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name,.cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        display: inline-block;
        position: relative;
        vertical-align: top
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        top: 0;
        left: 1px;
        width: 40px;
        height: 100%;
        border-radius: 54px 0 0 54px;
        background: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        padding: 0 23px 0 0;
        height: 100%;
        color: #fff;
        font-size: 1.25rem;
        background: #fff
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name span {
        display: inline-block;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        opacity: 1;
        transition: opacity .2s 150ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        transition: transform .3s linear
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        transform: translate3d(100%,0,0);
        transition: transform .3s linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-dot {
        opacity: 0;
        transition: opacity 150ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-label {
        transform: translate3d(0,0,0);
        transition: transform .3s 75ms linear
    }

    .cmd-sidenav .sidenav-container .container-items .item.enter .item-label .label-name {
        color: #fff
    }

    .cmd-sidenav .container-bg {
        right: 10px
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        margin-top: -3px;
        width: 44px
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot {
        width: 100%
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        margin-left: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__section .sectionnNavPosition {
        top:-140px
    }

    .cmd-sidenav {
        position: fixed;
        top: 123px;
        right: 20px;
        background-color: transparent
    }

    .cmd-sidenav .container-bg {
        display: none
    }

    .cmd-sidenav .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .item-label .label-name {
        padding-right: 15px;
        padding-left: 15px
    }

    .cmd-sidenav .item-dot {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmd-sidenav .container-collapse {
        display: block;
        position: absolute;
        z-index: 1;
        top: -26px;
        right: 0;
        width: auto;
        height: auto
    }

    .cmd-sidenav .container-collapse .collapse-open::before {
        background: rgba(66,66,66,.8)
    }

    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242
    }

    .cmd-sidenav .container-collapse .collapse-close,.cmd-sidenav .container-collapse .collapse-open {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0,-50%,0);
        transition: opacity .3s
    }

    .cmd-sidenav .container-collapse .collapse-close::before,.cmd-sidenav .container-collapse .collapse-open::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%,-50%)
    }

    .cmd-sidenav .container-collapse .collapse-close img,.cmd-sidenav .container-collapse .collapse-open img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: no-repeat;
        background-size: contain
    }

    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image: url(../images/small/2x/icon/common/open.svg)
    }
}

@media only screen and (min-width: 731px) and (max-width:1279.5px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:731px) and (max-width:1279.5px) and (min-resolution:1.5dppx),(min-width:731px) and (max-width:1279.5px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:731px) and (max-width:1279.5px) and (min-resolution:144dpi) {
    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image:url(../images/small/2x/icon/common/open.svg)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        display:none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image: url(../images/small/2x/icon/common/close.svg)
    }
}

@media only screen and (min-width: 731px) and (max-width:1279.5px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:731px) and (max-width:1279.5px) and (min-resolution:1.5dppx),(min-width:731px) and (max-width:1279.5px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:731px) and (max-width:1279.5px) and (min-resolution:144dpi) {
    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image:url(../images/small/2x/icon/common/close.svg)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav .container-items {
        overflow:hidden;
        height: 100%;
        max-height: 0;
        transition: all .4s
    }

    .cmd-sidenav .container-items .item {
        display: block;
        position: relative;
        opacity: 0;
        transition: opacity
    }

    .cmd-sidenav .container-items .item .item-label {
        padding: 10px 14px;
        font-size: 1.1875rem;
        text-align: center
    }

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 1.1875rem;
        line-height: 1.2
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav.show {
        padding-bottom:17px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all .4s
    }

    .cmd-sidenav.show .container-items::before {
        position: absolute;
        content: "";
        top: -50px;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items .item {
        opacity: 1;
        transition: opacity .3s .4s
    }

    .cmd-sidenav.show .container-collapse .collapse-open {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav.show .container-collapse .collapse-close {
        display: block;
        pointer-events: all
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav {
        display:none;
        right: 20px;
        left: unset;
        opacity: 0
    }

    .cmd-sidenav.mobile-show {
        display: block;
        left: unset;
        opacity: 1;
        -webkit-animation: fadeinnav 1s;
        animation: fadeInNav 1s
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav .item-dot.enter {
        z-index:-1;
        background: #e42657
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .sectionnNavPosition {
        top:-102px
    }

    .cmd-sidenav {
        position: fixed;
        top: 123px;
        right: 16px;
        width: calc(100% - 32px);
        background-color: transparent
    }

    .cmd-sidenav .container-bg {
        display: none
    }

    .cmd-sidenav .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .item-dot {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmd-sidenav .container-collapse {
        display: block;
        position: absolute;
        z-index: 1;
        top: -26px;
        right: 0;
        width: auto;
        height: auto
    }

    .cmd-sidenav .container-collapse .collapse-open::before {
        background: rgba(66,66,66,.8)
    }

    .cmd-sidenav .container-collapse .collapse-close::before {
        background: #424242
    }

    .cmd-sidenav .container-collapse .collapse-close,.cmd-sidenav .container-collapse .collapse-open {
        position: absolute;
        top: 50%;
        right: 13px;
        width: 22px;
        height: 22px;
        transform: translate3d(0,-50%,0);
        transition: opacity .3s
    }

    .cmd-sidenav .container-collapse .collapse-close::before,.cmd-sidenav .container-collapse .collapse-open::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        width: 48px;
        height: 48px;
        transform: translate(-50%,-50%)
    }

    .cmd-sidenav .container-collapse .collapse-close img,.cmd-sidenav .container-collapse .collapse-open img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -11px;
        width: 22px;
        height: 22px;
        background-position: no-repeat;
        background-size: contain
    }

    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image: url(../images/small/2x/icon/common/open.svg)
    }
}

@media only screen and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:730.5px) and (min-resolution:1.5dppx),(max-width:730.5px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:730.5px) and (min-resolution:144dpi) {
    .cmd-sidenav .container-collapse .collapse-open .img {
        background-image:url(../images/small/2x/icon/common/open.svg)
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .container-collapse .collapse-close {
        display:none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image: url(../images/small/2x/icon/common/close.svg)
    }
}

@media only screen and (max-width: 730.5px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:730.5px) and (min-resolution:1.5dppx),(max-width:730.5px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:730.5px) and (min-resolution:144dpi) {
    .cmd-sidenav .container-collapse .collapse-close .img {
        background-image:url(../images/small/2x/icon/common/close.svg)
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .container-items {
        overflow:hidden;
        height: 100%;
        max-height: 0;
        transition: all .4s
    }

    .cmd-sidenav .container-items .item {
        display: block;
        position: relative;
        opacity: 0;
        transition: opacity
    }

    .cmd-sidenav .container-items .item .item-label {
        padding: 10px 14px;
        font-size: 1.125rem;
        text-align: center
    }

    .cmd-sidenav .container-items .item .item-label .label-name {
        color: #fff;
        font-size: 1.125rem;
        line-height: 1.2
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav.show {
        padding-bottom:17px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items {
        max-height: 2000px;
        transition: all .4s
    }

    .cmd-sidenav.show .container-items::before {
        position: absolute;
        content: "";
        top: -50px;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #333
    }

    .cmd-sidenav.show .container-items .item {
        opacity: 1;
        transition: opacity .3s .4s
    }

    .cmd-sidenav.show .container-collapse .collapse-open {
        display: none;
        user-select: none;
        pointer-events: none
    }

    .cmd-sidenav.show .container-collapse .collapse-close {
        display: block;
        pointer-events: all
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav {
        display:none;
        left: 100%;
        opacity: 0
    }

    .cmd-sidenav.mobile-show {
        display: block;
        left: unset;
        opacity: 1;
        -webkit-animation: fadeinnav 1s;
        animation: fadeInNav 1s
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .item-dot.enter {
        z-index:-1;
        background: #e42657
    }
}

.wd__section .wd__feature__list {
    margin-right: auto;
    margin-left: auto
}

.wd__section .wd__feature__list.list-icon {
    margin-top: 22px
}

.wd__section .wd__feature__list.list-icon .wd__feature {
    top: 42px
}

.wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
    top: 0
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe__top {
    display: none
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__data {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__data .img__icon {
    width: 100%;
    height: 100%
}

.wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
    margin-right: auto;
    margin-left: auto;
    max-width: 168px
}

.wd__feature.icon-asusoled .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_asusoled.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-asusoled .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_asusoled.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-asusoled .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_asusoled.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
    top: 19px;
    margin-bottom: 3px;
    width: 112px;
    height: 116px
}

.wd__feature.icon-asusoled120hz .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_asusoled120hz.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-asusoled120hz .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_asusoled120hz.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-asusoled120hz .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_asusoled120hz.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
    top: 29px;
    margin-bottom: 3px;
    width: 108px;
    height: 108px
}

.wd__feature.icon-asusoled-lumina .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_asusoled_lumina.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-asusoled-lumina .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_asusoled_lumina.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-asusoled-lumina .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_asusoled_lumina.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-asusoled-lumina .wd__feature__data {
    top: 19px;
    margin-bottom: 3px;
    width: 112px;
    height: 116px
}

.wd__feature.icon-blackdolbyvision .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_blackdolbyvision.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-blackdolbyvision .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackdolbyvision.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-blackdolbyvision .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackdolbyvision.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data {
    top: 23px;
    margin-bottom: 3px;
    width: 168px;
    height: 116px
}

.wd__feature.icon-dolbyvision .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_dolbyvision.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-dolbyvision .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_dolbyvision.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-dolbyvision .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_dolbyvision.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
    top: 23px;
    margin-bottom: 3px;
    width: 168px;
    height: 116px
}

.wd__feature.icon-flickfree .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_flickfree.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-flickfree .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_flickfree.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-flickfree .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_flickfree.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
    width: 92px;
    height: 116px
}

.wd__feature.icon-lowbluelighthardware .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_lowbluelighthardware.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-lowbluelighthardware .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_lowbluelighthardware.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-lowbluelighthardware .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_lowbluelighthardware.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_certifieddisplay.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-certifieddisplay .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_certifieddisplay.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-certifieddisplay .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_certifieddisplay.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay500 .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_certifieddisplay500.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-certifieddisplay500 .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_certifieddisplay500.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-certifieddisplay500 .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_certifieddisplay500.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-certifieddisplay600 .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_certifieddisplay600.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-certifieddisplay600 .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_certifieddisplay600.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-certifieddisplay600 .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_certifieddisplay600.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-dolbyatmos .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_dolbyatmos.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-dolbyatmos .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_dolbyatmos.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-dolbyatmos .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_dolbyatmos.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
    top: 53px;
    margin-bottom: 56px;
    width: 187px;
    height: 64px
}

.wd__feature.icon-blackdolbyatmos .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_blackdolbyatmos.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-blackdolbyatmos .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackdolbyatmos.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-blackdolbyatmos .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackdolbyatmos.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-blackdolbyatmos .wd__feature__data {
    top: 53px;
    margin-bottom: 56px;
    width: 187px;
    height: 64px
}

.wd__feature.icon-harmankardon .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_harmankardon.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-harmankardon .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_harmankardon.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-harmankardon .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_harmankardon.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
    top: 63px;
    margin-bottom: 73px;
    width: 256px;
    height: 47px
}

.wd__feature.icon-blackharmankardon .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_blackharmankardon.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-blackharmankardon .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackharmankardon.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-blackharmankardon .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackharmankardon.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-blackharmankardon .wd__feature__data {
    top: 63px;
    margin-bottom: 73px;
    width: 256px;
    height: 47px
}

.wd__feature.icon-smartamplifier .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_smartamplifier.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-smartamplifier .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_smartamplifier.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-smartamplifier .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_smartamplifier.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
    top: 34px;
    margin-bottom: 39px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-blacksmartamplifier .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_blacksmartamplifier.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-blacksmartamplifier .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blacksmartamplifier.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-blacksmartamplifier .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blacksmartamplifier.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__data {
    top: 34px;
    margin-bottom: 39px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-audiobooster .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_audiobooster.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-audiobooster .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_audiobooster.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-audiobooster .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_audiobooster.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data {
    top: 32px;
    margin-bottom: 40px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-blackaudiobooster .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_blackaudiobooster.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-blackaudiobooster .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackaudiobooster.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-blackaudiobooster .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackaudiobooster.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__data {
    top: 32px;
    margin-bottom: 40px;
    width: 92px;
    height: 80px
}

.wd__feature.icon-dirac .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_dirac.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-dirac .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_dirac.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-dirac .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_dirac.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
    top: 54px;
    margin-bottom: 58px;
    width: 190px;
    height: 62px
}

.wd__feature.icon-blackcalmanverified .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_blackcalmanverified.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-blackcalmanverified .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackcalmanverified.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-blackcalmanverified .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_blackcalmanverified.png)
    }
}

.wd__feature.icon-calmanverified .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_calmanverified.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-calmanverified .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_calmanverified.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-calmanverified .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_calmanverified.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
    top: -4px;
    margin-top: 42px;
    width: 230px;
    height: 74px
}

.wd__feature.icon-sgsperformance .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_sgsperformance.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-sgsperformance .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_sgsperformance.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-sgsperformance .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_sgsperformance.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
    top: -11px;
    margin-top: 28px;
    width: 150px;
    height: 88px
}

.wd__feature.icon-validateddisplay .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_validateddisplay.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-validateddisplay .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_validateddisplay.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-validateddisplay .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_validateddisplay.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
    top: 8px;
    width: 92px;
    height: 116px
}

.wd__feature.icon-lowbluelight .img__icon {
    background-image: url(../../common/base/images/icon/1x/icon_lowbluelight.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wd__feature.icon-lowbluelight .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_lowbluelight.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wd__feature.icon-lowbluelight .img__icon {
        background-image:url(../../common/base/images/icon/2x/icon_lowbluelight.png)
    }
}

.wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
    width: 180px;
    height: 116px
}

.wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
    top: 3px
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__section .wd__feature__list.list-icon {
        margin-top:-7px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature {
        top: 29px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
        top: 0
    }

    .wd__section .wd__feature__list.list-icon .wd__feature .feature-icon {
        margin-bottom: -9px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature .feature-icon .wd__feature__data {
        height: 116px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        top: 14px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
        top: 22px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled-lumina .wd__feature__data {
        top: 14px
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        top: 24px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyatmos .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
        top: 51px;
        margin-bottom: 19px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackharmankardon .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
        top: 58px;
        margin-bottom: 19px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
        top: 21px;
        margin-bottom: 28px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__data {
        top: 20px;
        margin-bottom: 28px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
        top: -12px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
        top: 54px;
        margin-bottom: 46px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        top: -3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        top: -3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        top: -1px
    }

    .wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
        top: -14px
    }
}

@media all and (max-width: 730.5px) {
    .wd__section .wd__feature__list.list-icon {
        margin-top:9px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature {
        top: 36px
    }

    .wd__section .wd__feature__list.list-icon .wd__feature.feature-icon {
        top: 0
    }

    .wd__section .wd__feature__list .wd__feature.feature-icon .wd__feature__describe {
        margin-top: 0
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled .wd__feature__data {
        position: relative;
        top: 12px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled120hz .wd__feature__data {
        position: relative;
        top: 16px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-asusoled-lumina .wd__feature__data {
        position: relative;
        top: 12px;
        margin-bottom: -31px;
        width: 100px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyvision .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-dolbyvision .wd__feature__data {
        top: 20px;
        margin-bottom: -20px;
        width: 141px;
        height: 97px
    }

    .wd__section .wd__feature__list .wd__feature.icon-flickfree .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelighthardware .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay500 .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackdolbyatmos .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-dolbyatmos .wd__feature__data {
        top: 55px;
        margin-bottom: -5px;
        width: 139px;
        height: 51px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackharmankardon .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-harmankardon .wd__feature__data {
        top: 61px;
        margin-bottom: 16px;
        width: 193px;
        height: 36px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__data {
        top: 40px;
        margin-bottom: 11px;
        width: 71px;
        height: 62px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blacksmartamplifier .wd__feature__describe,.wd__section .wd__feature__list .wd__feature.icon-smartamplifier .wd__feature__describe {
        top: 32px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__data {
        top: 38px;
        margin-bottom: 0;
        width: 72px;
        height: 63px
    }

    .wd__section .wd__feature__list .wd__feature.icon-audiobooster .wd__feature__describe,.wd__section .wd__feature__list .wd__feature.icon-blackaudiobooster .wd__feature__describe {
        top: 42px
    }

    .wd__section .wd__feature__list .wd__feature.icon-blackcalmanverified .wd__feature__data,.wd__section .wd__feature__list .wd__feature.icon-calmanverified .wd__feature__data {
        top: -9px;
        margin-top: 39px;
        width: 202px;
        height: 65px
    }

    .wd__section .wd__feature__list .wd__feature.icon-dirac .wd__feature__data {
        top: 55px;
        margin-bottom: 7px;
        width: 141px;
        height: 46px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data {
        top: 8px;
        width: 84px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-validateddisplay .wd__feature__data .img__icon {
        top: 0
    }

    .wd__section .wd__feature__list .wd__feature.icon-certifieddisplay600 .wd__feature__data {
        top: 5px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data {
        width: 153px;
        height: 104px
    }

    .wd__section .wd__feature__list .wd__feature.icon-lowbluelight .wd__feature__data .img__icon {
        top: 3px
    }

    .wd__section .wd__feature__list .wd__feature.icon-sgsperformance .wd__feature__data {
        top: -10px;
        margin-top: 28px;
        width: 128px;
        height: 75px
    }
}

#CMD .colorful-text {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

#CMD .colorful-text sup {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone!important
}

#CMD.font__base section .colorful-text sup {
    display: inline-block;
    line-height: unset!important
}

#CMD.font__base section .colorful-text .footnote-num {
    line-height: 1!important
}

#CMD.font__base section .colorful-text .footnote-num:hover {
    border-color: transparent!important
}

#CMD .wd__section.theme-black .colorful-text {
    background-image: linear-gradient(90deg,var(--mdHlDarkTextColor) -150%,var(--mdHlDarkTextColor) -100%,var(--mdHlDarkTextColor) -50%,var(--mdThemeDarkTextColor) 0)
}

#CMD .wd__section.theme-black .colorful-text sup {
    background-image: linear-gradient(90deg,var(--mdHlDarkTextColor) -150%,var(--mdHlDarkTextColor) -100%,var(--mdHlDarkTextColor) -50%,var(--mdThemeDarkTextColor) 0)
}

#CMD.font__base section.theme-black .colorful-text .footnote-num:hover a {
    border-color: linear-gradient(90deg,var(--mdHlDarkTextColor) -150%,var(--mdHlDarkTextColor) -100%,var(--mdHlDarkTextColor) -50%,var(--mdThemeDarkTextColor) 0)!important
}

#CMD .wd__section.theme-white .colorful-text {
    background-image: linear-gradient(90deg,var(--mdSecondaryColor) -150%,var(--mdSecondaryColor) -100%,var(--mdSecondaryColor) -50%,var(--mdThemeLightTextColor) 0)
}

#CMD .wd__section.theme-white .colorful-text sup {
    background-image: linear-gradient(90deg,var(--mdSecondaryColor) -150%,var(--mdSecondaryColor) -100%,var(--mdSecondaryColor) -50%,var(--mdThemeLightTextColor) 0)
}

#CMD.font__base section.theme-white .colorful-text .footnote-num:hover a {
    border-color: linear-gradient(90deg,var(--mdSecondaryColor) -150%,var(--mdSecondaryColor) -100%,var(--mdSecondaryColor) -50%,var(--mdThemeLightTextColor) 0)!important
}

.text__split__show {
    display: flex;
    flex-wrap: wrap;
    gap: 0 .2em
}

.text__split__show .text__split__show-item sup {
    top: 0!important;
    margin-left: -.1em
}

@media all and (min-width: 1280px) {
    .wd__content.large__text-center .text__split__show {
        justify-content:center
    }

    .wd__content.large__text-left .text__split__show {
        justify-content: left
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__content.medium__text-center .text__split__show {
        justify-content:center
    }

    .wd__content.medium__text-left .text__split__show {
        justify-content: left
    }
}

@media all and (max-width: 730.5px) {
    .wd__content.small__text-center .text__split__show {
        justify-content:center
    }

    .wd__content.small__text-left .text__split__show {
        justify-content: left
    }
}

.inner__nav {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 1000px;
    text-align: center
}

.inner__nav .nav__heading {
    color: #ffe092;
    font-size: 21px;
    transition: opacity .6s ease-out
}

.inner__nav .nav__heading.clicked {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.inner__nav .nav__switch__btn {
    position: absolute;
    cursor: pointer;
    bottom: -62px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    transition: all .6s ease-out,top 1s ease-out
}

.inner__nav .nav__switch__btn .icon__switch {
    background-image: url(../images/large/1x/icon/inner/icon_open.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s ease-out
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__nav .nav__switch__btn .icon__switch {
        background-image:url(../images/large/2x/icon/inner/icon_open.png)
    }
}

.inner__nav .nav__switch__btn.clicked {
    transform: translate3d(0,210px,0)
}

.inner__nav .nav__switch__btn.clicked .icon__switch {
    transform: rotate(405deg) translate3d(0,0,0);
    transform-origin: center
}

.inner__nav .nav__switch__btn.fixed {
    position: fixed;
    top: -30px;
    left: 50%;
    margin-left: -20px
}

.inner__nav .nav__switch__btn.disable {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    top: -300px!important
}

.inner__page {
    margin-top: 0;
    padding-top: 0;
    background-color: #f5f5f5
}

.inner__page .wd__content .content__title {
    font-size: 27px;
    line-height: 1.2
}

.inner__page .inner__mask {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity .5s ease-out
}

.inner__page.darknight .inner__mask {
    -webkit-opacity: .6;
    -khtml-opacity: .6;
    -moz-opacity: .6;
    -ms-opacity: .6;
    -o-opacity: .6;
    opacity: .6;
    z-index: 1000000;
    transition: opacity .5s ease-out
}

.inner__page .section__content {
    z-index: 0;
    max-width: 2560px;
    background-color: #fff
}

.inner__page .section__content.theme-gray {
    margin-bottom: 4px;
    padding-bottom: 0;
    max-width: 1366px;
    background-color: #e7e7e7
}

.inner__page .section__content.theme-gray .wd__content {
    padding-top: 39px
}

.inner__page .icon {
    position: relative;
    margin-right: auto;
    margin-bottom: 11px;
    margin-left: auto;
    width: 120px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.inner__page .icon.icon-allSmiles {
    background-image: url(../images/large/1x/inner/icon/icon_all_smiles.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-allSmiles {
        background-image:url(../images/large/2x/inner/icon/icon_all_smiles.png)
    }
}

.inner__page .icon.icon-auto {
    background-image: url(../images/large/1x/inner/icon/icon_auto.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-auto {
        background-image:url(../images/large/2x/inner/icon/icon_auto.png)
    }
}

.inner__page .icon.icon-beautification {
    background-image: url(../images/large/1x/inner/icon/icon_beautification.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-beautification {
        background-image:url(../images/large/2x/inner/icon/icon_beautification.png)
    }
}

.inner__page .icon.icon-depthOfField {
    background-image: url(../images/large/1x/inner/icon/icon_depth_of_field.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-depthOfField {
        background-image:url(../images/large/2x/inner/icon/icon_depth_of_field.png)
    }
}

.inner__page .icon.icon-effect {
    background-image: url(../images/large/1x/inner/icon/icon_effect.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-effect {
        background-image:url(../images/large/2x/inner/icon/icon_effect.png)
    }
}

.inner__page .icon.icon-gif {
    background-image: url(../images/large/1x/inner/icon/icon_gif.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-gif {
        background-image:url(../images/large/2x/inner/icon/icon_gif.png)
    }
}

.inner__page .icon.icon-hdrPro {
    background-image: url(../images/large/1x/inner/icon/icon_hdr_pro.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-hdrPro {
        background-image:url(../images/large/2x/inner/icon/icon_hdr_pro.png)
    }
}

.inner__page .icon.icon-kids {
    background-image: url(../images/large/1x/inner/icon/icon_kids.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-kids {
        background-image:url(../images/large/2x/inner/icon/icon_kids.png)
    }
}

.inner__page .icon.icon-lowlight {
    background-image: url(../images/large/1x/inner/icon/icon_lowlight.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-lowlight {
        background-image:url(../images/large/2x/inner/icon/icon_lowlight.png)
    }
}

.inner__page .icon.icon-miniature {
    background-image: url(../images/large/1x/inner/icon/icon_miniature.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-miniature {
        background-image:url(../images/large/2x/inner/icon/icon_miniature.png)
    }
}

.inner__page .icon.icon-night {
    background-image: url(../images/large/1x/inner/icon/icon_night.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-night {
        background-image:url(../images/large/2x/inner/icon/icon_night.png)
    }
}

.inner__page .icon.icon-qrCode {
    background-image: url(../images/large/1x/inner/icon/icon_qr_code.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-qrCode {
        background-image:url(../images/large/2x/inner/icon/icon_qr_code.png)
    }
}

.inner__page .icon.icon-selfiePanorama {
    background-image: url(../images/large/1x/inner/icon/icon_selfie_panorama.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-selfiePanorama {
        background-image:url(../images/large/2x/inner/icon/icon_selfie_panorama.png)
    }
}

.inner__page .icon.icon-selfie {
    background-image: url(../images/large/1x/inner/icon/icon_selfie.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-selfie {
        background-image:url(../images/large/2x/inner/icon/icon_selfie.png)
    }
}

.inner__page .icon.icon-slowMotion {
    background-image: url(../images/large/1x/inner/icon/icon_slow_motion.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-slowMotion {
        background-image:url(../images/large/2x/inner/icon/icon_slow_motion.png)
    }
}

.inner__page .icon.icon-smartRemove {
    background-image: url(../images/large/1x/inner/icon/icon_smart_remove.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-smartRemove {
        background-image:url(../images/large/2x/inner/icon/icon_smart_remove.png)
    }
}

.inner__page .icon.icon-superResolution {
    background-image: url(../images/large/1x/inner/icon/icon_super_resolution.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-superResolution {
        background-image:url(../images/large/2x/inner/icon/icon_super_resolution.png)
    }
}

.inner__page .icon.icon-manual {
    background-image: url(../images/large/1x/inner/icon/icon_manual.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-manual {
        background-image:url(../images/large/2x/inner/icon/icon_manual.png)
    }
}

.inner__page .icon.icon-timeLapse {
    background-image: url(../images/large/1x/inner/icon/icon_time_lapse.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-timeLapse {
        background-image:url(../images/large/2x/inner/icon/icon_time_lapse.png)
    }
}

.inner__page .icon.icon-timeRewind {
    background-image: url(../images/large/1x/inner/icon/icon_time_rewind.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-timeRewind {
        background-image:url(../images/large/2x/inner/icon/icon_time_rewind.png)
    }
}

.inner__page .icon.icon-youtube {
    background-image: url(../images/large/1x/inner/icon/icon_youtube.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-youtube {
        background-image:url(../images/large/2x/inner/icon/icon_youtube.png)
    }
}

.inner__page .icon.icon-panaroma {
    background-image: url(../images/large/1x/inner/icon/icon_panaroma.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-panaroma {
        background-image:url(../images/large/2x/inner/icon/icon_panaroma.png)
    }
}

.inner__page .icon.icon-pro {
    background-image: url(../images/large/1x/inner/icon/icon_pro.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-pro {
        background-image:url(../images/large/2x/inner/icon/icon_pro.png)
    }
}

.inner__page .icon.icon-portrait {
    background-image: url(../images/large/1x/inner/icon/icon_portrait.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .inner__page .icon.icon-portrait {
        background-image:url(../images/large/2x/inner/icon/icon_portrait.png)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .inner__nav {
        margin:0 auto;
        width: 100%
    }

    .inner__nav .nav__heading {
        font-size: 21px
    }

    .inner__nav .nav__switch__btn {
        bottom: -63px;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px
    }

    .inner__nav .nav__switch__btn .icon__switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px
    }

    .inner__nav .nav__switch__btn.clicked {
        transform: translate3d(0,210px,0)
    }

    .inner__nav .nav__switch__btn.clicked .icon__switch {
        transform-origin: center;
        transform: rotate(405deg) translate3d(0,0,0)
    }

    .inner__nav .nav__switch__btn.fixed {
        top: -30px;
        left: 50%;
        margin-left: -20px
    }

    .inner__page .wd__content .content__title {
        font-size: 27px;
        line-height: 1.2
    }

    .inner__page .section__content {
        padding-bottom: 205px
    }

    .inner__page .section__content.theme-gray {
        max-width: 1300px;
        max-width: 722px
    }

    .inner__page .section__content.theme-gray .wd__content {
        padding-top: 39px
    }

    .inner__page .section__content.theme-gray .col.always__on__top {
        background-color: #fff
    }

    .inner__page .icon {
        margin-bottom: 11px;
        width: 120px;
        height: 120px
    }
}

@media all and (max-width: 730.5px) {
    .inner__nav {
        margin:0 auto;
        width: 100%
    }

    .inner__nav .nav__heading {
        font-size: 15px;
        letter-spacing: .2px
    }

    .inner__nav .nav__switch__btn {
        bottom: -55px;
        left: 50%;
        margin-left: -19px;
        width: 38px;
        height: 38px
    }

    .inner__nav .nav__switch__btn .icon__switch {
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px
    }

    .inner__nav .nav__switch__btn.clicked {
        transform: translate3d(0,210px,0)
    }

    .inner__nav .nav__switch__btn.clicked .icon__switch {
        transform-origin: center;
        transform: rotate(405deg) translate3d(0,0,0)
    }

    .inner__nav .nav__switch__btn.fixed {
        top: -30px;
        left: 50%;
        margin-left: -19px
    }

    .inner__page .wd__content .content__title {
        font-size: 20px;
        line-height: 1.1
    }

    .inner__page .section__content {
        padding-bottom: 205px
    }

    .inner__page .section__content.theme-gray {
        max-width: 414px
    }

    .inner__page .section__content.theme-gray .col.always__on__top {
        background-color: #fff
    }

    .inner__page .icon {
        margin-bottom: 11px;
        width: 120px;
        height: 120px
    }
}

.wd__innerbtn {
    position: relative;
    z-index: 2;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    max-width: 2560px
}

.wd__innerbtn.blackTheme {
    margin-top: -2px;
    background: #0f0d10
}

.wd__innerbtn .inner__btn {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 80px
}

.wd__innerbtn .inner__btn span {
    display: block;
    opacity: 1;
    margin-bottom: 22px;
    font-size: 21px;
    text-align: center;
    transition: opacity .4s
}

.wd__innerbtn .inner__btn .toggleSlide {
    position: absolute;
    cursor: pointer;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(0) translateZ(0) rotate(0);
    transition: transform .8s 50ms,background-image .3s ease-out;
    transform-origin: center center
}

.wd__innerbtn .inner__btn .toggleSlide.fixed {
    position: fixed;
    top: -100px
}

.wd__innerbtn .inner__btn.active .toggleSlide {
    transform: translateY(180px) translateZ(0) rotate(0)
}

.wd__innerbtn .inner__btn.active span {
    opacity: 0
}

.wd__innerbtn.theme-black .inner__btn span {
    color: #333
}

.wd__innerbtn.theme-black .inner__btn .toggleSlide {
    background-image: url(../images/large/1x/icon/inner/icon_open_black.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .wd__innerbtn.theme-black .inner__btn .toggleSlide {
        background-image:url(../images/large/2x/icon/inner/icon_open_black.png)
    }
}

.wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
    background-image: url(../images/large/1x/icon/inner/icon_close_black.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .wd__innerbtn.theme-black .inner__btn.active .toggleSlide {
        background-image:url(../images/large/2x/icon/inner/icon_close_black.png)
    }
}

.wd__innerbtn.theme-white .inner__btn span {
    color: #fff
}

.wd__innerbtn.theme-white .inner__btn .toggleSlide {
    background-image: url(../images/large/1x/icon/inner/icon_open_white.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .wd__innerbtn.theme-white .inner__btn .toggleSlide {
        background-image:url(../images/large/2x/icon/inner/icon_open_white.png)
    }
}

.wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
    background-image: url(../images/large/1x/icon/inner/icon_close_white.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .wd__innerbtn.theme-white .inner__btn.active .toggleSlide {
        background-image:url(../images/large/2x/icon/inner/icon_close_white.png)
    }
}

.inner__page {
    display: block;
    overflow: hidden;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    max-width: 2560px
}

.inner__page .section__content {
    max-width: 1366px
}

.inner__page .section__content .wd__content .content__title {
    color: #333!important;
    font-size: 24px;
    font-weight: 200!important
}

.inner__page .section__content .wd__content .content__title * {
    font-weight: 200!important
}

.inner__page .section__content .wd__content .content__info {
    color: #333!important
}

.inner__page .row {
    opacity: 0;
    transition: opacity .4s
}

.inner__page.active .row {
    opacity: 1
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wd__innerbtn {
        padding:20px 0
    }

    .wd__innerbtn.blackTheme {
        margin-top: -2px
    }

    .wd__innerbtn .inner__btn {
        margin: 0 auto;
        width: 100%;
        height: 80px
    }

    .wd__innerbtn .inner__btn span {
        margin-bottom: 11px;
        font-size: 21px
    }

    .wd__innerbtn .inner__btn .toggleSlide {
        position: absolute;
        z-index: 999;
        cursor: pointer;
        left: 50%;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(0) translateZ(0) rotate(0);
        transition: transform .8s 50ms,background-image .3s ease-out;
        transform-origin: center center
    }

    .wd__innerbtn .inner__btn.active span {
        opacity: 0
    }

    .wd__innerbtn .inner__btn.active .toggleSlide {
        transform: translateY(120px) translateZ(0) rotate(0)
    }

    .wd__innerbtn .inner__btn.active .toggleSlide.fixed {
        top: -38px
    }
}

@media all and (max-width: 730.5px) {
    .wd__innerbtn {
        padding:20px 0
    }

    .wd__innerbtn.blackTheme {
        margin-top: -2px;
        background: #0f0d10
    }

    .wd__innerbtn .inner__btn {
        left: 0;
        margin: 0 2%;
        width: 96%;
        height: 80px
    }

    .wd__innerbtn .inner__btn span {
        margin-bottom: 19px;
        font-size: 15.5px
    }

    .wd__innerbtn .inner__btn .toggleSlide {
        position: absolute;
        cursor: pointer;
        left: 50%;
        margin-top: -5px;
        margin-left: -19px;
        width: 38px;
        height: 38px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: translateY(0) translateZ(0) rotate(0);
        transition: transform .8s 50ms,background-image .3s ease-out;
        transform-origin: center center
    }

    .wd__innerbtn .inner__btn .toggleSlide.fixed {
        top: -25px
    }

    .wd__innerbtn .inner__btn.active span {
        opacity: 0
    }

    .wd__innerbtn .inner__btn.active .toggleSlide {
        transform: translateY(103px) translateZ(0) rotate(0)
    }

    .inner__page .section__content .wd__content {
        max-width: 414px!important
    }
}

.wdtab .wdtab__nav {
    background-color: #fff
}

.wdtab .wdtab__nav::before {
    background-color: #7d7d7d
}

.wdtab .wdtab__nav-btn {
    color: #666;
    font-size: 1.25rem
}

.wdtab .wdtab__nav-btn.active,.wdtab .wdtab__nav-btn.focus-visible,.wdtab .wdtab__nav-btn:focus {
    color: #0069b9
}

.wdtab .wdtab__nav-btn.active::before,.wdtab .wdtab__nav-btn.focus-visible::before,.wdtab .wdtab__nav-btn:focus::before {
    background-color: #0069b9
}

.wdtab .wdtab__nav-btn * {
    pointer-events: none!important
}

.wdtab .wdtab__panel__item-info__text {
    color: #666;
    font-size: 1.25rem
}

.wdtab .wdtab__autoplay__enterdetect {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-circle {
    stroke: #000;
    fill: #fff;
    stroke-width: 4px
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-line {
    fill: #000;
    stroke: transparent
}

.wdtab .wd__play__btn.wdtab__autoPlay .svg_button_play .svg-triangle .triangle {
    fill: #000
}

.wdtab .wd__play__btn.wdtab__autoPlay:hover {
    opacity: 1
}

.wdtab.isFakeImg .wdtab__panel__item-image .img__main {
    margin: 0 auto;
    width: 956px;
    height: 538px
}

#CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
    background-image: url(https://fakeimg.pl/956x538/)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image:url(https://fakeimg.pl/1912x1076/.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image:url(https://fakeimg.pl/1912x1076/)
    }
}

.wdtab {
    position: relative
}

.wdtab .wdtab__autoPlay {
    margin-left: 482px
}

.wdtab .wdtab__autoPlay .wd__play__btn-button {
    position: absolute;
    top: 20px;
    right: 0
}

.wdtab .wdtab__nav {
    position: relative
}

.wdtab .wdtab__nav::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
    content: "";
    transition: width .4s ease
}

.wdtab .wdtab__nav-container {
    display: flex;
    position: relative;
    width: 100%
}

.wdtab .wdtab__nav-btn {
    position: relative;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 18px;
    color: #666;
    border: none;
    background-color: transparent;
    flex: 1
}

.wdtab .wdtab__nav-btn.active::before,.wdtab .wdtab__nav-btn.focus-visible::before,.wdtab .wdtab__nav-btn:hover::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 4px;
    transform: translateX(-50%);
    content: ""
}

.wdtab .wdtab__nav-btn.active {
    cursor: initial
}

.wdtab .wdtab__nav-scrollouter {
    position: relative
}

.wdtab .wdtab__nav.isSticky {
    position: sticky;
    z-index: 19;
    top: -1px;
    padding-top: 1px
}

.wdtab .wdtab__nav.isSticky::before {
    width: 100vw!important
}

.wdtab .wdtab__panel__item {
    z-index: 1;
    opacity: 0;
    transition: opacity .5s ease .1s
}

.wdtab .wdtab__panel__item.active {
    display: block!important;
    z-index: 9!important;
    opacity: 1
}

.wdtab.scrollActive .wdtab__nav-scrollouter {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory
}

.wdtab.scrollActive .wdtab__nav-scrollouter::-webkit-scrollbar {
    display: none
}

.wdtab.scrollActive .wdtab__nav-container {
    display: block;
    text-align: center
}

.wdtab.scrollActive .wdtab__nav-btn {
    display: inline-block;
    scroll-snap-align: center
}

.wdtable table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-collapse: collapse;
    border-spacing: 0
}

.wdtable colgroup {
    display: table-column-group
}

.wdtable col {
    display: table-column
}

.wdtable tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.wdtable tbody tr {
    display: table-row;
    color: #181818;
    font-size: 1.25rem;
    border-color: inherit;
    vertical-align: middle
}

.wdtable tbody td {
    display: table-cell;
    vertical-align: middle;
    color: #181818;
    font-size: 1.25rem
}

.wdtable tbody th {
    display: table-cell;
    vertical-align: middle;
    text-align: -internal-center
}

.wdtable tbody th,.wdtable tbody th span {
    font-weight: unset
}

.wdtable tbody .tr-8 td,.wdtable tbody .tr-8 th {
    vertical-align: top
}

.wdtable tbody td,.wdtable tbody th {
    border-bottom: 1px solid #c9c9c9
}

.wdtable tbody td.no-bottom-line,.wdtable tbody th.no-bottom-line {
    border-bottom: 1px solid transparent
}

.wdtable tbody td .text__val,.wdtable tbody th .text__val {
    display: block
}

.wdtable .qr_container {
    position: relative;
    margin-top: 52px
}

.wdtable .qr_container .img__qrcode {
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px
}

#CMD .wdtable .img__qrcode {
    background-image: url(../images/large/1x/qrcode.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .wdtable .img__qrcode {
        background-image:url(../images/large/2x/qrcode.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .wdtable .img__qrcode {
        background-image:url(../images/large/2x/qrcode.png)
    }
}

.wdtable .qr-text {
    display: block;
    position: relative;
    margin-top: 16px;
    color: #181818;
    font-size: 1.25rem;
    line-height: 1.5
}

.wdtable table .tr-0 td {
    font-size: 0!important
}

.wdtable table .tr-1 td span {
    display: inline-block;
    padding: 0 17px 1px
}

.wdtable table .tr-1 .td-1 span {
    border-radius: 15px
}

.wdtable table .tr-1 .td-2 span {
    border-radius: 15px
}

.wdtable table .tr-1 .td-3 span {
    color: #fff;
    border: 1px solid #0080ff;
    border-radius: 15px;
    background-color: #0080ff
}

.wdtable table .tr-1 .td-4 span {
    color: #181818;
    border: 1px solid #ffd633;
    border-radius: 15px;
    background-color: #ffd633
}

.wdOledTable table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-collapse: collapse;
    border-spacing: 0
}

.wdOledTable colgroup {
    display: table-column-group
}

.wdOledTable col {
    display: table-column
}

.wdOledTable tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.wdOledTable tbody tr {
    display: table-row;
    color: #181818;
    font-size: 1.25rem;
    border-color: inherit;
    vertical-align: middle
}

.wdOledTable tbody td {
    display: table-cell;
    vertical-align: middle;
    color: #181818;
    font-size: 1.25rem
}

.wdOledTable tbody th {
    display: table-cell;
    vertical-align: middle;
    text-align: -internal-center
}

.wdOledTable tbody th,.wdOledTable tbody th span {
    font-weight: unset
}

.wdOledTable tbody td,.wdOledTable tbody th {
    border-bottom: 1px solid #c9c9c9
}

.wdOledTable tbody td.no-bottom-line,.wdOledTable tbody th.no-bottom-line {
    border-bottom: 1px solid transparent
}

.wdOledTable tbody td .text__val,.wdOledTable tbody th .text__val {
    display: block
}

.wdOledTable .qr_container {
    position: relative;
    margin-top: 52px
}

.wdOledTable .qr_container .img__qrcode {
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 120px
}

#CMD .wdOledTable .img__qrcode {
    background-image: url(../images/large/1x/qrcode.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp #CMD .wdOledTable .img__qrcode {
        background-image:url(../images/large/2x/qrcode.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old #CMD .wdOledTable .img__qrcode {
        background-image:url(../images/large/2x/qrcode.png)
    }
}

.wdOledTable .qr-text {
    display: block;
    position: relative;
    margin-top: 16px;
    color: #181818;
    font-size: 1.25rem;
    line-height: 1.5
}

.wdOledTable table {
    text-align: left
}

.wdOledTable table .tr-0 td {
    font-size: 0!important
}

.wdOledTable ::-webkit-scrollbar {
    display: none;
    width: .5em;
    height: .5em
}

.wdOledTable ::-webkit-scrollbar-thumb {
    background-color: transparent
}

.wdOledTable ::-webkit-scrollbar-track {
    background-color: transparent
}

.wdOledTable ::-webkit-scrollbar-corner {
    background-color: transparent
}

.wdOledTable .table_fixed_container {
    position: relative;
    z-index: 5;
    top: 0;
    left: 0;
    opacity: 0
}

.wdOledTable .table_fixed_container.show {
    opacity: 1
}

.wdOledTable .table_fixed_container::after {
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: 0;
    opacity: 0;
    width: 100vw;
    height: 3px;
    background-color: #fff;
    content: ""
}

.wdOledTable .table_fixed_container.fixed {
    position: fixed;
    padding-top: 12px;
    padding-bottom: 2px
}

.wdOledTable .table_fixed_container.fixed::after {
    opacity: 1
}

.wdOledTable .table_fixed_container.fixed .table_fixed {
    display: block;
    margin-top: 14px
}

.wdOledTable .table_fixed_container .table_fixed {
    display: none;
    overflow-x: scroll
}

.wdOledTable .table_fixed_container .table_fixed::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: #000;
    content: ""
}

.wdOledTable .table_fixed_container .table_fixed::after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #000;
    content: ""
}

.wdOledTable .table_fixed_container .table_fixed .table_fixed_list {
    display: flex;
    position: relative;
    margin-top: 9px;
    padding-left: 6px;
    width: auto;
    background-color: #000;
    list-style: none
}

.wdOledTable .table_fixed_container .table_fixed .table_fixed_list .table_fixed__item {
    display: flex;
    align-items: center;
    padding-right: 22px;
    padding-bottom: 4px;
    color: #dbdbdb;
    font-size: 16px;
    line-height: 130%
}

.wdOledTable .table_fixed_container .table_fixed .table_fixed_list .table_fixed__item .text__val {
    text-align: left
}

.wdOledTable .table_fixed_container .table_fixed .table_fixed_list .table_fixed__item .img_fixed__item {
    margin-right: 15px;
    width: 48px;
    height: 48px;
    min-width: 48px
}

.wdtile__container {
    --tile-gap: 15px;
    --column-count: 3;
    display: grid;
    width: 100%;
    grid-gap: var(--tile-gap);
    gap: var(--tile-gap);
    grid-template-columns: repeat(var(--column-count),1fr)
}

@media all and (min-width: 1280px) {
    .wdtile__container[data-largecolum="1"] {
        --column-count:1
    }

    .wdtile__container[data-largecolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-largecolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-largecolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-largecolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-largecolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-largecolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-largecolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-largecolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-largecolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-largecolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-largecolum="12"] {
        --column-count: 12
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtile__container[data-mediumcolum="1"] {
        --column-count:1
    }

    .wdtile__container[data-mediumcolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-mediumcolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-mediumcolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-mediumcolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-mediumcolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-mediumcolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-mediumcolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-mediumcolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-mediumcolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-mediumcolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-mediumcolum="12"] {
        --column-count: 12
    }
}

@media all and (max-width: 730.5px) {
    .wdtile__container[data-smallcolum="1"] {
        --column-count:1
    }

    .wdtile__container[data-smallcolum="2"] {
        --column-count: 2
    }

    .wdtile__container[data-smallcolum="3"] {
        --column-count: 3
    }

    .wdtile__container[data-smallcolum="4"] {
        --column-count: 4
    }

    .wdtile__container[data-smallcolum="5"] {
        --column-count: 5
    }

    .wdtile__container[data-smallcolum="6"] {
        --column-count: 6
    }

    .wdtile__container[data-smallcolum="7"] {
        --column-count: 7
    }

    .wdtile__container[data-smallcolum="8"] {
        --column-count: 8
    }

    .wdtile__container[data-smallcolum="9"] {
        --column-count: 9
    }

    .wdtile__container[data-smallcolum="10"] {
        --column-count: 10
    }

    .wdtile__container[data-smallcolum="11"] {
        --column-count: 11
    }

    .wdtile__container[data-smallcolum="12"] {
        --column-count: 12
    }
}

@media all and (min-width: 1280px) {
    .wdtile__container {
        --tile-gap:24px
    }
}

@media all and (min-width: 1280px) {
    .wdtile__container[data-largegap="10"] {
        --tile-gap:10px
    }

    .wdtile__container[data-largegap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-largegap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-largegap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-largegap="14"] {
        --tile-gap: 14px
    }

    .wdtile__container[data-largegap="15"] {
        --tile-gap: 15px
    }

    .wdtile__container[data-largegap="16"] {
        --tile-gap: 16px
    }

    .wdtile__container[data-largegap="17"] {
        --tile-gap: 17px
    }

    .wdtile__container[data-largegap="18"] {
        --tile-gap: 18px
    }

    .wdtile__container[data-largegap="19"] {
        --tile-gap: 19px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtile__container {
        --tile-gap:24px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtile__container[data-mediumgap="5"] {
        --tile-gap:5px
    }

    .wdtile__container[data-mediumgap="6"] {
        --tile-gap: 6px
    }

    .wdtile__container[data-mediumgap="7"] {
        --tile-gap: 7px
    }

    .wdtile__container[data-mediumgap="8"] {
        --tile-gap: 8px
    }

    .wdtile__container[data-mediumgap="9"] {
        --tile-gap: 9px
    }

    .wdtile__container[data-mediumgap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-mediumgap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-mediumgap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-mediumgap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-mediumgap="14"] {
        --tile-gap: 14px
    }

    .wdtile__container[data-mediumgap="15"] {
        --tile-gap: 15px
    }

    .wdtile__container[data-mediumgap="16"] {
        --tile-gap: 16px
    }

    .wdtile__container[data-mediumgap="17"] {
        --tile-gap: 17px
    }

    .wdtile__container[data-mediumgap="18"] {
        --tile-gap: 18px
    }

    .wdtile__container[data-mediumgap="19"] {
        --tile-gap: 19px
    }
}

@media all and (max-width: 730.5px) {
    .wdtile__container {
        --tile-gap:24px
    }
}

@media all and (max-width: 730.5px) {
    .wdtile__container[data-smallgap="1"] {
        --tile-gap:1px
    }

    .wdtile__container[data-smallgap="2"] {
        --tile-gap: 2px
    }

    .wdtile__container[data-smallgap="3"] {
        --tile-gap: 3px
    }

    .wdtile__container[data-smallgap="4"] {
        --tile-gap: 4px
    }

    .wdtile__container[data-smallgap="5"] {
        --tile-gap: 5px
    }

    .wdtile__container[data-smallgap="6"] {
        --tile-gap: 6px
    }

    .wdtile__container[data-smallgap="7"] {
        --tile-gap: 7px
    }

    .wdtile__container[data-smallgap="8"] {
        --tile-gap: 8px
    }

    .wdtile__container[data-smallgap="9"] {
        --tile-gap: 9px
    }

    .wdtile__container[data-smallgap="10"] {
        --tile-gap: 10px
    }

    .wdtile__container[data-smallgap="11"] {
        --tile-gap: 11px
    }

    .wdtile__container[data-smallgap="12"] {
        --tile-gap: 12px
    }

    .wdtile__container[data-smallgap="13"] {
        --tile-gap: 13px
    }

    .wdtile__container[data-smallgap="14"] {
        --tile-gap: 14px
    }
}

.wdtile__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 200px
}

.wdtile .item__leftdesc {
    z-index: 10
}

.wdtile .wdtile__item-0 {
    order: 1
}

.wdtile .wdtile__item-1 {
    order: 2
}

.wdtile .wdtile__item-2 {
    order: 3
}

.wdtile .wdtile__item-3 {
    order: 4
}

.wdtile .wdtile__item-4 {
    order: 5
}

.wdtile .wdtile__item-5 {
    order: 6
}

.wdtile .wdtile__item-6 {
    order: 7
}

.wdtile .wdtile__item-7 {
    order: 8
}

.wdtile .wdtile__item-8 {
    order: 9
}

.wdtile .wdtile__item-9 {
    order: 10
}

.wdtile .wdtile__item-10 {
    order: 11
}

.wdtile .wdtile__item-11 {
    order: 12
}

.wdtile .wdtile__item-12 {
    order: 13
}

.wdtile .wdtile__item-13 {
    order: 14
}

.wdtile .wdtile__item-14 {
    order: 15
}

.wdtile .wdtile__item-15 {
    order: 16
}

.wdtile .wdtile__item-16 {
    order: 17
}

.wdtile .wdtile__item-17 {
    order: 18
}

.wdtile .wdtile__item-18 {
    order: 19
}

.wdtile .wdtile__item-19 {
    order: 20
}

.wdtile .wdtile__item-20 {
    order: 21
}

.wdtile .wdtile__item-21 {
    order: 22
}

.wdtile .wdtile__item-22 {
    order: 23
}

.wdtile .wdtile__item-23 {
    order: 24
}

.wdtile .wdtile__item-24 {
    order: 25
}

.wdtile .wdtile__item-25 {
    order: 26
}

.wdtile .wdtile__item-26 {
    order: 27
}

.wdtile .wdtile__item-27 {
    order: 28
}

.wdtile .wdtile__item-28 {
    order: 29
}

.wdtile .wdtile__item-29 {
    order: 30
}

.wdtile .wdtile__item-30 {
    order: 31
}

.wdtile .wdtile__item-31 {
    order: 32
}

.wdtile .wdtile__item-32 {
    order: 33
}

.wdtile .wdtile__item-33 {
    order: 34
}

.wdtile .wdtile__item-34 {
    order: 35
}

.wdtile .wdtile__item-35 {
    order: 36
}

.wdtile .wdtile__item-36 {
    order: 37
}

.wdtile .wdtile__item-37 {
    order: 38
}

.wdtile .wdtile__item-38 {
    order: 39
}

.wdtile .wdtile__item-39 {
    order: 40
}

.wdtile .wdtile__item-40 {
    order: 41
}

.wdtile .wdtile__item-41 {
    order: 42
}

.wdtile .wdtile__item-42 {
    order: 43
}

.wdtile .wdtile__item-43 {
    order: 44
}

.wdtile .wdtile__item-44 {
    order: 45
}

.wdtile .wdtile__item-45 {
    order: 46
}

.wdtile .wdtile__item-46 {
    order: 47
}

.wdtile .wdtile__item-47 {
    order: 48
}

.wdtile .wdtile__item-48 {
    order: 49
}

.wdtile .wdtile__item-49 {
    order: 50
}

.wdtile .wdtile__item-50 {
    order: 51
}

.wdtile .wdtile__item-51 {
    order: 52
}

.wdtile .wdtile__item-52 {
    order: 53
}

.wdtile .wdtile__item-53 {
    order: 54
}

.wdtile .wdtile__item-54 {
    order: 55
}

.wdtile .wdtile__item-55 {
    order: 56
}

.wdtile .wdtile__item-56 {
    order: 57
}

.wdtile .wdtile__item-57 {
    order: 58
}

.wdtile .wdtile__item-58 {
    order: 59
}

.wdtile .wdtile__item-59 {
    order: 60
}

.wdtile .wdtile__item-60 {
    order: 61
}

.wdtile .wdtile__item-61 {
    order: 62
}

.wdtile .wdtile__item-62 {
    order: 63
}

.wdtile .wdtile__item-63 {
    order: 64
}

.wdtile .wdtile__item-64 {
    order: 65
}

.wdtile .wdtile__item-65 {
    order: 66
}

.wdtile .wdtile__item-66 {
    order: 67
}

.wdtile .wdtile__item-67 {
    order: 68
}

.wdtile .wdtile__item-68 {
    order: 69
}

.wdtile .wdtile__item-69 {
    order: 70
}

.wdtile .wdtile__item-70 {
    order: 71
}

.wdtile .wdtile__item-71 {
    order: 72
}

.wdtile .wdtile__item-72 {
    order: 73
}

.wdtile .wdtile__item-73 {
    order: 74
}

.wdtile .wdtile__item-74 {
    order: 75
}

.wdtile .wdtile__item-75 {
    order: 76
}

.wdtile .wdtile__item-76 {
    order: 77
}

.wdtile .wdtile__item-77 {
    order: 78
}

.wdtile .wdtile__item-78 {
    order: 79
}

.wdtile .wdtile__item-79 {
    order: 80
}

.wdtile .wdtile__item-80 {
    order: 81
}

.wdtile .wdtile__item-81 {
    order: 82
}

.wdtile .wdtile__item-82 {
    order: 83
}

.wdtile .wdtile__item-83 {
    order: 84
}

.wdtile .wdtile__item-84 {
    order: 85
}

.wdtile .wdtile__item-85 {
    order: 86
}

.wdtile .wdtile__item-86 {
    order: 87
}

.wdtile .wdtile__item-87 {
    order: 88
}

.wdtile .wdtile__item-88 {
    order: 89
}

.wdtile .wdtile__item-89 {
    order: 90
}

.wdtile .wdtile__item-90 {
    order: 91
}

.wdtile .wdtile__item-91 {
    order: 92
}

.wdtile .wdtile__item-92 {
    order: 93
}

.wdtile .wdtile__item-93 {
    order: 94
}

.wdtile .wdtile__item-94 {
    order: 95
}

.wdtile .wdtile__item-95 {
    order: 96
}

.wdtile .wdtile__item-96 {
    order: 97
}

.wdtile .wdtile__item-97 {
    order: 98
}

.wdtile .wdtile__item-98 {
    order: 99
}

.wdtile .wdtile__item-99 {
    order: 100
}

.wdtile.devTest .wdtile__item::before {
    display: block;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    color: #fc0;
    font-size: 25em;
    line-height: .6em
}

.wdtile.devTest .wdtile__item-0::before {
    content: "0"
}

.wdtile.devTest .wdtile__item-1::before {
    content: "1"
}

.wdtile.devTest .wdtile__item-2::before {
    content: "2"
}

.wdtile.devTest .wdtile__item-3::before {
    content: "3"
}

.wdtile.devTest .wdtile__item-4::before {
    content: "4"
}

.wdtile.devTest .wdtile__item-5::before {
    content: "5"
}

.wdtile.devTest .wdtile__item-6::before {
    content: "6"
}

.wdtile.devTest .wdtile__item-7::before {
    content: "7"
}

.wdtile.devTest .wdtile__item-8::before {
    content: "8"
}

.wdtile.devTest .wdtile__item-9::before {
    content: "9"
}

.wdtile.devTest .wdtile__item-10::before {
    content: "10"
}

.wdtile.devTest .wdtile__item-11::before {
    content: "11"
}

.wdtile.devTest .wdtile__item-12::before {
    content: "12"
}

.wdtile.devTest .wdtile__item-13::before {
    content: "13"
}

.wdtile.devTest .wdtile__item-14::before {
    content: "14"
}

.wdtile.devTest .wdtile__item-15::before {
    content: "15"
}

.wdtile.devTest .wdtile__item-16::before {
    content: "16"
}

.wdtile.devTest .wdtile__item-17::before {
    content: "17"
}

.wdtile.devTest .wdtile__item-18::before {
    content: "18"
}

.wdtile.devTest .wdtile__item-19::before {
    content: "19"
}

.wdtile.devTest .wdtile__item-20::before {
    content: "20"
}

.wdtile.devTest .wdtile__item-21::before {
    content: "21"
}

.wdtile.devTest .wdtile__item-22::before {
    content: "22"
}

.wdtile.devTest .wdtile__item-23::before {
    content: "23"
}

.wdtile.devTest .wdtile__item-24::before {
    content: "24"
}

.wdtile.devTest .wdtile__item-25::before {
    content: "25"
}

.wdtile.devTest .wdtile__item-26::before {
    content: "26"
}

.wdtile.devTest .wdtile__item-27::before {
    content: "27"
}

.wdtile.devTest .wdtile__item-28::before {
    content: "28"
}

.wdtile.devTest .wdtile__item-29::before {
    content: "29"
}

.wdtile.devTest .wdtile__item-30::before {
    content: "30"
}

.wdtile.devTest .wdtile__item-31::before {
    content: "31"
}

.wdtile.devTest .wdtile__item-32::before {
    content: "32"
}

.wdtile.devTest .wdtile__item-33::before {
    content: "33"
}

.wdtile.devTest .wdtile__item-34::before {
    content: "34"
}

.wdtile.devTest .wdtile__item-35::before {
    content: "35"
}

.wdtile.devTest .wdtile__item-36::before {
    content: "36"
}

.wdtile.devTest .wdtile__item-37::before {
    content: "37"
}

.wdtile.devTest .wdtile__item-38::before {
    content: "38"
}

.wdtile.devTest .wdtile__item-39::before {
    content: "39"
}

.wdtile.devTest .wdtile__item-40::before {
    content: "40"
}

.wdtile.devTest .wdtile__item-41::before {
    content: "41"
}

.wdtile.devTest .wdtile__item-42::before {
    content: "42"
}

.wdtile.devTest .wdtile__item-43::before {
    content: "43"
}

.wdtile.devTest .wdtile__item-44::before {
    content: "44"
}

.wdtile.devTest .wdtile__item-45::before {
    content: "45"
}

.wdtile.devTest .wdtile__item-46::before {
    content: "46"
}

.wdtile.devTest .wdtile__item-47::before {
    content: "47"
}

.wdtile.devTest .wdtile__item-48::before {
    content: "48"
}

.wdtile.devTest .wdtile__item-49::before {
    content: "49"
}

@media all and (min-width: 1280px) {
    .wdtile .large-order-0 {
        order:0
    }

    .wdtile .large-order-1 {
        order: 1
    }

    .wdtile .large-order-2 {
        order: 2
    }

    .wdtile .large-order-3 {
        order: 3
    }

    .wdtile .large-order-4 {
        order: 4
    }

    .wdtile .large-order-5 {
        order: 5
    }

    .wdtile .large-order-6 {
        order: 6
    }

    .wdtile .large-order-7 {
        order: 7
    }

    .wdtile .large-order-8 {
        order: 8
    }

    .wdtile .large-order-9 {
        order: 9
    }

    .wdtile .large-order-10 {
        order: 10
    }

    .wdtile .large-order-11 {
        order: 11
    }

    .wdtile .large-order-12 {
        order: 12
    }

    .wdtile .large-order-13 {
        order: 13
    }

    .wdtile .large-order-14 {
        order: 14
    }

    .wdtile .large-order-15 {
        order: 15
    }

    .wdtile .large-order-16 {
        order: 16
    }

    .wdtile .large-order-17 {
        order: 17
    }

    .wdtile .large-order-18 {
        order: 18
    }

    .wdtile .large-order-19 {
        order: 19
    }

    .wdtile .large-order-20 {
        order: 20
    }

    .wdtile .large-order-21 {
        order: 21
    }

    .wdtile .large-order-22 {
        order: 22
    }

    .wdtile .large-order-23 {
        order: 23
    }

    .wdtile .large-order-24 {
        order: 24
    }

    .wdtile .large-order-25 {
        order: 25
    }

    .wdtile .large-order-26 {
        order: 26
    }

    .wdtile .large-order-27 {
        order: 27
    }

    .wdtile .large-order-28 {
        order: 28
    }

    .wdtile .large-order-29 {
        order: 29
    }

    .wdtile .large-order-30 {
        order: 30
    }

    .wdtile .large-order-31 {
        order: 31
    }

    .wdtile .large-order-32 {
        order: 32
    }

    .wdtile .large-order-33 {
        order: 33
    }

    .wdtile .large-order-34 {
        order: 34
    }

    .wdtile .large-order-35 {
        order: 35
    }

    .wdtile .large-order-36 {
        order: 36
    }

    .wdtile .large-order-37 {
        order: 37
    }

    .wdtile .large-order-38 {
        order: 38
    }

    .wdtile .large-order-39 {
        order: 39
    }

    .wdtile .large-order-40 {
        order: 40
    }

    .wdtile .large-order-41 {
        order: 41
    }

    .wdtile .large-order-42 {
        order: 42
    }

    .wdtile .large-order-43 {
        order: 43
    }

    .wdtile .large-order-44 {
        order: 44
    }

    .wdtile .large-order-45 {
        order: 45
    }

    .wdtile .large-order-46 {
        order: 46
    }

    .wdtile .large-order-47 {
        order: 47
    }

    .wdtile .large-order-48 {
        order: 48
    }

    .wdtile .large-order-49 {
        order: 49
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtile .medium-order-0 {
        order:0
    }

    .wdtile .medium-order-1 {
        order: 1
    }

    .wdtile .medium-order-2 {
        order: 2
    }

    .wdtile .medium-order-3 {
        order: 3
    }

    .wdtile .medium-order-4 {
        order: 4
    }

    .wdtile .medium-order-5 {
        order: 5
    }

    .wdtile .medium-order-6 {
        order: 6
    }

    .wdtile .medium-order-7 {
        order: 7
    }

    .wdtile .medium-order-8 {
        order: 8
    }

    .wdtile .medium-order-9 {
        order: 9
    }

    .wdtile .medium-order-10 {
        order: 10
    }

    .wdtile .medium-order-11 {
        order: 11
    }

    .wdtile .medium-order-12 {
        order: 12
    }

    .wdtile .medium-order-13 {
        order: 13
    }

    .wdtile .medium-order-14 {
        order: 14
    }

    .wdtile .medium-order-15 {
        order: 15
    }

    .wdtile .medium-order-16 {
        order: 16
    }

    .wdtile .medium-order-17 {
        order: 17
    }

    .wdtile .medium-order-18 {
        order: 18
    }

    .wdtile .medium-order-19 {
        order: 19
    }

    .wdtile .medium-order-20 {
        order: 20
    }

    .wdtile .medium-order-21 {
        order: 21
    }

    .wdtile .medium-order-22 {
        order: 22
    }

    .wdtile .medium-order-23 {
        order: 23
    }

    .wdtile .medium-order-24 {
        order: 24
    }

    .wdtile .medium-order-25 {
        order: 25
    }

    .wdtile .medium-order-26 {
        order: 26
    }

    .wdtile .medium-order-27 {
        order: 27
    }

    .wdtile .medium-order-28 {
        order: 28
    }

    .wdtile .medium-order-29 {
        order: 29
    }

    .wdtile .medium-order-30 {
        order: 30
    }

    .wdtile .medium-order-31 {
        order: 31
    }

    .wdtile .medium-order-32 {
        order: 32
    }

    .wdtile .medium-order-33 {
        order: 33
    }

    .wdtile .medium-order-34 {
        order: 34
    }

    .wdtile .medium-order-35 {
        order: 35
    }

    .wdtile .medium-order-36 {
        order: 36
    }

    .wdtile .medium-order-37 {
        order: 37
    }

    .wdtile .medium-order-38 {
        order: 38
    }

    .wdtile .medium-order-39 {
        order: 39
    }

    .wdtile .medium-order-40 {
        order: 40
    }

    .wdtile .medium-order-41 {
        order: 41
    }

    .wdtile .medium-order-42 {
        order: 42
    }

    .wdtile .medium-order-43 {
        order: 43
    }

    .wdtile .medium-order-44 {
        order: 44
    }

    .wdtile .medium-order-45 {
        order: 45
    }

    .wdtile .medium-order-46 {
        order: 46
    }

    .wdtile .medium-order-47 {
        order: 47
    }

    .wdtile .medium-order-48 {
        order: 48
    }

    .wdtile .medium-order-49 {
        order: 49
    }
}

@media all and (max-width: 730.5px) {
    .wdtile .small-order-0 {
        order:0
    }

    .wdtile .small-order-1 {
        order: 1
    }

    .wdtile .small-order-2 {
        order: 2
    }

    .wdtile .small-order-3 {
        order: 3
    }

    .wdtile .small-order-4 {
        order: 4
    }

    .wdtile .small-order-5 {
        order: 5
    }

    .wdtile .small-order-6 {
        order: 6
    }

    .wdtile .small-order-7 {
        order: 7
    }

    .wdtile .small-order-8 {
        order: 8
    }

    .wdtile .small-order-9 {
        order: 9
    }

    .wdtile .small-order-10 {
        order: 10
    }

    .wdtile .small-order-11 {
        order: 11
    }

    .wdtile .small-order-12 {
        order: 12
    }

    .wdtile .small-order-13 {
        order: 13
    }

    .wdtile .small-order-14 {
        order: 14
    }

    .wdtile .small-order-15 {
        order: 15
    }

    .wdtile .small-order-16 {
        order: 16
    }

    .wdtile .small-order-17 {
        order: 17
    }

    .wdtile .small-order-18 {
        order: 18
    }

    .wdtile .small-order-19 {
        order: 19
    }

    .wdtile .small-order-20 {
        order: 20
    }

    .wdtile .small-order-21 {
        order: 21
    }

    .wdtile .small-order-22 {
        order: 22
    }

    .wdtile .small-order-23 {
        order: 23
    }

    .wdtile .small-order-24 {
        order: 24
    }

    .wdtile .small-order-25 {
        order: 25
    }

    .wdtile .small-order-26 {
        order: 26
    }

    .wdtile .small-order-27 {
        order: 27
    }

    .wdtile .small-order-28 {
        order: 28
    }

    .wdtile .small-order-29 {
        order: 29
    }

    .wdtile .small-order-30 {
        order: 30
    }

    .wdtile .small-order-31 {
        order: 31
    }

    .wdtile .small-order-32 {
        order: 32
    }

    .wdtile .small-order-33 {
        order: 33
    }

    .wdtile .small-order-34 {
        order: 34
    }

    .wdtile .small-order-35 {
        order: 35
    }

    .wdtile .small-order-36 {
        order: 36
    }

    .wdtile .small-order-37 {
        order: 37
    }

    .wdtile .small-order-38 {
        order: 38
    }

    .wdtile .small-order-39 {
        order: 39
    }

    .wdtile .small-order-40 {
        order: 40
    }

    .wdtile .small-order-41 {
        order: 41
    }

    .wdtile .small-order-42 {
        order: 42
    }

    .wdtile .small-order-43 {
        order: 43
    }

    .wdtile .small-order-44 {
        order: 44
    }

    .wdtile .small-order-45 {
        order: 45
    }

    .wdtile .small-order-46 {
        order: 46
    }

    .wdtile .small-order-47 {
        order: 47
    }

    .wdtile .small-order-48 {
        order: 48
    }

    .wdtile .small-order-49 {
        order: 49
    }
}

@media all and (min-width: 1280px) {
    .wdtile .large-grid-row-0 {
        grid-row-end:span 0
    }

    .wdtile .large-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .large-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .large-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .large-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .large-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .large-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtile .medium-grid-row-0 {
        grid-row-end:span 0
    }

    .wdtile .medium-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .medium-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .medium-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .medium-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .medium-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .medium-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (max-width: 730.5px) {
    .wdtile .small-grid-row-0 {
        grid-row-end:span 0
    }

    .wdtile .small-grid-row-1 {
        grid-row-end: span 1
    }

    .wdtile .small-grid-row-2 {
        grid-row-end: span 2
    }

    .wdtile .small-grid-row-3 {
        grid-row-end: span 3
    }

    .wdtile .small-grid-row-4 {
        grid-row-end: span 4
    }

    .wdtile .small-grid-row-5 {
        grid-row-end: span 5
    }

    .wdtile .small-grid-row-6 {
        grid-row-end: span 6
    }
}

@media all and (min-width: 1280px) {
    .wdtile .large-grid-col-0 {
        grid-column-end:span 0
    }

    .wdtile .large-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .large-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .large-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .large-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .large-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .large-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .large-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .large-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .large-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .large-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .large-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .large-grid-col-12 {
        grid-column-end: span 12
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtile .medium-grid-col-0 {
        grid-column-end:span 0
    }

    .wdtile .medium-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .medium-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .medium-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .medium-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .medium-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .medium-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .medium-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .medium-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .medium-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .medium-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .medium-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .medium-grid-col-12 {
        grid-column-end: span 12
    }
}

@media all and (max-width: 730.5px) {
    .wdtile .small-grid-col-0 {
        grid-column-end:span 0
    }

    .wdtile .small-grid-col-1 {
        grid-column-end: span 1
    }

    .wdtile .small-grid-col-2 {
        grid-column-end: span 2
    }

    .wdtile .small-grid-col-3 {
        grid-column-end: span 3
    }

    .wdtile .small-grid-col-4 {
        grid-column-end: span 4
    }

    .wdtile .small-grid-col-5 {
        grid-column-end: span 5
    }

    .wdtile .small-grid-col-6 {
        grid-column-end: span 6
    }

    .wdtile .small-grid-col-7 {
        grid-column-end: span 7
    }

    .wdtile .small-grid-col-8 {
        grid-column-end: span 8
    }

    .wdtile .small-grid-col-9 {
        grid-column-end: span 9
    }

    .wdtile .small-grid-col-10 {
        grid-column-end: span 10
    }

    .wdtile .small-grid-col-11 {
        grid-column-end: span 11
    }

    .wdtile .small-grid-col-12 {
        grid-column-end: span 12
    }
}

.wdblockimg {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1144px
}

.wdblockimg .wdblockimg__container {
    display: grid;
    position: relative;
    grid-gap: 24px;
    gap: 24px
}

.wdblockimg .wdblockimg__container .block {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: transparent
}

.wdblockimg .wdblockimg__container .block .block-content {
    position: relative;
    z-index: 1;
    padding: 40px
}

.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__info {
    margin-top: 5px
}

.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__link,.wdblockimg .wdblockimg__container .block .block-content .wd__content .content__link * {
    font-weight: 200
}

.wdblockimg .wdblockimg__container .block .block-img {
    position: relative;
    z-index: 0;
    width: 100%
}

.wdblockimg .wdblockimg__container .block .block-img .img__bg {
    position: relative
}

.wdblockimg .wdblockimg__container .block.block-imgstyle-extend .block-img {
    position: absolute;
    overflow: hidden;
    bottom: 0
}

.wdblockimg .wdblockimg__container .block.block-imgstyle-extend .img__bg {
    top: unset;
    bottom: 0;
    left: 50%;
    padding-bottom: 0;
    transform: translate(-50%,0)
}

.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-6 .block-img {
    position: absolute;
    top: 50%;
    right: 0;
    width: auto;
    height: 630px;
    transform: translateY(-50%)
}

.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-6 .img__bg {
    position: relative;
    width: 1134px;
    height: 630px
}

.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.imageTop .block-img .img__bg {
    top: 50%;
    bottom: unset;
    left: 50%;
    padding-bottom: 0;
    transform: translate(-50%,-50%)
}

.wdblockimg .wdblockimg__container .block .block-video {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%
}

.wdblockimg .wdblockimg__container .block .block-video .video__container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%
}

.wdblockimg .wdblockimg__container .block .block-video .video__container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.wdblockimg .wdblockimg__container .block .block-video .video-mask {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

.wdblockimg .wdblockimg__container .block .block-video .wd__play__btn {
    position: absolute;
    z-index: 10;
    right: 12px;
    bottom: 12px;
    left: unset;
    margin-left: auto
}

.wdblockimg .wdblockimg__container .block .modal-button-container {
    margin-top: 32px
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block .modal-button-container {
        margin-top:24px
    }
}

@media all and (max-width: 730.5px) {
    .wdblockimg .wdblockimg__container .block .modal-button-container {
        margin-top:24px
    }
}

.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button {
    margin-top: 0
}

.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button,.wdblockimg .wdblockimg__container .block .modal-button-container .modal-button * {
    font-weight: 200
}

.wdblockimg .wdblockimg__container .block.imageTop .block-video {
    top: 0;
    bottom: unset
}

.wdblockimg .wdblockimg__container .block.imageTop .block-video .video__container {
    background-color: #000
}

.wdblockimg .wdblockimg__container .block.imageTop .video-mask {
    display: none
}

.wdblockimg .wdblockimg__container {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.wdblockimg .wdblockimg__container .block.column-span-2 {
    grid-column-end: span 2
}

.wdblockimg .wdblockimg__container .block.column-span-3 {
    grid-column-end: span 3
}

.wdblockimg .wdblockimg__container .block.column-span-4 {
    grid-column-end: span 4
}

.wdblockimg .wdblockimg__container .block.column-span-5 {
    grid-column-end: span 5
}

.wdblockimg .wdblockimg__container .block.column-span-6 {
    grid-column-end: span 6
}

.wdblockimg .ai__noise__container {
    --themecolor-main: 95,95,95;
    --themecolor-middle: 165,165,165;
    --themecolor-filter: 255,0,0;
    display: flex;
    position: relative;
    bottom: 0;
    align-items: center;
    width: 100%;
    transition: margin-top 1s ease 0s;
    flex-direction: column
}

.wdblockimg .block[data-blocktype=aiNoise] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.wdblockimg .ai__noise__container .noise__voice__container {
    height: var(--voice-iconSize);
    max-height: var(--voice-iconSize)
}

.wdblockimg .ai__noise__container .nav__replay {
    position: absolute;
    z-index: 10;
    right: 56px;
    bottom: 12px
}

.wdblockimg .ai__noise__container .nav__replay .wd__play__btn {
    position: relative;
    left: 0;
    margin-left: unset
}

.wdblockimg .ai__noise__container .nav__replay .wd__play__btn .wd__play__btn-button {
    display: block
}

.wdblockimg .ai__noise__container .nav__replay .wd__play__btn .wd__play__btn-button.is-hidden {
    display: none
}

.wdblockimg .ai__noise__container .nav__replay .wd__play__btn .svg_button_replay {
    opacity: 1
}

.wdblockimg .ai__noise__container .nav__replay .wd__play__btn:hover .wd__play__btn-button {
    opacity: 1
}

.wdblockimg .ai__noise__container .nav__noise {
    display: flex;
    position: absolute;
    z-index: 15;
    cursor: pointer;
    right: 12px;
    bottom: 12px;
    align-items: center;
    justify-content: center;
    margin-top: 0
}

.wdblockimg .ai__noise__container .nav__noise .nav__item {
    display: flex;
    left: unset;
    align-items: center;
    justify-content: center;
    opacity: .7;
    margin: 0;
    padding: 0;
    transition: transform .3s ease-out
}

.wdblockimg .ai__noise__container .nav__noise .nav__item.focus-visible,.wdblockimg .ai__noise__container .nav__noise .nav__item.js-focus-visible,.wdblockimg .ai__noise__container .nav__noise .nav__item:focus-visible,.wdblockimg .ai__noise__container .nav__noise .nav__item:hover {
    opacity: 1
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content {
    display: flex;
    align-items: center
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon {
    display: inline-block;
    margin-right: 10px
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play {
    width: 36px;
    height: 36px
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play .svg-rect {
    fill: none
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play .svg-circle,.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play .svg-line,.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play .svg-stop path {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
    fill-rule: evenodd
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play .svg-circle {
    fill: #fff;
    stroke-width: 4px
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon .svg_button_play .svg-triangle {
    clip-path: url(#clip-path)
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .nav__text {
    display: inline-block;
    width: 160px;
    letter-spacing: .02em
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .nav__text .content__title {
    font-size: 23px;
    font-weight: 300
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .nav__text .content__info {
    font-size: 20px
}

.wdblockimg .ai__noise__container .nav__noise .nav__item.js-selected .nav__content .img__icon .svg_button_play .svg-triangle {
    opacity: 0
}

.wdblockimg .ai__noise__container .nav__noise .nav__item.js-selected .nav__content .img__icon .svg_button_play .svg-line {
    opacity: 1
}

.wdblockimg .ai__noise__container .noise__switcher {
    display: flex;
    position: relative;
    overflow: hidden;
    z-index: 13;
    bottom: 0;
    align-items: center;
    justify-content: center;
    opacity: 0;
    margin-top: 0;
    width: 80%;
    text-align: center;
    flex-direction: column
}

.wdblockimg .ai__noise__container .noise__switcher span {
    display: inline-block;
    margin-right: 10px;
    font-size: 1.75rem;
    font-weight: 300
}

.wdblockimg .ai__noise__container .noise__switcher .img__switcher {
    display: inline-block;
    cursor: pointer;
    margin: 20px 0;
    padding: 0;
    width: 90px;
    height: 42px;
    min-height: 42px;
    border: 0;
    background-color: transparent;
    background-size: contain
}

.wdblockimg .ai__noise__container .noise__switcher .img__switcher {
    background-image: url(../images/aiNoise/1x/btn-off.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wdblockimg .ai__noise__container .noise__switcher .img__switcher {
        background-image:url(../images/aiNoise/2x/btn-off.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wdblockimg .ai__noise__container .noise__switcher .img__switcher {
        background-image:url(../images/aiNoise/2x/btn-off.png)
    }
}

.wdblockimg .ai__noise__container .noise__switcher .img__switcher.js-active {
    background-image: url(../images/aiNoise/1x/btn-on.png)
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-webp .wdblockimg .ai__noise__container .noise__switcher .img__switcher.js-active {
        background-image:url(../images/aiNoise/2x/btn-on.webp)
    }
}

@media only screen and (minpixel-ratio:1.5),only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    .image-old .wdblockimg .ai__noise__container .noise__switcher .img__switcher.js-active {
        background-image:url(../images/aiNoise/2x/btn-on.png)
    }
}

.wdblockimg .ai__noise__container .noise__switcher {
    overflow: hidden;
    max-height: 0
}

.wdblockimg .ai__noise__container .noise__switcher.js-showed {
    opacity: 1!important;
    height: auto;
    max-height: 500px;
    filter: unset;
    pointer-events: unset
}

.wdblockimg .ai__noise__container .noise__switcher .noise_desc {
    width: 100%;
    max-width: 800px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5
}

.wdblockimg .ai__noise__container .noise__voice__container {
    position: relative;
    top: 0;
    opacity: 1;
    height: 100%;
    max-height: 200px;
    pointer-events: none
}

.wdblockimg .ai__noise__container .noise__voice__container .noise__left {
    transform-origin: right center
}

.wdblockimg .ai__noise__container .noise__voice__container .noise__right {
    transform-origin: left center
}

.wdblockimg .ai__noise__container .noise__voice__container.js-active {
    opacity: 1;
    height: 240px;
    max-height: 700px;
    filter: unset;
    pointer-events: unset
}

.wdblockimg .ai__noise__container .img__noise {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
    height: 400px;
    transform: translate(-50%,-50%);
    transform-origin: center
}

.wdblockimg .ai__noise__container .img__noise .img__voice {
    display: inline-block;
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    margin-top: -162px;
    margin-left: -162px;
    width: 324px;
    height: 324px;
    background-size: contain;
    transform-origin: center
}

.wdblockimg .ai__noise__container .img__noise .noise__left {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 50%;
    margin-left: -880px
}

.wdblockimg .ai__noise__container .img__noise .noise__right {
    position: absolute;
    z-index: 40;
    top: 0;
    left: 50%;
    margin-left: 80px
}

.wdblockimg .ai__noise__container .nav__noise .nav__item {
    width: auto
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content {
    width: 100%
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .nav__text {
    width: 100%
}

.wdblockimg .ai__noise__container .nav__noise .nav__item .nav__content .img__icon {
    margin-right: 0;
    margin-left: 0
}

.wdblockimg .ai__noise__container {
    --voice-iconSize: 280px
}

.wdblockimg .ai__noise__container .img__noise .img__voice {
    --voice-start: #9db9eb;
    --voice-end: #5a4f89;
    --voice-bgcolor: #fff;
    margin-top: calc(var(--voice-iconSize) * -.5);
    margin-left: calc(var(--voice-iconSize) * -.5);
    width: var(--voice-iconSize);
    height: var(--voice-iconSize)
}

.wdblockimg .ai__noise__container .svg_button_play .svg-step {
    transition: opacity 250ms linear 0s
}

.wdblockimg .ai__noise__container .svg_button_play .svg-step {
    opacity: 0
}

.wdblockimg .ai__noise__container .svg_button_play .svg-triangle {
    opacity: 1
}

.wdblockimg .ai__noise__container.js-active .svg_button_play .svg-step.svg-triangle {
    opacity: 0
}

.wdblockimg .ai__noise__container.js-active .svg_button_play .svg-step.svg-stop {
    opacity: 1;
    transition: opacity 250ms linear .1s
}

.wdblockimg .ai__noise__container .img__icon {
    --img-icon-base-color: #4a47fe;
    --img-icon-bg-color: #fff
}

.wdblockimg .ai__noise__container .img__icon .svg_button_play .svg-circle {
    fill: var(--img-icon-bg-color)!important;
    stroke: var(--img-icon-base-color)!important
}

.wdblockimg .ai__noise__container .img__icon .svg_button_play .svg-line {
    fill: var(--img-icon-base-color)!important;
    stroke: transparent
}

.wdblockimg .ai__noise__container .img__icon .svg_button_play .svg-triangle .triangle {
    fill: var(--img-icon-base-color)!important
}

.wdblockimg .ai__noise__container .img__icon .svg_button_play .svg-stop {
    opacity: 0
}

.wdblockimg .ai__noise__container .img__icon .svg_button_play .svg-stop path {
    fill: var(--img-icon-base-color)!important
}

@keyframes height-max {
    0% {
        max-height: 0
    }

    100% {
        max-height: 2000px
    }
}

@keyframes height-min {
    0% {
        max-height: 2000px
    }

    100% {
        max-height: 0
    }
}

@keyframes noise-switcher-margin-top {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -20px
    }

    100% {
        margin-top: -20px
    }
}

.wdblockimg .ai__noise__container {
    height: auto;
    max-height: 2000px
}

.wdblockimg .ai__noise__container .noise__switcher {
    animation-name: height-min;
    animation-duration: 580ms;
    animation-fill-mode: forwards;
    animation-delay: 0s;
    animation-timing-function: ease-out
}

.wdblockimg .ai__noise__container .noise__switcher[aria-hidden=true] button {
    display: none
}

.wdblockimg .ai__noise__container .noise__switcher.js-showed {
    transition: opacity .5s linear 450ms,margin-top 0s linear .2s,margin-bottom 0s linear .2s;
    animation-name: height-max;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-delay: 0;
    animation-timing-function: ease-in-out
}

.wdblockimg .ai__noise__container .noise__voice__container {
    transition: top 0 linear 0
}

.wdblockimg .ai__noise__container .noise__voice__container.js-active {
    transition: top .31s ease-in-out .032s
}

.wdblockimg .ai__noise__container .img__voice {
    transition: transform .583s ease-in-out 0s
}

.wdblockimg .ai__noise__container.js-active {
    max-height: 2000px
}

.wdblockimg .ai__noise__container.js-active .img__voice {
    transition: transform .4s ease-in-out 301ms
}

.wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container {
    transition: margin-top 581ms linear 0s
}

.wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container .noise__switcher {
    animation-duration: .5s
}

.wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container.js-active {
    transition-delay: .13s
}

.wdblockimg .block[data-blocktype=aiNoise].column-span-3 .ai__noise__container {
    transition: margin-top 581ms linear 0s
}

.wdblockimg .block[data-blocktype=aiNoise].column-span-3 .ai__noise__container.js-active {
    transition-duration: .492s
}

.wdblockimg .block.theme-white {
    color: #404040
}

.wdblockimg .block.theme-white .ai__noise__container {
    --themecolor-main: 64,108,172;
    --themecolor-middle: 64,64,64;
    --themecolor-filter: 116,161,211
}

.wdblockimg .block.theme-white .ai__noise__container .noise_desc {
    color: #666
}

.wdblockimg .block.theme-white .ai__noise__container .img__noise .img__voice {
    --voice-start: #74a1d3;
    --voice-end: #406cac;
    --voice-bgcolor: #fff
}

.wdblockimg .block.theme-white .ai__noise__container .img__icon {
    --img-icon-base-color: black;
    --img-icon-bg-color: #fff
}

.wdblockimg .block.theme-black {
    color: #fff
}

.wdblockimg .block.theme-black .ai__noise__container {
    --themecolor-main: 154,122,89;
    --themecolor-middle: 109,109,109;
    --themecolor-filter: 223,201,169
}

.wdblockimg .block.theme-black .ai__noise__container .noise_desc {
    color: #999
}

.wdblockimg .block.theme-black .ai__noise__container .img__noise .img__voice {
    --voice-start: #dfc9a9;
    --voice-end: #9a7a59;
    --voice-bgcolor: #000
}

.wdblockimg .block.theme-black .ai__noise__container .img__icon {
    --img-icon-base-color: #fff;
    --img-icon-bg-color: #000
}

.wdblockimg .block.theme-black {
    background-color: #000
}

.wdblockimg .block.theme-black .block-content .content__title,.wdblockimg .block.theme-black .block-content .content__title * {
    color: #fff;
    background-image: linear-gradient(to right,#fff,#fff 80%,#fff 100%)
}

.wdblockimg .block.theme-black .block-content .content__info,.wdblockimg .block.theme-black .block-content .content__info * {
    color: #fff
}

.wdblockimg .block.theme-black .modal-button-container .modal-button .modal-inner-text,.wdblockimg .block.theme-black .modal-button-container .modal-button .modal-inner-text * {
    color: #fff
}

.wdblockimg .block.theme-white {
    background-color: #fff
}

.wdblockimg .block.theme-white .block-content .content__title,.wdblockimg .block.theme-white .block-content .content__title * {
    color: #424242;
    background-image: linear-gradient(to right,#424242,#424242 80%,#424242 100%)
}

.wdblockimg .block.theme-white .block-content .content__info,.wdblockimg .block.theme-white .block-content .content__info * {
    color: #424242
}

.wdblockimg .block.theme-white .modal-button-container .modal-button .modal-inner-text,.wdblockimg .block.theme-white .modal-button-container .modal-button .modal-inner-text * {
    color: #181818
}

.wdblockimg .block.imageTop .block-img {
    top: 0
}

.section__wdvideos {
    position: relative;
    font-size: 0
}

.section__wdvideos .wdVideos {
    position: relative
}

.section__wdvideos .item-productvideo .detect-point-out {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px
}

.section__wdvideos .item-productvideo .detect-point-enter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px
}

.section__wdvideos .item-productvideo .video__group {
    position: relative
}

.section__wdvideos .item-productvideo .btn__youtube {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    left: 50%;
    padding: 16px 50px 16px 20px;
    border-radius: 28px;
    background-color: #161616;
    transform: translateX(-50%);
    min-width: 124px;
    line-height: 1.2
}

.section__wdvideos .item-productvideo .btn__youtube span {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.2
}

.section__wdvideos .item-productvideo .btn__youtube::after {
    position: absolute;
    top: calc(50% - 11.5px);
    right: 20px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    background-image: url(../../common/base/images/svg/play.svg)
}

.section__wdvideos * {
    box-sizing: border-box
}

.section__wdvideos .sales__item {
    position: relative
}

.section__wdvideos .sales__item_preview {
    position: relative;
    width: 100%;
    height: 100%
}

.section__wdvideos .sales__containter {
    display: flex;
    margin: 0 auto;
    width: 1156px;
    flex-wrap: wrap
}

.section__wdvideos .sales__containter .slick_page {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.section__wdvideos .sales__containter.desktop.type_1 .sales__item {
    padding: 0;
    width: 100%
}

.section__wdvideos .sales__containter.desktop.type_2 .sales__item,.section__wdvideos .sales__containter.desktop.type_4 .sales__item {
    width: 50%
}

.section__wdvideos .sales__containter.desktop.type_3 .sales__item,.section__wdvideos .sales__containter.desktop.type_6 .sales__item {
    width: 33.33%
}

.section__wdvideos .sales__containter.desktop.type_5 .sales__item {
    width: 33.33%
}

.section__wdvideos .sales__containter.desktop.type_5 .sales__item_1,.section__wdvideos .sales__containter.desktop.type_5 .sales__item_2 {
    width: 50%
}

.section__wdvideos .sales__containter.tablet .sales__item {
    width: 100%
}

.section__wdvideos .sales__containter.tablet.type_1 .sales__item {
    flex: unset;
    width: 100%
}

.section__wdvideos .sales__containter.tablet.type_2 .sales__item,.section__wdvideos .sales__containter.tablet.type_3 .sales__item,.section__wdvideos .sales__containter.tablet.type_4 .sales__item,.section__wdvideos .sales__containter.tablet.type_5 .sales__item,.section__wdvideos .sales__containter.tablet.type_6 .sales__item {
    width: 50%
}

.section__wdvideos .sales_button {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    padding: 20px 30px;
    text-align: center;
    outline: 0;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none
}

.section__wdvideos .sales_button span {
    position: relative;
    color: #fff;
    font-size: 17px
}

.section__wdvideos .sales_button span::before {
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1.5px;
    background: #fff;
    transition: width .3s;
    content: ""
}

.section__wdvideos .sales_button:hover span {
    color: #fff
}

.section__wdvideos .sales_button:hover span::before {
    width: 100%
}

.section__wdvideos .sales_button:hover .seeall_arrow-svg {
    stroke: #fff
}

.section__wdvideos .sales_button>.seeall_arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: 1.5px;
    margin-left: 4px;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(90deg)
}

.section__wdvideos .sales_button>.seeall_arrow .seeall_arrow-svg {
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    stroke: #fff;
    stroke-width: 3px
}

.section__wdvideos .video_btn {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section__wdvideos .youtube_btn {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    border-width: 0;
    background-image: url(../../common/base/images/svg/play.svg);
    background-repeat: no-repeat
}

.section__wdvideos .video_info {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    padding: 13px 20px;
    width: 100%;
    color: #fff;
    font-size: .9375rem;
    background-color: rgba(0,0,0,.6);
    transition: opacity .7s cubic-bezier(.4,0,.2,1);
    line-height: 1.5;
    min-height: auto
}

.section__wdvideos .video_info span {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 20px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media all and (min-width: 1280px) {
    .section__wdvideos .wdVideos.active {
        margin-right:auto;
        margin-left: auto;
        padding-top: 0;
        max-width: 2560px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        padding-bottom: 0!important
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 82px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: -15px;
        padding-bottom: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__wdvideos .wdVideos.active {
        padding-top:109px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        margin-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 66px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media all and (max-width: 730.5px) {
    .section__wdvideos .wdVideos.active {
        padding-top:58px
    }

    .section__wdvideos .wdVideos.active .sales__containter {
        margin-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo {
        padding-bottom: 0
    }

    .section__wdvideos .wdVideos.active .item-productvideo+.item-salesvideo {
        padding-top: 60px
    }

    .section__wdvideos .wdVideos.active .item-salesvideo {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.performance_chart_container {
    position: relative
}

.performance_chart sup.sign-reg {
    top: 0;
    font-size: .4em
}

.performance_chart sup.sign-tm {
    top: 0;
    font-size: 1em;
    vertical-align: baseline
}

.performance_chart {
    position: relative;
    margin-top: 66px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0
}

.performance_chart .item_contents {
    flex-grow: 1;
    padding-right: 48px
}

.performance_chart .item {
    display: block;
    position: relative;
    margin-bottom: 80px
}

.performance_chart .item::after {
    position: absolute;
    bottom: -40px;
    left: 73px;
    width: 100%;
    height: 2px;
    background-color: #2a2a2a;
    content: ""
}

.performance_chart .item:last-child {
    margin-bottom: 0
}

.performance_chart .item:last-child::after {
    display: none
}

.performance_chart .item .item_chart {
    display: flex
}

.performance_chart .item__content {
    display: flex;
    position: relative;
    margin-bottom: 14px
}

.performance_chart .item__content .title {
    padding-right: 44px;
    box-sizing: border-box;
    width: calc(30% + 44px);
    color: #fff;
    font-size: 22px;
    text-align: right
}

.performance_chart .item__content .bar {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: auto;
    flex-grow: 1
}

.performance_chart .item__content .bar__content,.performance_chart .item__content .bar__line {
    position: relative;
    overflow: hidden;
    height: 26px;
    border-radius: 0 6px 6px 0
}

.performance_chart .item__content .bar__score {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: right
}

.performance_chart .item__content .bar__score__txt {
    position: relative;
    padding-right: 10px;
    color: #fff;
    font-size: 1rem;
    transition: opacity .3s delay .3s;
    flex-grow: 1;
    line-height: 1
}

.performance_chart .item__highline {
    display: flex;
    position: relative;
    top: 13px;
    right: 80px;
    width: auto
}

.performance_chart .item__highline .img__highline {
    position: relative;
    overflow: hidden;
    width: 88px;
    height: 100%;
    mask: linear-gradient(30deg,rgba(0,0,0,0) 16%,#000 59%,#000 100%);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: linear-gradient(30deg,rgba(0,0,0,0) 16%,#000 59%,#000 100%);
    -webkit-mask-position: center;
    -webkit-mask-size: contain
}

.performance_chart .item__highline .img__highline_arrow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 113px;
    background-color: var(--mdPrimaryColor);
    background-position: top;
    background-size: contain;
    mask: url(../../common/base/images/wdPerformanceChart/1x/arrow.png);
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url(../../common/base/images/wdPerformanceChart/1x/arrow.png);
    -webkit-mask-position: top;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: ""
}

.performance_chart .item__highline .highline_text {
    position: relative;
    margin-left: 29px;
    color: var(--mdPrimaryColor)
}

.performance_chart .item__highline .highline_text .text1 {
    font-size: 3.5rem;
    line-height: 1.1
}

.performance_chart .item__highline .highline_text .text2 {
    margin-top: -6px;
    font-size: 1.625rem
}

.performance_chart .item__0 .item__highline {
    right: 0
}

.performance_chart .orange {
    background-image: linear-gradient(90deg,#fecc69 25%,#e9702b 100%)
}

.performance_chart .gray {
    background-image: linear-gradient(90deg,#707070 25%,#555 100%)
}

.text_comment {
    margin-top: 0;
    color: #666;
    font-size: .8125rem;
    text-align: left;
    line-height: 1.4
}

.performance_chart_container.aniInit .item__highline {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .7s ease .3s,opacity .6s ease
}

.performance_chart_container.aniInit .bar {
    overflow: hidden
}

.performance_chart_container.aniInit .bar .bar__content {
    transform: translateX(-102%);
    transform-origin: left center;
    transition: transform 1s ease
}

.performance_chart_container.aniInit .bar .bar__score__txt {
    opacity: 0;
    font-size: 1rem;
    transition: opacity .4s ease .4s
}

.performance_chart_container.aniPlay .item__highline {
    opacity: 1;
    transform: translateY(0)
}

.performance_chart_container.aniPlay .bar .bar__content {
    transform: translateX(0)
}

.performance_chart_container.aniPlay .bar .bar__score__txt {
    opacity: 1
}

.stopScrollbar {
    overflow: hidden
}

#af-header.popHide,#asus-api-footer.popHide,#main-zone #product-footer-zone.popHide,#overview-top-nav.popHide,.cmd-sidenav.popHide,.section__comment.popHide {
    display: none!important
}

#overview-top-nav.popHide+#__nuxt .asusOfficialProductMenu {
    padding: 0!important
}

.modal-button-Scrim-container {
    z-index: 2147483647
}

.modal-button-Scrim-container.inner {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translate3d(-50%,0,0)
}

.modal-button-Scrim-container.text-white .modal-button-Scrim {
    color: #fff
}

.modal-button-Scrim-container.text-dark .modal-button-Scrim {
    color: #181818
}

.modal-button-Scrim-container.outer {
    position: relative;
    text-align: center
}

.modal-button-Scrim-container.outer .modal-button-Scrim-target {
    top: 50px
}

@media (max-width: 720px) {
    .modal-button-Scrim-container.outer .modal-button-Scrim-target {
        top:42px
    }
}

.modal-button-Scrim-container .modal-button-Scrim-text,.modal-button-Scrim-container .modal-inner-text {
    display: block;
    position: relative;
    font-size: 1.25rem;
    line-height: 1;
    pointer-events: none
}

@media (min-width: 731px) and (max-width:1279.5px) {
    .modal-button-Scrim-container .modal-button-Scrim-text,.modal-button-Scrim-container .modal-inner-text {
        font-size:1.25rem
    }
}

@media (max-width: 730.5px) {
    .modal-button-Scrim-container .modal-button-Scrim-text,.modal-button-Scrim-container .modal-inner-text {
        font-size:1.125rem
    }
}

.modal-button-Scrim-container .modal-button-Scrim {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 10px 0 0;
    padding: 12px 20px;
    font-weight: 200;
    text-align: center;
    border: 0;
    border-style: solid;
    border-width: 3px;
    border-radius: 34px;
    background-color: #fff;
    transition: background-color .4s ease-out,border-color .4s ease-out,color .4s ease-out;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    pointer-events: all;
    line-height: 46px
}

.outer-view {
    z-index: 0;
    transform-origin: 50vw 50vh;
    transition: none
}

.outer-view.animate-scale {
    transform: translateZ(0) translateY(200px) scale(.96)
}

.outer-view .modal-button-Scrim-container.ready .modal-button-Scrim {
    transform: translate(0,0)!important
}

.inner-view-Scrim {
    display: none;
    position: fixed;
    overflow: hidden;
    z-index: 1000000000;
    top: 0;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 100%;
    text-align: center;
    transform: none;
    backdrop-filter: blur(0)
}

.inner-view-Scrim .inner-modal-Scrim {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top: 0;
    visibility: hidden;
    opacity: 0;
    margin: auto;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    max-width: 1000px;
    border-radius: 20px;
    transform: matrix(1,0,0,1,0,1080);
    min-height: 100vh;
    min-height: var(--safarivh)
}

.inner-view-Scrim .inner-modal-Scrim.block {
    display: block
}

.inner-view-Scrim .inner-modal-Scrim.showed {
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: matrix(1,0,0,1,0,0);
    transition: transform .2s linear,opacity 0s linear
}

.inner-view-Scrim .modal-button-Scrim-container {
    opacity: 1;
    transform: translate3d(0,0,0);
    -webkit-overflow-scrolling: touch
}

.inner-view-Scrim .modal-button-Scrim-container {
    position: sticky;
    bottom: -80px;
    left: 0;
    opacity: 0;
    width: 100%;
    transform: translate3d(0,0,0)
}

.inner-view-Scrim .modal-button-Scrim-close {
    display: none
}

.inner-view-Scrim.block {
    display: block
}

.inner-view-Scrim.fade-out {
    opacity: 0;
    transition: opacity .2s linear
}

.inner-view-Scrim.show-inner {
    overflow: auto;
    backdrop-filter: blur(20px);
    transition: all .8s linear
}

.inner-view-Scrim.show-inner .modal-button-Scrim-close {
    display: inline-block
}

.inner-view-Scrim.show-inner .modal-active {
    display: block;
    visibility: visible
}

.inner-view-Scrim.show-inner .modal-button-Scrim-container {
    bottom: 50px;
    opacity: 1;
    transform: none;
    transition: opacity .8s linear
}

@media (max-width: 730.5px) {
    .inner-view-Scrim.show-inner .modal-button-Scrim-container {
        bottom:40px
    }
}

@media (min-width: 731px) and (max-width:1279.5px) {
    .modal-button-Scrim-container .modal-button-Scrim {
        padding:10px 25px
    }

    .modal-button-Scrim-container.inner {
        bottom: 20px
    }
}

@media (max-width: 730.5px) {
    .modal-button-Scrim-container .modal-button-Scrim {
        padding:8px 16px;
        text-align: center
    }

    .modal-button-Scrim-container .modal-inner-text {
        font-size: 1.125rem
    }

    .modal-button-Scrim-container.inner {
        bottom: 9px
    }
}

section.ovh {
    overflow-x: clip
}

.md__bg {
    position: absolute;
    width: 100%;
    height: 100%
}

.md__bg--sticky {
    position: sticky;
    top: 0
}

.md__bg .img__bg {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%
}

.md__bg .img__bg picture {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.md__bg .img__bg picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

@media all and (min-width: 1280px) {
    .md__bg .img__bg picture {
        width:2560px
    }

    .md__bg.img-small picture {
        height: 1440px
    }

    .md__bg.img-medium picture {
        height: 2000px
    }

    .md__bg.img-large picture {
        height: 3000px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__bg .img__bg picture {
        width:1280px
    }

    .md__bg.img-small picture {
        height: 880px
    }

    .md__bg.img-medium picture {
        height: 1366px
    }

    .md__bg.img-large picture {
        height: 2250px
    }
}

@media all and (max-width: 730.5px) {
    .md__bg .img__bg picture {
        width:730px
    }

    .md__bg.img-small picture {
        height: 620px
    }

    .md__bg.img-medium picture {
        height: 1600px
    }

    .md__bg.img-large picture {
        height: 1670px
    }
}

.md__icons {
    display: flex;
    position: relative;
    align-items: end;
    margin: 0 auto;
    width: auto;
    max-width: 1144px;
    flex-wrap: wrap;
    gap: 50px /*20241203 60px*/
}

.md__icons .md__icon__item {
    display: inline-block;
    width: auto
}

.md__icons .md__icon__item .icon__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px
}

.md__icons .md__icon__item .icon__container .figure__img {
    position: relative;
    width: 100%;
    height: 100%
}

.md__icons .md__icon__item .icon__container img {
    object-position: left;
    width: auto;
    height: 100%;
    object-fit: contain
}

.md__icons .bottom__text {
    margin-top: 12px;
    font-size: 1.0625rem;
    line-height: 1.4
}

.md__icons.center {
    justify-content: center
}

.md__icons.theme-white .bottom__text {
    color: var(--mdThemeLightTextColor)
}

.md__icons.theme-black .bottom__text {
    color: var(--mdThemeDarkTextColor)
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__icons {
        margin:0 auto;
        max-width: 724px;
        gap: 60px
    }

    .md__icons .md__icon__item {
        width: auto
    }

    .md__icons .md__icon__item .bottom__text {
        margin-top: 12px
    }

    .md__icons .md__icon__item .icon__container {
        height: 70px
    }
}

@media all and (max-width: 730.5px) {
    .md__icons {
        margin:0 auto;
        margin-top: 24px;
        max-width: 500px;
        gap: 30px 24px
    }

    .md__icons .md__icon__item {
        display: block;
        width: auto
    }

    .md__icons .md__icon__item .icon__container {
        height: 56px
    }

    .md__icons .md__icon__item .icon__container .figure__img {
        transform-origin: center
    }

    .md__icons .md__icon__item .bottom__text {
        margin-top: 10px;
        font-size: .9375rem
    }

    .section__mdicon__container .md__icons {
        margin-top: 0
    }
}

.md__space {
    display: inline-block;
    position: relative
}

.md__space.md__space--single {
    padding-top: 160px
}

.md__space.md__space--double {
    padding-top: 100px
}

.md__space.md__space--medium {
    padding-top: 60px
}

.md__space.md__space--small {
    padding-top: 35px
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__space.md__space--single {
        padding-top:120px
    }

    .md__space.md__space--double {
        padding-top: 80px
    }

    .md__space.md__space--medium {
        padding-top: 50px
    }

    .md__space.md__space--small {
        padding-top: 30px
    }
}

@media all and (max-width: 730.5px) {
    .md__space.md__space--single {
        padding-top:90px
    }

    .md__space.md__space--double {
        padding-top: 60px
    }

    .md__space.md__space--medium {
        padding-top: 40px
    }

    .md__space.md__space--small {
        padding-top: 30px
    }
}

.img__mb-main {
    position: relative;
    left: 50%;
    width: 100%;
    transform: translateX(-50%)
}

.img__mb-main.has__shadow {
    margin-top: 4px;
    margin-bottom: 4px
}

.img__mb-main.small__img img {
    width: auto
}

@media all and (min-width: 1280px) {
    .img__mb-main {
        max-width:1144px
    }

    .img__mb-main.has__shadow img {
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .img__mb-main {
        max-width:714px
    }

    .img__mb-main.has__shadow img {
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (max-width: 730.5px) {
    .img__mb-main {
        max-width:414px
    }

    .img__mb-main.has__shadow img {
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .img__mb-main.pure__img {
        width: 89.2%;
        max-width: 414px
    }

    .img__mb-main.pure__img.small__img img {
        width: 100%
    }
}

.kv__half__content {
    overflow: hidden
}

.kv__half__content .img__pd {
    position: absolute;
    left: 50%
}

.kv__half__content .img__pd.active {
    animation: float 5s 1 forwards
}

.kv__half__content .content {
    border: 1px solid transparent
}

.kv__half__content .content .img__logo {
    position: relative;
    left: 50%
}

.kv__half__content .content .wd__content {
    border: 1px solid transparent
}

.kv__half__content .img__logo img {
    width: unset;
    height: 100%;
    object-fit: contain
}

.kv__half__content .md__icons .md__icons__item .figure__img img {
    width: auto
}

@keyframes float {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-15px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-15px)
    }

    100% {
        transform: translateY(0)
    }
}

.md__tab__chart .wdtab .wdtab__nav {
    background-color: transparent
}

.md__tab__chart .wdtab .wdtab__nav::before {
    height: 4px;
    background-color: #bdbdbd
}

.md__tab__chart .wdtab .wdtab__nav-btn {
    color: #999;
    transition: color .3s ease-in-out
}

.md__tab__chart .wdtab .wdtab__nav-btn.active,.md__tab__chart .wdtab .wdtab__nav-btn.focus-visible,.md__tab__chart .wdtab .wdtab__nav-btn:focus,.md__tab__chart .wdtab .wdtab__nav-btn:hover {
    color: #fff
}

.md__tab__chart .wdtab .wdtab__nav-btn.active::before,.md__tab__chart .wdtab .wdtab__nav-btn.focus-visible::before,.md__tab__chart .wdtab .wdtab__nav-btn:focus::before,.md__tab__chart .wdtab .wdtab__nav-btn:hover::before {
    background-image: var(--mdSecondaryGradientColor)
}

.md__tab__chart .chart__containter {
    display: flex;
    position: relative;
    left: 50%;
    align-items: center;
    justify-content: center;
    margin-left: -572px;
    width: 1144px;
    border: 1px solid transparent
}

.md__tab__chart .chart__containter .chart__img {
    position: relative;
    z-index: 1;
    width: 566px;
    height: 566px;
    border: 1px solid transparent
}

.md__tab__chart .chart__containter .chart__img .img__line,.md__tab__chart .chart__containter .chart__img .img__pd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.md__tab__chart .chart__containter .chart__img .img__line::before,.md__tab__chart .chart__containter .chart__img .img__pd::before {
    position: absolute;
    top: -1px;
    left: 50%;
    width: 1px;
    height: 5px;
    content: "";
    background-color: transparent
}

.md__tab__chart .ioports {
    display: grid;
    border: 1px solid transparent;
    gap: 20px
}

.md__tab__chart .ioports.ioports-left {
    position: relative;
    left: 25px
}

.md__tab__chart .ioports.ioports-left .chart__line {
    text-align: right
}

.md__tab__chart .ioports.ioports-right {
    position: relative;
    right: 25px
}

.md__tab__chart .ioports.ioports-right .chart__line {
    text-align: left
}

.md__tab__chart .ioports .chart__line {
    position: relative;
    width: 240px;
    color: var(--mdThemeDarkTextColor);
    border: 1px solid transparent
}

.md__tab__chart .ioports .chart__line .chart__comment {
    display: block;
    color: #bdbdbd
}

.md__tab__chart .lines {
    display: none;
    position: absolute;
    z-index: 10
}

.md__tab__chart .lines .line-horizontal,.md__tab__chart .lines .line-vertical {
    position: absolute
}

.md__tab__chart .lines .line-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--mdPointPopupCircleColor)
}

.md__tab__chart .ioports-right .lines {
    top: 8px;
    left: -23px
}

.md__tab__chart .ioports-left .lines {
    top: 8px;
    right: -23px
}

.md__tab__chart .line-horizontal {
    height: 2px;
    background-color: var(--mdPointPopupCircleColor)
}

.md__tab__chart .line-vertical {
    width: 2px;
    background-color: var(--mdPointPopupCircleColor)
}

#CMD .md__tab__chart .chart__line .line-text {
    position: relative;
    z-index: 10;
    line-height: 26px!important;
    letter-spacing: 0!important;
    word-spacing: 0!important;
    font-size: 22px!important;
}

#CMD .md__tab__chart .chart__line .chart__comment {
    font-size: 20.34px!important;
    line-height: 23px!important;
    letter-spacing: 0!important;
    word-spacing: 0!important
}

.md__tab__chart .chart__group.type-absolute .ioports .chart__line {
    position: absolute;
    left: 50%
}

.md__tab__chart .chart__group.type-absolute .ioports.ioports-left,.md__tab__chart .chart__group.type-absolute .ioports.ioports-right {
    display: block;
    position: absolute;
    top: 0;
    right: unset;
    left: 0;
    width: 100%;
    height: 100%
}

.md__tab__chart .chart__group.type-absolute .ioports.ioports-left .chart__line {
    margin-left: -512px
}

.md__tab__chart .chart__group.type-absolute .ioports.ioports-right .chart__line {
    margin-left: 269px
}

.md__base__content__img {
    margin: 0 auto
}

.md__base__content__img .img__container.has__radius {
    overflow: hidden
}

.md__grid__flip__card {
    display: flex
}

.md__grid__flip__card .grid__item {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    background-color: var(--mdPageBackgroundColor)
}

.md__grid__flip__card .grid__item .card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.md__grid__flip__card .grid__item .card__bg img {
    object-fit: cover
}

.md__grid__flip__card .grid__item .img__main img {
    object-fit: contain
}

.md__grid__flip__card .item__content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.md__grid__flip__card .item__content .item__img {
    display: flex;
    position: absolute;
    z-index: 1;
    bottom: 40px;
    justify-content: center;
    width: 100%
}

.md__grid__flip__card .item__content .item__title {
    width: 100%;
    color: var(--mdBaseTextColor);
    line-height: 1.2
}

.md__grid__flip__card .item__content .item__outer__info {
    width: 100%;
    color: var(--mdBaseTextColor);
    line-height: 1.4;
    text-align: left
}

.md__grid__flip__card .item__info {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    padding: 30px 10px 60px 30px;
    width: 100%;
    height: 100%;
    color: var(--mdPageBackgroundColor);
    background-color: #3a3a3a;
    animation: ani__close .4s ease 10ms forwards;
    align-content: center
}

.md__grid__flip__card .item__info ::-webkit-scrollbar {
    width: 4px
}

.md__grid__flip__card .item__info ::-webkit-scrollbar-button {
    border-radius: 4px;
    background: 0 0
}

.md__grid__flip__card .item__info ::-webkit-scrollbar-track-piece {
    background: 0 0
}

.md__grid__flip__card .item__info ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #fff
}

.md__grid__flip__card .item__info ::-webkit-scrollbar-track {
    box-shadow: transparent
}

.md__grid__flip__card .item__info--scroll {
    display: flex;
    overflow-y: auto;
    z-index: 1;
    align-items: flex-start;
    height: 100%
}

.md__grid__flip__card .item__info--group {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    flex-direction: column;
    padding-right: 16px
}

.md__grid__flip__card .item__info--group .content {
    color: #fff;
    border: 1px solid transparent;
    line-height: 1.4
}

.md__grid__flip__card .item__btn {
    position: absolute;
    z-index: 9;
    right: 1px;
    bottom: 1px;
    width: 60px;
    height: 60px;
    color: var(--mdBaseTextColor);
    font-size: 1.875rem;
    border: 1px solid transparent
}

.md__grid__flip__card .item__btn .btn__trigger {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0 0 20px;
    background-color: transparent
}

.md__grid__flip__card .item__btn .btn__trigger::before {
    position: absolute;
    right: 17px;
    bottom: 17px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: var(--mdPageBackgroundColor);
    content: ""
}

.md__grid__flip__card .item__btn .btn__trigger .btn__text.icon__plus {
    position: absolute;
    right: 23px;
    bottom: 23px;
    width: 15px;
    height: 15px;
    background-size: contain;
    transition: transform 270ms ease-in-out;
    background-image: url(../../common/base/images/svg/icon_plus.svg);
    transform-origin: center
}

.md__grid__flip__card .item__btn .btn__trigger:focus .btn__text.icon__plus,.md__grid__flip__card .item__btn .btn__trigger:hover .btn__text.icon__plus {
    transform: rotate(90deg)
}

.md__grid__flip__card .grid__item.active {
    background-color: #3a3a3a
}

.md__grid__flip__card .grid__item.active .item__img {
    opacity: 0
}

.md__grid__flip__card .grid__item.active .figure__img {
    opacity: 0
}

.md__grid__flip__card .grid__item.active .item__info {
    display: block;
    opacity: 0;
    animation: ani__show 1s ease 10ms forwards
}

.md__grid__flip__card .grid__item.active .btn__text.icon__plus {
    transform: rotate(45deg)!important
}

@keyframes ani__show {
    from {
        display: block;
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ani__close {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

.md__block__row {
    position: relative;
    margin-top: 70px
}

.md__block__row .block__item {
    display: flex;
    overflow: hidden
}

.md__block__row .block__item .content__title {
    line-height: 1.2
}

.md__block__row .block__item .content__info {
    line-height: 1.4
}

.md__block__row .block__item:last-child {
    margin-bottom: 0
}

.md__block__row.theme-white .block__item {
    background-color: var(--mdPageBackgroundColor)
}

.md__block__row.theme-white .block__item .content__title {
    color: var(--mdThemeLightTextColor);
    background-image: var(--mdThemeLightTitleGradientColor)
}

.md__block__row.theme-white .block__item .content__info {
    color: var(--mdThemeLightTextColor)
}

.md__block__row.theme-white .block__item .content__link {
    background-image: linear-gradient(45deg,var(--mdThemeLightSloganTextColor) 30%,var(--mdThemeLightSloganTextColor) 70%)
}

.md__block__row.theme-white .block__item .content__link:hover span {
    border-bottom: 1px solid var(--mdThemeLightSloganTextColor)
}

.md__block__row.theme-white .block__item .content__comment {
    color: #666
}

.md__block__row.theme-white .block__item .modal-button-container .click-button {
    background-image: var(--mdModalButtonBgGradient)
}

.md__block__row.theme-black .block__item {
    background-color: var(--mdThemeDarkPageBgColor)
}

.md__block__row.theme-black .block__item .content__title {
    color: var(--mdThemeDarkTextColor);
    background-image: var(--mdThemeDarkTitleGradientColor)
}

.md__block__row.theme-black .block__item .content__info {
    color: var(--mdThemeDarkTextColor)
}

.md__block__row.theme-black .block__item .content__comment {
    color: #c9c9c9
}

.md__block__row.theme-black .block__item .modal-button-container .click-button {
    background-image: var(--mdModalButtonBgGradient)
}

.md__point__popup {
    position: relative
}

.md__point__popup .bg__container {
    position: absolute;
    left: 50%;
    height: 100%
}

.md__point__popup .bg__container .img__bg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.md__point__popup .bg__container .img__bg2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in-out
}

.md__point__popup .btn__container {
    position: relative;
    left: 50%
}

.md__point__popup .btn__container .figure__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity .5s ease-in-out
}

.md__point__popup .popup__container {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    border: 1px solid transparent
}

.md__point__popup .popup__container .point__popup__btn {
    position: absolute;
    cursor: pointer;
    left: 50%;
    width: 40px;
    height: 40px;
    color: var(--mdThemeDarkTextColor);
    border-width: 0
}

.md__point__popup .popup__container .point__popup__btn .circle__container {
    position: relative;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px
}

.md__point__popup .popup__container .point__popup__btn .circle__container .circle-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--mdPointPopupCircleColor);
    transform: translate(-50%,-50%)
}

.md__point__popup .popup__container .point__popup__btn .circle__container .circle__frame-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    border: 1px solid var(--mdPointPopupCircleColor);
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    transform: translate(-50%,-50%)
}

.md__point__popup .popup__container .point__popup__btn .circle__container .circle__frame-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid var(--mdPointPopupCircleColor);
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    transform: translate(-50%,-50%)
}

.md__point__popup .popup__container .point__popup__btn span {
    display: inline-block;
    position: absolute;
    z-index: 11;
    width: max-content;
    max-width: 340px;
    border-radius: 3px;
    pointer-events: none
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-top {
    text-align: center
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-top span {
    bottom: 51px;
    left: 50%;
    transform: translateX(-50%);
    background-image: var(--mdPointPopupBgGradientLeft)
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-right {
    text-align: left;
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-right span {
    top: 0;
    left: 51px;
    background-image: var(--mdPointPopupBgGradientRight)
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-bottom {
    text-align: center
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-bottom span {
    top: 51px;
    left: 50%;
    transform: translateX(-50%);
    background-image: var(--mdPointPopupBgGradientLeft)
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-left {
    text-align: right
}

.md__point__popup .popup__container .point__popup__btn.point__popup__btn-left span {
    top: 0;
    right: 51px;
    background-image: var(--mdPointPopupBgGradientLeft)
}

.point__popup__inner .cover_close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50vh;
    margin-left: -50vw;
    width: 100vw;
    height: 100vh
}

.point__popup__inner .pd__container {
    position: relative;
    left: 50%
}

.point__popup__inner .pd__container .popup__img {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .5s ease-in-out
}

.point__popup__inner .text__container {
    position: absolute;
    border-radius: 20px;
    background-image: var(--mdPointPopupBgGradientTop)
}

.point__popup__inner .text__container .title {
    color: var(--mdThemeDarkTextColor);
    text-align: left;
    line-height: 1.3
}

.point__popup__inner .text__container .info {
    color: var(--mdThemeDarkTextColor);
    text-align: left;
    line-height: 1.4
}

.point__popup__inner .text__container .btn__close {
    display: block;
    position: absolute;
    cursor: pointer;
    right: 0;
    bottom: 0;
    padding: 0;
    width: 60px;
    height: 60px;
    border: 1px solid transparent;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 27px;
    background-image: url(../images/icon/closeBtn.png);
    transition: background-image linear .3s
}

.point__popup__inner .text__container .btn__close:hover {
    background-image: url(../images/icon/closeBtnHover.png)
}

.point__popup__inner .text__container.position-leftTop {
    right: 50%;
    bottom: 50%
}

.point__popup__inner .text__container.position-leftCenter {
    top: 0;
    right: 50%
}

.point__popup__inner .text__container.position-leftBottom {
    top: unset;
    right: 50%;
    bottom: -9px
}

.point__popup__inner .text__container.position-rightTop {
    bottom: 50%;
    left: 50%
}

.point__popup__inner .text__container.position-rightCenter {
    top: 0;
    left: 50%
}

.point__popup__inner .text__container.position-rightBottom {
    top: unset;
    bottom: -9px;
    left: 50%;
    %}

.lity {
    background-position: 50%;
    background-size: cover
}

@keyframes fadeIn1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.md__point__popup.active-highlight .circle__frame-1 {
    animation: fadeIn1 .8s 6 ease-in-out
}

.md__point__popup.active-highlight .circle__frame-2 {
    animation: fadeIn2 .8s 6 ease-in-out
}

.md__card__mix {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.md__card__mix .performance_chart .item__content .bar__score__txt {
    font-size: 1rem
}

.md__card__mix .md__card__mix__container {
    display: grid;
    position: relative
}

.md__card__mix .block__item {
    position: relative;
    overflow: hidden
}

.md__card__mix .block__item--content {
    position: relative;
    z-index: 2;
    text-align: left;
     min-height: 195px /*20241203 new add*/
}

@media all and (max-width: 1279.5px) and (min-width:731px) {
    .md__card__mix .block__item--content {
    min-height: 360px /*20241203 new add*/
    }
}

.md__card__mix .block__item--content .content__title {
    line-height: 1.2
}

.md__card__mix .block__item--content .content__info {
    line-height: 1.4
}

.md__card__mix .block__item--img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.md__card__mix .block__item .text_comment {
    font-size: .8125rem
}

.md__card__mix .block__item .wd__play__btn {
    z-index: 5
}

.md__card__mix .block__item.theme-black {
    color: var(--mdThemeDarkTextColor);
    background-color: var(--mdThemeDarkPageBgColor)
}

.md__card__mix .block__item.theme-black .block__item--content .content__title {
    color: var(--mdThemeDarkTextColor)
}

.md__card__mix .block__item.theme-black .block__item--content .content__info {
    color: var(--mdThemeDarkTextColor)
}

.md__card__mix .block__item.theme-black .text_comment {
    color: var(--mdBaseTextColorSub)
}

.md__card__mix .block__item.theme-black .wd__play__btn .svg_button_play .svg-circle {
    stroke: #fff;
    fill: transparent
}

.md__card__mix .block__item.theme-black .wd__play__btn .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.md__card__mix .block__item.theme-black .wd__play__btn .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.md__card__mix .block__item.theme-white {
    color: var(--mdThemeLightTextColor);
    background-color: var(--mdPageBackgroundColor)
}

.md__card__mix .block__item.theme-white .block__item--content .content__title {
    color: var(--mdThemeLightTextColor)
}

.md__card__mix .block__item.theme-white .block__item--content .content__info {
    color: var(--mdThemeLightTextColor)
}

.md__card__mix .block__item.theme-white .text_comment {
    color: var(--mdBaseTextColorSub)
}

.md__card__mix .block__item.theme-white .wd__play__btn .svg_button_play .svg-circle {
    stroke: var(--mdBaseTextColorSub);
    fill: rgba(0,0,0,.6)
}

.md__card__mix .block__item.theme-white .wd__play__btn .svg_button_play .svg-line {
    fill: var(--mdBaseTextColorSub);
    stroke: var(--mdBaseTextColorSub)
}

.md__card__mix .block__item.theme-white .wd__play__btn .svg_button_play .svg-triangle .triangle {
    fill: var(--mdBaseTextColorSub)
}

.md__card__mix .performance_chart.horizontal .item_contents {
    padding-right: 0
}

.md__card__mix .performance_chart.horizontal .item__content {
    flex-direction: column
}

.md__card__mix .performance_chart.horizontal .item__content .bar__score__txt {
    padding-right: 12px
}

.md__card__mix .performance_chart.horizontal .item__content .title {
    width: 100%;
    color: inherit;
    text-align: left
}

.md__card__mix .performance_chart.vertical .item_chart {
    flex-direction: column
}

.md__card__mix .performance_chart.vertical .item_contents {
    display: flex;
    justify-content: center;
    padding-right: 0;
    width: 100%
}

.md__card__mix .performance_chart.vertical .item__content {
    position: relative;
    justify-content: flex-end;
    margin-bottom: 0;
    width: 150px;
    border: 1px solid transparent;
    flex-grow: 0;
    flex-direction: column
}

.md__card__mix .performance_chart.vertical .item__content .bar {
    align-items: flex-end;
    justify-content: center;
    flex-grow: unset
}

.md__card__mix .performance_chart.vertical .item__titles {
    display: flex;
    justify-content: center;
    width: 100%
}

.md__card__mix .performance_chart.vertical .item__titles .title {
    width: 150px;
    text-align: center;
    border: 1px solid transparent
}

.md__card__mix .wdtab .wdtab__nav::before {
    height: 4px;
    background-color: #bdbdbd
}

.md__card__mix .wdtab .wdtab__nav-btn {
    color: #666;
    transition: color .3s ease-in-out
}

.md__card__mix .wdtab .wdtab__nav-btn::before {
    height: 4px;
    transition: all .3s ease-in-out
}

.md__card__mix .wdtab .wdtab__nav-btn.active,.md__card__mix .wdtab .wdtab__nav-btn.focus-visible,.md__card__mix .wdtab .wdtab__nav-btn:focus,.md__card__mix .wdtab .wdtab__nav-btn:hover {
    color: var(--mdBaseTextColor)
}

.md__card__mix .wdtab .wdtab__nav-btn.active::before,.md__card__mix .wdtab .wdtab__nav-btn.focus-visible::before,.md__card__mix .wdtab .wdtab__nav-btn:focus::before,.md__card__mix .wdtab .wdtab__nav-btn:hover::before {
    background-color: #0069b9;
    background-image: var(--mdChartGradientColorHorizontal)
}

.md__card__mix .wdtab .panel__container .item__info {
    line-height: 1.4
}

.md__card__mix .wdtab .panel__container .item__image {
    position: relative
}

.md__card__mix .wdtab .panel__container .item__image .img__tab--pause {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s
}

.md__card__mix .wdtab .panel__container .item__image .img__tab--pause.active {
    opacity: 1
}

.md__card__mix .wdtab .panel__container .item__video {
    position: relative
}

.md__card__mix .wdtab .panel__container .item__video .video_box {
    width: 100%
}

.md__card__mix .wdtab .panel__container .item__video .video_box video {
    width: 100%;
    height: auto
}

.md__block__img {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.md__block__img .md__block__img__container {
    display: grid;
    position: relative
}

.md__block__img .block__img__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.md__block__img .block__img__item--content {
    position: relative;
    z-index: 2;
    text-align: left
}

.md__block__img .block__img__item--content .title {
    line-height: 1.2
}

.md__block__img .block__img__item--content .info {
    line-height: 1.4
}

.md__block__img .block__img__item--img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.md__block__img .md__block__img__container {
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

.md__block__img .md__block__img__container .block__img__item.column-span-2 {
    grid-column-end: span 2
}

.md__block__img .md__block__img__container .block__img__item.column-span-3 {
    grid-column-end: span 3
}

.md__block__img .md__block__img__container .block__img__item.column-span-4 {
    grid-column-end: span 4
}

.md__block__img .md__block__img__container .block__img__item.column-span-5 {
    grid-column-end: span 5
}

.md__block__img .md__block__img__container .block__img__item.column-span-6 {
    grid-column-end: span 6
}

.md__block__img .block__img__item.theme-black {
    background: linear-gradient(to bottom,var(--mdThemeDarkBlockImgItemBgTop,#2c4878),var(--mdThemeDarkBlockImgItemBgBottom,#2c5492) 40%,var(--mdThemeDarkBlockImgItemBgBottom,#2c5492))
}

.md__block__img .block__img__item.theme-black .block__img__item--content .title {
    color: var(--mdThemeDarkTextColor)
}

.md__block__img .block__img__item.theme-black .block__img__item--content .info {
    color: var(--mdThemeDarkTextColor)
}

.md__block__img .block__img__item.theme-black .modal-button-container .modal-button {
    background-color: var(--mdPageBackgroundColor)
}

.md__block__img .block__img__item.theme-black .modal-button-container .modal-button .modal-inner-text,.md__block__img .block__img__item.theme-black .modal-button-container .modal-button .modal-inner-text * {
    color: var(--mdBaseTextColor)
}

.md__block__img .block__img__item.theme-white {
    background-color: var(--mdPageBackgroundColor)
}

.md__block__img .block__img__item.theme-white .block__img__item--content .title {
    color: var(--mdPrimaryColor)
}

.md__block__img .block__img__item.theme-white .block__img__item--content .info {
    color: var(--mdBaseTextColor)
}

.md__block__img .block__img__item.theme-white .modal-button-container .modal-button {
    background-color: var(--mdBaseTextColor)
}

.md__block__img .block__img__item.theme-white .modal-button-container .modal-button .modal-inner-text,.md__block__img .block__img__item.theme-white .modal-button-container .modal-button .modal-inner-text * {
    color: var(--mdBaseTextColor)
}

.md__inner__text__half__icon {
    position: relative
}

.md__inner__text__half__icon .wd__content {
    left: 50%
}

.md__inner__text__half__icon .wd__content .content__title {
    background-image: linear-gradient(to right,#fff,#fff 90%)
}

.md__inner__text__half__icon .wd__content .content__info {
    color: #fff
}

.md__tab__img .wd__content .content__title {
    color: var(--mdThemeDarkTextColor);
    background-image: var(--mdThemeDarkTitleGradientColor)
}

.md__tab__img .wd__content .content__info {
    color: var(--mdThemeDarkTextColor)
}

.md__tab__img .wdtab {
    margin-top: 0
}

.md__tab__img .wdtab .wdtab__nav {
    background-color: transparent
}

.md__tab__img .wdtab .wdtab__nav::before {
    height: 4px;
    background-color: var(--mdBaseTextColorSub)
}

.md__tab__img .wdtab .wdtab__nav-btn {
    font-size: 1.375rem;
    line-height: 1.2
}

.md__tab__img .wdtab .wdtab__nav-btn.active,.md__tab__img .wdtab .wdtab__nav-btn.focus-visible,.md__tab__img .wdtab .wdtab__nav-btn:focus,.md__tab__img .wdtab .wdtab__nav-btn:hover {
    color: var(--mdThemeDarkTextColor);
    transition: color .3s ease-in-out
}

.md__tab__img .wdtab .wdtab__nav-btn.active::before,.md__tab__img .wdtab .wdtab__nav-btn.focus-visible::before,.md__tab__img .wdtab .wdtab__nav-btn:focus::before,.md__tab__img .wdtab .wdtab__nav-btn:hover::before {
    background-image: var(--mdChartGradientColorHorizontal)
}

.md__tab__img .wdtab .wd__play__btn .svg_button_play .svg-circle {
    stroke: #fff;
    fill: rgba(0,0,0,.6)
}

.md__tab__img .wdtab .wd__play__btn .svg_button_play .svg-line {
    fill: #fff;
    stroke: #fff
}

.md__tab__img .wdtab .wd__play__btn .svg_button_play .svg-triangle .triangle {
    fill: #fff
}

.md__tab__img .panel__info {
    color: var(--mdThemeDarkTextColor);
    line-height: 1.4
}

.md__tab__img.theme-black .wdtab__nav-btn {
    color: var(--mdThemeDarkTextColorSub)
}

.md__tab__img.theme-white .wdtab__nav-btn {
    color: var(--mdThemeLightTextColorSub)
}

.md__tab__img.autoplay .wdtab .wdtab__nav-btn::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 4px;
    content: "";
    background-image: var(--mdChartGradientColorHorizontal)
}

.md__tab__img.autoplay .wdtab .wdtab__nav-btn.active,.md__tab__img.autoplay .wdtab .wdtab__nav-btn.focus-visible,.md__tab__img.autoplay .wdtab .wdtab__nav-btn:focus,.md__tab__img.autoplay .wdtab .wdtab__nav-btn:hover {
    color: var(--mdThemeDarkTextColor);
    transition: color .3s ease-in-out
}

.md__tab__img.autoplay .wdtab .wdtab__nav-btn.line_animation::before {
    background-image: linear-gradient(to left,var(--mdBaseTextColorSubLight) 0,var(--mdBaseTextColorSubLight) 100%)
}

.md__tab__img.autoplay .wdtab .wdtab__nav-btn.line_animation::after {
    width: 0;
    animation: wdTabNavBtnAfter 8s ease-in-out forwards .2s
}

@keyframes wdTabNavBtnAfter {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.md__tab__img .tab__containter.tab__type--text {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto
}

.md__tab__img .tab__containter.tab__type--text .tab__text .text__block {
    text-align: left
}

.md__tab__img .tab__containter.tab__type--text .tab__text .text__block .title {
    color: var(--mdThemeDarkTextColor);
    line-height: 1.3
}

.md__tab__img .tab__containter.tab__type--text .tab__text .text__block .info {
    color: var(--mdThemeDarkTextColor);
    line-height: 1.4
}

.md__tab__img .tab__containter.tab__type--img .tab__img {
    margin: 0 auto
}

.md__tab__img .tab__containter.tab__type--qled .qled__title {
    color: var(--mdThemeDarkTextColor);
    text-align: center;
    line-height: 1.2
}

.md__tab__img .tab__containter.tab__type--qled .qled__info {
    color: var(--mdThemeDarkTextColor);
    text-align: center;
    line-height: 1.4
}

.md__tab__img .tab__containter.tab__type--qled .qled__container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center
}

.md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .title {
    color: var(--mdPrimaryColor);
    line-height: 1.4
}

.md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img {
    position: relative
}

.md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img::after {
    position: absolute;
    border: 2px solid var(--mdPrimaryColor);
    border-radius: 3px;
    background-color: transparent;
    content: ""
}

.md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .info {
    color: #ababab;
    line-height: 1.4
}

.md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .hz {
    color: #ababab;
    line-height: 1.4
}

.md__tab__img .tab__containter.tab__type--video {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0 auto
}

.md__tab__img .tab__containter.tab__type--video .item__video {
    position: relative
}

.md__tab__img .tab__containter.tab__type--video .item__video .video_box {
    width: 100%
}

.md__tab__img .tab__containter.tab__type--video .item__video .video_box .wd__play__btn {
    z-index: 2
}

.md__tab__img .tab__containter.tab__type--video .item__video .video_box video {
    width: 100%;
    height: auto
}

.md__tab__img .tab__containter.tab__type--video .tab__text .text__block {
    text-align: left
}

.md__tab__img .tab__containter.tab__type--video .tab__text .text__block .title {
    color: var(--mdThemeDarkTextColor);
    line-height: 1.2
}

.md__tab__img .tab__containter.tab__type--video .tab__text .text__block .info {
    color: var(--mdThemeDarkTextColor);
    line-height: 1.4
}

.qled__animate--fastBlinking .qled__img::after {
    animation: ledBreathing .25s infinite
}

.qled__animate--showBlinking .qled__img::after {
    animation: ledBreathing 2s infinite
}

.qled__animate--verySlowBlinking .qled__img::after {
    animation: ledBreathing 8s infinite
}

@keyframes ledBreathing {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn.active,.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn.focus-visible,.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn:focus,.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn:hover {
    color: var(--mdThemeDarkTextColor)
}

.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn.active::before,.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn.focus-visible::before,.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn:focus::before,.md__tab__img.inner:not(.autoplay) .wdtab .wdtab__nav-btn:hover::before {
    background-image: unset;
    background-color: var(--mdPrimaryColor)
}

.md__tab__img.inner:not(.autoplay) .tab__containter.tab__type--text .tab__text .text__block .title,.md__tab__img.inner:not(.autoplay) .tab__containter.tab__type--video .tab__text .text__block .title {
    color: var(--mdPrimaryColor)
}

.md__tab__img.autoplay.inner .wdtab .wdtab__nav-btn.line_animation::before {
    background-image: linear-gradient(to left,var(--mdBaseTextColorSubLight) 0,var(--mdBaseTextColorSubLight) 100%)
}

.md__tab__img.autoplay.inner .wdtab .wdtab__nav-btn.line_animation::after {
    width: 0;
    animation: wdTabNavBtnAfter 8s ease-in-out forwards .2s
}

.md__base__content__video {
    margin: 0 auto
}

.md__base__content__video .item__video {
    position: relative
}

.md__base__content__video .item__video .img__container {
    margin: 0 auto 5px;
    height: auto
}

.md__base__content__video .item__video .img__container video {
    width: 100%;
    height: auto
}

.section__ksp {
    margin-top: 0;
    padding-top: 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item {
    color: #181818;
    background-color: #fff;
    min-height: auto
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__slogan {
    color: #181818
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__title {
    color: #181818;
    background-image: linear-gradient(150deg,rgba(0,30,255,.99608) 0,#cd13be 34%,#d1004e 66%,#c76a00 100%)
}

.section__ksp .wdtile.wdtile-ksp .item__content .wd__content .content__info {
    color: #717171
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button {
    background-color: #eaeaea;
    transition: background .6s
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button:hover {
    background-color: #d4d3d3
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    background-color: red
}

.section__ksp .wdtile.wdtile-ksp .wdtile__container[data-largecolum="4"] {
    --tile-gap: 16px
}

.section__ksp .wdtile__item {
    display: flex
}

.section__ksp .wdtile__item,.section__ksp .wdtile__item * {
    font-size: 1em
}

.section__ksp .wdtile__item .item__block {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%
}

.section__ksp .wdtile__item .item__content {
    z-index: 9;
    width: 100%
}

.section__ksp .item__image {
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
    width: 100%
}

.section__ksp .item__image .img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-size: contain;
    transform: translate(-50%,-50%);
    transform-origin: center
}

.section__ksp .item__block--content {
    display: flex
}

.section__ksp .item__block--content .item__content {
    width: auto;
    flex-basis: auto;
    flex-grow: 1
}

.section__ksp .item__block--content .item__content+.item__image {
    width: 50%;
    flex-grow: 1;
    flex-basis: 50%
}

.section__ksp .item__block--content .wd__content .content__info {
    line-height: 1.2
}

.section__ksp .item__block,.section__ksp .item__block * {
    text-align: center
}

.section__ksp .item__block .item__leftdesc.item__leftdesc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: left;
    line-height: 1.4
}

.section__ksp .item__block .item__content--descBottom {
    line-height: 1.2
}

.section__ksp .item__block .item__content--descBottom span[class*=item__content--descBottom-] {
    display: block
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button-container {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 10px 0 0
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button * {
    pointer-events: none!important
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::after,.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    display: block;
    position: absolute;
    top: 50%;
    bottom: unset;
    left: 50%;
    margin-top: -5px;
    margin-left: -10px;
    width: 20px;
    height: 10px;
    -webkit-mask-image: url(../sections/ksp/images/large/1x/jumparrowMask.png);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat
}

.section__ksp .wdtile.wdtile-ksp .item__jumpto-button::before {
    content: ""
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button {
    right: 8px;
    bottom: 8px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #393939!important
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::after,.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::before {
    background-color: #fff;
    transition: transform .5s
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::after {
    content: "";
    transform: translateY(-40px)
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button:hover::before {
    transform: translateY(40px)
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button:hover::after {
    transform: translateY(0)
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.reset::before {
    transform: translateY(0);
    transition: none
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.reset::after {
    transform: translateY(-40px);
    transition: none
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.active::before {
    transform: translateY(40px)
}

.section__ksp.style-hw .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.active::after {
    transform: translateY(0)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button {
    right: 8px;
    bottom: 8px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #919191!important
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::after,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::before {
    background-color: #fff;
    transition: transform .5s;
    -webkit-mask-image: url(../images/large/ksp/jumparrowMask.png)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button::after {
    content: "";
    transform: translateY(-40px)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button:hover::before {
    transform: translateY(40px)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button:hover::after {
    transform: translateY(0)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.reset::before {
    transform: translateY(0);
    transition: none
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.reset::after {
    transform: translateY(-40px);
    transition: none
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.active::before {
    transform: translateY(40px)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__jumpto-button.active::after {
    transform: translateY(0)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__content--title {
    color: var(--mdSecondaryColor)
}

.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__content--descBottom {
    color: var(--mdBaseTextColor)
}

.section__ksp.modules-mb .wdtile .item__block.theme-dark {
    position: relative;
    background-color: var(--mdKspThemeDarkTextColor)
}

.section__ksp.modules-mb .wdtile .item__block.theme-dark::before {
    content: "";
    display: block;
    position: absolute;
    top: -10%;
    left: -10%;
    margin-top: 0;
    margin-left: 0;
    width: 200%;
    height: 200%;
    background: var(--mdKspOnlyTextBgGradient);
    background-position: 100%;
    background-size: 218%
}

.section__ksp.modules-mb .wdtile .item__block.theme-dark .item__content--title,.section__ksp.modules-mb .wdtile .item__block.theme-dark .wd__content .content__title {
    color: var(--mdThemeDarkTextColor)
}

.section__ksp.modules-mb .wdtile .item__block.theme-dark .item__content--descBottom {
    color: var(--mdThemeDarkTextColor)
}

.section__ksp.modules-mb .wdtile .item__block.theme-dark .item__jumpto-button {
    background-color: #2a4473!important
}

.section__ksp.isBlockScroll .wdtile.wdtile-ksp .wdtile__item {
    opacity: 0
}

.section__ksp.isBlockScroll .wdtile.wdtile-ksp [data-anim-header=true] {
    opacity: 0
}

.section__ksp.test .item__image {
    background-color: #ccc
}

.section__ksp.test .img__item {
    background-color: #fc0
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init {
    --gradient-duration: 0.75s
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init .gradient-text-item span sup[class*=sign-] {
    transition: background-position .75s ease-in;
    transition-delay: 0s;
    transition-duration: var(--gradient-duration)
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init .gradient-text-item span {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-down .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-down .gradient-text-item span sup[class*=sign-],.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-up .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-up .gradient-text-item span sup[class*=sign-] {
    background-size: calc(100% + 1px) calc(200% + 1px)
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-left .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-left .gradient-text-item span sup[class*=sign-],.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-right .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-right .gradient-text-item span sup[class*=sign-] {
    background-size: calc(260% + 1px) calc(100% + 1px)
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-up .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-up .gradient-text-item span sup[class*=sign-] {
    background-position: 0 0
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-down .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-down .gradient-text-item span sup[class*=sign-] {
    background-position: 0 100%
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-left .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-left .gradient-text-item span sup[class*=sign-] {
    background-position: 0 0
}

.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-right .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .item__block.gradientTextPlay-init.gradientTextPlay-dir-right .gradient-text-item span sup[class*=sign-] {
    background-position: 100% 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-up .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-up .gradient-text-item span sup[class*=sign-] {
    background-position: 0 100%
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-down .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-down .gradient-text-item span sup[class*=sign-] {
    background-position: 0 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-left .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-left .gradient-text-item span sup[class*=sign-] {
    background-position: 100% 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-right .gradient-text-item span,.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .item__block.gradientTextPlay-init.gradientTextPlay-dir-right .gradient-text-item span sup[class*=sign-] {
    background-position: 0 0
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(2),.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(2) * {
    transition-delay: .35s!important
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(3),.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(3) * {
    transition-delay: .7s!important
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(4),.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(4) * {
    transition-delay: 1.05s!important
}

.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(5),.section__ksp .wdtile.wdtile-ksp .wdtile__item.aniPlay .gradient-text-item span:nth-child(5) * {
    transition-delay: 1.4s!important
}

.section__ksp .wdtile.wdtile-ksp .item__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ccc
}

.section__ksp .wdtile.wdtile-ksp .item__video .item__video-part {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.section__ksp .wdtile.wdtile-ksp .item__video_btn {
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0
}

.section__ksp .wdtile.wdtile-ksp .item__video_btn .wd__play__btn {
    bottom: 8px;
    left: 8px;
    margin-left: 0
}

.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-up .gradient-text-item span,.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-up .gradient-text-item span sup[class*=sign-] {
    background-color: #ffb6ff;
    background-image: linear-gradient(0deg,transparent 30%,#ccc 60%),linear-gradient(0deg,#b344ff 0,#ffb6ff 50%)
}

.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-down .gradient-text-item span,.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-down .gradient-text-item span sup[class*=sign-] {
    background-color: #ffb6ff;
    background-image: linear-gradient(180deg,transparent 50%,#ccc 60%),linear-gradient(0deg,#b344ff 50%,#ffb6ff 100%)
}

.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-left .gradient-text-item span,.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-left .gradient-text-item span sup[class*=sign-] {
    background-color: #ffb6ff;
    background-image: linear-gradient(270deg,transparent 50%,#ccc 60%),linear-gradient(180deg,#ffb6ff 0,#b344ff)
}

.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-right .gradient-text-item span,.gradientTextPlay-theme-deepPurple.gradientTextPlay-dir-right .gradient-text-item span sup[class*=sign-] {
    background-color: #ffb6ff;
    background-image: linear-gradient(90deg,transparent 50%,#ccc 60%),linear-gradient(180deg,#ffb6ff 0,#b344ff)
}

.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-up .gradient-text-item span,.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-up .gradient-text-item span sup[class*=sign-] {
    background-color: #2edcff;
    background-image: linear-gradient(0deg,transparent 30%,#c1c1c1 60%),linear-gradient(0deg,#002698 0,#2edcff 50%)
}

.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-down .gradient-text-item span,.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-down .gradient-text-item span sup[class*=sign-] {
    background-color: #2edcff;
    background-image: linear-gradient(180deg,transparent 50%,#c1c1c1 60%),linear-gradient(0deg,#002698 50%,#2edcff 100%)
}

.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-left .gradient-text-item span,.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-left .gradient-text-item span sup[class*=sign-] {
    background-color: #2edcff;
    background-image: linear-gradient(270deg,transparent 50%,#c1c1c1 60%),linear-gradient(180deg,#2edcff 0,#002698)
}

.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-right .gradient-text-item span,.gradientTextPlay-theme-deepBlue.gradientTextPlay-dir-right .gradient-text-item span sup[class*=sign-] {
    background-color: #2edcff;
    background-image: linear-gradient(90deg,transparent 50%,#c1c1c1 60%),linear-gradient(180deg,#2edcff 0,#002698)
}

section {
    position: relative;
    overflow: clip
}

section.is-hidden {
    display: none
}

section.is-hidden * {
    background-image: none!important
}

section .sectionnNavPosition {
    transform: none!important;
    transition: all 0s
}

section .scrolltrigger-end {
    position: relative
}

section .row .col[class*=pull-],section .row .col[class*=push-] {
    position: relative
}

section .always__on__top {
    position: relative;
    z-index: 888
}

section .no__wrap {
    display: inline-block;
    white-space: nowrap
}

section .detect-point-out {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%
}

section .detect-point-enter {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px
}

section .large_use,section .medium_use,section .small_use {
    display: none
}

section .hide {
    position: absolute;
    opacity: 0;
    height: 0
}

section .ani_enter_detect {
    position: absolute;
    z-index: 99;
    left: 50%;
    width: 10px;
    height: 10px
}

section .sectionnNavPosition {
    position: relative;
    z-index: 1;
    top: -140px;
    opacity: 1;
    width: 100%;
    height: 1px
}

#CMD .svgDefs {
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0
}

.wd__section .video_control {
    display: block;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%
}

.wd__section .video_control .video_control-button {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%)
}

#CMD .video_control-button {
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    margin-bottom: 36px;
    width: 36px;
    height: 36px;
    border-width: 0;
    background-color: transparent;
    transition: opacity .3s ease
}

#CMD .video_control-button.show {
    opacity: 1
}

#CMD .video_control-button.pause {
    background-image: url(../images/icon/icon_pause.svg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    #CMD .video_control-button.pause {
        background-image:url(../images/icon/icon_pause.svg)
    }
}

#CMD .video_control-button.resume {
    background-image: url(../images/icon/icon_play.svg)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi) {
    #CMD .video_control-button.resume {
        background-image:url(../images/icon/icon_play.svg)
    }
}

section .colImg {
    position: relative
}

section .imgDesc {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%
}

section .imgDesc__item {
    position: absolute
}

section .wd__content .content__link {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section .wd__content .content__comment {
    font-size: .8125rem;
    line-height: 1.4;
    text-wrap: break-word
}

section .wd__content .content__comment a {
    border-bottom: 1px solid transparent
}

section.theme-white .wd__content .content__slogan {
    color: var(--mdThemeLightSloganTextColor)
}

section.theme-white .wd__content .content__title {
    color: var(--mdThemeLightTextColor);
    background-image: var(--mdThemeLightTitleGradientColor)
}

section.theme-white .wd__content .content__info {
    color: var(--mdThemeLightTextColor)
}

section.theme-white .wd__content .content__link {
    background-image: linear-gradient(45deg,var(--mdThemeLightSloganTextColor) 30%,var(--mdThemeLightSloganTextColor) 70%)
}

section.theme-white .wd__content .content__link,section.theme-white .wd__content .content__link * {
    color: var(--mdThemeLightSloganTextColor)
}

section.theme-white .wd__content .content__link:hover span {
    border-bottom-color: var(--mdThemeLightSloganTextColor)
}

section.theme-white .wd__content .content__comment a {
    color: var(--mdThemeLightSloganTextColor)
}

section.theme-white .wd__content .content__comment a:hover {
    border-bottom-color: var(--mdThemeLightSloganTextColor)
}

section.theme-white .wd__feature__list .wd__feature .wd__feature__data {
    color: var(--mdHlLightTextColor)
}

section.theme-white .wd__feature__list .wd__feature .wd__feature__describe,section.theme-white .wd__feature__list .wd__feature .wd__feature__describe *,section.theme-white .wd__feature__list .wd__feature .wd__feature__describe__top,section.theme-white .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: var(--mdBaseTextColor)
}

section.theme-black .wd__content .content__slogan {
    color: var(--mdThemeDarkSloganTextColor)
}

section.theme-black .wd__content .content__title {
    color: var(--mdThemeDarkTextColor);
    background-image: var(--mdThemeDarkTitleGradientColor)
}

section.theme-black .wd__content .content__info {
    color: var(--mdThemeDarkTextColor)
}

section.theme-black .wd__content .content__comment {
    color: var(--mdThemeDarkTextColor)
}

section.theme-black .wd__content .content__link {
    background-image: linear-gradient(45deg,var(--mdPrimaryColor) 30%,var(--mdPrimaryColor) 70%)
}

section.theme-black .wd__content .content__link,section.theme-black .wd__content .content__link * {
    color: var(--mdPrimaryColor)
}

section.theme-black .wd__content .content__comment a {
    color: var(--mdPrimaryColor)
}

section.theme-black .wd__content .content__comment a:hover {
    border-bottom-color: var(--mdPrimaryColor)
}

section.theme-black .wd__feature__list .wd__feature .wd__feature__data {
    color: var(--mdHlDarkTextColor)
}

section.theme-black .wd__feature__list .wd__feature .wd__feature__describe,section.theme-black .wd__feature__list .wd__feature .wd__feature__describe *,section.theme-black .wd__feature__list .wd__feature .wd__feature__describe__top,section.theme-black .wd__feature__list .wd__feature .wd__feature__describe__top * {
    color: var(--mdThemeDarkTextColor)
}

section .modal-button-container .modal-button {
    padding: 12px 20px;
    color: var(--mdThemeDarkTextColor);
    border-width: 2px;
    transition: opacity .3s ease-in-out
}

section .modal-button-container .modal-button,section .modal-button-container .modal-button * {
    font-size: 1.25rem
}

section .modal-button-container .modal-button:hover {
    opacity: .6
}

section .modal-button-container.theme-black .modal-button {
    color: var(--mdThemeLightTextColor)
}

section .performance_chart_container .performance_chart .item__content .title {
    color: var(--mdThemeLightTextColor)
}

section .performance_chart_container .performance_chart .item__highline .highline_text {
    color: var(--mdSecondaryColor)
}

section .performance_chart_container .performance_chart .item__highline .img__highline_arrow {
    background-color: var(--mdSecondaryColor)
}

section .performance_chart.horizontal .main {
    background-image: var(--mdChartGradientColorHorizontal)
}

section .performance_chart.horizontal .gray {
    background-image: var(--mdChartColorGary)
}

section .performance_chart.vertical .bar__content.main {
    background-image: var(--mdChartGradientColorVertical)
}

section .performance_chart.vertical .score {
    background-image: unset
}

section .performance_chart.vertical .score.main {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--mdChartGradientColorVerticalNum)
}

#overviewContentInsertWrapper {
    margin-top: 0!important
}

.inner-view.show-inner.killFixed {
    overflow: clip!important
}

.LevelFourProductOverviewPage__overview__2UD32.LevelFourProductOverviewPage__isFirstSection__2tK1a,.LevelFourProductPage__wrapper__1C9P7 {
    padding-top: 0
}

.section__kv {
    background: #101123
}

.hybrid__sections.hybrid-ksp {
    background-color: #0c172b
}

.section__s4 {
    background-color: #f7fcfe
}

.section__s5 {
    background-color: #ddecf5
}

.section__s6 {
    background-color: #eee
}

.section__s7 {
    background-color: #eee
}

.hybrid-s8-s9 {
    background-color: #000
}

.section__pdc {
    z-index: 1;
    margin-bottom: -1px
}

.section__pdc .pdc-space-start {
    display: flex;
    margin-top: 0;
    padding-top: 0
}

.section__pdc .pdc-space-end {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 0
}

.section__pdc .product_awards,.section__pdc .product_gallery,.section__pdc .product_medias,.section__pdc .product_videos {
    background-color: transparent
}

.section__pdc .product_awards .splide__pagination::after,.section__pdc .product_medias .splide__pagination::after,.section__pdc .product_videos .splide__pagination::after {
    background-color: var(--mdPrimaryColor)
}

.section__pdc .splide__pagination li .splide__pagination__page.is-active::after {
    background-color: var(--mdPrimaryColor)!important
}

.section__pdc .product_awards .awards-container .awards-seeall {
    color: var(--mdPrimaryColor)
}

.section__pdc .product_awards .awards-container .awards-seeall {
    color: var(--mdPrimaryColor)
}

.section__pdc .product_videos .videos-container .videos-seeall {
    color: var(--mdPrimaryColor)
}

.section__pdc .product_videos .videos-container .videos-seeall {
    color: var(--mdPrimaryColor)
}

.section__pdc .product_medias .medias-container .medias-seeall {
    color: var(--mdPrimaryColor)
}

.section__pdc .product_medias .medias-container .medias-seeall {
    color: var(--mdPrimaryColor)
}

.section__pdc .arrow_link::before {
    background: var(--mdPrimaryColor)
}

.section__pdc .arrow_link::after {
    display: none
}

.section__pdc .seeall_arrow-svg {
    stroke: var(--mdPrimaryColor)!important
}

.section__pdc .product_videos .videos-container .videos-carousel {
    background-color: transparent!important
}

.section__pdc .product_awards .awards-container .awards-carousel {
    background-color: transparent!important
}

.section__pdc .product_medias .medias-container .medias-carousel {
    background-color: transparent!important
}

.section__pdc .active::nth-last-child(1) {
    margin-bottom: 0
}

.section__pdc.section__pdc-top {
    z-index: 9
}

@media all and (min-width: 1280px) {
    .section__pdc.section__pdc-top .pdc-space-start {
        margin-top:0;
        padding-top: 0
    }

    .section__pdc.section__pdc-top .pdc-space-end {
        margin-bottom: -80px;
        padding-bottom: 9px
    }

    .section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 128px
    }

    .section__pdc.section__pdc-bottom {
        padding-bottom: 72px
    }

    .section__pdc.section__pdc-bottom .pdc-space-end {
        padding-bottom: 92px
    }
}

@media all and (max-width: 1279.5px) and (min-width:731px) {
    .section__pdc.section__pdc-top .pdc-space-start {
        margin-top:0;
        padding-top: 0
    }

    .section__pdc.section__pdc-top .pdc-space-end {
        margin-bottom: 0;
        padding-bottom: 25px
    }

    .section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 109px
    }

    .section__pdc.section__pdc-bottom .pdc-space-end {
        margin-bottom: -63px;
        padding-bottom: 120px
    }
}

@media all and (max-width: 730.5px) {
    .section__pdc.section__pdc-top .pdc-space-start {
        margin-top:0;
        padding-top: 0
    }

    .section__pdc.section__pdc-top .pdc-space-end {
        margin-bottom: 0;
        padding-bottom: 25px
    }

    .section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 58px
    }

    .section__pdc.section__pdc-bottom .pdc-space-end {
        margin-bottom: -62px;
        padding-bottom: 60px
    }
}

@media all and (min-width: 1280px) {
    .section__pdc.section__pdc-top+.section__wdvideos .wdVideos.active {
        padding-top:128px
    }

    .section__wdvideos .wdVideos.active+.section__pdc.section__pdc-bottom .pdc-space-start {
        padding-top: 128px
    }

    .section__wdvideos .wdVideos.active+.section__pdc.section__pdc-bottom .pdc-space-start {
        padding-top: 128px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__pdc.section__pdc-top+.section__wdvideos .wdVideos.active {
        padding-top:100px
    }

    .section__ksp+.section__pdc.section__pdc-bottom .pdc-space-start {
        margin-top: 0;
        padding-top: 0
    }

    .section__wdvideos .wdVideos.active+.section__pdc.section__pdc-bottom .pdc-space-start {
        padding-top: 100px
    }
}

@media all and (max-width: 730.5px) {
    .section__pdc.section__pdc-top+.section__wdvideos .wdVideos.active {
        padding-top:58px
    }
}

.section__ksp {
    overflow: visible
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-left .chart__line-1 {
    top: 188px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-left .chart__line-2 {
    top: 316px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-left .chart__line-3 {
    top: 462px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-right .chart__line-1 {
    top: 39px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-right .chart__line-2 {
    top: 161px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-right .chart__line-3 {
    top: 330px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-0 .ioports.ioports-right .chart__line-4 {
    top: 408px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-1 .ioports.ioports-left .chart__line-1 {
    top: 39px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-1 .ioports.ioports-left .chart__line-2 {
    top: 335px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-1 .ioports.ioports-right .chart__line-1 {
    top: 15px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-1 .ioports.ioports-right .chart__line-2 {
    top: 235px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-1 .ioports.ioports-right .chart__line-3 {
    top: 413px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-1 .ioports.ioports-right .chart__line-4 {
    top: 483px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-1 {
    top: 38px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-2 {
    top: 100px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-3 {
    top: 168px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-4 {
    top: 258px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-5 {
    top: 354px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-6 {
    top: 435px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-left .chart__line-7 {
    top: 509px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-right .chart__line-1 {
    top: 180px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-right .chart__line-2 {
    top: 274px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-right .chart__line-3 {
    top: 391px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-2 .ioports.ioports-right .chart__line-4 {
    top: 484px;
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-3 .ioports.ioports-right .chart__line-1 {
    top: 96px
}

.section__s2 .md__tab__chart .wdtab__panel__item.wdtab__panel__item-3 .ioports.ioports-right .chart__line-2 {
    top: 483px
}

.section__s3 .wd__feature__list .wd__feature__describe__top {
    display: none
}

.section__s5 .md__point__popup .popup__container .point__popup__btn-1 {
    top: 170px;
    margin-left: -120px;
}

.section__s5 .md__point__popup .popup__container .point__popup__btn-2 {
    top: 296px;
    margin-left: 171px;
}

.section__s5 .md__point__popup .popup__container .point__popup__btn-3 {
    top: 256px;
    margin-left: -4px;
}

.section__s5 .md__point__popup .popup__container .point__popup__btn-4 {
    top: 379px;
    margin-left: 10px;
}

.section__s5 .md__point__popup .popup__container .point__popup__btn-5 {
    top: 475px;
    margin-left: 89px;
}

.section__s5 .md__point__popup .popup__container .point__popup__btn-6 {
    top: 536px;
    margin-left: -11px;
}

.section__s95 {
    background: #000
}

.section__s95 .content__container {
    position: relative
}

.section__s95 .content__container .content-img {
    display: block;
    position: relative
}

.section__s95 .content__container .content-img .figure__img,.section__s95 .content__container .content-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section__s95 .content__container .content-text {
    display: block;
    position: relative
}

.section__comment {
    width: 100%
}

.inner-view {
    background: rgba(0,0,0,0)
}

.inner-view .modal-innerMdInnerImgBase {
    background-color: #0f0f0f
}

.inner-view .modal-inner__md {
    background-color: #0a0f19
}

.inner-view .inner-view-container .modal-button-container .modal-button {
    background-color: #000;
    color: #fff;
    border-color: #fff
}

.inner-view .inner-view-container .modal-button-container .modal-button:hover {
    background-color: rgba(0,0,0,.6);
    color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,.6)
}

.popHide+.LevelFourProductPage__wrapper__1C9P7 {
    background-color: #1d1e24
}

#CMD .modal-button-container.sticky-button-2024 .modal-button {
    background-color: var(--mdPrimaryColor);
    transition: opacity linear .3s
}

#CMD .modal-button-container.sticky-button-2024 .modal-inner-icon {
    display: none
}

#CMD .modal-button-container.sticky-button-2024 .modal-inner-text {
    margin-inline-start:0;margin-inline-end:0;color: #181818
}

#CMD .modal-button-container.sticky-button-2024:hover .modal-inner-text,#CMD .modal-button-container.sticky-button-2024:hover .modal-inner-text * {
    color: #181818
}

#CMD .modal-button-container.sticky-button-2024:hover .click-button {
    opacity: .8
}

html {
    --wd-guide-floatspace-section-height: 205px;
    --wd-guide-floatspace-image-height: 100px
}

@media all and (min-width: 1279.5px) and (max-width:1279.5px) {
    html {
        --wd-guide-floatspace-section-height:205px;
        --wd-guide-floatspace-image-height: 100px
    }
}

@media all and (max-width: 730.5px) {
    html {
        --wd-guide-floatspace-section-height:205px;
        --wd-guide-floatspace-image-height: 100px
    }
}

html {
    font-size: 16px
}

body {
    font-size: 16px
}

.inline__block {
    display: inline-block
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media all and (min-width: 1280px) and (min-width:1280px) {
    .wdtab .wdtab__nav::before {
        width:1144px
    }

    .wdtab .wdtab__nav-scrollouter {
        margin: 0 auto;
        width: 1144px
    }

    .wdtab .wdtab__nav-container {
        display: flex;
        align-content: stretch;
        flex-direction: row;
        align-items: stretch
    }

    .wdtab .wdtab__nav-btn {
        display: block;
        flex-shrink: 1;
        flex-grow: 1;
        flex-wrap: nowrap
    }

    .wdtab .wdtab__nav-btn .nav__title-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%
    }

    .wdtab .wdtab__panel {
        padding-top: 30px
    }

    .wdtab .wdtab__panel__item-info {
        margin-bottom: 30px
    }
}

@media all and (min-width: 1280px) {
    .wdOledTable .table_fixed_container.fixed {
        left:calc(50% - 618px)
    }

    .wdOledTable .table_fixed_container .table_fixed {
        padding-left: 306px;
        width: 1236px
    }

    .wdOledTable .table_fixed_container .table_fixed::after {
        width: 306px
    }

    .wdOledTable .table_fixed_container .table_fixed .table_fixed_list .table_fixed__item {
        width: 233px
    }
}

@media all and (min-width: 1280px) {
    .wdOledTable .table_fixed_container.tdWidth_1 .table_fixed_list {
        width:100%!important
    }

    .wdOledTable .table_fixed_container.tdWidth_1 .table_fixed_list .table_fixed__item {
        justify-content: flex-start;
        width: 100%
    }

    .wdOledTable .table_fixed_container.tdWidth_2 .table_fixed_list {
        width: 100%!important
    }

    .wdOledTable .table_fixed_container.tdWidth_2 .table_fixed_list .table_fixed__item {
        width: 50%!important
    }

    .wdOledTable .table_fixed_container.tdWidth_3 .table_fixed_list {
        width: 100%!important
    }

    .wdOledTable .table_fixed_container.tdWidth_3 .table_fixed_list .table_fixed__item {
        width: 33.3333%!important
    }

    .wdOledTable .table_fixed_container.tdWidth_4 .table_fixed_list {
        width: 100%!important
    }

    .wdOledTable .table_fixed_container.tdWidth_4 .table_fixed_list .table_fixed__item {
        width: 25%
    }
}

@media all and (min-width: 1280px) {
    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-content {
        min-height:0;
        padding-bottom: 240px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-content {
        min-height: 0;
        padding-bottom: 370px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 {
        min-height: 350px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-content {
        padding-right: 13px;
        max-width: 50%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-img {
        position: relative;
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .img__bg {
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 0
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-img {
        position: absolute;
        overflow: hidden;
        top: unset;
        right: 0;
        bottom: 0;
        width: calc(50% - 13px);
        height: 100%;
        transform: translate(0,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-img .img__bg {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 580px;
        height: 580px;
        transform: translate(-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .img__bg {
        padding-bottom: 0;
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .block-content {
        padding: 278px 36px 47px;
        min-height: 500px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-3 .block-img {
        overflow: hidden;
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-2 .block-img .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-3 .block-img .img__bg {
        top: 50%;
        left: 50%;
        width: 560px;
        height: 560px;
        transform: translate(-50%,-50%)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-6 .block-content {
        padding-top: 46px;
        min-height: 395px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-6 .block-img .img__bg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-2 .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-3 .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .block-content {
        padding-bottom: 340px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-3 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .block-img {
        height: 580px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-2 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-3 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .img__bg {
        width: 580px;
        height: 580px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-2.imageTop .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-3.imageTop .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].imageTop .block-img {
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-2.imageTop .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-3.imageTop .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].imageTop .block-content {
        padding: 278px 40px 40px;
        min-height: 500px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-6 {
        min-height: 350px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-6 .block-content {
        padding-top: 40px;
        padding-right: 13px;
        padding-bottom: 40px;
        max-width: 50%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-6 .block-img {
        top: unset;
        right: 0;
        bottom: 0;
        width: calc(50% - 13px);
        height: 100%;
        transform: translate(0,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-6 .img__bg {
        position: absolute;
        top: unset;
        bottom: 0;
        left: 50%;
        padding-bottom: 0;
        height: 580px;
        transform: translate(-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-6.imageTop .block-img .img__bg {
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-6.imageTop .block-content {
        padding-top: 40px;
        min-height: unset
    }
}

@media all and (min-width: 1280px) {
    .wdblockimg .wdblockimg__container .block.column-span-2 .block-video .video__container,.wdblockimg .wdblockimg__container .block.column-span-3 .block-video .video__container {
        left:50%;
        width: 560px;
        height: 560px;
        transform: translateX(-50%)
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-video .video__container {
        top: 50%;
        right: 0;
        bottom: unset;
        width: 100%;
        height: 100%;
        transform: translateY(-50%)
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-video {
        max-height: 237px
    }

    .wdblockimg .wdblockimg__container .block.imageTop.column-span-2 .block-video .video__container {
        width: 366px;
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.imageTop.column-span-3 .block-video .video__container {
        width: 560px;
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.imageTop.column-span-6 .block-video .video__container {
        top: 0;
        width: 1144px;
        height: 237px;
        transform: unset
    }
}

@media all and (min-width: 1280px) {
    .wdblockimg .block[data-blocktype=aiNoise] .ai__noise__container {
        --voice-iconSize:280px
    }

    .wdblockimg .block[data-blocktype=aiNoise] .ai__noise__container .noise__voice__container {
        height: var(--voice-iconSize);
        max-height: var(--voice-iconSize)
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-],.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] {
        min-height: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .block-content,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .block-content {
        padding-bottom: 30px;
        min-height: unset
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container {
        margin-top: 0;
        padding-bottom: 40px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__switcher.js-showed,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__switcher.js-showed {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__voice__container,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__voice__container {
        top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__voice__container .noise__right,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__voice__container .noise__right {
        transform: scale(.3,1.4)
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__voice__container.js-active,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__voice__container.js-active {
        top: 0;
        margin-top: 0;
        max-height: 280px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice {
        transform: scale(.7)
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__switcher {
        top: -17px;
        margin-top: 0;
        margin-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__switcher .noise_desc,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__switcher .noise_desc {
        margin-top: 0;
        padding-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn {
        margin-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2[class*=block-imgstyle-] .ai__noise__container.js-active,.wdblockimg .block[data-blocktype=aiNoise].column-span-3[class*=block-imgstyle-] .ai__noise__container.js-active {
        margin-top: -40px;
        transition-delay: 20ms
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container {
        --voice-iconSize: 180px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container .noise__left {
        margin-left: -860px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container .noise__right {
        margin-left: 60px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container.js-active .noise__switcher {
        top: -2px;
        animation-delay: 0s;
        animation-duration: 3s
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-2 .ai__noise__container.js-active .img__voice {
        transition-delay: .394s
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container {
        min-height: 340px;
        padding-bottom: 15px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .img__noise {
        margin-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .block-content {
        padding-bottom: 0;
        min-height: unset
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__switcher {
        animation-duration: .5s
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__switcher.js-showed {
        animation-duration: 1.5s
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__voice__container {
        margin-bottom: 30px;
        height: 280px;
        min-height: 280px
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__voice__container .noise__right {
        transform: scale(.7,1.8)
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__voice__container .noise__left {
        transform-origin: right
    }

    .wdblockimg .block[data-blocktype=aiNoise].column-span-6 .ai__noise__container .noise__voice__container .noise__right {
        transform-origin: left
    }
}

@media all and (min-width: 1280px) {
    .wdItemList {
        display:flex;
        justify-content: space-between;
        margin-top: 67px;
        margin-right: auto;
        margin-left: auto;
        width: 1128px;
        flex-wrap: nowrap
    }

    .wdItemList .item__block {
        width: 342px
    }

    .wdItemList .item__block__img {
        width: 100%;
        height: 210px
    }

    .wdItemList .item__block__img .item__img {
        width: 100%;
        height: 100%;
        height: 210px;
        background-position: center;
        background-size: 342px 210px
    }

    .wdItemList .wd__content.item-content {
        margin-top: 40px
    }

    .wdItemList .wd__content.item-content .content__title {
        font-size: 1.375rem
    }

    .wdItemList .wd__content.item-content .content__info {
        font-size: 1.25rem
    }
}

@media all and (min-width: 1280px) {
    .section__wdvideos {
        display:inline-block
    }

    .section__wdvideos .item-productvideo {
        padding-bottom: 82px
    }

    .section__wdvideos .item-productvideo .detect-point-out {
        margin-top: -429px;
        height: 830px
    }

    .section__wdvideos .item-productvideo .detect-point-enter {
        margin-top: -240px
    }

    .section__wdvideos .item-productvideo .video__play__btn {
        bottom: 55px;
        left: 5%;
        margin-left: auto
    }

    .section__wdvideos .item-productvideo .video__play__btn .svg-circle {
        fill: transparent
    }

    .section__wdvideos .item-productvideo .video__group {
        position: relative;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 56.25%;
        width: 100%;
        height: 0
    }

    .section__wdvideos .item-productvideo .video__group .video__container {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .item-productvideo .video__group .video__container video {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .item-productvideo .btn__youtube {
        bottom: 45px;
        transition: background .4s
    }

    .section__wdvideos .item-productvideo .btn__youtube:hover {
        background-color: rgba(0,0,0,.5)
    }
}

@media all and (min-width: 1280px) {
    .section__wdvideos .sales__containter {
        padding-bottom:71px
    }

    .section__wdvideos .sales__containter .sales__item {
        margin-bottom: 16px;
        padding: 0 6px
    }

    .section__wdvideos .sales__containter .sales__item:hover .video_info {
        opacity: 1
    }

    .section__wdvideos .video_info {
        left: 6px;
        opacity: 0;
        width: calc(100% - 12px)
    }

    .section__wdvideos .sales__containter.type_1 .video_info {
        left: 0;
        opacity: 0;
        width: 100%
    }
}

@media all and (min-width: 1280px) {
    .kv__half__content {
        min-height:947px
    }

    .kv__half__content .img__pd {
        top: 206px;
        margin-left: 60px;
        width: 490px;
        height: 654px
    }

    .kv__half__content .content {
        padding-top: 120px;
        padding-bottom: 100px
    }

    .kv__half__content .content .img__logo {
        margin-left: -572px;
        height: 37px;
        text-align: left
    }

    .kv__half__content .content .img__logo img {
        object-position: left
    }

    .kv__half__content .content .wd__content {
        left: 50%;
        margin-top: 20px;
        margin-left: -573px;
        width: 550px
    }

    .kv__half__content .content .wd__content .content__title {
        margin-top: -6px;
        font-size: 3.65rem /*20241204 3.75rem */
    }

    .kv__half__content .content .wd__content .content__info {
        margin-top: 23px;
        font-size: 1.625rem
    }

    .kv__half__content .md__icons {
        left: 50%;
        margin-top: 40px;
        margin-left: -570px;
        width: 600px;
        gap: 40px
    }

    .kv__half__content .md__icons .md__icons__item .figure__img {
        height: 100px
    }
}

@media all and (min-width: 1280px) {
    .md__tab__chart .wdtab .wdtab__nav-btn {
        padding-top:0;
        padding-bottom: 26px;
        font-size: 1.75rem
    }

    .md__tab__chart .wdtab .wdtab__panel {
        padding-top: 60px
    }
}

@media all and (min-width: 1280px) {
    .md__tab__chart .chart__containter.mobile {
        opacity:0;
        height: 0
    }
}

@media all and (min-width: 1280px) {
    .md__base__content__img {
        display:flex;
        width: 1144px
    }

    .md__base__content__img .content {
        padding-right: 67px;
        width: calc(100% - 570px)
    }

    .md__base__content__img .content .wd__feature__list {
        width: 100%
    }

    .md__base__content__img .content .wd__feature__list .wd__feature {
        margin-right: 25px;
        width: 140px
    }

    .md__base__content__img .content .performance_chart {
        margin-top: 0
    }

    .md__base__content__img .content .performance_chart .item_contents {
        padding-right: 30px;
        width: 100%
    }

    .md__base__content__img .content .performance_chart .item__content {
        display: block;
        margin-bottom: 23px
    }

    .md__base__content__img .content .performance_chart .item__content .title {
        margin-bottom: 9px;
        padding-right: 0;
        width: 100%;
        font-size: 1rem;
        text-align: left
    }

    .md__base__content__img .content .performance_chart .item__highline .highline_text .text1 {
        font-size: 2rem
    }

    .md__base__content__img .content .performance_chart .item__highline .highline_text .text2 {
        font-size: 1.125rem
    }

    .md__base__content__img .content .performance_chart .item__highline .highline_text .text3 {
        font-size: 1.125rem
    }

    .md__base__content__img .img__container {
        position: relative;
        margin-top: 41px;
        width: 570px;
        height: 489px
    }

    .md__base__content__img .img__container.has__radius {
        border-radius: 20px
    }

    .md__base__content__img .img__container .img__pd {
        position: absolute;
        left: 50%;
        width: 782px;
        height: 489px;
        transform: translateX(-50%)
    }

    .md__base__content__img .performance_chart .item__highline .highline_text {
        top: -6px;
        margin-left: 10px
    }

    .md__base__content__img .performance_chart .item__0 .item__highline {
        top: 32px;
        right: 0
    }

    .md__base__content__img .performance_chart .item__highline .img__highline {
        width: 82px
    }
}

@media all and (min-width: 1280px) {
    .md__grid__flip__card {
        justify-content:space-between;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        width: 1144px;
        gap: 40px 24px
    }

    .md__grid__flip__card .grid__item {
        width: 365px /*20241203 275px*/
    }

    .md__grid__flip__card .grid__item .item__content {
        padding-bottom: 220px
    }

    .md__grid__flip__card .grid__item.has__radius {
        border-radius: 20px
    }

    .md__grid__flip__card .grid__item .item__title {
        padding: 25px 30px 10px;
        font-size: 2.1875rem;
        text-align: left
    }

    .md__grid__flip__card .grid__item .item__outer__info {
        padding: 0 30px;
        font-size: 1.25rem
    }

    .md__grid__flip__card .grid__item .img__main {
        width: 170px;
        height: 165px
    }

    .md__grid__flip__card .grid__item .item__info--group .content {
        font-size: 1.125rem
    }
}

@media all and (min-width: 1280px) {
    .md__block__row {
        margin-top:0
    }

    .md__block__row .block__item {
        margin: 0 auto 40px;
        width: 1144px;
        border-radius: 20px;
        min-height: 350px
    }

    .md__block__row .block__item.content--right {
        flex-direction: row-reverse
    }

    .md__block__row .block__item.only__text {
        min-height: auto
    }

    .md__block__row .block__item.only__text .block__item--content {
        width: 100%
    }

    .md__block__row .block__item:last-child {
        margin-bottom: 0
    }

    .md__block__row .block__item--content {
        padding: 50px;
        width: 50%
    }

    .md__block__row .block__item--content .content__title {
        padding: 0;
        font-size: 2.1875rem;
        text-align: left
    }

    .md__block__row .block__item--content .content__info {
        margin-top: 10px;
        font-size: 1.25rem;
        text-align: left
    }

    .md__block__row .block__item--content .modal-button-container {
        display: flex;
        justify-content: flex-start;
        margin-top: 25px
    }

    .md__block__row .block__item--img {
        width: 50%
    }

    .md__block__row .block__item--img .img__block {
        height: 100%;
        min-height: 429px
    }

    .md__block__row .block__item--img .img__block img {
        object-fit: cover
    }
}

@media all and (min-width: 1280px) {
    .md__point__popup .bg__container {
        margin-left:-1280px;
        width: 2560px;
        min-height: 1050px
    }

    .md__point__popup .content__container .wd__content {
        max-width: 850px
    }

    .md__point__popup .btn__container {
        top: 0;
        margin-top: 0;
        margin-left: -300px;
        width: 600px;
        height: 600px
    }

    .md__point__popup .popup__container {
        top: 50%;
        margin-left: -572px;
        width: 1144px;
        height: 700px;
        transform: translateY(-50%)
    }

    .md__point__popup .popup__container .point__popup__btn span {
        padding: 8px 15px;
        font-size: 1.25rem
    }
}

@media all and (min-width: 1280px) {
    .point__popup__inner .md__bg {
        top:50%;
        left: 50%;
        margin-top: -50vh;
        margin-left: -50vw;
        width: 100vw;
        height: 100vh
    }

    .point__popup__inner .md__bg .figure__img {
        width: 100%;
        height: 100%
    }

    .point__popup__inner .pd__container {
        margin-left: -293px;
        width: 587px;
        height: 600px
    }

    .point__popup__inner .text__container {
        display: flex;
        width: 286px;
        flex-direction: column;
        min-height: 134px
    }

    .point__popup__inner .text__container .btn__close {
        right: -2px;
        bottom: -2px
    }

    .point__popup__inner .text__container .title {
        padding: 0 26px 0 0;
        font-size: 1.25rem
    }

    .point__popup__inner .text__container .info-outer {
        margin-top: 10px;
        padding: 0 26px 0 0;
        width: calc(100% - 26px);
        font-size: 1rem;
        flex-grow: 1
    }

    .point__popup__inner .text__container .info-outer.activeScrollBar {
        overflow-x: clip;
        overflow-y: auto;
        width: calc(100% - 15px)
    }

    .point__popup__inner .text__container .inner__img {
        margin-top: 25px;
        width: 130px;
        height: 133px
    }

    .point__popup__inner .text__container.position-leftTop {
        top: -8px;
        bottom: unset;
        margin-right: 293px;
        margin-bottom: 0;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-leftCenter {
        margin-top: 190px;
        margin-right: 293px;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-leftBottom {
        margin-top: 0;
        margin-right: 293px;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-rightTop {
        top: -8px;
        bottom: unset;
        margin-bottom: 0;
        margin-left: 293px;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-rightCenter {
        margin-top: 190px;
        margin-left: 293px;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-rightBottom {
        margin-top: 0;
        margin-left: 243px;
        padding: 23px 0 52px 26px
    }
}

@media all and (min-width: 1280px) {
    .md__point__popup .point__popup__btn span {
        opacity:0;
        transition: opacity .5s
    }

    .md__point__popup .point__popup__btn.active-hover>span {
        opacity: 1
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix {
        max-width:1144px
    }

    .md__card__mix .block__item {
        padding: 50px;
        border-radius: 20px
    }

    .md__card__mix .block__item--content .content__title {
        margin: 0;
        padding: 0;
        font-size: 2.1875rem
    }

    .md__card__mix .block__item--content .content__info {
        margin: 0;
        padding: 0;
        font-size: 1.25rem
    }

    .md__card__mix .block__item--content.row {
        display: flex
    }

    .md__card__mix .block__item--content.row .content__title {
        width: 20%
    }

    .md__card__mix .block__item--content.row .content__info {
        margin-bottom: 5px;
        width: 80%
    }

    .md__card__mix .block__item--content.column .content__info {
        margin-top: 10px
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix .md__card__mix__container {
        display:grid;
        grid-template-columns: repeat(6,1fr);
        gap: 40px 24px
    }

    .md__card__mix .md__card__mix__container .block__item.column-span-2 {
        grid-column-end: span 2
    }

    .md__card__mix .md__card__mix__container .block__item.column-span-3 {
        grid-column-end: span 3
    }

    .md__card__mix .md__card__mix__container .block__item.column-span-4 {
        grid-column-end: span 4
    }

    .md__card__mix .md__card__mix__container .block__item.column-span-5 {
        grid-column-end: span 5
    }

    .md__card__mix .md__card__mix__container .block__item.column-span-6 {
        grid-column-end: span 6
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix .performance_chart.horizontal {
        margin-top:40px
    }

    .md__card__mix .performance_chart.horizontal .item__content {
        margin-bottom: 12px
    }

    .md__card__mix .performance_chart.horizontal .item__content:last-child {
        margin-bottom: 0
    }

    .md__card__mix .performance_chart.horizontal .item__content .title {
        font-size: 1rem
    }

    .md__card__mix .performance_chart.horizontal .item__content .bar {
        margin-top: 5px
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix .performance_chart.vertical {
        margin-top:35px
    }

    .md__card__mix .performance_chart.vertical .item_contents {
        gap: 12px
    }

    .md__card__mix .performance_chart.vertical .item__content {
        margin-bottom: 0
    }

    .md__card__mix .performance_chart.vertical .item__content .score {
        font-size: 1.5rem
    }

    .md__card__mix .performance_chart.vertical .item__content .score.main {
        margin-bottom: -3px;
        font-size: 2.5rem
    }

    .md__card__mix .performance_chart.vertical .item__content .score__unit {
        margin-top: -2px;
        font-size: 1rem
    }

    .md__card__mix .performance_chart.vertical .item__content .bar {
        margin-top: 10px
    }

    .md__card__mix .performance_chart.vertical .item__content .bar__content {
        width: 60px;
        border-radius: 6px 6px 0 0
    }

    .md__card__mix .performance_chart.vertical .item__titles {
        margin-top: 13px;
        gap: 12px
    }

    .md__card__mix .performance_chart.vertical .item__titles .title {
        font-size: 1rem
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix .wdtab {
        margin-top:35px
    }

    .md__card__mix .wdtab .wdtab__nav-scrollouter {
        margin: 0 auto;
        width: 100%
    }

    .md__card__mix .wdtab .wdtab__nav-btn {
        padding: 0 16px 16px;
        font-size: 1.375rem
    }

    .md__card__mix .wdtab .wdtab__nav::before {
        width: 100%
    }

    .md__card__mix .wdtab .panel__container {
        display: flex;
        flex-direction: row-reverse
    }

    .md__card__mix .wdtab .panel__container .item__info {
        margin-top: -6px;
        padding-left: 47px;
        width: 50%;
        font-size: 1.25rem;
        text-align: left
    }

    .md__card__mix .wdtab .panel__container .item__image {
        overflow: hidden;
        width: 50%;
        height: 392px;
        background-color: transparent
    }

    .md__card__mix .wdtab .panel__container .item__image .gif__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__card__mix .wdtab .panel__container .item__image--gif {
        width: 50%;
        height: 321px
    }

    .md__card__mix .wdtab .panel__container .item__video {
        overflow: hidden;
        width: 50%;
        height: 321px;
        background-color: transparent
    }

    .md__card__mix .wdtab .panel__container .item__video .video__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix .column-span-6.cardtype--chart {
        display:flex
    }

    .md__card__mix .column-span-6.cardtype--chart .block__item--content {
        padding-right: 50px;
        width: 50%
    }

    .md__card__mix .column-span-6.cardtype--chart .block__item--content-sub {
        width: 50%
    }

    .md__card__mix .column-span-6.cardtype--chart .block__item--content-sub .performance_chart.horizontal {
        margin-top: 0
    }
}

@media all and (min-width: 1280px) {
    .md__card__mix .column-span-6.cardtype--img {
        display:flex
    }

    .md__card__mix .column-span-6.cardtype--img .block__item--content {
        padding-right: 50px;
        width: 50%
    }

    .md__card__mix .column-span-6.cardtype--img .block__item--content-sub {
        width: 50%
    }

    .md__card__mix .column-span-6.cardtype--img .block__item--content-sub .img__container {
        overflow: hidden;
        height: 391.5px;
        background-color: transparent
    }
}

@media all and (min-width: 1280px) {
    .md__block__img {
        width:100%;
        max-width: 1144px
    }

    .md__block__img .md__block__img__container {
        gap: 40px 24px
    }

    .md__block__img .block__img__item.column-span-2 {
        padding-bottom: 210px
    }

    .md__block__img .block__img__item.column-span-3 {
        padding-bottom: 300px
    }

    .md__block__img .block__img__item--content {
        padding: 50px
    }

    .md__block__img .block__img__item--content .title {
        font-size: 2.1875rem
    }

    .md__block__img .block__img__item--content .info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .md__block__img .block__img__item--content .modal-button-container {
        margin-top: 25px
    }

    .md__block__img .block__img__item--img {
        min-height: 420px
    }

    .md__block__img .block__img__item--img .figure__img {
        position: absolute;
        bottom: 0
    }

    .md__block__img .block__img__item.column-span-6 {
        min-height: 390px;
        background: linear-gradient(to right,var(--mdThemeDarkBlockImgItemBgTop,#2c4878),var(--mdThemeDarkBlockImgItemBgBottom,#2c5492) 40%,var(--mdThemeDarkBlockImgItemBgBottom,#2c5492))
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--content {
        max-width: 633px
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--img {
        top: 50%;
        right: 0;
        left: unset;
        width: auto;
        max-width: 560px;
        height: 100%;
        transform: translateY(-50%);
        min-height: unset
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--img .img__block {
        position: relative;
        height: 100%
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--img .img__block img {
        object-fit: contain
    }
}

@media all and (min-width: 1280px) {
    .md__inner__text__half__icon .wd__content {
        margin-left:-562px;
        width: 500px
    }

    .md__inner__text__half__icon .md__icons {
        left: 50%;
        margin-top: 60px;
        margin-left: -573px;
        width: 600px
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .icon__container {
        height: auto
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .figure__img {
        width: 100px;
        height: 80px
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .figure__img img {
        width: 100%;
        object-position: center
    }

    .md__inner__text__half__icon .img__main {
        display: flex;
        position: absolute;
        top: 0;
        left: 50%;
        justify-content: center;
        margin-left: 10px;
        width: 640px
    }

    .md__inner__text__half__icon .img__main picture {
        display: block;
        width: 515px;
        height: 687px
    }
}

@media all and (min-width: 1280px) {
    .md__tab__img .wd__content {
        max-width:880px
    }

    .md__tab__img .wdtab .wdtab__nav-btn {
        padding: 0 16px 16px;
        font-size: 1.375rem
    }

    .md__tab__img .wdtab .wd__play__btn.wdtab__autoPlay {
        position: relative;
        margin-top: 10px;
        margin-bottom: -30px;
        margin-left: 535px
    }

    .md__tab__img .wdtab .wd__play__btn.wdtab__autoPlay button {
        top: 0
    }

    .md__tab__img .wdtab .wdtab__panel {
        padding-top: 40px
    }

    .md__tab__img .panel__info {
        margin: 0 auto 40px;
        width: 100%;
        max-width: 880px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--text {
        max-width: 1144px;
        flex-direction: row-reverse
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--default {
        overflow: hidden;
        width: 50%;
        height: 429px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--ui {
        overflow: hidden;
        width: 50%;
        height: 321px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text {
        margin-top: -4px;
        padding-left: 50px;
        width: 50%
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block {
        margin-top: 25px
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block:first-child {
        margin-top: 0
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block .title {
        font-size: 2.1875rem
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block .info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .wd__feature__list {
        margin-top: 40px
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--default {
        overflow: hidden;
        width: 1144px;
        height: 858;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--ui {
        overflow: hidden;
        width: 1144px;
        height: 642;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__title {
        margin: 0 auto;
        margin-top: -6px;
        width: 100%;
        max-width: 900px;
        font-size: 2.1875rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__info {
        margin: 10px auto 0;
        width: 100%;
        max-width: 900px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container {
        margin-top: 40px;
        width: 1144px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .title {
        margin-bottom: 25px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img {
        width: 226px;
        height: 397px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img::after {
        top: 26px;
        left: 106px;
        width: 10px;
        height: 10px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .info {
        margin-top: 31px;
        margin-bottom: 3px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .hz {
        font-size: 1rem
    }

    .md__tab__img .tab__containter.tab__type--video {
        max-width: 1144px;
        flex-direction: row-reverse
    }

    .md__tab__img .tab__containter.tab__type--video .item__video {
        overflow: hidden;
        width: 50%;
        height: 321px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--video .item__video .video__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text {
        margin-top: -4px;
        padding-left: 50px;
        width: 50%
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block {
        margin-top: 25px
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block:first-child {
        margin-top: 0
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block .title {
        font-size: 2.1875rem
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block .info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .wd__feature__list {
        margin-top: 40px
    }
}

@media all and (min-width: 1280px) {
    .md__tab__img.inner .tab__containter.tab__type--video .item__video {
        margin-top:10px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .md__tab__img.inner .tab__containter.tab__type--text .tab__img {
        margin-top: 4px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .md__tab__img.inner .tab__containter.tab__type--img .tab__img {
        margin-top: 4px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (min-width: 1280px) {
    .md__base__content__video {
        padding-bottom:5px;
        width: 1144px
    }

    .md__base__content__video .item__video .wd__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__base__content__video .item__video .img__container {
        width: 1144px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (min-width: 1280px) {
    .section__ksp {
        padding-top:0;
        padding-bottom: 0
    }

    .section__ksp .sectionnNavPosition {
        top: -125px
    }
}

@media all and (min-width: 1280px) {
    .section__ksp+.section__wdvideos .wdVideos.active {
        padding-top:128px
    }
}

@media all and (min-width: 1280px) {
    .section__ksp .wdtile {
        margin-right:auto;
        margin-left: auto;
        width: 1144px
    }

    .section__ksp .wdtile .item__block {
        justify-content: center;
        padding: 58px 0
    }

    .section__ksp .wdtile .item__block .item__content--title,.section__ksp .wdtile .item__block .item__content--title *,.section__ksp .wdtile .item__block .wd__content .content__title,.section__ksp .wdtile .item__block .wd__content .content__title * {
        font-size: 2.375rem;
        line-height: 1.2
    }

    .section__ksp .wdtile .item__block .item__content--descBottom,.section__ksp .wdtile .item__block .item__content--descBottom *,.section__ksp .wdtile .item__block .item__content--descTop,.section__ksp .wdtile .item__block .item__content--descTop *,.section__ksp .wdtile .item__block .item__leftdesc,.section__ksp .wdtile .item__block .item__leftdesc *,.section__ksp .wdtile .item__block .wd__content .content__info,.section__ksp .wdtile .item__block .wd__content .content__info * {
        font-size: 1.3125rem;
        line-height: 1.4
    }

    .section__ksp .wdtile .item__block--content {
        padding-right: 100px;
        padding-left: 100px
    }

    .section__ksp .wdtile .item__block--feature {
        padding-right: 50px;
        padding-left: 50px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc {
        padding: 18px 24px 24px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        min-height: 118px;
        margin-bottom: 22px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descTop {
        margin-bottom: 10px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom span+span {
        margin-top: 2px
    }
}

@media all and (min-width: 1280px) {
    .section__ksp .item__block.large-v-top {
        justify-content:flex-start
    }

    .section__ksp .item__block--feature,.section__ksp .item__block[class*=large-img-v-],.section__ksp .item__block[class*=large-txt-v-] {
        flex-direction: column;
        flex-wrap: wrap
    }

    .section__ksp .item__block--content,.section__ksp .item__block[class*=large-img-h-],.section__ksp .item__block[class*=large-txt-h-] {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .section__ksp .item__block--content .item__content {
        width: 50%
    }

    .section__ksp .item__block--content .item__image {
        width: 50%
    }

    .section__ksp .item__block--feature .item__content {
        width: 100%
    }

    .section__ksp .item__block--feature .item__image {
        width: 100%
    }

    .section__ksp .item__block--content.large-img-v-txt .item__content,.section__ksp .item__block--feature.large-img-v-txt .item__content {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.large-img-v-txt .item__image,.section__ksp .item__block--feature.large-img-v-txt .item__image {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.large-txt-v-img .item__content,.section__ksp .item__block--feature.large-txt-v-img .item__content {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.large-txt-v-img .item__image,.section__ksp .item__block--feature.large-txt-v-img .item__image {
        margin-bottom: 0;
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.large-img-h-txt .item__content,.section__ksp .item__block--feature.large-img-h-txt .item__content {
        width: auto;
        order: 2;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.large-img-h-txt .item__image,.section__ksp .item__block--feature.large-img-h-txt .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 1;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.large-txt-h-img .item__content,.section__ksp .item__block--feature.large-txt-h-img .item__content {
        width: auto;
        order: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.large-txt-h-img .item__image,.section__ksp .item__block--feature.large-txt-h-img .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 2;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.large-img-v-txt .item__image,.section__ksp .item__block--feature.large-img-v-txt .item__image {
        margin-bottom: 26px
    }

    .section__ksp .item__block--content.large-txt-v-img .item__image,.section__ksp .item__block--feature.large-txt-v-img .item__image {
        margin-top: 26px
    }
}

@media all and (min-width: 1280px) {
    .section__ksp .item__block.large-txt-left,.section__ksp .item__block.large-txt-left * {
        text-align:left
    }

    .section__ksp .item__block.large-txt-center,.section__ksp .item__block.large-txt-center * {
        text-align: center
    }

    .section__ksp .item__block.large-txt-right,.section__ksp .item__block.large-txt-right * {
        text-align: right
    }
}

@media all and (min-width: 1280px) {
    .section__ksp .wdtile__item .item__block.item__block--content .content__title {
        margin-top:0;
        padding: 0
    }

    .section__ksp .wdtile__item .item__block.item__block--content .wd__content .content__info {
        margin-top: 12px
    }

    .section__ksp .wdtile__item .item__block.item__block--content .wd__content .content__info+.content__info {
        margin-top: 0
    }
}

@media all and (min-width: 1280px) {
    .section__ksp.modules-mb .wdtile__container {
        --tile-gap:25px 14px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature {
        align-items: center;
        padding: 46px 20px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__image {
        width: 127px;
        height: 95px;
        min-height: 95px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content {
        display: flex;
        justify-content: center;
        padding-left: 12px;
        flex-direction: column
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--title,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--title *,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .wd__content .content__title,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .wd__content .content__title * {
        font-size: 1.625rem
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descBottom,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descBottom *,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descTop,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descTop *,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__leftdesc,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__leftdesc *,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .wd__content .content__info,.section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .wd__content .content__info * {
        font-size: 1rem
    }
}

@media all and (min-width: 1280px) {
    section .large_use {
        display:block!important
    }

    section .large_unuse {
        display: none
    }

    section .medium768_unuse {
        display: none
    }

    section .small_use {
        display: none
    }

    section .colSpace {
        height: 230px
    }

    section .slick-tab-content .slick-info-item {
        padding-top: 20px
    }

    section .wd__content {
        max-width: 858px
    }

    section .wd__content.wd__content-horz {
        max-width: 1080px
    }

    section .wd__content.wd__content-horz .content-col-1 {
        width: 46%
    }

    section .wd__content.wd__content-horz .content-col-2 {
        padding-left: 30px
    }

    .wd__content .content__slogan {
        font-size: 1.25rem
    }

    .wd__content .content__title {
        margin-top: 4px;
        font-size: 2.5rem
    }

    .wd__content .content__info {
        font-size: 1.25rem;
        margin-top: 12px;
        line-height: 1.4
    }

    .wd__content .content__link {
        margin-top: 10px
    }

    .wd__feature__list {
        margin-top: -25px
    }

    .wd__feature__list .wd__feature {
        margin-top: 25px;
        margin-bottom: 0;
        max-width: 150px
    }

    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 3rem
    }

    .wd__feature__list .wd__feature .wd__feature__describe,.wd__feature__list .wd__feature .wd__feature__describe *,.wd__feature__list .wd__feature .wd__feature__describe__top,.wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1.0625rem
    }

    .section-media-top {
        height: 100px
    }

    .wd__section .sectionnNavPosition {
        top: -99px
    }
}

@media all and (min-width: 1280px) {
    .cmd-sidenav .sidenav-container .container-items {
        display:flex;
        flex-direction: column;
        gap: 7px
    }

    .cmd-sidenav .sidenav-container .container-items .item {
        height: 44px
    }

    .cmd-sidenav .sidenav-container .container-items .item:hover .item-label .label-name span {
        opacity: 1;
        transition: opacity .4s .4s
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label {
        overflow: hidden
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle {
        display: none
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name {
        left: 5px;
        padding: 0 63px 0 22px;
        color: #fff;
        font-size: 1.25rem;
        border-radius: 10px 0 0 10px;
        background: var(--mdSidenavBackgroundGradientColor)
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name span {
        opacity: 0;
        background: linear-gradient(to right,#fff,#fff);
        -webkit-background-clip: text;
        transition: opacity .2s;
        -webkit-text-fill-color: transparent;
        text-wrap: nowrap
    }

    .cmd-sidenav .sidenav-container .container-items .item .item-dot::after {
        border: 1px solid #fff;
        transition: none
    }

    .cmd-sidenav .sidenav-container .container-items .item.enter .item-dot::after {
        border-color: #668aca;
        background-color: var(--mdSecondaryColor);
        transform: translate3d(-50%,-50%,0) scale(1.5)
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-dot {
        opacity: 1
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-dot::after {
        top: calc(50% - 4px);
        left: 16.5px;
        border: 2px solid #fff;
        background: 0 0;
        background-color: transparent;
        transform: scale(1)
    }

    .cmd-sidenav .sidenav-container .container-items .item.hover .item-dot::before {
        display: block;
        position: absolute;
        top: 53%;
        left: 2px;
        width: 15px;
        height: 2px;
        background: #fff;
        content: ""
    }

    .cmd-sidenav .sidenav-container .container-items .item:focus,.cmd-sidenav .sidenav-container .container-items .item:focus-visible {
        outline: 0!important
    }

    .cmd-sidenav .sidenav-container .container-items .item:focus-visible .item-label {
        outline: 2px solid #248dff
    }

    .cmd-sidenav .sidenav-container .container-items .item:focus-visible .item-label span {
        opacity: 1
    }

    .cmd-sidenav .sidenav-container .container-items .item.item-0 .item-dot .dot-decorator-1,.cmd-sidenav .sidenav-container .container-items .item.item-0 .item-dot .dot-decorator-2,.cmd-sidenav .sidenav-container .container-items .item.item-0 .item-dot .dot-decorator-3 {
        display: none
    }

    .cmd-sidenav .sidenav-container .container-items .item.item-0 .item-dot::after {
        width: 12px;
        height: 12px;
        border: none;
        border-radius: 0;
        background: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        transition: all .4s;
        background-image: url(../images/icon/sidnav_tri.png)
    }

    .cmd-sidenav .sidenav-container .container-items .item.item-0.hover .item-dot::before,.cmd-sidenav .sidenav-container .container-items .item.item-0:hover .item-dot::before {
        opacity: 0
    }

    .cmd-sidenav .sidenav-container .container-items .item.item-0.hover .item-dot::after,.cmd-sidenav .sidenav-container .container-items .item.item-0:hover .item-dot::after {
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        background-image: url(../images/icon/sidnav_tri_hover.png)
    }

    .cmd-sidenav .sidenav-container .container-items .item-container:last-child {
        position: relative
    }

    .cmd-sidenav .sidenav-container .container-items .item-container:last-child .item-dot::after {
        display: none
    }

    .cmd-sidenav .sidenav-container .container-items .item-container:last-child a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/icon/outerLink.png);
        background-color: transparent;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 17px;
        transition: opacity .2s
    }

    .cmd-sidenav .sidenav-container .container-items .item-container:last-child a:hover {
        opacity: .8
    }
}

@media all and (min-width: 1280px) {
    .section__s95 .content__container {
        min-height:370px
    }

    .section__s95 .content__container .content-img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -1040px;
        width: 1920px;
        height: 427px;
        transform: translateY(-50%)
    }

    .section__s95 .content__container .content-img .figure__img,.section__s95 .content__container .content-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__s95 .content__container .content-text {
        position: relative;
        left: 50%;
        margin-left: -29px;
        padding-top: 10px;
        width: 600px
    }
}

@media all and (min-width: 1280px) {
    .section__s3 .md__base__content__img .wd__feature__list {
        max-width:450px;
        margin-left: 0
    }
}

@media all and (min-width: 1280px) {
    .section__s7 .md__card__mix .block__item .img__block {
        margin-top:40px
    }
}

@media all and (min-width: 1280px) {
    .section__comment {
        margin-top:0;
        padding-bottom: 100px
    }

    .section__comment .footnotes {
        margin-top: 0
    }

    .section__comment .footnotes .footnote li:last-child {
        margin-bottom: 0
    }
}

@media all and (min-width: 1280px) {
    .inner-view .wd__section .wd__content {
        max-width:1000px
    }

    .inner-view .wd__section .wd__content .content__title {
        font-size: 2.5rem
    }

    .inner-view .wd__section .wd__content .content__info {
        font-size: 1.25rem
    }

    .inner-view .wd__content.wd__content-horz {
        max-width: 1080px
    }

    .inner-view .wd__content.wd__content-horz .content-col-2 {
        padding-left: 58px
    }
}

html {
    font-size: 16px
}

body {
    font-size: 16px
}

.inline__block {
    display: inline-block
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        margin:0 auto;
        width: 660px;
        height: 354px
    }

    #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image: url(https://fakeimg.pl/660x354/)
    }
}

@media only screen and (min-width: 731px) and (max-width:1279.5px) and (minpixel-ratio:1.5),only screen and (min-width:731px) and (max-width:1279.5px) and (min-resolution:1.5dppx),(min-width:731px) and (max-width:1279.5px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:731px) and (max-width:1279.5px) and (min-resolution:144dpi) {
    .image-webp #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image:url(https://fakeimg.pl/1320x708/.webp)
    }
}

@media only screen and (min-width: 731px) and (max-width:1279.5px) and (minpixel-ratio:1.5),only screen and (min-width:731px) and (max-width:1279.5px) and (min-resolution:1.5dppx),(min-width:731px) and (max-width:1279.5px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:731px) and (max-width:1279.5px) and (min-resolution:144dpi) {
    .image-old #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image:url(https://fakeimg.pl/1320x708/)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdtab {
        margin-top:70px
    }

    .wdtab .wdtab__nav-btn {
        padding: 8px 25px;
        width: auto;
        font-size: 1.25rem;
        line-height: 1.2
    }

    .wdtab .wdtab__panel__item {
        padding-top: 45px
    }

    .wdtab .wdtab__panel__item-info__text {
        margin: 0 auto;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 45px;
        width: 548px;
        font-size: 1.25rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdOledTable .table_fixed_container.fixed {
        padding-top:0
    }

    .wdOledTable .table_fixed_container.fixed .table_fixed {
        margin-top: 0
    }

    .wdOledTable .table_fixed_container .table_fixed {
        width: 100vw
    }

    .wdOledTable .table_fixed_container .table_fixed::after {
        display: none
    }

    .wdOledTable .table_fixed_container .table_fixed .table_fixed_list {
        justify-content: flex-end
    }

    .wdOledTable .table_fixed_container .table_fixed .table_fixed_list .table_fixed__item {
        padding: 8px 0 10px 26px;
        width: 200px
    }

    .wdOledTable .table_fixed_container .table_fixed_list {
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: calc(100% - 6px);
        max-width: 768px;
        text-align: left
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container {
        margin-right:auto;
        margin-left: auto;
        width: calc(100% - 48px);
        max-width: 724px
    }

    .wdblockimg .wdblockimg__container .wd__content {
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block .block-content {
        padding: 34px 16px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block.column-span-medium-2 {
        grid-column-end:span 2
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-3 {
        grid-column-end: span 3
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-4 {
        grid-column-end: span 4
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-5 {
        grid-column-end: span 5
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 {
        grid-column-end: span 6
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-img {
        position:relative;
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .img__bg {
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 0
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-content {
        min-height: 400px;
        padding-bottom: 148px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-content {
        min-height: 460px;
        padding-bottom: 225px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-img {
        position: absolute;
        bottom: -1px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 {
        min-height: 300px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-content {
        padding: 33px 40px;
        max-width: 50%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-content .wd__content {
        margin-left: 0;
        width: 100%;
        max-width: 330px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        transform: translateY(-50%)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-img .img__bg {
        position: relative;
        width: 710px;
        height: 510px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-2 {
        grid-column-end: span 2
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-3 {
        grid-column-end: span 3
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-6 {
        min-height: 0;
        grid-column-end: span 6
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-6 .block-content {
        padding: 40px 13px 30px 17px;
        min-height: 0
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-6 .block-content .wd__content {
        margin-left: 0;
        width: 333px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-6 .block-img {
        overflow: hidden;
        top: unset;
        right: 0;
        bottom: 0;
        left: unset;
        width: calc(50% - 13px);
        height: 100%;
        transform: translate(0,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-medium-6 .block-img .img__bg {
        position: absolute;
        top: unset;
        bottom: 0;
        left: 50%;
        padding-bottom: 100%;
        width: 100%;
        height: 0;
        transform: translate(-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .img__bg {
        padding-bottom: 0;
        height: 236px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .block-content {
        padding: 264px 17px 30px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-3 .block-img {
        overflow: hidden;
        height: 236px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-2 .block-img .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-3 .block-img .img__bg {
        top: 50%;
        left: 50%;
        width: 400px;
        height: 400px;
        transform: translate(-50%,-50%)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-6 {
        min-height: 300px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-6 .block-content {
        padding: 30px 13px 30px 17px;
        width: calc(50% - 13px)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-6 .block-content .wd__content {
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop.column-span-6 .block-img .img_bg {
        position: absolute;
        top: 50%;
        margin-left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-2 .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-3 .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .block-content {
        padding-bottom:240px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-3 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .block-img {
        height: 400px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-2 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-3 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .img__bg {
        width: 400px;
        height: 400px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-2.imageTop .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-3.imageTop .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].imageTop .block-img {
        height: 237px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-2.imageTop .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend.column-span-medium-3.imageTop .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].imageTop .block-content {
        padding: 264px 17px 30px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-medium-6 {
        min-height: 300px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-medium-6 .block-content {
        padding: 30px 13px 30px 17px;
        max-width: 50%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-medium-6 .block-img {
        top: unset;
        right: 0;
        bottom: 0;
        width: calc(50% - 13px);
        height: 100%;
        transform: translate(0,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-medium-6 .img__bg {
        position: absolute;
        top: unset;
        bottom: 0;
        left: 50%;
        padding-bottom: 0;
        width: 450px;
        height: 450px;
        transform: translate(-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-medium-6.imageTop .block-img .img__bg {
        top: 50%;
        bottom: unset;
        transform: translate(-50%,-50%)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].column-span-medium-6.imageTop .block-content {
        padding-top: 28px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .wdblockimg__container .block.column-span-2 .block-video .video__container,.wdblockimg .wdblockimg__container .block.column-span-3 .block-video .video__container {
        top:unset;
        bottom: 0;
        left: 50%;
        width: 350px;
        height: 350px;
        transform: translateX(-50%)
    }

    .wdblockimg .wdblockimg__container .block.column-span-6 .block-video .video__container {
        top: 50%;
        bottom: unset;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate3d(-50%,-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-2 .block-video .video__container,.wdblockimg .wdblockimg__container .block.column-span-medium-3 .block-video .video__container {
        top: unset;
        bottom: 0;
        left: 50%;
        width: 350px;
        height: 350px;
        transform: translateX(-50%)
    }

    .wdblockimg .wdblockimg__container .block.column-span-medium-6 .block-video .video__container {
        top: 50%;
        bottom: unset;
        left: 50%;
        width: 724px;
        height: 300px;
        transform: translate3d(-50%,-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-video {
        max-height: 236px
    }

    .wdblockimg .wdblockimg__container .block.imageTop.column-span-2 .block-video .video__container {
        left: 50%;
        width: 225px;
        height: 236px;
        transform: translateX(-50%)
    }

    .wdblockimg .wdblockimg__container .block.imageTop.column-span-3 .block-video .video__container {
        left: 50%;
        width: 350px;
        height: 236px;
        transform: translateX(-50%)
    }

    .wdblockimg .wdblockimg__container .block.imageTop.column-span-6 .block-video .video__container {
        top: 0;
        left: 50%;
        width: 1144px;
        height: 236px;
        transform: translateX(-50%)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-] .ai__noise__container {
        --voice-iconSize:240px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container {
        --voice-iconSize: 150px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container {
        --voice-iconSize: 180px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-] .ai__noise__container .noise__voice__container {
        height: var(--voice-iconSize);
        max-height: var(--voice-iconSize)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 {
        min-height: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .block-content,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .block-content {
        padding-bottom: 30px;
        min-height: unset
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container {
        padding-bottom: 54px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher.js-showed,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher.js-showed {
        margin-top: 0;
        margin-bottom: -10px;
        padding-top: 0;
        transition: opacity .5s linear 450ms,margin-top 0s linear .2s,margin-bottom .492s linear .196s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container {
        top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container .noise__right,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container .noise__right {
        transform: scale(.3,1.4)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container.js-active {
        top: 0;
        margin-top: 0;
        max-height: 280px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice {
        transform: scale(.7)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher {
        top: -17px;
        margin-top: 0;
        margin-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher .noise_desc,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher .noise_desc {
        margin-top: 0;
        padding-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn {
        margin-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container {
        margin-top: -5px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher {
        animation-duration: 380ms
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__left {
        margin-left: -850px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__right {
        margin-left: 50px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .img__voice {
        transition-delay: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container {
        margin-top: -5px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher {
        animation-duration: .445s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__left {
        margin-left: -860px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__right {
        margin-left: 60px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .img__voice {
        transition-delay: 0s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active {
        margin-top: -30px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active {
        margin-top: -26px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active {
        transition: margin-top .492s linear .196s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active .noise__switcher {
        top: -8px;
        animation-delay: 0s;
        animation-duration: 3s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active .img__voice {
        transition-delay: .495s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container {
        padding-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .img__noise {
        margin-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .block-content {
        padding-bottom: 0;
        min-height: unset
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher {
        top: -20px;
        animation-duration: 350ms
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher.js-showed {
        margin-bottom: 0;
        padding-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container {
        margin-bottom: 30px;
        height: 280px;
        min-height: 280px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container .noise__right {
        transform: scale(.7,1.8)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container .noise__left {
        transform-origin: right
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container .noise__right {
        transform-origin: left
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container.js-active {
        margin-top: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .wdItemList {
        margin-top:47px;
        margin-right: auto;
        margin-left: auto;
        width: 580px;
        flex-wrap: nowrap
    }

    .wdItemList .item__block {
        margin-bottom: 70px;
        width: 100%
    }

    .wdItemList .item__block:last-child {
        margin-bottom: 0
    }

    .wdItemList .item__block__img {
        width: 100%;
        height: 342px
    }

    .wdItemList .item__block__img .item__img {
        width: 100%;
        height: 100%;
        height: 342px;
        background-position: center;
        background-size: 580px 342px
    }

    .wdItemList .wd__content.item-content {
        margin-top: 33px
    }

    .wdItemList .wd__content.item-content .content__title {
        font-size: 1.375rem
    }

    .wdItemList .wd__content.item-content .content__info {
        font-size: 1.25rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__wdvideos .item-productvideo {
        padding-bottom:66px
    }

    .section__wdvideos .item-productvideo .detect-point-out {
        margin-top: -349px;
        width: 1px;
        height: 710px
    }

    .section__wdvideos .item-productvideo .detect-point-enter {
        margin-top: 0
    }

    .section__wdvideos .item-productvideo .video__play__btn {
        bottom: 49px;
        left: 5%;
        margin-left: auto
    }

    .section__wdvideos .item-productvideo .video__play__btn .svg-circle {
        fill: transparent
    }

    .section__wdvideos .item-productvideo .btn__youtube {
        bottom: 40px
    }

    .section__wdvideos .item-productvideo .btn__youtube span {
        font-size: 1.25rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__wdvideos .item-salesvideo {
        margin-bottom:66px
    }

    .section__wdvideos .sales__containter {
        display: flex;
        flex-flow: wrap;
        width: calc(100% - 60px);
        max-width: 990px;
        gap: 12px 16px
    }

    .section__wdvideos .sales__containter.tablet.type_1 .sales__item {
        flex: unset;
        width: 100%
    }

    .section__wdvideos .sales__item {
        flex: 0 0 calc(50% - 8px);
        min-height: 271px;
        padding: 0
    }

    .section__wdvideos .sales__item .sales__item_preview {
        position: relative;
        padding-top: 56.284%;
        height: 0
    }

    .section__wdvideos .sales__item .sales__item_preview img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .video_info {
        position: relative;
        opacity: 1!important;
        padding: 14px 0 17px;
        font-size: .9375rem;
        background: #1b1b1b;
        min-height: 75px
    }

    .section__wdvideos .sales_button {
        margin-top: -23px
    }

    .section__wdvideos .sales__containter.type_1 .video_info {
        min-height: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .performance_chart {
        width:88%;
        max-width: 676px
    }

    .performance_chart .item__content .title {
        padding-right: 20px;
        width: calc(33% + 20px);
        font-size: 1.0625rem;
        line-height: 1.3
    }

    .performance_chart .item_contents {
        padding-right: 26px
    }

    .performance_chart .item_contents .bar .bar__score__txt {
        font-size: 1rem
    }

    .performance_chart .item__highline {
        top: 19px
    }

    .performance_chart .item__highline .img__highline {
        width: 58px
    }

    .performance_chart .item__highline .highline_text {
        top: -10px;
        margin-left: 10px
    }

    .performance_chart .text_comment {
        margin-top: 14px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .performance_chart_multi {
        margin-top:96px
    }

    .performance_chart_multi .chart__title {
        margin-bottom: 40px;
        font-size: 2.25rem
    }

    .performance_chart_multi .item_contents {
        padding-right: 242px
    }

    .performance_chart_multi .item__content {
        margin-bottom: 37px
    }

    .performance_chart_multi .item__content .bar__content {
        margin-bottom: 20px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .performance_chart_multi .chart__bar__infos {
        margin-top:41px;
        padding-left: 177px
    }

    .performance_chart_multi .bar__info {
        margin-bottom: 19px
    }

    .performance_chart_multi .bar__info__txt {
        margin-left: 7px;
        font-size: 1rem
    }

    .performance_chart_multi .text_comment {
        margin-top: 40px;
        padding-left: 177px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .kv__half__content {
        min-height:947px
    }

    .kv__half__content .img__pd {
        position: relative;
        margin-top: 83px;
        margin-left: -170px;
        width: 337px;
        height: 442px
    }

    .kv__half__content .content {
        padding-top: 70px
    }

    .kv__half__content .content .img__logo {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        height: 37px
    }

    .kv__half__content .content .img__logo img {
        object-position: center
    }

    .kv__half__content .content .wd__content {
        margin-top: 6px;
        margin-left: auto
    }

    .kv__half__content .content .wd__content .content__title {
        margin-top: 0;
        padding-top: 10px;
        font-size: 3.125rem
    }

    .kv__half__content .content .wd__content .content__info {
        margin-top: 14px;
        font-size: 1.5rem
    }

    .kv__half__content .md__icons {
        justify-content: center;
        margin-top: 40px;
        gap: 40px
    }

    .kv__half__content .md__icons .md__icons__item .figure__img {
        height: 80px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__tab__chart .wdtab {
        margin-top:0
    }

    .md__tab__chart .wdtab .wdtab__panel {
        min-height: 431.234px
    }

    .md__tab__chart .wdtab .wdtab__nav-btn {
        padding-top: 0;
        padding-bottom: 20px;
        max-width: 220px;
        font-size: 1.5rem;
        min-width: 100px;
        vertical-align: bottom
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__tab__chart .chart__group {
        transform-origin:center top;
        transform: scale(.68)
    }

    .md__tab__chart .chart__containter.mobile {
        opacity: 0;
        height: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) and (min-width:731px) and (max-width:767px) {
    .medium768_unuse {
        display:block!important
    }

    .md__tab__chart {
        margin-bottom: 0
    }

    .md__tab__chart .chart__group {
        transform: scale(.59)
    }

    .md__tab__chart .chart__containter.mobile {
        opacity: 1;
        height: auto
    }

    .md__tab__chart .chart__containter.desktop {
        margin-left: -330px;
        mask-image: -webkit-gradient(linear,left center,right center,color-stop(0,#000),color-stop(0,#000),color-stop(.5,#000),color-stop(.65,rgba(0,0,0,.15)),color-stop(.7,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0)))
    }

    .md__tab__chart .chart__containter.mobile {
        margin-top: 60px;
        margin-left: -860px;
        mask-image: -webkit-gradient(linear,right center,left center,color-stop(0,#000),color-stop(0,#000),color-stop(.5,#000),color-stop(.65,rgba(0,0,0,.15)),color-stop(.7,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0)))
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__base__content__img {
        display:block
    }

    .md__base__content__img .content .content__title {
        margin-top: 4px
    }

    .md__base__content__img .content .conttent__info {
        margin-top: 4px
    }

    .md__base__content__img .content .wd__feature__list .wd__feature {
        width: 120px
    }

    .md__base__content__img .content .performance_chart {
        margin-top: 0;
        max-width: 592px
    }

    .md__base__content__img .content .performance_chart .item_contents {
        width: 80%
    }

    .md__base__content__img .content .performance_chart .item__content {
        display: block;
        margin-bottom: 28px
    }

    .md__base__content__img .content .performance_chart .item__content .title {
        margin-bottom: 9px;
        padding-right: 0;
        width: 100%;
        font-size: 1rem;
        text-align: left
    }

    .md__base__content__img .content .performance_chart .item__highline {
        top: 10px;
        align-items: center;
        flex-direction: column-reverse
    }

    .md__base__content__img .content .performance_chart .item__highline .highline_text .text1 {
        font-size: 2rem
    }

    .md__base__content__img .content .performance_chart .item__highline .highline_text .text2 {
        font-size: 1.125rem
    }

    .md__base__content__img .content .performance_chart .item__highline .img__highline {
        width: 88px
    }

    .md__base__content__img .content .performance_chart .text_comment {
        margin-top: 0
    }

    .md__base__content__img .img__container {
        margin: 0 auto;
        margin-top: 50px;
        width: 589px;
        min-height: 370px
    }

    .md__base__content__img .img__container.has__radius {
        border-radius: 20px
    }

    .md__base__content__img .img__container .img__pd {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__grid__flip__card {
        justify-content:center;
        margin-right: auto;
        margin-left: auto;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
        max-width: 714px
    }

    .md__grid__flip__card .item__btn .btn__trigger {
        right: -5px;
        bottom: -5px
    }

    .md__grid__flip__card .grid__item {
        width: 31% /*20241203 48% */
    }

    .md__grid__flip__card .grid__item.has__radius {
        border-radius: 20px
    }

    .md__grid__flip__card .grid__item .item__content {
        display: flex;
        flex-direction: column
    }

    .md__grid__flip__card .grid__item .item__content .item__img {
        position: relative;
        bottom: 44px;
        margin-top: auto
    }

    .md__grid__flip__card .grid__item .item__title {
        padding: 36px 30px 10px;
        font-size: 1.625rem;
        text-align: left
    }

    .md__grid__flip__card .grid__item .item__outer__info {
        padding: 0 30px 60px;
        font-size: 1.125rem
    }

    .md__grid__flip__card .grid__item .img__main {
        width: 147.06px;
        height: 141.9px
    }

    .md__grid__flip__card .grid__item .item__info--group .content {
        font-size: 1.125rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__block__row {
        margin-top:0
    }

    .md__block__row .block__item {
        display: flex;
        overflow: hidden;
        margin: 0 auto 40px;
        width: 592px;
        border-radius: 20px;
        min-height: 350px;
        flex-direction: column
    }

    .md__block__row .block__item.content--right {
        flex-direction: column
    }

    .md__block__row .block__item.only__text {
        min-height: auto
    }

    .md__block__row .block__item.only__text .block__item--content {
        width: 100%
    }

    .md__block__row .block__item:last-child {
        margin-bottom: 0
    }

    .md__block__row .block__item--content {
        padding: 36px 30px
    }

    .md__block__row .block__item--content .content__title {
        padding: 0;
        font-size: 1.625rem;
        text-align: left
    }

    .md__block__row .block__item--content .content__info {
        margin-top: 10px;
        font-size: 1.25rem;
        text-align: left
    }

    .md__block__row .block__item--content .modal-button-container .modal-button {
        margin-bottom: 10px
    }

    .md__block__row .block__item--img {
        position: relative;
        max-width: 592px;
        min-height: 444px
    }

    .md__block__row .block__item--img .figure__img {
        position: absolute;
        width: 100%;
        height: auto
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__point__popup {
        margin-top:-100px;
        margin-bottom: -92px;
        transform: scale(.7)
    }

    .md__point__popup .bg__container {
        margin-left: -1280px;
        width: 2560px;
        min-height: 1050px
    }

    .md__point__popup .btn__container {
        top: 0;
        margin-top: 0;
        margin-left: -300px;
        width: 600px;
        height: 600px
    }

    .md__point__popup .popup__container {
        top: 50%;
        margin-left: -500px;
        width: 1000px;
        height: 700px;
        transform: translateY(-50%)
    }

    .md__point__popup .popup__container .point__popup__btn .circle__container .circle-center {
        width: 20px;
        height: 20px
    }

    .md__point__popup .popup__container .point__popup__btn .circle__container .circle__frame-1 {
        width: 30px;
        height: 30px
    }

    .md__point__popup .popup__container .point__popup__btn .circle__container .circle__frame-2 {
        width: 40px;
        height: 40px
    }

    .md__point__popup .popup__container .point__popup__btn span {
        padding: 8px 15px;
        font-size: 1.25rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .point__popup__inner .md__bg {
        top:50%;
        left: 50%;
        margin-top: -1000px;
        margin-left: -1280px;
        width: 2560px;
        height: 2000px
    }

    .point__popup__inner .md__bg .figure__img {
        width: 100%;
        height: 100%
    }

    .point__popup__inner .pd__container {
        margin-left: -212px;
        width: 416.77px;
        height: 426px
    }

    .point__popup__inner .text__container {
        display: flex;
        padding: 29px 0 39px 20px;
        width: 170px;
        max-height: 435px;
        min-height: 134px;
        flex-direction: column
    }

    .point__popup__inner .text__container .title {
        padding: 0 20px 0 0;
        font-size: 1.375rem
    }

    .point__popup__inner .text__container .info {
        margin-top: 0;
        font-size: 1rem
    }

    .point__popup__inner .text__container .info-outer {
        overflow: hidden;
        margin-top: 10px;
        padding: 0;
        width: calc(100% - 20px);
        font-size: 1rem;
        flex-grow: 1
    }

    .point__popup__inner .text__container .info-outer.activeScrollBar {
        overflow-x: clip;
        overflow-y: auto;
        width: calc(100% - 15px)
    }

    .point__popup__inner .text__container .inner__img {
        margin-top: 18px;
        margin-left: 3px;
        width: 92.3px;
        height: 94.43px
    }

    .point__popup__inner .text__container.position-leftTop {
        top: -8px;
        bottom: unset;
        margin-right: 179px;
        margin-bottom: 0;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-leftCenter {
        margin-top: 110px;
        margin-right: 179px;
        padding: 23px 0 52px 26px;
        max-height: 325px
    }

    .point__popup__inner .text__container.position-leftBottom {
        margin-top: 0;
        margin-right: 179px;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-rightTop {
        top: -8px;
        bottom: unset;
        margin-bottom: 0;
        margin-left: 183px;
        padding: 23px 0 52px 26px
    }

    .point__popup__inner .text__container.position-rightCenter {
        margin-top: 110px;
        margin-left: 183px;
        padding: 23px 0 52px 26px;
        max-height: 325px
    }

    .point__popup__inner .text__container.position-rightBottom {
        margin-top: 0;
        margin-left: 183px;
        padding: 23px 0 52px 26px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__card__mix {
        max-width:714px
    }

    .md__card__mix .block__item {
        padding: 36px 30px;
        border-radius: 20px
    }

    .md__card__mix .block__item--content.row {
        display: flex
    }

    .md__card__mix .block__item--content.row .content__title {
        width: 21%
    }

    .md__card__mix .block__item--content.row .content__info {
        width: 79%
    }

    .md__card__mix .block__item--content.column .content__info {
        margin-top: 15px
    }

    .md__card__mix .block__item--content .content__title {
        margin: 0;
        padding: 0;
        font-size: 1.625rem
    }

    .md__card__mix .block__item--content .content__info {
        margin: 0;
        padding: 0;
        font-size: 1.25rem
    }

    .md__card__mix .block__item .img__block {
        margin-top: 30px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__card__mix .performance_chart.horizontal {
        margin-top:35px;
        width: 100%
    }

    .md__card__mix .performance_chart.horizontal .item__content {
        margin-bottom: 12px
    }

    .md__card__mix .performance_chart.horizontal .item__content:last-child {
        margin-bottom: 0
    }

    .md__card__mix .performance_chart.horizontal .item__content .title {
        margin-bottom: 5px;
        padding-left: 5px;
        font-size: 1rem
    }

    .md__card__mix .performance_chart.horizontal .item__content .bar__score__txt {
        font-size: 1rem
    }

    .md__card__mix .performance_chart.horizontal .item__content .bar__content,.md__card__mix .performance_chart.horizontal .item__content .bar__line {
        border-radius: 0 3px 3px 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__card__mix .performance_chart.vertical {
        margin-top:35px;
        width: 100%
    }

    .md__card__mix .performance_chart.vertical .item_contents {
        gap: 15px
    }

    .md__card__mix .performance_chart.vertical .item__content .bar {
        margin-top: 5px
    }

    .md__card__mix .performance_chart.vertical .item__content .bar__content {
        width: 53px;
        border-radius: 4px 4px 0 0
    }

    .md__card__mix .performance_chart.vertical .item__content .score {
        font-size: 1.5rem
    }

    .md__card__mix .performance_chart.vertical .item__content .score.main {
        margin-bottom: -3px;
        font-size: 2.5rem
    }

    .md__card__mix .performance_chart.vertical .item__content .score__unit {
        margin-top: -2px;
        font-size: 1rem
    }

    .md__card__mix .performance_chart.vertical .item__titles {
        margin-top: 8px;
        gap: 15px
    }

    .md__card__mix .performance_chart.vertical .item__titles .title {
        font-size: 1rem
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__card__mix .wdtab {
        margin-top:32px
    }

    .md__card__mix .wdtab .wdtab__nav-btn {
        padding: 0 16px 16px;
        max-width: 220px;
        font-size: 1.25rem;
        min-width: 100px;
        vertical-align: bottom
    }

    .md__card__mix .wdtab .wdtab__panel__item {
        padding-top: 24px
    }

    .md__card__mix .wdtab .panel__container .item__info {
        font-size: 1.25rem;
        text-align: center
    }

    .md__card__mix .wdtab .panel__container .item__image {
        overflow: hidden;
        margin: 24px auto 0;
        max-height: 490.5px;
        background-color: transparent
    }

    .md__card__mix .wdtab .panel__container .item__image .gif__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__card__mix .wdtab .panel__container .item__image--gif {
        height: 367.8px
    }

    .md__card__mix .wdtab .panel__container .item__video {
        overflow: hidden;
        margin: 40px auto 0;
        height: 367.8px
    }

    .md__card__mix .wdtab .panel__container .item__video .video__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__card__mix .md__card__mix__container {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap: 24px
    }

    .md__card__mix .md__card__mix__container .block__item.column-span-medium-2 {
        grid-column-end: span 2
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__card__mix .block__item.column-span-medium-2.block__item--type-chart {
        display:flex
    }

    .md__card__mix .block__item.column-span-medium-2.block__item--type-chart .block__item--content {
        display: block;
        padding-right: 20px;
        width: 54.8%
    }

    .md__card__mix .block__item.column-span-medium-2.block__item--type-chart .block__item--content .title {
        width: 100%
    }

    .md__card__mix .block__item.column-span-medium-2.block__item--type-chart .block__item--content .info {
        width: 100%
    }

    .md__card__mix .block__item.column-span-medium-2.block__item--type-chart .block__item--content-sub {
        width: 45%
    }

    .md__card__mix .block__item.column-span-medium-2.block__item--type-chart .block__item--content-sub .performance_chart {
        margin-top: 0
    }

    .md__card__mix .block__item.column-span-medium-2.block__item--type-img .img__container {
        height: 490.5px;
        background-color: transparent
    }

    .md__card__mix .bar.type-2 {
        overflow: visible
    }

    .md__card__mix .bar.type-2 .bar__content {
        overflow: visible
    }

    .md__card__mix .bar.type-2 .bar__content .bar__score {
        position: absolute;
        left: calc(100% + 6px);
        width: auto;
        text-align: left;
        text-wrap: nowrap
    }

    .md__card__mix .bar.type-2 .bar__content .bar__score .bar__score__txt {
        color: var(--mdBaseTextColorSub)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__block__img {
        width:100%;
        max-width: 714px
    }

    .md__block__img .md__block__img__container {
        gap: 24px
    }

    .md__block__img .md__block__img__container .block__img__item.column-span-medium-2 {
        grid-column-end: span 2
    }

    .md__block__img .md__block__img__container .block__img__item.column-span-medium-3 {
        grid-column-end: span 3
    }

    .md__block__img .md__block__img__container .block__img__item.column-span-medium-4 {
        grid-column-end: span 4
    }

    .md__block__img .md__block__img__container .block__img__item.column-span-medium-5 {
        grid-column-end: span 5
    }

    .md__block__img .md__block__img__container .block__img__item.column-span-medium-6 {
        grid-column-end: span 6
    }

    .md__block__img .block__img__item {
        padding-bottom: 0;
        border-radius: 20px
    }

    .md__block__img .block__img__item--content {
        padding: 36px 30px
    }

    .md__block__img .block__img__item--content .title {
        font-size: 1.625rem
    }

    .md__block__img .block__img__item--content .info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .md__block__img .block__img__item--img {
        min-height: 240px
    }

    .md__block__img .block__img__item--img .img__block {
        position: absolute;
        bottom: 0
    }

    .md__block__img .block__img__item.column-span-medium-2 {
        padding-bottom: 0
    }

    .md__block__img .block__img__item.column-span-medium-2 .block__img__item--content {
        padding-bottom: 164px
    }

    .md__block__img .block__img__item.column-span-medium-3 {
        padding-bottom: 0
    }

    .md__block__img .block__img__item.column-span-medium-3 .block__img__item--content {
        padding-bottom: 240px
    }

    .md__block__img .block__img__item.column-span-6 {
        padding-bottom: 0;
        background: linear-gradient(to bottom,var(--mdThemeDarkBlockImgItemBgTop,#2c4878),var(--mdThemeDarkBlockImgItemBgBottom,#2c5492) 20%,var(--mdThemeDarkBlockImgItemBgBottom,#2c5492))
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--content {
        padding-bottom: 0
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--img {
        position: relative;
        left: 50%;
        max-width: 560px;
        transform: translateX(-50%)
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--img .img__block {
        position: relative
    }

    .md__block__img .block__img__item.column-span-6 .block__img__item--img .img__block img {
        object-fit: contain
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__inner__text__half__icon .md__icons {
        left:50%;
        justify-content: center;
        margin-top: 50px;
        margin-left: -320px;
        max-width: 640px
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .figure__img {
        width: 100px;
        height: 74px
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .figure__img img {
        width: 100%;
        object-position: center
    }

    .md__inner__text__half__icon .img__main {
        position: relative;
        left: 50%;
        margin-top: 40px;
        width: 482px;
        transform: translateX(-50%)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__tab__img .wdtab .wdtab__nav-btn {
        padding:0 16px 16px;
        max-width: 240px;
        min-width: 150px;
        font-size: 1.25rem;
        vertical-align: bottom
    }

    .md__tab__img .wdtab .wd__play__btn.wdtab__autoPlay {
        position: relative;
        margin-top: 10px;
        margin-bottom: -30px;
        margin-left: 322px
    }

    .md__tab__img .wdtab .wd__play__btn.wdtab__autoPlay button {
        top: 0
    }

    .md__tab__img .wdtab .wdtab__panel__item {
        padding-top: 40px
    }

    .md__tab__img .panel__info {
        margin: 0 auto 40px;
        width: 88%;
        max-width: 724px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter {
        margin-right: auto;
        margin-left: auto
    }

    .md__tab__img .tab__containter.tab__type--text {
        align-items: center;
        flex-direction: column
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--default {
        overflow: hidden;
        width: 714px;
        height: 535px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--ui {
        overflow: hidden;
        width: 714px;
        height: 401px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text {
        margin: 0 auto;
        width: 88%;
        max-width: 724px
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block {
        margin-bottom: 25px;
        text-align: center
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block:last-child {
        margin-bottom: 0
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block .title {
        font-size: 1.625rem
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block .info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .wd__feature__list {
        margin-bottom: 30px
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--default {
        overflow: hidden;
        width: 714px;
        height: 535px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--ui {
        overflow: hidden;
        width: 714px;
        height: 401px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__title {
        margin: 0 auto;
        width: 88%;
        font-size: 1.5625rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__info {
        margin: 10px auto 0;
        width: 88%;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container {
        display: grid;
        width: 620px;
        grid-template-columns: repeat(2,1fr)
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item {
        grid-column-end: span 1;
        margin-top: 45px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .title {
        margin-bottom: 25px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img {
        margin: 0 auto;
        width: 185px;
        height: 324px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img::after {
        top: 21px;
        left: 86.5px;
        width: 9px;
        height: 9px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .info {
        margin-top: 30px;
        margin-bottom: 3px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .hz {
        margin-top: 6px;
        font-size: 1rem
    }

    .md__tab__img .tab__containter.tab__type--video {
        align-items: center;
        flex-direction: column
    }

    .md__tab__img .tab__containter.tab__type--video .item__video {
        overflow: hidden;
        margin: 0 auto;
        max-width: 714px;
        height: 367.8px
    }

    .md__tab__img .tab__containter.tab__type--video .item__video .video__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text {
        margin: 0 auto;
        width: 88%;
        max-width: 724px
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block {
        margin-bottom: 25px;
        text-align: center
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block:last-child {
        margin-bottom: 0
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block .title {
        font-size: 1.625rem
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block .info {
        margin-top: 10px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .wd__feature__list {
        margin-bottom: 30px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__tab__img.inner .tab__containter.tab__type--video .item__video {
        margin-top:4px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .md__tab__img.inner .tab__containter.tab__type--text .tab__img {
        margin-top: 4px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .md__tab__img.inner .tab__containter.tab__type--img .tab__img {
        margin-top: 14px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .md__base__content__video .item__video {
        margin:0 auto;
        max-width: 714px
    }

    .md__base__content__video .item__video .wd__play__btn {
        z-index: 2;
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__base__content__video .item__video .img__container {
        position: relative;
        width: 100%;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp {
        padding-top:0;
        padding-bottom: 0
    }

    .section__ksp .sectionnNavPosition {
        top: -110px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp+.section__wdvideos .wdVideos.active {
        padding-top:100px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp .wdtile {
        margin-right:auto;
        margin-left: auto;
        width: calc(100% - 48px);
        max-width: 714px
    }

    .section__ksp .wdtile .item__block {
        justify-content: center;
        padding: 54px 0
    }

    .section__ksp .wdtile .item__block .item__content--title,.section__ksp .wdtile .item__block .item__content--title *,.section__ksp .wdtile .item__block .wd__content .content__title,.section__ksp .wdtile .item__block .wd__content .content__title * {
        font-size: 1.625rem;
        line-height: 1.2
    }

    .section__ksp .wdtile .item__block .item__content--descBottom,.section__ksp .wdtile .item__block .item__content--descBottom *,.section__ksp .wdtile .item__block .item__content--descTop,.section__ksp .wdtile .item__block .item__content--descTop *,.section__ksp .wdtile .item__block .item__leftdesc,.section__ksp .wdtile .item__block .item__leftdesc *,.section__ksp .wdtile .item__block .wd__content .content__info,.section__ksp .wdtile .item__block .wd__content .content__info * {
        font-size: 1rem;
        line-height: 1.4
    }

    .section__ksp .wdtile .item__block--content {
        padding-right: 44px;
        padding-left: 44px
    }

    .section__ksp .wdtile .item__block--content .wd__content {
        width: 100%
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__title {
        margin-top: 0;
        padding: 0
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info+.content__info {
        margin-top: 6px
    }

    .section__ksp .wdtile .item__block--feature {
        padding-right: 34px;
        padding-left: 34px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc {
        padding: 18px 24px 24px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        min-height: 90px;
        margin-bottom: 34px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descTop {
        margin-bottom: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom {
        margin-top: 0
    }

    .section__ksp .wdtile .item__block--feature .item__content--title+.item__content--descBottom {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom span+span {
        margin-top: 2px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp .item__block.medium-v-top {
        justify-content:flex-start
    }

    .section__ksp .item__block--feature,.section__ksp .item__block[class*=medium-img-v-],.section__ksp .item__block[class*=medium-txt-v-] {
        flex-direction: column;
        flex-wrap: wrap
    }

    .section__ksp .item__block--content,.section__ksp .item__block[class*=medium-img-h-],.section__ksp .item__block[class*=medium-txt-h-] {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .section__ksp .item__block--content.medium-img-v-txt .item__content,.section__ksp .item__block--feature.medium-img-v-txt .item__content {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.medium-img-v-txt .item__image,.section__ksp .item__block--feature.medium-img-v-txt .item__image {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.medium-txt-v-img .item__content,.section__ksp .item__block--feature.medium-txt-v-img .item__content {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.medium-txt-v-img .item__image,.section__ksp .item__block--feature.medium-txt-v-img .item__image {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.medium-img-h-txt .item__content,.section__ksp .item__block--feature.medium-img-h-txt .item__content {
        width: auto;
        order: 2;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.medium-img-h-txt .item__image,.section__ksp .item__block--feature.medium-img-h-txt .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 1;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.medium-txt-h-img .item__content,.section__ksp .item__block--feature.medium-txt-h-img .item__content {
        width: auto;
        order: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }

    .section__ksp .item__block--content.medium-txt-h-img .item__image,.section__ksp .item__block--feature.medium-txt-h-img .item__image {
        margin-bottom: 0;
        width: 50%;
        order: 2;
        flex-grow: 0;
        flex-shrink: 0
    }

    .section__ksp .item__block--content.medium-img-v-txt .item__image,.section__ksp .item__block--feature.medium-img-v-txt .item__image {
        margin-top: 0;
        margin-bottom: 34px
    }

    .section__ksp .item__block--content.medium-txt-v-img .item__image,.section__ksp .item__block--feature.medium-txt-v-img .item__image {
        margin-top: 34px;
        margin-bottom: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp .item__block.medium-txt-left,.section__ksp .item__block.medium-txt-left * {
        text-align:left
    }

    .section__ksp .item__block.medium-txt-center,.section__ksp .item__block.medium-txt-center * {
        text-align: center
    }

    .section__ksp .item__block.medium-txt-right,.section__ksp .item__block.medium-txt-right * {
        text-align: right
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp.modules-mb .wdtile {
        margin-right:auto;
        margin-left: auto;
        width: calc(100% - 24px)
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature {
        padding-top: 35px;
        padding-bottom: 40px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__image {
        margin-bottom: 0;
        width: 127px;
        height: 95px;
        min-height: 95px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content {
        padding-top: 15px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__content--descBottom {
        margin-top: 10px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item.medium-grid-col-2 {
        background-color: transparent
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item.medium-grid-col-2 .item__block--feature {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 43px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item.medium-grid-col-2 .item__block--feature .item__image {
        margin-bottom: 0
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item.medium-grid-col-2 .item__block--feature .item__content {
        padding-left: 40px;
        width: calc(100% - 160px)
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    section .medium_use {
        display:block!important
    }

    section .medium768_unuse,section .medium_unuse {
        display: none
    }

    section .small_use {
        display: none
    }

    section .no__wrap {
        display: inline-block;
        white-space: nowrap
    }

    section .wd__link__arrow::after {
        padding-left: 5px
    }

    .wd__content {
        max-width: 724px
    }

    .wd__content .content__slogan {
        font-size: 1.25rem
    }

    .wd__content .content__title {
        margin-top: 4px;
        font-size: 2.5rem
    }

    .wd__content .content__info {
        font-size: 1.25rem;
        margin-top: 10px;
        line-height: 1.4
    }

    .wd__content .content__link {
        margin-top: 10px
    }

    .wd__feature__list {
        margin-top: -30px;
        max-width: 724px
    }

    .wd__feature__list .wd__feature {
        margin-top: 30px;
        margin-right: 12px;
        margin-bottom: 0;
        margin-left: 12px;
        max-width: 140px
    }

    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 3rem
    }

    .wd__feature__list .wd__feature .wd__feature__describe,.wd__feature__list .wd__feature .wd__feature__describe *,.wd__feature__list .wd__feature .wd__feature__describe__top,.wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: 1.0625rem
    }

    .modal-button-container .modal-button {
        margin-top: 25px
    }

    .section-media-top {
        height: 80px
    }

    .cmd-sidenav .item-dot.enter {
        background: #7c8e9e
    }

    section .section__s7 .md__icons {
        min-height: 250px
    }

    .wd__section .sectionnNavPosition {
        top: -79px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .inner-view .inner-view-container {
        max-width:2560px
    }

    .inner-view .inner-view-container .wd__section:last-child {
        padding-bottom: 30px
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) and (min-width:730px) and (max-width:767px) {
    .medium768_unuse {
        display:block!important
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav .sidenav-container .item {
        width:100%
    }

    .cmd-sidenav .sidenav-container .item .item-label .label-name span {
        background: linear-gradient(to right,#a3a3a3,#a3a3a3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .cmd-sidenav .sidenav-container .item.enter .item-label .label-name span {
        background: linear-gradient(to right,#fff,#fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .cmd-sidenav .sidenav-container .item.enter .item-dot {
        background: var(--mdSidenavBackgroundGradientColor)
    }

    .cmd-sidenav .sidenav-container .item-container:last-child {
        position: relative
    }

    .cmd-sidenav .sidenav-container .item-container:last-child a {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .cmd-sidenav .sidenav-container .item-container:last-child .item.enter .item-dot {
        background:unset!important
    }

    .cmd-sidenav .sidenav-container .item-container:last-child .item.enter .item-label .label-name span {
        background: linear-gradient(to right,#a3a3a3,#a3a3a3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__kv .wd__content .content__info {
        width:100%
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__ksp {
        padding-top:0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__s95 .content__container .content-img {
        position:relative;
        left: 50%;
        margin-top: -20px;
        margin-left: -675px;
        width: 1750px;
        height: 367px
    }

    .section__s95 .content__container .content-text {
        position: relative;
        margin: 13px auto 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .section__comment {
        padding-top:0;
        padding-bottom: 80px
    }

    .section__comment .footnotes {
        margin-top: 0
    }

    .section__comment .footnotes .footnote li:last-child {
        margin-bottom: 0
    }
}

@media all and (min-width: 731px) and (max-width:1279.5px) {
    .inner-view .inner-view-container {
        max-width:2560px
    }

    .inner-view .inner-view-container .wd__section:last-child {
        padding-bottom: 30px
    }
}

@media all and (min-width: 730px) and (max-width:767px) {
    .medium768_unuse {
        display:block!important
    }
}

html {
    font-size: 16px
}

body {
    font-size: 16px
}

.inline__block {
    display: inline-block
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media all and (max-width: 730.5px) {
    .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        position:relative;
        left: 50%;
        margin: 0 auto;
        margin-left: -215px;
        width: 430px;
        height: 234px
    }

    #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image: url(https://fakeimg.pl/430x234/)
    }
}

@media only screen and (max-width: 730.5px) and (minpixel-ratio:1.5),only screen and (max-width:730.5px) and (min-resolution:1.5dppx),(max-width:730.5px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:730.5px) and (min-resolution:144dpi) {
    .image-webp #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image:url(https://fakeimg.pl/860x468/.webp)
    }
}

@media only screen and (max-width: 730.5px) and (minpixel-ratio:1.5),only screen and (max-width:730.5px) and (min-resolution:1.5dppx),(max-width:730.5px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:730.5px) and (min-resolution:144dpi) {
    .image-old #CMD .wdtab.isFakeImg .wdtab__panel__item-image .img__main {
        background-image:url(https://fakeimg.pl/860x468/)
    }
}

@media all and (max-width: 730.5px) {
    .wdtab {
        margin-top:20px
    }

    .wdtab .wdtab__nav-btn {
        padding: 16px 43px;
        width: auto;
        font-size: 1rem
    }

    .wdtab .wdtab__panel__item {
        padding-top: 25px
    }

    .wdtab .wdtab__panel__item-info__text {
        margin: 0 auto;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 25px;
        width: 90%;
        font-size: .9375rem
    }

    .wdtab .wdtab__panel__item-image {
        position: relative;
        overflow: hidden
    }
}

@media all and (max-width: 730.5px) {
    .slick-tab-content {
        margin:45px auto 0;
        width: 100%;
        max-width: 720px
    }

    .slick-tab-content .slick-title {
        position: relative;
        text-align: center
    }

    .slick-tab-content .slick-title .title-nav .slick-nav-btn {
        padding: 16px 43px;
        font-size: 1rem;
        line-height: 1.2;
        scroll-snap-align: center
    }

    .slick-tab-content .slick-title .title-nav .slick-nav-btn.active,.slick-tab-content .slick-title .title-nav .slick-nav-btn:focus {
        border-bottom: 2px solid #683aff
    }

    .slick-tab-content .slick-title .title-nav .sign-fnum {
        top: -.6em
    }

    .slick-tab-content .slick-info-item {
        padding-top: 25px
    }

    .slick-tab-content .slick-info {
        margin: 0 auto;
        padding-top: 0;
        width: 90%;
        max-width: 350px
    }

    .slick-tab-content .slick-info .slick-info-text {
        font-size: .9375rem;
        line-height: 1.35
    }

    .slick-tab-content .slick-info .slick-info-text .info__comment {
        display: inline-block;
        margin-top: 7px;
        color: #6f6f6f;
        font-size: .9375rem;
        line-height: 1.2
    }

    .slick-tab-content .slick-image {
        position: relative;
        left: 50%;
        margin: 10px 0 0
    }

    .slick-tab-content .slick-image .img-slick {
        left: 50%;
        width: 414px;
        height: 228px;
        border-radius: 5px;
        transform: translateX(-50%)
    }

    .slick-tab-content .slick-info+.slick-image {
        margin-top: 25px
    }
}

@media all and (max-width: 730.5px) {
    .wdtab .wdtab__autoPlay {
        left:90%;
        margin-left: 0
    }
}

@media all and (max-width: 730.5px) {
    .wdOledTable .table_fixed_container.fixed {
        padding-top:0
    }

    .wdOledTable .table_fixed_container.fixed .table_fixed {
        margin-top: 0
    }

    .wdOledTable .table_fixed_container .table_fixed {
        width: 100%
    }

    .wdOledTable .table_fixed_container .table_fixed::after {
        display: none
    }

    .wdOledTable .table_fixed_container .table_fixed .table_fixed_list .table_fixed__item {
        padding-right: 0;
        padding-left: 0;
        font-size: 1.125rem
    }
}

@media all and (max-width: 730.5px) {
    .wdOledTable .table_fixed_container.fixed {
        left:18px;
        width: calc(100% - 18px)
    }
}

@media all and (max-width: 730.5px) {
    .wdblockimg .wdblockimg__container {
        margin-right:auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px
    }

    .wdblockimg .wdblockimg__container .block {
        grid-column-end: span 6!important
    }

    .wdblockimg .wdblockimg__container .block .block-content {
        padding: 26px 14px
    }
}

@media all and (max-width: 730.5px) {
    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-content,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-content {
        min-height:350px;
        padding-bottom: 66%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .block-img,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .block-img {
        position: relative;
        position: absolute;
        bottom: -1px;
        width: 100%
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-2 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-3 .img__bg,.wdblockimg .wdblockimg__container .block.block-imgstyle-scale.column-span-6 .img__bg {
        position: relative;
        padding-bottom: 100%;
        width: 100%;
        height: 0
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .img__bg {
        padding-bottom: 0;
        height: 178px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .block-content {
        padding: 203px 24px 30px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-scale.imageTop .block-video {
        max-height: 178px
    }
}

@media all and (max-width: 730.5px) {
    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .block-content {
        padding-bottom:270px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .block-img {
        position: absolute;
        top: unset;
        right: 0;
        bottom: 0;
        left: 50%;
        width: 100%;
        height: 480px;
        transform: translate(-50%,0)
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-] .img__bg {
        width: 480px;
        height: 480px
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].imageTop .block-img {
        top: 0;
        left: 0;
        width: 100%;
        height: 237px;
        transform: unset
    }

    .wdblockimg .wdblockimg__container .block.block-imgstyle-extend[class*=column-span-].imageTop .block-content {
        padding: 278px 14px 40px
    }
}

@media all and (max-width: 730.5px) {
    .wdblockimg .wdblockimg__container .block .block-video .video__container {
        bottom:0;
        left: 50%;
        width: 414px;
        height: 414px;
        transform: translateX(-50%)
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-video {
        max-height: 178px
    }

    .wdblockimg .wdblockimg__container .block.imageTop .block-video .video__container {
        width: 414px;
        height: 178px
    }
}

@media all and (max-width: 730.5px) {
    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-] .ai__noise__container {
        --voice-iconSize:180px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-] .ai__noise__container .noise__voice__container {
        height: var(--voice-iconSize);
        max-height: var(--voice-iconSize)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 {
        min-height: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .block-content,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .block-content,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .block-content {
        padding-bottom: 30px;
        min-height: unset
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container {
        padding-bottom: 53px;
        transition: margin-top .721s linear 0s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher.js-showed,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher.js-showed,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher.js-showed {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        transition: opacity .5s linear 580ms,margin-top 0s linear .2s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container {
        top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container .noise__right,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container .noise__right,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container .noise__right {
        transform: scale(.3,1.4)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container.js-active {
        top: 0;
        margin-top: 0;
        max-height: 280px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__voice__container.js-active .img__noise .img__voice {
        transform: scale(.8)
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher {
        top: -17px;
        margin-top: 0;
        margin-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher .noise_desc,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher .noise_desc,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher .noise_desc {
        margin-top: 0;
        padding-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher .aiNoiseSwitcher_btn {
        margin-bottom: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container {
        margin-top: 0
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__switcher {
        animation-duration: .498s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__left,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__left {
        margin-left: -850px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .noise__right,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .noise__right,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .noise__right {
        margin-left: 50px
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container .img__voice {
        transition: transform .583s ease-in-out 0s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container.js-active {
        margin-top: -20px;
        transition: margin-top .499s ease 0s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active .noise__switcher,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container.js-active .noise__switcher {
        top: -2px;
        animation-delay: 0s;
        animation-duration: 3s
    }

    .wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-2 .ai__noise__container.js-active .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-3 .ai__noise__container.js-active .img__voice,.wdblockimg .block[data-blocktype=aiNoise][class*=block-imgstyle-].column-span-6 .ai__noise__container.js-active .img__voice {
        transition-delay: .119s
    }
}

@media all and (max-width: 730.5px) {
    .wdItemList {
        margin-top:52px;
        width: 100%
    }

    .wdItemList .item__block {
        margin-right: auto;
        margin-bottom: 41px;
        margin-left: auto;
        width: 100%;
        max-width: 414px
    }

    .wdItemList .item__block:last-child {
        margin-bottom: 0
    }

    .wdItemList .item__block__img {
        width: 100%
    }

    .wdItemList .item__block__img .item__img {
        position: relative;
        padding-bottom: 51%;
        width: 100%;
        height: 0;
        background-position: center;
        background-size: contain
    }

    .wdItemList .wd__content.item-content {
        margin-top: 23px
    }

    .wdItemList .wd__content.item-content .content__title {
        font-size: 1.3125rem
    }

    .wdItemList .wd__content.item-content .content__info {
        font-size: 1.125rem
    }
}

@media all and (max-width: 730.5px) {
    .section__wdvideos .item-productvideo {
        padding-bottom:61px
    }

    .section__wdvideos .item-productvideo .detect-point-out {
        margin-top: -229px;
        width: 1px;
        height: 470px
    }

    .section__wdvideos .item-productvideo .detect-point-enter {
        margin-top: 0
    }

    .section__wdvideos .item-productvideo .video__play__btn {
        bottom: 22px;
        left: 5%;
        margin-left: auto
    }

    .section__wdvideos .item-productvideo .video__play__btn .svg-circle {
        fill: transparent
    }

    .section__wdvideos .item-productvideo .btn__youtube {
        bottom: 20px;
        padding: 12px 40px 12px 20px
    }

    .section__wdvideos .item-productvideo .btn__youtube span {
        font-size: .875rem
    }

    .section__wdvideos .item-productvideo .btn__youtube::after {
        top: calc(50% - 10px);
        right: 12px;
        width: 20px;
        height: 20px
    }
}

@media all and (max-width: 730.5px) {
    .section__wdvideos .item-salesvideo {
        padding-bottom:58px
    }

    .section__wdvideos .sales__containter {
        width: calc(100% - 32px);
        max-width: 320px;
        gap: 20px
    }

    .section__wdvideos .sales__containter .sales__item {
        padding: 0;
        width: 100%
    }

    .section__wdvideos .sales__containter .sales__item .sales__item_preview {
        padding-bottom: 56.25%;
        height: 0
    }

    .section__wdvideos .sales__containter .sales__item .sales__item_preview img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section__wdvideos .video_info {
        position: relative;
        opacity: 1!important;
        padding: 14px 24px;
        font-size: .9375rem;
        background: #16151b;
        min-height: 46px
    }

    .section__wdvideos .video_info span {
        margin: 0
    }
}

@media all and (max-width: 730.5px) {
    .performance_chart {
        overflow:initial;
        margin: 0 auto;
        margin-top: 15px;
        width: 320px
    }

    .performance_chart .item__highline .img__highline {
        width: 54px
    }

    .performance_chart .item__highline .highline_text .text1 {
        font-size: 1.875rem
    }

    .performance_chart .item__highline .highline_text .text2 {
        margin-top: -6px;
        font-size: .75rem
    }
}

@media all and (max-width: 730.5px) {
    .performance_chart {
        margin-top:24px;
        margin-left: auto;
        padding-right: 0;
        padding-right: 14px;
        padding-left: 14px;
        width: 100%;
        max-width: 414px
    }

    .performance_chart .item {
        margin-bottom: 60px
    }

    .performance_chart .item::after {
        left: 0;
        margin-bottom: 10px;
        width: calc(100% + 51px)
    }

    .performance_chart .item:last-child {
        margin-bottom: 0
    }

    .performance_chart .item_contents {
        padding-right: 18px
    }

    .performance_chart .item__content {
        display: flex;
        margin-bottom: 25px;
        flex-direction: column-reverse
    }

    .performance_chart .item__content .title {
        margin-top: 10px;
        padding-right: 0;
        width: 100%;
        font-size: 1rem;
        text-align: left;
        line-height: 1.3
    }

    .performance_chart .item__content .bar {
        padding-left: 0;
        width: 100%
    }

    .performance_chart .item__content .bar__content {
        height: 18px;
        border-radius: 0 4px 4px 0
    }

    .performance_chart .item__content .bar__score__txt {
        top: 1px;
        padding-right: 5px;
        font-size: .875rem
    }

    .performance_chart .item__highline {
        display: flex;
        top: -5px;
        right: 0;
        align-items: center;
        justify-content: flex-end;
        width: 100px;
        flex-direction: column-reverse
    }

    .performance_chart .item__highline .highline_text {
        margin-bottom: 5px;
        margin-left: 0
    }

    .performance_chart .item__highline .highline_text .text1 {
        font-size: 30px
    }

    .performance_chart .item__highline .highline_text .text2 {
        font-size: 16px
    }
}

@media all and (max-width: 730.5px) {
    .text_comment {
        margin-top:-5px;
        padding-left: 0;
        font-size: .8125rem
    }
}

@media all and (max-width: 730.5px) {
    .performance_chart_multi {
        margin-top:96px
    }

    .performance_chart_multi .performance_chart {
        margin-top: 35px
    }

    .performance_chart_multi .chart__title {
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        width: 292px;
        font-size: 1.875rem;
        text-align: left
    }

    .performance_chart_multi .item_contents {
        padding-right: 0
    }

    .performance_chart_multi .item__content {
        margin-bottom: 23px
    }

    .performance_chart_multi .item__content .title {
        justify-content: flex-start;
        margin-top: 7px
    }

    .performance_chart_multi .item__content .bar__content {
        margin-bottom: 11px
    }
}

@media all and (max-width: 730.5px) {
    .performance_chart_multi .chart__bar__infos {
        margin-top:23px;
        padding-left: 0
    }

    .performance_chart_multi .bar__info {
        margin-bottom: 12px
    }

    .performance_chart_multi .bar__info__color {
        width: 12px;
        height: 12px;
        border-radius: 3px
    }

    .performance_chart_multi .bar__info__txt {
        top: 2px;
        margin-left: 8px;
        font-size: .75rem
    }

    .performance_chart_multi .text_comment {
        margin-top: 23px;
        padding-left: 0
    }
}

@media all and (max-width: 730.5px) {
    .kv__half__content .img__pd {
        position:relative;
        margin-top: 75px;
        margin-left: -108.5px;
        width: 217px;
        height: 289px
    }

    .kv__half__content .content {
        padding-top: 54px
    }

    .kv__half__content .content .img__logo {
        left: 0;
        margin-right: auto;
        margin-left: auto;
        height: 23px
    }

    .kv__half__content .content .img__logo img {
        object-position: center
    }

    .kv__half__content .content .wd__content {
        margin-top: 10px;
        margin-left: auto;
        max-width: 600px
    }

    .kv__half__content .content .wd__content .content__title {
        margin-top: 0;
        padding-top: 0;
        font-size: 1.875rem
    }

    .kv__half__content .content .wd__content .content__info {
        margin-top: 6px;
        width: 100%;
        font-size: 1.25rem
    }

    .kv__half__content .content .wd__content .content__info:first-child {
        margin-top: 5px
    }

    .kv__half__content .md__icons {
        justify-content: center;
        margin: 40px auto 0;
        gap: 30px
    }

    .kv__half__content .md__icons .md__icons__item .figure__img {
        height: 80px
    }
}

@media all and (max-width: 730.5px) {
    .md__tab__chart .wdtab {
        margin-top:0
    }

    .md__tab__chart .wdtab .wdtab__nav-btn {
        padding: 0 20px 16px;
        max-width: 220px;
        font-size: 1.25rem;
        min-width: 100px;
        vertical-align: bottom
    }

    .md__tab__chart .wdtab .wdtab__panel__item {
        padding-top: 40px
    }
}

@media all and (max-width: 730.5px) {
    .md__tab__chart .chart__group {
        transform-origin:center top;
        transform: scale(.59)
    }

    .md__tab__chart .chart__containter.desktop {
        margin-left: -330px;
        mask-image: -webkit-gradient(linear,left center,right center,color-stop(0,#000),color-stop(.5,#000),color-stop(.65,rgba(0,0,0,.15)),color-stop(.7,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0)))
    }

    .md__tab__chart .chart__containter.mobile {
        margin-top: 60px;
        margin-left: -860px;
        mask-image: -webkit-gradient(linear,right center,left center,color-stop(0,#000),color-stop(0,#000),color-stop(.5,#000),color-stop(.65,rgba(0,0,0,.15)),color-stop(.7,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0)))
    }
}

@media all and (max-width: 730.5px) {
    .md__base__content__img .img__container {
        margin:40px auto 0;
        width: 89.2%;
        max-width: 414px;
        height: 260px
    }

    .md__base__content__img .img__container.has__radius {
        border-radius: 15px
    }

    .md__base__content__img .img__container .img__pd {
        position: relative;
        left: 50%;
        width: 414px;
        height: auto;
        transform: translateX(-50%)
    }

    .md__base__content__img .performance_chart_container .performance_chart {
        margin-top: 0
    }

    .md__base__content__img .performance_chart_container .performance_chart .item__content {
        flex-direction: column;
        margin-bottom: 20px
    }

    .md__base__content__img .performance_chart_container .performance_chart .item__content .title {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 1rem
    }

    .md__base__content__img .performance_chart_container .performance_chart .item__content .bar__content {
        height: 22px;
        border-radius: 0 3px 3px 0
    }

    .md__base__content__img .performance_chart_container .performance_chart .item__content .bar__score__txt {
        font-size: 1rem
    }
}

@media all and (max-width: 730.5px) {
    .md__grid__flip__card {
        justify-content:center;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px
    }

    .md__grid__flip__card .item__btn {
        right: -5px;
        bottom: -5px
    }

    .md__grid__flip__card .grid__item {
        width: 100%
    }

    .md__grid__flip__card .grid__item.has__radius {
        border-radius: 15px
    }

    .md__grid__flip__card .grid__item .item__content {
        display: flex;
        flex-direction: column
    }

    .md__grid__flip__card .grid__item .item__content .item__img {
        position: relative;
        bottom: 28px;
        margin-top: 44px
    }

    .md__grid__flip__card .grid__item .item__title {
        padding: 30px 20px 0;
        font-size: 1.625rem;
        text-align: left
    }

    .md__grid__flip__card .grid__item .item__outer__info {
        margin-top: 6px;
        padding: 0 20px;
        font-size: 1rem
    }

    .md__grid__flip__card .grid__item .img__main {
        width: 147.06px;
        height: 141.9px
    }

    .md__grid__flip__card .grid__item .item__info--group .content {
        font-size: 1rem
    }

    .md__grid__flip__card .item__info {
        padding-left: 20px
    }
}

@media all and (max-width: 730.5px) {
    .md__block__row {
        margin-top:0;
        margin-right: auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px
    }

    .md__block__row .block__item {
        display: flex;
        overflow: hidden;
        margin: 0 auto 24px;
        width: 100%;
        border-radius: 15px;
        flex-direction: column
    }

    .md__block__row .block__item.content--right {
        flex-direction: column
    }

    .md__block__row .block__item.only__text {
        min-height: auto
    }

    .md__block__row .block__item.only__text .block__item--content {
        width: 100%
    }

    .md__block__row .block__item:last-child {
        margin-bottom: 0
    }

    .md__block__row .block__item--content {
        padding: 30px 20px
    }

    .md__block__row .block__item--content .content__title {
        padding: 0;
        font-size: 1.625rem;
        text-align: center
    }

    .md__block__row .block__item--content .content__info {
        margin-top: 6px;
        font-size: 1.125rem;
        text-align: center
    }

    .md__block__row .block__item--img {
        position: relative;
        padding-bottom: 75%;
        max-width: 414px;
        max-height: 310px
    }

    .md__block__row .block__item--img .figure__img {
        position: absolute;
        width: 100%;
        height: auto
    }
}

@media all and (max-width: 730.5px) {
    .md__point__popup {
        margin-top:-129px;
        margin-bottom: -125px;
        transform: scale(.6)
    }

    .md__point__popup .bg__container {
        margin-left: -1280px;
        width: 2560px;
        min-height: 1050px
    }

    .md__point__popup .btn__container {
        top: 0;
        margin-top: 0;
        margin-left: -300px;
        width: 600px;
        height: 600px
    }

    .md__point__popup .popup__container {
        top: 50%;
        margin-left: -500px;
        width: 1000px;
        height: 700px;
        transform: translateY(-50%)
    }

    .md__point__popup .popup__container .point__popup__btn .circle__container .circle-center {
        width: 25px;
        height: 25px
    }

    .md__point__popup .popup__container .point__popup__btn .circle__container .circle__frame-1 {
        width: 35px;
        height: 35px
    }

    .md__point__popup .popup__container .point__popup__btn .circle__container .circle__frame-2 {
        width: 45px;
        height: 45px
    }

    .md__point__popup .popup__container .point__popup__btn span {
        opacity: 0;
        padding: 9px 15px 7px;
        font-size: 1.25rem
    }
}

@media all and (max-width: 730.5px) {
    .point__popup__inner {
        overflow:scroll
    }

    .point__popup__inner .pd__container {
        display: flex;
        left: 0;
        flex-wrap: wrap;
        align-items: start;
        justify-content: center;
        align-content: flex-start;
        min-height: 100vh
    }

    .point__popup__inner .pd__container .text__container {
        position: relative!important;
        top: 0!important;
        left: 0!important;
        margin-top: 30px!important;
        margin-right: 0!important;
        margin-bottom: 0!important;
        transform: none!important
    }

    .point__popup__inner .pd__container .figure__img {
        position: relative;
        order: 1;
        top: 0;
        left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        transform: none
    }

    .point__popup__inner .md__bg {
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -1280px;
        width: 2560px;
        height: 100%
    }

    .point__popup__inner .md__bg .figure__img {
        width: 100%;
        height: 100%
    }

    .point__popup__inner .cover_close {
        opacity: .4;
        background-color: #000
    }

    .point__popup__inner .popup__img {
        width: 100vw;
        height: auto
    }

    .point__popup__inner .popup__img-line {
        display: none
    }

    .point__popup__inner .text__container {
        display: flex;
        padding: 20px 0 58px 26px;
        width: 89.5%;
        max-height: unset;
        flex-direction: column
    }

    .point__popup__inner .text__container .title {
        padding: 0 26px 0 0;
        font-size: 1.375rem
    }

    .point__popup__inner .text__container .info {
        margin-top: 0;
        font-size: 1rem
    }

    .point__popup__inner .text__container .info-outer {
        overflow: hidden;
        margin-top: 6px;
        padding: 0 26px 0 0;
        font-size: 1rem;
        flex-grow: 1
    }

    .point__popup__inner .text__container .info-outer.activeScrollBar {
        overflow-x: clip;
        overflow-y: auto;
        width: calc(100% - 15px)
    }

    .point__popup__inner .text__container .inner__img {
        margin-top: 25px;
        margin-left: 0;
        width: 80px;
        height: 80px
    }

    .point__popup__inner .text__container.position-leftBottom,.point__popup__inner .text__container.position-leftCenter,.point__popup__inner .text__container.position-leftTop,.point__popup__inner .text__container.position-rightBottom,.point__popup__inner .text__container.position-rightCenter,.point__popup__inner .text__container.position-rightTop {
        top: 50%;
        bottom: unset;
        left: 50%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        transform: translateY(-50%) translateX(-50%)
    }
}

@media all and (max-width: 730.5px) {
    .lity::before {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: 1280px auto;
        content: ""
    }
}

@media all and (max-width: 730.5px) {
    .md__card__mix {
        margin-right:auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px
    }

    .md__card__mix .md__card__mix__container {
        gap: 24px
    }

    .md__card__mix .block__item {
        padding: 30px 20px;
        border-radius: 15px
    }

    .md__card__mix .block__item--content .content__title {
        margin: 0;
        padding: 0;
        font-size: 1.625rem;
        text-align: center
    }

    .md__card__mix .block__item--content .content__info {
        margin-top: 6px;
        padding: 0;
        font-size: 1.125rem;
        text-align: center
    }

    .md__card__mix .block__item--content .wd__feature__list {
        width: 100%
    }

    .md__card__mix .block__item--content-sub .img__container {
        position: relative;
        margin-top: 30px;
        padding-bottom: 73%;
        max-width: 414px;
        max-height: 280.5px;
        background-color: transparent
    }

    .md__card__mix .block__item--content-sub .img__container .img__block {
        position: absolute;
        width: 100%;
        height: auto
    }
}

@media all and (max-width: 730.5px) {
    .md__card__mix .performance_chart.horizontal {
        margin-top:30px;
        margin-bottom: -8px;
        padding-right: 0;
        padding-left: 0;
        width: 100%
    }

    .md__card__mix .performance_chart.horizontal .item__content {
        margin-bottom: 10px
    }

    .md__card__mix .performance_chart.horizontal .item__content .bar__score__txt {
        font-size: .875rem
    }

    .md__card__mix .performance_chart.horizontal .item__content .title {
        margin-top: 0;
        margin-bottom: 3px;
        font-size: 1rem
    }

    .md__card__mix .performance_chart.horizontal .item__content .bar__content {
        height: 20px;
        border-radius: 0 3px 3px 0
    }
}

@media all and (max-width: 730.5px) {
    .md__card__mix .performance_chart.vertical {
        margin-top:30px;
        padding-right: 0;
        padding-left: 0
    }

    .md__card__mix .performance_chart.vertical .item_contents {
        gap: 20px
    }

    .md__card__mix .performance_chart.vertical .item__content .score {
        font-size: 1.125rem
    }

    .md__card__mix .performance_chart.vertical .item__content .score.main {
        margin-bottom: -7px;
        font-size: 40px
    }

    .md__card__mix .performance_chart.vertical .item__content .score__unit {
        margin-top: 0;
        font-size: 1rem
    }

    .md__card__mix .performance_chart.vertical .item__content .bar {
        margin-top: 5px
    }

    .md__card__mix .performance_chart.vertical .item__content .bar__content {
        width: 47px;
        border-radius: 4px 4px 0 0
    }

    .md__card__mix .performance_chart.vertical .item__titles {
        margin-top: 8px;
        gap: 20px
    }

    .md__card__mix .performance_chart.vertical .item__titles .title {
        font-size: 1rem
    }
}

@media all and (max-width: 730.5px) {
    .md__card__mix .wdtab {
        margin-top:24px
    }

    .md__card__mix .wdtab .wdtab__nav-btn {
        padding: 0 16px 16px;
        max-width: 180px;
        font-size: 1.125rem;
        min-width: 100px;
        vertical-align: bottom
    }

    .md__card__mix .wdtab .wdtab__panel__item {
        padding-top: 24px
    }

    .md__card__mix .wdtab .panel__container .item__info {
        font-size: 1.125rem;
        text-align: center
    }

    .md__card__mix .wdtab .panel__container .item__image {
        margin: 24px auto 0;
        width: 100%
    }

    .md__card__mix .wdtab .panel__container .item__image .img__container {
        position: relative;
        overflow: hidden;
        padding-bottom: 70%;
        max-height: 280.5px;
        background-color: transparent
    }

    .md__card__mix .wdtab .panel__container .item__image .img__container .img__tab {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: auto
    }

    .md__card__mix .wdtab .panel__container .item__image .img__container .img__tab--pause {
        top: unset;
        bottom: 0
    }

    .md__card__mix .wdtab .panel__container .item__image--gif .img__container {
        overflow: hidden;
        padding-bottom: unset;
        max-height: 210px
    }

    .md__card__mix .wdtab .panel__container .item__image--gif .img__container .img__tab {
        position: relative
    }

    .md__card__mix .wdtab .panel__container .item__image--gif .gif__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__card__mix .wdtab .panel__container .item__video {
        margin: 30px auto 0;
        width: 100%
    }

    .md__card__mix .wdtab .panel__container .item__video .img__container {
        overflow: hidden;
        padding-bottom: unset;
        max-height: 210px
    }

    .md__card__mix .wdtab .panel__container .item__video .video__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__card__mix .bar.type-2 {
        overflow: visible
    }

    .md__card__mix .bar.type-2 .bar__content {
        overflow: visible
    }

    .md__card__mix .bar.type-2 .bar__content .bar__score {
        left: calc(100% + 6px);
        width: auto;
        text-align: left;
        text-wrap: nowrap
    }

    .md__card__mix .bar.type-2 .bar__content .bar__score .bar__score__txt {
        color: var(--mdBaseTextColorSub)
    }
}

@media all and (max-width: 730.5px) {
    .md__block__img {
        width:89.2%;
        max-width: 414px
    }

    .md__block__img .md__block__img__container {
        gap: 24px
    }

    .md__block__img .block__img__item {
        grid-column-end: span 6!important;
        border-radius: 15px
    }

    .md__block__img .block__img__item--content {
        padding: 30px 20px;
        padding-bottom: 40px;
        text-align: center
    }

    .md__block__img .block__img__item--content .title {
        font-size: 1.625rem
    }

    .md__block__img .block__img__item--content .info {
        margin-top: 6px;
        font-size: 1.125rem
    }

    .md__block__img .block__img__item--img {
        position: relative
    }

    .md__block__img .block__img__item--img .img__block {
        position: relative;
        margin-top: -45px;
        width: 100%
    }
}

@media all and (max-width: 730.5px) {
    .md__inner__text__half__icon .md__icons {
        justify-content:center;
        margin-top: 40px;
        margin-bottom: 30px
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .figure__img {
        width: 80px;
        height: 53px
    }

    .md__inner__text__half__icon .md__icons .md__icon__item .figure__img img {
        width: 100%;
        object-position: center
    }

    .md__inner__text__half__icon .img__main {
        position: relative;
        left: 50%;
        width: 266px;
        transform: translateX(-50%)
    }
}

@media all and (max-width: 730.5px) {
    .md__tab__img .wdtab .wdtab__nav::before {
        height:3px
    }

    .md__tab__img .wdtab .wdtab__nav-btn {
        padding: 0 16px 16px;
        max-width: 180px;
        min-width: 100px;
        font-size: 1.125rem;
        vertical-align: bottom
    }

    .md__tab__img .wdtab .wdtab__nav-btn::after,.md__tab__img .wdtab .wdtab__nav-btn::before {
        height: 3px!important
    }

    .md__tab__img .wdtab .wd__play__btn.wdtab__autoPlay {
        position: relative;
        top: 24px;
        left: 50%;
        margin-bottom: 24px;
        margin-left: -15px
    }

    .md__tab__img .wdtab .wd__play__btn.wdtab__autoPlay .wd__play__btn-button {
        position: relative;
        top: 0
    }

    .md__tab__img .wdtab .wdtab__panel__item {
        padding-top: 24px
    }

    .md__tab__img .panel__info {
        margin: 0 auto 24px;
        width: 90%;
        max-width: 600px;
        font-size: 1.125rem
    }

    .md__tab__img .tab__containter.tab__type--text {
        align-items: center;
        width: 89.2%;
        max-width: 414px;
        flex-direction: column
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--default {
        overflow: hidden;
        width: 100%;
        max-width: 414px;
        max-height: 310.5px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--default .img__main {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--ui {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width: 414px;
        max-height: 232px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--text .tab__img--ui .img__main {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block {
        margin-bottom: 20px;
        text-align: center
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block:last-child {
        margin-bottom: 0
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block .title {
        font-size: 1.625rem
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .text__block .info {
        margin-top: 6px;
        font-size: 1.125rem
    }

    .md__tab__img .tab__containter.tab__type--text .tab__text .wd__feature__list {
        margin-bottom: 30px
    }

    .md__tab__img .tab__containter.tab__type--img {
        margin: 0 auto;
        width: 89.2%;
        max-width: 414px
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--default {
        overflow: hidden;
        padding-bottom: 75%;
        width: 100%;
        max-width: 414px;
        max-height: 310.5px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--default .img__main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--ui {
        position: relative;
        overflow: hidden;
        padding-bottom: 56%;
        width: 100%;
        max-width: 414px;
        max-height: 232px;
        background-color: transparent
    }

    .md__tab__img .tab__containter.tab__type--img .tab__img--ui .img__main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

    .md__tab__img .tab__containter.tab__type--qled {
        margin: 0 auto;
        width: 89.2%;
        max-width: 414px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__title {
        font-size: 1.625rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__info {
        margin: 6px auto 30px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container {
        display: grid;
        width: 89.2%;
        max-width: 414px;
        grid-template-columns: repeat(1,1fr)
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item {
        margin-bottom: 48px;
        grid-column-end: span 1
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item:last-child {
        margin-bottom: 0
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .title {
        margin-bottom: 10px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img {
        margin: 0 auto;
        width: 185px;
        height: 316px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .qled__img::after {
        top: 20px;
        left: 86px;
        width: 10px;
        height: 10px
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .info {
        margin-top: 30px;
        margin-bottom: 3px;
        font-size: 1.25rem
    }

    .md__tab__img .tab__containter.tab__type--qled .qled__container .qled__item .hz {
        font-size: 1rem
    }

    .md__tab__img .tab__containter.tab__type--video {
        align-items: center;
        width: 89.2%;
        max-width: 414px;
        flex-direction: column
    }

    .md__tab__img .tab__containter.tab__type--video .item__video {
        margin: 0 auto;
        width: 100%
    }

    .md__tab__img .tab__containter.tab__type--video .item__video .video__play__btn {
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__tab__img .tab__containter.tab__type--video .item__video .img__container {
        overflow: hidden;
        max-height: 210px
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block {
        margin-bottom: 20px;
        text-align: center
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block:last-child {
        margin-bottom: 0
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block .title {
        font-size: 1.625rem
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .text__block .info {
        margin-top: 6px;
        font-size: 1.125rem
    }

    .md__tab__img .tab__containter.tab__type--video .tab__text .wd__feature__list {
        margin-bottom: 30px
    }
}

@media all and (max-width: 730.5px) {
    .md__tab__img.inner .tab__containter.tab__type--video .item__video {
        margin-top:4px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .md__tab__img.inner .tab__containter.tab__type--text .tab__img {
        margin-top: 4px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }

    .md__tab__img.inner .tab__containter.tab__type--img .tab__img {
        margin-top: 12px;
        margin-bottom: 4px;
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (max-width: 730.5px) {
    .md__base__content__video {
        padding-bottom:5px
    }

    .md__base__content__video .item__video {
        position: relative;
        margin: 0 auto;
        width: 89.2%;
        max-width: 414px
    }

    .md__base__content__video .item__video .wd__play__btn {
        z-index: 2;
        top: 10px;
        right: 10px;
        left: unset;
        margin-left: unset
    }

    .md__base__content__video .item__video .img__container {
        box-shadow: 0 0 11px 4px var(--mdPrimaryColor)
    }
}

@media all and (max-width: 730.5px) {
    .section__ksp {
        padding-top:0;
        padding-bottom: 0
    }

    .section__ksp .sectionnNavPosition {
        top: -102px
    }

    .section__ksp .wdtile__container .wdtile__item {
        transform: none!important
    }
}

@media all and (max-width: 730.5px) {
    .section__ksp+.section__wdvideos .wdVideos.active {
        padding-top:58px
    }
}

@media all and (max-width: 730.5px) {
    .section__ksp .wdtile {
        margin-right:auto;
        margin-left: auto;
        width: 89.2%;
        max-width: 414px
    }

    .section__ksp .wdtile .item__block {
        justify-content: center;
        padding: 54px 0
    }

    .section__ksp .wdtile .item__block .item__content--title,.section__ksp .wdtile .item__block .item__content--title *,.section__ksp .wdtile .item__block .wd__content .content__title,.section__ksp .wdtile .item__block .wd__content .content__title * {
        font-size: 1.5rem;
        line-height: 1.2
    }

    .section__ksp .wdtile .item__block .item__content--descBottom,.section__ksp .wdtile .item__block .item__content--descBottom *,.section__ksp .wdtile .item__block .item__content--descTop,.section__ksp .wdtile .item__block .item__content--descTop *,.section__ksp .wdtile .item__block .item__leftdesc,.section__ksp .wdtile .item__block .item__leftdesc *,.section__ksp .wdtile .item__block .wd__content .content__info,.section__ksp .wdtile .item__block .wd__content .content__info * {
        font-size: 1rem;
        line-height: 1.4
    }

    .section__ksp .wdtile .item__block--content,.section__ksp .wdtile .item__block--feature {
        padding-right: 38px;
        padding-left: 38px
    }

    .section__ksp .wdtile .item__block--content .wd__content {
        width: 100%
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__title {
        margin-top: 0;
        padding: 0
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info {
        margin-top: 12px
    }

    .section__ksp .wdtile .item__block--content .wd__content .content__info+.content__info {
        margin-top: 6px
    }

    .section__ksp .wdtile .item__block--feature {
        padding-right: 38px;
        padding-left: 38px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc {
        padding: 15px 20px 20px
    }

    .section__ksp .wdtile .item__block--feature .item__leftdesc+.item__image {
        margin-top: 19px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        min-height: 101px;
        margin-bottom: 38px
    }

    .section__ksp .wdtile .item__block--feature .item__image {
        display: block;
        margin-bottom: 18px;
        min-height: auto
    }

    .section__ksp .wdtile .item__block--feature .item__image .img__item {
        display: block;
        position: relative
    }

    .section__ksp .wdtile .item__block--feature .item__content--descTop {
        margin-bottom: 17px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom {
        margin-top: 0
    }

    .section__ksp .wdtile .item__block--feature .item__content--title+.item__content--descBottom {
        margin-top: 6px
    }

    .section__ksp .wdtile .item__block--feature .item__content--descBottom span+span {
        margin-top: 5px
    }
}

@media all and (max-width: 730.5px) {
    .section__ksp .item__block.small-v-top {
        justify-content:flex-start
    }

    .section__ksp .item__block--feature,.section__ksp .item__block[class*=small-img-v-],.section__ksp .item__block[class*=small-txt-v-] {
        flex-direction: column;
        flex-wrap: wrap
    }

    .section__ksp .item__block--content,.section__ksp .item__block[class*=small-img-h-],.section__ksp .item__block[class*=small-txt-h-] {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch
    }

    .section__ksp .item__block--content.small-img-v-txt .item__content,.section__ksp .item__block--feature.small-img-v-txt .item__content {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-v-txt .item__image,.section__ksp .item__block--feature.small-img-v-txt .item__image {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-v-img .item__content,.section__ksp .item__block--feature.small-txt-v-img .item__content {
        width: 100%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-v-img .item__image,.section__ksp .item__block--feature.small-txt-v-img .item__image {
        width: 100%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-h-txt .item__content,.section__ksp .item__block--feature.small-img-h-txt .item__content {
        width: 50%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-h-txt .item__image,.section__ksp .item__block--feature.small-img-h-txt .item__image {
        width: 50%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-h-img .item__content,.section__ksp .item__block--feature.small-txt-h-img .item__content {
        width: 50%;
        order: 1
    }

    .section__ksp .item__block--content.small-txt-h-img .item__image,.section__ksp .item__block--feature.small-txt-h-img .item__image {
        width: 50%;
        order: 2
    }

    .section__ksp .item__block--content.small-img-v-txt .item__image,.section__ksp .item__block--feature.small-img-v-txt .item__image {
        margin-top: 0;
        margin-bottom: 26px;
        width: 100%
    }

    .section__ksp .item__block--content.small-txt-v-img .item__image,.section__ksp .item__block--feature.small-txt-v-img .item__image {
        margin-top: 26px;
        margin-bottom: 0;
        width: 100%
    }
}

@media all and (max-width: 730.5px) {
    .section__ksp .item__block.small-txt-left,.section__ksp .item__block.small-txt-left * {
        text-align:left
    }

    .section__ksp .item__block.small-txt-center,.section__ksp .item__block.small-txt-center * {
        text-align: center
    }

    .section__ksp .item__block.small-txt-right,.section__ksp .item__block.small-txt-right * {
        text-align: right
    }
}

@media all and (max-width: 730.5px) {
    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item {
        border-radius:15px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature {
        padding-top: 38px;
        padding-right: 25px;
        padding-left: 25px
    }

    .section__ksp.modules-mb .wdtile.wdtile-ksp .wdtile__item .item__block--feature .item__image {
        margin-bottom: 12px;
        width: 127px;
        height: 95px;
        min-height: 95px
    }
}

@media all and (max-width: 730.5px) {
    section .small_use {
        display:block!important
    }

    section .small_unuse {
        display: none
    }

    section .no__wrap {
        white-space: normal
    }

    section .wd__link__arrow::after {
        padding-left: 5px
    }

    section .modal-button-container .modal-button {
        min-width: auto;
        margin-top: 20px
    }

    section .modal-button-container .modal-button,section .modal-button-container .modal-button * {
        font-size: 1.125rem
    }

    .wd__content .content__slogan {
        font-size: 1.125rem
    }

    .wd__content .content__title {
        font-size: 2.25rem;
        line-height: 1.3;
        margin-top: 0
    }

    .wd__content .content__info {
        font-size: 1.125rem;
        line-height: 1.4;
        margin-top: 10px
    }

    .wd__content .content__link {
        margin-top: 6px
    }

    .wd__feature__list {
        margin-top: -26px;
        width: 89.2%;
        max-width: 440px
    }

    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 2.5rem
    }

    .wd__feature__list .wd__feature .wd__feature__describe,.wd__feature__list .wd__feature .wd__feature__describe *,.wd__feature__list .wd__feature .wd__feature__describe__top,.wd__feature__list .wd__feature .wd__feature__describe__top * {
        font-size: .9375rem
    }

    .section-media-top {
        height: 48px
    }

    .cmd-sidenav .item-dot.enter {
        background: #7c8e9e
    }

    section .section__s7 .md__icons .md__icon__item {
        width: 135px
    }

    .wd__section .sectionnNavPosition {
        top: -59px
    }
}

@media all and (max-width: 730.5px) {
    .inner-view {
        margin-bottom:0
    }

    .inner-view .inner-view-container {
        max-width: 730px
    }

    .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 730px
    }

    .inner-view .inner-view-container .wd__section:last-child {
        padding-bottom: 40px
    }

    .inner-view .inner-view-container .modal-button-container .modal-inner-text {
        top: 0!important;
        font-size: 1.125rem
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .sidenav-container .item {
        width:100%
    }

    .cmd-sidenav .sidenav-container .item .item-label .label-name span {
        background: linear-gradient(to right,#a3a3a3,#a3a3a3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .cmd-sidenav .sidenav-container .item.enter .item-label .label-name span {
        background: linear-gradient(to right,#fff,#fff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .cmd-sidenav .sidenav-container .item.enter .item-dot {
        background: var(--mdSidenavBackgroundGradientColor)
    }

    .cmd-sidenav .sidenav-container .item-container:last-child {
        position: relative
    }

    .cmd-sidenav .sidenav-container .item-container:last-child a {
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media all and (max-width: 730.5px) {
    .cmd-sidenav .sidenav-container .item-container:last-child .item.enter .item-dot {
        background:unset!important
    }

    .cmd-sidenav .sidenav-container .item-container:last-child .item.enter .item-label .label-name span {
        background: linear-gradient(to right,#a3a3a3,#a3a3a3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@media all and (max-width: 730.5px) {
    .section__kv .md__bg {
        top:-30px
    }
}

@media all and (max-width: 730.5px) {
    .section__s95 .content__container .content-img {
        position:relative;
        left: 50%;
        margin-top: -30px;
        margin-left: -504px;
        width: 1300px;
        height: 276px
    }

    .section__s95 .content__container .content-text {
        position: relative;
        margin: 15px auto 0
    }
}

@media all and (max-width: 730.5px) {
    .section__comment {
        padding-top:0;
        padding-bottom: 60px
    }

    .section__comment .footnotes {
        margin-top: 0
    }

    .section__comment .footnotes .footnote li:last-child {
        margin-bottom: 0
    }
}

@media all and (max-width: 730.5px) {
    .inner-view {
        margin-bottom:0
    }

    .inner-view .inner-view-container {
        max-width: 730px
    }

    .inner-view .inner-view-container .inner-modal {
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        width: 100%;
        max-width: 730px
    }

    .inner-view .inner-view-container .wd__section:last-child {
        padding-bottom: 40px
    }

    .inner-view .inner-view-container .modal-button-container .modal-inner-text {
        top: 0!important;
        font-size: 1.125rem
    }
}