/** Shopify CDN: Minification failed Line 1383:4 "transiton" is not a known CSS property Line 1643:4 "hegiht" is not a known CSS property Line 2022:14 Unexpected "#1609983464673-player" **/ @charset "UTF-8"; #MainContent > div > form > input.shopify-challenge__button.btn { background: #0080ff; } #MainContent > div > form > input.shopify-challenge__button.btn:hover { color: #000000; } #m-1604644220759 input, #m-1604644220759 textarea { border: 1px solid #aaa; } .cominfo { color: #999999; } .rich-text__text p { font-size: 20px; } #featured-image--1603167644228 > div.featured-image-section-inner.js-section-content > div > h2 { margin-bottom: 32px; } #AddToCartForm > div > div.grid__item.large--text-right.large--one-half.medium--down-one-whole { margin-bottom: 30px; } .paymenttext { color: #999999; } #mail, #subscribe { border-color: #0080ff !important; } #subscribe { background: #0080ff !important; } @media screen and (max-width: 767px) { #featured-image--1607327132331 { height: 400px !important; } #featured-image--1603167644228 > div { background-size: cover; } #shopify-section-1599185752441 > section > div.image-column.image-column--text { min-height: 400px; } #featured-image--1603167644228 > div.featured-image-section-inner.js-section-content { padding: 25px 0; } #shopify-section-1599185752441 > section > div.image-column.image-column--text > div > h1 { font-size: 26px; } } @media screen and (max-width: 767px) { #shopify-section-1605071750436 { width: auto !important; } #featured-image--1603167644228 { height: 400px !important; } #shopify-section-1518427330429 { margin-top: 20px; margin-bottom: 0; } #featured-image--1607327132331 > div.featured-image-section-inner.js-section-content { padding-top: 25px; } } #shopify-section-1605071750436 > div > div > div.center-center.text-inside.no-play-button.js-section-content > div > h2 { margin-top: -10px; } #shopify-section-1605071750436 > div > div > div.center-center.text-inside.no-play-button.js-section-content > div > div { margin-top: 25px; } #shopify-section-1609843501111 > div > div > div.center-center.text-inside.no-play-button.js-section-content > div > h2 { color: #0080ff; margin-top: 10px; } .btn:hover { background-color: #000; color: #0080ff; } #shopify-section-1603087991846 > section > div > div > div > div > div:nth-child(3) > p { margin-top: -15px; } .footer--staycommected__width { margin: 0 auto; padding: 0 120px; } .footer-content { margin-bottom: 36px; } @media (max-width: 991px) and (min-width: 768px) { .footer-content, .footer--staycommected__width { max-width: 100%; } .footer-blocks { margin: 0 40px; } } #shopify-section-footer > footer > div.footer-content.wrapper > div > div:nth-child(2) > div > ul > li:nth-child(10) > a { color: #0080ff; } #shopify-section-footer > footer > div.footer-content.wrapper > div > div:nth-child(2) > div > ul > li:nth-child(10) > a:hover { color: #0061c1; } /*============================================================================ #Popup ==============================================================================*/ .subscribe__popup { position: fixed; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; } .subscribe__popup .popup__shadow { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); } .subscribe__popup .popup__contents { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 600px; width: 50%; } .subscribe__popup .popup__title h2 { position: absolute; bottom: 164px; left: 8px; border: none; background: transparent; padding: 0; margin: 0; } .subscribe__popup .popup__title h2 span { display: block; color: #0080ff; font-size: 90px !important; line-height: 0.8; } .subscribe__popup .popup__image img { display: block; width: 100%; } .subscribe__popup .popup_subscribe { padding: 50px 70px; background-color: #e2e2e2; } .subscribe__popup .popup_subscribe .custom--text__subscribe:after { color: #fff !important; } .subscribe__popup .popup--close__button { position: absolute; top: 4px; right: 4px; text-indent: -9999px; color: transparent; cursor: pointer; width: 44px; height: 44px; } .subscribe__popup .popup--close__button svg { position: absolute; top: 0; right: 0; cursor: pointer; } .subscribe__popup .popup--close__button path { fill: #fff; } @media screen and (max-width: 1119px) { .subscribe__popup .popup__title h2 span { font-size: 80px !important; } } @media screen and (max-width: 999px) { .subscribe__popup .popup__title h2 span { font-size: 70px !important; } .subscribe__popup .popup_subscribe { padding: 40px 30px; } } @media screen and (max-width: 911px) { .subscribe__popup .popup__contents { width: 100%; } .subscribe__popup .popup__title h2 { bottom: 130px; left: 30px; } } @media screen and (max-width: 767px) { .subscribe__popup .popup__title h2 { bottom: 110px; left: 20px; } .subscribe__popup .popup__title h2 span { font-size: 50px !important; } .subscribe__popup .popup_subscribe { padding: 30px 20px; } } @media screen and (max-width: 479px) { .subscribe__popup .popup__title h2 { bottom: 114px; } } /*============================================================================ #Font Family, 효과 등 임의 조정 ==============================================================================*/ body { font-family: 'visby-cf', sans-serif !important; } a { text-decoration: none !important; } /*============================================================================ #메인 페이지 수정 ==============================================================================*/ #shopify-section-1605071750436 .size--44, #shopify-section-1605071750436 .rich-text__heading, #shopify-section-1605071750436 .size--40, #shopify-section-1552545896050 .size--44, #shopify-section-1552545896050 .rich-text__heading, #shopify-section-1552545896050 .size--40, #shopify-section-1609743514901 .size--44, #shopify-section-1609743514901 .rich-text__heading, #shopify-section-1609743514901 .size--40, #shopify-section-1607645023332 .size--44, #shopify-section-1607645023332 .rich-text__heading, #shopify-section-1607645023332 .size--40, #shopify-section-1603167644228 .size--44, #shopify-section-1603167644228 .rich-text__heading, #shopify-section-1603167644228 .size--40 { font-size: 44px; line-height: 1; margin-bottom: 14px !important; } #shopify-section-1605071750436 .size--64, #shopify-section-1552545896050 .size--64, #shopify-section-1609743514901 .size--64, #shopify-section-1607645023332 .size--64, #shopify-section-1603167644228 .size--64 { margin-bottom: 26px; line-height: 48px; } #shopify-section-1605071750436 .main-subheading, #shopify-section-1552545896050 .main-subheading, #shopify-section-1609743514901 .main-subheading, #shopify-section-1607645023332 .main-subheading, #shopify-section-1603167644228 .main-subheading { line-height: 1; } #shopify-section-1605071750436 .size--20, #shopify-section-1605071750436 .rich-text__text > p, #shopify-section-1552545896050 .size--20, #shopify-section-1552545896050 .rich-text__text > p, #shopify-section-1609743514901 .size--20, #shopify-section-1609743514901 .rich-text__text > p, #shopify-section-1607645023332 .size--20, #shopify-section-1607645023332 .rich-text__text > p, #shopify-section-1603167644228 .size--20, #shopify-section-1603167644228 .rich-text__text > p { font-size: 20px; line-height: 1; } #shopify-section-1605071750436 .main-subheading, #shopify-section-1605071750436 .size--20, #shopify-section-1605071750436 .rich-text__text > p, #shopify-section-1552545896050 .main-subheading, #shopify-section-1552545896050 .size--20, #shopify-section-1552545896050 .rich-text__text > p, #shopify-section-1609743514901 .main-subheading, #shopify-section-1609743514901 .size--20, #shopify-section-1609743514901 .rich-text__text > p, #shopify-section-1607645023332 .main-subheading, #shopify-section-1607645023332 .size--20, #shopify-section-1607645023332 .rich-text__text > p, #shopify-section-1603167644228 .main-subheading, #shopify-section-1603167644228 .size--20, #shopify-section-1603167644228 .rich-text__text > p { margin-top: 0; margin-bottom: 50px !important; font-family: 'visby-cf', sans-serif !important; } #shopify-section-1605071750436 .image-column__text, #shopify-section-1552545896050 .image-column__text, #shopify-section-1609743514901 .image-column__text, #shopify-section-1607645023332 .image-column__text, #shopify-section-1603167644228 .image-column__text { width: 93%; } #shopify-section-1518427330429 .list-collections__slide { margin-bottom: 0; } #shopify-section-1605071750436 .btn, #shopify-section-1552545896050 .btn, #shopify-section-1609743514901 .btn, #shopify-section-1607645023332 .btn, #shopify-section-1518427330429 .btn, #shopify-section-1603167644228 .btn { transition: 0.2s ease-in-out; } #shopify-section-1605071750436 .btn:hover, #shopify-section-1552545896050 .btn:hover, #shopify-section-1609743514901 .btn:hover, #shopify-section-1607645023332 .btn:hover, #shopify-section-1518427330429 .btn:hover, #shopify-section-1603167644228 .btn:hover { transition: 0.2s ease-in; background-color: #2f75bd; } #shopify-section-1609743514901 .rich-text__buttons { padding-top: 0; } @media screen and (max-width: 991px) { #shopify-section-1605071750436 .size--44, #shopify-section-1605071750436 .rich-text__heading, #shopify-section-1605071750436 .size--40, #shopify-section-1552545896050 .size--44, #shopify-section-1552545896050 .rich-text__heading, #shopify-section-1552545896050 .size--40, #shopify-section-1609743514901 .size--44, #shopify-section-1609743514901 .rich-text__heading, #shopify-section-1609743514901 .size--40, #shopify-section-1607645023332 .size--44, #shopify-section-1607645023332 .rich-text__heading, #shopify-section-1607645023332 .size--40, #shopify-section-1603167644228 .size--44, #shopify-section-1603167644228 .rich-text__heading, #shopify-section-1603167644228 .size--40 { font-size: 34px; line-height: 1; margin-bottom: 14px !important; } #shopify-section-1605071750436 .size--64, #shopify-section-1552545896050 .size--64, #shopify-section-1609743514901 .size--64, #shopify-section-1607645023332 .size--64, #shopify-section-1603167644228 .size--64 { margin-bottom: 14px; } #shopify-section-1605071750436 .size-22, #shopify-section-1552545896050 .size-22, #shopify-section-1609743514901 .size-22, #shopify-section-1607645023332 .size-22, #shopify-section-1603167644228 .size-22 { font-size: 19px; } #shopify-section-1605071750436 .size--20, #shopify-section-1605071750436 .rich-text__text > p, #shopify-section-1552545896050 .size--20, #shopify-section-1552545896050 .rich-text__text > p, #shopify-section-1609743514901 .size--20, #shopify-section-1609743514901 .rich-text__text > p, #shopify-section-1607645023332 .size--20, #shopify-section-1607645023332 .rich-text__text > p, #shopify-section-1603167644228 .size--20, #shopify-section-1603167644228 .rich-text__text > p { font-size: 18px; } #shopify-section-1605071750436 .main-subheading, #shopify-section-1605071750436 .size--20, #shopify-section-1605071750436 .rich-text__text > p, #shopify-section-1552545896050 .main-subheading, #shopify-section-1552545896050 .size--20, #shopify-section-1552545896050 .rich-text__text > p, #shopify-section-1609743514901 .main-subheading, #shopify-section-1609743514901 .size--20, #shopify-section-1609743514901 .rich-text__text > p, #shopify-section-1607645023332 .main-subheading, #shopify-section-1607645023332 .size--20, #shopify-section-1607645023332 .rich-text__text > p, #shopify-section-1603167644228 .main-subheading, #shopify-section-1603167644228 .size--20, #shopify-section-1603167644228 .rich-text__text > p { margin-bottom: 40px !important; } #shopify-section-1609743514901 .image-column__text { padding: 28px; } #shopify-section-1518427330429 .list-collections__grid { margin: -20px -10px; } #shopify-section-1518427330429 .list-collections__slide { margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 767px) { #shopify-section-1605071750436 .size--44, #shopify-section-1605071750436 .rich-text__heading, #shopify-section-1605071750436 .size--40, #shopify-section-1552545896050 .size--44, #shopify-section-1552545896050 .rich-text__heading, #shopify-section-1552545896050 .size--40, #shopify-section-1609743514901 .size--44, #shopify-section-1609743514901 .rich-text__heading, #shopify-section-1609743514901 .size--40, #shopify-section-1607645023332 .size--44, #shopify-section-1607645023332 .rich-text__heading, #shopify-section-1607645023332 .size--40, #shopify-section-1603167644228 .size--44, #shopify-section-1603167644228 .rich-text__heading, #shopify-section-1603167644228 .size--40 { font-size: 30px; margin-bottom: 10px !important; } #shopify-section-1605071750436 .main-subheading, #shopify-section-1605071750436 .size--20, #shopify-section-1605071750436 .rich-text__text > p, #shopify-section-1552545896050 .main-subheading, #shopify-section-1552545896050 .size--20, #shopify-section-1552545896050 .rich-text__text > p, #shopify-section-1609743514901 .main-subheading, #shopify-section-1609743514901 .size--20, #shopify-section-1609743514901 .rich-text__text > p, #shopify-section-1607645023332 .main-subheading, #shopify-section-1607645023332 .size--20, #shopify-section-1607645023332 .rich-text__text > p, #shopify-section-1603167644228 .main-subheading, #shopify-section-1603167644228 .size--20, #shopify-section-1603167644228 .rich-text__text > p { margin-bottom: 30px !important; } #shopify-section-1518427330429 { margin: 20px 20px 0 20px; } #shopify-section-1518427330429 .list-collections__grid { margin: -10px -20px; } #shopify-section-1518427330429 .list-collections__grid:last-child { margin-bottom: 10px; } #shopify-section-1609743514901 .rich-text__buttons { padding-top: 0; } } @media screen and (max-width: 580px) { #shopify-section-1609743514901 .image-column { padding-bottom: 20px; } } @media screen and (max-width: 479px) { #shopify-section-1552545896050 .slider-cta { padding: 0; } #shopify-section-1552545896050 .slider-cta a { margin-top: 0; } } /*============================================================================ #You may also like ==============================================================================*/ @media screen and (max-width: 400px) { #m-1598932905916-child1, #m-1598932905916-child2 { padding-right: 0 !important; padding-left: 4px !important; } #m-1598932905916-child3 { padding-left: 4px !important; padding-right: 4px !important; } } /*============================================================================ #Social login ==============================================================================*/ #CustomerLoginForm .ndnapps-sociallogin-wrapper span { width: 0 !important; height: 0 !important; opacity: 0 !important; margin: 0 !important; } /*============================================================================ #Mice 상세 페이지 ==============================================================================*/ /* buynow popup */ .buynowPopup { display: block; position: fixed !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; top: 0; bottom: 0 !important; z-index: 1000; background-color: #202020 !important; } .buynowPopup .product--color__title h2, .buynowPopup .product--count__title h2 { position: absolute; top: 45%; font-size: 24px; color: #fff; } .buynowPopup .buynowCloseButton .nav-search__close-container { padding: 0; overflow: hidden; } .buynowPopup .buynowCloseButton .nav-search__close-container .nav-search__close { background-color: transparent; margin-top: 20px; margin-right: 20px; } .buynowPopup .gryffeditor { height: 100vh; } .buynowPopup .gryffeditor .buynow_contents, .buynowPopup .gryffeditor .gf_column { height: 100%; } .buynowPopup .gryffeditor #m-1610595687801 { height: 100%; } .buynowPopup .gryffeditor #m-1610595687801 .module { height: 100%; } .buynowPopup .gryffeditor #m-1610595687801 .module form { height: 100%; } .buynowPopup .gryffeditor #r-1610595687785 { height: 100vh; overflow: hidden; width: 100%; min-width: 100%; max-width: 100%; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { transform: translateY(17%); } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { transform: translateY(27%); } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7, .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { height: 100vh; position: inherit; display: block; float: left; width: 50%; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding: 0 40px; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding-left: 170px; } .buynowPopup .gryffeditor #r-1610595687945 { margin-top: 0 !important; padding: 0 !important; } .buynowPopup .gryffeditor #m-1610595687801 { padding: 0 !important; } .buynowPopup .gryffeditor .addtocartButton { overflow: hidden; } .buynowPopup .gryffeditor .addtocartButton #m-1610595687829, .buynowPopup .gryffeditor .addtocartButton .element-wrap.pc-amazon-button { float: left; width: 50%; } .buynowPopup .gryffeditor .addtocartButton #m-1610595687829 button { border-radius: 4px; } .buynowPopup .gryffeditor .addtocartButton #m-1610595687829 button:hover { color: #fff !important; background-color: #2f75bd !important; transition: 0.4s ease-in; } .buynowPopup .gryffeditor .addtocartButton .element-wrap.pc-amazon-button { margin-top: 40px; margin-left: -100px; width: 40%; } .buynowPopup .gryffeditor #m-1610595687958 .gf_product-quantity-minus, .buynowPopup .gryffeditor #m-1610595687958 .gf_product-quantity-plus { background-color: transparent !important; } .buynowPopup .gryffeditor .gf_product-icon-minus svg, .buynowPopup .gryffeditor .gf_product-icon-plus svg { fill: #fff !important; } .buynowPopup .gryffeditor .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { position: relative; } .buynowPopup .gryffeditor .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5:before { display: block; content: ''; position: absolute; top: -50%; left: -7px; z-index: -1; height: 1000vh; width: 100%; background-color: #121212; } @media screen and (max-width: 1800px) { .buynowPopup .gryffeditor .addtocartButton #m-1610595687829 { float: inherit; width: 86%; } .buynowPopup .gryffeditor .addtocartButton .element-wrap.pc-amazon-button { float: inherit; width: 60%; margin-left: 0; } .buynowPopup #m-1610595687873 .gf_product-image { width: 100% !important; } } @media screen and (max-width: 1500px) { .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { transform: translateY(25%); } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding-left: 100px; } } @media screen and (max-width: 1200px) { .buynowPopup .gryffeditor .addtocartButton #m-1610595687829 { width: 130%; } .buynowPopup .gryffeditor .addtocartButton .element-wrap.pc-amazon-button { width: 77%; } } @media screen and (max-width: 991px) { .buynowPopup { overflow: hidden; left: 20px !important; right: 20px !important; top: 20px !important; bottom: 20px !important; width: auto !important; box-shadow: 0 1rem 3rem rgba(205, 205, 205, 0.5) !important; background-color: #000; } .buynowPopup .nav-search__close path { fill: #0080ff; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7, .buynowPopup .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { width: 100%; margin-top: 0; transform: translate(0); } .buynowPopup #m-1610595687873 .gf_product-image { width: 70% !important; } .buynowPopup .item-content, .buynowPopup .gryffeditor .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5:before { background-color: #000; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7, .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { height: auto; } .buynowPopup .gryffeditor .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5:before { display: none !important; top: 0; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { transform: translate(0); } .buynowPopup #m-1610595687839, .buynowPopup #m-1610595687958 { display: none; } .buynowPopup .AddToCartForm { position: relative; } .buynowPopup .AddToCartForm .item-content { position: absolute; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding-right: 40px; padding-left: 40px; width: 100%; } .buynowPopup #m-1610595687829 .gf_add-to-cart { width: 76.9% !important; } .buynowPopup .mo-amazon-button { display: block !important; } .buynowPopup .mo-amazon-button img { width: 60% !important; } .buynowPopup .pc-amazon-button { display: none !important; } .buynowPopup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { position: relative; top: 60px; width: 100% !important; } .buynowPopup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 img { width: 100% !important; } .buynowPopup .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { position: absolute !important; bottom: 60px !important; } } @media screen and (max-width: 767px) { .buynowPopup .nav-search__close-container { top: -10px; left: 10px; } .buynowPopup .mo-amazon-button img { width: 70% !important; } .buynowPopup #m-1610595687861 .gf_row { padding-top: 20px; } .buynowPopup .element-wrap.pc-amazon-button, .buynowPopup #m-1610595687829 { margin-top: 20px !important; } } @media screen and (max-width: 340px) { .buynowPopup { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding-right: 20px; padding-left: 20px; } .buynowPopup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { top: 20px !important; } .buynowPopup .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { bottom: 20px !important; } } /* end buynow popup */ #detail__page { overflow: hidden; margin-top: -50px; background-color: #000; } #detail__page .main__width { margin: 0 auto; max-width: 1200px; width: 100%; } #detail__page .section__width { margin: 0 auto; max-width: 1440px; width: 100%; } #detail__page .detail--page__p0 { padding: 0; } #detail__page .detail--page__support { padding-top: 120px; padding-bottom: 120px; } #detail__page .mb70 { margin-bottom: 70px; } #detail__page .view--Wrap { position: relative; background-color: #2d2d2d; max-height: 94vh; padding: 0; min-height: 1000px; } #detail__page .view--Wrap .pos-r { position: relative; } #detail__page .view--Wrap .mice--main { height: 100vh; } #detail__page .view--Wrap .mice--title { text-align: center; } #detail__page .view--Wrap .mice--title .mice--main__title h2 { color: #fff; font-size: 450px; letter-spacing: -18px; } #detail__page .view--Wrap .mice--title .mice--title__image { position: absolute; transform: translateY(-50%); top: 50%; animation: mice 1.4s ease-in Infinite Alternate; } #detail__page .view--Wrap .mice--title .mice--title__image img { display: block; width: 95%; height: auto; } #detail__page .view--Wrap .mice--info { position: absolute; bottom: 150px; text-align: left; color: #fff; } #detail__page .view--Wrap .mice--info .mice--name p { margin-top: 0; margin-bottom: 16px; font-size: 24px; line-height: 1; font-family: 'visby-cf', sans-serif !important; line-height: 1; } #detail__page .view--Wrap .mice--info .mice--price span, #detail__page .view--Wrap .mice--info .mice--price em { font-size: 30px; font-style: normal; line-height: 1; } #detail__page .view--Wrap .mice--info .mice--color--swatch span { margin-top: 15px; display: inline-block; width: 30px; height: 30px; border-radius: 30px; } #detail__page .view--Wrap .mice--info .mice--color--swatch .color--swatch__black { background-color: #000; margin-right: 5px; } #detail__page .view--Wrap .mice--info .mice--color--swatch .color--swatch__white { background-color: #fff; margin-right: 5px; } #detail__page .view--Wrap .mice--info .mice--color--swatch .color--swatch__red { background-color: #e72f42; margin-right: 5px; } #detail__page .view--Wrap .mice--info .mice--color--swatch .color--swatch__blue { background-color: #0080ff; } #detail__page .view--Wrap .mice--info .mice--buynow { margin-top: 18px; cursor: pointer; } #detail__page .view--Wrap .mice--info .mice--buynow button { padding: 20px 100px; color: #fff; background-color: #0080ff; border-radius: 4px; font-family: 'visby-cf', sans-serif !important; font-size: 20px; } #detail__page .view--Wrap .mice--info .mice--buynow button:hover { transition: 0.2s ease-in; background-color: #2f75bd; } #detail__page section { padding-top: 60px; padding-bottom: 60px; } #detail__page #r-1610336544942 { margin: 0 auto; display: block !important; } #detail__page .youmayalsolike { padding-top: 90px; padding-bottom: 140px; } #detail__page .detail--page__section { background-color: #000; } #detail__page .tab--menu { display: flex; justify-content: center; } #detail__page .tab--menu div { position: relative; padding-right: 20px; padding-left: 20px; cursor: pointer; } #detail__page .tab--menu div:last-child { cursor: initial; } #detail__page .tab--menu div a { display: block; font-size: 20px; color: #aaa; line-height: 1; padding-top: 20px; padding-bottom: 20px; transition: 0.3s ease-in; border-bottom: 2px solid transparent; cursor: pointer; } #detail__page .tab--menu div:after { position: absolute; top: 20px; right: 0px; display: block; content: ''; width: 1px; height: 20px; background-color: #aaa; } #detail__page .tab--menu div:hover a { color: #fff; border-bottom: 2px solid #0080ff; transition: 0.4s ease-in; } #detail__page .tab--menu div:hover:last-child { cursor: initial; } #detail__page .tab--menu div:first-child a { color: #fff; border-bottom: 2px solid #0080ff; } #detail__page .tab--menu div:last-child:after { display: none; } #detail__page .tab--menu .xlite__imgae { text-align: center; } #detail__page .xlite__imgae { display: block; text-align: center; padding-top: 140px; padding-bottom: 100px; } #detail__page .mo--tab--contents { display: none; } #detail__page .tab--contents { display: flex; justify-content: center; } #detail__page .tab--contents .extremely, #detail__page .tab--contents .ergonimic, #detail__page .tab--contents .latest, #detail__page .tab--contents .durability { display: flex; justify-content: center; margin-right: 50px; } #detail__page .tab--contents .durability { margin-right: 0; } #detail__page .tab--contents .image--wrap { margin-right: 26px; border-right: 1px solid #fff; } #detail__page .tab--contents .image--wrap img { margin-right: 26px; display: block; } #detail__page .tab--contents .image--text { display: table; height: 100%; } #detail__page .tab--contents .image--text p { display: table-cell; vertical-align: middle; margin: 0; color: #fff; font-size: 20px; font-weight: 700; } #detail__page .mice--rotation video { width: 100%; } #detail__page .editor-choice { padding: 30px 0; background-color: #0080ff !important; } #detail__page .editor-choice .main__width { overflow: hidden; } #detail__page .editor-choice .main__width .editor-choice-image, #detail__page .editor-choice .main__width .editor-choice-contents { float: left; } #detail__page .editor-choice .main__width .editor-choice-image { width: 30%; } #detail__page .editor-choice .main__width .editor-choice-contents { width: 70%; position: relative; top: 50%; transform: translateY(50%); } #detail__page .editor-choice .main__width div { color: #fff; } #detail__page .editor-choice .main__width .pulsar-conts { font-size: 32px; line-height: 1; } #detail__page .editor-choice .main__width .techpowerup { font-size: 30px; padding-top: 20px; font-family: 'visby-cf', sans-serif; } @media screen and (max-width: 1240px) { #detail__page .editor-choice { padding: 0; } #detail__page .editor-choice .main__width { padding: 0 20px; padding-top: 10px; } #detail__page .editor-choice .main__width .pulsar-conts { font-size: 26px; } #detail__page .editor-choice .main__width .techpowerup { font-size: 22px; } #detail__page .editor-choice .main__width .editor-choice-contents { transform: translateY(80%); } } @media screen and (max-width: 880px) { #detail__page .editor-choice .main__width .pulsar-conts { font-size: 20px; } #detail__page .editor-choice .main__width .techpowerup { font-size: 17px; } #detail__page .editor-choice .main__width .editor-choice-contents { transform: translateY(88%); } } @media screen and (max-width: 1240px) { #detail__page .editor-choice .main__width { padding: 0 10px; } #detail__page .editor-choice .main__width .pulsar-conts { font-size: 18px; } #detail__page .editor-choice .main__width .techpowerup { font-size: 14px; } #detail__page .editor-choice .main__width .editor-choice-contents { transform: translateY(86%); } } @media screen and (max-width: 710px) { #detail__page .editor-choice .main__width .editor-choice-contents { transform: translateY(65%); } } @media screen and (max-width: 621px) { #detail__page .editor-choice .main__width .pulsar-conts { font-size: 16px; } #detail__page .editor-choice .main__width .techpowerup { font-size: 12px; } } @media screen and (max-width: 556px) { #detail__page .editor-choice .main__width .pulsar-conts { font-size: 14px; } #detail__page .editor-choice .main__width .techpowerup { font-size: 10px; } } @media screen and (max-width: 492px) { #detail__page .editor-choice .main__width .editor-choice-contents { transform: translateY(36%); } } @media screen and (max-width: 446px) { #detail__page .editor-choice .main__width .techpowerup { padding-top: 10px; } #detail__page .editor-choice .main__width .editor-choice-contents { transform: translateY(39%) !important; } } @media screen and (max-width: 410px) { #detail__page .editor-choice .main__width .pulsar-conts { font-size: 12px; } #detail__page .editor-choice .main__width .techpowerup { font-size: 8px; } } @media screen and (max-width: 348px) { #detail__page .editor-choice .main__width .techpowerup { padding-top: 6px; } } @keyframes mice { 0% { top: 50%; } 100% { top: 52%; } } @media screen and (max-width: 376px) { .mice--title__image { animation: mice2 1.4s ease-in Infinite Alternate; } } @keyframes mice2 { 0% { margin-top: 15px; } 100% { margin-top: 0px; } } @media screen and (max-width: 415px) { #detail__page .view--Wrap .mice--title .mice--title__image { top: 87% !important; } } .detail--page__pos { display: flex; align-items: center; justify-content: left; padding: 0 200px; } .detail--page__pos .text--contents__text { width: 40%; margin-top: 300px; margin-bottom: 300px; } .detail--page__pos .text--contents__images { margin-top: -600px; width: 60%; } .detail--page__pos .text--heading { margin-bottom: 30px; } .detail--page__pos .text--heading h3 { line-height: 1; color: #fff; font-size: 48px; } .detail--page__pos .text--heading h3:after { display: block; content: ''; position: relative; top: 28px; left: 0; width: 130px; border: 3px solid #0080ff; } .detail--page__pos .text--area { padding-top: 50px; margin-bottom: 50px; } .detail--page__pos .text--area p { margin: 0; color: #fff; font-size: 20px; } .detail--page__pos .text--area p span { display: block; margin-bottom: 10px; line-height: 1; } .detail--page__pos .text--area p span:last-child { margin-bottom: 0; } .detail--page__pos .text--contents__images { position: relative; } .detail--page__pos .text--contents__images .mice--weight strong { display: block; font-size: 450px; color: #fff; letter-spacing: -24px; line-height: 0.8; text-align: right; } .detail--page__pos .text--contents__images .image--area { position: absolute; top: 184px; right: -10px; } .detail--page__pos .text--contents__images .image--area img { display: block; min-width: 1128px; } #detail__page .detail--page__section .detail--page__hand .text--contents__images { margin-top: 0; } #detail__page .text--contents__text { width: 30%; } #detail__page .text--contents__images { width: 70%; } #detail__page .detail--page__pos_left { padding-right: 0; padding-left: 200px; } #detail__page .detail--page__pos_left .text--contents__text, #detail__page .detail--page__pos_left .text--contents__images { width: 50%; padding: 0; margin: 0; } #detail__page .detail--page__pos_left .text--heading h3:after { border-color: #fff; } #detail__page .background__gradient { overflow: hidden; background: linear-gradient(119deg, #0080ff 0%, black 41%); } #detail__page .detail--page__p0 .text--contents__text { margin: 346px 0; } #detail__page .detail--page__p0 .text--contents__images { margin-top: 0; height: 1045px; } #detail__page .state_of_art .text--contents__text { width: 40%; margin: 0; } #detail__page .state_of_art .text--contents__text .text--heading h3 span { display: block; } #detail__page .state_of_art .text--contents__images { margin: 0; width: 60%; text-align: right; } #detail__page .durability__matters .text--contents__text { width: 40%; } #detail__page .durability__matters .pass_us_miliatystandard { padding-top: 70px; } #detail__page .durability__matters .text--contents__images { margin-top: 0; right: -18px; width: 60%; text-align: right; } .fully__customize .detail--page__pos { background-color: #2d2d2d !important; } .fully__customize .detail--page__pos .text--contents__text { margin-top: 210px; margin-bottom: 210px; } .fully__customize .detail--page__pos .text--contents__images { margin-top: -70px; } .fully__customize .pulsar--dounload__software .gf_button { padding: 20px 76px 20px 100px; } .fully__customize .pulsar--dounload__software .gf_button span { position: relative; } .fully__customize .pulsar--dounload__software .gf_button span img { position: absolute; top: -4px; left: -38px; } .fully__customize .pulsar--dounload__software .gf_button:hover { transition: 0.2s ease-in; background-color: #2f75bd; } .premium__skates { background-color: #000; } .premium__skates .text--contents__text { width: 50%; } .premium__skates .text--contents__text h3 span { display: block; } .premium__skates .text--contents__images { margin: 0 0 40px; width: 50%; text-align: center; } .pulsar--micro__bungee { background-color: #2f3031; } .pulsar--micro__bungee .detail--page__pos { padding: 0; } .pulsar--micro__bungee .bungee__backgorund { position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url(https://i.imgur.com/cESHl2W.jpg); } .pulsar--micro__bungee .text--contents__text { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 26.3% 0; } .pulsar--micro__bungee .text--contents__text .text--heading h3 { text-align: center; } .pulsar--micro__bungee .text--contents__text .text--heading h3:after { left: 50%; transform: translateX(-50%); } .pulsar--micro__bungee .text--contents__text .text--area { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; } .pulsar--micro__bungee .text--contents__text .text--area small { display: block !important; color: #0080ff; font-size: 20px; } .pulsar--micro__bungee .text--contents__text .text--bottom__decoration { text-align: center; } .bungee__pos { position: absolute; top: 19%; right: 0; width: 100%; height: auto; } .bungee__pos .dot { position: absolute; top: 10%; right: 21%; display: block; width: 8px; height: 8px; background-color: #0080ff; border-radius: 50%; } .bungee__pos .dot .ring { position: relative; top: -122%; left: -136%; display: block; border-radius: 50%; width: 30px; height: 30px; opacity: .48; border: 5px solid #0080ff; background-color: rgba(0, 128, 255, 0.2); transition: all .2s ease-in-out; z-index: 10; pointer-events: auto; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } .bungee__pos:hover .dot { background-color: #fff; transition: 0.4s ease-in; } .bungee__pos:hover .ring { border-color: #fff; transition: 0.4s ease-in; } @keyframes pulse { 0% { opacity: 0.48; width: 30px; height: 30px; } 30% { opacity: 0.48; } 100% { opacity: 0; width: 60px; height: 60px; top: -310%; left: -316%; } } .bungee__pos .bungee__popup { position: absolute; top: 70%; right: 7%; z-index: 10; } .bungee__pos .bungee__popup .bungee--more__text { display: inline-block; margin-left: 10px; color: #fff; font-size: 22px; } .bungee__pos .bungee--image { border: 2px solid #0080ff; } .bungee__pos .bungee--image img { width: 100%; height: auto; display: block; } .bungee__pos .bungee--learnmore { position: absolute; bottom: 7px; left: 50%; width: 100%; transform: translateX(-50%); } .bungee__pos .bungee--learnmore a { display: inline-block; color: #0080ff; font-size: 28px; padding-left: 4px; } .bungee__pos .bungee--learnmore a:hover { transition: 0.2s ease-in; color: #2f75bd; } .pulsar--item__section { padding-bottom: 120px; background-color: #000; } .pulsar--item__section .detail--page__pos { background-image: url(https://i.imgur.com/WFTBGWl.png); background-position: 80% 72%; background-repeat: no-repeat; background-size: auto; } .pulsar--item__section .text--contents__images { padding-left: 10%; margin: 0; width: 70%; } .pulsar--item__section .text--contents__text { width: 30%; } .pulsar--fixed__bg { position: relative; background-color: #000; } .pulsar--fixed__bg .black_mice_bg { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears_Xlite_wired_gaming_mouse_black_front_and_back_w.jpg?v=1618356478"); } .pulsar--fixed__bg .white_mice_bg { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears_Xlite_wired_gaming_mouse_white_front_and_back_w.jpg?v=1618356479"); } .mice--bg__item { position: relative; width: 100%; height: 100vh; } .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center center; transform: translateZ(0); will-change: transform; } .pulsar__package { background-color: #000; padding-top: 120px; } .pulsar__package .detail--page__pos .text--contents__images { margin-top: 0; } .detail--page__view { padding: 60px 100px; background-color: #000; } .detail--page__view .text--heading h3 { margin: 0 0 28px; color: #fff; font-size: 48px; line-height: 1.3; } .detail--page__view ul { margin: 0; } .detail--page__view .slide--click__menu { position: relative; cursor: pointer; opacity: 1; transition: 0.3s ease-in; } .detail--page__view .slide--click__menu:hover { transition: 0.4s ease-in; } .detail--page__view .slide--click__menu .slide__contents__title h4 { margin: 0; font-size: 30px; color: #fff; padding: 20px 30px; max-width: 1440px; width: 100%; background-color: #202020; } .detail--page__view .slide--click__menu .slide--close__button { position: absolute; right: 14px; top: 53%; transform: translateY(-50%); } .detail--page__view .slide--click__menu .slide--close__button button svg { transform: rotate(45deg); } .detail--page__view .slide--click__menu .slide--close__button button svg path { fill: #0080ff; } .detail--page__view .slide--contents__area.on { visibility: inherit; } .detail--page__view .slide--contents__area { display: flex; align-items: center; justify-content: center; color: #fff; padding: 40px 0; } .detail--page__view .slide--contents__area .slide__description, .detail--page__view .slide--contents__area .slide__image__view { width: 50%; } .detail--page__view .slide--contents__area .slide__description { margin-left: 90px; } .detail--page__view .slide--contents__area .slide__description span { position: relative; display: block; margin-bottom: 20px; margin-left: 10px; font-size: 24px; line-height: 1; font-family: "visby-cf", sans-serif !important; } .detail--page__view .slide--contents__area .slide__description span:before { display: block; content: ''; position: absolute; left: -10px; top: 12px; transform: translateY(-50%); width: 5px; height: 5px; background-color: #fff; border-radius: 10px; } .detail--page__view .slide--contents__area .slide__description.w100 { width: 100%; } .detail--page__view .slide--contents__area .slide__image__view { text-align: center; } .detail--page__view .slide--contents__area.pdtb50 { padding: 50px 0; } .support--download ul { display: flex; align-items: center; justify-content: center; } .support--download ul li { padding: 40px 30px; width: 100%; background-color: #202020; margin-right: 20px; } .support--download ul li:last-child { margin-right: 0; } .support--download ul li .support__icon { margin-bottom: 20px; } .support--download ul li .support__icon img { display: block; margin: 0 auto; text-align: center; } .support--download ul li .support__text { margin-bottom: 20px; } .support--download ul li .support__text p { color: #fff; font-size: 24px; text-align: center; font-family: 'visby-cf', sans-serif; } .support--download ul li .software--download__button a { display: block; padding: 20px 0; width: 100%; color: #fff; font-size: 20px; text-align: center; background-color: #0080ff; border-radius: 4px; } .support--download ul li .software--download__button a img { position: relative; top: 0px; left: -2px; display: inline-block; } .support--download ul li .software--download__button a:hover { transition: 0.2s ease-in; background-color: #2f75bd; } @media screen and (min-width: 1920px) { .support--download ul li { padding-top: 60px; padding-bottom: 60px; } } #c-1609984883991 { width: 100% !important; } .youmayalsolike { background-color: #121212; } .youmayalsolike .m-10 { margin: -10px; } .youmayalsolike .also--like__title h3 { margin: 0; margin-bottom: 50px; color: #fff; font-size: 30px; text-align: center; } .youmayalsolike .also--like__table { display: table; width: 100%; } .youmayalsolike .also--like__table .row { display: table-row; } .youmayalsolike .also--like__table .row .cell { display: table-cell; padding: 10px; width: 33.333%; text-align: left; vertical-align: top; } .youmayalsolike .also--like__table .row .cell img { display: block; width: 100%; height: auto; padding: 0%; } .youmayalsolike .also--like__table .also--like__image span img { background-color: #202020; } .youmayalsolike .also--like__table .also--like__name span a { color: #fff; font-size: 24px; } .youmayalsolike .also--like__table .also--like__name span a strong, .youmayalsolike .also--like__table .also--like__name span a em { display: block; } .youmayalsolike .also--like__table .also--like__price a { color: #fff; } .youmayalsolike .also--like__table .also--like__price a small, .youmayalsolike .also--like__table .also--like__price a em { font-size: 18px; } #detail__page .specification .slide--click__menu .slide__contents__title h4 { width: 100%; max-width: 100%; } .plusar--slide__menu .plusar--slide__wrap { overflow: hidden; } .plusar--slide__menu .plusar--slide__wrap li { overflow: hidden; margin-bottom: 20px; } .plusar--slide__menu .plusar--slide__wrap li .slide--click__menu { z-index: 2; } .plusar--slide__menu .plusar--slide__wrap li .slide--contents__area { z-index: 1; transition: 0.4s ease-in; } .plusar--slide__menu .plusar--slide__wrap li.on .slide--contents__area { transiton: 0.3s ease-in; opacity: 1; } @media screen and (max-width: 2288px) { .detail--page__pos .text--contents__images .image--area img { min-width: inherit; width: 100%; height: auto; } .detail--page__pos .text--area p span { display: inline; } #detail__page .pulsar--micro__bungee .text--contents__text { width: 34%; padding-right: 4%; } } @media screen and (max-width: 2000px) { .bungee__pos { top: 22%; } } @media screen and (max-width: 1920px) { .detail--page__hand .mice--aspect img { width: 90%; } #detail__page .pulsar--micro__bungee .text--contents__text { width: 30%; padding-right: 0; margin-left: -14%; } } @media screen and (max-width: 1890px) { .detail--page__pos { padding: 0 100px; } #detail__page .detail--page__pos_left { padding-left: 100px; } } @media screen and (max-width: 1720px) { .detail--page__pos .text--contents__images .mice--weight strong { font-size: 382px; } } @media screen and (max-width: 1620px) { .detail--page__pos .text--contents__images .mice--weight strong { font-size: 352px; } .bungee__pos { top: 25%; } } @media screen and (max-width: 1440px) { #detail__page .section__width { max-width: inherit; padding: 0 50px; } #detail__page .extra_right_weigth .text--contents__images { margin-left: 6%; width: 54%; margin-top: -360px; } #detail__page .extra_right_weigth .text--contents__images .mice--weight strong { font-size: 300px; } #detail__page .extra_right_weigth .detail--page__pos .text--contents__text { margin-top: 180px; margin-bottom: 180px; width: 40%; } .detail--page__pos .text--contents__text { margin-top: 180px; margin-bottom: 180px; } #detail__page .detail--page__hand .text--contents__images { width: 60%; } #detail__page .detail--page__hand .text--contents__text { margin-top: 0; margin-bottom: 0; width: 40%; } #detail__page .background__gradient { position: relative; } #detail__page .background__gradient .text--contents__text { margin-top: 180px; margin-bottom: 180px; } #detail__page .background__gradient .text--contents__images { position: absolute; top: 0; right: 0; height: auto; } #detail__page .state_of_art .text--contents__text, #detail__page .state_of_art .text--contents__images { width: 50%; } #detail__page .durability__matters .text--contents__text { width: 50%; } #detail__page .durability__matters .text--contents__images { width: 50%; } #detail__page .fully__customize { padding: 0; } #detail__page .fully__customize .text--contents__images { width: 60%; } #detail__page .fully__customize .text--contents__text { margin: 110px 0; width: 40%; } #detail__page .premium__skates .text--contents__text { width: 50%; } #detail__page .premium__skates .text--contents__images { width: 50%; } #detail__page .pulsar--micro__bungee { padding: 0; } #detail__page .pulsar--micro__bungee .bungee__backgorund { background-size: cover; padding-bottom: 26%; } #detail__page .pulsar--micro__bungee .bungee__backgorund .text--contents__text { position: inherit; transform: inherit; margin: 0 auto 0 7%; padding-top: 10%; width: 40%; } #detail__page .pulsar--item__section .detail--page__pos { background-position: 86% 90%; background-size: 51%; } #detail__page .pulsar--item__section .detail--page__pos .text--contents__images { width: 50%; } #detail__page .pulsar--item__section .detail--page__pos .text--contents__text { margin-left: 10%; width: 40%; } #detail__page .pulsar__package .text--contents__text { width: 40%; } #detail__page .pulsar__package .text--contents__text .text--area span { display: block; } #detail__page .pulsar__package .text--contents__images { width: 60%; } .bungee__pos { top: 18%; } .bungee__pos .bungee__popup { right: 4%; } } @media screen and (max-width: 1299px) { #detail__page .detail--page__pos { padding: 0 50px; } #detail__page .detail--page__pos .text--contents__images .mice--weight strong { font-size: 250px; } .detail--page__view .slide--contents__area .slide__description { margin-left: 40px; } } @media screen and (max-width: 1258px) { #detail__page .pulsar--micro__bungee .bungee__backgorund .text--contents__text { margin: 0 auto 0 2%; width: 42%; } .detail--page__view { padding-right: 50px; padding-left: 50px; } } @media screen and (max-width: 1239px) { #detail__page .view--Wrap { min-height: 1120px; } #detail__page .view--Wrap .mice--title .mice--main__title h2 { font-size: 400px; } #detail__page .view--Wrap .mice--title .mice--title__image { left: 0; } #detail__page .tab--contents .extremely, #detail__page .tab--contents .ergonimic, #detail__page .tab--contents .latest { margin-right: 1%; } #detail__page .tab--contents .durability { margin-right: 0; } #detail__page .main__width { padding: 0 50px; padding-top: 60px; } #detail__page .detail--page__pos { padding: 0 50px; } #detail__page .detail--page__pos_left { padding-right: 0; } } @media screen and (max-width: 1199px) { #detail__page .tab--contents { display: none; } #detail__page .mo--tab--contents { overflow: hidden; display: block; padding: 0 3% 0 14%; } #detail__page .mo--tab--contents .extremely, #detail__page .mo--tab--contents .ergonimic, #detail__page .mo--tab--contents .latest, #detail__page .mo--tab--contents .durability { overflow: hidden; display: block; float: left; margin-bottom: 30px; width: 50%; } #detail__page .mo--tab--contents .extremely .image--wrap, #detail__page .mo--tab--contents .extremely .image--text, #detail__page .mo--tab--contents .ergonimic .image--wrap, #detail__page .mo--tab--contents .ergonimic .image--text, #detail__page .mo--tab--contents .latest .image--wrap, #detail__page .mo--tab--contents .latest .image--text, #detail__page .mo--tab--contents .durability .image--wrap, #detail__page .mo--tab--contents .durability .image--text { display: block; float: left; } #detail__page .mo--tab--contents .extremely .image--wrap, #detail__page .mo--tab--contents .ergonimic .image--wrap, #detail__page .mo--tab--contents .latest .image--wrap, #detail__page .mo--tab--contents .durability .image--wrap { margin-right: 26px; border-right: 1px solid #fff; } #detail__page .mo--tab--contents .extremely .image--wrap img, #detail__page .mo--tab--contents .ergonimic .image--wrap img, #detail__page .mo--tab--contents .latest .image--wrap img, #detail__page .mo--tab--contents .durability .image--wrap img { margin-right: 26px; } #detail__page .mo--tab--contents .extremely .image--text, #detail__page .mo--tab--contents .ergonimic .image--text, #detail__page .mo--tab--contents .latest .image--text, #detail__page .mo--tab--contents .durability .image--text { display: table; height: 100%; } #detail__page .mo--tab--contents .extremely .image--text p, #detail__page .mo--tab--contents .ergonimic .image--text p, #detail__page .mo--tab--contents .latest .image--text p, #detail__page .mo--tab--contents .durability .image--text p { display: table-cell; vertical-align: middle; margin: 0; color: #fff; font-size: 20px; font-weight: 700; line-height: 60px; } #detail__page .background__gradient .text--contents__text { z-index: 11; margin-top: 120px; margin-bottom: 120px; } #detail__page .fully__customize .detail--page__pos .text--contents__images { margin-top: -12%; } } @media screen and (max-width: 1079px) { .support--download ul { display: block; } .support--download ul li { margin: 0 0 30px 0; } .support--download ul li:last-child { margin-bottom: 0; } } @media screen and (max-width: 1023px) { #detail__page .detail--page__pos .text--contents__images .mice--weight strong { font-size: 230px; } } @media screen and (max-width: 991px) { #detail__page .tab--menu { display: none; } #detail__page .view--Wrap { overflow: hidden; } #detail__page .view--Wrap .mice--title { position: absolute; padding: 0 20px 0 0; } #detail__page .view--Wrap .mice--title .mice--title__image { left: -50px; } #detail__page .view--Wrap .mice--title .mice--title__image img { width: 91.6%; } #detail__page section { padding-top: 30px; padding-bottom: 30px; } #detail__page .detail--page__pos .text--contents__images .mice--weight strong { font-size: 230px; } #detail__page .detail--page__pos .text--heading h3 { font-size: 43px; } #detail__page .detail--page__pos .text--area p { font-size: 18px; } #detail__page .mo--tab--contents { padding: 0; } #detail__page .main__width { padding: 0 20px; } #detail__page .mice--main__title h2 { font-size: 50vw !important; } #detail__page .view--Wrap { min-height: auto; max-height: inherit; hegiht: 91vh; } #detail__page .view--Wrap .mice--title .mice--title__image { top: 76% !important; right: -50px; } #detail__page .mo--tab--contents .extremely .image--wrap, #detail__page .mo--tab--contents .ergonimic .image--wrap, #detail__page .mo--tab--contents .latest .image--wrap, #detail__page .mo--tab--contents .durability .image--wrap { border: 0 none; } #detail__page .view--Wrap .mice--info { bottom: 120px; } #detail__page .section__width, #detail__page .detail--page__pos { padding: 0 20px; } #detail__page .xlite__imgae { padding: 70px 0 50px; } } @media screen and (max-width: 767px) { #detail__page .view--Wrap .mice--main { height: 96vh; } #detail__page .main__width { padding-top: 40px; } } @media screen and (max-width: 675px) { #detail__page .view--Wrap .mice--title .mice--title__image img { width: 91%; } } @media screen and (max-width: 600px) { #detail__page .view--Wrap .mice--title .mice--title__image img { width: 90%; } } @media screen and (max-width: 530px) { #detail__page .view--Wrap .mice--title .mice--title__image img { width: 89%; } } @media screen and (max-width: 474px) { #detail__page .mice--title .mice--main__title h2 { letter-spacing: -12px; } #detail__page .mice--title .mice--title__image { right: -8%; top: 100% !important; } #detail__page .view--Wrap .mice--info { bottom: 100px; } #detail__page .view--Wrap .mice--main { height: 89vh; } #detail__page .view--Wrap .mice--title .mice--title__image img { width: 88%; } } @media screen and (max-width: 415px) { #detail__page .view--Wrap .mice--title .mice--title__image { margin-top: 80px; } #detail__page .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { transform: translateY(-60px); } } @media screen and (max-width: 380px) { #detail__page .view--Wrap .mice--title .mice--title__image img { width: 86%; } #detail__page .view--Wrap .mice--title .mice--title__image { margin-top: 70px; } } @media screen and (max-width: 767px) { #detail__page .mo--tab--contents .extremely .image--wrap, #detail__page .mo--tab--contents .ergonimic .image--wrap, #detail__page .mo--tab--contents .latest .image--wrap, #detail__page .mo--tab--contents .durability .image--wrap { margin-right: 0; } #detail__page .mo--tab--contents .extremely .image--wrap img, #detail__page .mo--tab--contents .ergonimic .image--wrap img, #detail__page .mo--tab--contents .latest .image--wrap img, #detail__page .mo--tab--contents .durability .image--wrap img { margin-right: 10px; width: 50%; } #detail__page .mo--tab--contents .extremely .image--text p, #detail__page .mo--tab--contents .ergonimic .image--text p, #detail__page .mo--tab--contents .latest .image--text p, #detail__page .mo--tab--contents .durability .image--text p { line-height: 40px; font-size: 16px; } #detail__page #m-1609983464673 { display: block !important; } } @media screen and (max-width: 580px) { #detail__page .mo--tab--contents .extremely, #detail__page .mo--tab--contents .ergonimic, #detail__page .mo--tab--contents .latest, #detail__page .mo--tab--contents .durability { margin-bottom: 20px; } #detail__page .mo--tab--contents .extremely .image--wrap, #detail__page .mo--tab--contents .ergonimic .image--wrap, #detail__page .mo--tab--contents .latest .image--wrap, #detail__page .mo--tab--contents .durability .image--wrap { width: 50px; } #detail__page .mo--tab--contents .extremely .image--text p, #detail__page .mo--tab--contents .ergonimic .image--text p, #detail__page .mo--tab--contents .latest .image--text p, #detail__page .mo--tab--contents .durability .image--text p { line-height: 28px; font-size: 14px; } } @media screen and (max-width: 580px) { #detail__page .mo--tab--contents .extremely, #detail__page .mo--tab--contents .ergonimic, #detail__page .mo--tab--contents .latest, #detail__page .mo--tab--contents .durability { float: inherit; margin: 0 auto; } } #detail__page .mo-sensor-mov { display: none; } #detail__page .pc-sensor-mov { display: block; } @media screen and (max-width: 991px) { #detail__page .pc-sensor-mov { display: none; } #detail__page .mo-padding-top { padding-top: 70%; } #detail__page .detail--page__pos { display: block; } #detail__page .extra_right_weigth .detail--page__pos .text--contents__text { margin-top: 60px; margin-bottom: 60px; width: 100%; } #detail__page .extra_right_weigth .text--contents__images { margin: 0 !important; width: 100% !important; } #detail__page .detail--page__pos .text--contents__images .mice--weight strong { font-size: 38vw; } #detail__page .mice--aspect__image { position: inherit !important; width: 100% !important; } #detail__page .detail--page__hand .text--contents__text { width: 100%; } #detail__page .detail--page__hand .mice--aspect img { width: 100%; } #detail__page .mo-sensor-mov { display: block !important; position: relative; right: -14%; width: 90%; } #detail__page .mo-sensor-mov:before { display: block; position: absolute; content: ''; left: 0; top: 0; background: linear-gradient(119deg, #0080ff 0%, black 41%); } } @media screen and (max-width: 991px) { #detail__page .mo-padding-top { padding: 0; } #detail__page .detail--page__hand .text--contents__images { width: 100%; } #detail__page .detail--page__hand .text--contents__images img { width: 100%; } #m-1609983464673 { display: none !important; } #detail__page .background__gradient { background: linear-gradient(119deg, #0080ff 0%, black 41%); background-size: 30% 40%; background-repeat: no-repeat; } #detail__page .background__gradient .text--contents__images { position: relative; width: 80%; right: -24%; } #detail__page .background__gradient .text--contents__text { width: 100%; } #detail__page .background__gradient .text--contents__text .text--heading h3 { width: 80%; } #detail__page .background__gradient .text--contents__text .text--heading h3:after { border-color: #0080ff !important; } #detail__page .mo-sensor-mov:before { background: transparent; } #detail__page .pc-mice-weight { display: none; } #detail__page .mo-mice-weight { display: block !important; width: 100%; } #detail__page .mo-mice-weight img { display: block; width: 100%; } } @media screen and (max-width: 767px) { #detail__page #m-1610509528215 .module-wrap .module.gf_module-center-xs { text-align: right; } #detail__page #c-1609984883991 { display: block; padding-right: 0; } #detail__page .mo-sensor-mov #sensorvideo { width: 100%; } #detail__page #m-1609983464673 { display: none !important; } } @media screen and (max-width: 500px) { #detail__page .mo--tab--contents .extremely, #detail__page .mo--tab--contents .ergonimic, #detail__page .mo--tab--contents .latest, #detail__page .mo--tab--contents .durability { width: 100%; margin-left: 50% !important; transform: translateX(-25%); } } @media screen and (max-width: 400px) { #detail__page .mo--tab--contents .extremely, #detail__page .mo--tab--contents .ergonimic, #detail__page .mo--tab--contents .latest, #detail__page .mo--tab--contents .durability { transform: translateX(-40%); } #detail__page #c-1609984883991 { min-height: 150px !important; right: -8px; } } @media screen and (max-width: 991px) { #detail__page .state_of_art .mo_state_of_art { display: block !important; width: 100%; } #detail__page .state_of_art .pc_state_of_art { display: none; } #detail__page .state_of_art .text--contents__text { width: 100%; } #detail__page .pc--durability__matters { display: none; } #detail__page .mo--durability__matters { display: block !important; width: 100%; } #detail__page .mo--durability__matters img { width: 100%; } #detail__page .durability__matters .text--contents__text { width: 100%; margin-top: 30px; } #detail__page .fully__customize .text--contents__images { width: 100%; } #detail__page .fully__customize .text--contents__images img { position: relative; margin-top: -10%; } #detail__page .fully__customize .text--contents__text { margin: 30px 0 0; width: 100%; } #detail__page .fully__customize .pulsar--dounload__software .gf_button { width: 100%; margin-bottom: 60px; padding: 20px 0px 20px; text-align: center; } #detail__page .premium__skates .pc-premium__skates { display: none; } #detail__page .premium__skates .mo-premium__skates { display: block !important; } #detail__page .premium__skates .text--contents__text { width: 100%; margin-top: 30px; margin-bottom: 30px; } #detail__page .premium__skates .text--contents__images { width: 80%; margin: 0 auto; } } @media screen and (max-width: 1200px) { #detail__page .bungee__pos { right: -3%; } } @media screen and (max-width: 1080px) { #detail__page .bungee__popup { right: 5%; } #detail__page .bungee__pos { right: -4%; } #detail__page .pulsar--micro__bungee .bungee__backgorund .text--contents__text { margin: 0 auto 0 -2%; } } @media screen and (max-width: 1012px) { #detail__page .bungee__popup { right: 6%; } #detail__page .bungee__pos { right: -5%; } } @media screen and (max-width: 991px) { #detail__page .bungee__popup { right: 0; } #detail__page .bungee__backgorund { background: none !important; } #detail__page .mo-bungee__backgorund { display: block !important; width: 100%; } #detail__page .mo-bungee__backgorund img { display: block; width: 100%; } #detail__page .bungee__pos { right: 21.5%; top: 11%; } #detail__page .pulsar--micro__bungee .bungee__backgorund .text--contents__text { margin: 0 auto; width: 100%; } #detail__page .pulsar--item__section .detail--page__pos { background-position: 70% 106%; background-size: 80%; } #detail__page .pulsar--item__section .detail--page__pos .text--contents__images { width: 100%; padding: 0; margin: 0 auto; } #detail__page .pulsar--item__section .detail--page__pos .text--contents__images .mice--aspect { text-align: center; } #detail__page .pulsar--item__section .text--contents__text { width: 60% !important; margin: 30px 0 100px !important; } #detail__page .pulsar--item__section .text--contents__text .text--heading { padding-top: 100px; } #detail__page .pulsar__package .text--contents__text { width: 100%; margin-bottom: 60px; } #detail__page .pulsar__package .text--contents__images { width: 100%; } #detail__page .detail--page__view { padding-right: 20px; padding-left: 20px; } #detail__page .detail--page__support { padding-top: 60px; padding-bottom: 60px; } #detail__page .support--download ul li { margin-bottom: 20px; } } @media screen and (max-width: 767px) { #detail__page .bungee__popup { left: 71%; right: 0; width: 88%; transform: translateX(-50%); } #detail__page .bungee__pos { top: 9%; } } @media screen and (max-width: 670px) { #detail__page .pulsar--item__section .detail--page__pos { background-position: 61% 101%; background-size: 93%; } #detail__page .pulsar--item__section .detail--page__pos .text--contents__text { width: 96% !important; } } @media screen and (max-width: 640px) { #detail__page .bungee__pos .bungee__popup .bungee--more__text { font-size: 18px; } #detail__page .bungee__pos .bungee--learnmore a { font-size: 18px; } } @media screen and (max-width: 590px) { #detail__page .pulsar--item__section .detail--page__pos { background-size: 114%; } } @media screen and (max-width: 567px) { #detail__page .bungee__pos { top: 8%; } } @media screen and (max-width: 500px) { #detail__page .bungee__pos { top: 7%; } #detail__page .bungee__pos .bungee--learnmore a { padding-left: 8px; } } @media screen and (max-width: 474px) { #detail__page .pulsar--item__section .detail--page__pos { background-size: 126%; background-position: 15% 96%; } #detail__page .pulsar--item__section .text--contents__text { margin-bottom: 60px !important; } #detail__page .pulsar--fixed__bg { position: relative; background-color: #000; } #detail__page .pulsar--fixed__bg .black_mice_bg { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears_Xlite_wired_gaming_mouse_black_front_and_back.jpg?v=1618356479"); } #detail__page .pulsar--fixed__bg .white_mice_bg { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears_Xlite_wired_gaming_mouse_white_front_and_back.jpg?v=1618356479"); } } @media screen and (max-width: 436px) { #detail__page .bungee__pos { top: 6%; } } @media screen and (max-width: 390px) { #detail__page .bungee__pos .bungee__popup .bungee--more__text { font-size: 14px; } } @media screen and (max-width: 378px) { #detail__page .bungee__pos { top: 5%; } } @media screen and (max-width: 336px) { #detail__page .bungee__pos { top: 4.5%; } } @media screen and (max-width: 747px) { #detail__page .support--download ul li .software--download__button a { padding: 10px 0 20px; } #detail__page .detail--page__view .text--heading h3, #detail__page .detail--page__pos .text--heading h3 { font-size: 36px !important; } #detail__page .youmayalsolike .also--like__title h3, #detail__page .detail--page__view .slide--click__menu .slide__contents__title h4 { font-size: 24px !important; } #detail__page .detail--page__pos .text--area p { font-size: 16px; } .detail--page__view .slide--contents__area .slide__description span { font-size: 16px !important; } .youmayalsolike .also--like__table .also--like__name span a, #detail__page .support--download ul li .software--download__button a { font-size: 14px !important; } .youmayalsolike .also--like__table .also--like__price a small, .youmayalsolike .also--like__table .also--like__price a em { font-size: 12px !important; } } @media screen and (min-width: 1024px) { .text-center .swatch { margin-right: 60px; } } @media screen and (min-width: 1200px) { .buynowPopup .gryffeditor img { width: 80%; } .buynowPopup #m-1610595687846 .gf_product-title { font-size: 36px !important; } .buynowPopup .elm.gf-elm-left-lg { width: 80%; } } @media screen and (min-width: 1600px) { .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { transform: translateY(11%) !important; } } #detail__page #1609983464673-player { width: 100%; height: 100%; } #detail__page .mo--sensor--movie__wrap { display: none; } #detail__page .sensor--movie__wrap { display: block; } @media screen and (max-width: 767px) { #detail__page .mo--sensor--movie__wrap { display: block; position: relative; right: -33%; width: 70%; } #detail__page .sensor--movie__wrap { display: none; } } #detail__page .background__gradient { position: relative; width: 100%; } #detail__page .mo--sensor--movie__wrap + .text--contents__text { float: left; width: 50%; } #detail__page .sensor--movie__wrap { position: absolute; right: -50%; top: 0; width: 100%; } #detail__page .sensor--movie__wrap .gf_column.gf_col-lg-6.gf_col-md-6.gf_col-sm-6.gf_col-xs-12.gf_vertical-middle { position: absolute; top: 0; width: 50%; } #detail__page .decoration-mo-bottom { margin-bottom: 0; } #detail__page #m-1610423951277-child1-9, #detail__page #m-1610423951277-child2-9, #detail__page #m-1610423951277-child3-9 { display: none; } @media screen and (max-width: 991px) { #detail__page .decoration-mo-bottom { margin-bottom: 60px; } #detail__page .mo--sensor--movie__wrap + .text--contents__text { width: 50%; } #detail__page .background__gradient { background-size: 30% 100%; } } @media screen and (max-width: 767px) { #detail__page .background__gradient { background-size: 30% 40%; } #detail__page .mo--sensor--movie__wrap + .text--contents__text { width: 100%; } } #detail__page #alsolike__wrap { background-color: #121212; padding-top: 90px; padding-bottom: 140px; } #detail__page #alsolike__wrap #r-1610423984035.gf_row-fluid { margin: 0 !important; } #detail__page #alsolike__wrap .gf_row.gf_row-no-width.gf_row_no_tools.gf_row-no-padding { overflow: hidden; width: 100%; } #detail__page #alsolike__wrap .gf_column.gf_col_no_tools.gf_col-xs-6.gf_col-sm-6.gf_col-md-6.gf_col-lg-6 { float: left; width: 33.333%; } #detail__page #alsolike__wrap .visible-sm, #detail__page #alsolike__wrap .visible-md, #detail__page #alsolike__wrap .visible-lg { display: none !important; } #detail__page #alsolike__wrap .text-edit.gf-elm-center.gf-elm-center-lg.gf-elm-center-md.gf-elm-center-sm.gf-elm-center-xs h2 { font-size: 30px; color: #fff; } #detail__page #alsolike__wrap #r-1610423951277-child1-4, #detail__page #alsolike__wrap #r-1610423951277-child3-4, #detail__page #alsolike__wrap #r-1610423951277-child2-4 { min-width: 100% !important; } #detail__page #alsolike__wrap .img-holder { background-color: #202020; } #detail__page #alsolike__wrap .img-holder img { padding: 10%; } #detail__page #alsolike__wrap .product-single__title { text-align: left !important; } #detail__page #alsolike__wrap #m-1610423951277-child1-7 .gf_product-title, #detail__page #alsolike__wrap #m-1610423951277-child2-7 .gf_product-title, #detail__page #alsolike__wrap #m-1610423951277-child3-7 .gf_product-title { text-align: left !important; color: #fff !important; font-size: 24px !important; margin-top: 20px !important; } #detail__page #alsolike__wrap .gf_product-prices { text-align: left; color: #fff; font-size: 18px; } @media screen and (max-width: 1700px) { #alsolike__wrap .gf_product-title { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em; height: 2.4em; } } @media screen and (max-width: 1240px) { #detail__page #alsolike__wrap { padding-left: 40px !important; padding-right: 40px !important; } #detail__page #alsolike__wrap #m-1610423951277-child1-7 .gf_product-title, #detail__page #alsolike__wrap #m-1610423951277-child2-7 .gf_product-title, #detail__page #alsolike__wrap #m-1610423951277-child3-7 .gf_product-title { font-size: 20px !important; } #detail__page #alsolike__wrap .gf_row { margin: 0; } #detail__page #alsolike__wrap .gf_row-gap-8 > .gf_column { padding: 0; } } @media screen and (max-width: 991px) { #detail__page #alsolike__wrap { padding-left: 10px !important; padding-right: 10px !important; } } @media screen and (max-width: 767px) { #detail__page #alsolike__wrap .visible-xs { display: none !important; } #detail__page #alsolike__wrap #m-1610423951277-child1-7 .gf_product-title, #detail__page #alsolike__wrap #m-1610423951277-child2-7 .gf_product-title, #detail__page #alsolike__wrap #m-1610423951277-child3-7 .gf_product-title { font-size: 18px !important; } #detail__page #alsolike__wrap #detail__page #alsolike__wrap .gf_product-prices { font-size: 16px; } } @media screen and (max-width: 474px) { #detail__page #alsolike__wrap .gf_column.gf_col_no_tools.gf_col-xs-6.gf_col-sm-6.gf_col-md-6.gf_col-lg-6 { width: 100%; } #detail__page #alsolike__wrap .gf_product-title { overflow: inherit; height: auto; } #detail__page .text--bottom__decoration img { width: 80%; } #detail__page .detail--page__view .text--heading h3, #detail__page .detail--page__pos .text--heading h3 { font-size: 24px !important; line-height: 1.3 !important; } #detail__page .specification .text--heading h3 { font-size: 16px; } #detail__page .detail--page__view .slide--click__menu .slide__contents__title h4 { font-size: 16px !important; } .buynowPopup { overflow-y: auto; } .buynowPopup .video-background { display: none !important; } } @media screen and (max-width: 474px) { #alsolike__wrap .gf_row.gf_row-no-width.gf_row_no_tools.gf_row-no-padding > div { width: 100% !important; } } @media screen and (max-width: 991px) { .nav-search__close { position: fixed !important; right: 10px; } } @media screen and (max-width: 380px) { .buynowPopup .gryffeditor #r-1610595687785 .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { transform: translateY(-40px); } } .ytp-gradient-top .ytp-chrome-top, .ytp-chrome-bottom { display: none; } /*---------------------------- ⚡️ Start - Lunar Alloy TKL -----------------------------*/ #detail__page { /* table */ } #detail__page .keyborad--center img { display: block; margin: 0 auto; } #detail__page .lunar--keyboard__video { margin-right: 6%; } #detail__page .lunar--keyboard__video #c-1598857163553 { display: block; padding: 0; width: 100%; } #detail__page .lunar--keyboard__video #c-1598857163553 .alloy { width: 100%; } #detail__page .precision-engineered { background-color: #111; } #detail__page .big-bg-keyboard { padding-left: 0 !important; } #detail__page .big-bg-keyboard .text--top__keycap { margin-bottom: 60px; } #detail__page .big-bg-keyboard .text--top__keycap img { display: block; margin: 0 auto; } #detail__page .big-bg-keyboard .text--contents__text { width: 50% !important; } #detail__page .lunar_items_bg { padding-right: 0; } #detail__page .lunar_items_bg .key--video__wrap { width: 100%; margin-bottom: 120px; } #detail__page .lunar_items_bg .text--contents__images img { width: 70%; } #detail__page #carousel_switch .owl-nav button { position: absolute; top: 50%; background-color: #000; color: #fff; margin: 0; transition: all 0.3s ease-in-out; transform: translateY(-50%); background-color: transparent; } #detail__page #carousel_switch .owl-nav button.owl-prev { left: -40px; } #detail__page #carousel_switch .owl-nav button.owl-next { right: -40px; } #detail__page #carousel_switch .owl-nav button span { font-size: 100px; font-weight: 100; font-family: 'system-ui', sans-serif; opacity: 0.7; transition: all 0.3s ease-in-out; } #detail__page #carousel_switch .owl-nav button span:hover { opacity: 1; transition: all 0.2s ease-in-out; } #detail__page #carousel_switch .owl-dots { text-align: center; padding-top: 15px; } #detail__page #carousel_switch .owl-dots button.owl-dot { width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #ccc; border: 2px solid #fff; background-color: #000; margin: 0 20px; } #detail__page #carousel_switch .owl-dots button.owl-dot.active { background-color: #fff; } #detail__page #carousel_switch .owl-dots button.owl-dot:focus { outline: none; } #detail__page #carousel_switch .owl-carousel .owl-item img { width: auto !important; } #detail__page #carousel_switch .item { overflow: hidden; } #detail__page #carousel_switch .item .switch--image { float: left; width: 50%; } #detail__page #carousel_switch .item .switch--image img { display: block; margin: 0 auto; width: auto !important; margin-top: 40px; margin-right: 30%; } #detail__page #carousel_switch .item .switch--contents { float: left; width: 50%; min-height: 500px; } #detail__page #carousel_switch .item .switch--contents .switch--title { font-size: 48px; } #detail__page #carousel_switch .item .switch--contents .switch--sub--title { font-size: 30px; color: #fff; letter-spacing: -1px; font-family: 'visby-cf', sans-serif; margin-bottom: 20px; } #detail__page #carousel_switch .item .switch--contents .switch--contents--list ul { margin: 0; } #detail__page #carousel_switch .item .switch--contents .switch--contents--list ul li { position: relative; margin-left: 10px; color: #fff; font-size: 20px; font-family: 'visby-cf', sans-serif; } #detail__page #carousel_switch .item .switch--contents .switch--contents--list ul li:before { display: block; content: '•'; position: absolute; top: 0; left: -10px; color: #fff; } #detail__page #carousel_switch .item .switch--text--red { color: red; } #detail__page #carousel_switch .item .switch--text--blue { color: #0080ff; } #detail__page #carousel_switch .item .switch--text--browm { color: #af7745; } #detail__page .programmed-FN-keys { padding-top: 120px; padding-bottom: 120px; } #detail__page .programmed-FN-keys .detail--page__pos { display: block; } #detail__page .programmed-FN-keys .text--contents__text { width: 50%; margin: 0 auto; } #detail__page .programmed-FN-keys .text--contents__text .text--heading h3 span { display: block; text-align: center; } #detail__page .programmed-FN-keys .text--contents__text .text--heading h3:after { left: 50%; transform: translateX(-50%); } #detail__page .programmed-FN-keys .pre-programmed-FN-keys { display: block; text-align: center; } #detail__page .lunar_alloy_tkl_detail { padding-top: 0; width: 100%; height: auto; } #detail__page .lunar_alloy_tkl_detail h2 { position: relative; width: 1px; height: 1px; color: transparent; text-indent: -999999px; } #detail__page .lunar_alloy_tkl_detail .lunar--detailimage--wrap img { margin-top: -32px; width: 100%; height: 100%; } #detail__page .package-image-view { width: 100%; } #detail__page .package-image-view img { width: 100%; height: 100%; } #detail__page .click-lunar-view { padding-bottom: 0; padding-top: 0; } #detail__page .keyboard-title-image { width: 130% !important; } #detail__page .keyboard-title-image img { transform: translateX(-18%) !important; } #detail__page .keyboard--title__image { animation: none !important; top: 42% !important; left: 22% !important; } #detail__page .keyboard__image__wrap { position: relative; padding-bottom: 160px; } #detail__page .keyboard__image__wrap:after { position: absolute; bottom: 100px; left: 50%; display: block; content: ''; width: 130px; transform: translateX(-50%); height: 5px; background-color: #0080ff; } #detail__page .non-border { border: 0 none !important; } #detail__page .keyboard--keycaps__image img { width: 100% !important; } #detail__page .halfkeyboard--bg__size { width: 106%; } #detail__page #switch--slide__wrap { margin-top: -60px; padding-top: 160px; padding-bottom: 140px; background-color: #121212; } #detail__page .lunar-alloy_table { margin-bottom: 120px; } #detail__page .lunar-alloy_table .compare-table { display: table; width: 100%; background-color: #000; color: #fff; } #detail__page .lunar-alloy_table .compare-table-row { display: table-row; } #detail__page .lunar-alloy_table .compare-table-cell { display: table-cell; padding: 0px 20px; height: 10px; cursor: pointer; } #detail__page .lunar-alloy_table .compare-table-cell span { display: block; padding-top: 20px; text-align: center; } #detail__page .lunar-alloy_table .compare-table-cell span strong, #detail__page .lunar-alloy_table .compare-table-cell span em { display: block; font-family: 'visby-cf', serif; text-align: center; } #detail__page .lunar-alloy_table .compare-table-cell span strong { font-size: 22px; color: #0080ff; margin-bottom: 10px; line-height: 22px; } #detail__page .lunar-alloy_table .compare-table-cell span em { font-size: 18px; margin-bottom: 36px; color: #fff; } #detail__page .lunar-alloy_table .compare-table-cell p { font-size: 18px; margin: 0; padding: 16px 0; text-align: center; } #detail__page .lunar-alloy_table .compare-table-cell .table-row-title { font-family: 'visby-cf', serif; text-align: left; } #detail__page .lunar-alloy_table .compare-middle { vertical-align: middle; } #detail__page .lunar-alloy_table .bg_202020 { background-color: #202020; color: #fff; } /*---------------------------- ⚡️ End - Lunar Alloy TKL -----------------------------*/ /*---------------------------- ⚡️ Start - Keyboard popup -----------------------------*/ #detail__page .my--popup .popup-first-div { height: 104vh; margin-bottom: 100px; } #detail__page .my--popup #r-1598846268698 { min-width: 100%; padding: 0; margin: 0; } #detail__page .my--popup #r-1598846275756 { padding: 0 !important; height: 100%; } #detail__page .my--popup #m-1598846267325, #detail__page .my--popup #m-1598846267325 > .module, #detail__page .my--popup #m-1598846267325 > .module > .AddToCartForm { height: 100%; } #detail__page .my--popup #m-1600671922618 .gf_swatch { margin-right: 15px !important; } #detail__page .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7, #detail__page .my--popup .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { float: left; width: 50%; } #detail__page .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding: 4% 60px; } #detail__page .my--popup .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding-left: 170px; transform: translateY(60%); } #detail__page .my--popup #m-1598846269319 .gf_product-title { font-size: 36px !important; margin-bottom: 20px !important; } #detail__page .my--popup #m-1598846268608 { width: 40%; } #detail__page .my--popup .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5:before { top: -60% !important; } #detail__page .my--popup #m-1598846268608, #detail__page .my--popup .element-wrap.pc-amazon-button { float: left; } #detail__page .my--popup .element-wrap.pc-amazon-button { width: 50%; margin-top: 37px; margin-left: -76px; } #detail__page .my--popup #m-1598846269001 .gf_product-quantity-minus, #detail__page .my--popup #m-1598846269001 .gf_product-quantity-plus { background: transparent !important; } #detail__page .my--popup #m-1598846269001 .gf_pq_qty { min-width: 60% !important; } #detail__page .my--popup #m-1598846268608 .gf_add-to-cart { border-radius: 4px; } #detail__page .my--popup #m-1598846268608 .gf_add-to-cart:hover { background-color: #2f75bd; color: #fff; transition: 0.3s ease-in; } #detail__page.keyboard-wrap .pulsar-pc-only { display: block; } #detail__page.keyboard-wrap .pulsar-mobile-only { display: none; } #detail__page.keyboard-wrap #m-1598846267325 { padding-right: 0; margin-right: -10px; } #detail__page.keyboard-wrap #m-1598846833140 { display: block; } @media screen and (min-width: 1200px) { #detail__page .my--popup #r-1598846268698 { min-width: 100%; padding: 0; margin: 0; } #detail__page .my--popup #r-1598846275756 { padding: 0 !important; height: 100%; } #detail__page .my--popup #m-1598846267325 { height: 100%; } #detail__page .my--popup #m-1598846269001 .gf_pq_qty { min-width: 60px !important; } #detail__page .my--popup #m-1600671922618 .gf_swatch { margin-right: 15px !important; } } @media screen and (min-width: 2000px) { #detail__page .big-bg-keyboard { padding-right: 15% !important; } } @media screen and (min-width: 2200px) { #detail__page .big-bg-keyboard { padding-right: 4% !important; } #detail__page .big-bg-keyboard .halfkeyboard--bg__size img { width: 100%; } #detail__page .lunar_items_bg .text--contents__images img { width: 76%; } } /* 🔴 start main media query */ @media screen and (max-width: 2300px) { #detail__page .keyboard-title-image img { transform: translateX(-12%) !important; } } @media screen and (max-width: 2200px) { #detail__page .keyboard-title-image img { transform: translateX(-9%) !important; } } @media screen and (max-width: 2000px) { #detail__page .keyboard-title-image img { transform: translateX(-7%) !important; } #detail__page .keyboard--title__image { left: 20% !important; } } @media screen and (max-width: 1800px) { #detail__page .keyboard-title-image img { transform: translateX(-12%) !important; } #detail__page .keyboard--title__image { left: 17% !important; } } @media screen and (max-width: 1600px) { #detail__page .keyboard-title-image img { transform: translateX(-8%) !important; } #detail__page .keyboard--title__image { left: 10% !important; } #detail__page .keyboard-title-image { width: 120% !important; } } @media screen and (max-width: 1500px) { #detail__page .keyboard-title-image { width: 116% !important; } #detail__page .keyboard--title__image { left: 7% !important; } } @media screen and (max-width: 1450px) { #detail__page .keyboard-title-image img { transform: translate(-5%, 16%) !important; } #detail__page .keyboard-title-image { width: 110% !important; } #detail__page .keyboard--title__image { left: 5% !important; } #detail__page .keyboard--title__image img { width: 100%; } } @media screen and (max-width: 1340px) { #detail__page .keyboard-title-image img { transform: translate(0, 22%) !important; } #detail__page .keyboard-title-image { width: 100% !important; } #detail__page .keyboard--title__image { left: 5% !important; } #detail__page .keyboard--title__image img { width: 100%; } } @media screen and (max-width: 991px) { #detail__page .keyboard-title-image { top: 94% !important; width: 100% !important; } #detail__page .keyboard--title__image { left: 5% !important; } #detail__page .keyboard--title__image img { width: 100%; } } @media screen and (max-width: 747px) { #detail__page.keyboard-wrap .pulsar-pc-only { display: none; } #detail__page.keyboard-wrap .pulsar-mobile-only { display: block !important; } #detail__page.keyboard-wrap .mice--title .keyboard--title__image { top: 200% !important; } #detail__page.keyboard-wrap .keyboard--title__image { left: 0 !important; right: 0 !important; } #detail__page.keyboard-wrap .keyboard--title__image img { width: 100% !important; } } @media screen and (max-width: 414px) { #detail__page.keyboard-wrap .mice--title .keyboard--title__image { top: 141% !important; } } /* 🔵 end main media query */ /* 🔴 start popup media query */ @media screen and (max-width: 2400px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 7%; padding-bottom: 7%; } } @media screen and (max-width: 2300px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 7%; padding-bottom: 7%; } } @media screen and (max-width: 2300px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 8%; padding-bottom: 8%; } } @media screen and (max-width: 2250px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 9%; padding-bottom: 9%; } } @media screen and (max-width: 2200px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 10%; padding-bottom: 10%; } } @media screen and (max-width: 2100px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 11%; padding-bottom: 11%; } } @media screen and (max-width: 2050px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 12%; padding-bottom: 12%; } } @media screen and (max-width: 2000px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 13%; padding-bottom: 13%; } } @media screen and (max-width: 1950px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 14%; padding-bottom: 14%; } } @media screen and (max-width: 1900px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 15%; padding-bottom: 15%; } } @media screen and (max-width: 1850px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 16%; padding-bottom: 16%; } } @media screen and (max-width: 1800px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 17%; padding-bottom: 17%; } #detail__page.keyboard-wrap .gf_product-image.gf_featured-image { width: 100% !important; margin-top: -10% !important; } #detail__page.keyboard-wrap #m-1598846268608 { width: 60%; } #detail__page.keyboard-wrap .gf_add-to-cart.product-form-product-template.button.btn.gf_button-stretch { width: 100% !important; } #detail__page.keyboard-wrap .element-wrap.pc-amazon-button { float: inherit; width: 100%; margin-left: 0 !important; margin-top: 30px !important; } } @media screen and (max-width: 1750px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 18%; padding-bottom: 18%; } } @media screen and (max-width: 1700px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 19%; padding-bottom: 19%; } } @media screen and (max-width: 1650px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 20%; padding-bottom: 20%; } } @media screen and (max-width: 1600px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 21%; padding-bottom: 21%; } } @media screen and (max-width: 1550px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 22%; padding-bottom: 22%; } } @media screen and (max-width: 1500px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 23%; padding-bottom: 23%; } #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding-left: 100px; } } @media screen and (max-width: 1450px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 24%; padding-bottom: 24%; } } @media screen and (max-width: 1400px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 25%; padding-bottom: 25%; } } @media screen and (max-width: 1350px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 26%; padding-bottom: 26%; } } @media screen and (max-width: 1300px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 27%; padding-bottom: 27%; } } @media screen and (max-width: 1250px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 28%; padding-bottom: 28%; } } @media screen and (max-width: 1200px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 29%; padding-bottom: 29%; } #detail__page.keyboard-wrap .gf_product-quantity { position: relative; } #detail__page.keyboard-wrap .gf_product-quantity .gf_product-quantity-minus + input { position: absolute; border: 1px solid #fff !important; top: -1px; width: 60px !important; max-width: 60px !important; height: 42px !important; } #detail__page.keyboard-wrap .gf_product-quantity .gf_product-quantity-plus { position: absolute; border: 1px solid #fff; width: 42px; height: 42px; top: -1px; right: -101px; } } @media screen and (max-width: 991px) { #detail__page.keyboard-wrap .my--popup .gf_column.gf_col-lg-8.gf_col-xs-12.gf_col-md-7.gf_col-sm-7 { padding-top: 0; padding-bottom: 0; } #detail__page.keyboard-wrap #m-1598846833140 { display: none; } #detail__page.keyboard-wrap .gf_product-image.gf_featured-image { width: 80% !important; } #detail__page.keyboard-wrap .AddToCartForm { background-color: #000; } #detail__page.keyboard-wrap #c-1598846268685 { width: 100%; position: fixed !important; bottom: 60px !important; } #detail__page.keyboard-wrap .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5 { padding: 0 10px; } #detail__page.keyboard-wrap .mo-amazon-button img { margin-bottom: 20px; } #detail__page.keyboard-wrap .my--popup #m-1598846269319 .gf_product-title { font-size: 21px !important; margin-bottom: 6px !important; } } /* 🔵 end popup media query */ /* 🔴 start sub pages media query */ #detail__page.keyboard-wrap .tab--contents .image--wrap { border: 0 none; } /* 🔵 start sub pages media query */ /*---------------------------- ⚡️ End - Keyboard popup -----------------------------*/ @media screen and (min-width: 2600px) { #r-1610595687945 { padding: 0 7% !important; } .buynowPopup .gryffeditor .gf_column.gf_col-lg-4.gf_col-xs-12.gf_col-md-5.gf_col-sm-5:after { display: block; content: ''; width: 100%; height: 1100%; } } @media screen and (min-width: 1200px) { #MainContent #m-1610595687829 .gf_add-to-cart { float: left; width: 50% !important; border-radius: 4px; } #MainContent #m-1610595687829 .gf_add-to-cart:hover { background-color: #2f75bd; transition: ease-in 0.3s; } #MainContent #e-1614237770054 .gf_image { width: 76% !important; } #MainContent #e-1614237770054 a { display: inline-block; float: left; width: 47%; } } @media screen and (max-width: 1200px) { #MainContent #m-1610595687829 .gf_add-to-cart { float: left; width: 50% !important; } #MainContent #e-1614237770054 .gf_image { width: 76% !important; } #MainContent #e-1614237770054 a { display: inline-block; float: left; width: 47%; margin-left: 20px; } } @media screen and (max-width: 1700px) { #MainContent #e-1614237770054 a { display: inline-block; float: left; width: 57%; margin-left: 4px; margin-top: 37px !important; } } @media screen and (max-width: 991px) { #detail__page #r-1610595687945 { height: 100vh; } } #m-1610595687861 .gf_swatches.gf_row-no-padding.gf_row.gf_row_no_tools .gf_column.gf_col_no_tools.gf_col-md-12.gf_swatches-selector span:last-child { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears-Xlite_Gaming_Mouse_02_300x300.png?v=1609975604") !important; } .addtocartButton .amazon--buttom__pc { width: 100% !important; } @media screen and (max-width: 1800px) { #MainContent .addtocartButton .amazon--buttom__pc img { width: 72% !important; margin-top: 20px; } #MainContent #e-1614237770054 .gf_image { width: 72% !important; } } @media screen and (max-width: 1700px) { #MainContent #e-1614237770054 a { margin-left: 0 !important; margin-top: 20px !important; } } @media screen and (max-width: 991px) { #MainContent #m-1610595687829 .gf_add-to-cart { float: inherit !important; width: 60% !important; margin-top: 20px; } } @media screen and (min-width: 1800px) { #MainContent #e-1614237770054 a { margin-left: -25%; } } #shopify-section-1605071750436 > div > div > div.center-center.text-inside.no-play-button.js-section-content > div > h2, #shopify-section-1605071750436 .size--44, #shopify-section-1605071750436 .rich-text__heading, #shopify-section-1605071750436 .size--40, #shopify-section-1552545896050 .size--44, #shopify-section-1552545896050 .rich-text__heading, #shopify-section-1552545896050 .size--40, #shopify-section-1609743514901 .size--44, #shopify-section-1609743514901 .rich-text__heading, #shopify-section-1609743514901 .size--40, #shopify-section-1607645023332 .size--44, #shopify-section-1607645023332 .rich-text__heading, #shopify-section-1607645023332 .size--40, #shopify-section-1603167644228 .size--44, #shopify-section-1603167644228 .rich-text__heading, #shopify-section-1603167644228 .size--40, #shopify-section-1605071750436 .main-subheading, #shopify-section-1605071750436 .size--20, #shopify-section-1605071750436 .rich-text__text > p, #shopify-section-1552545896050 .main-subheading, #shopify-section-1552545896050 .size--20, #shopify-section-1552545896050 .rich-text__text > p, #shopify-section-1609743514901 .main-subheading, #shopify-section-1609743514901 .size--20, #shopify-section-1609743514901 .rich-text__text > p, #shopify-section-1607645023332 .main-subheading, #shopify-section-1607645023332 .size--20, #shopify-section-1607645023332 .rich-text__text > p, #shopify-section-1603167644228 .main-subheading, #shopify-section-1603167644228 .size--20, #shopify-section-1603167644228 .rich-text__text > p, #detail__page .view--Wrap .mice--title .mice--main__title h2, #detail__page #alsolike__wrap .text-edit.gf-elm-center.gf-elm-center-lg.gf-elm-center-md.gf-elm-center-sm.gf-elm-center-xs h2 { background-color: transparent !important; border: none !important; width: 100% !important; } #shopify-section-1605071750436 .main-subheading { text-align: center !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; } #shopify-section-1552545896050 .size--44, #shopify-section-1552545896050 .main-subheading, #shopify-section-1552545896050 .size--20 { margin-left: 0 !important; padding: 0 !important; } #shopify-section-1607645023332 .main-subheading, #shopify-section-1607645023332 .size--20 { text-align: center !important; padding: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } #shopify-section-1603167644228 .size--40, #featured-image--1603167644228 > div.featured-image-section-inner.js-section-content > div > h2 { text-align: center !important; } #m-1610595687829 .module { overflow: hidden !important; } #shopify-section-1603167644228 .size--40, #featured-image--1603167644228 > div.featured-image-section-inner.js-section-content > div > h2 { padding: 0; } h2 { float: none !important; width: 100% !important; border: none !important; background-color: transparent !important; background-image: none !important; } .wrapper.wrapper--small .slide__heading.main-heading.size--48.text-light { margin: 0; } .wrapper.wrapper--small .btn.btn--primary.call-to-action { transition: 0.3s ease-in; background-color: #0080ff !important; max-width: 250px; width: 100%; padding: 12px 15px; } .wrapper.wrapper--small .btn.btn--primary.call-to-action:hover { transition: 0.4s ease-in; background-color: #2f75bd; } @media screen and (max-width: 768px) { #PageContainer .featured-image__bg.ba-fixed.bg-pos-center-center.lazyloaded { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears_PCMK_TKL_mechanical_gaming_keyboard_barebone_m.jpg?v=1632465209") !important; } } #detail__page .click-lunar-view { overflow: hidden; } #detail__page .click-lunar-view .click-view-image { float: left; cursor: pointer; } #detail__page .click-lunar-view .click-view-image .img01, #detail__page .click-lunar-view .click-view-image .img02, #detail__page .click-lunar-view .click-view-image .img03, #detail__page .click-lunar-view .click-view-image .img04, #detail__page .click-lunar-view .click-view-image .img05, #detail__page .click-lunar-view .click-view-image .img06, #detail__page .click-lunar-view .click-view-image .img07, #detail__page .click-lunar-view .click-view-image .img08, #detail__page .click-lunar-view .click-view-image .img09 { display: block; position: relative; } #detail__page .click-lunar-view .click-view-image .img01 img, #detail__page .click-lunar-view .click-view-image .img02 img, #detail__page .click-lunar-view .click-view-image .img03 img, #detail__page .click-lunar-view .click-view-image .img04 img, #detail__page .click-lunar-view .click-view-image .img05 img, #detail__page .click-lunar-view .click-view-image .img06 img, #detail__page .click-lunar-view .click-view-image .img07 img, #detail__page .click-lunar-view .click-view-image .img08 img, #detail__page .click-lunar-view .click-view-image .img09 img { display: block; } #detail__page .click-lunar-view .click-view-image .img01:hover, #detail__page .click-lunar-view .click-view-image .img02:hover, #detail__page .click-lunar-view .click-view-image .img03:hover, #detail__page .click-lunar-view .click-view-image .img04:hover, #detail__page .click-lunar-view .click-view-image .img05:hover, #detail__page .click-lunar-view .click-view-image .img06:hover, #detail__page .click-lunar-view .click-view-image .img07:hover, #detail__page .click-lunar-view .click-view-image .img08:hover, #detail__page .click-lunar-view .click-view-image .img09:hover { cursor: pointer; transition: 0.3s ease-in; } #detail__page .click-lunar-view .click-view-image .img01:hover img, #detail__page .click-lunar-view .click-view-image .img02:hover img, #detail__page .click-lunar-view .click-view-image .img03:hover img, #detail__page .click-lunar-view .click-view-image .img04:hover img, #detail__page .click-lunar-view .click-view-image .img05:hover img, #detail__page .click-lunar-view .click-view-image .img06:hover img, #detail__page .click-lunar-view .click-view-image .img07:hover img, #detail__page .click-lunar-view .click-view-image .img08:hover img, #detail__page .click-lunar-view .click-view-image .img09:hover img { opacity: 0.7; } #detail__page .click-lunar-view .click-view-image .img01:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img02:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img03:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img04:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img05:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img06:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img07:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img08:hover .fa-search, #detail__page .click-lunar-view .click-view-image .img09:hover .fa-search { opacity: 1; } #detail__page .click-lunar-view .click-view-image .img01 .fa-search, #detail__page .click-lunar-view .click-view-image .img02 .fa-search, #detail__page .click-lunar-view .click-view-image .img03 .fa-search, #detail__page .click-lunar-view .click-view-image .img04 .fa-search, #detail__page .click-lunar-view .click-view-image .img05 .fa-search, #detail__page .click-lunar-view .click-view-image .img06 .fa-search, #detail__page .click-lunar-view .click-view-image .img07 .fa-search, #detail__page .click-lunar-view .click-view-image .img08 .fa-search, #detail__page .click-lunar-view .click-view-image .img09 .fa-search { position: absolute; top: 50%; left: 50%; color: #fff; font-size: 20px; opacity: 0; transition: 0.3s ease-in; } #detail__page .click-lunar-view .image-section-01 { width: 66%; } #detail__page .click-lunar-view .image-section-02 { width: 34%; } #detail__page .click-lunar-view .image-section-04, #detail__page .click-lunar-view .image-section-05, #detail__page .click-lunar-view .image-section-06, #detail__page .click-lunar-view .image-section-07, #detail__page .click-lunar-view .image-section-08, #detail__page .click-lunar-view .image-section-09 { width: 33.333%; } #detail__page .lunar_alloy_tkl_detail .lunar--detailimage--wrap img { position: relative; z-index: 1; } .cart__row { padding: 20px; } #alsolike__wrap { overflow: hidden; } #detail__page .view--Wrap.main-center .keyboard-title-image img { margin-left: 10%; } #detail__page .view--Wrap.main-center .mice--title .mice--title__image { transform: translate(-50%, -54%); max-width: 1300px; } #detail__page .view--Wrap.main-center.break-center .mice--title .mice--title__image { transform: translate(-54%, -54%); } @media screen and (max-width: 2300px) { #detail__page .view--Wrap.main-center .keyboard-title-image img { margin-left: 4%; } #detail__page .view--Wrap.main-center.break-center .keyboard-title-image img { margin-left: 6%; } } @media screen and (max-width: 2200px) { #detail__page .view--Wrap.main-center .keyboard-title-image img { margin-left: 2%; } #detail__page .view--Wrap.main-center.break-center .keyboard-title-image img { margin-left: 2%; } } @media screen and (max-width: 2000px) { #detail__page .view--Wrap.main-center .keyboard-title-image img { margin-left: 0%; } #detail__page .view--Wrap.main-center.break-center .keyboard-title-image img { margin-left: 0%; } } .detail--page__view .slide--contents__area.rgb-tkl { display: block; } .detail--page__view .slide--contents__area.rgb-tkl .slide__image__view { width: 100%; } .detail--page__view .slide--contents__area.rgb-tkl .clearfix { margin: 0 auto; width: 70%; } .detail--page__view .slide--contents__area.rgb-tkl .slide__description, .detail--page__view .slide--contents__area .slide__image__view { float: left; } @media screen and (min-width: 2400px) { .detail--page__view .slide--contents__area.rgb-tkl .slide__description { margin-left: 150px; width: 36%; } } @media screen and (max-width: 2400px) { .detail--page__view .slide--contents__area.rgb-tkl .slide__description { margin-left: 90px; width: 44%; } } @media screen and (max-width: 2000px) { .detail--page__view .slide--contents__area.rgb-tkl .clearfix { width: 0; } } #detail__page.lunar-rgb .keyboard--title__image { top: 37% !important; left: 19% !important; } @media screen and (max-width: 2300px) { #detail__page.lunar-rgb .keyboard--title__image { left: 16% !important; } } @media screen and (max-width: 2200px) { #detail__page.lunar-rgb .keyboard--title__image { left: 13% !important; } } @media screen and (max-width: 2100px) { #detail__page.lunar-rgb .keyboard--title__image { left: 10% !important; } } @media screen and (max-width: 2000px) { #detail__page.lunar-rgb .keyboard--title__image { left: 7% !important; } } @media screen and (max-width: 1800px) { #detail__page.lunar-rgb .keyboard--title__image { left: 5% !important; } } @media screen and (max-width: 991px) { #detail__page.lunar-rgb .view--Wrap .mice--title { position: relative; padding: 0; width: 100%; } #detail__page.lunar-rgb .view--Wrap .mice--title .mice--title__image { transform: translate(0); } } @media screen and (max-width: 414px) { #detail__page.lunar-rgb .view--Wrap .mice--title .mice--title__image { margin: 0 !important; } } #detail__page .section-info .info-contents { max-width: 1700px; margin: 0 auto; } #detail__page.pcmk .pt60 { padding-top: 60px; } #detail__page.pcmk .mt20 { margin-top: 20px; } #detail__page.pcmk .pcmk_title { margin-bottom: 20px; } #detail__page.pcmk .pcmk_title h2 { padding: 0; margin: 0; color: #fff; font-size: 48px; text-align: center; } #detail__page.pcmk .halfkeyboard--bg__size { width: 100%; } #detail__page.pcmk .tab--contents .non-border { width: 25%; } #detail__page.pcmk .pmck_text span { display: block; color: #fff; line-height: 1.3; font-size: 20px; font-family: 'visby-cf', sans-serif; } #detail__page.pcmk .keyboard__image__wrap:after, #detail__page.pcmk .detail--page__pos .text--heading h3:after { display: none; } #detail__page.pcmk .contents--wrap .image-content { text-align: center; } #detail__page.pcmk .contents--wrap .text-content { text-align: center; } #detail__page.pcmk .contents--wrap .text-content span { display: block; color: #fff; font-size: 18px; } #detail__page.pcmk .detail--page__pos .text--area.your_keyboard { margin-top: 0; padding-top: 0; } #detail__page.pcmk .detail--page__pos .text--area.your_keyboard p { text-align: center; color: #0080ff; } #detail__page.pcmk .acustic-perferction .text--contents__images { text-align: right; width: 70%; position: inherit; margin: 0; } #detail__page.pcmk .acustic-perferction .text--contents__images img { width: 80%; } #detail__page.pcmk .gradient-wrap { position: relative; } #detail__page.pcmk .gradient-wrap:after { z-index: 0; position: absolute; top: 10%; left: 0; display: block; content: ''; width: 100%; height: 80%; background: #4e4f4f; /* Old browsers */ background: -moz-linear-gradient(-45deg, #4e4f4f 0%, #121416 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #4e4f4f 0%, #121416 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #4e4f4f 0%, #121416 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4f4f', endColorstr='#121416',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #detail__page.pcmk .gradient-wrap .text--contents__images, #detail__page.pcmk .gradient-wrap .text--contents__text { position: relative; z-index: 1; } .one_hundred { background: linear-gradient(to right, red, gold, lime, dodgerblue, violet, orange, red); background-size: 40% 100%; background-position: 0 0; animation: rainbow 3s linear infinite; } @keyframes rainbow { 100% { background-position: 200% 0%; } } @keyframes number { 100% { transform: rotateY(360deg); } } .one_hundred img { display: block; width: 100%; height: auto; } .tac { text-align: center; } #detail__page.pcmk .show--image { width: 70%; } #detail__page.pcmk .text--area { padding-top: 0; } #detail__page.pcmk .img-padding { padding: 300px 0; } #detail__page.pcmk .shop_switches_link a { display: block; background-color: #0080ff; padding: 20px 0; width: 300px; color: #fff; font-size: 20px; text-align: center; border-radius: 4px; transition: 0.3s ease-in; cursor: pointer; } #detail__page.pcmk .shop_switches_link a:hover { background-color: #2f75bd; transition: 0.4s ease-in; } #detail__page.pcmk .click-pcmk-view .image-section-01, #detail__page.pcmk .click-pcmk-view .image-section-02 { width: 50%; } #detail__page.pcmk .click-pcmk-view .hover-view-contents p { position: absolute; color: #0080ff; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); } #detail__page.pcmk .click-pcmk-view .hover-view-contents p span { display: block; font-size: 36px; text-align: center; font-family: 'visby-cf' ,serif; line-height: 1.3; opacity: 0; transition: 0.3s ease-in; } #detail__page.pcmk .click-pcmk-view .click-view-image .img01 .fa-search, #detail__page.pcmk .click-pcmk-view .click-view-image .img02 .fa-search, #detail__page.pcmk .click-pcmk-view .click-view-image .img03 .fa-search, #detail__page.pcmk .click-pcmk-view .click-view-image .img04 .fa-search { color: #fff; font-size: 20px; opacity: 0; } #detail__page.pcmk .click-pcmk-view .img01, #detail__page.pcmk .click-pcmk-view .img02, #detail__page.pcmk .click-pcmk-view .img03, #detail__page.pcmk .click-pcmk-view .img04 { cursor: pointer; display: block; position: relative; } #detail__page.pcmk .click-pcmk-view .img01:hover img, #detail__page.pcmk .click-pcmk-view .img02:hover img, #detail__page.pcmk .click-pcmk-view .img03:hover img, #detail__page.pcmk .click-pcmk-view .img04:hover img { opacity: 0.2; } #detail__page.pcmk .click-pcmk-view .img01:hover .hover-view-contents span, #detail__page.pcmk .click-pcmk-view .img02:hover .hover-view-contents span, #detail__page.pcmk .click-pcmk-view .img03:hover .hover-view-contents span, #detail__page.pcmk .click-pcmk-view .img04:hover .hover-view-contents span { opacity: 1 !important; transition: 0.4s ease-in; } #detail__page.pcmk .click-pcmk-view .img01:hover .fa-search, #detail__page.pcmk .click-pcmk-view .img02:hover .fa-search, #detail__page.pcmk .click-pcmk-view .img03:hover .fa-search, #detail__page.pcmk .click-pcmk-view .img04:hover .fa-search { opacity: 1; transition: 0.4s ease-in; } #detail__page.pcmk .click-pcmk-view .click-view-image .img01 .fa-search, #detail__page.pcmk .click-pcmk-view .click-view-image .img02 .fa-search, #detail__page.pcmk .click-pcmk-view .click-view-image .img03 .fa-search, #detail__page.pcmk .click-pcmk-view .click-view-image .img04 .fa-search { position: initial; display: block; margin-top: 40px; text-align: center; } #detail__page.pcmk .customize-link a { display: block; background-color: #0080ff; padding: 20px 0; width: 300px; color: #fff; font-size: 20px; text-align: center; border-radius: 4px; transition: .3s ease-in; cursor: pointer; margin: 0 auto; } #detail__page.pcmk .customize-link a:hover { transition: 0.3s ease-in; background-color: #2f75bd; } #detail__page.pcmk .customize-item { position: relative; } #detail__page.pcmk .customize-item .customize-link { position: absolute; bottom: 7%; left: 50%; transform: translate(-50%); } #detail__page.pcmk .pcmk_items_bg { background-color: #2d2d2d; padding-right: 0; margin-bottom: -60px; } #detail__page.pcmk .pcmk_items_bg .mobile { display: none; } #detail__page.pcmk .pcmk_items_bg .pc { display: block; } #detail__page.pcmk .pcmk_items_bg .text--contents__images { position: relative; top: -50px; } #detail__page.pcmk .pcmk_items_bg .text--contents__images img { width: 90%; } #detail__page.pcmk .pcmk_items_bg .software--download__button a { display: block; padding: 20px; width: 320px; background-color: #0080ff; border-radius: 4px; text-align: center; } #detail__page.pcmk .pcmk_items_bg .software--download__button a span { color: #fff; font-size: 20px; } #detail__page.pcmk .pcmk_items_bg .software--download__button a img { position: relative; top: 6px; margin-right: 6px; } #detail__page.pcmk .pcmk_items_bg .software--download__button a:hover { transition: 0.3s ease-in; background-color: #2f75bd; } #detail__page .plusar--slide__wrap .slide--click__menu { transition: 0.3s ease-in !important; } #detail__page .plusar--slide__wrap .slide--click__menu:hover h4 { transition: 0.4s ease-in; background-color: #0080ff !important; } #detail__page .plusar--slide__wrap .slide--click__menu:hover path { transition: 0.4s ease-in; fill: #fff !important; } #detail__page .plusar--slide__wrap .on h4 { transition: 0.4s ease-in !important; background-color: #0080ff !important; } #detail__page .plusar--slide__wrap .on svg { transition: 0.3s ease-in !important; transform: rotate(0deg) !important; } #detail__page .plusar--slide__wrap .on path { transition: 0.4s ease-in !important; fill: #fff !important; } #detail__page.pcmk .img04.pc { display: block; } #detail__page.pcmk .img04.mobile { display: none; } #detail__page.pcmk .pcmk-specification .contents__area01 { display: block; } #detail__page.pcmk .pcmk-specification .contents__area01 .slide__image__view { float: inherit !important; width: 100%; } #detail__page.pcmk .pcmk-specification .contents__area01 .slide__description { float: left; width: 44%; } #detail__page.pcmk .section01 .pc { display: block; } #detail__page.pcmk .section01 .mobile { display: none; } #detail__page.pcmk .section01 .contents--wrap .image-content img { width: 88% !important; max-width: 85px; } #detail__page.pcmk .section01 .contents--wrap .text-content { font-family: 'visby-cf', serif; } #detail__page.pcmk .section01 .tab--contents { margin-bottom: 160px; } #detail__page.pcmk .section02 .pc { display: block; } #detail__page.pcmk .section02 .mobile { display: none; } #detail__page.pcmk .section03 .pc { display: block; } #detail__page.pcmk .section03 .mobile { display: none; } #detail__page.pcmk .img01 .pc, #detail__page.pcmk .img02 .pc, #detail__page.pcmk .img03 .pc, #detail__page.pcmk .img04 .pc { display: block; } #detail__page.pcmk .img01 .mobile, #detail__page.pcmk .img02 .mobile, #detail__page.pcmk .img03 .mobile, #detail__page.pcmk .img04 .mobile { display: none; } #detail__page.pcmk .pcmk-specification .contents__area01 .pc { display: block; } #detail__page.pcmk .pcmk-specification .contents__area01 .mobile { display: none; } @media screen and (max-width: 1300px) { #detail__page.pcmk .section02 .detail--page__hand .mice--aspect img { width: 100%; } #detail__page.pcmk .customize-item .customize-link { bottom: -80px; } } @media screen and (max-width: 1199px) { #detail__page.pcmk .tab--contents { display: flex; width: auto; margin: 0 auto 100px; } } .section04 .detail--page__pos .pc { display: block !important; } .section04 .detail--page__pos .mobile { display: none !important; } .slide--contents__area.pdtb50.contents__area04 .mobile { display: none !important; } .slide--contents__area.pdtb50.contents__area04 .pc { display: block !important; } @media screen and (max-width: 991px) { .section04 .detail--page__pos .pc { display: none !important; } .section04 .detail--page__pos .mobile { display: block !important; } .slide--contents__area.pdtb50.contents__area04 .mobile { display: block !important; } .slide--contents__area.pdtb50.contents__area04 .pc { display: none !important; } } @media screen and (max-width: 991px) { #detail__page.pcmk .img04.pc { display: none; } #detail__page.pcmk .img04.mobile { display: block; } #detail__page.pcmk .pcmk_title h2 { font-size: 43px; } #detail__page.pcmk .pmck_text span { font-size: 18px; } #detail__page.pcmk .pcmk_items_bg { padding-bottom: 60px; margin-bottom: -30px; padding-right: 20px; } #detail__page.pcmk .section01 .pc { display: none; } #detail__page.pcmk .section01 .mobile { display: block; margin-left: -20px; margin-right: -20px; } #detail__page.pcmk .section01 .contents--wrap .image-content img { max-width: 80px; } #detail__page.pcmk .section02 .pc { display: none; } #detail__page.pcmk .section02 .mobile { display: block; } #detail__page.pcmk .section02 .text--contents__text { width: 100% !important; bottom: 60px; text-align: center; } #detail__page.pcmk .section03 .pc { display: none; } #detail__page.pcmk .section03 .mobile { display: block; margin-right: -20px; } #detail__page.pcmk .section04 .detail--page__pos .w100 { width: 100% !important; padding-top: 60px; padding-left: 20px; } #detail__page.pcmk .section05 .pc { display: none; } #detail__page.pcmk .section05 .mobile { padding-top: 60px; display: block; position: relative; top: 0; width: 100%; left: 0; } #detail__page.pcmk .section05 .mobile img { width: 100%; } #detail__page.pcmk .section05 .text--contents__text { margin: 0; width: 100% !important; } #detail__page.pcmk .click-pcmk-view .hover-view-contents p { padding: 0 20px; } #detail__page.pcmk .click-pcmk-view .hover-view-contents p span { line-height: 1; font-size: 30px; } .gradient-wrap:after { height: 100% !important; top: 0 !important; } .one_hundred { width: 136% !important; position: relative !important; left: -18% !important; } .click-pcmk-view .image-section-01, .click-pcmk-view .image-section-02 { width: 100% !important; } .click-pcmk-view { position: relative; } .click-pcmk-view:before { z-index: 2; display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .click-pcmk-view .hover-view-contents p { position: absolute; z-index: 1; top: initial !important; left: initial !important; transform: none !important; bottom: 0 !important; text-align: center !important; opacity: 1 !important; width: 100%; } .click-pcmk-view .hover-view-contents p span { display: inline-block !important; opacity: 1 !important; line-height: 1.2; } .click-pcmk-view .img01 i, .click-pcmk-view .img02 i, .click-pcmk-view .img03 i, .click-pcmk-view .img04 i { margin: 0 !important; } .click-pcmk-view .img01:after, .click-pcmk-view .img02:after, .click-pcmk-view .img03:after, .click-pcmk-view .img04:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .click-pcmk-view .img01:hover img, .click-pcmk-view .img02:hover img, .click-pcmk-view .img03:hover img, .click-pcmk-view .img04:hover img { opacity: 1; } .click-pcmk-view .img01:hover i, .click-pcmk-view .img02:hover i, .click-pcmk-view .img03:hover i, .click-pcmk-view .img04:hover i { opacity: 0 !important; margin: 0 !important; } .click-pcmk-view .img01 .pc, .click-pcmk-view .img04 .pc, .click-pcmk-view .img02 .pc, .click-pcmk-view .img03 .pc { display: none !important; } .click-pcmk-view .img01 .mobile, .click-pcmk-view .img04 .mobile, .click-pcmk-view .img02 .mobile, .click-pcmk-view .img03 .mobile { display: block !important; } .click-pcmk-view .img01:hover img, .click-pcmk-view .img02:hover img, .click-pcmk-view .img03:hover img, .click-pcmk-view .img04:hover img { opacity: initial !important; } .pcmk-specification .contents__area01 .pc { display: none !important; } .pcmk-specification .contents__area01 .mobile { display: block !important; margin-bottom: 30px; } .pcmk-specification .contents__area01 .slide__description { width: 100% !important; } .img-padding { padding: 100px 0 !important; } .detail--page__view .slide--contents__area .slide__description span:before { top: 12px !important; } .customize-item .customize-link { position: relative !important; bottom: -40px !important; } .programmed-FN-keys { padding-top: 60px !important; } } @media screen and (max-width: 747px) { #detail__page.pcmk .pcmk_title h2, #detail__page.pcmk .pmck_text span, #detail__page.pcmk .detail--page__pos .text--heading h3 { font-size: 36px !important; } #detail__page.pcmk .pmck_text span, #detail__page.pcmk .detail--page__pos .text--area p { font-size: 16px !important; } #detail__page.pcmk .shop_switches_link a, #detail__page.pcmk .pcmk_items_bg .software--download__button a span, #detail__page.pcmk .customize-link a { font-size: 14px !important; } .click-pcmk-view .hover-view-contents p span { font-size: 24px !important; } .section01 .tab--contents { margin-bottom: 60px !important; } } @media screen and (max-width: 474px) { .container .swatch label { width: 100px !important; } #detail__page.pcmk .keyboard__image__wrap { padding-bottom: 60px; } #detail__page.pcmk .section05 { padding-top: 60px !important; } #detail__page.pcmk .section05 .mobile { padding-top: 0 !important; } #detail__page.pcmk .section05 .mobile img { position: relative !important; top: -30px !important; } #detail__page.pcmk .pcmk_title h2, #detail__page.pcmk .pmck_text span, #detail__page.pcmk .detail--page__pos .text--heading h3 { font-size: 24px !important; } #detail__page.pcmk .pmck_text span, #detail__page.pcmk .detail--page__pos .text--area p { font-size: 16px !important; } #detail__page.pcmk .contents--wrap .text-content span { line-height: 1.2; } #detail__page.pcmk .contents--wrap .text-content span { font-size: 10px; } #detail__page.pcmk .click-pcmk-view .hover-view-contents p span { font-size: 16px !important; } #detail__page.pcmk .fa-search { display: none !important; } #detail__page.pcmk .pcmk_items_bg .software--download__button a { padding: 10px 0 20px; width: 100%; } #detail__page.pcmk .shop_switches_link a, #detail__page.pcmk .customize-link a { width: 100%; } } @media screen and (max-width: 415px) { #detail__page.pcmk .view--Wrap .mice--title .mice--title__image { margin-top: 0 !important; } } .support--download ul li .software--download__button a img { top: 6px; } .download-free-button { padding: 40px 0 20px; } .download-free-button a { display: block; color: #fff; padding: 20px 0; width: 320px; background-color: #0080ff; border-radius: 4px; text-align: center; font-size: 20px; } .notice-text { color: #fff; font-size: 14px; margin-bottom: 40px; font-family: 'visby-cf', serif; } .download-firmware { color: #fff; font-size: 20px; font-family: 'visby-cf' ,serif; } .download-firmware a { color: #0080ff; } #detail__page.lunar-rgb .pc { display: block; } #detail__page.lunar-rgb .mobile { display: none; } #detail__page.lunar-rgb .mechanical-switches { padding: 0; } #detail__page.lunar-rgb .lunar_items_bg .text--contents__images.pc_state_of_art { position: inherit; } #detail__page.lunar-rgb .state_of_art .text--contents__text { padding-right: 100px; } #detail__page.lunar-rgb .state_of_art .text--contents__text .text--contents__images.mo_state_of_art.key--video__wrap { width: 100%; } #detail__page.lunar-rgb .state_of_art .text--contents__text, #detail__page.lunar-rgb .state_of_art .text--contents__images { width: 50%; } #detail__page.lunar-rgb .lunar_items_bg .text--contents__images img { width: 100%; display: block; } @media screen and (min-width: 1920px) { #detail__page.lunar-rgb .halfkeyboard--bg__size { width: 100%; } } @media screen and (max-width: 1850px) { #detail__page.lunar-rgb .lunar_items_bg .key--video__wrap { margin-bottom: 60px; } #detail__page.lunar-rgb .state_of_art .text--contents__text { padding-right: 50px; } } @media screen and (max-width: 1750px) { #detail__page.lunar-rgb .keyswitch { width: 20%; } } @media screen and (max-width: 1450px) { #detail__page.lunar-rgb .lunar_items_bg { padding-left: 60px; } } #detail__page.lunar-rgb .mechanical-switches .mobile { display: none; } #detail__page.lunar-rgb .mechanical-switches .pc { display: block; } #detail__page.lunar-rgb .detail--page__view .slide--contents__area.rgb-tkl .clearfix { width: auto; } @media screen and (max-width: 1400px) { #detail__page.lunar-rgb .mechanical-switches .text--contents__text { width: 100%; padding: 60px 0; } #detail__page.lunar-rgb .mechanical-switches .mobile { display: block; width: 100%; } #detail__page.lunar-rgb .mechanical-switches .mobile img { display: block; width: 100%; } #detail__page.lunar-rgb .mechanical-switches .pc { display: none; } } .container #product_id-7005205364905-swatch-0-blue-switch + label span, .container #product_id-7015563362473-swatch-0-blue-switch + label span, .container #product_id-7016931983529-swatch-0-blue-switch + label span, .container #product_id-7017122627753-swatch-0-blue-switch + label span, .container #product_id-7022282506409-swatch-0-blue-switch + label span { background-image: url(https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Blue_Clicky_Mechanical_Switch_for_Lunar_Alloy_Mechanical_Gaming_Keyboard_Series_swatch_260x260.png?v=1609828098) !important; background-position: center center; } .container #product_id-7005205364905-swatch-0-brown-switch + label span, .container #product_id-7015563362473-swatch-0-brown-switch + label span, .container #product_id-7016931983529-swatch-0-brown-switch + label span, .container #product_id-7017122627753-swatch-0-brown-switch + label span, .container #product_id-7022282506409-swatch-0-brown-switch + label span { background-image: url(https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Brown_Tactile_Mechanical_Switch_for_Lunar_Alloy_Mechanical_Gaming_Keyboard_Series_swatch_260x260.png?v=1609828098) !important; background-position: center center; } .container #product_id-7017414099113-swatch-0-red-switch + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Nova_Optical_Pro_red_switch.png?v=1614318415") !important; background-position: center center; background-size: 80%; } .container #product_id-7017414099113-swatch-0-blue-switch + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Nova_Optical_Pro_blue_switch.png?v=1614318415") !important; background-position: center center; background-size: 80%; } .container #product_id-7017539043497-swatch-0-black + label span, .container #product_id-7017573679273-swatch-0-black + label span, .container #product_id-6364124545193-swatch-0-black + label span, .container #product_id-6849254260905-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears-Xlite_Gaming_Mouse_01_300x300.png?v=1609975604") !important; background-position: center center; background-size: 100%; background-color: transparent !important; } .container #product_id-7017539043497-swatch-0-white + label span, .container #product_id-7017573679273-swatch-0-white + label span, .container #product_id-6364124545193-swatch-0-white + label span, .container #product_id-6849254260905-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears-Xlite_Gaming_Mouse_02_300x300.png?v=1609975604") !important; background-position: center center; background-size: 100%; background-color: transparent !important; } .container #product_id-7022365049001-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar-gaming-gears_pcmk-tkl-ansi-keyboard-barebone_black_01.png?v=1622678012") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .container #product_id-7022365049001-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar-gaming-gears_pcmk-tkl-ansi-keyboard-barebone_white_01.png?v=1622677999") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .container #product_id-7005205364905-swatch-0-red-switch + label::before, .container #product_id-7015563362473-swatch-0-red-switch + label::before, .container #product_id-7016931983529-swatch-0-red-switch + label::before, .container #product_id-7017122627753-swatch-0-red-switch + label::before, .container #product_id-7017414099113-swatch-0-red-switch + label::before, .container #product_id-7022282506409-swatch-0-red-switch + label::before { display: block; content: 'RED'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-7005205364905-swatch-0-blue-switch + label::before, .container #product_id-7015563362473-swatch-0-blue-switch + label::before, .container #product_id-7016931983529-swatch-0-blue-switch + label::before, .container #product_id-7017122627753-swatch-0-blue-switch + label::before, .container #product_id-7017414099113-swatch-0-blue-switch + label::before, .container #product_id-7022282506409-swatch-0-blue-switch + label::before { display: block; content: 'BLUE'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-7005205364905-swatch-0-brown-switch + label::before, .container #product_id-7015563362473-swatch-0-brown-switch + label::before, .container #product_id-7016931983529-swatch-0-brown-switch + label::before, .container #product_id-7017122627753-swatch-0-brown-switch + label::before, .container #product_id-7022282506409-swatch-0-brown-switch + label::before { display: block; content: 'BROWN'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-7017539043497-swatch-0-black + label::before, .container #product_id-7017573679273-swatch-0-black + label::before, .container #product_id-6364124545193-swatch-0-black + label::before, .container #product_id-6849254260905-swatch-0-black + label::before, .container #product_id-7022365049001-swatch-0-black + label::before { display: block; content: 'BlACK'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-7017539043497-swatch-0-white + label::before, .container #product_id-7017573679273-swatch-0-white + label::before, .container #product_id-6364124545193-swatch-0-white + label::before, .container #product_id-6849254260905-swatch-0-white + label::before, .container #product_id-7022365049001-swatch-0-white + label::before { display: block; content: 'WHITE'; color: #fff; font-size: 13px; z-index: 1; } #detail__page.lunar-rgb .detail--page__view .slide--contents__area .slide__description { position: relative; } #detail__page.lunar-rgb .detail--page__view .slide--contents__area .slide__description span.last-image-wrap { position: absolute; top: -40px; right: -30px; } #detail__page.lunar-rgb .detail--page__view .slide--contents__area .slide__description span.last-image-wrap:before { display: none; } @media screen and (max-width: 1600px) { #detail__page.lunar-rgb .detail--page__view .slide--contents__area .slide__description span.last-image-wrap { position: initial; } } @media screen and (max-width: 991px) { #detail__page.lunar-rgb .pc { display: none; } #detail__page.lunar-rgb .mobile { display: block; } #detail__page.lunar-rgb .notice-text { font-size: 10px; } #detail__page.lunar-rgb .mo-bottom { margin-bottom: 40px; } #detail__page.lunar-rgb .lunar_items_bg { padding: 0 20px; } #detail__page.lunar-rgb .fusion { padding-left: 20px !important; } #detail__page.lunar-rgb .fusion .text--contents__text { position: relative; top: -120px; } #detail__page.lunar-rgb .fusion .halfkeyboard--bg__size { width: 120%; margin-left: -10%; } #detail__page.lunar-rgb .fusion .text--heading { float: inherit !important; width: 100% !important; margin-bottom: 0 !important; } #detail__page.lunar-rgb .fusion .text--area { padding-left: 0 !important; } #detail__page.lunar-rgb .fusion .download-firmware { margin-bottom: 0; } #detail__page.lunar-rgb .fusion .download-free-button { padding: 20px 0 0; } } @media screen and (max-width: 747px) { #detail__page.lunar-rgb .notice-text { font-size: 12px; } #detail__page.lunar-rgb .download-firmware { font-size: 16px; } #detail__page.lunar-rgb .fusion .text--contents__text { top: -60px; } #detail__page.lunar-rgb .download-free-button a { font-size: 14px; } } @media screen and (max-width: 474px) { .swatch .swatch-element { margin: 0 4px 4px 0 !important; } #product_id-7005205364905-swatch-0-red-switch + label, #product_id-7005205364905-swatch-0-blue-switch + label, #product_id-7005205364905-swatch-0-brown-switch + label, #product_id-7004055273641-swatch-0-red-switch + label, #product_id-7004055273641-swatch-0-blue-switch + label, #product_id-7004055273641-swatch-0-brown-switch + label, #product_id-7015563362473-swatch-0-red-switch + label, #product_id-7015563362473-swatch-0-blue-switch + label, #product_id-7015563362473-swatch-0-brown-switch + label, #product_id-7016931983529-swatch-0-red-switch + label, #product_id-7016931983529-swatch-0-blue-switch + label, #product_id-7016931983529-swatch-0-brown-switch + label, #product_id-7017122627753-swatch-0-red-switch + label, #product_id-7017122627753-swatch-0-blue-switch + label, #product_id-7017122627753-swatch-0-brown-switch + label, #product_id-7017414099113-swatch-0-red-switch + label, #product_id-7017414099113-swatch-0-blue-switch + label, #product_id-7017539043497-swatch-0-black + label, #product_id-7017539043497-swatch-0-white + label, #product_id-7017573679273-swatch-0-black + label, #product_id-7017573679273-swatch-0-white + label, #product_id-6364124545193-swatch-0-black + label, #product_id-6364124545193-swatch-0-white + label, #product_id-6849254260905-swatch-0-black + label, #product_id-6849254260905-swatch-0-white + label, #product_id-7022282506409-swatch-0-red-switch + label, #product_id-7022282506409-swatch-0-blue-switch + label, #product_id-7022282506409-swatch-0-brown-switch + label { width: 80px !important; } #detail__page.lunar-rgb .fusion .detail--page__view .text--heading h3 { font-size: 24px !important; } #detail__page.lunar-rgb .fusion .download-free-button a { width: 100%; } } @media screen and (max-width: 2000px) { #detail__page.lunar-rgb.lunar-full-size .keyboard--title__image { left: 14% !important; } } @media screen and (max-width: 1900px) { #detail__page.lunar-rgb.lunar-full-size .keyboard--title__image { left: 11% !important; } } @media screen and (max-width: 1800px) { #detail__page.lunar-rgb.lunar-full-size .keyboard--title__image { left: 8% !important; } } @media screen and (max-width: 1700px) { #detail__page.lunar-rgb.lunar-full-size .keyboard--title__image { left: 5% !important; } } @media screen and (min-width: 2000px) { #detail__page .keyborad--center.mb70 { margin-bottom: 140px; } } @media screen and (max-width: 1550px) { #detail__page.lunar-rgb .support--download ul { overflow: hidden; display: block; margin: -1%; } #detail__page.lunar-rgb .support--download ul li { float: left; width: 48%; margin: 1%; } } @media screen and (max-width: 991px) { #detail__page.lunar-rgb .support--download ul { margin: 0; } #detail__page.lunar-rgb .support--download ul li { width: 100%; margin: 0 0 20px; } } #detail__page.mouse .plusar_awards { background-color: none; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Xlite-Award-testimonial-bg.png?v=1623130626"); background-position: center center; background-size: cover; } #detail__page.mouse .plusar_awards .awards-wrap { max-width: 1500px; width: 100%; margin: 0 auto; } #detail__page.mouse .plusar_awards .awards-wrap ul { overflow: hidden; margin: 0; } #detail__page.mouse .plusar_awards .awards-wrap ul li { float: left; width: 33.333%; margin: 0; padding: 30px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap { border: 2px solid #0080ff; border-radius: 4px; padding: 30px; background-color: rgba(0, 0, 0, 0.5); } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .img-wrap { margin-bottom: 30px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .img-wrap img { margin: 0 auto; display: block; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap p { color: #fff; font-size: 24px; line-height: 1.3; min-height: 156px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap strong { display: block; text-align: center; color: #fff; font-size: 24px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link { padding-top: 40px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link a { display: block; text-align: center; color: #0080ff; font-size: 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link a i { margin-right: 6px; } @media screen and (max-width: 1400px) { #detail__page.mouse .plusar_awards .awards-wrap ul { padding: 0 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li { padding: 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap p { font-size: 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap strong { font-size: 20px; } } @media screen and (max-width: 1200px) { #detail__page.mouse .plusar_awards .awards-wrap ul li { padding: 10px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap strong { letter-spacing: -1px; font-size: 18px; } } @media screen and (max-width: 1024px) { #detail__page.mouse .plusar_awards { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Award-testimonial-bg-mobile_1.png?v=1623134940"); } #detail__page.mouse .plusar_awards .awards-wrap ul { padding: 0 50px; } #detail__page.mouse .plusar_awards .awards-wrap ul li { width: 100%; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap { overflow: hidden; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .img-wrap { float: left; width: 30%; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap { padding-left: 20px; float: left; width: 70%; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap p { min-height: auto; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap strong { text-align: left; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link { padding-top: 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link a { text-align: left; } } @media screen and (max-width: 991px) { #detail__page.mouse .plusar_awards .awards-wrap ul { padding: 0 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li { padding: 0; padding-bottom: 20px; } #detail__page.mouse .plusar_awards .awards-wrap ul li:last-child { padding-bottom: 0; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap p { font-size: 18px; } } @media screen and (max-width: 747px) { #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap p { font-size: 16px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap strong { font-size: 16px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link a { font-size: 14px; } } @media screen and (max-width: 580px) { #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap { padding: 10px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .img-wrap, #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap { width: 100%; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .img-wrap { margin-bottom: 0; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .img-wrap img { width: 50%; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap { padding-left: 10px; } #detail__page.mouse .plusar_awards .awards-wrap ul li .list-wrap .txt-wrap .awards-link { padding-top: 10px; } } #detail__page.mouse .video-container.pc { display: block; } #detail__page.mouse .video-container.mobile { display: none; } @media screen and (max-wdith: 474px) { #detail__page.mouse .video-container.pc { display: none; } #detail__page.mouse .video-container.mobile { display: block; } } #detail__page .detail--page__section.proof { background-color: #000; } #detail__page .detail--page__section.proof .text--contents__text { margin: 0 !important; overflow: hidden; } #detail__page .detail--page__section.proof .proof-image-wrap, #detail__page .detail--page__section.proof .proof-contents-wrap { float: left; } #detail__page .detail--page__section.proof .proof-image-wrap { width: 20%; } #detail__page .detail--page__section.proof .proof-contents-wrap { padding-left: 40px; width: 80%; } #detail__page .detail--page__section.nova-switches .text--contents__text .nova-optical-pro-switches img { max-width: 230px; margin: 0 auto; } #detail__page .detail--page__section.nova-switches .text--contents__text small { font-size: 26px; color: #0080ff; } #detail__page.nova .proof-image-wrap.pc { display: block; } #detail__page.nova .proof-contents-wrap .mobile { display: none; } @media screen and (max-width: 991px) { #detail__page.nova .mobile img { margin-top: 20px; } #detail__page.nova .proof .proof-image-wrap.pc { display: none; } #detail__page.nova .proof .proof-contents-wrap .mobile { display: block; width: 30%; float: left; } #detail__page.nova .proof .proof-contents-wrap .mobile img { width: 45%; margin: 0 auto; display: block; } #detail__page.nova .proof .proof-contents-wrap .text--heading { margin-bottom: 0; } #detail__page.nova .proof .proof-contents-wrap .text--heading h3 { width: 70%; float: left; } #detail__page.nova .proof .proof-contents-wrap .text--heading:after { display: block; clear: both; content: ''; } #detail__page.nova .proof .proof-image-wrap { float: initial !important; margin-bottom: 40px !important; } #detail__page.nova .proof .proof-image-wrap img { display: block; } #detail__page.nova .proof .proof-contents-wrap { width: 100%; padding-left: 0; } #detail__page.nova .proof .proof-contents-wrap .text--heading, #detail__page.nova .proof .proof-contents-wrap .text--area { float: initial; width: 100%; } #detail__page.nova .nova-switches .mobile img { margin-top: 0; } } @media screen and (max-width: 747px) { #detail__page.nova .detail--page__section.nova-switches .text--contents__text small { font-size: 16px; } } @media screen and (max-width: 374px) { #detail__page .tab--contents .image--text p { font-size: 16px; } #detail__page .tab--contents .image--text p span { font-size: 16px; } } #detail__page .tab--contents .image--text p { font-family: 'visby-cf', serif; font-weight: 300; } #detail__page .tab--contents .image--text p span { font-family: 'visby-cf', serif; font-weight: 300; } #detail__page.switches .keyboard-title-image { width: 120% !important; } #detail__page.switches .keyboard-title-image img { width: 100%; transform: translate(-8%, -10%) !important; } #detail__page.switches .parallax-wrap { padding-top: 190px !important; padding-bottom: 200px; position: relative; width: 100%; background-position: center center; } #detail__page.switches .parallax-wrap .bg { background-image: url(https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Mechanical_Switch_banner_BIG_1.jpg?v=1623389684); background-position: 50% -0.270319vh; background-attachment: fixed; backface-visibility: hidden; transition: all 0.15s ease 0s; } #detail__page.switches .parallax-wrap .m-bg { position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } #detail__page.switches .parallax-wrap .text { position: relative; z-index: 10; } #detail__page.switches .parallax-wrap .text h3 { display: block; text-align: center; color: #fff; font-size: 30px; } #detail__page.switches .tab--menu { margin-bottom: 50px; } #detail__page.switches .switches-type { padding: 120px 0; max-width: 1400px; margin: 0 auto; } #detail__page.switches .switches-type ul, #detail__page.switches .switches-type li { margin: 0; } #detail__page.switches .switches-type .switch-img img { display: block; width: auto; margin: 0 auto; } #detail__page.switches .switches-type .tit-wrap { padding: 40px 0; } #detail__page.switches .switches-type .tit { font-size: 36px; text-align: center; margin: 0; } #detail__page.switches .switches-type .red-tit { color: red; } #detail__page.switches .switches-type .blue-tit { color: #0080ff; } #detail__page.switches .switches-type .brown-tit { color: #855342; } #detail__page.switches .switches-type .sub_tit { color: #fff; font-size: 26px; text-align: center; margin: 0; } #detail__page.switches .switches-type .list ul li { position: relative; color: #fff; font-size: 20px; font-family: 'visby-cf', serif; letter-spacing: -1; width: 80%; margin-left: 10%; } #detail__page.switches .switches-type .list ul li:before { display: block; content: '•'; position: absolute; left: -10px; top: 0; color: #fff; } #detail__page.switches .switches-type > ul:after { display: block; clear: both; content: ''; } #detail__page.switches .switches-type > ul > li { float: left; width: 33.333%; } #detail__page.switches .learn-more-switches { margin-top: 120px; text-align: center; } #detail__page.switches .learn-more-switches a { padding: 20px 40px; color: #fff; font-size: 24px; background-color: #0080ff; border-radius: 4px; } #detail__page.switches .mechanical-switches { background-color: #202020; padding: 200px 0; overflow: hidden; } #detail__page.switches .mechanical-switches .mobile { display: none; } #detail__page.switches .mechanical-switches .pc { display: block; } #detail__page.switches .mechanical-switches .switches-title-section { position: relative; left: 50%; transform: translateX(-25%); margin: 0 0 60px; } #detail__page.switches .mechanical-switches .switches-title-section:after { display: block; content: ''; clear: both; } #detail__page.switches .mechanical-switches .switches-title-section .img, #detail__page.switches .mechanical-switches .switches-title-section .pcs { float: left; } #detail__page.switches .mechanical-switches .switches-title-section .pcs { color: #fff; font-size: 92px; line-height: 240px; } #detail__page.switches .mechanical-switches .switches-content p { margin: 0 0 80px; color: #fff; font-size: 36px; letter-spacing: -1px; text-align: center; font-family: 'visby-cf', sans-serif; } #detail__page.switches .mechanical-switches .switches-content p span { color: #0080ff; } #detail__page.switches .mechanical-switches .switches-keyboard-info { margin-bottom: 80px; } #detail__page.switches .mechanical-switches .switches-keyboard-info ul, #detail__page.switches .mechanical-switches .switches-keyboard-info li { margin: 0; } #detail__page.switches .mechanical-switches .switches-keyboard-info ul:after { display: block; content: ''; clear: both; } #detail__page.switches .mechanical-switches .switches-keyboard-info ul li { float: left; width: 50%; } #detail__page.switches .mechanical-switches .switches-keyboard-info ul li .rgb-full-size .tit, #detail__page.switches .mechanical-switches .switches-keyboard-info ul li .rgb-tkl .tit { color: #fff; font-size: 24px; text-align: center; } #detail__page.switches .mechanical-switches .switches-keyboard-info ul li .rgb-full-size .tit p, #detail__page.switches .mechanical-switches .switches-keyboard-info ul li .rgb-tkl .tit p { font-family: 'visby-cf', serif; } #detail__page.switches .mechanical-switches .notice p { color: #fff; font-size: 20px; max-width: 600px; width: 100%; text-align: left; margin: 0 auto; } #detail__page.switches .mechanical-switches .notice p span { color: #0080ff; } @media screen and (max-width: 2560px) { #detail__page.switches .mechanical-switches { padding: 180px 0; } } @media screen and (max-width: 2470px) { #detail__page.switches .mechanical-switches { padding: 160px 0; } } @media screen and (max-width: 2370px) { #detail__page.switches .mechanical-switches { padding: 140px 0; } } @media screen and (max-width: 2280px) { #detail__page.switches .mechanical-switches { padding: 120px 0; } } @media screen and (max-width: 2200px) { #detail__page.switches .mechanical-switches { padding: 60px 0; } } @media screen and (max-width: 2100px) { #detail__page.switches .lunar_items_bg .text--contents__images img { width: 80%; } } @media screen and (max-width: 1820px) { #detail__page.switches .mechanical-switches .switches-title-section { margin-bottom: 20px; } #detail__page.switches .mechanical-switches .switches-content p { margin-bottom: 40px; } #detail__page.switches .switches-keyboard-info { margin-bottom: 40px; } } @media screen and (max-width: 1680px) { #detail__page.switches .mechanical-switches .switches-content p { font-size: 34px; } } @media screen and (max-width: 1640px) { #detail__page.switches .lunar_items_bg .text--contents__images img { width: 82%; } #detail__page.switches .mechanical-switches .switches-title-section { margin-bottom: 0; } #detail__page.switches .mechanical-switches .switches-content p { margin-bottom: 20px; } #detail__page.switches .mechanical-switches .switches-keyboard-info .rgb-full-size p, #detail__page.switches .mechanical-switches .switches-keyboard-info .rgb-tkl p { margin: 0; } } @media screen and (max-width: 1530px) { #detail__page.switches .mechanical-switches .switches-keyboard-info { margin-bottom: 40px; } } @media screen and (max-width: 1440px) { #detail__page.switches .mechanical-switches .switches-title-section .img img { width: 80%; } #detail__page.switches .mechanical-switches .switches-title-section .pcs { font-size: 80px; line-height: 198px; } #detail__page.switches .mechanical-switches .detail--page__pos { padding-left: 60px; } #detail__page.switches .lunar_items_bg .text--contents__images img { width: 90%; } } @media screen and (max-width: 1420px) { #detail__page.switches .lunar_items_bg .text--contents__images img { width: 92%; } } @media screen and (max-width: 1380px) { #detail__page.switches .mechanical-switches .switches-title-section .img img { width: 70%; } #detail__page.switches .mechanical-switches .switches-title-section .pcs { font-size: 70px; line-height: 168px; margin-left: -50px; } #detail__page.switches .mechanical-switches .notice p { font-size: 16px; } } @media screen and (max-width: 1250px) { #detail__page.switches .mechanical-switches .detail--page__pos { padding-left: 40px; } #detail__page.switches .mechanical-switches .switches-content p { font-size: 30px; } #detail__page.switches .mechanical-switches ul li .rgb-full-size .tit, #detail__page.switches .mechanical-switches ul li .rgb-tkl .tit { font-size: 18px; } #detail__page.switches .mechanical-switches .notice p { font-size: 14px; } } @media screen and (max-width: 1200px) { #detail__page.switches .mechanical-switches .detail--page__pos { padding-left: 20px; } #detail__page.switches .lunar_items_bg .text--contents__images img { width: 98%; } } @media screen and (max-width: 1094px) { #detail__page.switches .lunar_items_bg .text--contents__text { width: 47%; } #detail__page.switches .lunar_items_bg .text--contents__images.pc_state_of_art { width: 52%; } #detail__page.switches .lunar_items_bg .text--contents__images.pc_state_of_art img { width: 100%; } #detail__page.switches .mechanical-switches .switches-content p { font-size: 26px; } } @media screen and (max-width: 1054px) { #detail__page.switches .mechanical-switches .notice p { font-size: 12px; } } @media screen and (max-width: 1024px) { #detail__page.switches .mechanical-switches { padding-top: 0; } #detail__page.switches .mechanical-switches .mobile { display: block; width: 100%; } #detail__page.switches .mechanical-switches .mobile img { display: block; width: 100%; } #detail__page.switches .mechanical-switches .pc { display: none; } #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-17%); } #detail__page.switches .mechanical-switches .switches-content p { font-size: 30px; } #detail__page.switches .mechanical-switches .lunar_items_bg { padding-top: 60px; padding-left: 40px; } #detail__page.switches .mechanical-switches .lunar_items_bg .text--contents__text { width: 100%; } #detail__page.switches .mechanical-switches .notice p { font-size: 18px; } } #detail__page.switches .easy-replacement { margin: 0 auto; max-width: 1600px; width: 100%; } #detail__page.switches .easy-replacement .easy-replacement-contents ol { margin: 0; } #detail__page.switches .easy-replacement .easy-replacement-contents ol:after { display: block; content: ''; clear: both; } #detail__page.switches .easy-replacement .easy-replacement-contents ol li { margin: 0; float: left; width: 50%; } #detail__page.switches .easy-replacement .easy-replacement-contents ol li .list .img { padding-top: 40px; } #detail__page.switches .easy-replacement .easy-replacement-contents ol li .list .text p { margin: 0; color: #fff; font-size: 20px; text-align: center; max-width: 500px; margin: 0 auto; } #detail__page.switches .package-contents-wrap .package-contents .title-contents { padding-top: 40px; transform: translateX(38%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents:after { display: block; content: ''; clear: both; } #detail__page.switches .package-contents-wrap .package-contents .title-contents .img, #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { float: left; width: auto; } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { color: #fff; font-size: 90px; line-height: 240px; } #detail__page.switches .package-contents-wrap .package-contents .puller { padding-top: 40px; max-width: 700px; margin: 0 auto; } #detail__page.switches .package-contents-wrap .package-contents .puller ul, #detail__page.switches .package-contents-wrap .package-contents .puller li { margin: 0; } #detail__page.switches .package-contents-wrap .package-contents .puller ul:after { display: block; content: ''; clear: both; } #detail__page.switches .package-contents-wrap .package-contents .puller ul li { float: left; width: 50%; } #detail__page.switches .package-contents-wrap .package-contents .puller ul li .keycap-puller:after, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .switch-puller:after { display: block; content: ''; clear: both; } #detail__page.switches .package-contents-wrap .package-contents .puller ul li .keycap-puller .img, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .keycap-puller .text, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .switch-puller .img, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .switch-puller .text { float: left; width: 50%; } #detail__page.switches .package-contents-wrap .package-contents .puller ul li .keycap-puller .text p, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .switch-puller .text p { margin: 0; line-height: 130px; color: #fff; font-size: 24px; } .parallax-contents { padding-top: 0 !important; } @media screen and (max-width: 1500px) { #detail__page.switches .keyboard-title-image { width: 100% !important; } #detail__page.switches .keyboard-title-image img { transform: translate(0, -10%) !important; } } @media screen and (max-width: 1024px) { #detail__page.switches .parallax-wrap .m-bg { background-attachment: initial; } } @media screen and (max-width: 991px) { #detail__page.switches .parallax-wrap { padding-top: 100px !important; padding-bottom: 100px !important; } #detail__page.switches .switches-type .switch-img img { width: 50%; } #detail__page.switches .switches-type .tit { font-size: 30px; } #detail__page.switches .switches-type .sub_tit { font-size: 22px; } #detail__page.switches .switches-type .list ul li { font-size: 16px; } #detail__page.switches .learn-more-switches a { font-size: 20px; } #detail__page.switches .easy-replacement .easy-replacement-contents ol li .list .text p { font-size: 18px; } } @media screen and (max-width: 2100px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-28%); } } @media screen and (max-width: 2000px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-31%); } } @media screen and (max-width: 1640px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-34%); } } @media screen and (max-width: 1380px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-28%); } } @media screen and (max-width: 1140px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-32%); } } @media screen and (max-width: 1094px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-36%); } } @media screen and (max-width: 1024px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-16%); } } @media screen and (max-width: 960px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-18%); } } @media screen and (max-width: 910px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-20%); } } @media screen and (max-width: 820px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-23%); } } @media screen and (max-width: 747px) { #detail__page.switches .mechanical-switches .notice p { font-size: 16px; } #detail__page.switches .easy-replacement .easy-replacement-contents ol li .list .text p { font-size: 16px; } #detail__page.switches .easy-replacement .easy-replacement-contents ol li { width: 100%; } } @media screen and (max-width: 750px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-25%); } } @media screen and (max-width: 700px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-27%); } } @media screen and (max-width: 670px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-28%); } #detail__page.switches .mechanical-switches .lunar_items_bg { padding-left: 30px; } #detail__page.switches .mechanical-switches .switches-content p { margin-left: -30px; } } @media screen and (max-width: 600px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-32%); } #detail__page.switches .mechanical-switches .switches-content p { margin-left: -30px; } #detail__page.switches .mechanical-switches .notice p { padding-right: 20px; } } @media screen and (max-width: 550px) { #detail__page.switches .mechanical-switches .switches-content p { font-size: 24px; } #detail__page.switches .mechanical-switches .switches-keyboard-info ul li .rgb-full-size .tit, #detail__page.switches .mechanical-switches .switches-keyboard-info ul li .rgb-tkl .tit { font-size: 16px; } #detail__page.switches .mechanical-switches .notice p { font-size: 12px; } #detail__page.switches .mechanical-switches .switches-title-section .pcs { margin-left: -70px; } } @media screen and (max-width: 500px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-38%); } } @media screen and (max-width: 474px) { #detail__page.switches .mechanical-switches .lunar_items_bg { padding-left: 20px; } } @media screen and (max-width: 460px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-41%); } } @media screen and (max-width: 440px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-44%); } } @media screen and (max-width: 418px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-46%); } #detail__page.switches .mechanical-switches .switches-content p { line-height: 1.2; } } @media screen and (max-width: 400px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-49%); } } @media screen and (max-width: 380px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-52%); } } @media screen and (max-width: 370px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-54%); } } @media screen and (max-width: 360px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-56%); } } @media screen and (max-width: 350px) { #detail__page.switches .mechanical-switches .switches-content p span { display: block; } } @media screen and (max-width: 340px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-53%); } #detail__page.switches .mechanical-switches .switches-title-section .pcs { letter-spacing: -6px; } } @media screen and (max-width: 330px) { #detail__page.switches .mechanical-switches .switches-title-section { transform: translateX(-55%); } } @media screen and (max-width: 2100px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(36%); } } @media screen and (max-width: 1900px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(35%); } } @media screen and (max-width: 1600px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(34%); } } @media screen and (max-width: 1500px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(33%); } } @media screen and (max-width: 1400px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(32%); } } @media screen and (max-width: 1300px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(31%); } } @media screen and (max-width: 1200px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(30%); } } @media screen and (max-width: 1100px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(28%); } } @media screen and (max-width: 1024px) { #detail__page.switches .package-contents-wrap .text--contents__text { width: 80%; } #detail__page.switches .package-contents-wrap .package-contents .title-contents .img img { width: 70%; } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { line-height: 168px; font-size: 70px; } #detail__page.switches .package-contents-wrap .package-contents .keycap-puller img, #detail__page.switches .package-contents-wrap .package-contents .switch-puller img { max-width: 60%; } #detail__page.switches .package-contents-wrap .package-contents .puller ul li .keycap-puller .text p, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .switch-puller .text p { line-height: 122px; font-size: 20px; text-align-last: left; } } @media screen and (max-width: 991px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(26%); } } @media screen and (max-width: 900px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(25%); } } @media screen and (max-width: 800px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(21%); } } @media screen and (max-width: 747px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(19%); } #detail__page.switches .keyboard-title-image .pulsar-mobile-only { transform: translate(0) !important; } #detail__page.switches .switches-type > ul > li { width: 100%; } } @media screen and (max-width: 700px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(16%); } } @media screen and (max-width: 650px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(14%); } } @media screen and (max-width: 650px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(14%); } } @media screen and (max-width: 600px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(11%); } } @media screen and (max-width: 556px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(8%); } #detail__page.switches .package-contents-wrap .package-contents .puller ul li { width: 100%; } .keycap-puller { margin-bottom: 20px; } #detail__page.switches .package-contents-wrap .package-contents .keycap-puller img, #detail__page.switches .package-contents-wrap .package-contents .switch-puller img { max-width: 40%; } #detail__page.switches .package-contents-wrap .package-contents .puller ul li .keycap-puller .text p, #detail__page.switches .package-contents-wrap .package-contents .puller ul li .switch-puller .text p { line-height: 100px; } } @media screen and (max-width: 550px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { margin-left: -36px; } } @media screen and (max-width: 500px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(6%); } #detail__page.switches .package-contents-wrap .text--contents__text { width: 100%; } } @media screen and (max-width: 414px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(0%); } } @media screen and (max-width: 747px) { #detail__page.switches .view--Wrap h2.keyboard-title-image { width: 130% !important; } #detail__page.switches .view--Wrap h2.keyboard-title-image .pulsar-mobile-only { transform: translateX(-12%) !important; } #detail__page.switches .switches-type > ul > li { margin-bottom: 60px; } #detail__page.switches .switches-type > ul > li .switch-img img { max-width: 200px; } #detail__page.switches .switches-type > ul > li:last-child { margin-bottom: 0; } } @media screen and (max-width: 550px) { #detail__page.switches .parallax-wrap { padding-top: 60px !important; padding-bottom: 60px !important; } #detail__page.switches .parallax-wrap .text h3 { margin-bottom: 0; padding: 0 20px; font-size: 24px; } #detail__page.switches .learn-more-switches { padding: 0 20px; margin-top: 60px; } #detail__page.switches .learn-more-switches a { display: block; padding: 20px 10px; line-height: 1.3; font-size: 16px; } } @media screen and (max-width: 460px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-1%); } } @media screen and (max-width: 440px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-2%); } } @media screen and (max-width: 420px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-3%); } } @media screen and (max-width: 414px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-4%); } } @media screen and (max-width: 400px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-5%); } } @media screen and (max-width: 392px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-6%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { position: absolute; left: 65%; width: 49%; } } @media screen and (max-width: 388px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-8%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { left: 67%; } } @media screen and (max-width: 378px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-9%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { left: 69%; } } @media screen and (max-width: 370px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-11%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { left: 72%; } } @media screen and (max-width: 360px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-13%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { left: 75%; } } @media screen and (max-width: 352px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-15%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { left: 78%; } } @media screen and (max-width: 340px) { #detail__page.switches .package-contents-wrap .package-contents .title-contents { transform: translateX(-17%); } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs { left: 81%; } #detail__page.switches .package-contents-wrap .package-contents .title-contents .pcs strong { letter-spacing: -6px; } } #detail__page.switches .easy-replacement .easy-replacement-contents ol li:nth-child(4) .list .text p, #detail__page.switches .easy-replacement .easy-replacement-contents ol li:nth-child(5) .list .text p { text-align: left; } @media screen and (max-width: 403px) { #detail__page.switches .easy-replacement .easy-replacement-contents ol li:nth-child(2) .list .text p { text-align: left; } } @media screen and (max-width: 364px) { #detail__page.switches .easy-replacement .easy-replacement-contents ol li:nth-child(1) .list .text p { text-align: left; } } #detail__page.switches .parallax-wrap .text h3 { text-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); } @media screen and (max-width: 474px) { #detail__page.switches .mechanical-switches .switches-content p { padding: 0 20px; width: 100%; margin: 0 0 10px; } #detail__page.switches .parallax-wrap .m-bg { background-size: 150%; } } @media screen and (min-width: 1024px) { #detail__page.switches .parallax-wrap .text h3 { font-size: 48px; } } @media screen and (max-width: 991px) { .detail--page__view .slide--contents__area .slide__image__view { float: none !important; } #detail__page .package-image-view img { opacity: 0; transition: 0.4s ease-in; } #detail__page li.on .package-image-view img { opacity: 1; transition: 0.3s ease-in; } } #detail__page.grip-tape h2 { padding: 0; margin: 0; } #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images { width: 120% !important; margin-top: 2%; } #detail__page.grip-tape .pulsar--item__section .detail--page__pos { background: none; } #detail__page.grip-tape .w50p { width: 50% !important; } #detail__page.grip-tape .w50p .text--area { max-width: 600px; } #detail__page.grip-tape .w60p { width: 60% !important; } #detail__page.grip-tape .tab--contents .durability, #detail__page.grip-tape .tab--contents .ergonimic, #detail__page.grip-tape .tab--contents .extremely, #detail__page.grip-tape .tab--contents .latest { justify-content: space-evenly; width: 100%; } #detail__page.grip-tape .section01 { padding-top: 120px; } #detail__page.grip-tape .tab--contents .image-content img { margin: 0 auto; } #detail__page.grip-tape .tab--contents .text-content { padding-top: 20px; } #detail__page.grip-tape .tab--contents .text-content span { display: block; text-align: center; color: #fff; font-size: 20px; font-family: 'visby-cf', serif; } #detail__page.grip-tape .detail--page__section.pre-cut { padding: 120px 0; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos { display: block; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .title { margin-bottom: 60px; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .title h2 { text-align: center; color: #fff; font-size: 48px; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .title h2 span { color: #0080ff; } @media screen and (max-width: 1500px) { #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images { width: 118% !important; } } @media screen and (max-width: 1450px) { #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images { width: 110% !important; } } @media screen and (max-width: 1350px) { #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images { width: 100% !important; } #detail__page.grip-tape .keyboard-title-image img { transform: translate(0) !important; } } @media screen and (max-width: 1240px) { #detail__page.grip-tape .main__width { padding-top: 0; } } @media screen and (max-width: 991px) { #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images { margin-top: 28px; } } @media screen and (max-width: 1199px) { #detail__page.grip-tape .tab--contents { display: flex; } } @media screen and (max-width: 767px) { #detail__page.grip-tape .section01 { padding-top: 60px; } #detail__page.grip-tape .tab--contents { display: block; } #detail__page.grip-tape .tab--contents .text-content span { font-size: 16px; } } @media screen and (min-width: 2280px) { #detail__page.grip-tape .line-height16 { line-height: 1.6; } } @media screen and (max-width: 991px) { #detail__page.grip-tape .pulsar--item__section .text--contents__text { width: 100% !important; } #detail__page.grip-tape .pulsar--item__section .text--contents__text .text--heading { padding-top: 20px; margin-bottom: 20px; } #detail__page.grip-tape .text--area { padding-top: 0; } #detail__page.grip-tape .w50p { width: 100% !important; } #detail__page.grip-tape .w50p .text--area { min-width: 100%; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .title h2 { font-size: 43px; } } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .pc { display: block; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .mobile { display: none; } @media screen and (max-width: 767px) { #detail__page.grip-tape .tab--contents .text-content { margin-bottom: 30px; } #detail__page.grip-tape .detail--page__section.pre-cut { padding-top: 60px; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .title h2 { font-size: 36px; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .pc { display: none; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .mobile { display: block; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .mobile .w50 { margin: 0 auto; width: 50%; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .mobile img { margin: 0 auto; margin-bottom: 40px; } #detail__page.grip-tape .show--image .mouse-image { width: 150%; margin-left: -25%; } #detail__page.grip-tape .section-info .info-wrap .mobile img { display: block; margin: 0 auto; } } @media screen and (max-width: 474px) { #detail__page.grip-tape .tab--contents { margin-bottom: 0 !important; } #detail__page.grip-tape .tab--contents .image-content { width: 60%; margin: 0 auto; } #detail__page.grip-tape .text-content { margin-bottom: 20px; } #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .title h2 { font-size: 24px; } #detail__page.grip-tape .section-info .info-wrap .info-title h3 { font-size: 24px; } } @media screen and (max-width: 540px) { #detail__page.grip-tape .detail--page__section.pre-cut .detail--page__pos .contents-image .mobile .w70 { margin: 0 auto; width: 70%; } } #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images .pc { display: block; } #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images .mobile { display: none; } @media screen and (max-width: 991px) { #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images .pc { display: none; } #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images .mobile { display: block; } } @media screen and (min-width: 2288px) { #detail__page.microBungee .line-height16 { line-height: 1.6 !important; } } #detail__page.microBungee .shopify-payment-button { display: block !important; } #detail__page.microBungee .pulsar--item__section { padding: 0; } #detail__page.microBungee .pulsar--item__section .detail--page__pos { background-size: cover; background-position: 0 0; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/mouse-bungee.png?v=1623655128"); justify-content: flex-end; } #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text { margin-top: 28%; margin-bottom: 40%; width: 50%; } @media screen and (max-width: 1890px) { #detail__page.microBungee .pulsar--item__section .detail--page__pos { background-size: contain; } #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text { margin-top: 20%; margin-bottom: 38%; } } @media screen and (max-width: 1300px) { #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text { margin-top: 12%; margin-bottom: 38%; } } @media screen and (max-width: 1085px) { #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text { margin-top: 9%; margin-bottom: 25%; } } @media screen and (max-width: 991px) { #detail__page.microBungee .pulsar--item__section .detail--page__pos { display: flex; } #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text { margin-top: 0% !important; margin-bottom: 27% !important; } } @media screen and (max-width: 864px) { #detail__page.microBungee .pulsar--item__section .text--contents__text .text--heading { padding-top: 60px; } } @media screen and (max-width: 767px) { #detail__page.microBungee .pulsar--item__section .text--contents__text .text--heading { margin-bottom: 0; } #detail__page.microBungee .pulsar--item__section .text--contents__text .text--heading h3 { margin: 0 !important; } } .mobile-image { display: none; } @media screen and (max-width: 670px) { #detail__page.microBungee .pulsar--item__section .detail--page__pos { display: block; padding: 0; background-image: none; } #detail__page.microBungee .pulsar--item__section .detail--page__pos .mobile-image { display: block; } #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text { margin: 0 !important; padding: 0 20px 20px; width: 100% !important; margin-top: -34% !important; } #detail__page.microBungee .pulsar--item__section .detail--page__pos .text--contents__text .text--heading { width: 70%; } } #detail__page.microBungee .detail--page__section.item__center { padding: 120px 0; } #detail__page.microBungee .detail--page__section.item__center .title { margin-bottom: 140px; } #detail__page.microBungee .detail--page__section.item__center .title h2 { margin: 0; padding: 0; color: #fff; font-size: 40px; text-align: center; } #detail__page.microBungee .detail--page__section.item__center .title h2 strong, #detail__page.microBungee .detail--page__section.item__center .title h2 em { font-family: 'visby-cf', serif; font-weight: 300; text-transform: uppercase; } #detail__page.microBungee .detail--page__section.item__center .detail--page__pos { justify-content: space-around; } #detail__page.microBungee .show--image .show-image-wrap .mouse-image .pc { display: block; } #detail__page.microBungee .show--image .show-image-wrap .mouse-image .mobile { display: none; } @media screen and (max-width: 991px) { #detail__page.microBungee .detail--page__section.item__center .title h2 { position: relative; text-align: left; padding: 0 20px; } #detail__page.microBungee .detail--page__section.item__center .title h2 strong, #detail__page.microBungee .detail--page__section.item__center .title h2 em { font-family: 'visby-cf', serif; } #detail__page.microBungee .detail--page__section.item__center .title h2 em { text-transform: lowercase; } #detail__page.microBungee .detail--page__section.item__center .title h2:after { display: block; content: ''; position: absolute; top: 60px; width: 130px; height: 5px; background-color: #0080ff; } #detail__page.microBungee .detail--page__section.item__center .pc { display: none; } #detail__page.microBungee .detail--page__section.item__center .mobile { display: block; } #detail__page.microBungee .show--image .show-image-wrap .mouse-image .pc { display: none; } #detail__page.microBungee .show--image .show-image-wrap .mouse-image .mobile { display: block; } } #detail__page.microBungee .detail--page__view.image-center { padding: 120px 200px; } #detail__page.microBungee .detail--page__view.image-center .text--heading { margin-bottom: 140px; } #detail__page.microBungee .detail--page__view.image-center .text--heading h3 { position: relative; } #detail__page.microBungee .detail--page__view.image-center .text--heading h3:after { display: block; content: ''; position: absolute; top: 80px; width: 130px; height: 5px; background-color: #0080ff; } #detail__page.microBungee .detail--page__view.image-center .detail--page__pos { justify-content: space-around; } @media screen and (max-width: 747px) { #detail__page.microBungee .detail--page__view.image-center .text--heading h3:after { top: 60px; } } @media screen and (max-width: 474px) { #detail__page.microBungee .detail--page__view.image-center .text--heading { margin-bottom: 80px; } #detail__page.microBungee .detail--page__view.image-center .text--heading h3:after { top: 60px; } } #detail__page.microBungee .detail--page__view.image-center.bungee-contents .detail--page__pos { justify-content: center; } #detail__page.microBungee .detail--page__view.image-center.bungee-contents .detail--page__pos .text { padding-left: 80px; color: #fff; font-size: 60px; letter-spacing: -1.6px; } @media screen and (max-width: 2000px) { #detail__page.microBungee .detail--page__view.image-center { padding-right: 120px; padding-left: 120px; } } @media screen and (max-width: 1600px) { #detail__page.microBungee .detail--page__view.image-center { padding-right: 100px; padding-left: 100px; } } @media screen and (max-width: 1400px) { #detail__page.microBungee .detail--page__view.image-center { padding-right: 60px; padding-left: 60px; } } @media screen and (max-width: 1050px) { #detail__page.microBungee .detail--page__view.image-center.bungee-contents .detail--page__pos .text { padding-left: 60px; } } @media screen and (max-width: 991px) { #detail__page.microBungee .title-images .mobile { display: block !important; width: 105% !important; } #detail__page.microBungee .title-images .mobile img { transform: translate(-2%, 0) !important; } #detail__page.microBungee .detail--page__view.image-center { padding-right: 20px; padding-left: 20px; } #detail__page.microBungee .detail--page__view.image-center.bungee-contents .detail--page__pos .image img { margin: 0 auto; display: block; } #detail__page.microBungee .detail--page__view.image-center.bungee-contents .detail--page__pos .text { padding-left: 0; padding-top: 30px; text-align: center; font-size: 36px; font-family: 'visby-cf', serif; } } @media screen and (max-width: 991px) { #detail__page.microBungee .detail--page__section.item__center .title h2 { font-size: 43px; } } @media screen and (max-width: 767px) { #detail__page.microBungee .title-images .mobile { width: 110% !important; } #detail__page.microBungee .title-images .mobile img { transform: translate(-4%, -3%) !important; } } @media screen and (max-width: 747px) { #detail__page.microBungee .detail--page__section.item__center .title h2 { font-size: 36px; } } @media screen and (max-width: 474px) { #detail__page.microBungee .pulsar--item__section .text--area { margin-bottom: 0; } #detail__page.microBungee .detail--page__section.item__center { padding: 60px 0; } #detail__page.microBungee .detail--page__section.item__center .title { margin-bottom: 80px; } #detail__page.microBungee .detail--page__section.item__center .title h2 { font-size: 24px; } #detail__page.microBungee .detail--page__section.item__center .title h2:after { top: 40px; } #detail__page.microBungee .detail--page__view.image-center { padding-top: 60px; padding-bottom: 60px; } #detail__page.microBungee .detail--page__view.image-center .text--heading h3:after { top: 40px; } #detail__page.microBungee .detail--page__view.image-center.bungee-contents .detail--page__pos .text { font-size: 30px; } } @media screen and (max-width: 400px) { #detail__page.microBungee .title-images .mobile { width: 112% !important; } } #page-wrap ul { margin: 0 !important; } #page-wrap img { display: block; } #page-wrap main .bg-color { padding: 60px 0; background-color: #0080ff; } #page-wrap main img { width: 100%; } #page-wrap main .contents { margin: 0 auto; max-width: 800px; } #page-wrap main .contents .title { margin-bottom: 40px; width: 100%; } #page-wrap main .contents .title h1 { font-size: 48px; color: #fff; } #page-wrap main .contents .sentence p { font-size: 20px; color: #fff; } #page-wrap .area { padding: 120px 0; } #page-wrap .area .mechanical-switches ul:after { display: block; content: ''; clear: both; } #page-wrap .area .mechanical-switches ul li { float: left; width: 33.333%; } #page-wrap .area .mechanical-switches ul li > div { padding: 0 20px; } #page-wrap .area .mechanical-switches ul li > div .image img { margin: 0 auto; } #page-wrap .area .mechanical-switches ul li > div .contents { padding: 50px 0; } #page-wrap .area .mechanical-switches ul li > div .contents .title .main-title { margin-bottom: 10px; } #page-wrap .area .mechanical-switches ul li > div .contents .title h2 { margin: 0; padding: 0; color: #fff; font-size: 30px; text-align: center; } #page-wrap .area .mechanical-switches ul li > div .contents .title .sub-title { color: #fff; font-size: 20px; text-align: center; } #page-wrap .area .mechanical-switches ul li > div .contents .sentence p { color: #fff; font-size: 16px; min-height: 80px; } #page-wrap .area .mechanical-switches ul li > div .audio audio { display: block; margin: 0 auto; width: 100%; } #page-wrap .area .mechanical-switches ul li > div .audio .audio-info { color: #fff; text-align: center; font-size: 16px; } #page-wrap .area .mechanical-switches ul li > div .audio .audio-info p { margin-bottom: 60px; } #page-wrap .area .mechanical-switches ul li > div .graph img { display: block; } #page-wrap .area .red { color: red !important; } #page-wrap .area .blue { color: #0080ff !important; } #page-wrap .area .brown { color: #7c4b21 !important; } #page-wrap .area01 { background-color: #121212; } #page-wrap .area01 .mechanical-switches { max-width: 1400px; margin: 0 auto; } #page-wrap .compare-table { display: table; width: 100%; background-color: #000; color: #fff; } #page-wrap .compare-table .compare-table-row { display: table-row; } #page-wrap .compare-table .compare-table-cell { display: table-cell; padding: 0 20px; height: 10px; } #page-wrap .compare-table .compare-table-cell span { display: block; padding-top: 20px; text-align: center; } #page-wrap .compare-table .compare-table-cell span img { width: 100%; margin: 0 auto; max-width: 200px; } #page-wrap .compare-table .compare-table-cell span strong { font-size: 22px; color: #0080ff; line-height: 22px; margin-bottom: 10px; } #page-wrap .compare-table .bg_202020 { background-color: #202020; color: #fff; } #page-wrap .compare-table .compare-middle { vertical-align: middle; } #page-wrap .compare-table .compare-middle p { text-align: center; font-size: 18px; } #page-wrap .compare-table .compare-middle .table-row-title { font-family: "visby-cf",serif; text-align: left; font-size: 18px; margin: 0; padding: 16px 0; } #page-wrap .area02 { background-color: #121212; } #page-wrap .area02 .lunar-mechanical-switches { padding: 0 70px; } #page-wrap .area02 .lunar-mechanical-switches .title h2 { padding: 0; margin: 0 0 40px; font-size: 30px; color: #fff; text-align: center; } #page-wrap .area02 .lunar-mechanical-switches .item ul { margin: 0; padding: 0; } #page-wrap .area02 .lunar-mechanical-switches .item ul:after { display: block; content: ''; clear: both; } #page-wrap .area02 .lunar-mechanical-switches .item ul li { float: left; width: 33.333%; padding: 10px; } #page-wrap .area02 .lunar-mechanical-switches .item ul li .thumbnail-image { padding-bottom: 20%; background-size: cover; background-position: center center; background-image: url("https://i.imgur.com/ghjDmDS.jpg"); background-repeat: no-repeat; } #page-wrap .area02 .lunar-mechanical-switches .item ul li .thumbnail-image:hover img { animation-duration: 1.8s; animation-name: itemHover02; } #page-wrap .area02 .lunar-mechanical-switches .item ul li .thumbnail-image img { margin: 0 auto; width: 80%; position: relative; } #page-wrap .area02 .lunar-mechanical-switches .item ul li .title h3 { overflow: hidden; font-size: 24px; color: #fff; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 1.2em; font-family: 'visby-cf', sans-serif !important; font-weight: 300; letter-spacing: -0.9px; margin: 20px 0; } #page-wrap .area02 .lunar-mechanical-switches .item ul li .price { font-size: 18px; color: #fff; } #page-wrap .optical-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("https://ucarecdn.com/3f031c90-4d0f-4616-b777-59cac9e8f7c9/-/format/auto/-/preview/3000x3000/-/quality/lighter/"); } #page-wrap .optical-bg .opical-pro-switch .image img { margin: 0 auto; } #page-wrap .optical-bg .opical-pro-switch .title h2 { padding: 0; margin: 0; text-align: center; color: #fff; font-size: 32px; } #page-wrap .optical-bg .opical-pro-switch .link a { display: inline-block; width: 100%; text-align: center; color: #0080ff; font-size: 20px; } #page-wrap .optical-bg .opical-pro-switch .link a p { display: inline-block; font-family: 'visby-cf', serif; } @keyframes itemHover02 { 0% { bottom: 0px; } 50% { bottom: 10px; } 100% { bottom: 0px; } } @media screen and (max-width: 1178px) { #page-wrap .area .mechanical-switches ul li > div .contents .title .sub-title { height: 48px; line-height: 1.3; } } @media screen and (max-width: 1161px) { #page-wrap .area .mechanical-switches ul li > div .contents .sentence p { height: 100px; } } @media screen and (max-width: 991px) { #page-wrap .area { padding: 60px 0; } #page-wrap main .contents { padding: 0 20px; } #page-wrap main .contents .title h1 { font-size: 43px; text-align: center; } #page-wrap main .contents .sentence p { font-size: 18px; margin: 0; } #page-wrap .area02 .lunar-mechanical-switches { padding: 0 10px; } #page-wrap .area02 .lunar-mechanical-switches .item ul li .title h3 { font-size: 20px; } } @media screen and (max-width: 823px) { #page-wrap .area .mechanical-switches ul li > div .audio .audio-info p { height: 50px; } } @media screen and (max-width: 800px) { #page-wrap .area .mechanical-switches ul li > div .contents .title h2 { font-size: 26px; } } @media screen and (max-width: 767px) { #page-wrap main .contents .title h1 { font-size: 36px; } #page-wrap main .contents .sentence p { font-size: 16px; } #page-wrap .area .mechanical-switches ul li { float: inherit; width: 100%; } #page-wrap .area .mechanical-switches ul li:last-child .graph img { margin-bottom: 0; } #page-wrap .area .mechanical-switches ul li > div .contents { padding: 20px 0; } #page-wrap .area .mechanical-switches ul li > div .contents .title .sub-title { height: auto; min-height: auto; } #page-wrap .area .mechanical-switches ul li > div .contents .sentence p { height: auto; min-height: auto; } #page-wrap .area .mechanical-switches ul li > div .graph img { margin: 0 auto 60px; } #page-wrap .area .mechanical-switches ul li > div .audio .audio-info p { margin-bottom: 0; } } @media screen and (max-width: 474px) { #page-wrap main .main-image { width: 162%; margin-left: -8%; } #page-wrap main .contents .title h1 { font-size: 24px; } #page-wrap .area02 .lunar-mechanical-switches .item ul li { float: inherit; width: 100%; } } #page-wrap.switches main .title h1 { text-align: center; } #page-wrap.switches main .bg-color.bg-image { background-color: transparent; background-image: url(https://ucarecdn.com/27760c04-ca83-42c6-80a1-255c28f0b679/-/format/auto/-/preview/3000x3000/-/quality/lighter/) !important; padding-top: 290px !important; padding-bottom: 200px !important; margin-top: -90px !important; } #page-wrap.switches .area01 .mechanical-switches ul li { width: 50%; } #page-wrap.switches .area01 .mechanical-switches ul li div .image img { width: 40%; } #page-wrap.switches .area01 .mechanical-switches ul li > div { padding: 0 15%; } #page-wrap.switches .area01 .mechanical-switches ul li > div .audio audio { max-width: 300px; } #page-wrap.switches .area01 .mechanical-switches ul li > div .graph img { margin: 0 auto; } #page-wrap.switches .area02 .lunar-mechanical-switches .item ul li { transform: translateX(100%); } #page-wrap.switches .optical-bg { padding: 0; background: none; background-color: #191919; } #page-wrap.switches .optical-bg .opical-pro-switch:after { display: block; content: ''; clear: both; } #page-wrap.switches .optical-bg .opical-pro-switch .fl { float: left; width: 50%; } #page-wrap.switches .optical-bg .opical-pro-switch .fl .title h2 { font-size: 36px; } #page-wrap.switches .optical-bg .opical-pro-switch .fl.align-middle { margin-top: 17%; } @media screen and (max-width: 991px) { #page-wrap.switches .area01 .mechanical-switches ul li:first-child > div { padding-right: 5%; } #page-wrap.switches .area01 .mechanical-switches ul li:last-child > div { padding-left: 5%; } } @media screen and (max-width: 878px) { #page-wrap.switches .optical-bg .opical-pro-switch .fl.align-middle { margin-top: 13%; } } @media screen and (max-width: 871px) { #page-wrap.switches .optical-bg .opical-pro-switch .fl.align-middle { margin-top: 9%; } } @media screen and (max-width: 767px) { #page-wrap.switches .area01 .mechanical-switches ul li { width: 100%; } #page-wrap.switches .area01 .mechanical-switches ul li:first-child .graph { margin-bottom: 90px; } #page-wrap.switches .area01 .mechanical-switches ul li > div { padding: 0 20px !important; } #page-wrap.switches .area01 .mechanical-switches ul li > div .image img { max-width: 150px; } } @media screen and (max-width: 747px) { #page-wrap.switches .optical-bg .opical-pro-switch .fl { float: inherit; width: 100%; } #page-wrap.switches .optical-bg .opical-pro-switch .fl.align-middle { margin-top: -14%; padding-bottom: 18%; } } @media screen and (max-width: 474px) { #page-wrap.switches .area02 .lunar-mechanical-switches .item ul li { transform: translateX(0); } #page-wrap.switches .optical-bg .opical-pro-switch .fl.align-middle { padding: 0 20px 12%; } } @media screen and (min-width: 1920px) { .section04 .detail--page__pos .pc { margin-right: 100px; } } .item--9f2de790-8570-4c95-8ae2-cad8de5d64a2 h2 { padding: 0; margin: 0 0 10px; } @media screen and (max-width: 991px) { #detail__page .view--Wrap.break-center .mice--title { position: absolute; width: 95%; height: auto; top: 16%; left: 7%; } #detail__page .view--Wrap.control-center .mice--title { left: 4%; } } @media screen and (max-width: 1300px) { #detail__page .view--Wrap.main-center.break-center .mice--title .mice--title__image { transform: translate(-50%, -50%); } } @media screen and (max-width: 991px) { #shopify-section-mechanical-switches .area01 + .detail--page__view, #shopify-section-optical-switches .area01 + .detail--page__view { overflow-x: auto; } } #download-page { padding: 120px 0; max-width: 1200px; width: 100%; margin: 0 auto; } #download-page h2 { padding: 0; margin: 0; } #download-page ol, #download-page ul, #download-page li { margin: 0; padding: 0; } #download-page p { margin: 0; padding: 0; } #download-page a { cursor: pointer; transition: 0.2s ease-in; } #download-page a:hover { background-color: #2f75bd !important; transition: 0.3s ease-in; } #download-page .section-01 .title { margin-bottom: 60px; } #download-page .section-01 .title .main-title { margin-bottom: 20px; } #download-page .section-01 .title .main-title h2 { color: #fff; font-size: 48px; text-align: center; line-height: 1.3; } #download-page .section-01 .title .sub-title p { color: #0080ff; font-size: 22px; text-align: center; font-family: 'visby-cf', serif; line-height: 1.3; } #download-page .section-01 .image { margin-bottom: 60px; } #download-page .section-01 .image img { display: block; margin: 0 auto; } #download-page .section-02 .download .firmware-update { padding: 40px 60px 30px; background-color: #202020; border-radius: 10px; box-shadow: 14.14214px 14.14214px 17px 0 #0a0a0a !important; } #download-page .section-02 .download .firmware-update .title { margin-bottom: 20px; } #download-page .section-02 .download .firmware-update .title h2 { color: #0080ff; font-size: 40px; } #download-page .section-02 .download .firmware-update .sentence { margin-bottom: 10px; } #download-page .section-02 .download .firmware-update .sentence p { color: #fff; font-size: 18px; } #download-page .section-02 .download .firmware-update .explanatory-notes p { color: #fff; font-size: 14px; } #download-page .section-02 .compare-table { display: table; padding-top: 40px; width: 100%; } #download-page .section-02 .compare-table .compare-table-row { display: table-row; vertical-align: middle; } #download-page .section-02 .compare-table .compare-table-row:first-child .compare-table-cell { border-bottom: 1px solid #aaa; } #download-page .section-02 .compare-table .compare-table-row:first-child .compare-table-cell p { line-height: 60px; font-family: 'visby-cf', serif; } #download-page .section-02 .compare-table .compare-table-cell { display: table-cell; vertical-align: middle; } #download-page .section-02 .compare-table .compare-table-cell p { color: #fff; font-size: 18px; } #download-page .section-02 .compare-table .compare-table-cell a { display: block; width: 80%; padding: 20px 10px; text-align: center; color: #fff; background-color: #0080ff; border-radius: 4px; margin: 20px 0; transform: translateX(25%); } #download-page .section-02 .compare-table .compare-table-cell a span { font-size: 18px; } #download-page .section-02 .download-details { margin: 0 -15px; padding-top: 30px; } #download-page .section-02 .download-details ul { width: 100%; } #download-page .section-02 .download-details ul:after { display: block; content: ''; clear: both; } #download-page .section-02 .download-details ul li { float: left; width: 33.333%; text-align: center; } #download-page .section-02 .download-details ul li .icon { margin-bottom: 16px; } #download-page .section-02 .download-details ul li .icon img { display: block; margin: 0 auto; } #download-page .section-02 .download-details ul li .title h3 { color: #fff; font-size: 22px; margin-bottom: 0; } #download-page .section-02 .download-details ul li .link { margin-top: 30px; } #download-page .section-02 .download-details ul li .link a { display: block; width: 100%; background-color: #0080ff; border-radius: 4px; } #download-page .section-02 .download-details ul li .link a span { display: block; padding: 20px 0; color: #fff; font-size: 18px; } #download-page .section-02 .download-details ul li > div { margin: 0 15px; padding: 40px 30px; background-color: #202020; border-radius: 10px; box-shadow: 14px 14px 17px 0 #0a0a0a; } #download-page .pc { display: block; } #download-page .mobile { display: none; } @media screen and (max-width: 991px) { #download-page { padding-left: 20px; padding-right: 20px; } #download-page .section-02 .download .firmware-update { padding-bottom: 40px; } #download-page .pc { display: none !important; } #download-page .mobile { display: block; padding-top: 30px; } #download-page .mobile .text { padding: 20px 0; border-top: 1px solid #aaa; } #download-page .mobile .text p { color: #fff; font-size: 18px; font-family: 'visby-cf', serif; font-size: 16px; } #download-page .mobile .text small { display: block; margin-top: 10px; color: #fff; font-size: 12px; font-family: 'visby-cf', serif; } #download-page .mobile .download a span { padding: 20px 30px; background-color: #0080ff; display: inline-block; border-radius: 4px; color: #fff; font-size: 18px; } #download-page .section-02 .download-details ul li { width: 100%; margin-bottom: 20px; } #download-page .section-02 .download-details ul li:last-child { margin-bottom: 0; } #download-page .section-02 .download .firmware-update .title h2 { font-size: 36px; } #download-page .section-02 .download .firmware-update .sentence p { font-size: 16px; } #download-page .section-02 .download .firmware-update .explanatory-notes p { font-size: 12px; } #download-page .section-01 .title .main-title h2 { font-size: 43px; } #download-page .section-01 .title .sub-title p { font-size: 18px; } } @media screen and (max-width: 767px) { #download-page { padding-top: 60px; padding-bottom: 60px; } #download-page .section-01 .title .main-title h2 { font-size: 36px; } #download-page .section-02 .download .firmware-update { padding-right: 30px; padding-left: 30px; } #download-page .section-02 .download .firmware-update .title h2 { font-size: 30px; } #download-page .section-02 .download-details ul li .link a span { font-size: 16px; } #download-page .section-02 .download-details ul li .title h3 { font-size: 20px; } #download-page .mobile .download a span { font-size: 16px; } } @media screen and (max-width: 474px) { #download-page .section-01 .image { margin-bottom: 20px; } #download-page .section-01 .title { margin-bottom: 20px; } #download-page .section-01 .title .main-title h2 { font-size: 24px; } #download-page .section-01 .title .main-title .sub-title p { font-size: 16px; } #download-page .section-02 .download .firmware-update { padding: 30px 20px; } #download-page .section-02 .download .firmware-update .title h2 { font-size: 20px; } #download-page .section-02 .download .firmware-update .sentence p { font-size: 14px; } #download-page .section-02 .download-details ul li > div { padding: 30px 20px; } #download-page .section-02 .download-details ul li .title h3 { font-size: 18px; } #download-page .section-02 .download-details ul li .icon { margin-bottom: 10px; } #download-page .section-02 .download-details ul li .link { margin-top: 20px; } #download-page .mobile .text p { font-size: 14px; } #download-page .mobile .download a span { display: block; text-align: center; width: 100%; } } #download-page.container .section-02.fusion { margin-bottom: 30px; } #download-page.container .section-02.fusion .download .firmware-update:after { display: block; content: ''; clear: both; } #download-page.container .section-02.fusion .download .firmware-update .fusion-image { float: left; width: 20%; margin-top: -4%; } #download-page.container .section-02.fusion .download .firmware-update .fusion-image img { display: block; width: 100%; } #download-page.container .section-02.fusion .download .firmware-update .fusion-contents { float: left; width: 80%; padding-left: 50px; } #download-page.container .section-02.fusion .fusion-cell a { width: 100%; transform: translate(0); } #download-page.container .section-02 .compare-table .last-row .compare-table-cell { border-top: 1px solid #aaa; } #download-page.container .section-02 .compare-table .bgc-aaa a { background-color: #aaa; } #download-page.container .section-02 .compare-table .bgc-aaa a:hover { background-color: #888 !important; } #download-page.container .section-02 .compare-table .compare-table-cell a { width: 100%; transform: translateX(0); } @media screen and (max-width: 991px) { #download-page.container .mobile .version0304 { margin-bottom: 20px; } #download-page.container .mobile .version0303 a span { background-color: #aaa; } #download-page.container .mobile .download a span { width: 100%; text-align: center; } } @media screen and (max-width: 767px) { #download-page.container .section-02.fusion .download .firmware-update .fusion-image { margin-top: -7%; float: inherit; width: 100%; } #download-page.container .section-02.fusion .download .firmware-update .fusion-image img { width: 30%; } #download-page.container .section-02.fusion .download .firmware-update .fusion-contents { float: inherit; width: 100%; padding-left: 0; } } @media screen and (max-width: 474px) { #download-page.container .section-02.fusion .download .firmware-update .fusion-image img { width: 40%; margin: 0 auto; } } #download-page .download-details ul li .icon { width: 100%; height: auto; } #download-page .download-details ul li .icon img { display: block; width: 25%; margin: 0 auto; max-width: 80px; } #download-page.container .section-02.xlite .firmware-update:after { display: block; content: ''; clear: both; } #download-page.container .section-02.xlite .firmware-update .xlite-image { float: left; width: 20%; } #download-page.container .section-02.xlite .firmware-update .xlite-contents { float: left; padding-left: 50px; width: 80%; } #download-page.container .section-02.xlite .firmware-update .xlite-contents .description span { display: block; } #download-page.container .section-02.xlite .firmware-update .xlite-contents .description span:first-child { margin-bottom: 10px; } #download-page.container .section-02.xlite .firmware-update .xlite-contents .description span span { display: block; margin-left: 10px; } #download-page.container .section-02.xlite .firmware-update .mobile small span { display: block; } @media screen and (max-width: 767px) { #download-page.container .section-02.xlite .firmware-update .xlite-image { float: inherit; width: 100%; margin-bottom: 30px; } #download-page.container .section-02.xlite .firmware-update .xlite-image img { display: block; } #download-page.container .section-02.xlite .firmware-update .xlite-contents { float: inherit; padding: 0; width: 100%; } } @media screen and (max-width: 474px) { #download-page.container .section-02.xlite .firmware-update .xlite-image { margin-bottom: 20px; } } #download.container { width: 100%; } #download.container h2, #download.container h3, #download.container ul, #download.container li, #download.container p { margin: 0; padding: 0; } #download.container .main-contents .background-image { padding-top: 11%; padding-bottom: 11%; background-image: url(https://ucarecdn.com/abc65a5e-8e63-4712-8d51-8f9e55310c3d/-/format/auto/-/preview/3000x3000/-/quality/lighter/); background-position: center center; background-size: cover; background-repeat: no-repeat; } #download.container .main-contents .background-image h2 { font-size: 48px; color: #0080ff; margin: 0; padding: 0; text-align: center; } #download.container .download-list { margin: 0 auto; padding: 120px 0; max-width: 1200px; width: 100%; } #download.container .download-list .sentence { margin-bottom: 120px; } #download.container .download-list .sentence p { font-size: 22px; color: #fff; text-align: center; } #download.container .download-list .download-link ul { margin: -10px; } #download.container .download-list .download-link ul:after { display: block; content: ''; clear: both; } #download.container .download-list .download-link ul li { padding: 10px; float: left; width: 25%; } #download.container .download-list .download-link ul li .card { padding: 30px 20px; background-color: #202020; border-radius: 10px; box-shadow: 14px 14px 17px 0 #0a0a0a; } #download.container .download-list .download-link ul li .card .card-img { margin-bottom: 20px; } #download.container .download-list .download-link ul li .card .card-img a { display: block; } #download.container .download-list .download-link ul li .card .card-img a img { display: block; margin: 0 auto; width: auto; } #download.container .download-list .download-link ul li .card .card-title h3 { margin-bottom: 20px; min-height: 72px; } #download.container .download-list .download-link ul li .card .card-title h3 span { display: block; color: #fff; font-size: 20px; text-align: center; } #download.container .download-list .download-link ul li .card .card-button a { display: block; width: 100%; } #download.container .download-list .download-link ul li .card .card-button a span { display: block; padding: 20px; width: 100%; color: #fff; text-align: center; font-size: 16px; background-color: #0080ff; border-radius: 4px; transition: 0.2s ease-in; } #download.container .download-list .download-link ul li .card .card-button a:hover span { background-color: #2f75bd; transition: 0.3s ease-in; } @media screen and (max-width: 1200px) { #download.container .download-list { padding-right: 20px; padding-left: 20px; } #download.container .download-list .download-link ul li { width: 33.333%; } } @media screen and (max-width: 991px) { #download.container .main-contents .background-image { padding-top: 14%; padding-bottom: 14%; background-size: 130%; background-position: 100% center; } #download.container .main-contents .background-image .title h2 { font-size: 43px; text-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); } #download.container .main-contents .background-image .title h2 span { display: block; } #download.container .download-list { padding-top: 60px; padding-bottom: 60px; } #download.container .download-list .sentence { margin-bottom: 60px; } #download.container .download-list .sentence p { font-size: 18px; } #download.container .download-list .download-link ul li .card .card-title h3 { min-height: 58px; } #download.container .download-list .download-link ul li .card .card-title h3 span { font-size: 16px; } } @media screen and (max-width: 767px) { #download.container .main-contents .background-image .title h2 { font-size: 36px; } #download.container .download-list .sentence p { font-size: 16px; } #download.container .download-list .download-link ul li { width: 50%; } #download.container .download-list .download-link ul li .card .card-button a span { font-size: 14px; } } @media screen and (max-width: 474px) { #download.container .main-contents .background-image { padding-top: 20%; padding-bottom: 20%; background-size: 180%; } #download.container .main-contents .background-image .title h2 { font-size: 24px; } #download.container .download-list .download-link ul li { width: 100%; } #download.container .download-list .download-link ul li .card .card-img { margin-bottom: 0; } #download.container .download-list .download-link ul li .card .card-title h3 { margin-bottom: 30px; min-height: auto; } #download.container .download-list .download-link ul li:first-child .card .card-img { margin-bottom: 20px; } } #about-page.wrap .container { overflow: hidden; position: relative; } #about-page.wrap .container .contents { position: absolute; top: 120px; left: 50%; transform: translateX(-50%); min-width: 1260px; } #about-page.wrap .container .contents .description { padding-top: 60px; } #about-page.wrap .container .contents .description:after { display: block; content: ''; clear: both; } #about-page.wrap .container .contents .description .image, #about-page.wrap .container .contents .description .sentence { float: left; width: 50%; } #about-page.wrap .container .contents .description .sentence { padding-left: 50px; } #about-page.wrap .container .contents .description .sentence p { margin: 0 0 31px; color: #fff; font-size: 18px; } #about-page.wrap .container .contents .description .sentence p span { display: block; } @media screen and (max-width: 1260px) { #about-page.wrap .stars-wrapper { height: 1200px; } #about-page.wrap .container .contents { min-width: 1024px; } #about-page.wrap .container .contents .description .sentence { padding-left: 40px; } #about-page.wrap .container .contents .description .sentence p { margin-bottom: 23px; font-size: 16px; line-height: 1.4; } } @media screen and (max-width: 1024px) { #about-page.wrap .stars-wrapper { height: 1620px; } #about-page.wrap .container .contents .description .image, #about-page.wrap .container .contents .description .sentence { float: inherit; width: 100%; } #about-page.wrap .container .contents .description .image img { display: block; margin: 0 auto; width: calc(100% - 40px); max-width: 500px; } #about-page.wrap .container .contents .description .sentence { padding: 40px 0 0; margin: 0 auto; max-width: 700px; width: calc(100% - 40px); } } @media screen and (max-width: 991px) { #about-page.wrap .stars-wrapper { height: 1480px; } #about-page.wrap .container .contents { top: 60px; } #about-page.wrap .container .contents .description { padding-top: 20px; } #about-page.wrap .container .contents .description .sentence { max-width: 600px; } } @media screen and (max-width: 650px) { #about-page.wrap .container .contents { min-width: auto; width: 100%; } #about-page.wrap .container .contents .description .image img { max-width: 400px; } #about-page.wrap .container .contents .description .sentence { max-width: 450px; } } @media screen and (max-width: 474px) { #about-page.wrap .stars-wrapper { height: 1500px; } } @media screen and (max-width: 456px) { #about-page.wrap .stars-wrapper { height: 1520px; } } @media screen and (max-width: 440px) { #about-page.wrap .stars-wrapper { height: 1540px; } } @media screen and (max-width: 380px) { #about-page.wrap .hello-parent { padding-left: 20px; } #about-page.wrap .stars-wrapper { height: 1580px; } } @media screen and (max-width: 337px) { #about-page.wrap .stars-wrapper { height: 1620px; } } @media screen and (max-width: 300px) { #about-page.wrap .stars-wrapper { height: 1700px; } } .contact-us { padding: 120px 0; background-color: #202020; } .contact-us h1, .contact-us h2, .contact-us ul, .contact-us li, .contact-us p { margin: 0; padding: 0; } .contact-us .contact-wrap { max-width: 1200px; margin: 0 auto; width: 100%; } .contact-us .contact-wrap .contact-contents .title { margin-bottom: 60px; } .contact-us .contact-wrap .contact-contents .title .page-title { color: #fff; font-size: 48px; } .contact-us .contact-wrap .contact-contents .description { margin-bottom: 60px; } .contact-us .contact-wrap .contact-contents .description .desc { margin-bottom: 20px; } .contact-us .contact-wrap .contact-contents .description .desc p { color: #fff; font-size: 18px; } .contact-us .contact-wrap .contact-contents .description .desc p span { color: #0080ff; } .contact-us .contact-wrap .contact-contents .description .desc p strong { color: #ff9900; } .contact-us .contact-wrap .form-contents { padding: 120px 0; margin: 0; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar__moon.png?v=1624410149"); background-repeat: no-repeat; background-size: auto; background-position: center center; } .contact-us .contact-wrap .form-contents form { padding: 0 200px; } .contact-us .contact-wrap .form-contents form button { margin: 50px auto 0; width: 260px; height: 60px; font-size: 20px; transition: 0.2s ease-in; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5); } .contact-us .contact-wrap .form-contents form button:hover { color: #fff; background-color: #2f75bd; transition: 0.3s ease-in; } .contact-us .contact-wrap .form-contents input { padding: 20px 26px; color: #fff; font-size: 20px; background-color: rgba(0, 0, 0, 0.7); border: 0 none; } .contact-us .contact-wrap .form-contents textarea { padding: 20px 26px; height: 400px; color: #fff; font-size: 20px; background-color: rgba(0, 0, 0, 0.7); border: 0 none; resize: none; } .contact-us .contact-wrap .form-contents input::placeholder, .contact-us .contact-wrap .form-contents textarea::placeholder { color: #fff; font-size: 20px; } .contact-us .contact-wrap .form-contents input:-webkit-autofill, .contact-us .contact-wrap .form-contents input:-webkit-autofill:hover, .contact-us .contact-wrap .form-contents input:-webkit-autofill:focus, .contact-us .contact-wrap .form-contents textarea:-webkit-autofill, .contact-us .contact-wrap .form-contents textarea:-webkit-autofill:hover, .contact-us .contact-wrap .form-contents textarea:-webkit-autofill:focus, .contact-us .contact-wrap .form-contents select:-webkit-autofill, .contact-us .contact-wrap .form-contents select:-webkit-autofill:hover, .contact-us .contact-wrap .form-contents select:-webkit-autofill:focus { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } .contact-us .contact-wrap .office-address { margin-top: 60px; } .contact-us .contact-wrap .office-address ul:after { display: block; content: ''; clear: both; } .contact-us .contact-wrap .office-address ul li { float: left; width: 50%; } .contact-us .contact-wrap .office-address ul li .title h2 { position: relative; margin-bottom: 20px; color: #fff; font-size: 36px; font-family: 'visby-cf', serif; } .contact-us .contact-wrap .office-address ul li .title h2:after { display: block; content: ''; position: absolute; bottom: -20px; left: 0; width: 130px; height: 3px; background-color: #0080ff; } .contact-us .contact-wrap .office-address ul li .text { padding-top: 40px; } .contact-us .contact-wrap .office-address ul li .text p { color: #fff; font-size: 18px; } .contact-us .contact-wrap .office-address ul li:first-child { padding-right: 120px; } .contact-us .contact-wrap .office-address ul li:last-child { padding-left: 120px; } @media screen and (max-width: 1200px) { .contact-us .contact-wrap { max-width: 1024px; } .contact-us .contact-wrap .form-contents form { padding: 0 160px; } .contact-us .contact-wrap .office-address ul li:first-child { padding-right: 100px; } .contact-us .contact-wrap .office-address ul li:last-child { padding-left: 100px; } } @media screen and (max-width: 1024px) { .contact-us .contact-wrap { padding: 0 20px; } .contact-us .contact-wrap .form-contents form { padding: 0 120px; } .contact-us .contact-wrap .office-address ul li:first-child { padding-right: 60px; } .contact-us .contact-wrap .office-address ul li:last-child { padding-left: 60px; } } @media screen and (max-width: 991px) { .contact-us { padding: 60px 0; } .contact-us .contact-wrap .contact-contents .title { margin-bottom: 30px; } .contact-us .contact-wrap .contact-contents .title .page-title { font-size: 43px; } .contact-us .contact-wrap .contact-contents .description { margin-bottom: 50px; } .contact-us .contact-wrap .contact-contents .description .desc p { font-size: 16px; } .contact-us .contact-wrap .form-contents { padding: 60px 0; background-size: contain; } .contact-us .contact-wrap .form-contents textarea { height: 300px; } .contact-us .contact-wrap .form-contents input, .contact-us .contact-wrap .form-contents textarea, .contact-us .contact-wrap .form-contents input::placeholder, .contact-us .contact-wrap .form-contents textarea::placeholder { font-size: 18px; } .contact-us .contact-wrap .office-address ul li .title h2 { font-size: 30px; } .contact-us .contact-wrap .office-address ul li .text p { font-size: 16px; } } @media screen and (max-width: 840px) { .contact-us .contact-wrap .form-contents form { padding: 0 100px; } .contact-us .contact-wrap .office-address ul li:first-child { padding-right: 30px; } .contact-us .contact-wrap .office-address ul li:last-child { padding-left: 30px; } } @media screen and (max-width: 767px) { .contact-us .contact-wrap .contact-contents .title .page-title { font-size: 36px; } .contact-us .contact-wrap .form-contents form { padding: 0 60px; } .contact-us .contact-wrap .form-contents form button { margin-top: 40px; font-size: 18px; } .contact-us .contact-wrap .form-contents textarea { height: 250px; } .contact-us .contact-wrap .form-contents input, .contact-us .contact-wrap .form-contents textarea, .contact-us .contact-wrap .form-contents input::placeholder, .contact-us .contact-wrap .form-contents textarea::placeholder { font-size: 16px; } .contact-us .contact-wrap .office-address ul li:first-child { padding-right: 10px; } .contact-us .contact-wrap .office-address ul li:last-child { padding-left: 10px; } .contact-us .contact-wrap .office-address ul li .title h2 { font-size: 24px; } .contact-us .contact-wrap .office-address ul li .title h2:after { bottom: -16px; } .contact-us .contact-wrap .office-address ul li .text { padding-top: 30px; } } @media screen and (max-width: 676px) { .contact-us .contact-wrap .form-contents form { padding: 0 40px; } .contact-us .contact-wrap .form-contents textarea { height: 200px; } } @media screen and (max-width: 474px) { .contact-us .contact-wrap .contact-contents .title .page-title { font-size: 24px; } .contact-us .contact-wrap .form-contents { background-position: top; } .contact-us .contact-wrap .form-contents form { padding: 0; } .contact-us .contact-wrap .form-contents form button { width: 100%; font-size: 16px; } .contact-us .contact-wrap .form-contents input, .contact-us .contact-wrap .form-contents textarea { padding: 14px 20px; } .contact-us .contact-wrap .office-address { margin: 0; } .contact-us .contact-wrap .office-address ul li { float: inherit; width: 100%; } .contact-us .contact-wrap .office-address ul li:first-child, .contact-us .contact-wrap .office-address ul li:last-child { padding: 0; } .contact-us .contact-wrap .office-address ul li:last-child { padding-top: 74px; } .contact-us .contact-wrap .office-address ul li .title h2 { font-size: 20px; } .contact-us .contact-wrap .office-address ul li .text { padding-top: 20px; } } .sub-page { padding: 120px 0; } .sub-page h1, .sub-page h2, .sub-page h3, .sub-page ul, .sub-page ol, .sub-page li, .sub-page p { margin: 0; padding: 0; } .sub-page .container { margin: 0 auto; max-width: 1200px; width: 100%; } .sub-page .container .main { margin-bottom: 100px; } .sub-page .container .main .title { position: relative; margin-bottom: 120px; } .sub-page .container .main .title h1 { font-size: 48px; text-align: center; } .sub-page .container .main .title:after { display: block; content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 130px; height: 3px; background-color: #0080ff; } .sub-page .container .main .icon-contents ul:after { display: block; content: ''; clear: both; } .sub-page .container .main .icon-contents ul li { float: left; width: 50%; } .sub-page .container .main .icon-contents ul li .icon { margin: 0 auto; width: 25%; } .sub-page .container .main .icon-contents ul li .icon img { display: block; } .sub-page .container .main .icon-contents ul li .icon-desc { padding-top: 10px; text-align: center; } .sub-page .container .main .icon-contents ul li .icon-desc p { font-size: 18px; font-family: 'visby-cf', serif; } .sub-page .container .main .icon-and-description ul li > div { display: table; } .sub-page .container .main .icon-and-description ul li div .icon, .sub-page .container .main .icon-and-description ul li div .description { display: table-cell; vertical-align: middle; } .sub-page .container .main .icon-and-description ul li div .icon { width: 30%; } .sub-page .container .main .icon-and-description ul li div .icon img { display: block; margin: 0 auto; width: 40%; } .sub-page .container .main .icon-and-description ul li div .description { width: 70%; } .sub-page .container .main .icon-and-description ul li div .description p { font-size: 16px; } .sub-page .container .main.m0 { margin: 0; } .sub-page .container .description > .title { margin-bottom: 40px; } .sub-page .container .description .title h2 { font-size: 24px; text-align: center; } .sub-page .container .description .title.text-align-left { margin-bottom: 40px; } .sub-page .container .description .title.text-align-left h2 { text-align: left; } .sub-page .container .description .title-list-wrap { margin-bottom: 60px; } .sub-page .container .description .title-list-wrap ul li { margin-bottom: 10px; font-family: 'visby-cf', serif; } .sub-page .container .description .title-list-wrap ul li a { color: #0080ff; } .sub-page .container .description .title-list-wrap ul li strong { color: #f90; } .sub-page .container .description .title-list-wrap .list-container { padding: 0 0 0 20px; } .sub-page .container .description .title-list-wrap .list-container li { position: relative; margin-left: 20px; } .sub-page .container .description .title-list-wrap .list-container li:before { display: block; content: ''; position: absolute; top: 8px; left: -20px; width: 4px; height: 4px; border-radius: 50%; background-color: #000; } .sub-page .container .description .explanation ul li a { color: #0080ff; } .sub-page .container .description .explanation ul li .list-wrap { margin-bottom: 50px; } .sub-page .container .description .explanation ul li .list-wrap .title h3 { margin-bottom: 20px; font-size: 16px; } .sub-page .container .description .explanation ul li .list-wrap .title .color-0080ff { color: #0080ff; } .sub-page .container .description .explanation ul li p { margin-bottom: 10px; } .sub-page .container .description .explanation ul li .first-star { margin: 30px 0; } .sub-page .container .description .explanation ul li ol li { margin-bottom: 10px; font-family: 'visby-cf', serif; } .sub-page .container .description .explanation ul li:last-child .list-wrap { margin-bottom: 0; } .sub-page .container .description .explanation .last-contents-list .copy-right-pulsar { margin-top: 40px; } @media screen and (max-width: 1240px) { .sub-page .container { max-width: 1024px; } } @media screen and (max-width: 1024px) { .sub-page .container { max-width: 100%; padding: 0 20px; } } @media screen and (max-width: 991px) { .sub-page { padding: 60px 0; } .sub-page .container .main { margin-bottom: 60px; } .sub-page .container .main .title { margin-bottom: 60px; } .sub-page .container .main .title h1 { font-size: 43px; } .sub-page .container .main .icon-and-description ul li div .icon { width: 20%; } .sub-page .container .main .icon-and-description ul li div .icon img { width: 70%; } .sub-page .container .main .icon-and-description ul li div .description { width: 80%; } .sub-page .container .description > .title { margin-bottom: 30px; } .sub-page .container .description .title.text-align-left { margin-bottom: 30px; } .sub-page .container .description .title-list-wrap { margin-bottom: 40px; } .sub-page .container .description .title-list-wrap .list-container { padding: 0; } .sub-page .container .description .title-list-wrap .list-container li { margin-left: 13px; } .sub-page .container .description .title-list-wrap .list-container li:before { left: -10px; } .sub-page .container .description .explanation ul li .list-wrap { margin-bottom: 40px; } } @media screen and (max-width: 767px) { .sub-page .container .main .title h1 { font-size: 36px; } .sub-page .container .main .icon-contents ul li .icon-desc p { font-size: 16px; } .sub-page .container .main .icon-and-description ul li div .icon { width: 30%; } .sub-page .container .main .icon-and-description ul li div .icon img { width: 70%; } .sub-page .container .main .icon-and-description ul li div .description { width: 70%; } .sub-page .container .description .title h2 { font-size: 20px; } } @media screen and (max-width: 676px) { .sub-page .container .main .icon-and-description ul li > div { display: block; width: 100%; margin-bottom: 40px; } .sub-page .container .main .icon-and-description ul li div .icon, .sub-page .container .main .icon-and-description ul li div .description { display: block; width: 100%; } .sub-page .container .main .icon-and-description ul li div .icon img { width: 40%; } .sub-page .container .main .icon-and-description ul li:last-child > div { margin-bottom: 0; } } @media screen and (max-width: 474px) { .sub-page .container .main .title h1 { font-size: 24px; } .sub-page .container .main .icon-contents ul li { margin-bottom: 20px; float: inherit; width: 100%; } .sub-page .container .main .icon-contents ul li .icon-desc p { font-size: 14px; } .sub-page .container .description .title h2 { text-align: left; font-size: 16px; } } #refund-policy #MainContent, #privacy-policy #MainContent, #terms-of-service #MainContent { padding-top: 0; } #refund-policy #MainContent .shopify-policy__container, #privacy-policy #MainContent .shopify-policy__container, #terms-of-service #MainContent .shopify-policy__container { padding: 100px 0; max-width: 1200px; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__title, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__title, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__title { position: relative; margin-bottom: 120px; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__title h1, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__title h1, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__title h1 { margin-bottom: 0 !important; font-size: 48px; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__title h1:after, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__title h1:after, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__title h1:after { display: block; content: ''; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 130px; height: 3px; background-color: #0080ff; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__body .rte, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte { margin-bottom: 0; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__body .rte p, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte p, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte p { margin: 0 !important; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__body .rte p a, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte p a, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte p a { color: #0080ff; } #refund-policy #MainContent .shopify-policy__container .shopify-policy__body .rte p strong, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte p strong, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte p strong { font-family: 'visby-cf', serif; } #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte { font-family: 'visby-cf', serif; } #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte a, #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte span, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte a, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte span { color: #0080ff !important; } #privacy-policy #MainContent .shopify-policy__container .shopify-policy__body .rte strong, #terms-of-service #MainContent .shopify-policy__container .shopify-policy__body .rte strong { font-family: 'visby-cf', serif; } @media screen and (max-width: 1240px) { #refund-policy #MainContent.main-content .shopify-policy__container, #privacy-policy #MainContent.main-content .shopify-policy__container, #terms-of-service #MainContent.main-content .shopify-policy__container { max-width: 1024px; } } @media screen and (max-width: 1024px) { #refund-policy #MainContent.main-content .shopify-policy__container, #privacy-policy #MainContent.main-content .shopify-policy__container, #terms-of-service #MainContent.main-content .shopify-policy__container { max-width: 100%; padding: 120px 20px; } } @media screen and (max-width: 991px) { #refund-policy #MainContent.main-content .shopify-policy__container, #privacy-policy #MainContent.main-content .shopify-policy__container, #terms-of-service #MainContent.main-content .shopify-policy__container { padding: 60px 20px; } #refund-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title, #privacy-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title, #terms-of-service #MainContent.main-content .shopify-policy__container .shopify-policy__title { margin-bottom: 60px; } #refund-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title h1, #privacy-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title h1, #terms-of-service #MainContent.main-content .shopify-policy__container .shopify-policy__title h1 { font-size: 43px; } } @media screen and (max-width: 767px) { #refund-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title h1, #privacy-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title h1, #terms-of-service #MainContent.main-content .shopify-policy__container .shopify-policy__title h1 { font-size: 36px; } } @media screen and (max-width: 474px) { #refund-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title h1, #privacy-policy #MainContent.main-content .shopify-policy__container .shopify-policy__title h1, #terms-of-service #MainContent.main-content .shopify-policy__container .shopify-policy__title h1 { font-size: 24px; } } #detail__page.keycap .text--area { padding-top: 0; } #detail__page.keycap .view--Wrap .mice--title { width: 130%; position: relative; left: 50%; top: 10%; transform: translateX(-50%); } #detail__page.keycap .view--Wrap .mice--title .mice--title__image { width: 100%; animation: none; position: initial; transform: none; top: inherit; } #detail__page.keycap .view--Wrap .mice--title .mice--title__image img { width: 100%; } #detail__page.keycap .detail--page__section.pdt120 { padding: 120px 0 0; } #detail__page.keycap .detail--page__section.pdt120 .detail--page__pos { display: block; } #detail__page.keycap .detail--page__section.pdt120 .detail--page__pos .text--heading h3 { text-align: center; } #detail__page.keycap .detail--page__section.pdt120 .detail--page__pos .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.pdt120 .detail--page__pos .text--area { padding-top: 0px; margin-bottom: 100px; text-align: center; } #detail__page.keycap .detail--page__section.pdt120 .detail--page__pos .text--area p { color: #0080ff; } #detail__page.keycap .detail--page__section.pdt120 .detail--page__pos .keycap_104_set img { display: block; margin: 0 auto; width: auto; } #detail__page.keycap .detail--page__section.pdt120 .text--contents__text { width: 100%; margin: 50px 0 0; } #detail__page.keycap .gradient_grey { padding: 0; background: #929292; background: -moz-linear-gradient(-45deg, #929292 0%, #161616 100%); background: -webkit-linear-gradient(-45deg, #929292 0%, #161616 100%); background: linear-gradient(135deg, #929292 0%, #161616 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292', endColorstr='#161616',GradientType=1 ); } #detail__page.keycap .gradient_grey .detail--page__pos .text--contents__images { margin-top: 0; padding-left: 10%; } #detail__page.keycap .gradient_grey .detail--page__pos .text--contents__images img { width: 100%; } #detail__page.keycap .gradient_grey .detail--page__pos .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.ergonomics .detail--page__pos .text--contents__images { margin: 0; padding-right: 10%; } #detail__page.keycap .detail--page__section.ergonomics .detail--page__pos .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos { display: block; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .text--contents__text { margin: 0; width: 100%; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .text--contents__text .text--heading { text-align: center; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .text--contents__text .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .text--contents__text .text--area { margin-bottom: 120px; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .text--contents__text .text--area p { text-align: center; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .standard_ansi_layout img { display: block; margin: 0 auto; width: auto; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .sub-text { padding-top: 60px; margin-bottom: 60px; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .sub-text p { margin: 0; color: #fff; font-size: 20px; text-align: center; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .sub-text p span { color: #0080ff; } #detail__page.keycap .detail--page__section.grey { padding: 0; background-color: #232323; } #detail__page.keycap .detail--page__section.grey .text--contents__text { margin: 0; width: 40%; } #detail__page.keycap .detail--page__section.grey .text--contents__text .text--heading { margin: 0; } #detail__page.keycap .detail--page__section.grey .text--contents__text h3:after { display: none; } #detail__page.keycap .detail--page__section.grey .text--contents__images { margin: 0; padding-left: 10%; width: 60%; } #detail__page.keycap .detail--page__section.grey .text--contents__images img { display: block; width: 100%; } #detail__page.keycap .detail--page__section.image-top { padding-top: 0; margin-bottom: -240px; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap { background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(left, #ebebeb 0%, #9e9c9c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ebebeb 0%, #9e9c9c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ebebeb 0%, #9e9c9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#9e9c9c',GradientType=1 ); /* IE6-9 */ } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__images { position: relative; top: -180px; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__images .image-wrap img { display: block; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text { width: 30% !important; padding-left: 0; margin: -180px 0 0; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text .text--heading h3 { color: #000; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text .text--area p span { display: block; margin-bottom: 0; color: #000; line-height: 1.3; } #detail__page.keycap .detail--page__section.keycap_num { background-color: #313131; padding: 120px 0; } #detail__page.keycap .detail--page__section.keycap_num .text--heading { margin-bottom: 120px; } #detail__page.keycap .detail--page__section.keycap_num .text--heading h3 span { line-height: 1.2; } #detail__page.keycap .detail--page__section.keycap_num .keycap_model .white { padding-top: 100px; } #detail__page.keycap .detail--page__section.customize-wrap { padding: 120px 0; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos { display: block; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text { margin: 0; padding-top: 60px; width: 100%; text-align: center; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .text--heading h3 span { display: block; line-height: 1.2; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .customize-link { margin-bottom: 120px; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .customize-link a { display: block; background-color: #0080ff; padding: 20px 0; width: 300px; color: #fff; font-size: 20px; text-align: center; border-radius: 4px; transition: 0.2s ease-in; cursor: pointer; margin: 0 auto; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .customize-link a:hover { transition: 0.3s ease-in; background-color: #2f75bd; } #product_id-7052609618089-swatch-0-black + label span, #product_id-7052609618089-swatch-0-white + label span { background-color: transparent !important; background-size: 90%; background-position: center center; } #product_id-7052609618089-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_us_ansi_black.png?v=1624839647") !important; } #product_id-7052609618089-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_us_ansi_white.png?v=1624839662") !important; } @media screen and (max-width: 1600px) { #detail__page.keycap .view--Wrap .mice--title { max-width: 1500px; } } @media screen and (max-width: 1500px) { #detail__page.keycap .view--Wrap .mice--title { width: 120%; } } @media screen and (max-width: 1440px) { #detail__page.keycap .detail--page__section.image-top { margin-bottom: -150px; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__images { top: -90px; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text { width: 40% !important; margin: -90px 0 0; padding-left: 3%; } } @media screen and (max-width: 1400px) { #detail__page.keycap .view--Wrap .mice--title { width: 110%; } } @media screen and (max-width: 1300px) { #detail__page.keycap .view--Wrap .mice--title { width: 100%; } } #detail__page.keycap .mice--title__image.pc { display: block; } #detail__page.keycap .mice--title__image.mobile { display: none; } #detail__page.keycap .mice--color--swatch.pc { display: block; } #detail__page.keycap .mice--color--swatch.mobile { display: none; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__text.pc { display: block; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__text.mobile { display: none; } #detail__page.keycap .detail--page__section.grey .text--contents__images.pc { display: block; } #detail__page.keycap .detail--page__section.grey .text--contents__images.mobile { display: none; } #detail__page.keycap .detail--page__section.image-top .image-wrap.pc { display: block; } #detail__page.keycap .detail--page__section.image-top .image-wrap.mobile { display: none; } #detail__page.keycap .detail--page__section.keycap_num .black .pc, #detail__page.keycap .detail--page__section.keycap_num .white .pc { display: block; } #detail__page.keycap .detail--page__section.keycap_num .black .mobile, #detail__page.keycap .detail--page__section.keycap_num .white .mobile { display: none; } @media screen and (max-width: 991px) { #detail__page.keycap .view--Wrap .mice--title { padding: 0; } #detail__page.keycap .mice--title__image.pc { display: none; } #detail__page.keycap .mice--title__image.mobile { display: block; } #detail__page.keycap .mice--color--swatch.pc { display: none; } #detail__page.keycap .mice--color--swatch.mobile { display: block; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__text.pc { display: none; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__text.mobile { padding-right: 20px; display: block; margin: 0; width: 100%; padding-top: 30px; padding-bottom: 60px; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__text.mobile .text--heading h3 span { display: block; text-align: center; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__text.mobile .text--area { margin: 0; } #detail__page.keycap .detail--page__section.gradient_grey .text--contents__images { width: 100%; padding: 0; } #detail__page.keycap .detail--page__section.pdt120.keycapSet { padding: 0; } #detail__page.keycap .detail--page__section.pdt120.keycapSet .text--contents__text { margin-top: 60px; } #detail__page.keycap .detail--page__section.pdt120.keycapSet .text--area { margin-bottom: 30px; } #detail__page.keycap .detail--page__section.ergonomics { padding: 60px 0; } #detail__page.keycap .detail--page__section.ergonomics .detail--page__pos .text--contents__images { padding: 0; width: 100%; } #detail__page.keycap .detail--page__section.ergonomics .detail--page__pos .text--contents__text { margin: 0; padding-top: 20px; width: 100%; text-align: center; } #detail__page.keycap .detail--page__section.display-block { padding: 0; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .text--contents__text .text--area { margin-bottom: 60px; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .sub-text { padding-top: 30px; } #detail__page.keycap .detail--page__section.display-block .detail--page__pos .sub-text p { font-size: 16px; } #detail__page.keycap .detail--page__section.grey { padding: 60px 0 120px; } #detail__page.keycap .detail--page__section.grey .text--heading { margin-bottom: 60px !important; } #detail__page.keycap .detail--page__section.grey .text--heading h3 { width: 70%; margin: 0 auto; text-align: center; } #detail__page.keycap .detail--page__section.grey .text--contents__text, #detail__page.keycap .detail--page__section.grey .text--contents__images { width: 100%; } #detail__page.keycap .detail--page__section.grey .text--contents__images.pc { display: none; } #detail__page.keycap .detail--page__section.grey .text--contents__images.mobile { display: block; } #detail__page.keycap .detail--page__section.image-top { padding: 0; margin: 0; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap { background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #9e9c9c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%, #9e9c9c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%, #9e9c9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#9e9c9c',GradientType=0 ); /* IE6-9 */ } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text { width: 100% !important; } #detail__page.keycap .detail--page__section.image-top .image-wrap.pc { display: none; } #detail__page.keycap .detail--page__section.image-top .image-wrap.mobile { display: block; } #detail__page.keycap .detail--page__section.image-top .text--contents__images { top: -100px !important; } #detail__page.keycap .detail--page__section.image-top .text--contents__text { padding-left: 20px !important; } #detail__page.keycap .detail--page__section.image-top .text--area { padding: 0 0 60px; margin: 0; } #detail__page.keycap .detail--page__section.keycap_num { padding: 60px 0; } #detail__page.keycap .detail--page__section.keycap_num .detail--page__section.pdt120 .text--contents__text { margin: 0; } #detail__page.keycap .detail--page__section.keycap_num .black .pc, #detail__page.keycap .detail--page__section.keycap_num .white .pc { display: none; } #detail__page.keycap .detail--page__section.keycap_num .black .mobile, #detail__page.keycap .detail--page__section.keycap_num .white .mobile { display: block; } #detail__page.keycap .detail--page__section.keycap_num .keycap_model .white { padding-top: 50px; } #detail__page.keycap .detail--page__section.keycap_num .text--heading { margin: 0 0 30px; } #detail__page.keycap .detail--page__section.pdt120 .text--contents__text { margin: 0; } #detail__page.keycap .detail--page__section.customize-wrap { padding: 60px 0; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .customize-link { margin-bottom: 60px; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .customize-link a { font-size: 14px; } #detail__page.keycap .view--Wrap .mice--title { top: 50px !important; } #detail__page.keycap .view--Wrap .mice--title .mice--title__image { margin-top: 0; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__images { top: -50px !important; } #detail__page.keycap .detail--page__section.image-top .gradient-wrap .text--contents__text { margin: -50px 0 0; } } @media screen and (max-width: 384px) { #detail__page.keycap .detail--page__section.grey .text--heading h3 { width: 90%; } #detail__page.keycap .detail--page__section.customize-wrap .detail--page__pos .text--contents__text .customize-link a { width: 100%; } } #product_id-7054468186281-swatch-0-black + label span { background-color: transparent !important; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_kr_ansi_black_img.png?v=1624928560") !important; background-size: 90%; } #product_id-7054468186281-swatch-0-white + label span { background-color: transparent !important; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_kr_ansi_white_img.png?v=1624928576") !important; background-size: 90%; } @media screen and (max-width: 474px) { .swatches-fake.swatches-fake--hover { display: none; } } #product_id-7054692090025-swatch-0-black + label span { background-color: transparent !important; background-size: 90%; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Keycap_ISO_Black_1.png?v=1624939510") !important; } #product_id-7054692090025-swatch-0-white + label span { background-color: transparent !important; background-size: 90%; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Keycap_ISO_White_1.png?v=1624939521") !important; } #product_id-7054864548009-swatch-0-black + label span, #product_id-7054864548009-swatch-0-white + label span, #product_id-7058310955177-swatch-0-black + label span, #product_id-7058310955177-swatch-0-white + label span, #product_id-7058433245353-swatch-0-black + label span, #product_id-7058433245353-swatch-0-white + label span { background-color: transparent !important; background-size: 90%; } #product_id-7054864548009-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Keycap_JIS_Black_1.png?v=1624946229") !important; } #product_id-7054864548009-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Keycap_JIS_White_1.png?v=1624946242") !important; } #product_id-7058310955177-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_kr_ansi_lowprofile_black_img.png?v=1625117845") !important; } #product_id-7058310955177-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_kr_ansi_lowprofile_white_img.png?v=1625117864") !important; } #product_id-7058433245353-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_us_ansi_lowprofile_black_img.png?v=1625124622") !important; } #product_id-7058433245353-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Keycap_us_ansi_lowprofile_white_img.png?v=1625124647") !important; } .mb60 { margin-bottom: 60px !important; } @media screen and (max-width: 474px) { .mb60 { margin-bottom: 30px !important; } } #detail__page .detail--page__section.display-block.pb20p { padding-bottom: 20% !important; } #shopify-section-product-keycap-us-ansi-lowprofile #detail__page.keycap .view--Wrap .mice--title { top: 4%; } #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered { padding: 0; background-color: #000; } #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered .text--contents__text { margin: 0; padding-left: 7%; } #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered .text--heading h3:after { display: none; } #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered .halfkeyboard--bg__size { width: 100%; } #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered .big-bg-keyboard .text--top__keycap img { width: 50%; max-width: 340px; } @media screen and (max-width: 991px) { #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered .text--contents__text { width: 100% !important; padding: 20% 0 20% 20px; } #detail__page.keycap .detail--page__section.mo-padding-top.precision-engineered .text--heading h3 { text-align: center; } } .container #product_id-6818425307293-swatch-0-black + label::before, .container #product_id-6818424783005-swatch-0-black + label::before, .container #product_id-7022365049001-swatch-0-black + label::before, .container #product_id-6818422947997-swatch-0-black + label::before, .container #product_id-6818422587549-swatch-0-black + label::before, .container #product_id-6818422358173-swatch-0-black + label::before { display: block; content: 'BlACK'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-6818425307293-swatch-0-white + label::before, .container #product_id-6818424783005-swatch-0-white + label::before, .container #product_id-7022365049001-swatch-0-white + label::before, .container #product_id-6818422947997-swatch-0-white + label::before, .container #product_id-6818422587549-swatch-0-white + label::before, .container #product_id-6818422358173-swatch-0-white + label::before { display: block; content: 'WHITE'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-6818425307293-swatch-0-black + label span, .container #product_id-6818424783005-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears-Xlite_Gaming_Mouse_01_300x300.png?v=1609975604") !important; background-position: center center; background-size: 100%; background-color: transparent !important; } .container #product_id-6818425307293-swatch-0-white + label span, .container #product_id-6818424783005-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Gaming_Gears-Xlite_Gaming_Mouse_02_300x300.png?v=1609975604") !important; background-position: center center; background-size: 100%; background-color: transparent !important; } .container #product_id-6818423242909-swatch-0-red-switch + label::before, .container #product_id-6818423472285-swatch-0-red-switch + label::before, .container #product_id-6818423373981-swatch-0-red-switch + label::before, .container #product_id-6818423963805-swatch-0-red-switch + label::before, .container #product_id-6818423046301-swatch-0-red-switch + label::before { display: block; content: 'RED'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-6818423242909-swatch-0-blue-switch + label::before, .container #product_id-6818423472285-swatch-0-blue-switch + label::before, .container #product_id-6818423373981-swatch-0-blue-switch + label::before, .container #product_id-6818423963805-swatch-0-blue-switch + label::before, .container #product_id-6818423046301-swatch-0-blue-switch + label::before { display: block; content: 'BLUE'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-6818423242909-swatch-0-red-switch + label span, .container #product_id-6818423472285-swatch-0-red-switch + label span, .container #product_id-6818423373981-swatch-0-red-switch + label span, .container #product_id-6818423373981-swatch-0-red-switch + label span, .container #product_id-6818423046301-swatch-0-red-switch + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Nova_Optical_Pro_red_switch.png?v=1614318415") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .container #product_id-6818423242909-swatch-0-blue-switch + label span, .container #product_id-6818423472285-swatch-0-blue-switch + label span, .container #product_id-6818423373981-swatch-0-blue-switch + label span, .container #product_id-6818423963805-swatch-0-blue-switch + label span, .container #product_id-6818423046301-swatch-0-blue-switch + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Nova_Optical_Pro_blue_switch.png?v=1614318415") !important; background-position: center center; background-size: 80%; } .container #product_id-6818423963805-swatch-0-brown-switch + label::before, .container #product_id-6818423046301-swatch-0-brown-switch + label::before { display: block; content: 'BROWN'; color: #fff; font-size: 13px; z-index: 1; } .container #product_id-6818423963805-swatch-0-brown-switch + label span, .container #product_id-6818423046301-swatch-0-brown-switch + label span { background-image: url(https://cdn.shopify.com/s/files/1/0455/0914/8840/files/Pulsar_Brown_Tactile_Mechanical_Switch_for_Lunar_Alloy_Mechanical_Gaming_Keyboard_Series_swatch_260x260.png?v=1609828098) !important; background-position: center center; background-size: 120%; } .container #product_id-6818422947997-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar-gaming-gears_pcmk-tkl-ansi-keyboard-barebone_black_01.png?v=1622678012") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .container #product_id-6818422947997-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar-gaming-gears_pcmk-tkl-ansi-keyboard-barebone_white_01.png?v=1622677999") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .container #product_id-6818422587549-swatch-0-black + label span, .container #product_id-6818422358173-swatch-0-black + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/PulsarGamingGears_PCMKTKLISOKeyboardBarebone_Black_01.png?v=1625729930") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .container #product_id-6818422587549-swatch-0-white + label span, .container #product_id-6818422358173-swatch-0-white + label span { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/PulsarGamingGears_PCMKTKLISOKeyboardBarebone_White_01.png?v=1625729945") !important; background-position: center center; background-size: 80%; background-color: transparent !important; } .packagecontents-info .detail--page__pos { display: block; } .packagecontents-info .info-title h3 { margin-bottom: 0; color: #fff; font-size: 48px; } .packagecontents-info .info-contents { overflow: hidden; padding: 120px; } .packagecontents-info .info-contents .info-contents-wrap { margin: 0 auto; text-align: center; } .packagecontents-info .info-contents .info-contents-wrap .image-desc p { padding: 30px 0 0; color: #fff; font-size: 36px; margin: 0; letter-spacing: -2px; font-family: 'visby-cf', sans-serif; } @media screen and (max-width: 991px) { .packagecontents-info .info-title h3 { font-size: 43px; } .packagecontents-info .info-contents { padding: 120px 30px; } .packagecontents-info .info-contents-wrap .image-desc { font-size: 24px; } } @media screen and (max-width: 767px) { .packagecontents-info .info-title h3 { font-size: 36px; } .packagecontents-info .info-contents { padding: 60px 0px; } .packagecontents-info .info-contents .info-contents-wrap .image-desc p { font-size: 18px; letter-spacing: -1px; } } @media screen and (max-width: 474px) { .packagecontents-info .info-title h3 { font-size: 24px; } .packagecontents-info .info-contents .info-contents-wrap .image-desc p { font-size: 16px; } } .text-center .swatch { margin-right: 0; } @media only screen and (min-width: 767px) and (max-width: 1024px) { .collection__items { margin: -10px !important; } } @media screen and (max-width: 911px) { .swatches-fake { display: none; } } @media screen and (max-width: 767px) { .product-grid-item__price { margin: 5px 0 20px; } #PageContainer { overflow: hidden; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .collection__products.grid--full.wrapper { padding: 0 !important; } #AjaxinateLoop .grid__image { margin-right: 20px; } } .otCookiesNotification #cookies-wrapper { right: 1em !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } @media screen and (max-width: 1920px) { #MainContent #detail__page.keycap .view--Wrap .mice--title { width: 100%; position: relative; left: 50%; top: 8%; transform: translateX(-50%); } #MainContent #detail__page.pcmk .view--Wrap .mice--title .mice--title__image { position: relative; width: 90%; transform: translate(-50%, 0%); top: 50% !important; left: 50% !important; } #shopify-section-product-gateronswitches-template #detail__page .view--Wrap .mice--title .mice--main__title h2, #shopify-section-product-kailhswitches-template #detail__page .view--Wrap .mice--title .mice--main__title h2 { width: 90% !important; } #shopify-section-product-gateronswitches-template #detail__page .view--Wrap .mice--title .mice--title__image img, #shopify-section-product-kailhswitches-template #detail__page .view--Wrap .mice--title .mice--title__image img { max-width: 550px; } #shopify-section-product-grip-tape #detail__page.grip-tape .mice--main .mice--title .mice--main__title .title-images { width: 100% !important; margin-top: 2%; margin: 2% auto 0; } #shopify-section-product-grip-tape #detail__page .keyboard-title-image img { margin-left: initial; transform: initial !important; } #shopify-section-product-para-break-mouse-pad-XL #detail__page .view--Wrap.main-center.break-center .mice--title .mice--title__image, #shopify-section-product-para-control-mouse-pad-XL #detail__page .view--Wrap.main-center.break-center .mice--title .mice--title__image { transform: initial; position: relative; width: 100%; left: 0 !important; top: 60px !important; } } @media screen and (min-width: 1024px) { .megamenu::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #202020; } .megamenu::-webkit-scrollbar { width: 10px; background-color: #0080ff; } .megamenu::-webkit-scrollbar-thumb { background-color: #0080ff; /* border: 2px solid rgba(255, 255, 255, 0.2); */ border-radius: 10px; } .megamenu { scrollbar-base-color: #202020 !important; scrollbar-face-color: #202020 !important; scrollbar-3dlight-color: #202020 !important; scrollbar-highlight-color: #202020 !important; scrollbar-track-color: #202020 !important; scrollbar-arrow-color: #202020 !important; scrollbar-shadow-color: #202020 !important; scrollbar-dark-shadow-color: #202020 !important; } } @media screen and (max-width: 1860px) { .support--download ul li .support__text p { letter-spacing: -1px; } } @media screen and (max-width: 1800px) { .support--download ul li .support__text p { font-size: 22px; } .support--download ul li .software--download__button a { font-size: 18px; } } @media screen and (max-width: 1700px) { .support--download ul li .support__text p { font-size: 20px; } .support--download ul li .software--download__button a { font-size: 16px; } } @media screen and (max-width: 1600px) { .support--download ul li .support__text p { font-size: 18px; } .support--download ul li .software--download__button a { font-size: 14px; } } @media screen and (max-width: 1550px) { .support--download ul li .support__text p { font-size: 22px; } .support--download ul li .software--download__button a { font-size: 18px; } } @media screen and (max-width: 410px) { .support--download ul li .support__text p { font-size: 20px; } #detail__page .support--download ul li .software--download__button a, .youmayalsolike .also--like__table .also--like__name span a { font-size: 12px !important; } } @media screen and (max-width: 382px) { .support--download ul li .support__text p { font-size: 18px; } } @media screen and (max-width: 360px) { .support--download ul li .support__text p { font-size: 16px; } } @media screen and (max-width: 330px) { .support--download ul li .support__text p { font-size: 14px; } } #product_id-6888529166493-swatch-0-black + label::before, #product_id-6880590430365-swatch-0-black + label::before, #product_id-6818425307293-swatch-0-black + label::before, #product_id-6818424783005-swatch-0-black + label::before, #product_id-6818422358173-swatch-0-black + label::before, #product_id-6818422587549-swatch-0-black + label::before, #product_id-6818422947997-swatch-0-black + label::before, #product_id-6818421899421-swatch-0-black + label::before, #product_id-6818421932189-swatch-0-black + label::before, #product_id-6818422194333-swatch-0-black + label::before, #product_id-6818422096029-swatch-0-black + label::before, #product_id-6818421604509-swatch-0-black + label::before, #product_id-6818421801117-swatch-0-black + label::before { z-index: 1; display: block; content: 'BLACK'; color: #fff; text-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); } #product_id-6888529166493-swatch-0-white + label::before, #product_id-6880590430365-swatch-0-white + label::before, #product_id-6818425307293-swatch-0-white + label::before, #product_id-6818424783005-swatch-0-white + label::before, #product_id-6818422358173-swatch-0-white + label::before, #product_id-6818422587549-swatch-0-white + label::before, #product_id-6818422947997-swatch-0-white + label::before, #product_id-6818421899421-swatch-0-white + label::before, #product_id-6818421932189-swatch-0-white + label::before, #product_id-6818422194333-swatch-0-white + label::before, #product_id-6818422096029-swatch-0-white + label::before, #product_id-6818421604509-swatch-0-white + label::before, #product_id-6818421801117-swatch-0-white + label::before { z-index: 1; display: block; content: 'WHITE'; color: #fff; text-shadow: 2px 0 10px rgba(0, 0, 0, 0.7); } #pcmk-ansi-tkl-mechanical-gaming-keyboard #product_id-6818422947997-swatch-0-black + label span { background-image: url("//cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_180x.png?v=1625442305 180w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_360x.png?v=1625442305 360w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_540x.png?v=1625442305 540w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_720x.png?v=1625442305 720w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_900x.png?v=1625442305 900w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_1080x.png?v=1625442305 1080w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_1296x.png?v=1625442305 1296w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_1512x.png?v=1625442305 1512w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_1728x.png?v=1625442305 1728w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_2048x.png?v=1625442305 2048w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_2450x.png?v=1625442305 2450w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_2700x.png?v=1625442305 2700w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_3000x.png?v=1625442305 3000w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_3350x.png?v=1625442305 3350w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_3750x.png?v=1625442305 3750w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_Black_05_4100x.png?v=1625442305 4100w") !important; } #pcmk-ansi-tkl-mechanical-gaming-keyboard #product_id-6818422947997-swatch-0-white + label span { background-image: url("//cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_180x.png?v=1625442305 180w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_360x.png?v=1625442305 360w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_540x.png?v=1625442305 540w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_720x.png?v=1625442305 720w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_900x.png?v=1625442305 900w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_1080x.png?v=1625442305 1080w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_1296x.png?v=1625442305 1296w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_1512x.png?v=1625442305 1512w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_1728x.png?v=1625442305 1728w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_2048x.png?v=1625442305 2048w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_2450x.png?v=1625442305 2450w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_2700x.png?v=1625442305 2700w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_3000x.png?v=1625442305 3000w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_3350x.png?v=1625442305 3350w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_3750x.png?v=1625442305 3750w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/PulsarGamingGears_PCMKTKLANSIKeyboardBarebone_White_05_4100x.png?v=1625442305 4100w") !important; } #product_id-6818422194333-swatch-0-black + label span { background-image: url("//cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_180x.png?v=1625442263 180w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_360x.png?v=1625442263 360w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_540x.png?v=1625442263 540w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_720x.png?v=1625442263 720w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_900x.png?v=1625442263 900w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_1080x.png?v=1625442263 1080w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_1296x.png?v=1625442263 1296w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_1512x.png?v=1625442263 1512w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_1728x.png?v=1625442263 1728w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_2048x.png?v=1625442263 2048w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_2450x.png?v=1625442263 2450w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_2700x.png?v=1625442263 2700w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_3000x.png?v=1625442263 3000w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_3350x.png?v=1625442263 3350w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_3750x.png?v=1625442263 3750w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_black_img_4100x.png?v=1625442263 4100w") !important; background-color: transparent !important; } #product_id-6818422194333-swatch-0-white + label span { background-image: url("//cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_180x.png?v=1625442263 180w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_360x.png?v=1625442263 360w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_540x.png?v=1625442263 540w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_720x.png?v=1625442263 720w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_900x.png?v=1625442263 900w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_1080x.png?v=1625442263 1080w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_1296x.png?v=1625442263 1296w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_1512x.png?v=1625442263 1512w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_1728x.png?v=1625442263 1728w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_2048x.png?v=1625442263 2048w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_2450x.png?v=1625442263 2450w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_2700x.png?v=1625442263 2700w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_3000x.png?v=1625442263 3000w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_3350x.png?v=1625442263 3350w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_3750x.png?v=1625442263 3750w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_us_ansi_white_img_4100x.png?v=1625442263 4100w") !important; background-color: transparent !important; } #product_id-6818422096029-swatch-0-black + label span { background-image: url("//cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_180x.png?v=1625442259 180w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_360x.png?v=1625442259 360w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_540x.png?v=1625442259 540w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_720x.png?v=1625442259 720w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_900x.png?v=1625442259 900w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_1080x.png?v=1625442259 1080w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_1296x.png?v=1625442259 1296w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_1512x.png?v=1625442259 1512w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_1728x.png?v=1625442259 1728w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_2048x.png?v=1625442259 2048w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_2450x.png?v=1625442259 2450w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_2700x.png?v=1625442259 2700w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_3000x.png?v=1625442259 3000w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_3350x.png?v=1625442259 3350w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_3750x.png?v=1625442259 3750w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_black_img_4100x.png?v=1625442259 4100w") !important; background-color: transparent !important; background-size: 90%; } #product_id-6818422096029-swatch-0-white + label span { background-image: url("//cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_180x.png?v=1625442259 180w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_360x.png?v=1625442259 360w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_540x.png?v=1625442259 540w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_720x.png?v=1625442259 720w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_900x.png?v=1625442259 900w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_1080x.png?v=1625442259 1080w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_1296x.png?v=1625442259 1296w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_1512x.png?v=1625442259 1512w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_1728x.png?v=1625442259 1728w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_2048x.png?v=1625442259 2048w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_2450x.png?v=1625442259 2450w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_2700x.png?v=1625442259 2700w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_3000x.png?v=1625442259 3000w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_3350x.png?v=1625442259 3350w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_3750x.png?v=1625442259 3750w, //cdn.shopify.com/s/files/1/0576/0358/8253/products/Keycap_kr_ansi_white_img_4100x.png?v=1625442259 4100w") !important; background-color: transparent !important; background-size: 90%; } #about #about-page.wrap .container .contents .description .image { width: 46%; } @media screen and (max-width: 1024px) { #about #about-page.wrap .container .contents .description .image { width: 100%; } #about #about-page.wrap .container .contents .description .sentence { width: 60%; } } @media screen and (max-width: 650px) { #about #about-page.wrap .container .contents .description .image { margin: 0 auto; width: 100%; max-width: 500px; } #about #about-page.wrap .container .contents .description .image img { width: 100%; max-width: 500px; } #about #about-page.wrap .container .contents .description .sentence { width: 100%; max-width: 500px; } } @media screen and (max-width: 540px) { #about #about-page.wrap .container .contents .description { padding-right: 20px; padding-left: 20px; } } @media screen and (max-width: 242px) { #about-page.wrap .stars-wrapper { height: 1760px; } } #all-products #MainContent .swatch input + label::before { content: ''; } #all-products #MainContent .swatch .black span { background-image: none !important; background-color: #000 !important; } #all-products #MainContent .swatch .white span { background-image: none !important; background-color: #fff !important; } #CartContainer small.light-gray { display: none; } #CartDrawer .drawer__title.h3 { letter-spacing: -2px; } #CartDrawer .cart-vat { color: #9c001a; font-size: 14px; margin-bottom: 20px; } .buy-now-button, .custom--your__pcmk { display: inline-block; } .custom--your__pcmk { display: inline-block; width: 300px; height: 69px; margin-top: 0; border: 3px solid #0080ff; border-radius: 4px; box-sizing: border-box; margin-left: 16px; } .custom--your__pcmk a { color: #fff; width: 100%; height: 100%; background-color: transparent; display: block; text-align: center; font-size: 21px; line-height: 66px; transition: 0.2s ease-in; } .custom--your__pcmk a:hover { background-color: rgba(255, 255, 255, 0.1); transition: 0.3s ease-in; } @media screen and (max-width: 767px) { .custom--your__pcmk { display: block; margin-left: 0; margin-top: 16px; } } .download_pcmktkl .sentence { position: relative; } .download_pcmktkl .sentence strong { position: absolute; } .download_pcmktkl .sentence p span { display: block; padding-left: 60px; word-break: break-word; } .wg-drop.country-selector ul { box-shadow: rgba(0, 0, 0, 0.08) 0px 0.125rem 0.25rem; } .wg-drop.country-selector a { text-shadow: 2px 0 8px rgba(0, 0, 0, 0.4); } #PageContainer { overflow-x: hidden; } #PageContainer.product-page-container { overflow-x: unset !important; } @media screen and (max-width: 767px) { #PageContainer.product-page-container { overflow: unset !important; } } #PageContainer #MainContent .btn.btn--submit-light { position: relative; color: #fff !important; background-color: #0080ff !important; border-color: #0080ff; transition: 0.3s ease-in; cursor: pointer; } #PageContainer #MainContent .btn.btn--submit-light:hover { background-color: #2f75bd !important; border-color: #2f75bd; transition: 0.2s ease-in; } #PageContainer #MainContent .btn.btn--submit-light.btn-disable { color: #0080ff !important; background-color: white !important; border: 2px solid #0080ff !important; cursor: default; } #PageContainer #MainContent .btn.btn--submit-light.btn-disable:hover { color: #0080ff !important; background-color: white !important; border: 2px solid #0080ff !important; } #PageContainer #MainContent .btn.btn--submit-light.disabled { color: #0080ff !important; background-color: #fff !important; border: 2px solid #0080ff !important; } #PageContainer #MainContent .btn.btn--submit-light.disabled:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6) !important; cursor: default !important; } #detail__page .btn.btn--submit-light { position: relative; color: white !important; background-color: #0080ff !important; border-color: #0080ff; font-size: 20px; transition: 0.3s ease-in; cursor: pointer; } #detail__page .btn.btn--submit-light:hover { background-color: #2f75bd !important; border-color: #2f75bd; transition: 0.2s ease-in; } #detail__page .btn.btn--submit-light.disabled { color: #0080ff !important; background-color: white !important; border: 2px solid #0080ff !important; } #detail__page .btn.btn--submit-light.disabled:after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6) !important; cursor: default !important; } #CartDrawer .grid__item.two-thirds p span:nth-last-child(2) { display: none; } @media screen and (max-width: 768px) { #MainContent #shopify-section-1638750237704ac977 #featured-image--1638750237704ac977 .ba-fixed { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar_gaming_gears_Xlite_wireless_gaming_mouse_black_white_red_m.jpg?v=1638750129") !important; } } #superglide.template-collection h1.section-header__title.collection-title { color: #ed1c24; text-shadow: 2px 0 8px rgba(0, 0, 0, 0.1); } #shopify-section-1638774877a434608b .featured-video-section { display: none; } #shopify-section-1638774877a434608b .video__background { bottom: initial; } #shopify-section-1638774877a434608b .video__iframe { display: none; } #shopify-section-1638774877a434608b .video--1638774877a434608b { background-color: #000; } #shopify-section-1638774877a434608b .video-container { z-index: 10; position: relative; width: 100%; height: 100%; background-color: #000; } #shopify-section-1638774877a434608b .wrapper--small { max-width: 800px; } #shopify-section-1638774877a434608b .text-light { margin-bottom: 16px; } #shopify-section-1638774877a434608b .btn.btn--secondary { background-color: #0080ff; transition: 0.2s ease-in; } #shopify-section-1638774877a434608b .btn.btn--secondary:hover { transition: 0.3s ease-in; background-color: #007aff; } #shopify-section-1638774877a434608b .text-inside.bottom-left .wrapper { padding-bottom: 100px; } @media screen and (max-width: 1024px) { #shopify-section-1638774877a434608b .video-container { width: 150%; left: -25%; } } @media screen and (max-width: 991px) { #shopify-section-1638774877a434608b .text-light { margin-bottom: 20px; font-size: 43px; max-width: 400px; } #shopify-section-1638774877a434608b .text-inside.bottom-left .wrapper { padding: 10px 20px 40px; } } @media screen and (max-width: 767px) { #shopify-section-1638774877a434608b .text-light { font-size: 36px; } #shopify-section-1638774877a434608b .video-container { width: 400%; left: -150%; } } @media screen and (max-width: 474px) { #shopify-section-1638774877a434608b .text-light { font-size: 24px; } #shopify-section-1638774877a434608b .video-container { width: 100%; left: 0; } #shopify-section-1638774877a434608b .text-inside { position: relative; background-color: #000; } } @media screen and (max-width: 768px) { #MainContent #shopify-section-163965028573f311bf #featured-image--163965028573f311bf .ba-fixed { background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar_es1_esports_grade_gaming_mousepad_m.jpg?v=1673333859") !important; } } #featured-image--163965028573f311bf > div.featured-image-section-inner.js-section-content > div > h2 { padding-bottom: 15px; } @media only screen and (max-width: 749px) { body.template-product-custom-mice.site-header { display: none; } } .support_form { padding: 120px 0; background-color: #fff; } .support_form h1, .support_form h2, .support_form ul, .support_form li, .support_form p { margin: 0; padding: 0; } .support_form .support_form-wrap { max-width: 1200px; margin: 0 auto; width: 100%; padding: 0 20px; } .support_form .support_form-wrap .support_form-contents .title { margin-bottom: 60px; } .support_form .support_form-wrap .support_form-contents .title .page-title { color: #1e1e1e; font-size: 48px; } .support_form .support_form-wrap .support_form-contents .description { margin-top: 40px; margin-bottom: 80px; } .support_form .support_form-wrap .support_form-contents .description .desc { margin-bottom: 20px; } .support_form .support_form-wrap .support_form-contents .description .desc p { color: #1e1e1e; font-size: 18px; } .support_form .support_form-wrap .support_form-contents .description .desc p span { color: #0080ff; } .support_form .support_form-wrap .support_form-contents .description .desc p strong { color: #ff9900; } .support_form .support_form-wrap .form-contents { margin: 0; background-image: url("https://cdn.shopify.com/s/files/1/0455/0914/8840/files/pulsar__moon.png?v=1624410149"); background-repeat: no-repeat; background-size: auto; background-position: center center; } .support_form .support_form-wrap .form-contents form { padding: 0 200px; } .support_form .support_form-wrap .form-contents form button { margin: 50px auto 0; width: 260px; height: 60px; font-size: 20px; transition: 0.2s ease-in; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.5); } .support_form .support_form-wrap .form-contents form button:hover { color: #fff; background-color: #2f75bd; transition: 0.3s ease-in; } .support_form .support_form-wrap .form-contents input { width: 100%; border-radius: 4px; padding: 16px 1rem; color: #1e1e1e; border: 1px solid #666666; max-width: 100%; } .support_form .support_form-wrap .form-contents textarea { height: 400px; width: 100%; border-radius: 4px; padding: 16px 1rem; color: #1e1e1e; resize: none; } .support_form .support_form-wrap .form-contents input::placeholder, .support_form .support_form-wrap .form-contents textarea::placeholder { color: #1e1e1e; } .support_form .support_form-wrap .form-contents input:-webkit-autofill, .support_form .support_form-wrap .form-contents input:-webkit-autofill:hover, .support_form .support_form-wrap .form-contents input:-webkit-autofill:focus, .support_form .support_form-wrap .form-contents textarea:-webkit-autofill, .support_form .support_form-wrap .form-contents textarea:-webkit-autofill:hover, .support_form .support_form-wrap .form-contents textarea:-webkit-autofill:focus, .support_form .support_form-wrap .form-contents select:-webkit-autofill, .support_form .support_form-wrap .form-contents select:-webkit-autofill:hover, .support_form .support_form-wrap .form-contents select:-webkit-autofill:focus { -webkit-text-fill-color: #1e1e1e; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } @media screen and (max-width: 1200px) { .support_form .support_form-wrap { max-width: 1024px; } .support_form .support_form-wrap .form-contents form { padding: 0 160px; } .support_form .support_form-wrap .office-address ul li:first-child { padding-right: 100px; } .support_form .support_form-wrap .office-address ul li:last-child { padding-left: 100px; } } @media screen and (max-width: 1024px) { .support_form .support_form-wrap { padding: 0 15px; } .support_form .support_form-wrap .form-contents form { padding: 0 120px; } .support_form .support_form-wrap .office-address ul li:first-child { padding-right: 60px; } .support_form .support_form-wrap .office-address ul li:last-child { padding-left: 60px; } } @media screen and (max-width: 991px) { .support_form { padding: 60px 0; } .support_form .support_form-wrap .support_form-contents .description { margin-bottom: 50px; } .support_form .support_form-wrap .support_form-contents .description .desc p { font-size: 16px; } .support_form .support_form-wrap .form-contents { padding: 60px 0; background-size: contain; } .support_form .support_form-wrap .form-contents textarea { height: 300px; } .support_form .support_form-wrap .form-contents input, .support_form .support_form-wrap .form-contents textarea, .support_form .support_form-wrap .form-contents input::placeholder, .support_form .support_form-wrap .form-contents textarea::placeholder { font-size: 18px; } .support_form .support_form-wrap .office-address ul li .title h2 { font-size: 30px; } .support_form .support_form-wrap .office-address ul li .text p { font-size: 16px; } } @media screen and (max-width: 840px) { .support_form .support_form-wrap .form-contents form { padding: 0 100px; } .support_form .support_form-wrap .office-address ul li:first-child { padding-right: 30px; } .support_form .support_form-wrap .office-address ul li:last-child { padding-left: 30px; } } @media screen and (max-width: 767px) { .support_form .support_form-wrap .support_form-contents .description { margin-top: 50px; } .support_form .support_form-wrap .form-contents form { padding: 0 60px; } .support_form .support_form-wrap .form-contents form button { margin-top: 40px; font-size: 18px; } .support_form .support_form-wrap .form-contents textarea { height: 250px; } .support_form .support_form-wrap .form-contents input, .support_form .support_form-wrap .form-contents textarea, .support_form .support_form-wrap .form-contents input::placeholder, .support_form .support_form-wrap .form-contents textarea::placeholder { font-size: 16px; } .support_form .support_form-wrap .office-address ul li:first-child { padding-right: 10px; } .support_form .support_form-wrap .office-address ul li:last-child { padding-left: 10px; } .support_form .support_form-wrap .office-address ul li .title h2 { font-size: 24px; } .support_form .support_form-wrap .office-address ul li .title h2:after { bottom: -16px; } .support_form .support_form-wrap .office-address ul li .text { padding-top: 30px; } } @media screen and (max-width: 676px) { .support_form .support_form-wrap .form-contents form { padding: 0 40px; } .support_form .support_form-wrap .form-contents textarea { height: 200px; } } @media screen and (max-width: 474px) { .support_form .support_form-wrap .support_form-contents .title .page-title { font-size: 24px; } .support_form .support_form-wrap .form-contents { background-position: top; } .support_form .support_form-wrap .form-contents form { padding: 0; } .support_form .support_form-wrap .form-contents form button { width: 100%; font-size: 16px; } .support_form .support_form-wrap .form-contents input, .support_form .support_form-wrap .form-contents textarea { padding: 14px 20px; } .support_form .support_form-wrap .office-address { margin: 0; } .support_form .support_form-wrap .office-address ul li { float: inherit; width: 100%; } .support_form .support_form-wrap .office-address ul li:first-child, .support_form .support_form-wrap .office-address ul li:last-child { padding: 0; } .support_form .support_form-wrap .office-address ul li:last-child { padding-top: 74px; } .support_form .support_form-wrap .office-address ul li .title h2 { font-size: 20px; } .support_form .support_form-wrap .office-address ul li .text { padding-top: 20px; } }