/*** Global ***/ .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; } html { font-size: 15px; } body { font-size: 1em; line-height: 1.33333; margin-bottom: 0em; } .inline__block { display: inline-block; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } 20% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); } 40% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); } 80% { opacity: 1; -webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } 20% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); } 40% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); } 80% { opacity: 1; -webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } } .stopScrollbar { overflow: hidden; } #af-header.popHide, #overview-top-nav.popHide, .section__comment.popHide, #asus-api-footer.popHide, #main-zone #product-footer-zone.popHide { display: none !important; } .modal-button-container { z-index: 2147483647; } @media (max-width: 720px) { .modal-button-container { -webkit-transform: scale(0.8); transform: scale(0.8); } } .modal-button-container.inner { position: fixed; left: 50%; bottom: 30px; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px); } .modal-button-container.text-white .modal-button { color: #fff; } .modal-button-container.text-dark .modal-button { color: #000; } .modal-button-container.outer { position: relative; text-align: center; } .modal-button-container.outer .modal-button-target { top: 50px; } @media (max-width: 720px) { .modal-button-container.outer .modal-button-target { top: 42px; } } .modal-button-container button { background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; } .modal-button-container button:focus { outline: 0; } .modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { position: relative; display: block; font-size: 22px; pointer-events: none; } @media (min-width: 721px) and (max-width: 1300px) { .modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { font-size: 18px; } } @media (max-width: 720px) { .modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { margin-bottom: 8px; font-size: 19px; } } .modal-button-container .modal-button-target { position: absolute; height: 50px; left: 50%; top: 10px; z-index: 10; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .modal-button-container .modal-button { cursor: pointer; position: relative; display: inline-block; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; pointer-events: all; text-align: center; z-index: 1; margin: 10px 0; padding: 0 30px; min-width: 50px; height: 46px; line-height: 46px; border: 0; font-weight: 200; background-color: #000; cursor: pointer; border-radius: 25px; border-width: 3px; border-style: solid; -webkit-transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out; transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out; } .outer-view { z-index: 0; -webkit-transform-origin: 50vw 50vh; transform-origin: 50vw 50vh; -webkit-transform: translateZ(0px) translateY(0px) scale(1); transform: translateZ(0px) translateY(0px) scale(1); } .outer-view.animate-scale { -webkit-transform: translateZ(0px) translateY(200px) scale(0.96); transform: translateZ(0px) translateY(200px) scale(0.96); -webkit-transition: -webkit-transform 650ms ease-out; transition: -webkit-transform 650ms ease-out; transition: transform 650ms ease-out; transition: transform 650ms ease-out, -webkit-transform 650ms ease-out; } .outer-view .modal-button-container.ready .modal-button { -webkit-transform: translate(0, 0px) !important; transform: translate(0, 0px) !important; } .inner-view { position: fixed; left: 0; top: 0; display: block; text-align: center; width: 100%; overflow: hidden; z-index: 1000000000; -webkit-transform: translateY(110vh); transform: translateY(110vh); margin-left: 0; margin-bottom: -60px; width: 100%; background-color: white; -webkit-transition: -webkit-transform 750ms ease; transition: -webkit-transform 750ms ease; transition: transform 750ms ease; transition: transform 750ms ease, -webkit-transform 750ms ease; } .inner-view.killFixed { position: relative !important; } .inner-view .inner-view-container { height: 100%; } .inner-view .inner-modal { position: relative; visibility: visible; display: block; padding-bottom: 50px; width: 100%; opacity: 0; -webkit-transition: opacity 250ms; transition: opacity 250ms; } .inner-view .inner-modal.showed { opacity: 1; } .inner-view .modal-button-container { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; } .inner-view .modal-button-container { opacity: 0; position: fixed; bottom: -80px; left: 0%; width: 100%; -webkit-transform: translate3d(0%, 0, 0) translateZ(0); transform: translate3d(0%, 0, 0) translateZ(0); -webkit-transition: opacity 300ms ease, -webkit-transform 400ms ease; transition: opacity 300ms ease, -webkit-transform 400ms ease; transition: transform 400ms ease, opacity 300ms ease; transition: transform 400ms ease, opacity 300ms ease, -webkit-transform 400ms ease; } .inner-view.show-inner { -webkit-transform: none !important; transform: none !important; } .inner-view.show-inner .modal-active { display: block; visibility: visible; } .inner-view.show-inner .modal-button-container { opacity: 1; -webkit-transform: translate3d(0%, -130px, 0) translateZ(0); transform: translate3d(0%, -130px, 0) translateZ(0); -webkit-transition: -webkit-transform 300ms ease-out; transition: -webkit-transform 300ms ease-out; transition: transform 300ms ease-out; transition: transform 300ms ease-out, -webkit-transform 300ms ease-out; -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } @media (max-width: 720px) { .inner-view.show-inner .modal-button-container { -webkit-transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); } } @media (min-width: 721px) and (max-width: 1300px) { .modal-button-container.inner { bottom: 20px; } } @media (max-width: 720px) { .modal-button-container .modal-button { text-align: center; } .modal-button-container.inner { bottom: 9px; } } body { background-attachment: scroll !important; -moz-osx-font-smoothing: grayscale; } #CMD { -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-property: opacity; transition-property: opacity; -webkit-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; text-align: center; line-height: 1.3; font-size: 15px; -webkit-tap-highlight-color: transparent; background: #fff; } @media all and (min-width: 1px) { #CMD { -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)"; } } @media all and (max-width: 720px) { #CMD { margin-bottom: 30px; } } .fix_ie_png { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); } @media all and (min-width: 1301px) { .clear__background__src { background-image: none !important; } } section { position: relative; margin-left: auto; margin-right: auto; max-width: 2560px; } @media all and (min-width: 721px) and (max-width: 1300px) { section { margin-left: auto; margin-right: auto; width: 100%; max-width: 1300px; } } @media all and (min-width: 0px) and (max-width: 720px) { section { width: 100%; margin-left: auto; margin-right: auto; max-width: 720px; } } .progressive-image { background-image: none !important; } .modal-button-container .click-button { display: none; } @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)"; -webkit-transition: opacity 800ms; transition: opacity 800ms; } .grace-show.show { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -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)"; will-change: opacity; } .grace-show.animated { -webkit-transform: none; transform: none; will-change: null; } } .in.moving__element { will-change: transform, opacity; } .smooth__animation { -webkit-transition-duration: 1.25s, 1.25s; transition-duration: 1.25s, 1.25s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); } .smooth__animation-fast { -webkit-transition-duration: 400ms, 400ms; transition-duration: 400ms, 400ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); } .wd__animation__easeout { -webkit-transition-duration: 500ms, 500ms; transition-duration: 500ms, 500ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -webkit-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; } .wd__animation__easeout__slow { -webkit-transition-duration: 1200ms, 1200ms; transition-duration: 1200ms, 1200ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .wd__animation__easeout-fast { -webkit-transition-duration: 400ms, 400ms; transition-duration: 400ms, 400ms; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-duration: 400ms; -moz-transition-property: all; } @-webkit-keyframes ripple { 0% { opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @keyframes ripple { 0% { opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes wifiRipple { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes wifiRipple { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes soundCirclePlay { 0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); } 10% { opacity: 0.6; } 50% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } } @keyframes soundCirclePlay { 0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); } 10% { opacity: 0.6; } 50% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } 100% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } } @-webkit-keyframes soundRipple { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @keyframes soundRipple { 0% { opacity: 0; } 10% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); } } @-webkit-keyframes disappearAndAppear { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @keyframes disappearAndAppear { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes ballRotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ballRotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wd__content.text__animation > * { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); } .wd__content.text__animation.text-showed > * { will-change: null; -webkit-transform: none; transform: none; } .inner-modal .wd__content.text__animation > * { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); } .inner-modal .wd__content.text__animation > *.text-showed > * { will-change: null; -webkit-transform: none; transform: none; } #ctl00_ContentPlaceHolder1_ctl00_span_model_name img { max-width: 100%; } #main-zone > .container { width: 100% !important; max-width: 100% !important; padding: 0 !important; } #main-zone > .container .overview-wrapper { width: 100% !important; } #product-footer-zone { margin-top: 0 !important; } #main-zone #overview-top-nav .inner { padding: 0; } #special-sectionOverview { margin-top: 0px; } .wd__section .slick-dots { margin-left: auto; margin-right: auto; } #CMD .outer-view { margin-top: 56px \9 !important; } @media all and (min-width: 769px) { #CMD .outer-view { margin-top: 56px; } } @media (max-width: 959px) and (min-width: 720px) { #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: 720px) { #CMD { margin-top: 0px !important; } #main-zone, #main-zone-5, #main-zone-3, #main-zone-4, #main-zone-6 { padding-right: 0 !important; padding-left: 0 !important; } } #rog_black_style #MDA { color: #000; } @media (max-width: 768px) and (min-width: 720px) { #rog_black_style .page-title { background: #222222 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: #222222 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: 0px) { 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: #222222 !important; } } .wd__section .large__text-center { text-align: center; } .wd__section .large__text-center.wd__content { margin-left: auto; margin-right: 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 { text-align: center; margin-left: auto; margin-right: auto; } .wd__section .large__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: 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 { text-align: left; margin-left: 0; } .wd__section .large__text-left.wd__content .content__slogan:after { left: 0; margin-left: 0px; } .wd__section .large__text-left.wd__content .content__title:after { margin-left: 0; text-align: left; } .wd__section .large__text-left.wd__content .wd__feature__list { text-align: left; } .wd__section .large__text-left.wd__content .wd__feature__list .wd__feature { margin-left: 0; margin-right: 50px; } .wd__section .large__text-left.wd__feature__list { text-align: left; } .wd__section .large__text-left.wd__feature__list .wd__feature { margin-left: 0; margin-right: 50px; } .wd__section .large__text-right.wd__content { text-align: right; } .wd__section .large__text-right.wd__content .content__slogan:after { right: 0; margin-right: 0px; } .wd__section .large__text-right.wd__feature__list { text-align: right; } .wd__section .large__text-right.wd__feature__list .wd__feature { margin-left: 50px; margin-right: 0; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__section .medium__text-left.wd__content { text-align: left; left: 0; } .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 { text-align: left; margin-left: 0; } .wd__section .medium__text-left.wd__content .content__slogan:after { margin-left: 0px; } .wd__section .medium__text-left.wd__content .wd__feature__list { text-align: left; } .wd__section .medium__text-left.wd__content .wd__feature__list .wd__feature { margin-left: 0; margin-right: 50px; } .wd__section .medium__text-left.wd__feature__list { text-align: left; } .wd__section .medium__text-left.wd__feature__list .wd__feature { margin-left: 0; margin-right: 50px; } .wd__section .medium__text-center.wd__content { text-align: center; left: 0; margin-left: auto; margin-right: auto; } .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 { text-align: center; margin-left: auto; margin-right: auto; } .wd__section .medium__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: auto; } .wd__section .medium__text-center.wd__content .wd__feature__list { text-align: center; } .wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature { margin-left: 30px; margin-right: 30px; } .wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature .wd__feature__data, .wd__section .medium__text-center.wd__content .wd__feature__list .wd__feature .wd__feature__describe { text-align: center; } .wd__section .medium__text-center.wd__feature__list { text-align: center; } .wd__section .medium__text-center.wd__feature__list .wd__feature { margin-left: 30px; margin-right: 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: 720px) { .wd__section .small__text-left.wd__content { text-align: left; left: 0; } .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 { text-align: left; margin-left: 0; } .wd__section .small__text-left.wd__content .content__slogan:after { margin-left: 0; } .wd__section .small__text-left.wd__content .wd__feature__list { text-align: center; } .wd__section .small__text-left.wd__content .wd__feature__list .wd__feature__list .wd__feature { margin-left: 0; margin-right: 20px; } .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-left: 0; margin-right: 20px; } .wd__section .small__text-center { text-align: center; } .wd__section .small__text-center.wd__content { text-align: center; left: 0; margin-left: auto; margin-right: auto; } .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 { text-align: center; margin-left: auto; margin-right: auto; } .wd__section .small__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: auto; } .wd__section .small__text-center.wd__content .wd__feature__list { text-align: center; } .wd__section .small__text-center.wd__content .wd__feature__list .wd__feature { margin-left: 14px; margin-right: 14px; } .wd__section .small__text-center.wd__feature__list { text-align: center; } .wd__section .small__text-center.wd__feature__list .wd__feature { margin-left: 14px; margin-right: 14px; } } .wd__section .section__content.text-white .wd__content .content__comment, .wd__section .section__content.text-white .wd__content .content__info, .wd__section .section__content.text-white .wd__content .content__title { color: #fff; } .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { color: #fff; } .wd__section .section__content .wd__content.theme-dark .content__comment { color: #999; } .wd__section .section__content .wd__content.theme-dark .content__info, .wd__section .section__content .wd__content.theme-dark .content__title { color: #fff; } .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span { color: #fff; } .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top, .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(/websites/global/products/jgzfichukxu7ckae/techspec/v1/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; } .modal-button-container .modal-button { background-color: #444242; color: white; border: 2px solid #444242; } .video-bottom, .media-bottom { position: relative; } .cmd__guideline { position: absolute; left: 0; width: 100vw; z-index: 1000000000000; opacity: 0; -webkit-transition: opacity 400ms ease-out; transition: opacity 400ms ease-out; pointer-events: none; } .cmd__guideline.active { opacity: 1; } .cmd__guideline.guideline-slogan { bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); } .cmd__guideline.guideline-title { top: -43px; height: 54px; background: rgba(251, 150, 110, 0.3); } .cmd__guideline.guideline-info { top: -31px; height: 36px; background: rgba(0, 137, 108, 0.3); } .cmd__guideline.guideline-hl { top: -73px; height: 83px; background: rgba(193, 50, 142, 0.3); } .cmd__guideline.guideline-hldesb { top: -9px; height: 13px; width: 100%; background: rgba(88, 178, 220, 0.3); } .cmd__guideline.guideline-hlb { bottom: -60px; height: 65px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 72px; background: rgba(46, 92, 110, 0.3); } .cmd__guideline.guideline-pdprice-bottom { bottom: -72px; height: 72px; background: rgba(46, 92, 110, 0.3); } .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; width: 100%; background: rgba(88, 178, 220, 0.3); } .cmd__guideline.guideline-pdvideos { height: 214px; top: -91px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 214px; background: rgba(144, 180, 75, 0.3); } .cmd__guideline.guideline-pdmedias-bottom { top: -14px; height: 214px; background: rgba(144, 180, 75, 0.3); } .guideline-floatspace { position: fixed; top: 50%; bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); pointer-events: none; } .guideline-floatspace:after { position: absolute; display: block; content: 'image interval'; bottom: 0; height: 122px; width: 100%; color: white; background: rgba(251, 150, 110, 0.3); pointer-events: none; } .guideline-floatspace:before { position: absolute; display: block; content: 'section interval'; height: inherit; width: 100%; color: white; pointer-events: none; } .guideline__controller { position: fixed; overflow: hidden; text-align: center; z-index: 99999999999; top: 0; margin-left: 0; padding: 10px 15px 15px 10px; width: 30px; height: 30px; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 10px; background: rgba(112, 124, 116, 0.8); } .guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; } @-webkit-keyframes showAnimation { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes showAnimation { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } .guideline__controller.visible { margin-left: 0; width: auto; height: auto; } .guideline__controller.visible .control { display: block; } .guideline__controller.visible .guideline__logo:before { position: absolute; content: ''; display: block; z-index: -1; top: -1px; left: 5px; border-radius: 50%; width: 30px; height: 30px; background: rgba(255, 0, 0, 0.3); -webkit-animation: showAnimation 3000ms ease-in-out infinite; animation: showAnimation 3000ms ease-in-out infinite; } .guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; } .guideline__controller .control { position: relative; text-align: left; display: none; cursor: pointer; margin: 10px 10px 10px 30px; padding-left: 30px; color: #fffffc; font-size: 20px; } .guideline__controller .control.main__item { margin-top: 22px; } .guideline__controller .control.sub__item { margin-left: 50px; } .guideline__controller .control input { position: absolute; z-index: -1; opacity: 0; } .guideline__controller .control .control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; } .guideline__controller .control .control__indicator:after { position: absolute; content: ''; display: block; opacity: 0; left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .guideline__controller .control input:checked ~ .control__indicator { background: #2aa1c0; } .guideline__controller .control input:checked ~ .control__indicator:after { opacity: 1; } @media all and (min-width: 721px) and (max-width: 1300px) { .cmd__guideline.guideline-slogan { top: -166px; height: 173px; } .cmd__guideline.guideline-title { top: -33px; height: 44px; } .cmd__guideline.guideline-info { top: -27px; height: 33px; } .cmd__guideline.guideline-hl { top: -59px; height: 69px; } .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 53px; } .cmd__guideline.guideline-pdprice-bottom { bottom: -53px; height: 53px; } .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; } .cmd__guideline.guideline-pdvideos { top: -13px; height: 165px; } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 165px; } .cmd__guideline.guideline-pdmedias-bottom { top: -8px; height: 165px; } .guideline-floatspace { height: 175px; } .guideline-floatspace:after { height: 56px; } } @media all and (min-width: 960px) and (max-width: 1300px) { .cmd__guideline.guideline-pdmedias-bottom { top: -34px; } } @media all and (max-width: 720px) { .cmd__guideline.guideline-slogan { top: -96px; height: 100px; } .cmd__guideline.guideline-title { top: -23px; height: 29px; } .cmd__guideline.guideline-info { top: -24px; height: 27px; } .cmd__guideline.guideline-hl { top: -41px; height: 48px; } .cmd__guideline.guideline-pdprice-top { bottom: 116px; height: 32px; } .cmd__guideline.guideline-pdprice-bottom { bottom: -32px; height: 32px; } .cmd__guideline.guideline-pdguide { bottom: 21px; height: 28px; } .cmd__guideline.guideline-pdvideos { top: -9px; height: 91px; } .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 91px; } .cmd__guideline.guideline-pdmedias-bottom { top: -76px; height: 91px; } .guideline-floatspace { height: 96px; } .guideline-floatspace:after { height: 52px; } } @media all and (min-width: 600px) and (max-width: 720px) { .cmd__guideline.guideline-pdmedias-bottom { top: -29px; } } 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; -webkit-box-sizing: border-box; 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: 721px) and (max-width: 1300px) { #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: 720px) { #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; text-align: center; margin: 0 auto 0; width: 1000px; } .inner__nav .nav__heading { font-size: 21px; color: #ffe092; -webkit-transition: opacity 600ms ease-out; 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; -webkit-transition: all 600ms ease-out, top 1000ms ease-out; transition: all 600ms ease-out, top 1000ms ease-out; } .inner__nav .nav__switch__btn .icon__switch { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 500ms ease-out; transition: all 500ms ease-out; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/icon/inner/icon_open.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__nav .nav__switch__btn .icon__switch { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/icon/inner/icon_open.png"); } } .inner__nav .nav__switch__btn.clicked { -webkit-transform: translate3d(0px, 210px, 0px); transform: translate3d(0px, 210px, 0px); } .inner__nav .nav__switch__btn.clicked .icon__switch { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(405deg) translate3d(0px, 0px, 0px); transform: rotate(405deg) translate3d(0px, 0px, 0px); } .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 { background-color: #f5f5f5; margin-top: 0; padding-top: 0; } .inner__page .wd__content .content__title { font-size: 27px; line-height: 1.2; } .inner__page .inner__mask { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; -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__page.darknight .inner__mask { z-index: 1000000; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; -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)"; } .inner__page .section_content { background-color: #fff; max-width: 2560px; z-index: 0; } .inner__page .section_content.theme-gray { background-color: #e7e7e7; max-width: 1366px; margin-bottom: 4px; padding-bottom: 0; } .inner__page .section_content.theme-gray .wd__content { padding-top: 39px; } .inner__page .icon { position: relative; margin-left: auto; margin-right: auto; margin-bottom: 11px; width: 120px; height: 120px; background-position: center; background-size: cover; background-repeat: no-repeat; } .inner__page .icon.icon-allSmiles { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_all_smiles.png"); } } .inner__page .icon.icon-auto { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_auto.png"); } } .inner__page .icon.icon-beautification { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_beautification.png"); } } .inner__page .icon.icon-depthOfField { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_depth_of_field.png"); } } .inner__page .icon.icon-effect { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_effect.png"); } } .inner__page .icon.icon-gif { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_gif.png"); } } .inner__page .icon.icon-hdrPro { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_hdr_pro.png"); } } .inner__page .icon.icon-kids { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_kids.png"); } } .inner__page .icon.icon-lowlight { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_lowlight.png"); } } .inner__page .icon.icon-miniature { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_miniature.png"); } } .inner__page .icon.icon-night { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_night.png"); } } .inner__page .icon.icon-qrCode { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_qr_code.png"); } } .inner__page .icon.icon-selfiePanorama { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_selfie_panorama.png"); } } .inner__page .icon.icon-selfie { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_selfie.png"); } } .inner__page .icon.icon-slowMotion { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_slow_motion.png"); } } .inner__page .icon.icon-smartRemove { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_smart_remove.png"); } } .inner__page .icon.icon-superResolution { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_super_resolution.png"); } } .inner__page .icon.icon-manual { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_manual.png"); } } .inner__page .icon.icon-timeLapse { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_time_lapse.png"); } } .inner__page .icon.icon-timeRewind { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_time_rewind.png"); } } .inner__page .icon.icon-youtube { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_youtube.png"); } } .inner__page .icon.icon-panaroma { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_panaroma.png"); } } .inner__page .icon.icon-pro { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_pro.png"); } } .inner__page .icon.icon-portrait { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/inner/icon/icon_portrait.png"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .inner__nav { margin: 0 auto 0; 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 { -webkit-transform: translate3d(0px, 210px, 0px); transform: translate3d(0px, 210px, 0px); } .inner__nav .nav__switch__btn.clicked .icon__switch { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(405deg) translate3d(0px, 0px, 0px); transform: rotate(405deg) translate3d(0px, 0px, 0px); } .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: 720px) { .inner__nav { margin: 0 auto 0; 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 { -webkit-transform: translate3d(0px, 210px, 0px); transform: translate3d(0px, 210px, 0px); } .inner__nav .nav__switch__btn.clicked .icon__switch { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(405deg) translate3d(0px, 0px, 0px); transform: rotate(405deg) translate3d(0px, 0px, 0px); } .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; padding: 0; max-width: 2560px; margin-left: auto; margin-right: auto; z-index: 2; } .wd__innerbtn.blackTheme { margin-top: -2px; background: #0f0d10; } .wd__innerbtn .inner__btn { position: absolute; width: 100%; height: 80px; margin: 0 auto; } .wd__innerbtn .inner__btn span { font-size: 21px; text-align: center; display: block; margin-bottom: 22px; opacity: 1; -webkit-transition: opacity 400ms; transition: opacity 400ms; } .wd__innerbtn .inner__btn .toggleSlide { width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(0px) translateZ(0px) rotate(0deg); transform: translateY(0px) translateZ(0px) rotate(0deg); -webkit-transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms; transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms; transition: transform 800ms 50ms, background-image 300ms ease-out; transition: transform 800ms 50ms, background-image 300ms ease-out, -webkit-transform 800ms 50ms; } .wd__innerbtn .inner__btn .toggleSlide.fixed { position: fixed; top: -100px; } .wd__innerbtn .inner__btn.active span { opacity: 0; } .wd__innerbtn .inner__btn.active .toggleSlide { -webkit-transform: translateY(180px) translateZ(0px) rotate(0deg); transform: translateY(180px) translateZ(0px) rotate(0deg); } .wd__innerbtn.theme-black .inner__btn span { color: #333; } .wd__innerbtn.theme-black .inner__btn .toggleSlide { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/icon/inner/icon_open_black.png"); } } .wd__innerbtn.theme-black .inner__btn.active .toggleSlide { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/icon/inner/icon_open_white.png"); } } .wd__innerbtn.theme-white .inner__btn.active .toggleSlide { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/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("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/icon/inner/icon_close_white.png"); } } .inner__page { display: block; overflow: hidden; max-width: 2560px; margin-left: auto; margin-right: auto; z-index: 1; } .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; -webkit-transition: opacity 400ms; transition: opacity 400ms; } .inner__page.active .row { opacity: 1; } @media all and (min-width: 721px) and (max-width: 1300px) { .wd__innerbtn { padding: 20px 0; } .wd__innerbtn.blackTheme { margin-top: -2px; } .wd__innerbtn .inner__btn { width: 100%; height: 80px; margin: 0 auto; } .wd__innerbtn .inner__btn span { font-size: 21px; margin-bottom: 11px; } .wd__innerbtn .inner__btn .toggleSlide { z-index: 999; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(0px) translateZ(0px) rotate(0deg); transform: translateY(0px) translateZ(0px) rotate(0deg); -webkit-transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms; transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms; transition: transform 800ms 50ms, background-image 300ms ease-out; transition: transform 800ms 50ms, background-image 300ms ease-out, -webkit-transform 800ms 50ms; } .wd__innerbtn .inner__btn.active span { opacity: 0; } .wd__innerbtn .inner__btn.active .toggleSlide { -webkit-transform: translateY(120px) translateZ(0px) rotate(0deg); transform: translateY(120px) translateZ(0px) rotate(0deg); } .wd__innerbtn .inner__btn.active .toggleSlide.fixed { top: -38px; } .wd__inner { overflow: hidden; display: none; } .wd__inner .limit__width { max-width: 720px; } .wd__inner .limit__width .wd__content { position: absolute; } .wd__inner .limit__width .wd__content .content__title { font-size: 24px; font-weight: 200 !important; } .wd__inner .limit__width .wd__content .content__title * { font-weight: 200 !important; } .wd__inner .row { opacity: 0; -webkit-transition: opacity 400ms; transition: opacity 400ms; margin-top: 150px; margin-bottom: 150px; } .wd__inner.active .row { opacity: 1; } } @media all and (max-width: 720px) { .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 { font-size: 15.5px; margin-bottom: 19px; } .wd__innerbtn .inner__btn .toggleSlide { width: 38px; height: 38px; position: absolute; left: 50%; margin-left: -19px; margin-top: -5px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(0px) translateZ(0px) rotate(0deg); transform: translateY(0px) translateZ(0px) rotate(0deg); -webkit-transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms; transition: background-image 300ms ease-out, -webkit-transform 800ms 50ms; transition: transform 800ms 50ms, background-image 300ms ease-out; transition: transform 800ms 50ms, background-image 300ms ease-out, -webkit-transform 800ms 50ms; } .wd__innerbtn .inner__btn .toggleSlide.fixed { top: -25px; } .wd__innerbtn .inner__btn.active span { opacity: 0; } .wd__innerbtn .inner__btn.active .toggleSlide { -webkit-transform: translateY(103px) translateZ(0px) rotate(0deg); transform: translateY(103px) translateZ(0px) rotate(0deg); } .inner__page .section_content .wd__content { max-width: 414px !important; } } .spec__title { position: relative; text-align: left; padding: 55px 0 55px 237px; margin-left: auto; margin-right: auto; width: 100%; max-width: 1100px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 34px; } .spec__content { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; margin-left: auto; margin-right: auto; width: 100%; max-width: 1100px; font-size: 0; border-top: 1px solid #d6d6d6; } .spec__content .spec__item { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding-top: 45px; padding-bottom: 45px; color: #333333; } .spec__content .spec__item .spec-key { width: 96%; font-size: 27px; } .spec__content .spec__item.item-left { width: 237px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 70px; } .spec__content .spec__item.item-right { width: 860px; font-size: 18px; } .spec__content sup { top: 0; font-size: 100%; } .spec__content .info__item { position: relative; display: block; margin-bottom: 31px; font-size: 0; } .spec__content .info__item:last-child { margin-bottom: 0; } .spec__content .info__item .item-key, .spec__content .info__item .item-content { position: relative; font-size: 18px; } .spec__content .info__item .item-key { margin-bottom: 10px; } .spec__content .info__item .item-key:last-child { margin-bottom: 0; } .spec__content .info__item .content-value { margin-bottom: 10px; } .spec__content .info__item .content-value:last-child { margin-bottom: 0; } .spec__content .info__item:last-child { margin-bottom: 0; } .spec__content .img .img__text { font-size: 14px; color: #828282; } @media all and (min-width: 721px) and (max-width: 1300px) { .section__kv { position: relative; margin-left: auto; margin-right: auto; width: 90%; max-width: 1100px; } .spec__title { left: 24%; margin-left: 0; padding: 47px 0 42px; width: 74%; } .spec__content { width: 100%; max-width: 1300px; } .spec__content .spec__item { padding-top: 45px; padding-bottom: 45px; } .spec__content .spec__item .spec-key { width: 96%; font-size: 28px; } .spec__content .spec__item.item-left { width: 24%; padding-right: 3%; } .spec__content .spec__item.item-right { width: 76%; } .spec__content .img .img__text { font-size: 14px; } } @media all and (max-width: 720px) { .section__kv { position: relative; margin-left: auto; margin-right: auto; width: 90.625%; max-width: 660px; } .spec__title { display: none; } .spec__content { padding-top: 25px; padding-bottom: 17px; width: 100%; max-width: 1300px; border-top: none; } .spec__content:before { display: none; } .spec__content .spec__item { position: relative; display: block; padding-top: 0; padding-bottom: 0; } .spec__content .spec__item .spec-key { padding: 15px 0; margin-bottom: 40px; width: 100%; font-size: 26px; border-bottom: 1px solid #d6d6d6; } .spec__content .spec__item.item-left { width: 100%; padding-right: 0; } .spec__content .spec__item.item-right { width: 100%; } .spec__content .img .img__text { font-size: 16px; } } .spec__display .img { position: relative; margin-left: 0 !important; margin-bottom: 25px; width: 296px; height: 152px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/display.jpg") ; } @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) { .spec__display .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/display.jpg"); } } .spec__display .text__info { margin-bottom: 10px; } .spec__display .text__info:last-child { margin-bottom: 0; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__display .img { margin-left: 0 !important; margin-bottom: 31px; width: 156px; height: 296px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/display.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__display .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/display.jpg"); } } @media all and (max-width: 720px) { .spec__display .img { margin-left: 0 !important; margin-bottom: 31px; width: 155px; height: 296px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/display.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__display .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/display.jpg"); } } .spec__external__btn .img { position: relative; margin-left: 0 !important; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/external.jpg") ; } @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) { .spec__external__btn .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/external.jpg"); } } .spec__external__btn .img .img__text { position: absolute; text-align: center; left: 50%; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__external__btn .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/external.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__external__btn .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/external.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__external__btn .img .img__text { font-size: 14px; } } @media all and (max-width: 720px) { .spec__external__btn .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/external.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__external__btn .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/external.jpg"); } } @media all and (max-width: 720px) { .spec__external__btn .img .img__text { font-size: 14px; } } .spec__interface .img { position: relative; margin-left: 0 !important; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/interface.jpg") ; } @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) { .spec__interface .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/interface.jpg"); } } .spec__interface .img .img__text { position: absolute; text-align: center; left: 50%; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__interface .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/interface.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__interface .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/interface.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__interface .img .img__text { font-size: 14px; } } @media all and (max-width: 720px) { .spec__interface .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/interface.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__interface .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/interface.jpg"); } } @media all and (max-width: 720px) { .spec__interface .img .img__text { font-size: 14px; } } .spec__keyboard .img { position: relative; margin-left: 0 !important; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/keyboard.jpg") ; background-size: contain; } @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) { .spec__keyboard .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/keyboard.jpg"); } } .spec__keyboard .img .img__text { position: absolute; text-align: center; left: 50%; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__keyboard .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/keyboard.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__keyboard .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/keyboard.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__keyboard .img .img__text { font-size: 14px; } } @media all and (max-width: 720px) { .spec__keyboard .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/keyboard.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__keyboard .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/keyboard.jpg"); } } @media all and (max-width: 720px) { .spec__keyboard .img .img__text { font-size: 14px; } } .spec__info-ltr .content-desc { margin-bottom: 41px; } .spec__info-ltr .info__item { position: relative; display: block; margin-bottom: 21px; font-size: 0; } .spec__info-ltr .info__item:last-child { margin-bottom: 0; } .spec__info-ltr .info__item .item-key, .spec__info-ltr .info__item .item-content { display: inline-block; vertical-align: top; } .spec__info-ltr .info__item .item-key { width: 210px; padding-right: 20px; } .spec__info-ltr .info__item .item-content { width: 633px; } .spec__info-ltr .info__item .item-content .content-value { margin-bottom: 10px; } .spec__info-ltr .info__item .item-content .content-value:last-child { margin-bottom: 0; } .spec__info-ltr .content-footnote { margin-top: 31px; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__info-ltr .content-desc { margin-bottom: 41px; } .spec__info-ltr .info__item { margin-bottom: 31px; } .spec__info-ltr .info__item .item-key { width: 30%; padding-right: 2%; } .spec__info-ltr .info__item .item-content { width: 67.59259%; } .spec__info-ltr .info__item .item-content .content-value { margin-bottom: 10px; } .spec__info-ltr .info__item .item-content .content-value:last-child { margin-bottom: 0; } .spec__info-ltr .content-footnote { margin-top: 31px; } } @media all and (max-width: 720px) { .spec__info-ltr .content-desc { margin-bottom: 41px; } .spec__info-ltr .info__item { margin-bottom: 34px; } .spec__info-ltr .info__item .item-key, .spec__info-ltr .info__item .item-content { position: relative; display: block; } .spec__info-ltr .info__item .item-key { margin-bottom: 8px; width: 100%; padding-right: 0; } .spec__info-ltr .info__item .item-content { width: 100%; } .spec__info-ltr .info__item .item-content .content-value { margin-bottom: 8px; } .spec__info-ltr .info__item .item-content .content-value:last-child { margin-bottom: 0; } .spec__info-ltr .content-footnote { margin-top: 31px; } } .spec__info .img-box { position: relative; margin-left: 0 !important; margin-bottom: 25px; } .spec__base .info__item { position: relative; display: block; margin-bottom: 31px; font-size: 0; } .spec__base .info__item:last-child { margin-bottom: 0; } .spec__base .info__item .item-key, .spec__base .info__item .item-content { position: relative; font-size: 18px; } .spec__base .info__item .item-key { margin-bottom: 10px; } .spec__base .info__item .item-key:last-child { margin-bottom: 0; } .spec__base .info__item .content-value { margin-bottom: 10px; } .spec__base .info__item .content-value:last-child { margin-bottom: 0; } .spec__base .info__item:last-child { margin-bottom: 0; } .spec__base .img__text { position: absolute; top: 0; left: 0; font-size: 14px; color: #828282; } .spec__base figure.img { position: relative; margin-left: 0 !important; } .spec__kv .img { position: relative; margin-left: 0 !important; margin-bottom: 23px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/color.jpg") ; } @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) { .spec__kv .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/color.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__kv .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/color.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__kv .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/color.jpg"); } } @media all and (max-width: 720px) { .spec__kv .img { margin: 5px auto 24px auto !important; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/color.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__kv .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/color.jpg"); } } @media all and (max-width: 720px) { .spec__kv .kv-info { text-align: center; } } .spec__os .main__os { margin-bottom: 25px; } .spec__os .main__os .main-icon { position: relative; display: inline-block; vertical-align: top; margin: 0 30px 25px 0 !important; width: 88px; height: 88px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os.jpg") ; } @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) { .spec__os .main__os .main-icon { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os.jpg"); } } .spec__os .main__os .main-info { position: relative; display: inline-block; vertical-align: top; } .spec__os .sub__os .sub__title { margin-bottom: 10px; } .spec__os .sub__os .sub__icons { margin-bottom: -10px; } .spec__os .sub__os .sub__icons .icon { position: relative; display: inline-block; vertical-align: top; text-align: center; margin: 23px 30px 10px 0; width: 80px; } .spec__os .sub__os .sub__icons .icon figure { position: relative; width: 80px; height: 80px; } .spec__os .sub__os .sub__icons .icon.icon-1 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os1.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-1 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os1.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-2 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os2.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-2 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os2.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-3 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os3.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-3 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os3.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-4 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os4.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-4 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os4.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-5 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os5.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-5 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os5.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-6 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os6.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-6 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os6.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-7 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os7.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-7 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os7.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-8 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os8.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-8 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os8.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-9 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os9.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-9 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os9.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-10 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os10.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-10 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os10.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-11 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os11.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-11 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os11.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-12 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os12.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-12 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os12.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-13 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os13.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-13 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os13.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-14 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os14.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-14 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os14.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-15 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os15.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-15 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os15.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-16 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os16.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-16 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os16.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-17 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os17.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-17 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os17.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-18 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os18.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-18 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os18.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-19 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os19.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-19 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os19.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-20 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os20.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-20 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os20.jpg"); } } .spec__os .sub__os .sub__icons .icon.icon-21 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/os21.jpg") ; } @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) { .spec__os .sub__os .sub__icons .icon.icon-21 figure { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/os21.jpg"); } } .spec__os .sub__os .sub__icons .icon .sub__icon-desc { position: relative; margin-top: 7px; font-size: 15px; line-height: 1.3; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__os .main__os { margin-bottom: 25px; } .spec__os .main__os .main-icon { margin: 0 30px 25px 0 !important; width: 88px; height: 88px; } .spec__os .sub__os .sub__title { display: inline-block; margin-bottom: 10px; } .spec__os .sub__os .sub__icons { position: relative; display: inline-block; left: -16px; margin-bottom: -10px; width: 107%; } .spec__os .sub__os .sub__icons .icon { width: 85px; margin: 21px 1px 11px; } .spec__os .sub__os .sub__icons .icon figure { width: 62px; height: 62px; } .spec__os .sub__os .sub__icons .icon .sub__icon-desc { position: relative; margin-top: 8px; font-size: 15px; line-height: 1.3; } } @media all and (max-width: 720px) { .spec__os .main__os { margin-bottom: 47px; } .spec__os .main__os .main-icon { position: absolute !important; width: 88px; height: 88px; } .spec__os .main__os .main-info { margin-left: 129px; min-height: 88px; } .spec__os .sub__os .sub__title { display: inline-block; margin-bottom: 10px; } .spec__os .sub__os .sub__icons { position: relative; left: 50%; margin-left: -52.5%; margin-bottom: -10px; width: 105%; } .spec__os .sub__os .sub__icons .icon { margin: 30px 0.1% 0; width: 23.56688%; } .spec__os .sub__os .sub__icons .icon figure { width: 62px; height: 62px; } .spec__os .sub__os .sub__icons .icon .sub__icon-desc { position: relative; margin-top: 8px; font-size: 15px; line-height: 1.3; } } .spec__processor .img, .spec__processor .infos { position: relative; display: inline-block; vertical-align: top; font-size: 0; } .spec__processor .img { position: relative; margin-left: 0 !important; margin-right: 25px !important; width: 125px; height: 125px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/cpu.jpg") ; } @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) { .spec__processor .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/cpu.jpg"); } } .spec__processor .infos { width: 708px; } .spec__processor .infos .text__info .text-title, .spec__processor .infos .text__info .text-items { display: inline-block; vertical-align: top; font-size: 18px; } .spec__processor .infos .text__info .text-title { width: 50px; } .spec__processor .infos .text__info .text-items { width: 653px; } .spec__processor .infos .text__info .text-items .text-item { margin-bottom: 18px; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__processor .img { position: relative; margin-left: 0 !important; margin-right: 25px !important; width: 125px; height: 125px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/cpu.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__processor .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/cpu.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__processor .infos { width: 65%; } .spec__processor .infos .text__info .text-title, .spec__processor .infos .text__info .text-items { display: inline-block; vertical-align: top; font-size: 18px; } .spec__processor .infos .text__info .text-title { position: absolute; } .spec__processor .infos .text__info .text-items { margin-left: 45px; width: auto; } .spec__processor .infos .text__info .text-items .text-item { margin-bottom: 20px; } } @media all and (max-width: 720px) { .spec__processor .img { position: relative; margin: 0 0 18px !important; width: 124px; height: 124px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/cpu.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__processor .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/cpu.jpg"); } } @media all and (max-width: 720px) { .spec__processor .infos { width: 100%; } .spec__processor .infos .text__info .text-title, .spec__processor .infos .text__info .text-items { display: inline-block; vertical-align: top; font-size: 18px; } .spec__processor .infos .text__info .text-title { position: absolute; } .spec__processor .infos .text__info .text-items { margin-left: 45px; width: auto; } .spec__processor .infos .text__info .text-items .text-item { margin-bottom: 20px; } } .spec__weight .img { position: relative; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/3d.jpg") ; } @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) { .spec__weight .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/3d.jpg"); } } .spec__weight .text__footnote .footnote-title, .spec__weight .text__footnote .footnote-info { display: inline-block; } .spec__weight .text__footnote .footnote-info { margin-left: 5px; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__weight .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/3d.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__weight .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/3d.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__weight .img .img__text { font-size: 14px; } } @media all and (max-width: 720px) { .spec__weight .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/3d.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__weight .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/3d.jpg"); } } @media all and (max-width: 720px) { .spec__weight .img .img__text { font-size: 14px; } .spec__weight .text__footnote { text-align: center; } } .spec__weightbook .info__item { margin-bottom: 0; } .spec__weightbook .info__item .item-key { padding-right: 8px; } .spec__weightbook .info__item .item-key, .spec__weightbook .info__item .item-content { display: inline-block; } .spec__weightbook .img { position: relative; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/dimensions.jpg") ; } @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) { .spec__weightbook .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/dimensions.jpg"); } } .spec__weightbook .text__footnote .footnote-title, .spec__weightbook .text__footnote .footnote-info { display: inline-block; } .spec__weightbook .text__footnote .footnote-info { margin-left: 5px; } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__weightbook .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/dimensions.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { .spec__weightbook .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/dimensions.jpg"); } } @media all and (min-width: 721px) and (max-width: 1300px) { .spec__weightbook .img .img__text { font-size: 14px; } } @media all and (max-width: 720px) { .spec__weightbook .img { margin-bottom: 8px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/1x/dimensions.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { .spec__weightbook .img { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/small/2x/dimensions.jpg"); } } @media all and (max-width: 720px) { .spec__weightbook .img .img__text { font-size: 14px; } .spec__weightbook .text__footnote { text-align: center; } } #CMD .wd__section .row .col[class*="push-"], #CMD .wd__section .row .col[class*="pull-"] { position: relative; } #CMD .wd__section .always__on__top { position: relative; z-index: 1000; } #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; } #CMD .wd__section .large_use, #CMD .wd__section .medium_use, #CMD .wd__section .small_use { display: none; } #CMD .wd__section .large_use { display: block \9; } #CMD .wd__section .large_unuse { display: none \9; } #CMD .wd__section .img { position: relative; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center; } #CMD .wd__section .modal-button-text { color: #fff; } #CMD .wd__section .modal-button-container.bg-orange .modal-button .modal-button-start-cap, #CMD .wd__section .modal-button-container.bg-orange .modal-button .modal-button-scaler, #CMD .wd__section .modal-button-container.bg-orange .modal-button .modal-button-end-cap { background: #c96a54; } #CMD .section__kv { padding-bottom: 20px; } #CMD .spec__content .info__item { z-index: 9; } #CMD .spec__kv .img { width: 524px; height: 190px; } #CMD .spec__interface .img { left: -14px; margin-top: 60px; margin-bottom: 23px; width: 699px; height: 172px; } #CMD .spec__interface .text-1 { text-align: right; bottom: 156px; left: -29px; width: 100px; } #CMD .spec__interface .text-2 { text-align: left; bottom: 156px; left: 87px; width: 200px; } #CMD .spec__interface .text-3 { text-align: center; top: 164px; left: 237px; width: 200px; } #CMD .spec__keyboard .img { left: -30px; margin: 57px 0 -17px 0; width: 441px; height: 334px; background-size: contain; } #CMD .spec__keyboard .img__text { text-align: center; width: 150px; } #CMD .spec__keyboard .text-1 { text-align: center; left: 234px; bottom: 297px; } #CMD .spec__keyboard .text-2 { text-align: center; top: 286px; left: 146px; } #CMD .spec__keyboard .text-3 { text-align: center; left: 86px; bottom: 297px; } #CMD .spec__weightbook .item-box { display: inline-block; vertical-align: top; } #CMD .spec__weightbook .img { display: block; left: 6px; margin: -7px 0 -21px -28px; width: 470px; height: 270px; background-size: contain; } #CMD .spec__weightbook .img .img__text { position: absolute; text-align: center; left: 50%; } #CMD .spec__weightbook .img .img__text.text-1 { text-align: center; left: 50%; bottom: 199px; width: 300px; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px); } #CMD .spec__weightbook .img .img__text.text-2 { text-align: center; bottom: 75px; margin-left: -211px; width: 250px; } #CMD .spec__weightbook .img .img__text.text-3 { top: 206px; left: 298px; } #CMD .img-box { width: 850px; height: 532px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/box.jpg") ; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .img-box { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/box.jpg"); } } @media all and (min-width: 1301px) and (max-width: 1366px) { #CMD .section__keyboard .img__keyboard__parts { padding-bottom: 25.57%; width: 100%; height: 0; max-width: 1366px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/1x/12_keyboard_parts.jpg") ; } } @media all and (min-width: 1301px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 1301px) and (max-width: 1366px) and (min-resolution: 144dpi) { #CMD .section__keyboard .img__keyboard__parts { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/large/2x/12_keyboard_parts.jpg"); } } @media all and (min-width: 1301px) and (max-width: 1920px) { #CMD .section__design .img__design-bottom { left: 0; margin-left: auto; margin-right: auto; padding-bottom: 24.0625%; width: 100%; height: 0; } } @media all and (min-width: 1301px) { #CMD .large_use { display: block; } #CMD .large_unuse { display: none; } } @media all and (min-width: 721px) and (max-width: 1300px) { #CMD .wd__section .medium_use { display: block; } #CMD .wd__section .medium_unuse { display: none; } #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; } #CMD .wd__section .spec__content .info__item { margin-top: 23px; margin-bottom: 0; } #CMD .wd__section .spec__content .spec__item .info__item:first-child { margin-top: 0; } #CMD .wd__section .spec__content .spec__weightbook .info__item { margin-bottom: 0; } #CMD .section__kv { padding-bottom: 20px; } #CMD .spec__kv .img { width: 493px; height: 168px; margin-bottom: 22px; } #CMD .spec__interface .img { left: -1px; margin-top: 16px; margin-bottom: -1px; width: 586px; height: 208px; padding-bottom: 0; } #CMD .spec__interface .text-1 { left: -47px; bottom: 160px; } #CMD .spec__interface .text-2 { left: 66px; bottom: 160px; } #CMD .spec__interface .text-3 { top: 185px; left: 169px; width: 246px; } #CMD .spec__keyboard .img { left: -10px; margin-top: 33px; margin-bottom: -35px; width: 450px; } #CMD .spec__keyboard .text-1 { text-align: left; left: 268px; bottom: 282px; width: 150px; } #CMD .spec__keyboard .text-2 { top: 279px; left: 136px; width: 100px; } #CMD .spec__keyboard .text-3 { text-align: center; left: 56px; bottom: 297px; } #CMD .spec__weightbook .item-box { display: block; vertical-align: top; } #CMD .spec__weightbook .img { display: block; left: -39px; margin-top: 20px; margin-left: 0; margin-bottom: -8px; width: 418px; height: 214px; } #CMD .spec__weightbook .img .img__text { position: absolute; left: 50%; text-align: center; } #CMD .spec__weightbook .img .img__text.text-1 { top: 16px; } #CMD .spec__weightbook .img .img__text.text-2 { left: 295px; bottom: 63px; width: 120px; } #CMD .spec__weightbook .img .img__text.text-3 { top: 163px; left: 260px; margin-left: auto; } #CMD .img-box { width: 500px; height: 361px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/box.jpg") ; } } @media all and (min-width: 721px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 721px) and (max-width: 1300px) and (min-resolution: 144dpi) { #CMD .img-box { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/box.jpg"); } } @media all and (min-width: 721px) and (max-width: 1023px) { #CMD .section__design .img__design-bottom { left: 0; margin-left: auto; margin-right: auto; padding-bottom: 26.757%; width: 100%; height: 0; } } @media all and (max-width: 720px) { #CMD .wd__section sup.sign-ref { top: -0.3em; } #CMD .wd__section .small_use { display: block; } #CMD .wd__section .small_unuse { display: none; } #CMD .wd__section .spec__content .info__item .item-key, #CMD .wd__section .spec__content .info__item .item-content { font-size: 16px; } #CMD .wd__section .spec__content .info__item { margin-top: 23px; margin-bottom: 0; } #CMD .wd__section .spec__content .spec__item .info__item:first-child { margin-top: 0; } #CMD .wd__section .spec__content .spec__weightbook .info__item { margin-bottom: 0; } #CMD .section__kv { padding-bottom: 37px; } #CMD .spec__kv .kv__title { margin-bottom: 8px; } #CMD .spec__kv .img { left: 50%; margin-left: -180px !important; width: 360px; height: 134px; background-size: contain; } #CMD .spec__interface .img { position: relative; left: 50%; margin-top: 3px; margin-left: -6px !important; margin-bottom: -67px; padding-bottom: 0; width: 320px; height: 255px; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px); } #CMD .spec__interface .text-1 { left: -18px; bottom: 194px; width: 100px; } #CMD .spec__interface .text-2 { left: 127px; bottom: 194px; width: 180px; } #CMD .spec__interface .text-3 { text-align: right; top: 171px; left: 68px; width: 180px; } #CMD .spec__keyboard .img { padding-bottom: 0px; top: 0; margin-top: 35px; margin-bottom: -44px; left: 50%; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px); width: 320px; height: 290px; } #CMD .spec__keyboard .text-1 { bottom: 240px; left: 156px; width: 140px; } #CMD .spec__keyboard .text-2 { top: 240px; left: 126px; width: 70px; } #CMD .spec__keyboard .text-3 { text-align: right; bottom: 240px; left: 40px; width: 70px; } #CMD .spec__weightbook .item-box { display: block; vertical-align: top; } #CMD .spec__weightbook .img { position: relative; display: block; margin-top: 42px; margin-left: -2px; margin-right: 0; margin-bottom: -7px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 320px; height: 180px; } #CMD .spec__weightbook .img .img__text { position: absolute; left: 50%; text-align: center; } #CMD .spec__weightbook .img .img__text.text-1 { left: 50%; bottom: 148px; } #CMD .spec__weightbook .img .img__text.text-2 { bottom: 44px; margin-left: -118px; width: 150px; } #CMD .spec__weightbook .img .img__text.text-3 { top: 147px; left: 226px; margin-left: auto; } #CMD .img-box { width: 500px; height: 361px; background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/1x/box.jpg") ; } } @media all and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 720px) and (min-resolution: 144dpi) { #CMD .img-box { background-image: url("/websites/global/products/jgzfichukxu7ckae/techspec/v1/images/medium/2x/box.jpg"); } } @media all and (min-width: 0px) and (max-width: 414px) { #CMD .section__design .img__design-bottom { left: 0; margin-left: auto; margin-right: auto; padding-bottom: 219.583%; width: 100%; height: 0; } #CMD .section__accurate .img__accurate { left: 0; margin-left: auto; margin-right: auto; padding-bottom: 148.792%; width: 100%; height: 0; } #CMD .section__visual .img__visual { left: 0; margin-left: auto; margin-right: auto; padding-bottom: 142.028%; width: 100%; height: 0; } }