/*** Global ***/ html { font-size: 15px; } body { font-size: 1em; line-height: 1.3; } .inline__block { display: inline-block; } /* stylelint-disable rule */ /* stylelint-enable rule */ .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 { position: absolute !important; overflow: hidden; padding: 0 !important; width: 1px !important; height: 1px !important; border: 0 !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } sup { position: relative; vertical-align: baseline; top: -0.44em; font-size: 0.6em; line-height: 0 !important; } sup.sign-cr { top: 0.15em; font-size: 1.7em; } sup.sign-tm { top: 0.03em; font-size: 1.3em; } sup.footnote-num { top: -0.6em; font-size: 0.7em; } sup.sign-deg { top: -0.02em; font-size: 1.15em; } sup.sign-star { top: -0.2em; font-size: 1em; } sup a { color: inherit; } sup a:hover { color: inherit; } .wd__content .content__title sup.sign-cr { top: 0.01em; font-size: 1.2em; } .wd__content .content__title sup.sign-tm { top: -0.21em; font-size: 0.9em; } .wd__content .content__title sup.footnote-num { top: -0.8em; font-size: 0.55em; } .wd__content .content__title sup.sign-deg { top: -0.25em; font-size: 0.8em; } .wd__content .content__title sup.sign-star { top: -0.4em; font-size: 0.7em; } .wd_content_tab_side .btn_icon .content-title sup.sign-cr { top: -0.1em; font-size: 1.1em; } .wd_content_tab_side .btn_icon .content-title sup.sign-tm { top: -0.2em; font-size: 0.9em; } .wd_content_tab_side .btn_icon .content-title sup.footnote-num { top: -0.8em; font-size: 0.55em; } .wd_content_tab_side .btn_icon .content-title sup.sign-deg { top: -0.23em; font-size: 0.9em; } .wd_content_tab_side .btn_icon .content-title sup.sign-star { top: -0.3em; font-size: 0.8em; } .footnotes .footnote .footnote-item sup.sign-cr { top: 0.01em; font-size: 1.2em; } .footnotes .footnote .footnote-item sup.sign-tm { top: -0.21em; font-size: 0.9em; } .footnotes .footnote .footnote-item sup.footnote-num { top: -0.8em; font-size: 0.55em; } .footnotes .footnote .footnote-item sup.sign-deg { top: -0.25em; font-size: 0.8em; } .footnotes .footnote .footnote-item sup.sign-star { top: -0.4em; font-size: 0.7em; } @media all and (min-width: 1280px) { .footnote-item sup.sign-cr { top: -0.1em; } } @media all and (min-width: 731px) and (max-width: 1279.5px) { .wd_grid_content_icon .content-top sup.sign-cr, .wd_grid_content_icon .content-bottom sup.sign-cr { top: 0.06em; font-size: 1.4em; } .wd_grid_content_icon .content-center sup.sign-cr { top: 0.06em; font-size: 1.4em; } .wd_grid_content_icon .content-center sup.sign-tm { top: -0.1em; font-size: 1.1em; } .wd_grid_content_icon .content-center sup.footnote-num { top: -0.6em; font-size: 0.6em; } .wd_grid_content_icon .content-center sup.sign-deg { top: -0.04em; font-size: 1em; } .wd_grid_content_icon .content-center sup.sign-star { top: -0.2em; font-size: 0.9em; } .wd_content_tab_side .btn_icon .content-title sup.sign-cr { top: -0.1em; font-size: 1.1em; } .wd_content_tab_side .btn_icon .content-title sup.sign-tm { top: -0.2em; font-size: 0.9em; } .wd_content_tab_side .btn_icon .content-title sup.footnote-num { top: -0.8em; font-size: 0.55em; } .wd_content_tab_side .btn_icon .content-title sup.sign-deg { top: -0.23em; font-size: 0.9em; } .wd_content_tab_side .btn_icon .content-title sup.sign-star { top: -0.3em; font-size: 0.8em; } .footnote-item sup.sign-cr { top: 0.04em; } } @media all and (max-width: 730.5px) { .wd_grid_content_icon .content-center sup.sign-cr { top: -0.08em; font-size: 1.1em; } .wd_grid_content_icon .content-center sup.sign-tm { top: -0.2em; font-size: 0.9em; } .wd_grid_content_icon .content-center sup.footnote-num { top: -0.8em; font-size: 0.55em; } .wd_grid_content_icon .content-center sup.sign-deg { top: -0.2em; font-size: 0.9em; } .wd_grid_content_icon .content-center sup.sign-star { top: -0.3em; font-size: 0.8em; } } .screen-reader-only { position: absolute; overflow: hidden; width: 1px; white-space: nowrap; clip: rect(0 0 0 0); } /* .wd__section .slick-prev, .wd__section .slick-next, */ .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 { -webkit-appearance: normal; -moz-appearance: normal; appearance: normal; outline: initial; outline-color: initial; outline-style: initial; outline-width: initial; } .js-focus-visible #CMD :focus:not(.focus-visible) { outline: none; } #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 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, #overviewContentInsertWrapper nav:focus-visible { outline: 2px solid #248dff; } body { background-attachment: scroll !important; -moz-osx-font-smoothing: grayscale; } #CMD { -webkit-transition-duration: 700ms; -khtml-transition-duration: 700ms; -moz-transition-duration: 700ms; -ms-transition-duration: 700ms; -o-transition-duration: 700ms; transition-duration: 700ms; -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(0.25, 0.46, 0.33, 0.98); -khtml-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); position: relative; margin-bottom: 0; padding-bottom: 70px; font-size: 0; text-align: center; line-height: 1.3; -webkit-tap-highlight-color: transparent; } #CMD * { box-sizing: border-box; } @media all and (min-width: 731px) and (max-width: 1279.5px) { #CMD { padding-bottom: 72px; } } @media all and (max-width: 730.5px) { #CMD { margin-bottom: 0; padding-bottom: 42px; } } .fix_ie_png { filter: progid:dximagetransform.microsoft.gradient(startColorstr=#0fff, endColorstr=#0fff); } @media all and (min-width: 1280px) { .clear__background__src { background-image: none !important; } } section { position: relative; margin-right: auto; margin-left: auto; max-width: 2560px; } @media all and (min-width: 731px) and (max-width: 1279.5px) { section { margin-right: auto; margin-left: auto; width: 100%; max-width: 1279.5px; } } @media all and (min-width: 0) and (max-width: 730.5px) { section { margin-right: auto; margin-left: auto; width: 100%; max-width: 730.5px; } } .progressive-image { background-image: none !important; mask: none !important; -webkit-mask-image: none !important; } @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; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 800ms linear; } .grace-show.show { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transform: translate3d(0, 0, 0); will-change: opacity; } .grace-show.animated { transform: none; will-change: null; transition: none; } } .in.moving__element { will-change: transform, opacity; } .wd__animation__easeout { -webkit-transition-duration: 500ms, 500ms; -khtml-transition-duration: 500ms, 500ms; -moz-transition-duration: 500ms, 500ms; -ms-transition-duration: 500ms, 500ms; -o-transition-duration: 500ms, 500ms; transition-duration: 500ms, 500ms; -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, 0.58, 1); -khtml-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -ms-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-duration: 500ms; -moz-transition-property: all; } @keyframes ripple { 0% { opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes ballRotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .text__animation > h1, .text__animation > h2, .text__animation > h3, .text__animation > h4, .text__animation > span, .text__animation > div, .text__animation > figure, .text__animation > img, .text__animation > a { opacity: 0; transform: translateZ(0) translateY(30px); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .wd__content.text__animation > h1, .wd__content.text__animation > h2, .wd__content.text__animation > h3, .wd__content.text__animation > h4, .wd__content.text__animation > span, .wd__content.text__animation > div, .wd__content.text__animation > figure, .wd__content.text__animation > img, .wd__content.text__animation > a { opacity: 0; transform: translateZ(0) translateY(30px); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .wd__content.text__animation.text-showed .content__slogan, .wd__content.text__animation.text-showed .content__title, .wd__content.text__animation.text-showed .content__info, .wd__content.text__animation.text-showed .content__comment, .wd__content.text__animation.text-showed .content__link, .wd__content.text__animation.text-showed .wd__feature__list { will-change: null; transform: none; } .inner-modal .wd__content.text__animation .content__slogan, .inner-modal .wd__content.text__animation .content__title, .inner-modal .wd__content.text__animation .content__info, .inner-modal .wd__content.text__animation .content__comment, .inner-modal .wd__content.text__animation .content__link, .inner-modal .wd__content.text__animation .wd__feature__list { opacity: 0; transform: translateZ(0) translateY(30px); transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .inner-modal .wd__content.text__animation.text-showed .content__slogan, .inner-modal .wd__content.text__animation.text-showed .content__title, .inner-modal .wd__content.text__animation.text-showed .content__info, .inner-modal .wd__content.text__animation.text-showed .content__comment, .inner-modal .wd__content.text__animation.text-showed .content__link, .inner-modal .wd__content.text__animation.text-showed .wd__feature__list { will-change: null; transform: none; } .outer-view { opacity: 1; transition: opacity 300ms linear; } .outer-view.is-hide { opacity: 0; } .wd__section .slick-dots { margin-right: auto; margin-left: auto; } #CMD .outer-view { margin-top: 56px \9 !important; } #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-5, #main-zone-3, #main-zone-4, #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; } } .odin ol li, .odin ul li { margin: 0; } .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; } .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; } @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 { margin-right: 30px; margin-left: 30px; } .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top, .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 { 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 .section_content.text-white .modal-button { background-color: rgba(0, 0, 0, 0.6); color: white; border-color: white; } #CMD .wd__section .section_content.text-white .modal-button:hover { background-color: rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.6); } #CMD .wd__section .section_content.text-white .wd__content .content__comment, #CMD .wd__section .section_content.text-white .wd__content .content__info, #CMD .wd__section .section_content.text-white .wd__content .content__title { color: #fff; } #CMD .wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__data, #CMD .wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__data *, #CMD .wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe, #CMD .wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe *, #CMD .wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top, #CMD .wd__section .section_content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top * { color: #fff; } #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-start-cap, .modal-button-container.bg-gray .modal-button .modal-button-scaler, .modal-button-container.bg-gray .modal-button .modal-button-end-cap { background: #6f6f6f; } .modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap, .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 { 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-start-cap, .modal-button-container.bg-white .modal-button .modal-button-scaler, .modal-button-container.bg-white .modal-button .modal-button-end-cap { background: #fff; } .modal-button-container.bg-white .modal-button .pluscircle-icon svg path { fill: #333; } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */ .lity { position: fixed; z-index: 9990; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; white-space: nowrap; outline: auto; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.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: none !important; } .lity-wrap::before { display: inline-block; margin-right: -0.25em; height: 100%; content: ''; vertical-align: middle; } .lity-loader { position: absolute; z-index: 9991; top: 50%; opacity: 0; margin-top: -0.8em; width: 100%; color: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: center; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.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: none !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 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content::after { display: block; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; content: ''; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { position: fixed; z-index: 9994; cursor: pointer; top: 0; right: 0; 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: none; -webkit-appearance: none; font-style: normal; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: none; box-shadow: none; } .lity-close::-moz-focus-inner { padding: 0; border: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { padding: 0; color: #fff; font-size: 35px; font-family: Arial, Baskerville, monospace; text-align: center; text-decoration: none; outline: auto; border: 0; background: none; font-style: normal; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: none; box-shadow: none; } .lity-close:active { top: 1px; } /* Image */ .lity-image img { display: block; max-width: 100%; border: 0; line-height: 0; } /* iFrame */ .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .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, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-hide { display: none; } .wd__section .wd__content { color: #242424; } @media all and (min-width: 731px) and (max-width: 1279.5px) { .wd__section .wd__content { width: 90%; } } .wd__section .wd__content .content__slogan { position: relative; color: #a89d5b; font-size: 1.875rem; } @media all and (min-width: 731px) and (max-width: 1279.5px) { .wd__section .wd__content .content__slogan { font-size: 1.5rem; } } @media all and (max-width: 730.5px) { .wd__section .wd__content .content__slogan { font-size: 1.25rem; } } .wd__section .wd__content .content__title { position: relative; font-size: 3rem; line-height: 1.2; } @media all and (max-width: 730.5px) { .wd__section .wd__content .content__title { font-size: 1.875rem; } } .wd__section .wd__content .content__title span { display: inline-block; } .wd__section .wd__content .content__info { position: relative; margin-top: 20px; font-size: 1.25rem; line-height: 1.5; } @media all and (max-width: 730.5px) { .wd__section .wd__content .content__info { font-size: 1.125rem; line-height: 1.45; } } .wd__section .wd__content .content__comment { margin-top: 16px; color: #717171; font-size: 1.125rem; line-height: 1.4; } @media all and (max-width: 730.5px) { .wd__section .wd__content .content__comment { font-size: 0.8125rem; } } .wd__section .wd__content .content__link { display: block; margin-top: 16px; font-size: 1.25rem; line-height: 1.3; } @media all and (max-width: 730.5px) { .wd__section .wd__content .content__link { font-size: 15.5 px; line-height: 1.2; } } .wd__section .wd__content .content__link span { display: inline; color: #0188c8; border-bottom: 1px solid transparent; } .wd__section .wd__content .content__link *, .wd__section .wd__content .content__link:active span, .wd__section .wd__content .content__link:link span, .wd__section .wd__content .content__link:visited span { border-bottom: 1px solid transparent; } .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #0188c8; } .wd__section .wd__link__arrow::after { content: '>'; padding-left: 7px; color: #0188c8; } @media all and (min-width: 731px) and (max-width: 1279.5px) { .wd__section .wd__link__arrow::after { padding-left: 3px; } } @media all and (max-width: 730.5px) { .wd__section .wd__link__arrow::after { padding-left: 4px; } } .wd__section #CMD .section__comment { margin-top: 25px; margin-bottom: -75px; padding-top: 0; } .wd__section .footnotes { margin: 0 auto; padding-right: 16px; padding-left: 16px; box-sizing: border-box; width: 100%; max-width: 1221px; } .wd__section .footnotes .footnote { font-size: 0.8125rem; line-height: 1.4; } .wd__section .footnotes .footnote .footnote-item { list-style-type: decimal; margin-bottom: 10px; } .wd__section .footnotes .footnote .footnote-item, .wd__section .footnotes .footnote .footnote-item * { color: #666; font-size: 0.8125rem; text-align: left; line-height: 1.5; } .wd__section .footnotes.footnote-item-star .footnote .footnote-item { position: relative; list-style-type: none; color: #666; } .wd__section .footnotes.footnote-item-star .footnote .footnote-item::before { display: block; position: absolute; top: 9px; left: -14px; content: '*'; line-height: 0; color: #666; } @media all and (min-width: 731px) and (max-width: 1279.5px) { .wd__section #CMD .section__comment { margin-top: -58px; margin-bottom: -52px; padding-top: 0; } .wd__section .footnotes { padding: 0 28px 0 40px; width: 100%; max-width: 1280px; } .wd__section .footnotes .footnote .footnote-item { margin-bottom: 10px; } .wd__section .footnotes .footnote .footnote-item, .wd__section .footnotes .footnote .footnote-item * { font-size: 0.8125rem; line-height: 1.5; } .wd__section .footnotes.footnote-item-star .footnote .footnote-item::before { top: 9px; left: -14px; } } @media all and (max-width: 730.5px) { .wd__section #CMD .section__comment { display: inline-block; margin-top: -38px; margin-bottom: -36px; padding-top: 0; } .wd__section .footnotes { padding: 0 28px 0 22px; box-sizing: border-box; width: 100%; max-width: 730px; } .wd__section .footnotes .footnote { margin-left: 14px; font-size: 0.8125rem; line-height: 1.4; } .wd__section .footnotes .footnote .footnote-item { margin-bottom: 12px; } .wd__section .footnotes .footnote .footnote-item, .wd__section .footnotes .footnote .footnote-item * { font-size: 0.8125rem; } .wd__section .footnotes.footnote-item-star .footnote .footnote-item::before { top: 10px; left: -11px; } } #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'; } } section { position: relative; width: 100%; } .section__content { margin-left: auto; margin-right: auto; width: 100%; height: 100%; } section.no-pad { padding: 0; } section.no-pad-bot { padding-bottom: 0; } section.no-pad-top { padding-top: 0; } #CMD .row { position: relative; margin-left: auto; margin-right: auto; } #CMD .row:after { content: ""; display: table; clear: both; } #CMD .row .col { float: left; box-sizing: border-box; padding: 0; margin: 0; } #CMD .row .col[class*="push-"], #CMD .row .col[class*="pull-"] { position: relative; } #CMD .row .col.l1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l2 { width: 16.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l3 { width: 25%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l4 { width: 33.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l5 { width: 41.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l6 { width: 50%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l7 { width: 58.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l8 { width: 66.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l9 { width: 75%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l10 { width: 83.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l11 { width: 91.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.l12 { width: 100%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.offset-l1 { margin-left: 8.33333%; } #CMD .row .col.pull-l1 { right: 8.33333%; } #CMD .row .col.push-l1 { left: 8.33333%; } #CMD .row .col.offset-l2 { margin-left: 16.66667%; } #CMD .row .col.pull-l2 { right: 16.66667%; } #CMD .row .col.push-l2 { left: 16.66667%; } #CMD .row .col.offset-l3 { margin-left: 25%; } #CMD .row .col.pull-l3 { right: 25%; } #CMD .row .col.push-l3 { left: 25%; } #CMD .row .col.offset-l4 { margin-left: 33.33333%; } #CMD .row .col.pull-l4 { right: 33.33333%; } #CMD .row .col.push-l4 { left: 33.33333%; } #CMD .row .col.offset-l5 { margin-left: 41.66667%; } #CMD .row .col.pull-l5 { right: 41.66667%; } #CMD .row .col.push-l5 { left: 41.66667%; } #CMD .row .col.offset-l6 { margin-left: 50%; } #CMD .row .col.pull-l6 { right: 50%; } #CMD .row .col.push-l6 { left: 50%; } #CMD .row .col.offset-l7 { margin-left: 58.33333%; } #CMD .row .col.pull-l7 { right: 58.33333%; } #CMD .row .col.push-l7 { left: 58.33333%; } #CMD .row .col.offset-l8 { margin-left: 66.66667%; } #CMD .row .col.pull-l8 { right: 66.66667%; } #CMD .row .col.push-l8 { left: 66.66667%; } #CMD .row .col.offset-l9 { margin-left: 75%; } #CMD .row .col.pull-l9 { right: 75%; } #CMD .row .col.push-l9 { left: 75%; } #CMD .row .col.offset-l10 { margin-left: 83.33333%; } #CMD .row .col.pull-l10 { right: 83.33333%; } #CMD .row .col.push-l10 { left: 83.33333%; } #CMD .row .col.offset-l11 { margin-left: 91.66667%; } #CMD .row .col.pull-l11 { right: 91.66667%; } #CMD .row .col.push-l11 { left: 91.66667%; } #CMD .row .col.offset-l12 { margin-left: 100%; } #CMD .row .col.pull-l12 { right: 100%; } #CMD .row .col.push-l12 { left: 100%; } @media only screen and (min-width: 731px) and (max-width: 1279.5px) { #CMD .row .col.m1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m2 { width: 16.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m4 { width: 33.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m5 { width: 41.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m6 { width: 50%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m7 { width: 58.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m8 { width: 66.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m9 { width: 75%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m10 { width: 83.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m11 { width: 91.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.m12 { width: 100%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.offset-m1 { margin-left: 8.33333%; } #CMD .row .col.pull-m1 { right: 8.33333%; } #CMD .row .col.push-m1 { left: 8.33333%; } #CMD .row .col.offset-m2 { margin-left: 16.66667%; } #CMD .row .col.pull-m2 { right: 16.66667%; } #CMD .row .col.push-m2 { left: 16.66667%; } #CMD .row .col.offset-m3 { margin-left: 25%; } #CMD .row .col.pull-m3 { right: 25%; } #CMD .row .col.push-m3 { left: 25%; } #CMD .row .col.offset-m4 { margin-left: 33.33333%; } #CMD .row .col.pull-m4 { right: 33.33333%; } #CMD .row .col.push-m4 { left: 33.33333%; } #CMD .row .col.offset-m5 { margin-left: 41.66667%; } #CMD .row .col.pull-m5 { right: 41.66667%; } #CMD .row .col.push-m5 { left: 41.66667%; } #CMD .row .col.offset-m6 { margin-left: 50%; } #CMD .row .col.pull-m6 { right: 50%; } #CMD .row .col.push-m6 { left: 50%; } #CMD .row .col.offset-m7 { margin-left: 58.33333%; } #CMD .row .col.pull-m7 { right: 58.33333%; } #CMD .row .col.push-m7 { left: 58.33333%; } #CMD .row .col.offset-m8 { margin-left: 66.66667%; } #CMD .row .col.pull-m8 { right: 66.66667%; } #CMD .row .col.push-m8 { left: 66.66667%; } #CMD .row .col.offset-m9 { margin-left: 75%; } #CMD .row .col.pull-m9 { right: 75%; } #CMD .row .col.push-m9 { left: 75%; } #CMD .row .col.offset-m10 { margin-left: 83.33333%; } #CMD .row .col.pull-m10 { right: 83.33333%; } #CMD .row .col.push-m10 { left: 83.33333%; } #CMD .row .col.offset-m11 { margin-left: 91.66667%; } #CMD .row .col.pull-m11 { right: 91.66667%; } #CMD .row .col.push-m11 { left: 91.66667%; } #CMD .row .col.offset-m12 { margin-left: 100%; } #CMD .row .col.pull-m12 { right: 100%; } #CMD .row .col.push-m12 { left: 100%; } } @media only screen and (max-width: 730.5px) { #CMD .row .col.s1 { width: 8.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s2 { width: 16.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s3 { width: 25%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s4 { width: 33.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s5 { width: 41.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s6 { width: 50%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s7 { width: 58.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s8 { width: 66.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s9 { width: 75%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s10 { width: 83.33333%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s11 { width: 91.66667%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; } #CMD .row .col.offset-s1 { margin-left: 8.33333%; } #CMD .row .col.pull-s1 { right: 8.33333%; } #CMD .row .col.push-s1 { left: 8.33333%; } #CMD .row .col.offset-s2 { margin-left: 16.66667%; } #CMD .row .col.pull-s2 { right: 16.66667%; } #CMD .row .col.push-s2 { left: 16.66667%; } #CMD .row .col.offset-s3 { margin-left: 25%; } #CMD .row .col.pull-s3 { right: 25%; } #CMD .row .col.push-s3 { left: 25%; } #CMD .row .col.offset-s4 { margin-left: 33.33333%; } #CMD .row .col.pull-s4 { right: 33.33333%; } #CMD .row .col.push-s4 { left: 33.33333%; } #CMD .row .col.offset-s5 { margin-left: 41.66667%; } #CMD .row .col.pull-s5 { right: 41.66667%; } #CMD .row .col.push-s5 { left: 41.66667%; } #CMD .row .col.offset-s6 { margin-left: 50%; } #CMD .row .col.pull-s6 { right: 50%; } #CMD .row .col.push-s6 { left: 50%; } #CMD .row .col.offset-s7 { margin-left: 58.33333%; } #CMD .row .col.pull-s7 { right: 58.33333%; } #CMD .row .col.push-s7 { left: 58.33333%; } #CMD .row .col.offset-s8 { margin-left: 66.66667%; } #CMD .row .col.pull-s8 { right: 66.66667%; } #CMD .row .col.push-s8 { left: 66.66667%; } #CMD .row .col.offset-s9 { margin-left: 75%; } #CMD .row .col.pull-s9 { right: 75%; } #CMD .row .col.push-s9 { left: 75%; } #CMD .row .col.offset-s10 { margin-left: 83.33333%; } #CMD .row .col.pull-s10 { right: 83.33333%; } #CMD .row .col.push-s10 { left: 83.33333%; } #CMD .row .col.offset-s11 { margin-left: 91.66667%; } #CMD .row .col.pull-s11 { right: 91.66667%; } #CMD .row .col.push-s11 { left: 91.66667%; } #CMD .row .col.offset-s12 { margin-left: 100%; } #CMD .row .col.pull-s12 { right: 100%; } #CMD .row .col.push-s12 { left: 100%; } } .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 600ms ease-out; } .inner__nav .nav__heading.clicked { -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .inner__nav .nav__switch__btn { position: absolute; cursor: pointer; bottom: -62px; left: 50%; margin-left: -20px; width: 40px; height: 40px; transition: all 600ms ease-out, top 1000ms 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 500ms 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; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(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; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; transition: opacity 500ms ease-out; } .inner__page.darknight .inner__mask { -webkit-opacity: 0.6; -khtml-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; z-index: 1000000; transition: opacity 500ms 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: 0.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 400ms; } .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(0deg); transition: transform 800ms 50ms, background-image 300ms 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(0deg); } .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 400ms; } .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(0deg); transition: transform 800ms 50ms, background-image 300ms 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(0deg); } .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(0deg); transition: transform 800ms 50ms, background-image 300ms 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(0deg); } .inner__page .section__content .wd__content { max-width: 414px !important; } } .animation_control { display: block; position: absolute; left: 50%; margin-left: -18px; padding: 0; width: 36px; height: 36px; } .animation_control button { position: relative; cursor: pointer; padding: 0; width: 36px; height: 36px; border-width: 0; background-color: transparent; } .animation_control .svg_button_play .svg-rect { fill: none; } .animation_control .svg_button_play .svg-circle, .animation_control .svg_button_play .svg-line { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; fill-rule: evenodd; } .animation_control .svg_button_play .svg-triangle { clip-path: url(#clip-path); } .animation_control button .svg_button_play .svg-line, .animation_control button .svg_button_play .svg-triangle { transition: opacity 1200ms; } .animation_control button .svg_button_play .svg-triangle { opacity: 0; } .animation_control button .svg_button_play .svg-line { opacity: 1; } .animation_control button.show-play .svg_button_play .svg-triangle { opacity: 1; } .animation_control button.show-play .svg_button_play .svg-line { opacity: 0; } .animation_control.theme-black .svg_button_play .svg-circle { stroke: #fff; } .animation_control.theme-black .svg_button_play .svg-line { fill: #fff; stroke: transparent; } .animation_control.theme-black .svg_button_play .svg-triangle .triangle { fill: #fff; } .animation_control.theme-white .svg_button_play .svg-circle { stroke: #000; } .animation_control.theme-white .svg_button_play .svg-line { fill: #000; stroke: transparent; } .animation_control.theme-white .svg_button_play .svg-triangle .triangle { fill: #000; } .space { display: block; position: relative; } @media (min-width: 1280px) { .space.space-large { margin-top: 64px; } .space.space-medium { margin-top: 48px; } .space.space-small { margin-top: 16px; } } @media (min-width: 731px) and (max-width: 1279.5px) { .space.space-large { margin-top: 48px; } .space.space-medium { margin-top: 36px; } .space.space-small { margin-top: 16px; } } @media (max-width: 730.5px) { .space.space-large { margin-top: 48px; } .space.space-medium { margin-top: 32px; } .space.space-small { margin-top: 12px; } } html #CMD .dynamic-column .col.l6 { width: calc(100% / 2 - 9px); } html #CMD .dynamic-column .col.l4 { width: calc(100% / 3 - 12px); } html #CMD .dynamic-column .col.l3 { width: calc(100% / 4 - 14px); } @media (max-width: 1279.5px) and (min-width: 731px) { html #CMD .dynamic-column .col.m12 { width: calc(100%); } html #CMD .dynamic-column .col.m6 { width: calc(100% / 2 - 8px); } html #CMD .dynamic-column .col.m4 { width: calc(100% / 3 - 11px); } html #CMD .dynamic-column .col.m3 { width: calc(100% / 4 - 14px); } } @media (max-width: 730.5px) { html #CMD .dynamic-column .col.s12 { width: calc(100%); } html #CMD .dynamic-column .col.s6 { width: calc(100% / 2 - 6px); } html #CMD .dynamic-column .col.s4 { width: calc(100% / 3 - 12px); } html #CMD .dynamic-column .col.s3 { width: calc(100% / 4 - 14px); } } html #CMD .stopScrollbar { overflow: hidden; } html #CMD #af-header.popHide, html #CMD #overview-top-nav.popHide, html #CMD .section__comment.popHide, html #CMD #asus-api-footer.popHide, html #CMD #main-zone #product-footer-zone.popHide { display: none !important; } html #CMD .modal-button-container { z-index: 2147483647; } @media (max-width: 720px) { html #CMD .modal-button-container { transform: scale(0.8); } } html #CMD .modal-button-container.inner { position: fixed; bottom: 30px; left: 50%; transform: translate3d(-50%, 0, 0); } html #CMD .modal-button-container.text-white .modal-button { color: #fff; } html #CMD .modal-button-container.text-dark .modal-button { color: #000; } html #CMD .modal-button-container.outer { position: relative; text-align: center; } html #CMD .modal-button-container.outer .modal-button-target { top: 50px; } @media (max-width: 720px) { html #CMD .modal-button-container.outer .modal-button-target { top: 42px; } } html #CMD .modal-button-container .modal-button-text, html #CMD .modal-button-container .modal-inner-text { display: block; position: relative; font-size: 22px; pointer-events: none; } @media (min-width: 731px) and (max-width: 1279.5px) { html #CMD .modal-button-container .modal-button-text, html #CMD .modal-button-container .modal-inner-text { font-size: 18px; } } @media (max-width: 730.5px) { html #CMD .modal-button-container .modal-button-text, html #CMD .modal-button-container .modal-inner-text { font-size: 22px; } } html #CMD .modal-button-container .modal-button { display: inline-block; position: relative; z-index: 1; cursor: pointer; cursor: pointer; margin: 10px 0; padding: 8px 30px; font-weight: 200; text-align: center; border: 0; border-style: solid; border-width: 3px; border-radius: 34px; background-color: #000; transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; pointer-events: all; min-width: 50px; line-height: 46px; } html #CMD .outer-view { z-index: 0; transform-origin: 50vw 50vh; } html #CMD .outer-view.animate-scale { transform: translateZ(0) translateY(200px) scale(0.96); transition: transform 650ms ease-out; } html #CMD .outer-view .modal-button-container.ready .modal-button { transform: translate(0, 0) !important; } html #CMD .inner-view { display: block; position: fixed; overflow: hidden; z-index: 1000000000; top: 0; left: 50%; margin-left: -50vw; width: 100vw; text-align: center; background-color: white; transform: translateY(110vh); transition: transform 750ms linear; } html #CMD .inner-view.killFixed { position: relative !important; } html #CMD .inner-view .inner-view-container { height: 100%; } html #CMD .inner-view .inner-modal { display: block; position: relative; visibility: visible; opacity: 0; padding-bottom: 50px; width: 100%; transition: opacity 250ms; min-height: 100vh; min-height: var(--safarivh); } html #CMD .inner-view .inner-modal.showed { opacity: 1; } html #CMD .inner-view .modal-button-container { opacity: 1; transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; } html #CMD .inner-view .modal-button-container { position: fixed; bottom: -80px; left: 0%; opacity: 0; width: 100%; transform: translate3d(0%, 0, 0) translateZ(0); transition: transform 400ms ease, opacity 300ms linear; } html #CMD .inner-view.show-inner { transform: none !important; } html #CMD .inner-view.show-inner .modal-active { display: block; visibility: visible; } html #CMD .inner-view.show-inner .modal-button-container { opacity: 1; transform: translate3d(0%, -130px, 0) translateZ(0); transition: transform 300ms ease; transition-delay: 1200ms; } @media (max-width: 720px) { html #CMD .inner-view.show-inner .modal-button-container { transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); } } @media (min-width: 731px) and (max-width: 1279.5px) { html #CMD .modal-button-container.inner { bottom: 20px; } } @media (max-width: 730.5px) { html #CMD .modal-button-container .modal-button { text-align: center; } html #CMD .modal-button-container.inner { bottom: 9px; } } html #CMD .wd__section { position: relative; padding-top: 140px; } html #CMD .wd__section .row .col[class*='push-'], html #CMD .wd__section .row .col[class*='pull-'] { position: relative; } html #CMD .wd__section .always__on__top { position: relative; z-index: 888; } html #CMD .wd__section .no__wrap { display: inline-block; white-space: nowrap; } html #CMD .wd__section .img { display: block; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } #CMD .large_use, #CMD .medium_use, #CMD .small_use { display: none; } #CMD .hide { opacity: 0; height: 0; } #CMD .cmd-sidenav .container-bg { opacity: 0.3; background-color: #fff; } #CMD .cmd-sidenav .sidenav-container .container-items .item .item-dot.enter::after { background: #0775b0 !important; } #CMD .cmd-sidenav .sidenav-container .container-items .item .item-label .label-triangle { display: none; } #CMD .cmd-sidenav .sidenav-container .container-items .item .item-label .label-name { padding-left: 40px; border-radius: 100px; border-top-right-radius: 0; border-bottom-right-radius: 0; background: #0775b0; } #CMD .outer-view { background-color: #fff; } html #CMD .wd__section .wd__content .content__title sup.footnote-num { -webkit-text-fill-color: initial !important; background-image: none !important; background-color: rgba(0, 0, 0, 0); } html #CMD .wd__section .wd__content { position: relative; } html #CMD .wd__section .wd__content .content__slogan { color: #333; } html #CMD .wd__section .wd__content .content__title { color: #333; } html #CMD .wd__section .wd__content .content__info { color: #333; } html #CMD .wd__section .wd__content .content__link { linkColor: #0775b0; } html #CMD .wd__section .wd__content .content__link { color: #0775b0; } html #CMD .wd__section .wd__content .content__link *, html #CMD .wd__section .wd__content .content__link span { color: #0775b0; } html #CMD .wd__section .wd__content .content__link::after { color: #0775b0; } html #CMD .wd__section .wd__content .content__link:link { color: #0775b0; } html #CMD .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #0775b0; } html #CMD .wd__section .modal-button-container .modal-button { color: #0775b0; border-color: #0775b0; border-radius: 0; } html #CMD .wd__section .modal-button-container .modal-button:hover { color: #fff; background-color: #0775b0; } html #CMD .wd__section .inner-view { background: rgba(0, 0, 0, 0); } html #CMD .wd__section .inner-view .inner-view-container { position: relative; margin-right: auto; margin-left: auto; } html #CMD .wd__section .inner-view .inner-view-container .modal-button { background-color: rgba(255, 255, 255, 0.6); color: black; border-color: black; } html #CMD .wd__section .inner-view .inner-view-container .modal-button:hover { background-color: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.6); border-color: rgba(0, 0, 0, 0.6); } html #CMD .wd__section .inner-view .inner-view-container .inner-modal { padding-bottom: 0; } html #CMD .wd__section .inner-view .inner-view-container .inner-modal.modal-inner13 { background-color: #e7eeee; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content { padding-left: 0; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__slogan { color: #1c1b19; position: relative; top: 12px; left: 0; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__title { color: #1c1b19; font-size: 34px; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__info { color: #1c1b19; margin-top: 16px; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link { linkColor: #25aae5; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link { color: #25aae5; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link *, html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link span { color: #25aae5; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link::after { color: #25aae5; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link:link { color: #25aae5; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #25aae5; } html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__slogan::before, html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__slogan::after, html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__title::before, html #CMD .wd__section .inner-view .inner-view-container .wd__section .wd__content .content__title::after { display: none; } html #CMD .wd__section .wd__section .modal-button-container .modal-button { border-width: 2px; } html #CMD .wd__section .wd__section .modal-button-container .modal-button .modal-inner-text { letter-spacing: 0.02em; } html #CMD #pdc.odin { z-index: 1; background-color: #fff; } html #CMD .pdc-space-start { display: flex; } html #CMD .pdc-space-end { display: flex; } html #CMD .product_gallery, html #CMD .product_awards, html #CMD .product_videos, html #CMD .product_medias { display: inline-block; background-color: transparent; } html #CMD .product_awards .splide__pagination::after, html #CMD .product_medias .splide__pagination::after, html #CMD .product_videos .splide__pagination::after { background-color: #0775b0; } html #CMD .splide__pagination li .splide__pagination__page.is-active::after { background-color: #0775b0; } html #CMD .product_gallery .gallery-container .part-2 { background-color: #fff; } html #CMD .product_awards .awards-container .awards-seeall { color: #0775b0; } html #CMD .product_awards .awards-container .awards-seeall { color: #0775b0; } html #CMD .product_videos .videos-container .videos-seeall { color: #0775b0; } html #CMD .product_videos .videos-container .videos-seeall { color: #0775b0; } html #CMD .product_medias .medias-container .medias-seeall { color: #0775b0; } html #CMD .product_medias .medias-container .medias-seeall { color: #0775b0; } html #CMD .arrow_link::after { display: none; } html #CMD .seeall_arrow-svg { stroke: #0775b0; } html #CMD .product_medias .medias-container .medias-carousel .splide__track { background-color: #fff; } html #CMD .product_awards .awards-container .awards-carousel .splide__track { background-color: #fff; } html #CMD .product_videos .videos-container .videos-carousel, html #CMD .product_videos .videos-container .videos-carousel .splide__track { background-color: transparent; } html #CMD .product_videos .videos-container .videos-carousel .videos-item .item-content { background-color: #fff; } html #CMD #pdc.odin .product_awards .splide__pagination::after, html #CMD #pdc.odin .product_medias .splide__pagination::after, html #CMD #pdc.odin .product_videos .splide__pagination::after { background: #0775b0; } html #CMD #pdc.odin .arrow_link::before { background: #0775b0; } html #CMD #pdc.odin .product_awards.theme-white .awards-container .awards-seeall, html #CMD #pdc.odin .product_awards .awards-container .awards-seeall, html #CMD #pdc.odin .product_videos.theme-white .videos-container .videos-seeall, html #CMD #pdc.odin .product_videos .awards-container .awards-seeall, html #CMD #pdc.odin .product_medias.theme-white .medias-container .medias-seeall, html #CMD #pdc.odin .product_medias .awards-container .awards-seeall { color: #0775b0; } html #CMD #pdc.odin .product_awards.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_awards.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_awards.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_awards.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_medias.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_medias.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_medias.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_medias.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_videos.total-pagination-1 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_videos.total-pagination-2 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_videos.total-pagination-3 .splide__pagination li .splide__pagination__page.is-active::after, html #CMD #pdc.odin .product_videos.total-pagination-4 .splide__pagination li .splide__pagination__page.is-active::after { background-color: #0775b0; } html #CMD #pdc.odin .seeall_arrow-svg { stroke: #0775b0; } html #CMD .section__pdc1, html #CMD .section__pdc2, html #CMD .product_medias.theme-white .medias-container .medias-carousel { background-color: #fff; } @media all and (min-width: 1280px) { html #CMD .section__pdc1 .pdc-space-start { margin-top: 90px; padding-top: 80px; } html #CMD .section__pdc1 .pdc-space-end { padding-bottom: 0; } html #CMD .section__pdc2 .pdc-space-start { padding-top: 0; } html #CMD .section__pdc2 .pdc-space-end { padding-bottom: 57px; } } @media all and (max-width: 1279.5px) and (min-width: 731px) { html #CMD .section__pdc1 .pdc-space-start { margin-top: 0; } html #CMD .section__pdc1 .pdc-space-end { padding-bottom: 60px; } html #CMD .section__pdc2 .pdc-space-start { margin-top: 0; padding-top: 20px; } html #CMD .section__pdc2 .pdc-space-end { margin-bottom: -8px; padding-bottom: 0; } } @media all and (max-width: 730.5px) { html #CMD .section__pdc1 .pdc-space-start { margin-top: -26px; padding-top: 0; } html #CMD .section__pdc1 .product_gallery.active { margin-bottom: 0; } html #CMD .section__pdc1 .pdc-space-end { margin-bottom: 0; padding-bottom: 80px; } html #CMD .section__pdc2 .pdc-space-start { padding-top: 43px; } html #CMD .section__pdc2 .pdc-space-end { margin-bottom: -6px; padding-bottom: 0; } } @media (min-width: 1280px) { #CMD .section__6 .img__main { background-image: url("../images/large/1x/s6/main.jpg"); } } @media only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx), (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { .image-webp #CMD .section__6 .img__main { background-image: url("../images/large/2x/s6/main.webp"); } } @media only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx), (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { .image-old #CMD .section__6 .img__main { background-image: url("../images/large/2x/s6/main.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__6 .img__main { background-image: url("../images/medium/1x/s6/main.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__6 .img__main { background-image: url("../images/medium/2x/s6/main.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__6 .img__main { background-image: url("../images/medium/2x/s6/main.jpg"); } } @media (max-width: 730.5px) { #CMD .section__6 .img__main { background-image: url("../images/small/1x/s6/main.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__6 .img__main { background-image: url("../images/small/2x/s6/main.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__6 .img__main { background-image: url("../images/small/2x/s6/main.jpg"); } } @media (min-width: 1280px) { #CMD .section__3 .img__main { background-image: url("../images/large/1x/s3/main_small.jpg"); } } @media only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx), (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { .image-webp #CMD .section__3 .img__main { background-image: url("../images/large/2x/s3/main_small.webp"); } } @media only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx), (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { .image-old #CMD .section__3 .img__main { background-image: url("../images/large/2x/s3/main_small.jpg"); } } @media (min-width: 1280px) { #CMD .section__4 .img__main { background-image: url("../images/large/1x/s4/main_small.jpg"); } } @media only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx), (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { .image-webp #CMD .section__4 .img__main { background-image: url("../images/large/2x/s4/main_small.webp"); } } @media only screen and (min-width: 1280px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 1280px) and (min-resolution: 1.5dppx), (min-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 1280px) and (min-resolution: 144dpi) { .image-old #CMD .section__4 .img__main { background-image: url("../images/large/2x/s4/main_small.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__3 .img__main { background-image: url("../images/medium/1x/s3/main.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__3 .img__main { background-image: url("../images/medium/2x/s3/main.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__3 .img__main { background-image: url("../images/medium/2x/s3/main.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__4 .img__main { background-image: url("../images/medium/1x/s4/main.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__4 .img__main { background-image: url("../images/medium/2x/s4/main.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__4 .img__main { background-image: url("../images/medium/2x/s4/main.jpg"); } } @media (max-width: 730.5px) { #CMD .section__3 .img__main { background-image: url("../images/small/1x/s3/main.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__3 .img__main { background-image: url("../images/small/2x/s3/main.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__3 .img__main { background-image: url("../images/small/2x/s3/main.jpg"); } } @media (max-width: 730.5px) { #CMD .section__4 .img__main { background-image: url("../images/small/1x/s4/main.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__4 .img__main { background-image: url("../images/small/2x/s4/main.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__4 .img__main { background-image: url("../images/small/2x/s4/main.jpg"); } } #CMD #section__1 .img__scroll { background-image: url("../images/large/1x/s1/scroll_img.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD #section__1 .img__scroll { background-image: url("../images/large/2x/s1/scroll_img.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD #section__1 .img__scroll { background-image: url("../images/large/2x/s1/scroll_img.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD #section__1 .img__scroll { background-image: url("../images/medium/1x/s1/scroll_img.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD #section__1 .img__scroll { background-image: url("../images/medium/2x/s1/scroll_img.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD #section__1 .img__scroll { background-image: url("../images/medium/2x/s1/scroll_img.jpg"); } } @media (max-width: 730.5px) { #CMD #section__1 .img__scroll { background-image: url("../images/small/1x/s1/scroll_img.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD #section__1 .img__scroll { background-image: url("../images/small/2x/s1/scroll_img.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD #section__1 .img__scroll { background-image: url("../images/small/2x/s1/scroll_img.jpg"); } } #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/large/1x/s7/techspec_img.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/large/2x/s7/techspec_img.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/large/2x/s7/techspec_img.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/medium/1x/s7/techspec_img.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/medium/2x/s7/techspec_img.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/medium/2x/s7/techspec_img.jpg"); } } @media (max-width: 730.5px) { #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/small/1x/s7/techspec_img.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/small/2x/s7/techspec_img.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD #section__7 .wd_techspec_img .img__techspec { background-image: url("../images/small/2x/s7/techspec_img.jpg"); } } #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/large/1x/s5/cts_img_1.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/large/2x/s5/cts_img_1.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/large/2x/s5/cts_img_1.jpg"); } } #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/large/1x/s5/cts_img_2.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/large/2x/s5/cts_img_2.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/large/2x/s5/cts_img_2.jpg"); } } #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/large/1x/s5/cts_img_3.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/large/2x/s5/cts_img_3.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/large/2x/s5/cts_img_3.jpg"); } } #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/large/1x/s5/cts_img_4.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/large/2x/s5/cts_img_4.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/large/2x/s5/cts_img_4.jpg"); } } #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/large/1x/s8/cts_img_1.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/large/2x/s8/cts_img_1.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/large/2x/s8/cts_img_1.jpg"); } } #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/large/1x/s8/cts_img_2.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/large/2x/s8/cts_img_2.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/large/2x/s8/cts_img_2.jpg"); } } #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/large/1x/s8/cts_img_3.jpg"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/large/2x/s8/cts_img_3.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/large/2x/s8/cts_img_3.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/medium/1x/s5/cts_img_1.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/medium/2x/s5/cts_img_1.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/medium/2x/s5/cts_img_1.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/medium/1x/s5/cts_img_2.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/medium/2x/s5/cts_img_2.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/medium/2x/s5/cts_img_2.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/medium/1x/s5/cts_img_3.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/medium/2x/s5/cts_img_3.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/medium/2x/s5/cts_img_3.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/medium/1x/s5/cts_img_4.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/medium/2x/s5/cts_img_4.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/medium/2x/s5/cts_img_4.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/medium/1x/s8/cts_img_1.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/medium/2x/s8/cts_img_1.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/medium/2x/s8/cts_img_1.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/medium/1x/s8/cts_img_2.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/medium/2x/s8/cts_img_2.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/medium/2x/s8/cts_img_2.jpg"); } } @media (max-width: 1279.5px) and (min-width: 731px) { #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/medium/1x/s8/cts_img_3.jpg"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-webp #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/medium/2x/s8/cts_img_3.webp"); } } @media only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 1.5dppx), (max-width: 1279.5px) and (min-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 1279.5px) and (min-width: 731px) and (min-resolution: 144dpi) { .image-old #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/medium/2x/s8/cts_img_3.jpg"); } } @media (max-width: 730.5px) { #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/small/1x/s5/cts_img_1.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/small/2x/s5/cts_img_1.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__5 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/small/2x/s5/cts_img_1.jpg"); } } @media (max-width: 730.5px) { #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/small/1x/s5/cts_img_2.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/small/2x/s5/cts_img_2.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__5 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/small/2x/s5/cts_img_2.jpg"); } } @media (max-width: 730.5px) { #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/small/1x/s5/cts_img_3.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/small/2x/s5/cts_img_3.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__5 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/small/2x/s5/cts_img_3.jpg"); } } @media (max-width: 730.5px) { #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/small/1x/s5/cts_img_4.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/small/2x/s5/cts_img_4.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__5 .wd_content_tab_side .content-4 .img__main { background-image: url("../images/small/2x/s5/cts_img_4.jpg"); } } @media (max-width: 730.5px) { #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/small/1x/s8/cts_img_1.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/small/2x/s8/cts_img_1.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__8 .wd_content_tab_side .content-1 .img__main { background-image: url("../images/small/2x/s8/cts_img_1.jpg"); } } @media (max-width: 730.5px) { #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/small/1x/s8/cts_img_2.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/small/2x/s8/cts_img_2.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__8 .wd_content_tab_side .content-2 .img__main { background-image: url("../images/small/2x/s8/cts_img_2.jpg"); } } @media (max-width: 730.5px) { #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/small/1x/s8/cts_img_3.jpg"); } } @media only screen and (max-width: 730.5px) and (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) { .image-webp #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/small/2x/s8/cts_img_3.webp"); } } @media only screen and (max-width: 730.5px) and (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) { .image-old #CMD .section__8 .wd_content_tab_side .content-3 .img__main { background-image: url("../images/small/2x/s8/cts_img_3.jpg"); } } #CMD .section__2 .wd_grid_content_img .container-1 .img__main { background-image: url("../images/large/1x/s2/gci_icon_1.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__2 .wd_grid_content_img .container-1 .img__main { background-image: url("../images/large/2x/s2/gci_icon_1.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__2 .wd_grid_content_img .container-1 .img__main { background-image: url("../images/large/2x/s2/gci_icon_1.png"); } } #CMD .section__2 .wd_grid_content_img .container-2 .img__main { background-image: url("../images/large/1x/s2/gci_icon_2.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__2 .wd_grid_content_img .container-2 .img__main { background-image: url("../images/large/2x/s2/gci_icon_2.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__2 .wd_grid_content_img .container-2 .img__main { background-image: url("../images/large/2x/s2/gci_icon_2.png"); } } #CMD .section__2 .wd_grid_content_img .container-3 .img__main { background-image: url("../images/large/1x/s2/gci_icon_3.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__2 .wd_grid_content_img .container-3 .img__main { background-image: url("../images/large/2x/s2/gci_icon_3.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__2 .wd_grid_content_img .container-3 .img__main { background-image: url("../images/large/2x/s2/gci_icon_3.png"); } } #CMD .section__2 .wd_grid_content_img .container-4 .img__main { background-image: url("../images/large/1x/s2/gci_icon_4.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__2 .wd_grid_content_img .container-4 .img__main { background-image: url("../images/large/2x/s2/gci_icon_4.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__2 .wd_grid_content_img .container-4 .img__main { background-image: url("../images/large/2x/s2/gci_icon_4.png"); } } #CMD .section__6 .wd_grid_content_img .container-1 .img__main { background-image: url("../images/large/1x/s6/gci_icon_1.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__6 .wd_grid_content_img .container-1 .img__main { background-image: url("../images/large/2x/s6/gci_icon_1.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .wd_grid_content_img .container-1 .img__main { background-image: url("../images/large/2x/s6/gci_icon_1.png"); } } #CMD .section__6 .wd_grid_content_img .container-2 .img__main { background-image: url("../images/large/1x/s6/gci_icon_2.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__6 .wd_grid_content_img .container-2 .img__main { background-image: url("../images/large/2x/s6/gci_icon_2.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .wd_grid_content_img .container-2 .img__main { background-image: url("../images/large/2x/s6/gci_icon_2.png"); } } #CMD .section__6 .wd_grid_content_img .container-3 .img__main { background-image: url("../images/large/1x/s6/gci_icon_3.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__6 .wd_grid_content_img .container-3 .img__main { background-image: url("../images/large/2x/s6/gci_icon_3.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .wd_grid_content_img .container-3 .img__main { background-image: url("../images/large/2x/s6/gci_icon_3.png"); } } #CMD .section__6 .wd_grid_content_img .container-4 .img__main { background-image: url("../images/large/1x/s6/gci_icon_4.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__6 .wd_grid_content_img .container-4 .img__main { background-image: url("../images/large/2x/s6/gci_icon_4.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .wd_grid_content_img .container-4 .img__main { background-image: url("../images/large/2x/s6/gci_icon_4.png"); } } #CMD .section__6 .wd_grid_content_img .container-5 .img__main { background-image: url("../images/large/1x/s6/gci_icon_5.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__6 .wd_grid_content_img .container-5 .img__main { background-image: url("../images/large/2x/s6/gci_icon_5.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .wd_grid_content_img .container-5 .img__main { background-image: url("../images/large/2x/s6/gci_icon_5.png"); } } #CMD .section__6 .wd_grid_content_img .container-6 .img__main { background-image: url("../images/large/1x/s6/gci_icon_6.png"); } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-webp #CMD .section__6 .wd_grid_content_img .container-6 .img__main { background-image: url("../images/large/2x/s6/gci_icon_6.webp"); } } @media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .image-old #CMD .section__6 .wd_grid_content_img .container-6 .img__main { background-image: url("../images/large/2x/s6/gci_icon_6.png"); } } html #CMD .section__1 { padding-top: 0 !important; } html #CMD .img__main { display: block; position: relative; margin: 0 auto; border-radius: 3px; } html #CMD .img__main.size-normal { width: 1236px; height: 696px; } html #CMD .img__main.size-small { width: 800px; height: 448px; } html #CMD .wd_btn_icon_img { display: block; position: relative; } html #CMD .wd_btn_icon_img .module_contents { position: absolute; top: 0; } html #CMD .wd_btn_icon_img .module_contents .content_container .img__main { width: 800px; height: 448px; } html #CMD .wd_btn_icon_img .module_tabs { position: relative; margin-top: 0; padding-top: 464px; } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar { display: flex; position: relative; justify-content: center; gap: 16px; } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar .btn_icon { cursor: pointer; width: calc(25% - 12px); border: 0; border-radius: 3px; background: #fff; box-shadow: 0 0 15px #ccc; } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar .btn_icon * { pointer-events: none; } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar .btn_icon .btn_container { padding: 16px; height: 100%; } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar .btn_icon .btn_container .btn-icon { position: relative; left: 50%; width: 156px; height: 64px; transform: translateX(-50%); } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar .btn_icon .btn_container .btn-icon .img__icon { width: 100%; height: 100%; transition: all 600ms; } html #CMD .wd_btn_icon_img .module_tabs .tabs_scrollbar .btn_icon .btn_container .btn-text { margin-top: 8px; color: #333; font-size: 1.125rem; transition: all 600ms; line-height: 1.2; } html #CMD .wd_btn_icon_img .module_tabs .btn_icon.active .btn_container .btn-text { color: #0775b0; } html #CMD .wd_content_img_half { display: block; position: relative; } html #CMD .wd_content_tab_side { position: relative; transition: height 0.5s; min-height: 472px; } html #CMD .wd_content_tab_side .module_contents { position: absolute; z-index: 0; top: 24px; left: 50%; margin-left: -180px; width: 800px; height: 448px; } html #CMD .wd_content_tab_side .module_contents .content_container { position: absolute; top: 0; } html #CMD .wd_content_tab_side .module_contents .content_container[hidden] { display: block; visibility: hidden; } html #CMD .wd_content_tab_side .module_contents .content_container .img__main { z-index: 0; opacity: 0; margin-top: 0; width: 800px; height: 448px; transition: opacity 600ms 300ms; } html #CMD .wd_content_tab_side .module_tabs { position: relative; z-index: 1; left: 50%; margin-left: -620px; padding: 0; width: 600px; height: auto; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer { position: relative; margin-bottom: 8px; padding: 0; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_icon { display: block; position: relative; cursor: pointer; margin-bottom: 0; padding: 0 44px 10px 46px; width: 100%; max-width: 370px; color: #333; font-size: 1.25rem; text-align: left; border: 0; border-radius: 3px; background: none; line-height: 1.4; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_icon > span { border-bottom: 1px solid transparent; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_icon * { pointer-events: none; font-size: inherit; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .wd__image__video, html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .img__main { display: none; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer::before { display: block; position: absolute; top: 13px; left: 28px; width: 4px; height: 4px; background-color: #0775b0; transition: all 0.3s; content: ''; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_container { position: relative; transition: all 0.3s; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_container .content-info { overflow: hidden; visibility: hidden; opacity: 0; max-height: 0; color: #333; font-size: 1.25rem; text-align: left; transform: translateY(-10px); transition: all 0.3s; line-height: 1.4; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_container .content-info .content-info-text { margin-top: 6px; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_container .content-info .content-info-text--1 { margin-top: 20px; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer .btn_container .content__link { line-height: 1.4; } html #CMD .wd_content_tab_side .module_contents .content_container.active .img__main { z-index: 1; opacity: 1; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer { transition: all 0.3s; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active { margin-bottom: 36px; background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .btn_icon { padding-top: 44px; padding-bottom: 0; max-width: 100%; font-size: 3rem; pointer-events: none; line-height: 1.2; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active::before { top: 44px; width: 2px; height: calc(100% - 88px); transition: all 300ms; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .content-info { overflow: visible; visibility: visible; opacity: 1; max-height: 1500px; transform: translateY(0); transition: opacity 0.3s 0.3s, transform 0.4s; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .content__link { display: block; margin-top: 20px; font-size: 1.25rem; } @media all and (min-width: 731px) and (max-width: 1279.5px) { html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .content__link { font-size: 1.25rem; } } @media all and (max-width: 730.5px) { html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .content__link { font-size: 1.125rem; } } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .content__comment { margin-top: 16px; color: #717171; font-size: 0.8125rem; line-height: 1.4; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer.active .btn_container { padding-right: 44px; padding-bottom: 44px; padding-left: 44px; } html #CMD .wd_content_tab_side .module_tabs .btn_icon_outer:last-child { margin-bottom: 0 !important; } html #CMD .wd_content_tab_side.only-one .module_contents { top: 0; } html #CMD .wd_content_tab_side.only-one .module_tabs { padding-top: 24px; } html #CMD .wd_content_tab_side.only-one .module_tabs .btn_icon .btn_container::before { display: none; } html #CMD .wd_content_tab_side .content__link { margin-top: 10px; text-align: left; } html #CMD .wd_content_tab_side .content__link span { display: inline; color: #0775b0; border-bottom: 1px solid transparent; } html #CMD .wd_content_tab_side .content__link *, html #CMD .wd_content_tab_side .content__link:active span, html #CMD .wd_content_tab_side .content__link:link span, html #CMD .wd_content_tab_side .content__link:visited span { border-bottom: 1px solid transparent; } html #CMD .wd_content_tab_side .content__link:hover span { border-bottom: 1px solid #0775b0; } html #CMD .wd_content_tab_side .btn_icon .content__link { display: none; margin-top: 0; font-size: 0; } html #CMD .wd_content_tab_side .btn_icon.active * { pointer-events: visible !important; } html #CMD .wd_content_tab_side .btn_icon.active .content__link { display: block; } html #CMD .wd_content_tab_side .wd__link__arrow::after { content: '>'; padding-left: 7px; color: #0775b0; } @media all and (min-width: 731px) and (max-width: 1279.5px) { html #CMD .wd_content_tab_side .wd__link__arrow::after { padding-left: 3px; } } @media all and (max-width: 730.5px) { html #CMD .wd_content_tab_side .wd__link__arrow::after { padding-left: 4px; } } html #CMD .wd_content_tab_side .btn__container button { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; } html #CMD .wd_content_tab_side .btn_icon_outer.active button { text-decoration: none; } html #CMD .wd_content_tab_top { position: relative; } html #CMD .wd_content_tab_top .module_tabs { display: inline-block; position: relative; } html #CMD .wd_content_tab_top .module_tabs::-webkit-scrollbar { display: none; } html #CMD .wd_content_tab_top .module_tabs::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #0775b0; content: ''; } html #CMD .wd_content_tab_top .module_tabs .btn_icon { display: inline-block; position: relative; cursor: pointer; padding-bottom: 20px; width: 309px; font-size: 0; border: 0; background-color: transparent; vertical-align: bottom; } html #CMD .wd_content_tab_top .module_tabs .btn_icon::before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #0775b0; transition: all 600ms; content: ''; } html #CMD .wd_content_tab_top .module_tabs .btn_icon * { pointer-events: none; } html #CMD .wd_content_tab_top .module_tabs .btn_icon .btn_container { position: relative; } html #CMD .wd_content_tab_top .module_tabs .btn_icon .btn_container .btn-icon { position: relative; width: 32px; height: 32px; } html #CMD .wd_content_tab_top .module_tabs .btn_icon .btn_container .btn-icon .img__icon { position: relative; width: 100%; height: 100%; transition: all 600ms; } html #CMD .wd_content_tab_top .module_tabs .btn_icon .btn_container .btn-text { position: relative; width: 100%; color: #333; font-size: 1.25rem; transition: all 600ms; line-height: 1.1; } html #CMD .wd_content_tab_top .module_contents { position: relative; margin: 48px auto 0; width: 100%; max-width: 1236px; } html #CMD .wd_content_tab_top .module_contents .content_container { position: relative; } html #CMD .wd_content_tab_top .module_contents .content_container .text-info { position: relative; margin-right: auto; margin-left: auto; width: 90%; max-width: 980px; color: #333; font-size: 1.25rem; text-align: center; line-height: 1.5; } html #CMD .wd_content_tab_top .module_contents .content_container .img__main { position: relative; margin-top: 48px; width: 1236px; height: 696px; } html #CMD .wd_content_tab_top .module_tabs.type-icon-text .btn_icon .btn_container .btn-icon, html #CMD .wd_content_tab_top .module_tabs.type-icon-text .btn_icon .btn_container .btn-text { display: inline-block; vertical-align: middle; } html #CMD .wd_content_tab_top .module_tabs.type-icon-text .btn_icon .btn_container .btn-text { margin-left: 8px; max-width: 160px; text-align: left; } html #CMD .wd_content_tab_top .module_tabs.type-icon .btn_icon .btn_container .btn-icon { margin-right: auto; margin-left: auto; } html #CMD .wd_content_tab_top .module_tabs.type-icon .btn_icon .btn_container .btn-text { display: none; } html #CMD .wd_content_tab_top .module_tabs.type-text .btn_icon .btn_container .btn-icon { display: none; } html #CMD .wd_content_tab_top .module_tabs.type-text .btn_icon .btn_container .btn-icon .img__icon { background: none !important; } html #CMD .wd_content_tab_top .module_tabs.type-text .btn_icon .btn_container .btn-text { margin-right: auto; margin-left: auto; max-width: 277px; text-align: center; } html #CMD .wd_content_tab_top .module_tabs .btn_icon.active .btn_container .btn-text { color: #0775b0; } html #CMD .wd_content_tab_top .module_tabs .btn_icon.active::before { height: 5px; } html #CMD .wd_grid_content_icon { display: block; position: relative; } html #CMD .wd_grid_content_icon .module__container { display: flex; position: relative; justify-content: space-between; margin-right: auto; margin-left: auto; width: 100%; max-width: 988px; flex-wrap: wrap; gap: 16px; flex-direction: row; } html #CMD .wd_grid_content_icon .module__container .col { display: flex; align-items: center; justify-content: center; border-radius: 3px; background-color: #f5f5f5; } html #CMD .wd_grid_content_icon .module__container .col .col-content { padding: 16px 8px; } html #CMD .wd_grid_content_icon .module__container .col .col-content > * { display: block; } html #CMD .wd_grid_content_icon .module__container .col .col-content .content-top { color: #333; font-size: 1.125rem; line-height: 1.2; } html #CMD .wd_grid_content_icon .module__container .col .col-content .content-center { color: #0775b0; font-size: 2.25rem; line-height: 1.2; } html #CMD .wd_grid_content_icon .module__container .col .col-content .content-bottom { color: #333; font-size: 1.125rem; line-height: 1.2; } html #CMD .wd_grid_content_img { position: relative; width: 100%; } html #CMD .wd_grid_content_img .module__container { position: relative; text-align: center; } html #CMD .wd_grid_content_img .module__container .grid_container { display: inline-block; width: 100%; vertical-align: top; } html #CMD .wd_grid_content_img .module__container .grid_container .content_contianer .img__main { margin-top: 0; } html #CMD .wd_grid_content_img .module__container .grid_container .content_contianer .contents { position: relative; } html #CMD .wd_grid_content_img .module__container .grid_container .content_contianer .contents .content-title { color: #333; font-size: 1.25rem; text-align: left; line-height: 1.35; } html #CMD .wd_grid_content_img .module__container .grid_container .content_contianer .contents .content-info { color: #333; font-size: 1.125rem; text-align: left; line-height: 1.35; } html #CMD .wd_techspec_img { display: block; position: relative; } html #CMD .wd_techspec_img .module__container { display: block; position: relative; margin-right: auto; margin-left: auto; width: 1236px; height: 696px; } html #CMD .wd_techspec_img .module__container .img__techspec { display: block; position: absolute; width: 100%; height: 100%; border-radius: 3px; } html #CMD .wd_techspec_img .module__container .specs { display: block; position: absolute; top: 50%; left: 50%; } html #CMD .wd_techspec_img .module__container .specs .spec { position: absolute; color: #333; font-size: 1.125rem; line-height: 1.5; } .mode-develop .wd_techspec_img .module__container { border: 1px solid red; } .mode-develop .wd_techspec_img .module__container .specs .spec { border: 1px solid red; } .mode-develop .wd_techspec_img .module__container .specs .spec::before { display: block; position: absolute; bottom: -4px; left: 50%; margin-left: -1px; width: 2px; height: 4px; content: ''; background: blue; } .mode-develop .wd_techspec_img .module__container .specs .spec::after { display: block; position: absolute; top: -4px; left: 50%; margin-left: -1px; width: 2px; height: 4px; content: ''; background: blue; } html #CMD .scroll__containter { display: block; position: relative; overflow: hidden; } html #CMD .scroll__containter .img__scroll { display: block; position: relative; left: 50%; }