@font-face { font-family: Archivo; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url("/wp-content/uploads/benvoria-source/9f3367346fe7ff99cf45e31c10c6de5c.woff2") format("woff2"); }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/uploads/benvoria-source/d8ac5bbc534c15611c11a2c5ee806913.woff2") format("woff2"); }
:root { --popup_border_radius: 0px; --general_layout_width: 1200px; --general_layout_spacing: 80px; --button_border_radius: 3px; --full_container_padding: 50px; --page_background_color: #F2F7FF; --title_color: #0046BE; --main_color: #222222; --detail_color: #555555; --buying_parice_color: #0046BE; --original_price_color: #999999; --discount_tag_bg: #1D1F21; --discount_tag_color: #fff; --main_button_bg: #0046BE; --main_button_color: #fff; --secondary_button_bg: #FFF200; --secondary_button_color: #0046BE; --title_font_family: Playfair Display; --general_font_family: Archivo; --title_font_size: 54px; --general_font_size: 14px; --product_font_size: 14px; --big_product_font_size: 24px; --title_letter_spacing: 1pxpx; --nav_letter_spacing: 1pxpx; --product_img_cut: cover; --title_font_style: normal; --title_font_weigth: 400; --general_font_style: normal; --general_font_weigth: 400; --general_line_height: 1.5; --wap_title_scale: 0.75; --title_margin_bottom_scale: 0.75; }
.coupons-record-box { position: relative; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgb(217, 217, 217); overflow: hidden; }
.coupons-record-title { font-weight: bold; color: rgb(0, 0, 24); }
.coupons-record-more { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 76px; background: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.95)); border-radius: 0px; opacity: 1; }
.coupons-record-more-btn { position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; text-decoration: underline; cursor: pointer; }
.coupons-record-wrap { margin-top: 20px; display: grid; gap: 20px 6px; grid-template-columns: repeat(2, minmax(50px, 1fr)); }
.coupons-record-item { display: flex; cursor: pointer; }
.coupons-record-item-riado { width: 18px; height: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 50%; box-sizing: border-box; }
.coupons-record-item-body { flex: 1 1 0%; }
.coupons-record-item-header { display: flex; align-items: center; }
.coupons-record-item-code { display: inline-block; font-weight: 400; color: rgb(30, 29, 41); border-radius: 4px; opacity: 1; font-size: 14px; line-height: 18px; padding: 5px 10px; margin-left: 10px; border: 1px dashed rgb(217, 217, 217); text-align: center; position: relative; }
.coupons-record-item-label { font-weight: 400; color: rgb(153, 153, 153); font-size: 12px; margin-top: 10px; }
.coupons-record-item-active .coupons-record-item-riado { border: 6px solid var(--coupons-color); }
.coupons-record-item-active .coupons-record-item-code { border: 1px dashed var(--coupons-color); color: var(--coupons-color); }
.coupons-exclusive-label { position: absolute; right: calc(100% - 120px); top: 0px; border-radius: 6px 1px; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 2px 8px; transform: translate(0%, -70%); display: flex; align-items: center; justify-content: center; font-size: 12px; white-space: nowrap; }
.df-invisible { visibility: hidden; }
.df-absolute { position: absolute; }
.df-relative { position: relative; }
.df-left-0 { left: 0px; }
.df-right-0 { right: 0px; }
.df-top-0 { top: 0px; }
.df-top-32 { top: 8rem; }
.df-mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.df-mb-10 { margin-bottom: 2.5rem; }
.df-mb-2 { margin-bottom: 0.5rem; }
.df-ml-3 { margin-left: 0.75rem; }
.df-ml-5 { margin-left: 1.25rem; }
.df-mt-2 { margin-top: 0.5rem; }
.df-box-border { box-sizing: border-box; }
.df-block { display: block; }
.df-flex { display: flex; }
.df-hidden { display: none; }
.df-h-12 { height: 3rem; }
.df-h-20 { height: 5rem; }
.df-h-5 { height: 1.25rem; }
.df-h-full { height: 100%; }
.df-w-1\/5 { width: 20%; }
.df-w-10\/12 { width: 83.3333%; }
.df-w-20 { width: 5rem; }
.df-w-4 { width: 1rem; }
.df-w-full { width: 100%; }
.df-w-screen { width: 100vw; }
.df-flex-1 { flex: 1 1 0%; }
.df-flex-shrink-0 { flex-shrink: 0; }
.df-cursor-pointer { cursor: pointer; }
.df-flex-col { flex-direction: column; }
.df-flex-wrap { flex-wrap: wrap; }
.df-items-center { align-items: center; }
.df-justify-center { justify-content: center; }
.df-gap-2 { gap: 0.5rem; }
.df-gap-4 { gap: 1rem; }
.df-overflow-hidden { overflow: hidden; }
.df-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }
.df-object-cover { object-fit: cover; }
.df-p-2 { padding: 0.5rem; }
.df-p-5 { padding: 1.25rem; }
.df-p-6 { padding: 1.5rem; }
.df-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.df-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.df-px-8 { padding-left: 2rem; padding-right: 2rem; }
.df-py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; }
.df-py-5 { padding-bottom: 1.25rem; padding-top: 1.25rem; }
.df-text-center { text-align: center; }
.df-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.df-font-bold { font-weight: 700; }
.df-text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.df-opacity-0 { opacity: 0; }
.swiper-container { list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0px; position: relative; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { box-sizing: content-box; display: flex; height: 100%; position: relative; transition-property: transform; width: 100%; z-index: 1; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { margin: 0px auto; transition-timing-function: ease-out; }
.swiper-slide { flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-container-3d { perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), transparent); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { background-position: 50% center; background-repeat: no-repeat; background-size: 27px 44px; cursor: pointer; height: 44px; margin-top: -22px; position: absolute; top: 50%; width: 27px; z-index: 10; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23007aff' d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z'/%3E%3C/svg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23007aff' d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z'/%3E%3C/svg%3E"); left: auto; right: 10px; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23fff' d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z'/%3E%3C/svg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath fill='%23fff' d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z'/%3E%3C/svg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44z'/%3E%3C/svg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0z'/%3E%3C/svg%3E"); }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; transform: translateZ(0px); transition: opacity 0.3s; z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { background: rgb(0, 0, 0); border-radius: 100%; display: inline-block; height: 8px; opacity: 0.2; width: 8px; }
button.swiper-pagination-bullet { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; margin: 0px; padding: 0px; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { background: rgb(0, 122, 255); opacity: 1; }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 6px 0px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 122, 255); height: 100%; left: 0px; position: absolute; top: 0px; transform: scale(0); transform-origin: left top; width: 100%; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: 4px; left: 0px; top: 0px; width: 100%; }
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { height: 100%; left: 0px; top: 0px; width: 4px; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); }
.swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { background: rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; }
.swiper-container-horizontal > .swiper-scrollbar { bottom: 3px; height: 5px; left: 1%; position: absolute; width: 98%; z-index: 50; }
.swiper-container-vertical > .swiper-scrollbar { height: 98%; position: absolute; right: 3px; top: 1%; width: 5px; z-index: 50; }
.swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.5); border-radius: 10px; height: 100%; left: 0px; position: relative; top: 0px; width: 100%; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { align-items: center; display: flex; height: 100%; justify-content: center; text-align: center; width: 100%; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-height: 100%; max-width: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50% center; width: 42px; z-index: 10; }
.swiper-lazy-preloader::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-linecap='round' stroke-width='11' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); background-position: 50% center; background-repeat: no-repeat; background-size: 100% auto; content: ""; display: block; height: 100%; width: 100%; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-linecap='round' stroke-width='11' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); }
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(1turn); }
}
.swiper-container .swiper-notification { left: 0px; opacity: 0; pointer-events: none; position: absolute; top: 0px; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { backface-visibility: hidden; height: 100%; pointer-events: none; transform-origin: 0px 0px; visibility: hidden; width: 100%; z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; }
.swiper-container-cube .swiper-cube-shadow { background: rgb(0, 0, 0); bottom: 0px; filter: blur(50px); height: 100%; left: 0px; opacity: 0.6; position: absolute; width: 100%; z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { backface-visibility: hidden; pointer-events: none; z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { backface-visibility: hidden; z-index: 0; }
.swiper-container-coverflow .swiper-wrapper { }
.animated { animation-duration: 1s; animation-fill-mode: none; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
@keyframes bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
.bounce { animation-name: bounce; }
@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
.flash { animation-name: flash; }
@keyframes pulse { 
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.pulse { animation-name: pulse; }
@keyframes rubberBand { 
  0% { transform: scale(1); }
  30% { transform: scaleX(1.1) scaleY(0.85); }
  40% { transform: scaleX(0.85) scaleY(1.1); }
  60% { transform: scaleX(1.06) scaleY(0.95); }
  100% { transform: scale(1); }
}
.rubberBand { animation-name: rubberBand; }
@keyframes shake { 
  0%, 100% { transform: translateX(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
  20%, 40%, 60%, 80% { transform: translateX(2px); }
}
.shake { animation-name: shake; }
@keyframes swing { 
  20% { transform: rotate(6deg); }
  40% { transform: rotate(-4deg); }
  60% { transform: rotate(2deg); }
  80% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}
.swing { animation-name: swing; transform-origin: center top; }
@keyframes tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}
.tada { animation-name: tada; }
@keyframes wobble { 
  0% { transform: translateX(0px); }
  15% { transform: translateX(-15%) rotate(-5deg); }
  30% { transform: translateX(13%) rotate(3deg); }
  45% { transform: translateX(-7%) rotate(-3deg); }
  60% { transform: translateX(6%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0px); }
}
.wobble { animation-name: wobble; }
@keyframes bounceIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
.bounceIn { animation-name: bounceIn; }
@keyframes bounceInDown { 
  0% { opacity: 0; transform: translateY(-2000px); }
  60% { opacity: 1; transform: translateY(30px); }
  80% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
.bounceInDown { animation-name: bounceInDown; }
@keyframes bounceInLeft { 
  0% { opacity: 0; transform: translateX(-2000px); }
  60% { opacity: 1; transform: translateX(30px); }
  80% { transform: translateX(-10px); }
  100% { transform: translateX(0px); }
}
.bounceInLeft { animation-name: bounceInLeft; }
@keyframes bounceInRight { 
  0% { opacity: 0; transform: translateX(2000px); }
  60% { opacity: 1; transform: translateX(-30px); }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0px); }
}
.bounceInRight { animation-name: bounceInRight; }
@keyframes bounceInUp { 
  0% { opacity: 0; transform: translateY(2000px); }
  60% { opacity: 1; transform: translateY(-30px); }
  80% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
.bounceInUp { animation-name: bounceInUp; }
@keyframes bounceOut { 
  0% { transform: scale(1); }
  25% { transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0; transform: scale(0.3); }
}
.bounceOut { animation-name: bounceOut; }
@keyframes bounceOutDown { 
  0% { transform: translateY(0px); }
  20% { opacity: 1; transform: translateY(-20px); }
  100% { opacity: 0; transform: translateY(2000px); }
}
.bounceOutDown { animation-name: bounceOutDown; }
@keyframes bounceOutLeft { 
  0% { transform: translateX(0px); }
  20% { opacity: 1; transform: translateX(20px); }
  100% { opacity: 0; transform: translateX(-2000px); }
}
.bounceOutLeft { animation-name: bounceOutLeft; }
@keyframes bounceOutRight { 
  0% { transform: translateX(0px); }
  20% { opacity: 1; transform: translateX(-20px); }
  100% { opacity: 0; transform: translateX(2000px); }
}
.bounceOutRight { animation-name: bounceOutRight; }
@keyframes bounceOutUp { 
  0% { transform: translateY(0px); }
  20% { opacity: 1; transform: translateY(20px); }
  100% { opacity: 0; transform: translateY(-2000px); }
}
.bounceOutUp { animation-name: bounceOutUp; }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.fadeIn { animation-name: fadeIn; }
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translateY(-2000px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.fadeInDownBig { animation-name: fadeInDownBig; }
@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translateX(-2000px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.fadeInLeftBig { animation-name: fadeInLeftBig; }
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.fadeInRight { animation-name: fadeInRight; }
@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translateX(2000px); }
  100% { opacity: 1; transform: translateX(0px); }
}
.fadeInRightBig { animation-name: fadeInRightBig; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.fadeInUp { animation-name: fadeInUp; }
@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translateY(2000px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.fadeInUpBig { animation-name: fadeInUpBig; }
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.fadeOut { animation-name: fadeOut; }
@keyframes fadeOutDown { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(20px); }
}
.fadeOutDown { animation-name: fadeOutDown; }
@keyframes fadeOutDownBig { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(2000px); }
}
.fadeOutDownBig { animation-name: fadeOutDownBig; }
@keyframes fadeOutLeft { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(-20px); }
}
.fadeOutLeft { animation-name: fadeOutLeft; }
@keyframes fadeOutLeftBig { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(-2000px); }
}
.fadeOutLeftBig { animation-name: fadeOutLeftBig; }
@keyframes fadeOutRight { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(20px); }
}
.fadeOutRight { animation-name: fadeOutRight; }
@keyframes fadeOutRightBig { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(2000px); }
}
.fadeOutRightBig { animation-name: fadeOutRightBig; }
@keyframes fadeOutUp { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-20px); }
}
.fadeOutUp { animation-name: fadeOutUp; }
@keyframes fadeOutUpBig { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-2000px); }
}
.fadeOutUpBig { animation-name: fadeOutUpBig; }
@keyframes flip { 
  0% { animation-timing-function: ease-out; transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1); }
  40% { animation-timing-function: ease-out; transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); }
  50% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); }
  80% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(0px) rotateY(1turn) scale(0.95); }
  100% { animation-timing-function: ease-in; transform: perspective(400px) translateZ(0px) rotateY(1turn) scale(1); }
}
.animated.flip { animation-name: flip; backface-visibility: visible; }
@keyframes flipInX { 
  0% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
  40% { transform: perspective(400px) rotateX(-10deg); }
  70% { transform: perspective(400px) rotateX(10deg); }
  100% { opacity: 1; transform: perspective(400px) rotateX(0deg); }
}
.flipInX { animation-name: flipInX; backface-visibility: visible !important; }
@keyframes flipInY { 
  0% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
  40% { transform: perspective(400px) rotateY(-10deg); }
  70% { transform: perspective(400px) rotateY(10deg); }
  100% { opacity: 1; transform: perspective(400px) rotateY(0deg); }
}
.flipInY { animation-name: flipInY; backface-visibility: visible !important; }
@keyframes flipOutX { 
  0% { opacity: 1; transform: perspective(400px) rotateX(0deg); }
  100% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
}
.flipOutX { animation-name: flipOutX; backface-visibility: visible !important; }
@keyframes flipOutY { 
  0% { opacity: 1; transform: perspective(400px) rotateY(0deg); }
  100% { opacity: 0; transform: perspective(400px) rotateY(90deg); }
}
.flipOutY { animation-name: flipOutY; backface-visibility: visible !important; }
@keyframes lightSpeedIn { 
  0% { opacity: 0; transform: translateX(100%) skewX(-30deg); }
  60% { opacity: 1; transform: translateX(-20%) skewX(30deg); }
  80% { opacity: 1; transform: translateX(0px) skewX(-15deg); }
  100% { opacity: 1; transform: translateX(0px) skewX(0deg); }
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@keyframes lightSpeedOut { 
  0% { opacity: 1; transform: translateX(0px) skewX(0deg); }
  100% { opacity: 0; transform: translateX(100%) skewX(-30deg); }
}
.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }
@keyframes rotateIn { 
  0% { opacity: 0; transform: rotate(-200deg); transform-origin: center center; }
  100% { opacity: 1; transform: rotate(0deg); transform-origin: center center; }
}
.rotateIn { animation-name: rotateIn; }
@keyframes rotateInDownLeft { 
  0% { opacity: 0; transform: rotate(-90deg); transform-origin: left bottom; }
  100% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom; }
}
.rotateInDownLeft { animation-name: rotateInDownLeft; }
@keyframes rotateInDownRight { 
  0% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom; }
  100% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom; }
}
.rotateInDownRight { animation-name: rotateInDownRight; }
@keyframes rotateInUpLeft { 
  0% { opacity: 0; transform: rotate(90deg); transform-origin: left bottom; }
  100% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom; }
}
.rotateInUpLeft { animation-name: rotateInUpLeft; }
@keyframes rotateInUpRight { 
  0% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; }
  100% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom; }
}
.rotateInUpRight { animation-name: rotateInUpRight; }
@keyframes rotateOut { 
  0% { opacity: 1; transform: rotate(0deg); transform-origin: center center; }
  100% { opacity: 0; transform: rotate(200deg); transform-origin: center center; }
}
.rotateOut { animation-name: rotateOut; }
@keyframes rotateOutDownLeft { 
  0% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom; }
  100% { opacity: 0; transform: rotate(90deg); transform-origin: left bottom; }
}
.rotateOutDownLeft { animation-name: rotateOutDownLeft; }
@keyframes rotateOutDownRight { 
  0% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom; }
  100% { opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; }
}
.rotateOutDownRight { animation-name: rotateOutDownRight; }
@keyframes rotateOutUpLeft { 
  0% { opacity: 1; transform: rotate(0deg); transform-origin: left bottom; }
  100% { opacity: 0; transform: rotate(-90deg); transform-origin: left bottom; }
}
.rotateOutUpLeft { animation-name: rotateOutUpLeft; }
@keyframes rotateOutUpRight { 
  0% { opacity: 1; transform: rotate(0deg); transform-origin: right bottom; }
  100% { opacity: 0; transform: rotate(90deg); transform-origin: right bottom; }
}
.rotateOutUpRight { animation-name: rotateOutUpRight; }
@keyframes slideInDown { 
  0% { opacity: 0; transform: translateY(-2000px); }
  100% { transform: translateY(0px); }
}
.slideInDown { animation-name: slideInDown; }
@keyframes slideInLeft { 
  0% { opacity: 0; transform: translateX(-2000px); }
  100% { transform: translateX(0px); }
}
.slideInLeft { animation-name: slideInLeft; }
@keyframes slideInRight { 
  0% { opacity: 0; transform: translateX(2000px); }
  100% { transform: translateX(0px); }
}
.slideInRight { animation-name: slideInRight; }
@keyframes slideOutLeft { 
  0% { transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(-2000px); }
}
.slideOutLeft { animation-name: slideOutLeft; }
@keyframes slideOutRight { 
  0% { transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(2000px); }
}
.slideOutRight { animation-name: slideOutRight; }
@keyframes slideOutUp { 
  0% { transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-2000px); }
}
.slideOutUp { animation-name: slideOutUp; }
@keyframes slideInUp { 
  0% { opacity: 0; transform: translateY(2000px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.slideInUp { animation-name: slideInUp; }
@keyframes slideOutDown { 
  0% { transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(2000px); }
}
.slideOutDown { animation-name: slideOutDown; }
@keyframes hinge { 
  0% { animation-timing-function: ease-in-out; transform: rotate(0deg); transform-origin: left top; }
  20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: left top; }
  40% { animation-timing-function: ease-in-out; transform: rotate(60deg); transform-origin: left top; }
  80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg) translateY(0px); transform-origin: left top; }
  100% { opacity: 0; transform: translateY(700px); }
}
.hinge { animation-name: hinge; }
@keyframes rollIn { 
  0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn { animation-name: rollIn; }
@keyframes rollOut { 
  0% { opacity: 1; transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; transform: translateX(100%) rotate(120deg); }
}
.rollOut { animation-name: rollOut; }
@keyframes zoomIn { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; }
}
.zoomIn { animation-name: zoomIn; }
@keyframes zoomInDown { 
  0% { animation-timing-function: ease-in-out; opacity: 0; transform: scale(0.1) translateY(-2000px); }
  60% { animation-timing-function: ease-out; opacity: 1; transform: scale(0.475) translateY(60px); }
}
.zoomInDown { animation-name: zoomInDown; }
@keyframes zoomInLeft { 
  0% { animation-timing-function: ease-in-out; opacity: 0; transform: scale(0.1) translateX(-2000px); }
  60% { animation-timing-function: ease-out; opacity: 1; transform: scale(0.475) translateX(48px); }
}
.zoomInLeft { animation-name: zoomInLeft; }
@keyframes zoomInRight { 
  0% { animation-timing-function: ease-in-out; opacity: 0; transform: scale(0.1) translateX(2000px); }
  60% { animation-timing-function: ease-out; opacity: 1; transform: scale(0.475) translateX(-48px); }
}
.zoomInRight { animation-name: zoomInRight; }
@keyframes zoomInUp { 
  0% { animation-timing-function: ease-in-out; opacity: 0; transform: scale(0.1) translateY(2000px); }
  60% { animation-timing-function: ease-out; opacity: 1; transform: scale(0.475) translateY(-60px); }
}
.zoomInUp { animation-name: zoomInUp; }
@keyframes zoomOut { 
  0% { opacity: 1; transform: scale(1); }
  50% { opacity: 0; transform: scale(0.3); }
  100% { opacity: 0; }
}
.zoomOut { animation-name: zoomOut; }
@keyframes zoomOutDown { 
  40% { animation-timing-function: linear; opacity: 1; transform: scale(0.475) translateY(-60px); }
  100% { opacity: 0; transform: scale(0.1) translateY(2000px); transform-origin: center bottom; }
}
.zoomOutDown { animation-name: zoomOutDown; }
@keyframes zoomOutLeft { 
  40% { animation-timing-function: linear; opacity: 1; transform: scale(0.475) translateX(42px); }
  100% { opacity: 0; transform: scale(0.1) translateX(-2000px); transform-origin: left center; }
}
.zoomOutLeft { animation-name: zoomOutLeft; }
@keyframes zoomOutRight { 
  40% { animation-timing-function: linear; opacity: 1; transform: scale(0.475) translateX(-42px); }
  100% { opacity: 0; transform: scale(0.1) translateX(2000px); transform-origin: right center; }
}
.zoomOutRight { animation-name: zoomOutRight; }
@keyframes zoomOutUp { 
  40% { animation-timing-function: linear; opacity: 1; transform: scale(0.475) translateY(60px); }
  100% { opacity: 0; transform: scale(0.1) translateY(-2000px); transform-origin: center top; }
}
.zoomOutUp { animation-name: zoomOutUp; }
.address-box { align-items: center; display: flex; flex-flow: column wrap; justify-content: center; }
.address-box .address-item { box-sizing: border-box; margin-bottom: 20px; max-width: 450px; width: 100%; }
.address-box .address-item-warp { background: rgb(245, 245, 245); box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 20px 20px 0px; position: relative; }
.address-box .address-item-warp .address-item-cell { color: var(--color-text-high); font-size: 14px; font-weight: 300; line-height: 26px; }
.address-box .address-item-warp .address-item-name { color: var(--color-main); font-size: 14px; font-weight: 700; line-height: 26px; margin-top: 15px; }
.address-box .address-item-warp .address-handle { align-items: center; display: flex; justify-content: flex-end; margin-top: auto; padding: 23px 0px; }
.address-box .address-item-warp .address-handle .address-handle-item { align-items: center; color: var(--color-main); cursor: pointer; display: flex; font-size: 14px; line-height: 18px; margin-left: 40px; text-decoration: underline; }
.address-box .address-item-warp .address-handle .address-handle-item span { margin-right: 8px; }
.address-box .address-item-warp .address-item-tag { height: 48px; position: absolute; right: 0px; top: 0px; width: 48px; }
.address-box .address-item-warp .address-item-tag::after { border-left: 48px solid transparent; border-top: 48px solid rgb(29, 31, 33); content: ""; position: absolute; right: 0px; top: 0px; }
.address-box .address-item-warp .address-item-tag svg { fill: rgb(255, 255, 255); position: absolute; right: 6px; top: 6px; z-index: 9; }
.account_addresses_default .back-box { padding: 30px 0px; }
.account_addresses_default .back-box a { align-items: center; display: flex; justify-content: center; }
.account_addresses_default .back-box span { color: var(--color-main); font-weight: 500; margin-left: 10px; }
.addaddress_btn { display: flex; justify-content: center; width: 100%; }
.addaddress_btn a { box-sizing: border-box; margin: 0px; max-width: 450px; width: 100%; }
@media screen and (max-width: 767px) {
  .address-box { margin-top: 0px; }
}
.account_changepassword_default .back-box { padding: 30px 0px; }
.account_changepassword_default .back-box a { align-items: center; display: flex; justify-content: center; }
.account_changepassword_default .back-box span { color: var(--color-main); font-weight: 500; margin-left: 10px; }
.account_default_default .describe-box { text-align: center; }
.account_default_default .describe-box .describe-box-title { color: var(--color-main); font-size: 1.28571rem; }
.account_default_default .describe-box .describe-box-label { color: var(--color-text-medium); font-size: 1rem; margin-top: 10px; }
.account_default_default .account_default_link { display: flex; justify-content: center; margin-top: 20px; }
.order_linked_servie { display: flex; justify-content: center; margin-top: 40px; }
.order_linked_servie.order_detail_service .order_linked_servie_wrapper { max-width: 450px; }
@media screen and (max-width: 767px) {
  .order_linked_servie.order_detail_service .order_linked_servie_wrapper { max-width: 100%; }
}
.order_linked_servie .order_linked_servie_wrapper { align-items: center; border-bottom: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; display: flex; justify-content: center; max-width: 360px; padding: 24px 20px; width: 100%; }
.order_linked_servie .order_linked_servie_wrapper .service_left span { align-items: center; border-radius: 50%; display: flex; justify-content: center; margin-right: 15px; overflow: hidden; }
.order_linked_servie .order_linked_servie_wrapper .service_left span img { height: 40px; object-fit: cover; width: 40px; }
.order_linked_servie .order_linked_servie_wrapper .service_left span svg { height: 36px; width: 36px; }
.order_linked_servie .order_linked_servie_wrapper .service_left span svg path { fill: var(--color-main); }
.order_linked_servie .order_linked_servie_wrapper .service_right .service_name { color: var(--color-main); font-size: 14px; font-weight: 500; max-width: 100%; word-break: break-all; }
.order_linked_servie .order_linked_servie_wrapper .service_right .service_remark { color: var(--color-text-low); font-size: 14px; word-break: break-all; }
.account_default_default .account_default_link_wapper { display: flex; flex-direction: column; max-width: 360px; width: 100%; }
.account_default_default .account_default_link_wapper a { margin-top: 20px; }
.order-card-info { display: flex; }
.order-card-info .order-card-info-picture { background-color: rgb(245, 245, 245); flex-shrink: 0; height: 80px; overflow: hidden; width: 80px; }
.order-card-info .order-card-info-picture .order-card-info-picture-image { height: 80px; object-fit: contain; width: 80px; }
.order-card-info .order-card-info-detail .order-card-info-title { color: var(--color-main); font-size: 14px; line-height: 20px; }
.order-card-info .order-card-info-detail .order-card-info-price, .order-card-info .order-card-info-detail .order-card-info-sku { color: var(--color-text-medium); font-size: 14px; line-height: 20px; margin-top: 10px; }
.order-card-info .order-card-info-detail .order-card-info-price { height: 20px; }
.order-card-info .order-card-info-detail .product_custom_option { color: var(--color-text-medium); font-size: 14px; line-height: 20px; margin-top: 10px; word-break: break-all; }
.order-card { background: var(--color-table-background); margin-bottom: 30px; }
.order-card .order-card-header dl { margin-top: 16px; }
.order-card .order-card-header dt { font-size: 14px; font-weight: 700; }
.order-card .order-card-header dd { font-size: 14px; margin-top: 10px; }
.order-card .order-card-header .order-card-header-text { color: var(--color-text-medium); font-size: 14px; font-weight: 400; margin-right: 14px; text-align: left; }
.order-card .order-card-number { display: flex; flex-direction: column; font-size: 14px; }
.order-card .order-card-number .order-card-number-label { color: var(--color-text-medium); }
.order-card .order-card-number .order-card-number-value { color: var(--color-main); margin-top: 8px; }
.account_orders .order-card-info { display: flex; flex: 1 1 0%; gap: 20px; overflow: hidden; }
.account_orders .order-card-info .order-card-info-picture { background-color: rgb(245, 245, 245); flex-shrink: 0; height: 80px; overflow: hidden; width: 80px; }
.account_orders .order-card-info .order-card-info-picture .order-card-info-picture-image { height: 80px; object-fit: contain; width: 80px; }
.account_orders .order-card-info .order-card-info-detail { box-sizing: border-box; flex: 1 1 0%; overflow: hidden; }
.account_orders .order-card-info .order-card-info-detail .order-card-info-title { color: var(--color-main); font-size: 14px; font-weight: 700; overflow: hidden; word-break: break-all; }
.account_orders .order-card-info .order-card-info-detail .order-card-info-sku { color: var(--color-text-medium); font-size: 14px; font-weight: 300; margin-top: 10px; overflow: hidden; word-break: break-all; }
.account_orders .order-card { background: var(--color-table-background); margin-bottom: 30px; }
.account_orders .order-card .order-card-header { background: var(--color-table-header); display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 20px 20px; }
.account_orders .order-card .order-card-header .order-card-header-text { color: var(--color-main); font-size: 14px; font-weight: 500; margin-right: 14px; text-align: left; }
.account_orders .order-card .order-text-medium { color: var(--color-text-medium); font-size: 14px; }
.account_orders .product-box { padding: 30px 0px; }
.account_orders .order-card .order-card-content { align-items: center; display: flex; justify-content: space-between; padding: 0px 20px; }
.account_orders .order-card .order-card-content .mobile-comment-btn { margin-top: 10px; }
.account_orders .order-card .order-card-content + .order-card-content { margin-top: 30px; }
.account_orders .order-card .order-card-number { display: flex; flex-direction: column; font-size: 14px; }
.account_orders .order-card .order-card-number .order-card-number-label { color: var(--color-text-medium); }
.account_orders .order-card .order-card-number .order-card-number-value { color: var(--color-main); font-weight: 700; margin-top: 8px; }
.account_orders .order-card .order-card-footer { align-items: center; border-top: 1px solid var(--color-divider); color: var(--color-text-medium); display: flex; justify-content: space-between; padding: 14px 20px; }
.account_orders .order-card .order-card-footer .order-card-footer-full { color: rgb(29, 31, 33); cursor: pointer; font-size: 14px; text-decoration: underline; }
.account_orders .order-card .mobile-footer { display: none; }
.order-card .order-card-handle { display: flex; gap: 10px; }
.account_orders .order-card .mo-btn { margin-top: 0px; min-width: 100px; }
.account_orders .order-card .order-card-date { display: none; }
@media screen and (max-width: 986px) {
  .order-card .order-card-header dl { width: calc(50% - 10px); }
  .account_orders .order-card .order-card-content { flex-direction: column; padding: 0px; align-items: flex-start !important; }
  .account_orders .order-card .order-card-content + .account_orders .order-card .order-card-content { margin-bottom: 20px; }
  .account_orders .order-card .order-card-handle, .account_orders .order-card .order-card-info, .account_orders .order-card .order-card-number { box-sizing: border-box; padding: 0px 20px; max-width: 100% !important; width: 100% !important; }
  .account_orders .order-card .order-card-number { margin-top: 6px; padding: 0px 0px 20px 120px; position: relative; }
  .account_orders .order-card .order-card-handle { display: flex; justify-content: space-between; padding: 10px; }
  .account_orders .order-card .order-card-footer { display: flex; flex-direction: column; padding: 0px; }
  .account_orders .order-card .order-card-footer .order-card-footer-full { border-bottom: 1px solid var(--color-divider); padding: 14px 0px; text-align: center; width: 100%; }
  .account_orders .order-card .order-card-footer .order-card-handle { padding: 20px; }
  .account_orders .order-card .order-card-footer .mo-btn { flex: 1 1 0%; margin-left: 0px !important; }
}
@media screen and (max-width: 767px) {
  .account_orders .order-card .order-card-footer .order-card-handle { flex-direction: column; padding: 20px; }
  .order-card .order-card-handle .mo-btn + .mo-btn { margin-left: 0px; margin-top: 10px; }
}
.account_orders .back-box { padding: 30px 0px; }
.account_orders .back-box a { align-items: center; display: flex; justify-content: center; }
.account_orders .back-box span { color: var(--color-main); font-weight: 500; margin-left: 10px; }
.account_orders .filter-box { align-items: center; display: flex; gap: 10px; justify-content: center; margin: 30px auto; max-width: 600px; }
.account_orders .filter-box .filter-item { flex: 1 1 0%; }
.account_orders .filter-box .filter-select { display: inline-block; max-width: 300px; position: relative; width: 100%; }
.account_orders .filter-box .filter-select::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgb(51, 51, 51); content: ""; height: 0px; pointer-events: none; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 0px; }
.account_orders .filter-box .filter-select select { appearance: none; background: none rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; color: rgb(51, 51, 51); font-size: 16px; outline: none; padding: 8px 40px 8px 15px; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.account_orders .filter-box .filter-input { border: 1px solid var(--color-divider); border-radius: 4px; box-sizing: border-box; color: var(--color-text-medium); flex: 2 1 0%; height: 40px; line-height: 40px; padding: 0px 12px; position: relative; }
.account_orders .filter-box .filter-input button { background: transparent; display: inline-flex; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.order-header { align-items: center; display: flex; flex-direction: column; }
.order-header .order-header-ID { color: var(--color-main); font-size: 20px; font-weight: 700; line-height: 24px; margin-top: 22px; }
.order-header .order-header-date { color: var(--color-text-low); font-size: 14px; line-height: 18px; margin-top: 10px; }
.order-header .order-header-cancel { color: var(--color-main); cursor: pointer; font-size: 14px; line-height: 18px; margin-top: 10px; text-decoration: underline; }
.account_orderDetail_default .order-card-info-detail { overflow: hidden; padding: 0px 20px; }
.order-table { margin-top: 40px; }
.order-table .order-table-header { align-items: center; background: var(--color-table-header); display: flex; height: 64px; padding: 0px 24px; }
.order-table .order-table-header .order-table-header-btns { align-items: center; display: flex; }
.order-table .order-table-header .order-table-header-btns a + a { margin-left: 10px; }
.order-table .order-table-header .order-table-title { color: var(--color-main); font-size: 20px; font-weight: 700; height: 24px; margin-right: auto; }
.order-table .order-table-header .main_btn { height: 40px; line-height: 40px; margin-top: 0px; }
.order-table .order-table-body-info { background: var(--color-table-background); display: flex; flex-wrap: wrap; padding: 30px 20px; }
.order-table .order-table-body-info dl { box-sizing: border-box; margin-bottom: 12px; padding-right: 12px; width: 33%; }
.order-table .order-table-body-info dt { color: var(--color-main); font-size: 14px; font-weight: 700; margin-bottom: 12px; min-height: 18px; }
.order-table .order-table-body-info dd { color: var(--color-text-medium); font-size: 14px; line-height: 22px; }
.order-table .order-table-body-product { background: var(--color-table-background); border-bottom: 1px solid var(--color-divider); }
.account_orderDetail_default .order-table .order-table-body-product .order-product-item { box-sizing: border-box; font-size: 14px; padding: 30px 22px; }
.order-table .order-table-body-product .order-product-item .order-card-info-price { color: var(--color-main) !important; }
.order-table .order-table-body-product .order-product-item + .order-product-item { border-top: 1px dashed var(--color-divider); }
.order-table .mo-table-footer { align-items: flex-end; background: var(--color-table-background); display: flex; flex-direction: column; padding: 30px 20px; }
.order-table .mo-table-footer .pay-cell { display: flex; font-size: 14px; }
.order-table .mo-table-footer .pay-cell .pay-cell-labe { color: var(--color-text-medium); text-align: right; }
.order-table .mo-table-footer .pay-cell .pay-cell-value { color: var(--color-main); text-align: right; width: 120px; }
.order-table .mo-table-footer .pay-cell + .pay-cell { margin-top: 10px; }
.order-table .mo-table-footer .pay-cell-total { font-size: 16px; font-weight: 700; }
.order-table .mo-table-footer .pay-cell-total .pay-cell-labe { color: var(--color-main); }
.order-table .mo-table-footer .pay-cell-total .pay-cell-value { color: var(--assist-color); }
.account_orderDetail_default .order-product-header { align-items: center; background: var(--color-table-background); border-bottom: 1px solid var(--color-divider); box-sizing: border-box; color: var(--color-text-medium); display: flex; font-size: 14px; height: 70px; margin-top: 30px; padding: 0px 20px; }
@media screen and (max-width: 768px) {
  .order-product-header { display: none !important; }
  .order-card-info-price { align-items: center; flex-wrap: wrap; margin-top: 10px; display: flex !important; }
  .order-product-item .mo-col-6 { width: 100% !important; }
  .order-product-item .mo-col-2 { display: none !important; }
  .account_orderDetail_default .order-card-info-detail { box-sizing: border-box; flex: 1 1 0%; overflow: hidden; padding: 0px 0px 0px 20px; }
  .order-table .order-table-body-info dl { box-sizing: border-box; margin-bottom: 12px; padding-right: 12px; width: 50%; }
}
@media screen and (max-width: 767px) {
  .order-table { margin-top: 30px; }
}
.tracking-warp { background-color: var(--color-table-background); margin-top: 30px; }
.tracking-warp .tracking-header { align-items: center; border-bottom: 1px solid rgb(221, 221, 221); display: flex; font-weight: 700; height: 64px; padding: 0px 20px; }
.tracking-warp .tracking-item { display: flex; flex-direction: column; padding: 24px 20px; position: relative; }
.tracking-warp .tracking-item .tracking-edge { border-right: 6px dashed transparent; border-bottom: 6px dashed transparent; border-left: 6px dashed transparent; border-image: none; border-top: 6px solid var(--color-main); cursor: pointer; margin-top: -3px; position: absolute; right: 20px; top: 50%; transition: 0.3s; }
.tracking-warp .tracking-item .tracking-item-title { color: var(--color-main); font-size: 16px; font-weight: 700; }
.tracking-warp .tracking-item .tracking-item-des { color: var(--color-text-medium); font-size: 14px; font-weight: 300; margin-top: 10px; }
.tracking-warp .tracking-item .tracking-item-des img { height: auto !important; width: 100% !important; }
.tracking-warp .tracking-item + .tracking-item { border-top: 1px dashed var(--color-divider); }
.account_profile .profile-info { align-items: center; display: flex; flex-direction: column; }
.account_profile .profile-info .profile-item { color: rgb(136, 136, 136); font-size: 14px; margin-bottom: 10px; text-align: center; }
.account_profile .profile-info .profile-edit { margin-top: 1.42857rem; text-decoration: underline; color: var(--assist-color) !important; }
.checkbox_label { padding: 20px 0px; }
.birthday-warp { align-items: center; background-color: var(--color-input-background); border: 2px solid var(--color-input-background); border-radius: var(--button_border_radius); box-sizing: border-box; display: flex; height: 46px; overflow: hidden; padding: 0px 14px; transition: 0.5s; }
.birthday-warp span { font-size: 14px; }
.birthday-warp .birthday-warp-label { color: var(--color-input-placeholder); }
.birthday-warp:hover { border: 2px solid var(--color-main); }
.birthday-warp .mo-form-input-none:focus { border: 2px solid var(--color-input-background); }
.customer_login #login-form { padding-bottom: 80px; }
#login-form .mo-btn-reset { color: var(--color-main); display: inline-block; font-weight: 300; text-align: center; text-decoration: underline; }
.customer_login_default { padding: 0px 0px 80px; }
.mo-checkbox { display: flex; font-size: 14px; justify-content: center; padding: 20px 0px; text-align: left; }
.mo-checkbox .mo-checkbox_input { appearance: none; border: 1px solid rgb(29, 31, 33); box-shadow: rgb(29, 31, 33) 0px 0px 0px 1px inset; cursor: pointer; height: 16px; margin-right: 10px; transition: box-shadow 1s; width: 16px; }
.order_checkbox { left: 0px; opacity: 0; position: absolute; top: 0px; }
.checkbox_label { cursor: pointer; display: inline-block; font-size: 14px; position: relative; text-align: center; }
.checkbox_label .check_icon { background: rgb(255, 255, 255); border: 1px solid rgb(29, 31, 33); box-sizing: border-box; display: inline-block; font-size: 0px; height: 18px; margin-right: 10px; text-align: center; transition: 0.2s ease-out; vertical-align: middle; width: 18px; }
.checkbox_label .check_icon svg { fill: rgb(255, 255, 255); height: 16px; opacity: 0; width: 10px; }
.order_checkbox:checked + span.check_icon { border-color: rgb(29, 31, 33); box-shadow: rgb(29, 31, 33) 0px 0px 0px 10px inset; }
.order_checkbox:checked + span.check_icon svg { opacity: 1; }
.text-tip { color: var(--color-main); font-size: 1rem; font-weight: 300; padding: 20px 0px 0px; text-align: center; }
.text-tip a { margin-left: 2px; text-decoration: underline; }
.customer_register_default { display: block; padding: 0px 0px 80px; }
.customer_register_default .mo-card-content .register-service { margin-bottom: 15px; width: 100%; }
.customer_register_default .mo-card-content .register-service:empty { margin-bottom: 0px; }
.customer_register_default .mo-card-content .register-service .service-list { align-items: center; border-radius: var(--button_border_radius); box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; height: 54px; justify-content: space-between; padding: 0px 12px; width: 100%; }
.customer_register_default .mo-card-content .register-service #service-select { background-color: var(--color-input-background); position: relative; }
#service_eror { color: rgb(220, 72, 69); display: none; font-size: 14px; }
.customer_register_default .mo-card-content .register-service #service-select .service-left { padding-top: 18px; }
.customer_register_default .mo-card-content .register-service #service-select.manual .service-left .name, .customer_register_default .mo-card-content .register-service #service-select.manual .service-left .service-img { display: none; }
.customer_register_default .mo-card-content .register-service #service-select.manual .service_label { font-size: 14px; top: 50%; transform: translateY(-50%); }
.customer_register_default .mo-card-content .register-service #service-select .service_label { color: rgb(170, 170, 170); font-size: 12px; left: 12px; position: absolute; top: 5px; transition: top 0.1s, font-size 0.1s; }
.customer_register_default .mo-card-content .register-service .service-list .service-left { align-items: center; display: flex; }
.customer_register_default .mo-card-content .register-service .service-list .service-left .name { overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; word-break: normal; -webkit-box-orient: vertical; flex: 1 1 0%; font-size: 14px; }
.customer_register_default .mo-card-content .register-service .service-list span { align-items: center; border-radius: 50%; display: flex; margin-right: 10px; overflow: hidden; }
.customer_register_default .mo-card-content .register-service .service-list .service-left span img { display: none; height: 26px; object-fit: cover; width: 26px; }
.customer_register_default .mo-card-content .register-service .service-list .service-left span.show_img img, .customer_register_default .mo-card-content .register-service .service-list .service-left span.show_svg svg { display: block; }
.customer_register_default .mo-card-content .register-service .service-list .service-left span svg { display: none; height: 18px; margin-left: 4px; width: 18px; }
.customer_register_default .mo-card-content .register-service .service-list .service-left span svg path { fill: var(--main_color); }
.customer_register_default .mo-card-content .register-service .service-list .service-right svg { height: 11px; transition: 0.3s; width: 19px; }
.customer_register_default .mo-card-content .register-service .service-list .service-right svg path { fill: rgb(112, 112, 112); }
.customer_register_default .mo-card-content .register-service .service-list .service-right.show-options svg { transform: rotate(180deg); }
.customer_register_default .mo-card-content .register-service .service_option { background: rgb(255, 255, 255); border-radius: var(--button_border_radius); box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 12px 2px; box-sizing: border-box; display: none; margin-top: 10px; max-height: 400px; overflow-y: scroll; padding: 10px 0px; }
.customer_register_default .mo-card-content .register-service .service_option::-webkit-scrollbar { display: none; }
.customer_register_default .reset-code, .customer_resetpassword_default .reset-code { background-color: var(--color-main); border-radius: var(--button_border_radius); color: rgb(255, 255, 255); cursor: pointer; font-size: 1rem; height: 50px; line-height: 50px; text-align: center; }
.customer_register_default .reset-code-prohibit, .customer_resetpassword_default .reset-code-prohibit { background-color: var(--disable-color); }
.customer_resetpassword_default .text-tip { color: var(--color-main); font-size: 1rem; font-weight: 300; padding: 20px 0px 0px; text-align: center; }
.customer_resetpassword_default .text-tip a { margin-left: 2px; text-decoration: underline; }
.account_orders .order-card-info .order-card-info-detail .order-card-info-title, .order-card-info .order-card-info-detail .order-card-info-title { line-height: 24px; }
.account_orders .order-card-info .order-card-info-detail .order-card-info-sku, .order-card-info .order-card-info-detail .order-card-info-sku, .order-card-info .order-card-info-detail .product_custom_option { line-height: 24px; margin-top: 0px !important; }
@media screen and (max-width: 767px) {
  .account_orders .order-card-info .order-card-info-detail .order-card-info-sku, .order-card-info .order-card-info-detail .order-card-info-sku, .order-card-info .order-card-info-detail .product_custom_option { line-height: 28px; }
}
.account_orderDetail_default .buy_again { margin-top: 0px; }
@media screen and (max-width: 767px) {
  .account_orderDetail_default .buy_again_warp { display: flex; flex-direction: column; height: auto; justify-content: center; padding: 20px; }
  .account_orderDetail_default .buy_again_warp .order-table-title { margin: auto; }
  .account_orderDetail_default .buy_again_warp .order-table-header-btns { margin-top: 20px; width: 100%; }
  .account_orderDetail_default .buy_again_warp .order-table-header-btns a { flex: 1 1 0%; }
}
.tracking-item-header { display: flex; justify-content: space-between; }
.tracking-item-delivery { cursor: pointer; text-decoration: underline; }
.delivery-product-popup { background-color: rgb(255, 255, 255); border-radius: 6px; width: 528px; }
@media screen and (max-width: 767px) {
  .delivery-product-popup { width: 98vw; }
}
.delivery-product-popup .delivery-product-header { align-items: center; border-bottom: 1px solid rgb(238, 238, 238); color: rgb(0, 0, 0); display: flex; font-size: 16px; height: 70px; justify-content: space-between; padding: 0px 32px; }
.delivery-product-popup .delivery-product-header .cart-header-claer { cursor: pointer; }
.delivery-product-popup .delivery-product-box { padding: 32px; }
.delivery-product-item { display: flex; }
.delivery-product-item + .delivery-product-item { margin-top: 20px; }
.delivery-product-item .delivery-product-item-img { display: inline-block; height: 100px; width: 100px; }
.delivery-product-item .delivery-product-item-img img { height: 100%; object-fit: contain; width: 100%; }
.delivery-product-item-content { flex: 1 0 0%; margin-left: 20px; }
.delivery-product-item-content .delivery-product-title { color: var(--title_color); cursor: pointer; display: -webkit-box; font-size: var(--product_font_size); overflow: hidden; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.delivery-product-item-content .delivery-product-number, .delivery-product-item-content .delivery-product-sku { color: rgb(102, 102, 102); }
.delivery-product-item-content .delivery-product-price { color: var(--buying_parice_color); }
.tracking-warp .refund-item { display: flex; flex-direction: column; padding: 24px 20px; position: relative; }
.tracking-warp .refund-item .refund-edge { border-right: 6px dashed transparent; border-bottom: 6px dashed transparent; border-left: 6px dashed transparent; border-image: none; border-top: 6px solid var(--color-main); cursor: pointer; margin-top: -3px; position: absolute; right: 20px; top: 50%; transition: 0.3s; }
.tracking-warp .refund-item + .refund-item { border-top: 1px dashed rgb(221, 221, 221); }
.tracking-warp .refund-item .refund-item-title { color: var(--color-main); font-size: 16px; font-weight: 700; }
.tracking-warp .refund-item .refund-item-des { color: var(--color-text-medium); font-size: 14px; font-weight: 300; margin-top: 10px; }
.refund-item-delivery, .refund-item-header { align-items: center; display: flex; justify-content: space-between; }
.refund-item-delivery { flex: 1 1 0%; margin-left: 40px; }
.refund-item-delivery-btn { color: var(--color-text-medium); cursor: pointer; font-size: 16px; font-weight: 300; text-decoration: underline; }
@media screen and (max-width: 767px) {
  .refund-item-delivery { margin-left: 0px; }
  .refund-item-header { align-items: start; flex-direction: column; }
  .refund-item-delivery { margin: 10px 0px; width: 100%; }
}
.login_trms .checkbox_label, .register_trms .checkbox_label { display: flex; justify-content: flex-start; margin: 5px 0px; padding: 0px; position: relative; text-align: left; text-decoration: underline; }
.login_trms .checkbox_label .check_icon, .register_trms .checkbox_label .check_icon { flex-shrink: 0; }
.login_trms #transaction_terms, .register_trms #transaction_terms { display: flex; flex-direction: column; }
.login_trms .checkbox_label.error_label::after, .register_trms .checkbox_label.error_label::after { box-shadow: rgb(227, 44, 43) 0px 0px 0px 2px; content: ""; height: calc(100% + 4px); left: -10px; position: absolute; top: -2px; width: calc(100% + 20px); }
#terms_detail_popup { background-color: rgb(255, 255, 255); box-sizing: border-box; max-width: 560px; padding: 0px 20px; width: 90vw; }
#terms_detail_popup .terms_title { align-items: center; color: rgb(29, 31, 33); display: flex; font-size: 18px; justify-content: space-between; position: relative; }
#terms_detail_popup .terms_title::after { border-bottom: 1px solid rgb(221, 221, 221); bottom: -1px; content: ""; position: absolute; width: 100%; }
#terms_detail_popup .terms_title::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.04) 0px, rgb(255, 255, 255)); bottom: 0px; content: ""; pointer-events: none; position: absolute; right: 30px; top: 0px; width: 120px; z-index: 100; }
#terms_detail_popup .terms_title .terms_close_btn { align-items: center; cursor: pointer; display: flex; }
#terms_detail_popup .terms_title ul { display: flex; flex: 1 1 0%; gap: 16px; margin-right: 10px; overflow-x: auto; position: relative; scrollbar-width: none; }
#terms_detail_popup .terms_title ul li { color: rgb(153, 153, 153); cursor: pointer; flex-shrink: 0; max-width: 255px; overflow: hidden; padding: 15px 0px; text-overflow: ellipsis; white-space: nowrap; }
#terms_detail_popup .terms_title ul li.active { border-bottom: 2px solid rgb(29, 31, 33); color: rgb(29, 31, 33); }
#terms_detail_popup .terms_content_box { border-bottom: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); font-family: Montserrat-Light, Montserrat; font-size: 14px; line-height: 18px; max-height: 50vh; min-height: 266px; overflow: hidden auto; padding: 20px 0px; white-space: pre-wrap; }
#terms_detail_popup .terms_footer { align-items: center; display: flex; gap: 20px; justify-content: flex-end; padding: 20px 0px; }
#terms_detail_popup .terms_footer .main_btn { margin-top: 0px; }
@keyframes m-button-bounce { 
  0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); }
  80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); }
}
.m-anim-bounce { animation: m-button-bounce var(--anim-time,1s); transform-origin: center bottom; }
@keyframes m-button-rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}
.m-anim-rubberBand { animation: m-button-rubberBand var(--anim-time,1s); }
@keyframes m-button-shakeX { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
.m-anim-shakeX { animation: m-button-shakeX var(--anim-time,1s); }
@keyframes m-button-swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
.m-anim-swing { animation: m-button-swing var(--anim-time,1s); transform-origin: center top; }
@keyframes m-button-wobble { 
  0% { transform: translateZ(0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: translateZ(0px); }
}
.m-anim-wobble { animation: m-button-wobble var(--anim-time,1s); }
.pyment_failed_page { align-items: center; display: flex; height: 100vh; justify-content: center; overflow: hidden; width: 100vw; }
.pyment_failed_page .pyment_failed_content { align-items: center; display: flex; flex-direction: column; width: 324px; }
.pyment_failed_page .pyment_failed_content .payment_failed_list { display: grid; gap: 9px; list-style: none; width: 100%; }
.pyment_failed_page .pyment_failed_content .payment_failed_list li { display: flex; justify-content: space-between; }
.pyment_failed_page .pyment_failed_content .payment_failed_list li .name { color: rgb(29, 31, 33); font-size: 14px; font-weight: 700; line-height: 17px; }
.pyment_failed_page .pyment_failed_content .payment_failed_list li .value { color: rgb(0, 0, 0); font-size: 14px; line-height: 17px; opacity: 0.5; }
.pyment_failed_page .pyment_failed_content .try_again { align-items: center; background-color: rgb(29, 31, 33); color: rgb(255, 255, 255); display: flex; font-size: 16px; height: 48px; justify-content: center; margin-top: 24px; text-decoration: none; width: 100%; }
.pyment_failed_page .pyment_failed_content .payment_failed_title, .pyment_failed_popup .pyment_failed_content .payment_failed_title { color: red; font-size: 28px; line-height: 34px; }
.pyment_failed_page .pyment_failed_content .payment_failed_gateway, .pyment_failed_popup .pyment_failed_content .payment_failed_gateway { color: rgb(51, 51, 51); font-size: 14px; line-height: 17px; max-height: 221px; overflow-y: auto; padding: 4px 0px; text-align: center; word-break: break-word; }
.pyment_failed_page .pyment_failed_content .payment_failed_remark, .pyment_failed_popup .pyment_failed_content .payment_failed_remark { border-bottom: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); color: rgb(153, 153, 153); font-size: 14px; line-height: 20px; margin: 28px 0px 25px; max-height: 300px; overflow-y: auto; padding: 24px 0px; text-align: center; }
.pyment_failed_page .pyment_failed_content .payment_failed_remark a, .pyment_failed_popup .pyment_failed_content .payment_failed_remark a { color: revert; }
.pyment_failed_popup { align-items: center; background: rgba(0, 0, 0, 0.5); display: flex; height: 100%; justify-content: center; left: 0px; position: fixed; top: 0px; transition: 0.3s; width: 100%; z-index: 999999; }
.pyment_failed_popup .pyment_failed_content { align-items: center; background-color: rgb(255, 255, 255); border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; padding: 24px; position: relative; width: 370px; }
.pyment_failed_popup .pyment_failed_content .payment_failed_remark { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.pyment_failed_popup .pyment_failed_content .pyment_failed_close { align-items: center; cursor: pointer; display: flex; height: 24px; justify-content: center; position: absolute; right: 12px; top: 12px; width: 24px; }
.cod-product-detail-btn-wrap { display: flex; gap: 20px; width: 100%; }
.cod-product-detail-btn-wrap .main_btn { margin-top: 0px; }
.cod-product-detail-btn-wrap.row-reverse { flex-direction: row-reverse; }
@media screen and (max-width: 420px) {
  .cod-product-detail-btn-wrap { flex-direction: column; gap: 15px; }
  .cod-product-detail-btn-wrap.row-reverse { flex-direction: column-reverse; }
}
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap { display: grid; gap: 20px; width: 100%; }
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap:not(.one-btn) { grid-template-areas: "a a" "b c"; grid-template-columns: 1fr 1fr; }
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap:not(.one-btn).row-reverse { grid-template-areas: "a a" "c b"; }
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap:not(.one-btn) > div:first-child { grid-area: a; }
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap:not(.one-btn) > div:nth-child(2) { grid-area: b; }
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap:not(.one-btn) > div:nth-child(3) { grid-area: c; }
@media screen and (max-width: 420px) {
  .cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap { gap: 15px; }
}
.cod-product-detail-btn-wrap.add_cod-product-detail-btn-wrap .cod-btn:hover { background-color: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.cod-product-detail-btn-wrap .cod-btn { align-items: center; background-color: var(--secondary_button_bg); border: 1px solid var(--secondary_button_color); border-radius: var(--button_border_radius); box-sizing: border-box; color: var(--secondary_button_color); cursor: pointer; display: flex; flex: 1 1 0%; flex-direction: column; justify-content: center; min-height: 48px; padding: 8px; position: relative; text-align: center; transition: 0.3s; width: 100%; }
.cod-product-detail-btn-wrap .cod-btn.cod-main { background-color: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.cod-product-detail-btn-wrap .cod-btn.cod-main:hover { opacity: 0.9; }
.cod-product-detail-btn-wrap .cod-btn:not(.cod-main):hover { background-color: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.cod-product-detail-btn-wrap .cod-btn svg path { fill: currentcolor; }
.cod-product-detail-btn-wrap .cod-btn div:first-child { align-items: center; display: flex; gap: 4px; }
.cod-product-detail-btn-wrap .cod-btn div:nth-child(2) { font-size: 12px; opacity: 0.5; }
.cod-product-detail-btn-wrap .cod-btn .label { background-color: rgb(255, 60, 60); border-radius: 5px; color: rgb(255, 255, 255); font-size: 14px; padding: 4px 7px; position: absolute; right: -1px; top: 0px; transform: translateY(-50%); }
.cod-product-detail-btn-wrap .cod-btn .label::after { border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 20px solid rgb(255, 60, 60); bottom: -6px; content: ""; height: 0px; position: absolute; right: 0px; width: 0px; }
.currency_txt .mx-2 { display: inline-flex; margin-left: 0.5rem; margin-right: 0.5rem; }
.df-flex-text-wrap { min-width: 0px; overflow-wrap: break-word; }
.block_high_search { user-select: none; }
.block_high_search .text-left { text-align: left !important; }
.block_high_search .btn-high_search { background: var(--main_button_bg); border-radius: var(--button_border_radius); color: var(--main_button_color); }
.block_high_search .block_high_search-absolute { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 0px; z-index: 60000; }
.block_high_search .tab-item { border: 1px solid var(--main_button_bg); border-radius: 19px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; height: 36px; line-height: 36px; opacity: 1; padding: 0px 15px; width: auto; }
.block_high_search .tab-item:hover { background: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.block_high_search .tab-item + .tab-item { margin-left: 12px; }
.block_high_search .tab-item-active { background: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.block_high_search .block_high_search-body { max-height: 400px; overflow-y: auto; }
.block_high_search .block_high_search-body .line-clamp2 { width: auto; word-break: break-word; }
.block_high_search .block_high_search-body .product-item { cursor: pointer; position: relative; }
.block_high_search .block_high_search-body .product-item:hover { background: rgb(246, 246, 246); }
.block_high_search .block_high_search-body .product-item + .product-item::before { background-color: rgb(238, 238, 238); content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 0px; }
.block_high_search .swiper-button-disabled path { fill: rgb(153, 153, 153); }
@media screen and (max-width: 768px) {
  .block_high_search .block_high_search-body { max-height: 300px; }
}
.block_high_search_wrapper { margin: 0px auto; max-width: var(--general_layout_width); width: 100%; }
.block_high_search .code_box .code { align-items: center; background-color: rgb(0, 0, 0); border-radius: 26px; color: rgb(255, 255, 255); display: inline-flex; justify-content: center; margin-left: 3px; padding: 3px 15px; }
.block_high_search .code_box .code .copy_svg { display: inline-flex; margin-left: 8px; }
.block_high_search .code_box .code .code_text { overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; word-break: break-all; -webkit-box-orient: vertical; max-width: 100px; }
@media screen and (max-width: 767px) {
  .block_high_search .code_box .code .code_text { max-width: 50px; }
}
.block_high_search .coupon_time, .block_high_search .promotion_time { display: inline-flex; }
.block_high_search .coupon_time svg, .block_high_search .promotion_time svg { margin-right: 5px; }
* { margin: 0px; }
body, html { color: var(--main_color); font-family: var(--general_font_family); font-size: var(--general_font_size); font-style: var(--general_font_style); font-weight: var(--general_font_weigth); line-height: var(--general_line_height); width: 100%; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: var(--page_background_color); overflow-wrap: break-word; }
td { font-size: 14px; }
iframe { border: 0px; }
button, input, textarea { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color-main); font-size: 14px; outline: none; }
button:focus { outline: none; }
input:disabled { color: var(--disable-color); }
input::placeholder { color: var(--color-input-placeholder); }
input[type="password"], input[type="text"] { appearance: none; line-height: 1; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1rem; overflow: auto; }
textarea::placeholder { color: var(--color-input-placeholder); }
button, input[type="button"] { appearance: none; }
select { border: 1px solid rgb(212, 212, 212); cursor: pointer; font-size: 1rem; height: 40px; min-width: 80px; padding: 0px 5px; }
img { border: 0px; vertical-align: top; }
li, ul { list-style-type: none; }
div, input, li, ol, p, ul { margin: 0px; padding: 0px; }
a { color: var(--color-main); outline-style: none; text-decoration: none; }
.--link-font-color { color: var(--link-font-color); }
.--header-style { background: var(--header-bg-color); }
.--footer-style { background: var(--footer-bg-color); color: var(--footer-font-color); }
.--title { color: var(--title-font-color); font-family: var(--title-font-family); font-size: var(--title-font-size); }
.--nav-bg-color { background: var(--nav-bg-color); color: var(--nav-font-color); font-family: var(--nav-font-family); font-size: var(--nav-font-size); }
.--main-button { background: var(--main-button-bg-color); color: var(--main-button-font-color); font-size: var(--main-button-font-size); }
.--secondary-button { background: var(--secondary-button-font-color); border-color: var(--secondary-button-border-color); font-size: var(--secondary-button-font-size); }
.--discount-style { background: var(--discount-bg-color); color: var(--discount-bg-color); }
.--price-color { color: var(--price-color); }
.--sale-price-color { color: var(--sale-price-color); }
#MainContent > div { margin-bottom: var(--general_layout_spacing); }
#MainContent > div#block-add-btn { margin-bottom: 0px; }
.block-add { align-items: center; animation: 0.3s ease-out 0s 1 normal none running addCard; border: 2px dashed rgb(112, 112, 218); box-sizing: border-box; color: rgb(112, 112, 218); display: flex; font-size: 16px; font-weight: 600; height: 83px; justify-content: center; overflow: hidden; width: 100%; }
#MainContent > div#oemsaas-add-btn { margin-bottom: 0px; }
.hide_line { overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; display: -webkit-box; word-break: normal; -webkit-box-orient: vertical; text-align: center; width: 100%; -webkit-line-clamp: 1 !important; }
.title { color: var(--title_color); font-family: var(--title_font_family); font-size: var(--title_font_size); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); margin-bottom: calc(var(--general_layout_spacing)*var(--title_margin_bottom_scale)); margin-top: calc(var(--general_layout_spacing)*var(--title_margin_bottom_scale)); position: relative; text-align: center; }
.container_wrapper { margin: 0px auto; max-width: var(--general_layout_width); width: 100%; }
.full_container_wrapper { box-sizing: border-box; max-width: 100%; padding-left: var(--full_container_padding); padding-right: var(--full_container_padding); }
@media (max-width: 1200px) {
  .container_wrapper, .full_container_wrapper { box-sizing: border-box; padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 767px) {
  .container_wrapper, .full_container_wrapper { box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
}
.customer_trackingorder_default .tracking_order_form { align-items: center; display: -webkit-flex; flex-flow: column wrap; min-height: calc(-481px + 100vh); padding-bottom: 100px; }
.customer_trackingorder_default .tracking_order_form form { display: flex; justify-content: space-between; margin: 0px auto; max-width: 600px; width: 100%; }
.customer_trackingorder_default .tracking_order_form .tracking_order_txt { border: 1px solid rgb(112, 112, 112); border-radius: var(--button_border_radius); box-sizing: border-box; height: 44px; text-indent: 10px; width: calc(100% - 155px); }
.customer_trackingorder_default .tracking_order_form .tracking_order_btn { align-items: center; background-color: var(--main_button_bg); border-radius: var(--button_border_radius); color: var(--main_button_color); cursor: pointer; display: flex; font-size: 16px; height: 44px; justify-content: center; text-transform: uppercase; width: 140px; }
@media (max-width: 767px) {
  .customer_trackingorder_default .tracking_order_form { padding-bottom: 0px; padding-top: 0px; }
  .customer_trackingorder_default .tracking_order_form form { flex-wrap: wrap; width: 100%; }
  .customer_trackingorder_default .tracking_order_form .tracking_order_txt { width: 100%; }
  .customer_trackingorder_default .tracking_order_form .tracking_order_btn { margin-top: 15px; width: 100%; }
}
.cart_list_default .cart_form-header { align-items: center; display: flex; justify-content: space-between; padding: 10px 0px; }
.cart_list_default .cart_list_title { border-bottom: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); box-sizing: border-box; display: grid; grid-template-columns: 100px 2fr 1fr 1fr 50px; height: 50px; line-height: 50px; }
.cart_list_default .cart_list_content { border-bottom: 1px dashed rgb(221, 221, 221); display: grid; grid-template-columns: 100px 2fr 1fr 1fr 50px; padding: 30px 0px; }
.cart_list_default .product_info { display: flex; width: 100%; }
.cart_list_default .product_info_pic a { align-items: center; box-sizing: border-box; display: flex; height: 100px; justify-content: center; width: 100px; }
.cart_list_default .product_info_pic img { max-height: 100%; max-width: 100%; }
.cart_list_default .product_info_info { box-sizing: border-box; overflow: hidden; padding-left: 1.5rem; }
.cart_list_default .product_info_name { color: rgb(51, 51, 51); display: -webkit-box; -webkit-line-clamp: 2; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.cart_list_default .product_info_sku { color: rgb(136, 136, 136); font-size: 14px; line-height: 24px; overflow: hidden; }
.cart_list_default .product_custom_option { color: rgb(136, 136, 136); font-size: 14px; line-height: 24px; word-break: break-all; }
.cart_list_default .cart_list_delete { fill: rgb(136, 136, 136); }
.cart_list_default .cart_qty { border: 1px solid rgb(221, 221, 221); box-sizing: border-box; display: flex; height: 3rem; margin: 0px auto; width: 10rem; }
.cart_list_default .cart_qty a { align-items: center; display: flex; height: 100%; justify-content: center; width: 3rem; }
.cart_list_default .cart_qty input[name="cart_qty"] { background: none; border: 0px; height: 100%; text-align: center; width: calc(100% - 6rem); }
.cart_list_default .cart_qty_content .stock_quantity { color: rgb(255, 82, 108); text-align: center; }
.cart_list_default .cart_qty_content .wap_stock_quantity { display: none; }
.cart_list_default .cart_qty_content .tip { color: rgb(255, 82, 108); margin-top: 10px; text-align: center; }
.cart_list_default .product_total { align-items: center; display: flex; flex-flow: column wrap; justify-content: start !important; }
.cart_list_default .cart_order_summary { display: flex; justify-content: space-between; }
.cart_list_default .order_discount { padding: 20px 0px; }
.cart_list_default .order_discount .order_discount_form { display: flex; }
.cart_list_default .order_discount .order_discount_coupon_code { align-items: center; background: rgba(112, 112, 112, 0.11); border-radius: 5px; display: inline-flex; font-weight: 700; height: 38px; margin-top: 15px; padding: 0px 10px; }
.cart_list_default .order_discount .order_discount_coupon_code > svg { fill: rgb(113, 113, 113); margin-right: 5px; }
.cart_list_default .order_discount .order_discount_coupon_code .close_coupon_code { cursor: pointer; display: block; height: 16px; margin-left: 10px; width: 16px; }
.cart_list_default .order_discount .order_discount_code_btn { background: rgb(200, 200, 200); border: 0px; border-radius: 5px; color: rgb(255, 255, 255); height: 46px; line-height: 46px; margin-left: 10px; text-align: center; width: 90px; }
.cart_list_default .order_discount .order_discount_code_btn_on { background: rgb(51, 51, 51); cursor: pointer; }
.cart_list_default .order_discount .order_text_box { width: calc(100% - 100px); }
.cart_list_default .order_text_box { position: relative; }
.cart_list_default .text_label { color: rgb(115, 115, 115); cursor: pointer; font-size: 12px; left: 0px; line-height: 44px; padding-left: 10px; position: absolute; top: 0px; transition: 0.2s ease-out; }
.cart_list_default .top-border { border-color: rgb(227, 44, 43); box-shadow: rgb(227, 44, 43) 0px 0px 0px 1px; }
.cart_list_default .tip { color: rgb(227, 44, 43); margin-top: 5px; }
.cart_list_default .order_discount_form .order_text_box .text_label { box-sizing: border-box; overflow: hidden; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.cart_list_default .order_text { background: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); border-radius: 5px; box-sizing: border-box; height: 46px; text-indent: 10px; transition: 0.2s ease-out; width: 100%; }
.cart_list_default .order_text:focus { border-color: rgb(118, 118, 118); box-shadow: rgb(118, 118, 118) 0px 0px 0px 1px; outline: none; }
.cart_list_default .order_text_on .text_label { line-height: 28px; }
.cart_list_default .order_text_on .order_text { line-height: 20px; padding-top: 18px; }
.cart_list_default .cart_order_summary_wrapper { max-width: 37%; width: 100%; }
.cart_list_default .cart_list_coupon { align-items: center; display: flex; }
.cart_list_default .cart_list_coupon input[name="coupon_code"] { background: rgb(246, 246, 246); border: 0px; box-sizing: border-box; height: 3.5rem; text-indent: 10px; width: calc(100% - 130px); }
.cart_list_default .cart_list_coupon input[name="coupon_btn"] { background: rgb(51, 51, 51); border: 0px; color: rgb(255, 255, 255); font-size: 1.2rem; height: 3.5rem; line-height: 3.5rem; margin-left: 10px; width: 120px; }
.cart_list_default .cart_order_price { margin: 3rem 0px 0px; }
.cart_list_default .cart_order_price li { display: flex; justify-content: space-between; line-height: 3rem; }
.cart_list_default .cart_order_btn { margin: 3rem 0px 0px; }
.cart_list_default .cart_order_btn .checkout { border: 0px; box-sizing: border-box; display: block; text-align: center; text-transform: uppercase; width: 100%; }
.cart_list_default .cart_order_btn .checkout_out_of_stock { background: rgb(136, 136, 136); cursor: not-allowed; pointer-events: none; }
.cart_list_default .shopcart-or { line-height: 1; padding: 20px 0px; position: relative; text-align: center; }
.cart_list_default .shopcart-or::before { background: rgb(136, 136, 136); content: ""; height: 1px; left: 0px; position: absolute; top: 50%; width: 100%; }
.cart_list_default .shopcart-or span { background-color: var(--page_background_color); padding: 0px 15px; position: relative; z-index: 9; }
.cart_list_default .cart_order_link { margin: 2rem 0px 0px; text-align: center; }
.cart_list_default .cart_list_content_items, .cart_list_default .cart_list_title_items { display: flex; justify-content: center; }
.cart_list_default .cart_list_content_items:first-child, .cart_list_default .cart_list_content_items:nth-child(2), .cart_list_default .cart_list_title_items:first-child { justify-content: flex-start; }
.cart_list_default .cart_list_content_items:nth-child(2), .cart_list_default .cart_list_content_items:nth-child(3), .cart_list_default .cart_list_content_items:nth-child(4) { margin-left: 15px; }
.cart_empty_default { align-items: center; display: flex; justify-content: center; padding: 100px 0px; text-align: center; }
.cart_empty_default .cart_empty_content h3 { font-size: 28px; font-weight: 400; margin-bottom: 60px; }
.cart_empty_default .cart_empty_content p { color: rgb(136, 136, 136); font-size: 16px; }
.cart_empty_default .cart_empty_svg { margin-bottom: 20px; }
.cart_empty_default .continue_shopping_btn { background: rgb(51, 51, 51); color: rgb(255, 255, 255); display: inline-block; height: 44px; line-height: 44px; margin-top: 60px; padding: 0px 20px; }
@media (max-width: 767px) {
  .cart_list_default .cart_order_summary { flex-direction: column-reverse; }
  .cart_list_default .cart_order_summary_wrapper { max-width: 100% !important; }
  .cart_list_default .product_info_sku { font-size: 14px; line-height: 28px; }
  .cart_list_default .product_custom_option { line-height: 28px; }
  .cart_list_default .product_total { flex-direction: row; }
  .cart_list_default .product_total .final_line_price { margin-right: 5px; }
  .cart_list_default .cart_qty_content .tip { padding: 0px 0px 0px 5px; text-align: left; }
  .cart_list_default .cart_list_title { display: none; }
  .cart_list_default .cart_list_content { display: grid; grid-template-columns: 100px auto; position: relative; }
  .cart_list_default .cart_list_content_items { justify-content: flex-start; margin-top: 10px; position: relative; }
  .cart_list_default .cart_list_content_items:first-child { grid-row: 1 / 4; }
  .cart_list_default .cart_list_content_items:last-child { bottom: 30px; position: absolute; right: 0px; }
  .cart_list_default .product_info_info { padding-left: 5px; width: 100%; }
  .cart_list_default .cart_qty_content .stock_quantity { display: none; }
  .cart_list_default .cart_qty_content .wap_stock_quantity { color: rgb(255, 82, 108); display: block; padding: 0px 0px 0px 5px; }
  .cart_list_default .product_info_name { -webkit-line-clamp: 1; }
  .cart_list_default .product_total { grid-row: 2 / 2; padding: 0px 0px 0px 5px; }
  .cart_list_default .cart_list_coupon { flex-wrap: wrap; }
  .cart_list_default .cart_list_coupon input[name="coupon_code"] { width: 100%; }
  .cart_list_default .cart_list_coupon input[name="coupon_btn"] { margin: 1rem 0px 0px; width: 100%; }
  .cart_list_default .cart_qty { margin: 0px !important; }
}
@media (max-width: 320px) {
  .cart_list_default .cart_qty, .cart_list_default .product_total { left: 9rem; }
  .cart_list_default .cart_qty { width: 9rem; }
  .cart_list_default .product_info_sku { margin-top: 0px; }
  .cart_list_default .product_total { bottom: 5.5rem; }
  .cart_list_default .product_info_info { padding: 0px 0px 5rem 1rem; }
}
.minicart { background: rgba(0, 0, 0, 0.3); height: 100%; left: 0px; opacity: 0; position: fixed; top: 0px; transition: 0.3s; visibility: hidden; width: 100%; z-index: 9999999; }
.minicart .minicart_wrapper { background: rgb(255, 255, 255); bottom: 0px; height: 100%; max-width: 400px; overflow-y: auto; position: absolute; right: 0px; top: 0px; transform: translate(100%); transition: 0.5s; width: calc(100% - 30px); }
.minicart .minicart_top { align-items: center; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: var(--title_color); display: flex; font-family: var(--title_font_family); font-size: 24px; font-style: var(--title_font_style); font-weight: var(--title_font_weigth); height: 80px; justify-content: space-between; padding: 0px 30px; position: sticky; top: 0px; z-index: 1000; }
.minicart .minicart_empty_content { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: calc(-80px + 100vh); justify-content: center; padding: 30px; }
.minicart .minicart_empty_content p { margin-top: 30px; }
.minicart .minicart_empty_content .continue_shopping_btn { background: rgb(51, 51, 51); color: rgb(255, 255, 255); display: inline-block; height: 44px; line-height: 44px; margin-top: 30px; padding: 0px 20px; }
.minicart .minicart_list { overflow: auto; padding: 0px 30px; }
.minicart .minicart_list li { border-bottom: 1px dashed rgb(221, 221, 221); list-style-type: none; padding: 30px 0px; }
.minicart .minicart_list li .product_info { display: flex; justify-content: space-between; }
.minicart .minicart_list li .product_info_pic { align-items: center; display: flex; height: 80px; justify-content: center; width: 80px; }
.minicart .minicart_list li .product_info_pic img { max-height: 100%; max-width: 100%; }
.minicart .minicart_list li .product_info_info { position: relative; width: calc(100% - 90px); }
.minicart .minicart_list .product_custom_option { color: rgb(136, 136, 136); font-size: 14px; line-height: 24px; word-break: break-all; }
.minicart .product_info_name { color: var(--title_color); font-size: var(--product_font_size); margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.minicart .cart_list_content_items { display: flex; justify-content: space-between; margin-top: 15px; position: relative; }
.minicart .product_info_sku { color: rgb(136, 136, 136); line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.minicart .minicart_qty { border: 1px solid rgb(221, 221, 221); box-sizing: border-box; display: flex; height: 34px; width: 120px; }
.minicart .minicart_qty a { align-items: center; display: flex; height: 100%; justify-content: center; width: 34px; }
.minicart .minicart_qty input[name="minicart_qty"] { border: 0px; height: 100%; text-align: center; width: calc(100% - 68px); }
.minicart .cart_qty_content { position: relative; }
.minicart .cart_qty_content .tip { color: rgb(255, 82, 108); margin-top: 10px; text-align: left; }
.minicart .product_total { display: flex; flex-wrap: wrap; margin-top: 10px; }
.minicart .cart_list_delete { fill: rgb(136, 136, 136); }
.minicart .minicart_bom { background: rgb(255, 255, 255); box-sizing: border-box; padding: 30px; width: 100%; z-index: 9; }
.minicart .minicart_price li { display: flex; height: 40px; justify-content: space-between; line-height: 40px; list-style-type: none; }
.minicart .minicart_order_btn .minicart_checkout { border: 0px; box-sizing: border-box; display: flex; margin: 0px; text-align: center; text-transform: uppercase; width: 100%; }
.minicart .minicart_order_btn .checkout_out_of_stock { background: rgb(136, 136, 136); }
.minicart .minicart_order_link { align-items: center; display: flex; justify-content: space-between; margin-top: 20px; }
.minicart .minicart_order_link .links { font-size: 16px; text-decoration: underline; text-transform: uppercase; }
.minicart_on { opacity: 1; visibility: visible; }
.minicart_on .minicart_wrapper { transform: none; }
@media (max-width: 767px) {
  .minicart .minicart_wrapper { width: calc(100% - 30px); }
  .minicart .minicart_top { height: 60px; padding: 0px 14px; }
  .minicart .minicart_list { padding: 0px 14px; }
  .minicart .minicart_bom { padding: 14px; }
  .minicart .minicart_list { max-height: none !important; }
  .minicart .minicart_bom { position: relative; }
}
.ajaxloading { height: 100%; left: 0px; position: fixed; top: 0px; z-index: 99999999; }
.ajaxloading, .minicart_ajaxloading { align-items: center; display: flex; justify-content: center; width: 100%; }
.minicart_ajaxloading { height: calc(-100px + 100vh); }
.ajaxloading svg, .minicart_ajaxloading svg { animation: 0.7s linear 0s infinite normal none running rotate; fill: rgb(0, 0, 0); height: 60px; width: 60px; }
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@media (max-width: 768px) {
  .collection_detail_default .collection_content ul { gap: 3.6rem 1.8rem; grid-template-columns: repeat(3, calc(33.33% - 1.2rem)); }
}
.block_title { margin-bottom: calc(var(--general_layout_spacing)*var(--title_margin_bottom_scale)); text-align: center; }
.block_title h2 { color: var(--title_color); font-family: var(--title_font_family); font-size: var(--title_font_size); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); }
.block_title .block_detail { color: var(--detail_color); margin-right: auto; margin-bottom: 0px; margin-left: auto; margin-top: calc(var(--general_layout_spacing)*.25); max-width: var(--general_layout_width); }
.zuui-share-link { align-items: center; display: flex; flex-wrap: wrap; }
.zuui-share-link .zuui-share-icon { align-items: center; display: inline-flex; margin-right: 12px; }
.zuui-share-link .zuui-share-icon span { color: var(--font-color); font-size: 14px; margin-left: 6px; }
.zuui-video-item { background: rgb(246, 246, 246); cursor: pointer; overflow: hidden; width: 100%; }
.zuui-video-item .youtube_pic { align-items: center; background-color: rgb(238, 240, 245); display: flex; height: 155px; justify-content: center; position: relative; }
.zuui-video-item .youtube_pic img { height: 100%; object-fit: cover; width: 100%; }
.zuui-video-item .youtube_pic .youtube_pic-item { background: rgba(0, 0, 0, 0.7); bottom: 5px; color: rgb(255, 255, 255); font-size: 10px; height: 18px; line-height: 18px; padding: 0px 5px; position: absolute; right: 5px; }
.zuui-video-item .youtube_pic:hover .youtube-icon-hover path { fill: red; opacity: 1; }
.zuui-video-item .youtube_pic .youtube-icon-hover { align-items: center; display: flex; height: 100%; justify-content: center; left: 0px; opacity: 1; position: absolute; top: 0px; transition: 0.4s ease-in-out; width: 100%; z-index: 100; }
.zuui-video-item .youtube_info { border-bottom: 1px solid rgb(221, 221, 221); padding: 18px 20px; }
.zuui-video-item .youtube_info .youtube_name { color: rgb(51, 51, 51); font-size: 16px; }
.zuui-video-item .youtube_info .youtube_detail { color: rgb(153, 153, 153); font-size: 14px; height: 42px; margin-top: 10px; text-align: left; }
.zuui-video-item .youtube_bom { align-items: center; display: flex; justify-content: space-between; padding: 14px; }
.zuui-video-item .youtube_bom svg { height: 20px; width: 20px; }
.zuui-video-item .youtube_bom svg path { fill: rgb(153, 153, 153); }
.zuui-video-item .youtube_bom .youtube_bom-item { align-items: center; display: flex; max-width: 33%; }
.zuui-video-item .youtube_bom .youtube_bom-item .num { color: rgb(153, 153, 153); margin-left: 4px; }
.mo-form { width: 100%; }
.mo-form-title { color: var(--color-block); font-size: 18px; font-weight: 400; height: 24px; margin-bottom: 28px; }
.mo-form-item { display: flex; flex-direction: column; margin-bottom: 15px; }
.mo-form-item .view-icon { cursor: pointer; display: flex; justify-content: center; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); user-select: none; }
.mo-form-item .view-icon .icon-hide { display: flex; }
.mo-form-item .view-icon .icon-show { display: none; }
.mo-form-item .view-icon.show .icon-show { display: flex; }
.mo-form-item .view-icon.show .icon-hide { display: none; }
.mo-form-item .mo-form-item-label { color: var(--color-block); font-size: 14px; font-weight: 400; height: 19px; line-height: 19px; margin-bottom: 14px; }
.mo-form-item .mo-form-item-error { color: rgb(220, 72, 69); display: none; font-size: 14px; padding: 10px 0px 0px; }
.mo-form-item .mo-form-item-tip { display: none; font-size: 14px; padding: 0px 0px 10px; }
.mo-form-item .mo-form-item-value { font-size: 0px; width: 100%; }
.form-show-error .mo-form-item-error, .form-show-tip .mo-form-item-tip { display: block; }
.mo-details-form dt { color: var(--color-block); font-size: 16px; font-weight: 700; line-height: 36px; margin-bottom: 16px; }
.mo-details-form dd { color: var(--color-block); font-size: 14px; line-height: 18px; text-align: left; }
.mo-details-form dd + dd { margin-top: 8px; }
.mo-input-warp { align-items: center; display: flex; }
.mo-input-warp .mo-form-select { flex: 1 1 0%; }
.mo-input-warp .input-interval { width: 10px; }
@media screen and (min-width: 768px) {
  .mo-form { margin: 0px auto; width: 360px; }
}
.mo-btn { box-sizing: border-box; color: var(--color-main); cursor: pointer; display: block; font-size: 14px; height: 36px; line-height: 36px; min-width: 68px; overflow: hidden; padding: 0px 16px; text-align: center; }
.mo-btn:hover { opacity: 0.9; }
.mo-btn-block { font-size: 14px; width: 100%; }
.mo-btn-max { height: 48px; line-height: 48px; }
.mo-btn-default { background: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.mo-btn-disable { border-radius: var(--button_border_radius); background: rgb(187, 187, 187) !important; border: 1px solid rgb(187, 187, 187) !important; color: rgb(255, 255, 255) !important; }
.mo-all-disable *, .mo-btn-disable { cursor: not-allowed !important; }
.mo-btn-white { background: rgb(255, 255, 255); color: var(--color-main); }
.mo-btn-plan { background: var(--secondary_button_bg); border: 1px solid var(--secondary_button_color); color: var(--secondary_button_color); }
.mo-form-input { background-color: var(--color-input-background); border: 2px solid var(--color-input-background); border-radius: var(--button_border_radius); box-sizing: border-box; font-size: 14px; height: 54px; padding: 0px 12px; transition: 0.5s; width: 100%; }
.mo-form-input:focus { border: 2px solid var(--color-main); }
.mo-form-textarea { background-color: var(--color-input-background); border: 2px solid var(--color-input-background); border-radius: var(--button_border_radius); box-sizing: border-box; font-size: 14px; height: 80px; padding: 12px; transition: 0.5s; width: 100%; }
.mo-form-textarea:focus { border: 2px solid var(--color-main); }
.mo-form-select { background-color: var(--color-input-background); border-radius: var(--button_border_radius); box-sizing: border-box; display: inline-block; height: 50px; overflow: hidden; position: relative; width: 100%; }
#account_profilechange .mo-form-select { display: block; }
.mo-form-select .mo-form-unselect { appearance: none; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; font-size: 14px; height: 46px; outline: none; padding: 0px 12px; position: relative; width: 100%; z-index: 5; }
.mo-form-select .mo-edge { border-right: 6px dashed transparent; border-bottom: 6px dashed transparent; border-left: 6px dashed transparent; border-image: none; border-top: 6px solid var(--color-main); cursor: pointer; margin-top: -3px; position: absolute; right: 10px; top: 50%; transition: 0.3s; }
.mo-row { display: flex; flex-wrap: wrap; width: 100%; }
.mo-row .mo-col-1 { box-sizing: border-box; width: 8.33333%; }
.mo-row .mo-col-2 { box-sizing: border-box; width: 16.6667%; }
.mo-row .mo-col-3 { box-sizing: border-box; width: 25%; }
.mo-row .mo-col-4 { box-sizing: border-box; width: 33.3333%; }
.mo-row .mo-col-5 { box-sizing: border-box; width: 41.6667%; }
.mo-row .mo-col-6 { box-sizing: border-box; width: 50%; }
.mo-row .mo-col-7 { box-sizing: border-box; width: 58.3333%; }
.mo-row .mo-col-8 { box-sizing: border-box; width: 66.6667%; }
.mo-row .mo-col-9 { box-sizing: border-box; width: 75%; }
.mo-row .mo-col-10 { box-sizing: border-box; width: 83.3333%; }
.mo-row .mo-col-11 { box-sizing: border-box; width: 91.6667%; }
.mo-row .mo-col-12 { box-sizing: border-box; width: 100%; }
.mo-header, .mo-header .header-title { align-items: center; display: flex; flex-direction: column; }
.mo-header .header-title { color: var(--title_color); font-family: var(--title_font_family); font-size: var(--title_font_size); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); overflow: hidden; width: 100%; }
.mo-header .header-title span { text-align: center; width: 100%; }
.mo-header .header-divider { height: 1px; margin: 30px 0px; width: 50px; }
.mo-subtitle { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.mo-subtitle .mo-subtitle-title { color: var(--color-main); font-size: 16px; font-weight: 300; text-align: left; }
.mo-subtitle .mo-subtitle-label { display: flex; margin-top: 10px; }
.mo-subtitle .mo-subtitle-label .icon { margin: 0px 4px; }
.mo-subtitle .mo-subtitle-label .mo-subtitle-score { color: var(--color-main); font-size: 20px; font-weight: 400; margin-left: 16px; text-align: left; }
.mo-tag { background: var(--assist-color); color: rgb(255, 255, 255); display: inline-block; font-size: 12px; height: 20px; line-height: 20px; padding: 0px 10px; }
.mo-flex { align-items: center; display: flex; }
.mo-j-space-between { justify-content: space-between; }
.mo-empty { justify-content: center; }
.mo-empty, .mo-empty .mo-empty-body { align-items: center; display: flex; flex-direction: column; }
.mo-empty .mo-empty-body { padding: 40px 0px; }
.mo-empty .mo-empty-des { color: var(--color-text-low); font-size: 16px; font-weight: 400; margin-top: 20px; }
.mo-empty .mo-empty-btn { width: 340px; }
:root { --color-main: var(--main_color,#1d1f21); --color-text-high: #333; --color-text-medium: var(--main_color,#666); --color-text-low: #888; --assist-color: #ab6a00; --disable-color: #999; --color-input-background: #f6f6f6; --color-input-placeholder: #bbb; --color-divider: #ddd; --color-header: #eee; --color-table-header: #ddd; --color-table-border: #eee; --color-table-background: #f6f6f6; }
.account-container { margin: 0px auto; max-width: 1200px; padding: 80px 0px; }
@media screen and (max-width: 576px) {
  .account-container { padding: 0px; }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .mo-card-content { padding: 0px 28px; }
}
@media screen and (max-width: 576px) {
  .mo-card-content { padding: 0px 14px; }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .mo-card-content { padding: 0px 42px; }
}
.mo-confirm { align-items: center; background-color: rgba(0, 0, 0, 0.6); inset: 0px; display: flex; justify-content: center; position: fixed; z-index: 10000000; }
.mo-confirm .mo-confirm-body { animation-duration: 0.5s; background-color: rgb(255, 255, 255); border-radius: 10px; padding-bottom: 10px; width: 360px; }
.mo-confirm .mo-confirm-body .mo-title { padding: 40px 20px 20px; text-align: center; }
.mo-confirm .mo-handle { gap: 12px; height: auto; min-height: 80px; padding: 0px 40px 24px; }
.mo-confirm .mo-handle, .mo-confirm .mo-handle .mo-handle-btn { align-items: center; box-sizing: border-box; display: flex; justify-content: center; }
.mo-confirm .mo-handle .mo-handle-btn { border-radius: var(--button_border_radius); cursor: pointer; flex: 1 1 0%; font-size: 16px; min-height: 44px; padding: 10px 20px; text-align: center; transition: 0.3s; }
.mo-confirm .mo-handle .mo-handle-ok { background: var(--main_button_bg); border: 1px solid transparent; color: var(--main_button_color); }
.mo-confirm .mo-handle .mo-handle-ok:hover { opacity: 0.9; }
.mo-confirm .mo-handle .mo-handle-close { background: var(--secondary_button_bg); border: 1px solid var(--secondary_button_color); color: var(--secondary_button_color); }
.mo-confirm .mo-handle .mo-handle-close:hover { opacity: 0.9; }
.mo-loading-warp { pointer-events: none; position: relative; }
.mo-loading-black .mo-loading { border-color: rgb(0, 0, 0) rgb(0, 0, 0) transparent; }
.mo-loading-black::after, .mo-loading-black::before { content: none !important; }
.mo-loading { animation: 0.75s linear 0s infinite normal none running loadingRotate; border-width: 2px; border-style: solid; border-image: none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-radius: 50%; display: inline-block; height: 16px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 16px; }
.mo-modal { inset: 0px; position: fixed; z-index: 510000; }
.mo-modal .mo-modal-mask { background-color: rgba(0, 0, 0, 0.6); }
.mo-modal .mo-modal-body, .mo-modal .mo-modal-mask { inset: 0px; height: 100%; position: fixed; z-index: 1000; }
.mo-modal .mo-modal-body { align-items: center; animation-duration: 0.5s; display: flex; justify-content: center; }
.mo-modal .mo-modal-warp { align-items: center; background-color: rgb(255, 255, 255); border-radius: 10px; display: flex; flex-direction: column; padding: 40px 0px; width: 360px; }
.mo-modal .mo-modal-warp .icon { height: 88px; width: 88px; }
.mo-modal .mo-modal-warp .message-text { box-sizing: border-box; font-size: 14px; margin-top: 28px; padding: 0px 40px; }
.mo-alret-model { align-items: center; inset: 0px; display: flex; justify-content: center; position: fixed; z-index: 510000; }
.mo-alret-model .mo-alret-body { background-color: rgb(255, 255, 255); border-radius: 6px; box-shadow: rgb(204, 204, 204) 0px 0px 10px; font-size: 14px; padding: 16px 38px; }
.back-box { padding: 30px 0px; }
.back-box a { align-items: center; display: flex; justify-content: center; }
.back-box span { color: var(--color-main); font-size: 16px; font-weight: 500; margin-left: 10px; }
.comment_warp { background-color: var(--color-table-background); box-sizing: border-box; padding: 20px 20px 0px; }
.comment_warp .comment_warp-header { align-items: center; display: flex; gap: 10px; justify-content: flex-start; }
.comment_warp .comment_warp-header-nation { height: 20px; margin-right: 10px; width: 20px; }
.comment_warp .comment_warp-score { align-items: center; display: flex; padding: 8px 0px; }
.comment_warp .comment_warp-score svg { margin-right: 4px; }
.comment_warp .comment_warp-content .comment_warp-content-lable { color: rgb(136, 136, 136); font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 20px; text-align: left; }
.comment_warp .comment_warp-content .comment_warp-content-review { color: var(--color-main); font-size: 14px; font-weight: 300; margin-bottom: 20px; margin-top: 10px; text-align: left; text-decoration: underline; }
.comment_warp .comment_warp-content .comment_warp-images { display: flex; flex-wrap: wrap; }
.comment_warp .comment_warp-content .comment_warp-images img { cursor: pointer; height: 80px; margin-bottom: 20px; margin-right: 20px; object-fit: cover; width: 80px; }
.comment_warp .comment_warp-product { border-top: 1px solid var(--color-divider); padding: 20px 0px; }
.comment_warp .comment_warp-product .comment_warp-content-item-images { flex-shrink: 0; height: 80px; margin-right: 16px; width: 80px; }
.comment_warp-content-item-images img { height: 80px; object-fit: contain; width: 80px; }
.comment_warp .comment_warp-product .comment_warp-content-item-cell { color: var(--color-main); font-size: 14px; }
.comment_warp .comment_warp-product .comment_warp-content-item-cell .comment_warp-content-item-cell-text { margin-bottom: 8px; }
.comment_warp .comment_warp-product .comment_warp-content-item-cell .comment_warp-content-item-cell-reviews { color: var(--color-text-low); font-size: 14px; font-weight: 300; text-align: left; text-decoration: underline; }
@media screen and (max-width: 767px) {
  .comment_warp { padding: 15px 15px 0px !important; }
  .comment_warp-score { padding: 8px 0px 11px !important; }
  .comment-reply-warp, .comment_warp .comment_warp-product { padding: 15px 0px !important; }
  .comment_warp .comment_warp-content .comment_warp-images img { cursor: pointer; float: left; margin-bottom: 15px !important; margin-right: 15px !important; }
}
.moi-write-comment { background-color: rgb(255, 255, 255); box-sizing: border-box; max-height: 90vh; overflow-y: auto; padding: 20px; width: 420px; }
@media screen and (max-width: 420px) {
  .moi-write-comment { height: 100%; max-height: calc(-20px + 100vh); width: calc(-20px + 100vw); }
}
.moi-write-comment .close { cursor: pointer; position: absolute; right: 20px; top: 25px; }
.moi-write-comment .header { align-items: center; border-bottom: 1px solid rgb(221, 221, 221); display: flex; flex-direction: column; padding: 30px 0px; }
.moi-write-comment .header .header-img { height: auto; width: 80px; }
.moi-write-comment .header .header-score { align-items: center; cursor: pointer; display: flex; margin-top: 20px; }
.moi-write-comment .header .header-score svg { margin: 0px 2px; }
.moi-write-comment .mo-form { padding: 20px 0px; width: 100%; }
.moi-write-comment .code-img { cursor: pointer; flex-shrink: 0; height: 100%; width: 100%; }
.moi-write-comment .upload { display: flex; flex-wrap: wrap; }
.moi-write-comment .upload .upload-picture-card, .moi-write-comment .upload .upload-select-card { cursor: pointer; flex: 0 0 68px; height: 68px; margin-bottom: 10px; margin-right: 10px; width: 68px; }
.moi-write-comment .upload .upload-picture-card { position: relative; }
.moi-write-comment .upload .upload-picture-card .vedio-icon { left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.moi-write-comment .upload .upload-picture-card .vedio-icon svg { background-color: rgb(255, 255, 255); border-radius: 5px; box-sizing: border-box; padding: 5px; }
.moi-write-comment .upload .upload-picture-card:hover .upload-picture-close { visibility: visible; }
.moi-write-comment .upload .upload-picture-card .upload-picture-close { align-items: center; background: rgba(0, 0, 0, 0.5); bottom: 0px; display: flex; height: 20px; justify-content: center; left: 0px; position: absolute; right: 0px; visibility: hidden; }
@media screen and (max-width: 767px) {
  .moi-write-comment .upload .upload-picture-card .upload-picture-close { visibility: visible; }
}
.moi-write-comment .upload .upload-picture-card img { height: 100%; object-fit: cover; width: 100%; }
.moi-write-comment .upload .upload-select-card { background: rgb(246, 246, 246); overflow: hidden; position: relative; }
.moi-write-comment .upload .upload-select-card::before { background: rgb(29, 31, 33); content: ""; height: 1px; left: 24px; position: absolute; top: 34px; width: 20px; }
.moi-write-comment .upload .upload-select-card::after { background: rgb(29, 31, 33); content: ""; height: 20px; left: 34px; position: absolute; top: 24px; width: 1px; }
.moi-write-comment .upload .upload-select-card input { height: 100%; opacity: 0; width: 100%; }
.layer-add-cart-success { background-color: rgb(255, 255, 255); width: 520px; }
@media screen and (max-width: 520px) {
  .layer-add-cart-success { width: calc(-20px + 100vw); }
}
.layer-add-cart-success .cart-header { align-items: center; background: rgb(236, 251, 244); box-sizing: border-box; display: flex; height: 80px; padding: 0px 30px; }
.layer-add-cart-success .cart-header span { color: rgb(29, 31, 33); font-size: 24px; font-weight: 400; margin-left: 16px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.layer-add-cart-success .cart-header .cart-header-claer { cursor: pointer; margin-left: auto; }
.layer-add-cart-success .cart-product-warp { max-height: 50vh; overflow-y: auto; }
.layer-add-cart-success .cart-product { border-bottom: 1px solid rgb(221, 221, 221); display: flex; padding: 30px; }
.layer-add-cart-success .cart-product .cart-product-img { flex-shrink: 0; height: 120px; object-fit: contain; width: 120px; }
.cart-product-info { flex: 1 1 0%; margin-left: 16px; overflow: hidden; }
.layer-add-cart-success .cart-product .cart-product-name { color: rgb(29, 31, 33); font-size: 18px; font-weight: 400; text-align: left; }
.layer-add-cart-success .cart-product-skuId, .layer-add-cart-success .cart-product-skuName { color: rgb(136, 136, 136); font-size: 14px; font-weight: 300; margin-top: 4px; text-align: left; word-break: break-all; }
.layer-add-cart-success .cart-price { font-size: 20px; padding: 40px 0px; text-align: center; }
.layer-add-cart-success .layer-add-cart-success-label { color: rgb(136, 136, 136); font-weight: 300; }
.layer-add-cart-success .layer-add-cart-success-value { color: rgb(51, 51, 51); font-weight: 700; }
.layer-add-cart-success .cart-operate { padding: 0px 30px 30px; }
.layer-add-cart-success .cart-operate .cart-button { background: rgb(29, 31, 33); color: rgb(255, 255, 255); height: 48px; margin-top: 0px; text-align: center; }
.layer-add-cart-success .cart-operate .cart-button-plan { background: rgb(255, 255, 255); color: rgb(29, 31, 33); display: block; font-size: 16px; line-height: 48px; margin-top: 10px; text-decoration: underline; }
.hide { display: none; }
.show { display: block; }
.oemsaas-add { align-items: center; animation: 0.3s ease-out 0s 1 normal none running addCard; border: 2px dashed rgb(112, 112, 218); box-sizing: border-box; color: rgb(112, 112, 218); display: flex; font-size: 16px; font-weight: 600; height: 83px; justify-content: center; overflow: hidden; width: 100%; }
.mo-waterfall-warp { display: grid; grid-template-columns: repeat(var(--columns),1fr); column-gap: var(--column-gutter); align-items: start; }
.mo-waterfall-warp .mo-waterfall-column { display: grid; grid-template-columns: minmax(0px, 1fr); row-gap: var(--row-gutter); overflow: hidden; }
.mo-waterfall-status-box { align-items: center; display: flex; justify-content: center; padding: calc(var(--general_layout_spacing)*.5) 0; width: 100%; }
.mo-waterfall-status-box .secondary_btn { margin-top: 0px; }
.mo-waterfall-status-box span { color: rgb(0, 0, 0); }
.mo-waterfall-status-box .more-btn { background-color: var(--main_button_bg); color: var(--main_button_color); display: inline-block; font-size: 16px; padding: 13px 20px; }
.mo-waterfall-status-box .loading-box { animation: 0.75s linear 0s infinite normal none running loadingRotate; border-width: 2px; border-style: solid; border-image: none; border-color: rgb(0, 0, 0) rgb(0, 0, 0) transparent; border-radius: 50%; display: inline-block; height: 16px; width: 16px; }
.mo-tooltip { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; margin: 0px; max-width: 250px; padding: 0px; position: absolute; transform: scale(0); transition: 0.2s; visibility: hidden; z-index: 999999; }
.mo-tooltip .mo-tooltip-arrow { background: transparent; display: block; height: 13px; overflow: hidden; pointer-events: none; position: absolute; width: 13px; }
.mo-tooltip .mo-tooltip-arrow-content { background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.15); border-style: solid; border-width: 1px 1px 0px 0px; inset: 0px; box-shadow: rgb(200, 200, 200) 0px 0px 4px; content: ""; display: block; height: 6px; margin: auto; pointer-events: auto; position: absolute; width: 6px; }
.mo-tooltip .mo-tooltip-inner { color: rgb(51, 51, 51); min-height: 32px; min-width: 30px; padding: 6px 8px; text-align: left; text-decoration: none; overflow-wrap: break-word; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; box-shadow: rgb(200, 200, 200) 0px 0px 4px; box-sizing: border-box; }
.mo-tooltip-placement-left { padding-right: 12px; }
.mo-tooltip-placement-left .mo-tooltip-arrow { right: 0px; top: 10px; }
.mo-tooltip-placement-left .mo-tooltip-arrow .mo-tooltip-arrow-content { border-width: 1px 1px 0px 0px; transform: translate(-6px) rotate(45deg); }
.mo-tooltip-placement-right { padding-left: 12px; }
.mo-tooltip-placement-right .mo-tooltip-arrow { left: 0px; top: 10px; }
.mo-tooltip-placement-right .mo-tooltip-arrow .mo-tooltip-arrow-content { border-width: 1px 0px 0px 1px; transform: translate(6px) rotate(-45deg); }
.mo-tooltip-placement-top { padding-bottom: 12px; }
.mo-tooltip-placement-top .mo-tooltip-arrow { bottom: 0px; left: 12px; }
.mo-tooltip-placement-top .mo-tooltip-arrow .mo-tooltip-arrow-content { border-width: 0px 0px 1px 1px; transform: translateY(-6px) rotate(-45deg); }
.mo-tooltip-placement-top-center { padding-bottom: 12px; }
.mo-tooltip-placement-top-center .mo-tooltip-arrow { bottom: 0px; left: 50%; }
.mo-tooltip-placement-top-center .mo-tooltip-arrow .mo-tooltip-arrow-content { border-width: 0px 0px 1px 1px; transform: translate(-50%, -6px) rotate(-45deg); }
.mo-tooltip-placement-bottom { padding-top: 12px; }
.mo-tooltip-placement-bottom .mo-tooltip-arrow { left: 12px; top: 0px; }
.mo-tooltip-placement-bottom .mo-tooltip-arrow .mo-tooltip-arrow-content { transform: translateY(6px) rotate(45deg); border-width: 1px 0px 0px 1px !important; }
.product_detail_default .module-cell .comment_warp-header { justify-content: start; }
.product_detail_default .module-cell .comment_warp-header .mo-tag { margin-left: 20px; }
.product_detail_default #swiperBox { display: flex; flex-direction: column; }
.product_detail_default .product-swiper-small { align-items: center; display: flex; padding: 15px 0px; }
.product_detail_default .product-swiper-small .navigation { align-items: center; cursor: pointer; display: flex; justify-content: center; }
.product_detail_default .product-swiper-small .swiper-container-small { overflow: hidden; }
.product_detail_default .product-swiper-small .swiper-small-item { align-items: center; box-sizing: border-box; cursor: pointer; display: inline-flex; height: 76px; justify-content: center; overflow: hidden; width: 76px; }
.product_detail_default .product-swiper-small .swiper-small-item-active { border: 2px solid var(--color-main); }
.product_detail_default .product-swiper-small .swiper-small-item img { height: auto; width: 76px; }
.product_detail_default .product-tabs { border-bottom: 1px solid var(--color-divider); display: flex; }
.product_detail_default .product-tabs .product-tabs-item { color: var(--color-text-low); cursor: pointer; font-size: var(--product_font_size); font-weight: 600; margin-right: 40px; max-width: 375px; padding: 18px 0px; }
.product_detail_default .product-tabs .product-tabs-item-active { border-bottom: 4px solid var(--color-main); color: var(--color-main); }
.product_detail_default .product-tabs-content { padding: 40px 0px; }
.product-tabs-content .video-icon { cursor: pointer; left: 40px; pointer-events: none; position: absolute; top: 40px; transform: translate(-50%, -50%); z-index: 100; }
.product_detail_default .product-tabs-content-item { display: none; }
.product_detail_default .product-tabs-content-item img { height: auto; max-width: 100%; }
.product_detail_default .product-tabs-content-item-active { display: block; }
.product_detail_default .add-icon, .product_detail_default .reduce-icon { align-items: center; display: inline-flex; height: 16px; justify-content: center; position: relative; width: 16px; }
.product_detail_default .product-warp { box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px auto; max-width: 1200px; }
.product_detail_default .product-warp .product-left { box-sizing: border-box; width: 52%; }
.product_detail_default .product-warp .product-right { box-sizing: border-box; padding: 0px 30px; width: 48%; }
.product_detail_default .product-warp .product-right .product-name { color: var(--title_color); font-family: var(--title_font_family); font-size: var(--big_product_font_size); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); margin-bottom: 20px; text-align: center; }
.product_detail_default .product-warp .product-right .cell-item { display: flex; justify-content: center; margin-top: 30px; }
.product_detail_default .product-big-box { width: 100%; }
.product_detail_default .product-big-box img { height: auto; width: 100%; }
.product_detail_default .product-price { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.42857rem; justify-content: center; line-height: 1.71429rem; }
.product_detail_default .product-price .product-price-number, .product_detail_default .product-price-discount { color: var(--buying_parice_color); margin-bottom: 6px; }
.product_detail_default .product-price-discount { background-color: var(--discount_tag_bg); border-radius: 4px; color: var(--discount_tag_color); font-size: 13px; margin-left: 10px; padding: 1px 8px; }
.product_detail_default .product-price .product-price-market { color: var(--original_price_color); margin-bottom: 6px; margin-left: 10px; text-decoration: line-through; }
.moi-product-sku-label .product-sku-name { color: var(--detail_color,#666); font-size: 16px; line-height: 1.28571rem; }
.moi-product-sku-value .product-sku-values { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; }
.block_product_single .product-sku-values .product-sku-select, .moi-product-sku-value .product-sku-values .product-sku-select, .popup-product-warp .product-sku-values .product-sku-select { border: 1px solid rgb(212, 212, 212); border-radius: var(--button_border_radius); box-sizing: border-box; cursor: pointer; max-width: 100%; position: relative; }
.block_product_single .product-sku-unselect, .moi-product-sku-value .product-sku-values .product-sku-select .product-sku-unselect, .popup-product-warp .product-sku-values .product-sku-select .product-sku-unselect { appearance: none; background-color: transparent; border: 0px; color: rgb(29, 31, 33); cursor: pointer; font-size: 14px; line-height: 18px; max-width: 100%; min-width: 120px; outline: none; padding: 6px 34px 6px 6px; position: relative; text-align: center; z-index: 5; }
.block_product_single .product-sku-select .mo-edge, .moi-product-sku-value .product-sku-values .product-sku-select .mo-edge, .popup-product-warp .product-sku-select .mo-edge { border-right: 4px dashed transparent; border-bottom: 4px dashed transparent; border-left: 4px dashed transparent; border-image: none; border-top: 4px solid var(--color-main); cursor: pointer; margin-top: -3px; position: absolute; right: 10px; top: 50%; transition: 0.3s; }
.moi-product-sku-value .product-sku-values .product-sku-values-item { align-items: center; border: 1px solid transparent; box-sizing: border-box; color: var(--color-main); cursor: pointer; display: flex; font-size: 14px; line-height: 18px; padding: 8px 15px; text-align: center; }
.moi-product-sku-value .product-sku-values .product-sku-values-item-image { padding: 5px !important; }
.moi-product-sku-value .product-sku-values .product-sku-values-item img { object-fit: contain; vertical-align: middle; height: 45px !important; margin-right: 0px !important; width: 45px !important; }
.moi-product-sku-value .product-sku-values .product-sku-values-item span { margin-left: 6px; }
.moi-product-sku-value .product-sku-values .product-sku-values-item:hover { border: 1px solid var(--main_color); }
.moi-product-sku-value .product-sku-values .product-sku-values-item-active { border: 1px solid var(--main_color) !important; }
.moi-product-sku-value .product-sku-select-delete { margin-top: -10px; position: absolute; right: 6px; top: 50%; z-index: 100; }
.product_detail_default .product-calculator { border-radius: var(--button_border_radius); box-sizing: border-box; display: flex; height: 44px; justify-content: center; }
.product_detail_default .product-calculator .product-calculator-handle, .product_detail_default .product-calculator .product-calculator-value { box-sizing: border-box; cursor: pointer; line-height: 44px; position: relative; text-align: center; width: 44px; }
.product_detail_default .product-calculator .product-calculator-value { background-color: transparent; color: var(--main_color,#1d1f21); font-size: 1rem; width: 80px; }
.product_detail_default .product-calculator .product-calculator-handle { align-items: center; display: flex; justify-content: center; }
.product_detail_default .product-btns { display: flex; width: 100%; }
.product_detail_default .product-btns .mo-btn { flex: 1 1 0%; }
.product_detail_default .product-btns .divider { width: 20px; }
.product_detail_default .product-btns .product-cart, .product_detail_default .product-btns .product-now { flex: 1 1 0%; }
.product_detail_default .product-right .main_btn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (max-width: 420px) {
  .product_detail_default .product-btns { flex-direction: column; }
  .product_detail_default .product-btns .divider { height: 15px; }
  .product_detail_default .product-btns .product-cart, .product_detail_default .product-btns .product-now { flex: 0 0 auto; width: 100%; }
}
.product_detail_default .module-box { border-top: 1px solid rgb(221, 221, 221); margin-top: 60px; }
.product_detail_default .module-box .module-cell { border-bottom: 1px solid rgb(221, 221, 221); cursor: pointer; }
.module-cell-active .reduce-icon { display: block !important; }
.module-cell-active .add-icon { display: none !important; }
.module-cell-active .detail-box { display: block !important; }
.product_detail_default .module-box .module-cell-header { display: flex; justify-content: space-between; overflow: hidden; padding: 24px 0px; }
.product_detail_default .module-box .module-cell-header .module-cell-tile { color: rgb(29, 31, 33); flex: 1 1 0%; font-size: var(--product_font_size); font-weight: 400; overflow: hidden; }
.module-cell-header .add-icon { display: block; }
.module-cell-header .reduce-icon { display: none; }
.product_detail_default .detail-box { display: none; padding: 0px 0px 24px; }
.product_detail_default .detail-box .detail-footer, .product_detail_default .detail-box .detail-header { color: var(--color-text-low); font-size: 1rem; line-height: 1.85714rem; }
.product_detail_default .detail-box .detail-list { padding: 24px 0px; }
.product_detail_default .detail-box .detail-list li { color: var(--color-main); font-size: 1rem; line-height: 1.28571rem; }
.product_detail_default .detail-box .detail-list li + li { margin-top: 10px; }
.product_detail_default .carousel-panel { overflow: hidden; width: 100%; }
.product_detail_default .carousel-panel .carousel-panel-container { display: flex; height: 100%; }
.product_detail_default .carousel-panel .carousel-panel-container .carousel-panel-container-item { flex-shrink: 0; height: 100%; width: 100%; }
.product_detail_default .share-warp { display: flex; flex-wrap: wrap; justify-content: center; padding: 28px 0px; }
.product_detail_default .share-warp .share-item { align-items: center; color: var(--color-main); display: flex; font-size: 1rem; margin: 5px 10px; }
.product_detail_default .share-warp .share-item span { margin-left: 10px; }
.product_detail_default .back-box { padding: 30px 0px; }
.product_detail_default .back-box a { align-items: center; display: flex; justify-content: center; }
.product_detail_default .back-box span { color: var(--color-main); font-weight: 500; margin-left: 10px; }
@media screen and (max-width: 845px) {
  .product_detail_default { margin: 0px auto !important; }
  .product_detail_default .product-warp { display: flex; flex-direction: column; margin: 0px auto !important; padding: 0px !important; }
  .product_detail_default .product-warp .product-right .product-name { margin-bottom: 15px; }
  .product_detail_default .product-warp .product-right { padding: 0px 10px; }
  .product_detail_default .product-warp .product-right .cell-item { margin-top: 15px; }
  .product_detail_default .module-box { margin-top: 20px; }
  .product_detail-card-bottom .product-card-bottom { display: none !important; }
  .product_detail-card-bottom .product-card-right { display: block !important; }
  .product_detail_default .product-warp .product-left, .product_detail_default .product-warp .product-right { box-sizing: border-box; flex: 1 1 0%; width: 100%; }
}
@media screen and (min-width: 846px) and (max-width: 1200px) {
  .product_detail_default .product-card-bottom, .product_detail_default .product-warp { padding: 0px 30px; }
  .product_detail_default .product-btns { flex-wrap: wrap; }
  .product_detail_default .product-btns .main_btn, .product_detail_default .product-btns .secondary_btn { width: 100%; }
  .product_detail_default .product-btns .divider { height: 20px; }
}
.all_comment { color: var(--color-main); display: block; font-size: 1rem; font-weight: 700; padding: 40px 0px; text-align: center; }
.product_detail_default .comment-btn { width: 250px; }
.general_layout-width { box-sizing: border-box; max-width: var(--general_layout_width); padding: 0 var(--general_layout_spacing); }
.general_background-color { background-color: var(--page_background_color); }
.general_title-color { color: var(--title_color); font-family: var(--title_font_family); font-size: var(--title_font_size); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); }
.general_main-color { color: var(--main_color); }
.general_buying-color { color: var(--buying_parice_color) !important; }
.general_original-color { text-decoration: line-through; color: var(--original_price_color) !important; }
.general_button-background-color { background-color: var(--botton_background_color); }
.general_button-font-color { color: var(--botton_font_color); }
.general_button-border-color { border-color: var(--botton_border_color); }
.general_assist_button-border-color { color: var(--assist_botton_font_color); }
.general_assist_button-background-color { background-color: var(--assist_botton_background_color); }
.general_assist_button-border-color { border-color: var(--assist_botton_border_color); }
.product_pic { position: relative; }
.product_save_price { margin-left: 5px; }
.discount_tag.label_style_1 { color: rgb(255, 255, 255); height: 80px; line-height: 80px; position: absolute; right: 0px; top: 0px; width: 80px; }
.discount_tag.label_style_1 .discount_tag_graphics { border-left: 80px solid transparent; border-top: 80px solid var(--discount_tag_bg); content: ""; height: 0px; position: absolute; right: 0px; top: 0px; width: 0px; }
.discount_tag.label_style_1 .discount_tag_name { color: var(--discount_tag_color); font-size: 14px; height: 40px; left: 15px; line-height: 18px; position: relative; text-align: center; top: 6px; transform: rotate(45deg); width: 80px; z-index: 9; }
.discount_tag.label_style_1 .discount_tag_name span { display: block; }
.discount_tag.label_style_2 { padding: 0px 0px 10px; position: absolute; right: 0px; top: 0px; color: var(--discount_tag_color) !important; }
.discount_tag.label_style_2 .discount_tag_graphics { bottom: 0px; height: 10px; left: 0px; position: absolute; width: 40px; }
.discount_tag.label_style_2 .discount_tag_name { background: var(--discount_tag_bg); padding: 10px 0px; text-align: center; width: 40px; }
.discount_tag.label_style_2 .discount_tag_graphics::before { border-left: 20px solid transparent; border-top: 10px solid var(--discount_tag_bg); content: ""; height: 0px; position: absolute; right: 0px; top: 0px; width: 0px; }
.discount_tag.label_style_2 .discount_tag_graphics::after { border-right: 20px solid transparent; border-top: 10px solid var(--discount_tag_bg); content: ""; height: 0px; left: 0px; position: absolute; top: 0px; width: 0px; }
.discount_tag.label_style_3 { align-items: center; color: rgb(255, 255, 255); display: flex; height: 80px; justify-content: center; overflow: hidden; position: absolute; right: 0px; top: 0px; width: 80px; }
.discount_tag.label_style_3 .discount_tag_name { background: var(--discount_tag_bg); color: var(--discount_tag_color); height: 24px; left: 10px; line-height: 24px; padding: 0px 30px; position: relative; top: -10px; transform: rotate(45deg); white-space: nowrap; z-index: 9; }
.discount_tag.label_style_4 { border-radius: 50%; height: 48px; width: 48px; }
.discount_tag.label_style_4, .discount_tag.label_style_5 { align-items: center; background: var(--discount_tag_bg); color: var(--discount_tag_color); display: flex; justify-content: center; position: absolute; right: 10px; top: 10px; }
.discount_tag.label_style_5 { border-radius: 15px; padding: 3px 8px; }
.discount_tag.label_style_6 { border-bottom-right-radius: 15px; border-top-left-radius: 15px; padding: 3px 8px; }
.discount_tag.label_style_6, .discount_tag.label_style_7 { align-items: center; background: var(--discount_tag_bg); color: var(--discount_tag_color); display: flex; justify-content: center; position: absolute; right: 10px; top: 10px; }
.discount_tag.label_style_7 { box-sizing: border-box; height: 24px; padding: 4px 6px; }
.discount_tag.label_style_7 .discount_tag_graphics { height: 100%; left: -10px; position: absolute; width: 10px; }
.discount_tag.label_style_7 .discount_tag_graphics::after { border-left: 7px solid transparent; border-top: 15px solid var(--discount_tag_bg); content: ""; height: 0px; position: absolute; right: 0px; top: 0px; width: 0px; }
.discount_tag.label_style_7 .discount_tag_graphics::before { border-bottom: 15px solid var(--discount_tag_bg); border-left: 7px solid transparent; bottom: 0px; content: ""; height: 0px; position: absolute; right: 0px; width: 0px; }
.discount_tag.label_style_8 { align-items: center; background: var(--discount_tag_bg); box-sizing: border-box; color: var(--discount_tag_color); display: flex; height: 24px; justify-content: center; padding: 0px 8px 0px 0px; position: absolute; right: 10px; top: 10px; }
.discount_tag.label_style_8 .discount_tag_graphics { border-bottom: 17px solid var(--discount_tag_bg); border-right: 17px solid transparent; left: -8px; position: absolute; transform: rotate(45deg); }
.discount_tag.label_style_4 .discount_tag_graphics { display: none; }
.discount_tag.label_style_4 .discount_tag_name { color: var(--discount_tag_color); line-height: 18px; }
.discount_tag.label_style_4 .discount_tag_name span { display: block; }
.product_tag_list { left: 10px; opacity: 0; position: absolute; top: 10px; transition: 0.3s; visibility: hidden; }
.fall-item:hover .product_tag_list, li:hover .product_tag_list { opacity: 1; visibility: visible; }
.product_tag_list a { align-items: center; background-color: var(--main_button_bg); border-radius: 50%; display: flex; height: 36px; justify-content: center; margin-bottom: 10px; transition: 0.3s; width: 36px; }
.product_tag_list a svg { fill: var(--main_button_color); }
.product_tag_list a:hover { transform: scale(1.1); }
.product_img { overflow: hidden; }
@media (any-hover: hover) {
  .product_img_hover:hover .default_img { display: none; opacity: 0; }
  .product_img_hover:hover .hover_img { display: block; opacity: 1; }
}
.product_img .hover_img { display: none; opacity: 0; }
@media (any-hover: hover) {
  .default_product_img_hover:hover .default_img { display: none; }
  .default_product_img_hover:hover .hover_img { display: block; opacity: 1; }
}
.default_product_pic .hover_img { display: none; }
@media screen and (max-width: 767px) {
  .wap_hide { display: none; }
  .product_tag_list a { height: 34px; width: 34px; }
  .product_tag_list a svg { height: 14px; width: 14px; }
  #MainContent > div { margin-bottom: calc(var(--general_layout_spacing)*.65); }
}
@media (max-width: 768px) {
  .solgan-warp .solgan-flex .solgan-flex-item { padding: 0px; }
  .discount_tag.label_style_1 { right: -8px; top: -8px; transform: scale(0.8); }
}
.main_btn { align-items: center; background: var(--main_button_bg); border-radius: var(--button_border_radius); box-sizing: border-box; color: var(--main_button_color); cursor: pointer; display: flex; font-size: 16px; justify-content: center; margin-top: 30px; min-height: 48px; padding: 10px 20px; text-align: center; transition: 0.3s; }
.main_btn:hover { opacity: 0.9; }
.secondary_btn { background: var(--secondary_button_bg); border: 1px solid var(--secondary_button_color); border-radius: var(--button_border_radius); box-sizing: border-box; color: var(--secondary_button_color); cursor: pointer; display: inline-block; font-size: 16px; height: 48px; line-height: 48px; margin-top: 30px; overflow: hidden; padding: 0px 20px; text-align: center; text-overflow: ellipsis; transition: 0.3s; white-space: nowrap; }
@media (any-hover: hover) {
  .secondary_btn:hover { background: var(--main_button_bg); color: var(--main_button_color); }
}
.form_btn { box-sizing: border-box; margin: 0px; width: 100%; }
.block_product_name a { color: var(--title_color); font-size: var(--product_font_size); }
.paypal_checkout_button { background: rgb(255, 196, 57); border-radius: var(--button_border_radius); display: block; height: 45px; line-height: 45px; position: relative; text-align: center; width: 100%; }
.paypal_checkout_button img { position: relative; top: 50%; }
.paypal_checkout_button .paypal-button-logo { height: 24px; max-height: 33px; min-height: 22px; position: relative; text-align: left; top: 50%; transform: translateY(-50%); vertical-align: top; }
@media (max-width: 768px) {
  .block_title { margin-bottom: calc(var(--general_layout_spacing)*.5); }
  .block_title .block_detail { margin-top: calc(var(--general_layout_spacing)*.1); padding: 0px 15px; }
  .block_image .content-title, .block_title h2, .general_title-color, .mo-header .header-title, .title { font-size: calc(var(--title_font_size)*var(--wap_title_scale)); }
  .block_product_single .product-info .product-info-title { font-size: calc(var(--big_product_font_size)*var(--wap_title_scale)); }
}
@media (max-width: 767px) {
  .title { margin-bottom: calc(var(--general_layout_spacing)*.5); margin-top: calc(var(--general_layout_spacing)*.75); }
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; }
.mo-popup { z-index: 510000; }
.mo-popup, .mo-popup .mo-popup-mask { inset: 0px; position: fixed; }
.mo-popup .mo-popup-mask { background-color: rgba(0, 0, 0, 0.2); height: 100%; z-index: 1000; }
.mo-popup .mo-popup-body { align-items: center; animation-duration: 0.5s; border-radius: var(--button_border_radius); color: rgb(0, 0, 0); display: flex; justify-content: center; left: 50%; overflow: hidden; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1000; }
.popup-product-warp { background-color: rgb(255, 255, 255); box-sizing: border-box; display: flex; justify-content: space-between; overflow-y: auto; padding: 40px 30px; position: relative; }
.popup-product-warp .icon-claer { cursor: pointer; position: fixed; right: 20px; top: 20px; z-index: 10; }
.popup-product-warp .product-swiper { box-sizing: border-box; flex: 1 1 0%; margin-right: 20px; overflow: hidden; }
@media (max-width: 768px) {
  .popup-product-warp .product-swiper { display: none; }
}
.popup-product-warp .product-swiper .swiper-container { width: 100%; }
.popup-product-warp .product-details { box-sizing: border-box; flex: 1 0 0%; width: 50%; }
.popup-product-warp .product-details .product-title { color: rgb(29, 31, 33); font-size: 20px; font-weight: 400; padding-bottom: 30px; position: relative; text-align: center; }
.popup-product-warp .product-details .product-title::after { border: 1px solid rgb(29, 31, 33); bottom: 0px; content: ""; left: 50%; margin-left: -25px; position: absolute; width: 50px; }
.popup-product-warp .product-details .cell-item { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 6px; margin-top: 30px; }
.popup-product-warp .product-price-discount { background-color: var(--discount_tag_bg); border-radius: 4px; color: var(--discount_tag_color); font-size: 13px; margin-bottom: 6px; margin-left: 10px; padding: 1px 8px; }
.popup-product-warp .product-details .product-price-number { font-size: 20px; font-weight: 400; }
.popup-product-warp .product-details .product-price-market { font-size: 20px; font-weight: 300; text-decoration: line-through; }
.popup-product-warp .product-details .product-sku-name { color: rgb(102, 102, 102); font-size: 14px; font-weight: 400; }
.popup-product-warp .product-sku-values { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; }
.popup-product-warp .product-details .product-sku-values-item { align-items: center; background: rgb(255, 255, 255); border: 1px solid transparent; border-radius: var(--popup_border_radius); color: rgb(29, 31, 33); cursor: pointer; display: flex; font-size: 14px; line-height: 18px; padding: 6px 16px; text-align: center; }
.popup-product-warp .product-details .product-sku-values-item img { height: 30px; margin-right: 6px; vertical-align: middle; width: 30px; }
.popup-product-warp .product-details .product-sku-values-item-active, .popup-product-warp .product-details .product-sku-values-item-active:hover { border: 1px solid rgb(29, 31, 33); }
.popup-product-warp .product-details .product-calculator { box-sizing: border-box; display: flex; height: 44px; justify-content: center; }
.popup-product-warp .product-details .product-calculator .product-calculator-handle, .popup-product-warp .product-details .product-calculator .product-calculator-value { box-sizing: border-box; cursor: pointer; line-height: 44px; position: relative; text-align: center; width: 44px; }
.popup-product-warp .product-details .product-calculator .product-calculator-value { color: rgb(29, 31, 33); font-size: 1rem; margin: 0px 30px; }
.popup-product-warp .product-details .product-calculator .product-calculator-handle { align-items: center; display: flex; justify-content: center; }
.popup-product-warp .product-details .product-calculator .add-icon { display: inline-block; height: 15px; position: relative; width: 15px; }
.popup-product-warp .product-details .product-calculator .add-icon::before { background: rgb(29, 31, 33); border-radius: 1px; content: ""; height: 1px; left: 0px; opacity: 0.9; position: absolute; top: 7px; width: 15px; }
.popup-product-warp .product-details .product-calculator .add-icon::after { background: rgb(29, 31, 33); border-radius: 1px; content: ""; height: 15px; left: 7px; opacity: 0.9; position: absolute; width: 1px; }
.popup-product-warp .product-details .product-calculator .reduce-icon { display: inline-block; height: 15px; position: relative; width: 15px; }
.popup-product-warp .product-details .product-calculator .reduce-icon::before { background: rgb(29, 31, 33); border-radius: 1px; content: ""; height: 1px; left: 0px; opacity: 0.9; position: absolute; top: 7px; width: 15px; }
.popup-product-warp .product-details .product-btns { display: flex; width: 100%; }
.popup-product-warp .product-details .product-btns .mo-btn { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.popup-product-warp .product-details .product-btns .divider { width: 20px; }
.product-swiper-small { padding: 20px 0px; }
.product-swiper-small .swiper-container-small .swiper-small-item { align-items: center; box-sizing: border-box; cursor: pointer; display: inline-flex; height: 76px; justify-content: center; overflow: hidden; width: 76px; }
.product-swiper-small .swiper-container-small .swiper-small-item img { height: auto; width: 76px; }
.product-swiper-small .swiper-container-small .active { border: 2px solid var(--title_color) !important; }
.popup-product-warp-attr { width: 480px; }
.product-sku-values-item-disable { position: relative; text-decoration: line-through; color: rgb(153, 153, 153) !important; }
.product-sku-values-item-disable.skyStyle-image.sku-image-item-mall .product-sku-values-item-disable-mask::after { border: 2px solid rgb(255, 255, 255); border-radius: 50%; box-sizing: border-box; content: ""; height: 18px; position: absolute; width: 18px; }
.product-sku-values-item-disable.skyStyle-image.sku-image-item-mall .product-sku-values-item-disable-mask::before { background-color: rgb(255, 255, 255); content: ""; height: 18px; position: absolute; transform: rotate(45deg); width: 2px; }
.product-sku-values-item-disable.skyStyle-image.sku-image-item-mall .product-sku-values-item-disable-mask { align-items: center; background-color: rgba(0, 0, 0, 0.2); display: flex; height: calc(100% + 2px); justify-content: center; left: -1px; position: absolute; top: -1px; width: calc(100% + 2px); }
.product-sku-values-item-disable.skyStyle-color.colorRender .product-sku-values-item-disable-mask { align-items: center; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; height: calc(100% - 2px); justify-content: center; left: 50%; overflow: hidden; position: absolute; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 2px); }
.product-sku-values-item-disable.skyStyle-color.colorRender .product-sku-values-item-disable-mask::after { background-color: rgb(255, 255, 255); content: ""; height: 83%; position: absolute; transform: rotate(45deg); width: 2px; }
.product-sku-values-item-disable:hover { border: 1px solid transparent !important; }
@media (max-width: 844px) {
  .product-swiper-small { padding: 14px 15px !important; }
  .product-swiper-small .swiper-container-small .swiper-small-item { height: 150px; width: 150px; }
}
@media (max-width: 480px) {
  .popup-product-warp-attr { width: calc(-20px + 100vw) !important; }
}
@media (max-width: 767px) {
  .product_tag_list { opacity: 1; visibility: visible; }
}
.popup-product-warp-attr .product-details { height: 100%; width: 100%; }
.popup-product-warp-attr .product-btns { display: block !important; }
.popup-product-warp-attr .product-btns .divider { height: 20px; width: 100%; }
.line-clamp2 { overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; word-break: normal; -webkit-box-orient: vertical; text-align: center; width: 100%; }
.line-clamp2, .text-white-space { overflow: hidden; text-overflow: ellipsis; }
.text-white-space { white-space: nowrap; }
@media (max-width: 800px) {
  .cart-layer .cart-content { width: 90%; }
}
.comment-reply-warp { border-top: 1px dashed rgb(221, 221, 221); padding: 20px 0px; }
.comment-reply-warp .comment-reply-warp-title { display: flex; justify-content: space-between; }
.comment-reply-warp-name { color: rgb(29, 31, 33); font-size: 14px; }
.comment-reply-warp-date { color: rgb(136, 136, 136); font-size: 14px; }
.comment-reply-warp .comment-reply-warp-content { color: rgb(136, 136, 136); font-size: 14px; margin-top: 10px; }
.comment_warp-content-lable-show { -webkit-line-clamp: initial !important; overflow: visible !important; }
.comment_warp-content-lable-hide { display: -webkit-box; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; text-align: center; width: 100%; }
.comment_warp-content-review { cursor: pointer; display: none; }
.comment-warp { min-height: 60px; }
.product-swiper-small .navigation { outline: none !important; }
.account-nav-warp { display: none; position: relative; margin-bottom: 0px !important; }
.account-nav-warp .account-nav-title { align-items: center; background: rgb(246, 246, 246); color: var(--main_color); cursor: pointer; display: flex; font-size: 1.14286rem; height: 64px; justify-content: space-between; padding: 0px 30px; position: relative; }
.account-nav-warp .account-nav-title .account-edge { border-right: 6px dashed transparent; border-bottom: 6px dashed transparent; border-left: 6px dashed transparent; border-image: none; border-top: 6px solid var(--main_color); cursor: pointer; margin-top: -3px; position: absolute; right: 30px; top: 50%; transition: 0.3s; }
.account-nav-warp .account-nav-title-active .account-edge { margin-top: -6px; transform: rotate(180deg); }
.account-nav-list { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px; display: none; flex-direction: column; left: 0px; padding: 10px 0px; position: absolute; right: 0px; top: 64px; z-index: 100; }
.account-nav-list .account-nav-item { box-sizing: border-box; padding: 0px 30px; width: 100%; }
.account-nav-list .account-nav-item a { color: var(--main_color); display: block; font-size: 14px; height: 64px; line-height: 64px; }
@media screen and (max-width: 768px) {
  .account-nav-warp { display: block; }
}
.grid-warp { display: grid; grid-template-columns: repeat(var(--template-columns),1fr); column-gap: var(--grid-column); row-gap: var(--grid-row); }
.collection_detail_default { margin-top: 20px; }
.mo-header-account { padding: 60px 0px; }
@media screen and (max-width: 767px) {
  .mo-header-account { padding: 15px 0px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mo-header-account { padding: 30px 0px; }
}
.default_block_warp { align-items: center; background-color: rgb(238, 240, 245); display: flex; justify-content: center; }
.mo-editor-reset { overflow: hidden; }
.mo-editor-reset img, .mo-editor-reset table, .mo-editor-reset video { height: auto; max-width: 100% !important; }
@media screen and (max-width: 767px) {
  .mo-editor-reset iframe, .mo-editor-reset img, .mo-editor-reset table, .mo-editor-reset video { height: auto !important; }
}
.mo-editor-reset p { display: block; margin-block: 1em; margin-inline: 0px; }
.mo-editor-reset strong { font-weight: 700; }
.mo-editor-reset ol { list-style-type: decimal; }
.mo-editor-reset ol, .mo-editor-reset ul { display: block; margin-block: 1em; margin-inline: 0px; padding-inline-start: 40px; }
.mo-editor-reset ul { list-style-type: disc; }
.mo-editor-reset ol li { list-style-type: decimal; }
.mo-editor-reset ol li, .mo-editor-reset ul li { display: list-item; text-align: -webkit-match-parent; }
.mo-editor-reset ul li { list-style-type: disc; }
.mo-editor-reset table { box-sizing: border-box; display: table; text-indent: 0px; overflow-wrap: break-word; border-collapse: collapse; }
.mo-editor-reset table img { width: 100%; }
.mo-editor-reset tbody { border-color: inherit; display: table-row-group; vertical-align: middle; }
.mo-editor-reset tr { border-color: inherit; display: table-row; vertical-align: inherit; }
.mo-editor-reset table[border]:not([border="0"]):not([style*="border-color"]) td, .mo-editor-reset table[border]:not([border="0"]):not([style*="border-color"]) th { border-color: rgb(204, 204, 204); }
.mo-editor-reset table[border]:not([border="0"]):not([style*="border-style"]) td, .mo-editor-reset table[border]:not([border="0"]):not([style*="border-style"]) th { border-style: solid; }
.mo-editor-reset table[border]:not([border="0"]):not([style*="border-width"]) td, .mo-editor-reset table[border]:not([border="0"]):not([style*="border-width"]) th { border-width: 1px; }
.mo-editor-reset table:not([cellpadding]) td, .mo-editor-reset table:not([cellpadding]) th { padding: 0.4rem; }
.mo-editor-reset td { display: table-cell; vertical-align: inherit; }
.mo-editor-reset td, .mo-editor-reset th { border: 1px dashed rgb(187, 187, 187); }
.quick-iframe-wrap { background-color: transparent; height: 30px; transition: 0.35s; width: 100%; }
.quick-iframe-wrap-loading { animation: 0.75s linear 0s infinite normal none running loadingRotate; border-width: 2px; border-style: solid; border-image: none; border-color: rgb(255, 255, 255) rgb(255, 255, 255) transparent; border-radius: 50%; display: inline-block; height: 16px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 16px; }
@keyframes loadingRotate { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(1turn); }
}
.quick-iframe { background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 0px; max-height: 90vh; pointer-events: auto; vertical-align: top; }
.normal-quick-iframe { height: 100%; width: 1000px; }
.simple-quick-iframe { height: 100%; width: 500px; }
@media screen and (max-width: 500px) {
  .simple-quick-iframe { width: 100vw; }
  .normal-quick-iframe { width: 100vw !important; }
  .popup-quick-body { bottom: 0px; align-items: flex-end !important; left: 0px !important; overflow: inherit !important; right: 0px !important; top: 0px !important; transform: translate(0px) !important; }
}
@media screen and (max-width: 1000px) {
  .normal-quick-iframe { width: calc(-20px + 100vw); }
}
.view-picture { background-color: transparent; inset: 0px; overflow: hidden; position: fixed; transition: 0.7s; z-index: 2147483647; }
.view-picture .video-icon { cursor: pointer; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); visibility: hidden; z-index: 100; }
.view-picture .view-picture-swiper { inset: 0px; position: absolute; }
.view-picture .view-picture-operate { align-items: center; bottom: -80px; display: flex; justify-content: center; left: 0px; position: absolute; right: 0px; transition: 0.4s; z-index: 100; }
.view-picture .view-picture-operate .operate-arrow-left, .view-picture .view-picture-operate .operate-arrow-right { height: 45px; width: 45px; }
.view-picture .view-picture-operate .operate-arrow-close, .view-picture .view-picture-operate .operate-arrow-left, .view-picture .view-picture-operate .operate-arrow-right { align-items: center; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; box-shadow: rgba(54, 54, 54, 0.15) 0px 2px 10px; cursor: pointer; display: flex; justify-content: center; overflow: hidden; position: relative; text-align: center; }
.view-picture .view-picture-operate .operate-arrow-close { height: 55px; margin: 0px 18px; vertical-align: middle; width: 55px; z-index: 1; }
.view-picture .swiper-button-disabled { visibility: hidden; }
.view-picture .view-picture-swiper li { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; padding: 20px; width: 100%; }
@media screen and (max-width: 767px) {
  .view-picture .video-icon { display: none; }
  .view-picture .view-picture-swiper li { padding: 20px 0px; }
}
.view-picture .view-picture-swiper img { max-height: calc(100% - 50px); max-width: 100%; object-fit: contain; }
.view-picture-operate-show .view-picture-operate { bottom: 80px; }
.view-picture-operate-hide .view-picture-operate { bottom: -80px; }
.cell-star.no-margin { margin-top: 0px; }
.moi-start-warp { align-items: center; display: flex; font-size: 14px; justify-content: center; }
.moi-start-warp svg { flex-shrink: 0; }
@media screen and (max-width: 767px) {
  .moi-start-warp svg { height: 14px; width: 14px; }
}
.moi-start-warp svg + .moi-start-warp svg { margin-left: 4px; }
.moi-start-warp > span { color: var(--title_color); font-weight: 500; line-height: 1; margin-left: 6px; }
div[data-section-type="product_detail"] .control-product_detail-comment_star .moi-start-warp.moi-start-warp-underline > span:last-child { cursor: pointer; }
div[data-section-type="product_detail"] .control-product_detail-comment_star .moi-start-warp.moi-start-warp-underline > span:last-child > span { text-decoration: underline; text-underline-offset: 3px; }
.moi-start-warp > span:last-child > span { display: inline-block; margin: 0px 2px; }
.moi-start-warp .comment-star-warp { position: relative; }
.moi-start-warp .comment-star-base { align-items: center; display: flex; position: relative; flex-wrap: nowrap !important; }
.moi-start-warp .comment-star-warp .cell-star { display: flex; justify-content: center; margin-top: 12px; }
.moi-start-warp .comment-star-warp .comment-star-warp-choose { bottom: 0px; left: 0px; overflow: hidden; position: absolute; top: 0px; }
.mo-alert-info-model { align-items: center; inset: 0px; display: flex; justify-content: center; pointer-events: none; position: fixed; z-index: 2147483647; }
.mo-alert-info-model .mo-alert-info-body { align-items: center; animation-name: bounceIn; background: rgb(255, 255, 255); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.08) 0px 6px 16px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px; display: inline-flex; font-size: 14px; padding: 10px 16px; pointer-events: all; }
.mo-alert-info-model .mo-alert-info-body svg { height: 14px; margin-right: 8px; width: 14px; }
.mo-alert-info-model.mo-alert-info-model_top { align-items: flex-start; }
.mo-alert-info-model.mo-alert-info-model_top .mo-alert-info-body { animation-name: bounceInDown; margin-top: 64px; }
.mo-alert-info-model .mo-alert-info-body.mo-alert-info_close-top-animation { animation-name: bounceOutUp; }
.mo-alert-info-model .mo-alert-info-body.mo-alert-info_close-center-animation { animation-name: bounceOut; }
.pub-mo-form-item-value { position: relative; }
.pub-mo-form-item-value .mo-form-input:focus { padding-top: 23px; }
.pub-mo-form-item-value .mo-form-input:focus ~ .field_label { font-size: 12px; letter-spacing: 0.04rem; top: 16px; }
.pub-mo-form-item-value .mo-form-input:not(:placeholder-shown) ~ .field_label { font-size: 12px; letter-spacing: 0.04rem; top: 16px; }
.pub-mo-form-item-value .mo-form-input:not(:placeholder-shown) { padding-top: 23px; }
.pub-mo-form-item-value .mo-form-input::placeholder { color: transparent; }
.pub-mo-form-item-value .field_label { color: rgb(170, 170, 170); cursor: pointer; font-size: 14px; left: 12px; position: absolute; top: 50%; transform: translateY(-50%); transition: top 0.1s, font-size 0.1s; }
.product_preview-video-container, .product_preview-youtube-container { position: relative; width: 100%; }
.product_preview-youtube-container { height: 380px; }
.product_preview-video-container video { left: 0px; position: absolute; top: 0px; }
.product_preview-video-container iframe, .product_preview-video-container video, .product_preview-youtube-container iframe, .product_preview-youtube-container video { height: 100%; width: 100%; }
.swiper-slide-video { position: relative; }
.swiper-slide-video .video-icon { cursor: pointer; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 100; }
.product-swiper-small { align-items: center; display: flex; padding: 15px 0px; }
.product-swiper-small .navigation { align-items: center; cursor: pointer; display: flex; justify-content: center; }
.product-swiper-small .swiper-container-small { overflow: hidden; }
.product-swiper-small .swiper-small-item { align-items: center; box-sizing: border-box; cursor: pointer; display: inline-flex; height: 76px; justify-content: center; overflow: hidden; width: 76px; }
.product-swiper-small .swiper-small-item img { height: auto; width: 76px; }
.product-swiper-small .swiper-small-item-active { border: 2px solid var(--color-main); }
.product-swiper-small .arrow { display: none; font-size: 0px; padding: 0px 12px; }
@media (max-width: 767px) {
  .product-swiper-small .arrow { display: inline-block; }
  .product-swiper-small { display: flex; justify-content: space-between; padding: 15px 0px; }
  .product-swiper-small.show_mobile_thumbnail .arrow { display: none; }
  .product-swiper-small.show_mobile_thumbnail .swiper-container-small .swiper-small-item { border: 2px solid transparent; border-radius: 0px; box-sizing: border-box; height: 64px; width: 64px; }
  .product-swiper-small.show_mobile_thumbnail .swiper-container-small .swiper-small-item img { display: block; height: 100%; object-fit: cover; width: 100%; }
  .product-swiper-small .swiper-container-small .swiper-small-item { border: 2px solid var(--title_color); border-radius: 50%; box-sizing: border-box; height: 10px; width: 10px; }
  .product-swiper-small .swiper-container-small .swiper-small-item:last-child { margin-right: 0px !important; }
  .product-swiper-small .swiper-container-small .active { background-color: var(--title_color) !important; border: 2px solid var(--title_color) !important; }
  .product-swiper-small .swiper-container-small .swiper-small-item img { display: none; }
}
.cart-label-warp { background: rgb(255, 240, 239); border-radius: 4px; color: rgb(236, 67, 48); display: inline-block; font-size: 14px; line-height: 1; margin-top: 5px; padding: 5px 10px; }
.cart-label-timer { align-items: center; display: inline-flex; margin-top: 5px; }
.minicart_qty-disable { cursor: not-allowed; opacity: 0.6; pointer-events: none; }
.product-right-sticky { position: sticky; top: 15px; z-index: 1; }
.product_preview_temp1 .swiper-slide { margin-bottom: 20px; }
.product_preview_temp1 .swiper-prev { left: 15px; }
.product_preview_temp1 .swiper-next { right: 15px; }
.product_preview_temp1 .swiper-navigation { align-items: center; background-color: rgb(255, 255, 255); border-radius: 50%; display: none; height: 44px; justify-content: center; position: absolute; right: 15px; top: 50%; width: 44px; z-index: 9; }
@media (max-width: 767px) {
  .product_preview_temp1 { margin-bottom: 20px; }
  .product_preview_temp1 .swiper-navigation { display: flex; }
}
#product_detail .product-left .product-right-sticky .swiper-container .swiper-slide img { border-radius: var(--img-radius) !important; }
#product_detail .product-left .product-right-sticky .swiper-container .swiper-slide .product_preview-youtube-container { border-radius: var(--img-radius); overflow: hidden; }
#product_detail .product-left .product-right-sticky .swiper-container-small .swiper-slide { border-radius: calc(var(--img-radius)*.8); }
.product_preview_temp2 .swiper-prev { left: 15px; }
.product_preview_temp2 .swiper-next { right: 15px; }
.product_preview_temp2 .swiper-navigation { align-items: center; background-color: rgb(255, 255, 255); border-radius: 50%; display: none; height: 44px; justify-content: center; position: absolute; right: 15px; top: 50%; width: 44px; z-index: 9; }
@media screen and (min-width: 768px) {
  .product_preview_temp2 > ul { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 767px) {
  .product_preview_temp2 .swiper-navigation { display: flex; }
}
.product_preview_bigtiledown .bigtiledown-pagination { align-items: center; display: flex; justify-content: center; padding: 15px 0px; }
.product_preview_bigtiledown .bigtiledown-pagination .swiper-pagination { position: static; width: 120px; }
@media (min-width: 767px) {
  .product_preview_bigtiledown-wrapper { gap: 20px; display: flex; flex-wrap: wrap; }
  .product_preview_bigtiledown-wrapper .swiper-slide { width: calc(50% - 10px); }
  .product_preview_bigtiledown-wrapper .swiper-slide:first-child { width: 100%; }
  .product_preview_bigtiledown .bigtiledown-pagination { display: none; }
}
.product_preview_right { display: flex; }
.product_preview_right .product-swiper-small { display: flex; flex-direction: column; padding: 0px 0px 0px 15px; }
.product_preview_right .swiper-container-small { max-height: 500px; }
.product_preview_right .navigation { transform: rotate(90deg); }
@media (max-width: 767px) {
  .product_preview_left, .product_preview_right { display: block; }
  .product_preview_right .product-swiper-small { display: flex; flex-direction: row; }
  .product_preview_right .swiper-container-small { height: auto; }
}
.product_preview_left { display: flex; flex-direction: row-reverse; }
.product_preview_left .product-swiper-small { display: flex; flex-direction: column; padding: 0px 15px 0px 0px; }
.product_preview_left .swiper-container-small { max-height: 500px; }
.product_preview_left .navigation { transform: rotate(90deg); }
@media (max-width: 767px) {
  .product_preview_left { display: block; }
  .product_preview_left .product-swiper-small { display: flex; flex-direction: row; }
  .product_preview_left .swiper-container-small { height: auto; }
}
@media (min-width: 767px) {
  .preview_bigtiledown_wrapper { gap: 20px; display: flex; flex-wrap: wrap; }
  .product_preview_bigtiledown .swiper-slide { width: calc(50% - 10px); }
  .product_preview_bigtiledown .swiper-slide:first-child { width: 100%; }
  .product_preview_bigtiledown .bigtiledown-pagination { display: none; }
}
select { font-family: var(--general_font_family); }
.product_flex_left .cell-item, .product_flex_left .cell-star, .product_flex_left .mobile_product_preview, .product_flex_left .moi-product-sku-value .product-sku-values { justify-content: start !important; }
.product-info-describe { text-align: center; }
.virtual_sale { color: var(--main_color) !important; font-size: var(--general_font_size) !important; }
.product_flex_left .product-info-describe, .product_flex_left .product-info-subtitle, .product_flex_left .product-info-title, .product_flex_left .product-name, .product_flex_left .product-title { text-align: left !important; }
.product_flex_left .product-calculator { border: 1px solid var(--color-main); color: var(--color-main); }
.product_flex_left .product-calculator .product-calculator-value { margin: 0px; }
.product_flex_left .product-sku-values .product-sku-values-item { margin-right: 15px; margin-top: 15px; margin-left: 0px !important; }
.moi-product-option .moi-product-sku-value { margin-top: 15px !important; }
.moi-product-option .moi-product-sku-value, .moi-product-option .moi-product-sku-value .product-sku-select, .moi-product-option .moi-product-sku-value .product-sku-unselect, .moi-product-option .moi-product-sku-value .product-sku-values { box-sizing: border-box; max-width: 100%; }
.moi-product-option .moi-product-sku-value .product-sku-unselect { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product_flex_left .product-price { justify-content: start !important; }
.product_flex_left .product-price .product-price-number { margin-right: 10px; }
.product_flex_left .product-price .product-price-market { margin-left: 0px; margin-right: 10px; }
.product_flex_left .product-price-discount { margin-left: 0px; }
.block_product_img_list { margin-top: 10px; }
.block_product_img_list .img_list { gap: 3px; }
.block_product_img_list .img_list .img_list_item { box-sizing: border-box; height: 28px; padding: 2px; width: 28px; }
.block_product_img_list .img_list .img_list_item.active { border: 1px solid; }
.block_product_img_list .img_list .morNumber { align-items: center; display: flex; }
.block_product_img_list .img_list .morNumber:empty { display: none; }
.block_product_img_list .img_list .img_list_item img { height: 100%; object-fit: cover; width: 100%; }
.moi-product-sku-value .product-sku-values .product-sku-value-color { border-radius: 50%; padding: 2px !important; }
.moi-product-sku-value .product-sku-values .product-sku-value-color .product-sku-value-color-item { background-color: rgb(255, 255, 255); border: 2px solid rgb(226, 226, 226); border-radius: 50%; box-sizing: border-box; height: 30px; width: 30px; }
.moi-product-sku-value .product-sku-values .product-sku-values-item-active .product-sku-value-color-item { border: transparent; }
.moi-product-sku-value .product-sku-values .sku-image-item-big { border: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: flex; flex-direction: column; height: 180px; overflow: hidden; width: 150px; padding: 0px !important; }
.moi-product-sku-value .product-sku-values .sku-image-item-big img { flex: 1 1 0%; width: 150px !important; }
.moi-product-sku-value .product-sku-values .sku-image-item-big span { border-top: 1px solid rgb(242, 242, 242); box-sizing: border-box; display: block; margin: 0px; padding: 8px 5px; width: 100%; }
.def_header_logo a { align-items: center; color: var(--title_color); display: flex; font-family: var(--title_font_family); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); margin: 15px 0px; }
.def_header_logo a span { display: none; }
@media screen and (min-width: 768px) {
  .def_header_logo a span.pc { align-items: center; display: flex; }
}
@media screen and (max-width: 767px) {
  .def_header_logo a span.yd { align-items: center; display: flex; }
}
@media (min-width: 768px) {
  .md\:df-visible { visibility: visible; }
  .md\:df-top-20 { top: 5rem; }
  .md\:df-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .md\:df-flex { display: flex; }
  .md\:df-hidden { display: none; }
  .md\:df-w-5\/12 { width: 41.6667%; }
  .md\:df-w-auto { width: auto; }
  .md\:df-flex-1 { flex: 1 1 0%; }
  .md\:df-flex-row { flex-direction: row; }
  .md\:df-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .md\:df-py-8 { padding-bottom: 2rem; padding-top: 2rem; }
  .md\:df-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
}
.line-clamp1 { overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; word-break: normal; -webkit-box-orient: vertical; text-align: center; width: 100%; }
.product-btns.product-out-of-stock, .product-out-of-delete { text-transform: uppercase; }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none !important; }
input[type="number"] { }
.mo-form-item[name="email"] { position: relative; }
.mo-form-item[name="email"] .email_auto_fill_box { background: rgb(255, 255, 255); border-radius: var(--button_border_radius); box-shadow: rgba(0, 0, 0, 0.16) 0px 6px 12px 2px; box-sizing: border-box; font-size: 12px; margin-top: 10px; max-height: 400px; overflow-y: scroll; padding: 10px 0px; }
.mo-form-item[name="email"] .email_auto_fill_box:empty { box-shadow: none; margin: 0px; padding: 0px; }
.mo-form-item[name="email"] .email_auto_fill_box .divide { background-color: var(--color-divider); height: 1px; }
.mo-form-item[name="email"] .email_auto_fill_box li { cursor: pointer; line-height: 2; }
header-nav-img { align-items: center; display: inline-flex; }
header-nav-img img { margin: 4px 8px 4px 0px; max-height: 40px; max-width: 40px; object-fit: cover; }
.text-ellipsis { overflow: hidden; overflow-wrap: break-word; -webkit-line-clamp: 1; }
.text-ellipsis, .text-ellipsis2 { display: -webkit-box; text-overflow: ellipsis; word-break: normal; -webkit-box-orient: vertical; width: 100%; }
.text-ellipsis2 { -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: break-word; }
.plugin-product_item-img_box img { height: 100% !important; object-fit: var(--product_img_cut) !important; width: 100% !important; }
.product_view { background-color: var(--main_button_bg) !important; border-color: var(--main_button_bg) !important; color: var(--main_button_color) !important; }
.product_view svg path { fill: var(--main_button_color) !important; stroke: var(--main_button_color) !important; }
.custom-option-download { display: inline-block; padding-bottom: 4px; position: relative; word-break: break-word; }
.custom-option-download::after { background-color: currentcolor; bottom: 0px; content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); transition: width 0.5s ease-in-out; width: 100%; }
.custom-option-download:hover::after { width: 35%; }
.swiper-container-fade a img, .swiper-fade a img { pointer-events: none !important; }
.swiper-container-fade .swiper-slide-active a img, .swiper-fade .swiper-slide-active a img { pointer-events: all !important; }
div[data-section-type="product_detail"] .detail-box .comment-btn-wrap a.comment-btn { flex: 1 1 0%; }
div[data-section-type="product_detail"] .module-cell .comment-btn-wrap, div[data-section-type="product_detail"] .product-tabs-content .comment-btn-wrap, div[data-section-type="product_detail"] .product-tabs-content-item .comment-btn-wrap { display: flex; gap: 20px; justify-content: center; margin-top: 24px; }
div[data-section-type="product_detail"] .module-cell .comment-btn-wrap:empty, div[data-section-type="product_detail"] .product-tabs-content .comment-btn-wrap:empty, div[data-section-type="product_detail"] .product-tabs-content-item .comment-btn-wrap:empty { margin-top: 0px; }
.testuploadcdss { display: block; }
.comment-img-preview .big_img_swiper .swiper .swiper-slide { align-items: center; display: inline-flex; height: auto; justify-content: center; }
.comment-img-preview .big_img_swiper .swiper a { display: inline-block; width: 100%; }
.comment-img-preview .big_img_swiper .swiper img { height: 376px; object-fit: cover; }
.comment-img-preview .small_img_swiper { align-items: center; display: flex; gap: 8px; margin: 10px 10px 11px; }
.comment-img-preview .small_img_swiper .swiper { flex: 1 1 0%; overflow: hidden; }
.comment-img-preview .small_img_swiper .swiper-slide { align-items: center; border: 2px solid transparent; box-sizing: border-box; display: inline-flex; height: 52px; justify-content: center; }
.comment-img-preview .small_img_swiper .swiper-slide.active { border-color: rgb(29, 31, 33); }
.comment-img-preview .small_img_swiper .swiper-slide img { height: 100%; }
.comment-img-preview .small_img_swiper .navigation_next, .comment-img-preview .small_img_swiper .navigation_prev { cursor: pointer; display: none; }
.sku_option-template_all-item:hover { box-shadow: inset 0 0 0 2px var(--main_button_bg); }
.--template-all-disable { background-color: var(--sku-bg); cursor: not-allowed; opacity: 0.6; }
.--template-all-disable:hover .sku_option-template_all-item { box-shadow: inset 0 0 0 1px var(--sku-border) !important; }
.sku_option-template_all-item { align-items: center; border-radius: 5px; box-shadow: inset 0 0 0 1px var(--sku-border); box-sizing: border-box; cursor: pointer; display: flex; padding: 12px 22px; position: relative; }
.sku_option-template_all-item:hover { background-color: var(--sku-bg); }
.sku_option-template_all-item-icon { border: 1px solid var(--sku-border); border-radius: 50%; box-sizing: border-box; display: inline-block; flex-shrink: 0; height: 18px; margin-right: 20px; width: 18px; }
.sku_option-template_all input:checked + .sku_option-template_all-item .sku_option-template_all-item-icon { border: 6px solid var(--main_button_bg); }
.sku_option-template_all input:checked + .sku_option-template_all-item { background-color: var(--sku-bg); box-shadow: inset 0 0 0 2px var(--main_button_bg); font-weight: 700; }
.sku_option-template_all-cell + .sku_option-template_all-cell { margin-top: 14px; }
.--template-all-left { align-items: center; display: flex; flex: 1 1 0%; margin-right: 20px; min-height: 48px; overflow: hidden; }
.--template-all-left_text { font-size: 16px; overflow: hidden; }
.--template_all-right { align-items: end; display: flex; flex-direction: column; }
.--template_all-price { color: var(--buying_parice_color); font-size: 16px; line-height: 1.2; }
.--template_all-compare_at_price { color: var(--original_price_color); font-size: 14px; font-weight: 300; line-height: 1.2; margin-top: 2px; text-decoration-line: line-through; }
.--template_all-tag { background: var(--main_button_bg); border-radius: 5px; color: var(--main_button_color); font-size: 14px; font-weight: 300; margin: 0px; overflow: hidden; padding: 1px 10px; position: absolute; right: 0px; text-overflow: ellipsis; top: 0px; transform: translateY(-50%); overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; word-break: normal; -webkit-box-orient: vertical; box-sizing: border-box; max-width: 100%; }
.--template-all-color { display: inline-block; height: 24px; margin: 0px 20px 0px 0px; width: 24px; }
.--template-all-img { height: 48px; margin-right: 10px; width: 48px; }
.product_detail_default .product-warp .product-right .product-name h1 { font-size: inherit; }
.test_092_00 { display: block; }
.moi-product-sku-multiple, .moi-product-sku-multiple-table { border-collapse: collapse; border-spacing: 0px; font-size: 14px; width: 100%; }
.moi-product-sku-multiple-table thead { background: rgb(246, 246, 246); }
.moi-product-sku-multiple-table thead td { box-sizing: border-box; min-height: 40px; padding: 8px; }
.moi-product-sku-multiple-table tbody td { box-sizing: border-box; min-height: 72px; padding: 8px; }
.moi-product-sku-multiple .font-bold { display: inline-block; font-weight: 700; line-height: 1.25; color: rgb(29, 31, 33) !important; }
.step-warp { border: 1px solid rgb(221, 221, 221); display: inline-flex; height: 40px; overflow: hidden; }
.step-warp .step-warp-handle { align-items: center; cursor: pointer; display: flex; height: 40px; justify-content: center; position: relative; width: 40px; --handle-color: #1d1f21; }
.step-warp .step-warp-handle[disabled] { --handle-color: #ddd; cursor: not-allowed; pointer-events: none; }
.step-warp .step-warp-handle[data-type="plus"]::before { background-color: var(--handle-color); content: ""; display: inline-block; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; }
.step-warp .step-warp-handle[data-type="plus"]::after { background-color: var(--handle-color); content: ""; display: inline-block; height: 12px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 2px; }
.step-warp .step-warp-handle[data-type="minus"]::before { background-color: var(--handle-color); content: ""; display: inline-block; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; }
.step-warp .step-warp-value { height: 40px; text-align: center; width: 44px; }
.step-items-center { justify-content: space-between; width: 126px; }
.step-items-center, .step-items-end { align-items: center; display: flex; vertical-align: middle; }
.step-items-end { justify-content: flex-end; }
.multiple-reset { align-items: center; color: rgb(136, 136, 136); cursor: pointer; display: inline-flex; margin-left: 6px; }
.multiple-reset-text { margin-left: 2px; text-decoration-line: underline; }
.multiple-total { align-items: center; border-top: 1px solid rgb(221, 221, 221); display: flex; justify-content: space-between; margin-top: 10px; padding: 16px 0px; }
.multiple-total-value { color: var(--buying_parice_color); font-size: 20px; font-weight: 700; }
.multiple-angle { background: rgb(29, 31, 33); border-radius: 8px; color: rgb(255, 255, 255); display: none; font-size: 12px; left: 100%; line-height: 16px; padding: 0px 6px; position: absolute; top: -8px; transform: translateX(-50%); z-index: 100; }
.multiple-md-hidden { display: none; }
.multiple-md-block { display: block; }
.multiple-md-inline-block { display: inline-block; }
.moi-product-option .stock-sotes { cursor: pointer; text-decoration-line: underline; }
.multiple-md-width40 { width: 60%; }
@media screen and (min-width: 768px) {
  .multiple-md-width40 { width: 40%; }
  .multiple-md-hidden { display: table-cell; }
  .multiple-md-block, .multiple-md-inline-block { display: none; }
  .step-items-center { width: 100px; }
  .step-warp { height: 26px; }
  .step-warp .step-warp-handle { height: 26px; width: 26px; }
  .step-warp .step-warp-value { height: 26px; text-align: center; width: 44px; }
  .moi-product-sku-multiple-table tbody td { box-sizing: border-box; min-height: 44px; }
  .moi-product-sku-multiple-table tbody td, .moi-product-sku-multiple-table thead td { padding: 8px 10px; }
}
.product-detail-skuspu { word-break: break-all; }
.test { display: block; }
.page-router-nav { background: rgb(246, 246, 246); color: rgb(115, 115, 115); font-size: 14px; line-height: 22px; padding: 16px 0px; }
.page-router-nav-warp { margin: 0px auto; max-width: var(--general_layout_width); }
.page-router-nav a { color: rgb(153, 153, 153); font-size: 14px; line-height: 17px; }
.page-router-nav .on { color: rgb(102, 102, 102); overflow: hidden; }
.page-router-nav span { padding: 0px 4px; }
.item-caption .product_price, .product_price_tag { border-radius: max(4px,var(--button_border_radius)); display: inline-flex; padding: 1px 8px; }
#product_detail .control-product_detail-picture_item img { object-fit: var(--producr_details_fit,cover) !important; }
#product_detail .product_cardimg-picture-crop-11 { aspect-ratio: 1 / 1 !important; }
#product_detail .product_cardimg-picture-crop-11 img { height: 100%; object-fit: cover; position: static; width: 100%; }
#product_detail .product_cardimg-picture-crop-34 { aspect-ratio: 3 / 4 !important; }
#product_detail .product_cardimg-picture-crop-34 img { height: 100%; object-fit: cover; position: static; width: 100%; }
#product_detail .product_cardimg-picture-crop-23 { aspect-ratio: 2 / 3 !important; }
#product_detail .product_cardimg-picture-crop-23 img { height: 100%; object-fit: cover; position: static; width: 100%; }
#product_detail .product_cardimg-picture-crop-12 { aspect-ratio: 1 / 2 !important; }
#product_detail .product_cardimg-picture-crop-12 img { height: 100%; object-fit: cover; position: static; width: 100%; }
.supplier_name { color: rgb(153, 153, 153); font-size: 14px; }
.supplier_name.product_flex_center { text-align: center; }
@media screen and (max-width: 767px) {
  .sp_table_content.step-items-end { display: table-cell; }
  .sp_table_content.step-items-end .step-items-center { justify-content: flex-end; width: 100%; }
}
.inline_center { align-items: center; display: inline-flex; }
.justify-self-start { justify-self: start; }
.justify-self-center { justify-self: center; }
.justify-self-end { justify-self: end; }
@media screen and (min-width: 767px) {
  .plugin-container-tabbar_fix { display: grid !important; grid-template-columns: 1fr auto 1fr; }
}
@media screen and (max-width: 768px) {
  .plugin-container-tabbar_fix .plugin-container-tabbar { display: none; }
}
.product_img { position: relative; }
.decor-img { position: absolute; z-index: 20; max-width: 100% !important; }
.img-top { top: 0px; }
.img-bottom, .img-top { left: 50% !important; transform: translateX(-50%) !important; }
.img-bottom { bottom: 0px !important; top: auto !important; }
.decor-text { background-color: var(--decor-bg-color); border-radius: var(--text-border-radius); color: var(--text-color); font-size: var(--decor-font-size); position: absolute; z-index: 20; }
.text-top-left { left: 0px; top: 0px; }
.text-top-right { right: 0px; top: 0px; }
.text-bottom-left { bottom: 0px; left: 0px; }
.text-bottom-right { bottom: 0px; right: 0px; }
.before-name { position: relative !important; }
.img-top-left { left: 0px; top: 0px; }
.img-top-right { right: 0px; top: 0px; left: auto !important; }
.img-bottom-left { bottom: 0px; left: 0px; top: auto !important; }
.img-bottom-right { bottom: 0px; right: 0px; left: auto !important; top: auto !important; }
.plugin-product_item-img_box > img.decor-img.img-top-left { left: 0px !important; top: 0px !important; transform: none !important; }
.plugin-product_item-img_box > img.decor-img.img-top-right { right: 0px; left: auto !important; top: 0px !important; transform: none !important; }
.plugin-product_item-img_box > img.decor-img.img-bottom-left { bottom: 0px; left: 0px !important; top: auto !important; transform: none !important; }
.plugin-product_item-img_box > img.decor-img.img-bottom-right { bottom: 0px; right: 0px; left: auto !important; top: auto !important; transform: none !important; }
.plugin-product_item-img_box > img.decor-img.img-top { left: 50% !important; top: 0px !important; transform: translateX(-50%) !important; }
.plugin-product_item-img_box > img.decor-img.img-bottom { bottom: 0px !important; left: 50% !important; top: auto !important; transform: translateX(-50%) !important; }
@media (min-width: 768px) {
  .md\:df-visible { visibility: visible; }
  .md\:df-top-20 { top: 5rem; }
  .md\:df-mx-8 { margin-left: 2rem; margin-right: 2rem; }
  .md\:df-flex { display: flex; }
  .md\:df-hidden { display: none; }
  .md\:df-w-5\/12 { width: 41.6667%; }
  .md\:df-w-auto { width: auto; }
  .md\:df-flex-1 { flex: 1 1 0%; }
  .md\:df-flex-row { flex-direction: row; }
  .md\:df-px-12 { padding-left: 3rem; padding-right: 3rem; }
  .md\:df-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md\:df-py-8 { padding-bottom: 2rem; padding-top: 2rem; }
}
.__default__iucfbd { }
.container { width: 100%; }
@media (min-width: 640px) {
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.visible { visibility: visible; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.left-0 { left: 0px; }
.top-0 { top: 0px; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-\[200\] { z-index: 200; }
.m-auto { margin: auto; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.-ml-\[18px\] { margin-left: -18px; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-7 { margin-bottom: 1.75rem; }
.mb-\[30px\] { margin-bottom: 30px; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-\[14px\] { margin-top: 14px; }
.mt-\[20px\] { margin-top: 20px; }
.mt-\[30px\] { margin-top: 30px; }
.mt-\[34px\] { margin-top: 34px; }
.box-border { box-sizing: border-box; }
.block { display: block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.h-\[25px\] { height: 25px; }
.h-\[32px\] { height: 32px; }
.h-\[40px\] { height: 40px; }
.h-\[50px\] { height: 50px; }
.h-full { height: 100%; }
.w-\[100\%\] { width: 100%; }
.w-\[240px\] { width: 240px; }
.w-\[25px\] { width: 25px; }
.w-\[32px\] { width: 32px; }
.w-\[40px\] { width: 40px; }
.w-full { width: 100%; }
.max-w-\[1100px\] { max-width: 1100px; }
.max-w-\[500px\] { max-width: 500px; }
.flex-1 { flex: 1 1 0%; }
.flex-shrink { flex-shrink: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.-translate-x-\[5px\] { --tw-translate-x: -5px; }
.-translate-x-\[5px\], .translate-x-\[3px\] { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-\[3px\] { --tw-translate-x: 3px; }
.-rotate-180 { --tw-rotate: -180deg; }
.-rotate-180, .-rotate-90 { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-rotate-90 { --tw-rotate: -90deg; }
.rotate-180 { --tw-rotate: 180deg; }
.rotate-180, .transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cursor-pointer { cursor: pointer; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.25rem; }
.gap-10 { gap: 2.5rem; }
.gap-14 { gap: 3.5rem; }
.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-\[10px\] { gap: 10px; }
.gap-\[15px\] { gap: 15px; }
.gap-y-\[32px\] { row-gap: 32px; }
.justify-self-start { justify-self: start; }
.justify-self-end { justify-self: end; }
.justify-self-center { justify-self: center; }
.overflow-hidden { overflow: hidden; }
.text-ellipsis { text-overflow: ellipsis; }
.whitespace-nowrap { white-space: nowrap; }
.border { border-width: 1px; }
.border-0 { border-width: 0px; }
.border-b-\[1px\] { border-bottom-width: 1px; }
.border-solid { border-style: solid; }
.border-\[\#ffffff\] { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity,1)); }
.bg-\[\#f8f8f8\] { --tw-bg-opacity: 1; background-color: rgb(248 248 248/var(--tw-bg-opacity,1)); }
.bg-transparent { background-color: transparent; }
.object-cover { object-fit: cover; }
.px-\[10px\] { padding-left: 10px; padding-right: 10px; }
.px-\[15px\] { padding-left: 15px; padding-right: 15px; }
.px-\[22px\] { padding-left: 22px; padding-right: 22px; }
.py-14 { padding-bottom: 3.5rem; padding-top: 3.5rem; }
.py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; }
.py-5 { padding-bottom: 1.25rem; padding-top: 1.25rem; }
.py-\[10px\] { padding-bottom: 10px; padding-top: 10px; }
.py-\[20px\] { padding-bottom: 20px; padding-top: 20px; }
.py-\[30px\] { padding-bottom: 30px; padding-top: 30px; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-\[16px\] { padding-bottom: 16px; }
.pt-6 { padding-top: 1.5rem; }
.pt-\[16px\] { padding-top: 16px; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-\[18px\] { font-size: 18px; }
.text-\[20px\] { font-size: 20px; }
.text-\[40px\] { font-size: 40px; }
.leading-tight { line-height: 1.25; }
.text-\[\#ffffff\] { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.opacity-60 { opacity: 0.6; }
.transition { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
#oem_header { background-color: var(--nav-bg); position: relative; z-index: 999; }
#oem_header, #oem_header a { color: var(--menu-color); }
#oem_header .nav-logo a { font-family: var(--title_font_family); font-style: var(--title_font_style); letter-spacing: var(--title_letter_spacing); }
#oem_header .nav-logo .logo { font-size: 1.875rem; font-weight: 700; }
#oem_header .nav-logo .logo span { display: none; font-family: var(--title_font_family); font-style: var(--title_font_style); letter-spacing: var(--title_letter_spacing); }
@media screen and (min-width: 768px) {
  #oem_header .nav-logo .logo span.pc { align-items: center; display: flex; }
}
@media screen and (max-width: 767px) {
  #oem_header .nav-logo .logo span.yd { align-items: center; display: flex; }
}
#top-bar { background-color: var(--bg-color); }
#top-bar, #top-bar a { color: var(--text-color); }
.header_menu .header_menu-item-first .header_menu-item-first-title { align-items: center; display: flex; height: 100%; }
.header_menu .header_menu-item-first .header_menu-item-first-title a { color: var(--menu-color); display: flex; padding: 1rem 0px; position: relative; text-transform: uppercase; }
.header_menu .header_menu-item-first[data-tree-type="three"] .header_submenu { left: 0px; position: absolute; width: 100%; }
.header_menu .header_menu-item-first[data-tree-type="three"] .header_submenu .header_submenu-content { margin-left: auto; margin-right: auto; max-width: var(--general_layout_width); }
.header_menu .header_menu-item-first[data-tree-type="three"] .header_submenu .header_submenu-content .header_submenu-content-ul { display: flex; flex-wrap: wrap; gap: 50px; justify-content: center; }
.header_menu .header_menu-item-first.header_menu-openable:hover .header_submenu { background-color: rgb(255, 255, 255); opacity: 1; transform: translateY(0px); transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1); visibility: visible; }
.header_menu .header_menu-item-first.header_menu-openable:hover .header_submenu a { color: rgb(0, 0, 0); position: relative; }
.header_menu .header_menu-item-first.header_menu-openable:hover .header_submenu a::after { background: rgb(0, 0, 0); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; transition: 0.3s; width: 0px; }
.header_menu .header_menu-item-first.header_menu-openable:hover .header_submenu a:hover::after { width: 100%; }
.header_menu .header_menu-item-first .header_submenu { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px -2px; opacity: 0; position: absolute; transform: translateY(-10px); visibility: hidden; }
.header_menu .header_menu-item-first .header_submenu::-webkit-scrollbar { display: none; }
.header_menu .header_menu-item-first .header_submenu { scrollbar-width: none; }
.header_menu .header_menu-item-first .header_submenu .header_submenu-content-ul .header_menu-item-second .header_menu-item-second-title { font-weight: 600; text-transform: uppercase; }
.header_menu .header_menu-item-third a { opacity: 0.6; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first { line-height: 2; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first .header_menu-item-first-title span a { padding: 0px; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_submenu { height: 0px; opacity: 0; visibility: hidden; }
#oem_search_popup { background-color: rgba(0, 0, 0, 0.8); height: 100%; opacity: 0; pointer-events: none; position: fixed; top: 0px; transition: 0.3s ease-in-out; visibility: hidden; width: 100%; z-index: 510000; }
#oem_search_popup.open { opacity: 1; pointer-events: all; visibility: visible; }
#mobile_nav { background-color: rgba(0, 0, 0, 0.3); box-sizing: border-box; display: flex; font-size: 16px; height: 100%; left: 0px; opacity: 0; pointer-events: none; position: fixed; top: 0px; transition: 0.5s cubic-bezier(0.55, 0.03, 0.37, 0.96); width: 100%; z-index: 510000; }
#mobile_nav.show { opacity: 1; pointer-events: all; }
#mobile_nav.show .mobile_wrap { transform: translateX(0px); }
#mobile_nav .mobile_wrap { background-color: rgb(255, 255, 255); box-sizing: border-box; height: 100%; max-width: 420px; overflow-y: scroll; padding-top: 20px; transform: translateX(-100%); transition: 0.5s cubic-bezier(0.55, 0.03, 0.37, 0.96); width: 88%; }
#mobile_nav .mobile_wrap .mobile_user { border-bottom: 1px solid rgb(223, 223, 223); }
#mobile_nav .mobile_wrap .mobile_nav_content { color: rgb(0, 0, 0); flex: 1 1 0%; overflow-y: auto; padding: 0px 15px; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .panel-navigation { color: rgb(0, 0, 0); position: relative; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp { flex: 1 1 0%; overflow: hidden; position: relative; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul { height: 100%; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-ul { display: none; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-item { align-items: center; display: flex; justify-content: space-between; padding: 0px 0px 32px; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-item svg.svg_arrow_up { transform: rotate(90deg); }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-item.mobile_currency { border-bottom: 0px !important; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-parent { justify-content: start; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-parent svg.svg_arrow_up { transform: rotate(-90deg); }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp .panel-menu-ul .panel-menu-parent span { color: rgb(0, 0, 0); margin-left: 8px; text-decoration: underline; text-underline-offset: 2px; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp::-webkit-scrollbar { display: none; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-warp { width: 100%; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-ul { left: 0px; position: absolute; right: 0px; top: 0px; transition: 0.45s ease-in-out; width: 100%; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-ul-show { display: block !important; }
#mobile_nav .mobile_wrap .mobile_nav_content .panel-menu-mobile .only-ul-left100 { left: 100%; }
#mobile_nav .mobile_wrap .mobile_currency { color: rgb(0, 0, 0); }
#mobile_nav .mobile_wrap .mobile_currency .drop_currency { background-color: rgb(255, 255, 255); border: 1px solid rgba(64, 64, 64, 0.15); bottom: calc(100% + 10px); box-shadow: none; left: 0px; transform: none; }
#mobile_nav .mobile_wrap .mobile_currency .drop_currency a { color: rgb(0, 0, 0); }
#mobile_nav .mobile_wrap .sns .zuui-share-link { gap: 12px; }
#mobile_nav .mobile_wrap .sns .zuui-share-link a { height: 20px; margin-right: 0px; width: 20px; }
.currency_box { position: relative; }
oem-currency oem-currency-drop a, oem-currency oem-currency-drop span { background-color: var(--bg); color: var(--color); }
.currency_box oem-currency-drop[position="top"] { bottom: calc(100% + 10px); }
.currency_box oem-currency-drop[position="bottom"] { top: calc(100% + 10px); }
.currency_box .currency_txt { align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; cursor: pointer; display: flex; justify-content: space-between; letter-spacing: var(--nav_letter_spacing); }
.currency_box .currency_txt svg { transition: transform 0.2s ease-in-out; }
.currency_box .drop_currency { background-color: var(--bg); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px; box-sizing: border-box; display: none; max-height: 300px; max-width: 200px; min-height: 92px; overflow-y: auto; padding: 10px; position: absolute; z-index: 999; }
.currency_box .drop_currency .currency { max-height: 400px; overflow-y: scroll; }
.currency_box .drop_currency .currency::-webkit-scrollbar { display: none; }
.currency_box .drop_currency li { list-style-type: none; }
.currency_box .drop_currency li a { align-items: center; display: flex; font-size: 14px; gap: 6px; letter-spacing: var(--nav_letter_spacing); line-height: 30px; margin: 0px; padding: 0px 10px; white-space: nowrap; justify-content: flex-start !important; }
.currency_box .drop_currency li a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.currency_box.drop_currency_on .drop_currency { display: block; }
.currency_box.drop_currency_on .currency_txt svg.down { transform: rotate(-180deg); }
.block_slides.slideshow_anime .swiper-slide .slide-content { opacity: 0; transform: scale(1.3); transition: transform 1s ease-in 0.05s, opacity 0.5s ease-in 0.05s; }
.block_slides.slideshow_anime .swiper-slide.swiper-slide-active .slide-content { opacity: 1; transform: none; }
.block_slides .swiper-slide .slide-content { background-color: var(--bg); }
.block_slides .swiper-pagination { bottom: 20px; left: 50%; transform: translateX(-50%); }
.block_slides .swiper-pagination .swiper-pagination-bullet { background-color: rgb(255, 255, 255); border-radius: 0px; box-sizing: border-box; height: 3px; margin: 0px 7px; opacity: 1; width: 80px; }
.block_slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(253, 0, 2); }
.block_slides .img_box::after { background-color: var(--mask-color); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.block_slides .img_box img { height: 100%; object-fit: cover; width: 100%; }
.block_slides .img_box.img-small { height: 420px; }
@media screen and (max-width: 767px) {
  .block_slides .img_box.img-small { height: 50vh; }
}
.block_slides .img_box.img-middle { height: 600px; }
@media screen and (max-width: 767px) {
  .block_slides .img_box.img-middle { height: 70vh; }
}
.block_slides .img_box.img-big { height: 800px; }
@media screen and (max-width: 767px) {
  .block_slides .img_box.img-big { height: 100vh; }
}
.block_slides .text_box { color: var(--text-color); }
.block_slides .text_box .container_wrapper.top-left { align-items: flex-start; justify-content: flex-start; text-align: left; }
.block_slides .text_box .container_wrapper.top-center { align-items: flex-start; justify-content: center; text-align: center; }
.block_slides .text_box .container_wrapper.top-right { align-items: flex-start; justify-content: flex-end; text-align: right; }
.block_slides .text_box .container_wrapper.center-left { align-items: center; justify-content: flex-start; text-align: left; }
.block_slides .text_box .container_wrapper.center-center { align-items: center; justify-content: center; text-align: center; }
.block_slides .text_box .container_wrapper.center-right { align-items: center; justify-content: flex-end; text-align: right; }
.block_slides .text_box .container_wrapper.bottom-left { align-items: flex-end; justify-content: flex-start; text-align: left; }
.block_slides .text_box .container_wrapper.bottom-center { align-items: flex-end; justify-content: center; text-align: center; }
.block_slides .text_box .container_wrapper.bottom-right { align-items: flex-end; justify-content: flex-end; text-align: right; }
.block_slides .text_box .container_wrapper .slide-title { font-size: var(--size); }
@media screen and (max-width: 767px) {
  .block_slides .text_box .container_wrapper .slide-title { font-size: calc(var(--size)*.6); }
}
.block_slides .text_box .container_wrapper .public_btn { background-color: var(--btn-bg); border-color: var(--btn-bg); color: var(--btn-color); }
.block_slides .text_box .container_wrapper .public_btn:hover { background-color: var(--btn-color); color: var(--btn-bg); }
.block_collection .content:hover .swiper-button-next, .block_collection .content:hover .swiper-button-prev { opacity: 1; visibility: visible; }
.block_collection .content .swiper-pagination { position: relative; }
.block_collection .content .swiper-pagination .swiper-pagination-bullet { box-sizing: border-box; height: 6px; margin: 0px 4px; width: 6px; }
.block_collection .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(253, 0, 2); }
.block_collection .content .swiper-button-next, .block_collection .content .swiper-button-prev { background-color: rgb(255, 255, 255); background-image: none; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 40px; height: 56px; opacity: 0; transition: 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); visibility: hidden; width: 56px; z-index: 20; }
@media screen and (max-width: 767px) {
  .block_collection .content .swiper-button-next, .block_collection .content .swiper-button-prev { bottom: 0px; display: none; height: 40px; top: auto; width: 40px; }
}
.block_collection .content .swiper-button-next.swiper-button-disabled, .block_collection .content .swiper-button-prev.swiper-button-disabled { display: none; }
.block_collection .content .swiper-button-next svg { transform: rotate(90deg); }
.block_collection .content .swiper-button-prev svg { transform: rotate(-90deg); }
.block_collection .list.grid_box { display: grid; gap: 20px; grid-template-columns: repeat(var(--pc-number),minmax(0,1fr)); }
@media screen and (max-width: 767px) {
  .block_collection .list.grid_box { grid-template-columns: repeat(var(--yd-number),minmax(0,1fr)); }
}
.block_collection .list .list_item .img_box { transform: none; transition: transform 0.4s; }
.block_collection .list .list_item .img_box.size-11 { padding-top: 100%; }
.block_collection .list .list_item .img_box.size-11 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.block_collection .list .list_item .img_box.size-34 { padding-top: 125%; }
.block_collection .list .list_item .img_box.size-34 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.block_collection .list .list_item .img_box.size-23 { padding-top: 150%; }
.block_collection .list .list_item .img_box.size-23 img { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.block_collection .list .list_item .img_box.size-12 { padding-top: 200%; }
.block_collection .list .list_item .img_box.size-12 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.block_collection .list .list_item:hover .img_box { transform: translateY(-15px); }
.block_image_text { background-color: var(--bg-color); color: var(--text-color); overflow-wrap: normal; }
@media screen and (max-width: 767px) {
  .block_image_text .img1 { margin: 0px 66px; padding-top: 50px; }
  .block_image_text .img2 { margin-top: 50px; }
}
.block_slogan { box-sizing: border-box; color: var(--text-color); }
.block_slogan .list_item img, .block_slogan .list_item svg { max-height: 48px; max-width: 48px; opacity: 0.6; }
.block_slogan .list_item svg path { fill: var(--text-color); }
.block_slogan .list_item img { object-fit: cover; }
.block_slogan .list_item .text_box .public_title { font-size: 28px; }
@media screen and (max-width: 767px) {
  .block_slogan .list_item .text_box .public_title { font-size: 20px; }
}
.block_slogan .list_item .text_box .item_detail { opacity: 0.6; }
.block_new_product { background-color: var(--bg-color); color: var(--text-color); }
.block_testimonials .swiper-button-next, .block_testimonials .swiper-button-prev { background-image: none; opacity: 0.4; }
.block_testimonials .swiper-button-next svg, .block_testimonials .swiper-button-prev svg { transition: transform 0.4s ease-in-out; }
.block_testimonials .swiper-button-prev:hover svg { transform: translateX(-10px) rotate(180deg); }
.block_testimonials .swiper-button-next:hover svg { transform: translateX(10px); }
.block_testimonials .container_wrapper { color: var(--text-color); }
.block_collection_list .collection_product { display: grid; grid-template-columns: repeat(var(--wap_number),1fr); gap: 24px 15px; }
@media (min-width: 768px) {
  .block_collection_list .collection_product { grid-template-columns: repeat(var(--pc_number),1fr); gap: 30px; }
}
.block_collection_list .block_collection_more { margin-top: calc(var(--general_layout_spacing)*.5); text-align: center; }
.block_collection_list .block_collection_more a { margin: 0px; }
.block_video_image_text { color: var(--text-color); }
.block_video_image_text .container_wrapper .content { border-radius: 5px; }
.block_video_image_text .content { background-color: var(--bg-color); }
@media screen and (max-width: 767px) {
  .block_video_image_text .content { padding-bottom: 80px; padding-top: 80px; }
}
@media screen and (min-width: 768px) {
  .block_video_image_text .content.small { height: 500px; }
  .block_video_image_text .content.medium { height: 600px; }
  .block_video_image_text .content.large { height: 700px; }
}
.block_video_image_text .content .img_box::after { background: linear-gradient(318deg, rgba(6, 6, 6, 0.5) 24%, rgba(0, 0, 0, 0.14)); content: ""; height: 100%; left: 0px; pointer-events: none; position: absolute; top: 0px; width: 100%; }
.block_video_image_text .content .text_box .text_title { font-size: 48px; }
@media screen and (max-width: 767px) {
  .block_video_image_text .content .text_box .text_detail { font-size: 14px; }
  .block_video_image_text .content .text_box .text_title { font-size: 28px; }
}
.block_video_image_text .video_overlay { background-color: rgba(0, 0, 0, 0.3); cursor: zoom-out; display: none; height: 100vh; pointer-events: none; width: 100vw; z-index: 510000; }
.block_video_image_text .video_overlay.show { display: block; pointer-events: all; }
.block_video_image_text .video_overlay.show .video_box { transform: translateY(0px); }
.block_video_image_text .video_overlay .video_box { box-sizing: border-box; flex-shrink: 0; max-width: 900px; position: absolute; transform: translateY(-100%); transition: 0.3s ease-in-out; width: 100%; }
.block_video_image_text .video_overlay .video_box iframe { border-radius: 5px; height: 100%; overflow: hidden; position: absolute; visibility: hidden; width: 100%; }
.block_video_image_text .video_overlay .video_box.play_video .my_video_empty { visibility: hidden; }
.block_video_image_text .video_overlay .video_box.play_video iframe { visibility: visible; }
.block_video_image_text .video_overlay .video_box .my_video_empty { align-items: center; border-radius: 5px; display: flex; justify-content: center; }
.block_video_image_text .video_overlay .video_box .my_video_empty::after { background: linear-gradient(180.25deg, transparent, rgba(0, 0, 0, 0.4) 90%); border-radius: 5px; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.block_video_image_text .video_overlay .video_box .my_video_empty img { border-radius: 5px; height: 100%; object-fit: cover; width: 100%; }
.block_video_image_text .video_overlay .video_box .my_video_empty .video_play_btn { border: 2px solid rgb(255, 255, 255); border-radius: 50%; z-index: 10; }
.block_video_image_text .video_overlay .video_box .my_video_empty .video_play_btn svg { height: 30px; width: 30px; }
.block_video_image_text .video_overlay .video_overlay-close { background-color: rgb(255, 255, 255); border-radius: 50%; cursor: pointer; }
.block_video_image_text .video_overlay .video_overlay-close svg { height: 14px; width: 14px; }
@media screen and (max-width: 767px) {
  .block_video_image_text .video_overlay .video_overlay-close { left: 50%; transform: translateX(-50%); }
}
.block_video_image_text .btn_wrap a { background-color: var(--btn-bg); color: var(--btn-color); }
.block_video_image_text .btn_wrap a svg { height: 20px; width: 20px; }
@media screen and (max-width: 767px) {
  .block_video_image_text .btn_wrap a svg { height: 15px; width: 15px; }
}
.block_video_image_text .slide-in-top { animation: 0.5s ease 0s 1 normal none running slide-in-top; }
@keyframes slide-in-top { 
  0% { opacity: 0; transform: translateY(-1000px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.collection_item { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; position: relative; text-align: left; width: 100%; }
.collection_item .moi-start-warp { flex-wrap: wrap; row-gap: 10px; justify-content: flex-start !important; }
@media screen and (min-width: 767px) {
  .collection_item:hover .actions-wrapper { bottom: 15px; opacity: 1; visibility: visible; }
}
.collection_item .actions-wrapper { bottom: 20px; display: inline-flex; height: 44px; opacity: 0; position: absolute; right: 20px; transition: 0.3s; width: 44px; z-index: 100; }
@media screen and (max-width: 767px) {
  .collection_item .actions-wrapper { bottom: 10px; height: 30px; opacity: 1; right: 10px; visibility: visible; width: 30px; }
}
.collection_item .actions-wrapper .actions-wrapper-btn { align-items: center; box-sizing: border-box; display: inline-flex; height: 100%; justify-content: center; transition: 0.3s; width: 100%; }
.collection_item .actions-wrapper .actions-wrapper-btn:hover { background-color: var(--main_button_color) !important; color: var(--main_button_bg) !important; }
.collection_item .actions-wrapper .actions-wrapper-btn:hover svg path { fill: var(--main_button_bg) !important; }
.collection_item > div { width: 100%; }
.collection_item .item-caption { margin-top: 10px; }
.collection_item .item-caption .item-caption-price { margin-top: 16px; }
.collection_item .item-caption .item-caption-title { color: var(--title_color); font-size: calc(var(--product_font_size)*1.16); margin-bottom: 10px; text-underline-offset: 3px; }
.collection_item .item-caption .collection-product-soldout { align-self: flex-start; background: rgba(255, 255, 255, 0.8); border-radius: 2px; color: rgb(40, 40, 40); font-size: 12px; margin-bottom: 5px; padding: 2px 10px; }
.collection_item .item-caption .product-info-star { flex-wrap: wrap; row-gap: 10px; }
.collection_item .item-caption .product-info-star .comment-star-base { flex-wrap: wrap; }
@media screen and (max-width: 767px) {
  .collection_item .product_card-wap-name { display: none; }
}
.collection_item .product_card-picture-crop-11 { padding-top: 100%; }
.collection_item .product_card-picture-crop-11 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.collection_item .product_card-picture-crop-34 { padding-top: 125%; }
.collection_item .product_card-picture-crop-34 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.collection_item .product_card-picture-crop-23 { padding-top: 150%; }
.collection_item .product_card-picture-crop-23 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.collection_item .product_card-picture-crop-12 { padding-top: 200%; }
.collection_item .product_card-picture-crop-12 img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; width: 100%; }
.collection-product-item { cursor: pointer; display: inline-block; overflow: hidden; position: relative; width: 100%; }
.collection-product-item .product_card_soldout { background: rgba(0, 0, 0, 0.3); bottom: 0px; color: rgb(255, 255, 255); height: 30px; left: 0px; line-height: 30px; position: absolute; right: 0px; text-align: center; z-index: 20; }
.collection-product-item .collection-product-item-image { cursor: pointer; height: 100%; object-fit: cover; opacity: 1; transition: 0.2s cubic-bezier(0, 0, 0.2, 1); width: 100%; }
.collection-product-item .product_card-tag { color: var(--discount_tag_color); position: absolute; right: 0px; top: 0px; z-index: 10; }
.collection-product-item .product_card-tag .discount_tag_graphics { position: absolute; right: 0px; }
.collection-product-item .hover-two { opacity: 0; }
.collection-product-item .label_style_1 { height: 80px; line-height: 80px; width: 80px; }
.collection-product-item .label_style_1 .discount_tag_graphics { border-left: 80px solid transparent; border-top: 80px solid var(--discount_tag_bg); height: 0px; top: 0px; width: 0px; }
.collection-product-item .label_style_1 .discount_tag_name { font-size: 14px; height: 40px; left: 15px; line-height: 18px; position: relative; text-align: center; top: 6px; transform: rotate(45deg); width: 80px; z-index: 9; }
.collection-product-item .label_style_1 span { display: block; }
.collection-product-item .label_style_2 { padding: 0px 0px 10px; }
.collection-product-item .label_style_2 .discount_tag_graphics { bottom: 0px; height: 10px; left: 0px; width: 40px; }
.collection-product-item .label_style_2 .discount_tag_graphics::before { border-left: 20px solid transparent; border-top: 10px solid var(--discount_tag_bg); content: ""; height: 0px; position: absolute; right: 0px; top: 0px; width: 0px; }
.collection-product-item .label_style_2 .discount_tag_graphics::after { border-right: 20px solid transparent; border-top: 10px solid var(--discount_tag_bg); content: ""; height: 0px; left: 0px; position: absolute; top: 0px; width: 0px; }
.collection-product-item .label_style_2 .discount_tag_name { background: var(--discount_tag_bg); padding: 10px 0px; text-align: center; width: 40px; }
.collection-product-item .label_style_3 { align-items: center; display: flex; height: 80px; justify-content: center; overflow: hidden; width: 80px; }
.collection-product-item .label_style_3 .discount_tag_name { background: var(--discount_tag_bg); height: 24px; left: 12px; line-height: 24px; padding: 0px 25px; position: relative; top: -12px; transform: rotate(45deg); white-space: nowrap; z-index: 9; }
.collection-product-item .label_style_4 { align-items: center; background: var(--discount_tag_bg); border-radius: 50%; display: flex; height: 48px; justify-content: center; overflow: hidden; right: 10px; top: 10px; width: 48px; }
.collection-product-item .label_style_4 .discount_tag_name { line-height: 18px; text-align: center; }
.collection-product-item .label_style_4 .discount_tag_name span { display: block; }
.main-image { opacity: 1; }
.hover-two { inset: 0px; opacity: 0; position: absolute; transform: scale(1.1); transition: transform 1s; }
.animation-hover:hover .main-image { opacity: 0; }
.animation-hover:hover .hover-two { opacity: 1; transform: scale(1); }
@media screen and (max-width: 767px) {
  .oem_footer_menu { border-bottom: 1px solid rgb(149, 147, 144); padding: 20px 0px; }
}
.oem_footer_menu .mobile_title, .oem_footer_menu .pc_title { font-family: var(--title_font_family); font-size: 24px; }
@media screen and (max-width: 767px) {
  .oem_footer_menu .mobile_title, .oem_footer_menu .pc_title { font-size: 20px; }
}
.oem_footer_menu .mobile_title { color: var(--color); }
.oem_footer_menu .mobile_title.open .icon_svg::after { transform: translateY(-50%) rotate(180deg); }
.oem_footer_menu .mobile_title.open .icon_svg::before { opacity: 0; }
.oem_footer_menu .mobile_title .icon_svg { align-items: center; display: inline-flex; height: 12px; justify-content: center; position: relative; width: 12px; }
.oem_footer_menu .mobile_title .icon_svg::before { background-color: var(--color); content: ""; height: 12px; position: absolute; transition: 0.3s; width: 2px; }
.oem_footer_menu .mobile_title .icon_svg::after { background-color: var(--color); content: ""; height: 2px; position: absolute; transform: translateY(-50%) rotate(0deg); transition: 0.3s; width: 12px; }
@media screen and (max-width: 767px) {
  .oem_footer_menu .list { display: none; margin-top: 13px; }
}
.oem_footer_menu .list li a { color: var(--color); line-height: 2.3; opacity: 0.6; position: relative; }
.oem_footer_menu .list li a:hover { text-decoration: underline; text-underline-offset: 3px; }
.footer { background-color: var(--bg); font-size: calc(var(--general_font_size) - 1px); }
.footer, .footer a { color: var(--color); }
@media screen and (max-width: 767px) {
  .footer .footer_nwes { border-bottom: 1px solid rgb(149, 147, 144); padding-bottom: 32px; text-align: center; }
}
.footer .footer_nwes .email_title { font-family: var(--title_font_family); font-size: 24px; }
@media screen and (max-width: 767px) {
  .footer .footer_nwes .email_title { font-size: 20px; }
}
.footer .footer_nwes input { border: 1px solid rgb(191, 191, 191); box-sizing: border-box; color: var(--color); font-size: var(--general_font_size); line-height: 22px; padding: 10px 15px; }
.footer .footer_nwes .submit_box { background-color: var(--color); color: var(--bg); cursor: pointer; padding: 10px 30px; transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.footer .footer_nwes .submit_box:hover { opacity: 0.8; }
.footer .zuui-share-link { gap: 25px; }
.footer .zuui-share-link a { align-items: center; background-color: var(--color); border-radius: 50%; display: inline-flex; height: 30px; justify-content: center; margin-right: 0px; position: relative; transition: transform 0.3s; width: 30px; opacity: 1 !important; }
.footer .zuui-share-link a:hover { transform: translateY(-5px); }
.footer .zuui-share-link svg { height: 20px; width: 20px; }
.footer .zuui-share-link svg path { fill: var(--bg); }
html { font-size: 16px; }
.general-price { color: var(--buying_parice_color); }
.general-oldprice, .general-price { font-size: 16px; white-space: nowrap; }
.general-oldprice { color: var(--original_price_color); text-decoration: line-through; }
.public_title_color { color: var(--title_color); }
.public_title { font-family: var(--title_font_family); font-size: var(--title_font_size); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); }
@media (max-width: 767px) {
  .public_title { font-size: min(30px,var(--title_font_size) * var(--wap_title_scale)); }
}
.title_family { font-family: var(--title_font_family); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); }
.block_title { margin-bottom: 30px; }
.block_title h2 { font-weight: 700; }
@media (max-width: 767px) {
  .block_title h2 { font-size: min(30px,var(--title_font_size) * var(--wap_title_scale)); }
}
.block_title .block_detail { margin-top: 14px; }
.block_title_custom { margin-bottom: 30px; position: relative; }
.block_title_custom h2 { color: var(--title_color); font-family: var(--title_font_family); font-size: var(--title_font_size); font-style: var(--title_font_style); font-weight: 700; letter-spacing: var(--title_letter_spacing); }
@media (max-width: 767px) {
  .block_title_custom h2 { font-size: min(30px,var(--title_font_size) * var(--wap_title_scale)); }
}
.block_title_custom .block_detail { color: var(--detail_color); margin-top: 14px; }
.public_btn { align-items: center; background-color: var(--btn-bg); border: 1px solid var(--btn-bg); border-radius: var(--button_border_radius); box-sizing: border-box; color: var(--btn-color); display: inline-flex; justify-content: center; padding: 11px 55px; transition: 0.3s; }
.public_btn:hover { background-color: var(--btn-color); color: var(--btn-bg); }
.public_more_btn { background-color: var(--main_button_bg); border: 1px solid var(--main_button_bg); color: var(--main_button_color); }
.public_more_btn:hover { background-color: var(--secondary_button_bg); color: var(--secondary_button_color); }
.img_anime { overflow: hidden; }
.img_anime:hover img { transform: none; }
.img_anime img { transform: scale(1.05); transition: 0.3s; }
@media screen and (max-width: 768px) {
  #app_googletranslate-wrap-static { padding: 10px 18px 0px 0px !important; }
  #app_googletranslate-wrap-static .gt-translate-box .goog-te-gadget .goog-te-combo { padding: 0px 5px 0px 0px; }
}
@media (min-width: 768px) {
  .md\:-right-3 { right: -0.75rem; }
  .md\:-top-3 { top: -0.75rem; }
  .md\:mb-4 { margin-bottom: 1rem; }
  .md\:ml-10 { margin-left: 2.5rem; }
  .md\:mt-0 { margin-top: 0px; }
  .md\:mt-3 { margin-top: 0.75rem; }
  .md\:mt-\[34px\] { margin-top: 34px; }
  .md\:mt-\[35px\] { margin-top: 35px; }
  .md\:mt-\[88px\] { margin-top: 88px; }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:inline-flex { display: inline-flex; }
  .md\:grid { display: grid; }
  .md\:hidden { display: none; }
  .md\:h-\[60px\] { height: 60px; }
  .md\:max-h-\[70vh\] { max-height: 70vh; }
  .md\:w-\[20\%\] { width: 20%; }
  .md\:w-\[25\%\] { width: 25%; }
  .md\:w-\[30\%\] { width: 30%; }
  .md\:w-\[50\%\] { width: 50%; }
  .md\:w-\[60px\] { width: 60px; }
  .md\:w-auto { width: auto; }
  .md\:min-w-\[180px\] { min-width: 180px; }
  .md\:max-w-\[300px\] { max-width: 300px; }
  .md\:max-w-\[400px\] { max-width: 400px; }
  .md\:max-w-\[50\%\] { max-width: 50%; }
  .md\:flex-none { flex: 0 0 auto; }
  .md\:translate-x-\[40px\] { --tw-translate-x: 40px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .md\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:justify-between { justify-content: space-between; }
  .md\:gap-10 { gap: 2.5rem; }
  .md\:gap-6 { gap: 1.5rem; }
  .md\:gap-\[48px\] { gap: 48px; }
  .md\:overflow-y-scroll { overflow-y: scroll; }
  .md\:p-5 { padding: 1.25rem; }
  .md\:px-\[60px\] { padding-left: 60px; padding-right: 60px; }
  .md\:px-\[80px\] { padding-left: 80px; padding-right: 80px; }
  .md\:py-5 { padding-bottom: 1.25rem; padding-top: 1.25rem; }
  .md\:py-\[30px\] { padding-bottom: 30px; padding-top: 30px; }
  .md\:py-\[35px\] { padding-top: 35px; }
  .md\:pb-\[35px\], .md\:py-\[35px\] { padding-bottom: 35px; }
  .md\:pt-0 { padding-top: 0px; }
  .md\:text-\[28px\] { font-size: 28px; }
  .md\:text-\[30px\] { font-size: 30px; }
  .md\:text-\[80px\] { font-size: 80px; }
}
@media (min-width: 1280px) {
  .xl\:w-\[23\%\] { width: 23%; }
}
.__maklia__rsmubu { }
.header_icons { color: var(--search-bar-color); }
.header_icons a { color: var(--search-bar-color); }
.header_icons .cart_icon { color: var(--search-bar-color); }
.header_icons .cart_icon:hover svg { transform: scale(1.15); }
.header_icons .cart_icon svg { transition: 0.3s; }
.old-logo-img { max-width: 400px; max-height: 60px; }
@media screen and (max-width: 768px) {
  .old-logo-img { max-width: 180px; }
}
.collection_detail_default .collection_img { width: 100%; height: 400px; }
.collection_detail_default .collection_img img { width: 100%; height: 100%; object-fit: cover; }
.collection_detail_default .collection_detail { margin-bottom: 20px; text-align: center; }
.collection_detail_default .collection_detail.hide_more { max-height: var(--more-height); overflow: hidden; }
.collection_detail_default .show_more_description { text-align: center; }
.collection_detail_default .show_more_description span { display: inline-flex; align-items: center; margin-bottom: 20px; cursor: pointer; }
.collection_detail_default .show_more_description svg { transition: transform 0.18s; }
.collection_detail_default .show_more_description .show_more svg { transform: rotate(180deg); }
.collection_detail_default .collection_bom_detail { text-align: center; }
.collection_detail_default .collection_bom_detail.hide_more { max-height: var(--more-height); }
.collection_detail_default .show_more_description_bottom span { margin-bottom: 0px; margin-top: 20px; }
.collection_detail_default .collection_top_bar { display: -webkit-flex; justify-content: space-between; align-items: center; flex-direction: column; padding-bottom: 20px; }
.collection_detail_default .sort_by { align-items: center; }
.collection_detail_default .sort_by span { margin-right: 15px; }
.collection_detail_default .sort_by select { height: 40px; border: 1px solid rgb(212, 212, 212); cursor: pointer; }
.collection_detail_default .collection_content ul { display: grid; gap: 30px 40px; grid-template-columns: repeat(var(--web_column), minmax(50px, 1fr)); }
.collection_detail_default .collection_content li { list-style-type: none; text-align: center; }
.collection_detail_default .collection_content .product_pic { margin-bottom: 30px; position: relative; }
.collection_detail_default .collection_content .soldout { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 50px; background: rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); font-size: 14px; }
.collection_detail_default .collection_content .product_pic .product_img { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; }
.collection_detail_default .collection_content .product_pic img { max-width: 100%; }
.collection_detail_default .collection_content .block_product_name { margin-bottom: 10px; line-height: 1.5; }
.collection_detail_default .collection_content .product_price { font-weight: bold; }
.collection_detail_default .collection_content .product_oldprice { color: rgb(136, 136, 136); text-decoration: line-through; margin-left: 5px; font-weight: normal; }
@media (max-width: 768px) {
  .collection_detail_default .collection_content ul { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .collection_detail_default .collection_content ul { gap: 30px 15px; grid-template-columns: repeat(2, minmax(50px, 1fr)) !important; }
  .collection_detail_default .collection_content_more { margin-top: 30px; }
  .collection_detail_default .collection_content .product_pic { margin-bottom: 20px; }
}
.collection_detail_default .collection_content_product_3 ul { grid-template-columns: repeat(3, minmax(50px, 1fr)); }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .block_collection_list .collection_product_pc_4 ul { grid-template-columns: repeat(3, minmax(50px, 1fr)); }
}
.collection_detail_default df-oemmenu { display: block; width: 100%; }
.collection_detail_default df-oemmenu + df-oemmenu { border-top: 1px solid rgb(221, 221, 221); }
.collection_detail_default df-oemmenu df-oemmenu-label { display: flex; align-items: center; font-size: 14px; min-height: 40px; padding: 6px 20px 6px 0px; font-weight: bold; cursor: pointer; position: relative; }
.collection_detail_default df-oemmenu df-oemmenu-label::before { position: absolute; top: 50%; right: 0px; width: 16px; height: 1px; background-color: var(--menu-color, #000); content: ""; }
.collection_detail_default df-oemmenu df-oemmenu-label::after { position: absolute; right: 8px; top: 50%; bottom: 0px; height: 16px; width: 1px; margin-top: -8px; opacity: 1; background-color: var(--menu-color, #000); transition: 0.2s; content: ""; }
df-oemmenu-warp { display: block; }
.collection_detail_default df-oemmenu df-oemmenu-warp { display: none; }
.collection_detail_default .df-oemmenu-acrive df-oemmenu-warp { display: block; }
.df-oemmenu-acrive df-oemmenu-label::after { transform: rotate(270deg); opacity: 0 !important; }
.filter-box .filter-box-item { padding: 0px; display: flex; line-height: 18px; justify-content: start; text-align: left; margin-bottom: 20px; }
.collection-filter-box { width: 240px; margin-right: 40px; }
.collection-filter-warp { border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); }
.collection_detail_default df-oemdrawer-popup { position: fixed; z-index: 50102; inset: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.2); display: none; }
.df-oemdrawer-open df-oemdrawer-popup { display: flex; }
.df-oemdrawer-open .df-oemdrawer-popup-open[position="left"], .df-oemdrawer-open .df-oemdrawer-popup-open[position="right"] { transform: translateX(0px); }
.df-oemdrawer-open .df-oemdrawer-popup-open[position="top"], .df-oemdrawer-open .df-oemdrawer-popup-open[position="bottom"] { transform: translateY(0px); }
.drawer-cover { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 10; }
.collection_detail_default df-oemdrawer-popup-warp { background-color: rgb(255, 255, 255); overflow: hidden; display: flex; flex-direction: column; z-index: 100; }
.collection_detail_default df-oemdrawer-popup-warp[position="left"] { position: absolute; left: 0px; bottom: 0px; top: 0px; transform: translateX(-100%); height: 100%; transition: 0.35s ease-in-out; }
.collection_detail_default df-oemdrawer-popup-warp[position="right"] { position: absolute; right: 0px; bottom: 0px; top: 0px; transform: translateX(100%); height: 100%; transition: 0.35s ease-in-out; }
.collection_detail_default df-oemdrawer-popup-warp[position="top"] { position: absolute; right: 0px; left: 0px; top: 0px; transform: translateY(-100%); transition: 0.35s ease-in-out; }
.collection_detail_default df-oemdrawer-popup-warp[position="bottom"] { position: absolute; right: 0px; left: 0px; bottom: 0px; transform: translateY(100%); transition: 0.35s ease-in-out; }
.drawer-header { height: 56px; text-align: center; line-height: 56px; position: relative; }
.drawer-header df-oemdrawer-close { position: absolute; right: 15px; top: 15px; }
.collection_detail_default df-oemdrawer-popup .drawer-footer { padding: 20px 15px; border-top: 1px solid rgb(221, 221, 221); }
.drawer-body { padding: 0px 15px; max-height: 60vh; overflow-y: auto; }
.filter-button { height: 36px; padding: 0px 10px; border: 1px solid rgb(29, 31, 33); border-radius: 4px; }
.drawer-footer .drawer-btn { margin-top: 0px; }
.web_filter_clear { height: 60px; line-height: 60px; text-decoration: underline; display: none; cursor: pointer; }
.collection-filter-box { width: 18%; margin-right: 4%; display: block; }
.filter-box .checkbox_label .check_icon { flex-shrink: 0; }
.collection_detail_default .collection-filter-wap { justify-content: space-between; }
@media screen and (min-width: 767px) {
  .collection-filter-sticky { position: sticky; top: 0px; }
}
@media screen and (max-width: 767px) {
  .collection-filter-box { display: none; }
  .new-filter-style { flex-direction: column-reverse; }
  .new-filter-style .filter-box { display: flex; flex-wrap: wrap; column-gap: 15px; }
  .new-filter-style .drawer-body { max-height: unset !important; }
}
.mo-pagination { display: flex; align-items: center; justify-content: center; padding: 40px 0px; font-size: 0px; }
.mo-pagination .mo-pagination-value, .mo-pagination .mo-pagination-handle { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 14px; box-sizing: border-box; margin: 0px 5px; }
.mo-pagination .mo-pagination-handle { overflow: hidden; cursor: pointer; }
.mo-pagination .mo-pagination-handle path { fill: var(--main_color) !important; }
.mo-pagination .mo-pagination-value { color: var(--main_color) !important; }
.mo-pagination .mo-pagination-value:hover { border: 1px solid var(--main_color) !important; }
.mo-pagination .mo-pagination-value-active { color: var(--main_color) !important; border: 1px solid var(--main_color) !important; }
.mo-pagination .mo-pagination-handle-disable { cursor: not-allowed; }
.mo-pagination .mo-pagination-handle-disable path { fill: rgb(153, 153, 153) !important; }
.filter-price-box { display: flex; }
.filter-price-box span { max-width: 40px; margin-right: 6px; }
.filter-price-box input { padding: 9px; flex: 1 0 0%; border: 1px solid rgba(136, 138, 139, 0.2); border-radius: 4px; }
.container-label-warp { padding-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.container-label-warp-item { border-radius: 18px; opacity: 1; border: 1px solid rgb(221, 221, 221); font-size: 14px; line-height: 18px; padding: 5px 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.container-label-warp-item-delete { margin-left: 10px; }
.container-label-warp-clear { font-size: 14px; line-height: 18px; padding: 5px 15px; cursor: pointer; text-decoration: underline; }
.sub-album-wrap { margin: 30px 0px; position: relative; }
.sub-album-wrap.has-overflow-left::before { display: block; }
.sub-album-wrap.has-overflow-right::after { display: block; }
.sub-album-wrap::before, .sub-album-wrap::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 70px; background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0)); pointer-events: none; z-index: 1; display: none; }
.sub-album-wrap::before { left: 0px; background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
.sub-album-wrap::after { right: 0px; background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
.sub-album-wrap.sub-album-wrap-above-product { margin-top: 0px; }
.sub-album { display: flex; justify-content: var(--grid-align, flex-start); flex-wrap: wrap; gap: 15px; padding: 0px; margin: 0px; list-style: none; width: 100%; }
.sub-album-wrap:hover .sub-album.sub-album-slide { scrollbar-width: auto; }
.sub-album.sub-album-slide { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; position: relative; scrollbar-width: none; }
.sub-album li { width: calc((100% - (var(--pc-number) - 1) * 15px) / var(--pc-number)); flex: 0 0 auto; box-sizing: border-box; }
.sub-album li a { display: block; width: 100%; }
.sub-album li a .img-box { border-radius: var(--radius); overflow: hidden; background-color: var(--bg-color); aspect-ratio: 1 / 1; width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }
.sub-album li a.select .img-box { border: 2px solid var(--select-color); }
.sub-album li a.select .collection_name { background-color: var(--select-color); color: rgb(255, 255, 255); border-radius: 30px; }
.sub-album li a .img-box img { max-width: 100%; }
.sub-album li a .collection_name { margin-top: 8px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 1.2; padding: 4px 0px; }
@media screen and (max-width: 767px) {
  .sub-album li { width: calc((100% - (var(--wap-number) - 1) * 15px) / var(--wap-number)); }
}
.mo-pagination { display: flex; align-items: center; justify-content: center; padding: 40px 0px; font-size: 0px; }
.mo-pagination .mo-pagination-value, .mo-pagination .mo-pagination-handle { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 14px; box-sizing: border-box; margin: 0px 5px; }
.mo-pagination .mo-pagination-handle { overflow: hidden; cursor: pointer; }
.mo-pagination .mo-pagination-handle path { fill: rgb(29, 31, 33); }
.mo-pagination .mo-pagination-value { color: rgb(29, 31, 33); }
.mo-pagination .mo-pagination-value:hover { border: 1px solid rgb(29, 31, 33); }
.mo-pagination .mo-pagination-value-active { color: rgb(29, 31, 33); border: 1px solid rgb(29, 31, 33); }
.mo-pagination .mo-pagination-handle-disable { cursor: not-allowed; }
.mo-pagination .mo-pagination-handle-disable path { fill: rgb(153, 153, 153); }
.header_icons { color: var(--search-bar-color); }
.header_icons a { color: var(--search-bar-color); }
.header_icons .cart_icon { color: var(--search-bar-color); }
.header_icons .cart_icon:hover svg { transform: scale(1.15); }
.header_icons .cart_icon svg { transition: 0.3s; }
.collection_list_default .collection_content ul { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); }
.collection_list_default .collection_content li { list-style-type: none; overflow: hidden; }
.collection_list_default .collection_content li .collection_pic { display: flex; align-items: center; justify-content: center; width: 100%; position: relative; overflow: hidden; }
.collection_list_default .collection_content li .collection_img { width: 100%; height: 100%; }
.collection_list_default .collection_content li .collection_pic img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.collection_list_default .collection_content li:hover .collection_pic img { transform: scale(1.1); }
.collection_list_default .collection_content li .collection_pic .collection_name { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); font-size: 24px; font-family: var(--title_font_family); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); }
.collection_list_default .collection_content li .collection_pic .collection_name span { display: block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
  .collection_list_default .collection_content ul { gap: 15px; grid-template-columns: repeat(2, 1fr); }
  .collection_list_default .collection_content li .collection_pic .collection_name { font-size: 18px; }
}
.header_icons { color: var(--search-bar-color); }
.header_icons a { color: var(--search-bar-color); }
.header_icons .cart_icon { color: var(--search-bar-color); }
.header_icons .cart_icon:hover svg { transform: scale(1.15); }
.header_icons .cart_icon svg { transition: 0.3s; }
.block_rich_text .content { text-align: var(--text-algin); position: relative; background-color: var(--bg-color); padding: var(--padding); color: var(--text-color); border-radius: var(--content-radius); overflow: hidden; }
@media screen and (max-width: 767px) {
  .block_rich_text .content { padding: var(--mobile-padding); }
}
@media screen and (min-width: 768px) {
  .block_rich_text .content { max-width: var(--pc-max-width); margin: 0px auto; }
}
.block_rich_text .content .text_title { font-family: var(--title_font_family); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); font-size: var(--title_font_size); }
@media (max-width: 767px) {
  .block_rich_text .content .text_title { font-size: calc(var(--title_font_size) * var(--wap_title_scale)); }
}
.block_rich_text .content .text_detail { margin-top: 20px; }
.block_rich_text .content .btn_wrap a { display: inline-flex; background-color: var(--btn-bg); color: var(--btn-color); border-color: var(--btn-bg); }
.block_image { position: relative; max-width: var(--general_layout_width); text-align: center; margin: 0px auto; overflow: hidden; display: flex; justify-content: center; }
.block_image .container_wrapper { padding: 80px; }
.block_image-fill .container_wrapper { padding: 0px; }
.block_image-fill { width: 100% !important; max-width: 100%; }
.block_image a { width: 100%; }
.block_image .content-btn { margin-top: 30px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: 16px; padding: 10px 20px; min-height: 48px; text-align: center; cursor: pointer; background-color: var(--btn-bg); color: var(--btn-color); border-radius: var(--button_border_radius); transition: 0.3s; }
.block_image .content-btn:hover { opacity: 0.9; }
.image-size-big img { height: 800px; width: 100%; object-fit: cover; }
.image-size-middle img { height: 560px; width: 100%; object-fit: cover; }
.image-size-small img { height: 300px; width: 100%; object-fit: cover; }
.image-size-middle .content-describe { margin-top: 20px !important; }
.image-size-middle .content-btn { margin-top: 30px !important; }
.image-size-small .content-describe { margin-top: 10px !important; }
.image-size-small .content-btn { margin-top: 20px !important; }
.image-size-auto img { height: auto; width: 100%; object-fit: cover; }
.block_image .block_image-mask { position: absolute; inset: 0px; z-index: 100; }
.block_image-fill .block_image-content { box-sizing: border-box; left: 50%; transform: translateX(-50%); max-width: 1200px !important; }
.block_image .block_image-content { position: absolute; top: 0px; bottom: 0px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 110; box-sizing: border-box; }
.block_image .content-position-center { align-items: center; text-align: center; }
.block_image .content-position-center .content-describe { max-width: 800px; }
.block_image .content-position-left { align-items: flex-start; text-align: left; }
.block_image .content-position-left .content-describe { max-width: 380px; }
.block_image .content-position-right { align-items: flex-end; text-align: right; }
.block_image .content-align-right .content-describe { max-width: 380px; }
.block_image .content-title { color: var(--title_color); font-size: var(--title_font_size); font-family: var(--title_font_family); font-style: var(--title_font_style); font-weight: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); }
.block_image .content-describe { margin-top: 30px; font-size: 16px; line-height: 24px; color: rgb(255, 255, 255); }
.block_image .content-align-right { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.block_image .content-align-center { display: flex; flex-direction: column; align-items: center; text-align: center; }
.block_image .content-align-left { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.block_image .block-image-mobile { display: none; }
@media screen and (max-width: 768px) {
  .block_image .slide-item .slide-item-des { font-size: 14px; }
  .block_image.image-size-big img { height: 600px; }
  .block_image.image-size-middle img { height: 400px; }
  .block_image.image-size-samll img { height: 320px; }
  .block_image .block_image-content { padding: 0px 15px; }
}
@media screen and (max-width: 767px) {
  .block_slides .block-image-mobile { display: block; }
  .block_slides .block-image-pc { display: none; }
  .block_image.image-size-big img { height: 100vh; }
  .block_image.image-size-middle img { height: 70vh; }
  .block_image.image-size-samll img { height: 50vh; }
  .block_image .block-image-mobile { display: block; }
  .block_image .block-image-pc { display: none; }
}
@media not all {
  .block_image-fill .block_image-content { padding: 0px 30px; }
}
.block_gallery { padding: 80px 0px; background-color: var(--bg-color); overflow: hidden; }
.block_gallery .content_wrap { position: relative; cursor: none; }
.block_gallery .content_wrap a { cursor: none; }
.block_gallery .swiper { position: relative; padding-bottom: 40px; }
.block_gallery .swiper .swiper-slide { width: auto; display: table; }
.block_gallery .swiper .swiper-slide img { height: 30vw; }
@media screen and (max-width: 767px) {
  .block_gallery .swiper .swiper-slide img { height: 370px; }
  .block_gallery .swiper .swiper-slide .text_box { max-width: 335px; }
}
.block_gallery .swiper .swiper-slide .text_box { display: table-caption; caption-side: bottom; margin-top: 16px; }
.block_gallery .swiper .swiper-scrollbar { height: 2px; }
.block_gallery .coustom_drag_cursor { position: absolute; left: 0px; top: 0px; z-index: 5; visibility: hidden; pointer-events: none; transition: visibility 0.15s linear; }
.block_gallery .coustom_drag_cursor.show { visibility: visible; }
.block_gallery .coustom_drag_cursor.show svg { transform: scale(1); opacity: 1; }
.block_gallery .coustom_drag_cursor svg { height: 60px; width: 60px; transform: scale(0.5); opacity: 0; transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out; }
.block_gallery .coustom_drag_cursor svg path:nth-child(1) { fill: var(--main_color); }
.block_gallery .coustom_drag_cursor svg path:nth-child(2) { stroke: var(--page_background_color); }
.button_box { margin-top: 50px; text-align: center; }
.button_box .data_button { display: inline-block; padding: 12px 24px; border-radius: 4px; background-color: var(--secondary_button_bg); color: var(--secondary_button_color); }
.button_box .data_button:hover { background: var(--main_button_bg); color: var(--main_button_color); }
@font-face { font-family: Oswald; font-style: normal; font-weight: 700; font-display: swap; src: url("/wp-content/uploads/benvoria-source/e96c4eac26954dc778c3ae22a9e136c6.woff2") format("woff2"); }
.container_wrapper { box-sizing: border-box; }
.digital_growth-warp { display: grid; grid-template-columns: repeat(var(--wap-columns),minmax(0,1fr)); justify-content: space-between; padding: 20px 0px; overflow: hidden; }
.digital_growth-warp .digital_growth-item { width: 100%; display: flex; align-items: center; flex-direction: column; padding: 30px; box-sizing: border-box; }
.digital_growth-warp .digital_growth-item:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.digital_growth-warp svg { width: 32px; height: 32px; }
.digital_growth-warp svg path { fill: var(--main_button_bg); }
.digital_growth-warp .digital_growth-item .item-icon { display: flex; align-items: center; justify-content: center; border-radius: 15px; flex-shrink: 0; padding: 20px; border: 1px solid var(--border_color); }
.digital_growth-warp .item-content { display: flex; flex-direction: column; align-content: center; text-align: center; margin-top: 20px; overflow: hidden; }
.digital_growth-warp .item-content .item-value { font-size: var(--number_size); line-height: var(--number_size); color: var(--title_color); font-family: Oswald; }
.digital_growth-warp .item-content .item-label { color: rgb(108, 108, 108); margin-top: 14px; }
.digital_growth { position: relative; }
.digital_growth_value { position: absolute; top: 0px; left: 0px; text-align: center; right: 0px; }
.digital_growth_placeholder { opacity: 0; padding: 0px 10px; }
.digital_growth-warp-link { display: none; }
@media (min-width: 576px) {
  .digital_growth-warp { grid-template-columns: repeat(var(--columns),minmax(0,1fr)); gap: 30px; }
}
@media (min-width: 992px) {
  .digital_growth-warp .item-content { margin-left: calc((6 - var(--columns))  * 10px); text-align: left; margin-top: 0px; }
  .digital_growth_value { text-align: left; }
  .digital_growth-warp .digital_growth-item { display: flex; align-items: self-start; flex-direction: row; justify-content: center; padding: 35px 0px; position: relative; }
  .digital_growth-warp .digital_growth-item::after { position: absolute; top: 0px; right: -15px; bottom: 0px; width: 1px; background-color: var(--border_color); content: ""; }
}
.block_image2 .block_image2_content { display: flex; margin: 0px auto; flex-wrap: wrap; column-gap: var(--column-gutter); box-sizing: border-box; }
.block_image2 .block_image2_content .image-two-item { flex: 1 1 0%; position: relative; box-sizing: border-box; }
.block_image2 .block_image2_content .image-two-item img { width: 100%; height: auto; }
.block_image2 .block_image2_content .image-two-item .default_image_number { font-size: 18px; color: rgb(153, 153, 153); position: absolute; right: 20px; bottom: 14px; }
@media screen and (max-width: 767px) {
  .block_image2 .block_image2_content .image-two-item .default_image_number { right: 8px; bottom: 5px; font-size: 14px; }
  .block_image2 .block_image2_content .image-two-item { flex: 0 0 auto; width: 100%; margin-bottom: var(--column-gutter); }
  .block_image2 .full_container_wrapper { padding-left: 0px; padding-right: 0px; }
  .block_image2_mobile_style1 { display: flex; }
  .block_image2_mobile_style1 .image-two-item { flex: 1 1 0% !important; }
}
.product_detail_default { margin: 0px auto; }
.product_detail_default .product-info-subtitle { text-align: center; margin: 15px 0px; color: var(--title_color); font-size: var(--product_font_size); }
.product_detail_default .product-warp { margin: 60px auto 0px; max-width: var(--general_layout_width); }
.product_detail_default .product-warp .product-left { position: relative; }
.product_detail_default .product-info-describe { text-align: center; font-size: 14px; margin-bottom: 15px; color: var(--detail_color); }
.product-swiper-small .arrow { padding: 0px 12px; display: none; font-size: 0px; }
.cell-star { display: flex; justify-content: center; align-items: center; margin-top: 12px; }
.product-comment-fraction { display: flex; align-items: center; }
.product-comment-fraction svg { margin-right: 4px; }
.product-comment-fraction > svg:last-child { margin-right: 0px; }
.product-comment-fraction span { font-weight: 500; color: rgb(29, 31, 33); font-size: 18px; line-height: 1; margin-left: 6px; }
.comment-star-warp { position: relative; display: flex; align-items: center; }
.comment-star-warp-choose { position: absolute; top: 0px; left: 0px; bottom: 0px; display: flex; align-items: center; overflow: hidden; }
.product_detail_default .product-card-bottom { margin: 16px auto 0px; max-width: var(--general_layout_width); }
.comment-star-warp-choose svg { flex-shrink: 0; }
.product_detail_default .swiper-button-disabled path { fill: rgb(153, 153, 153); }
@media (max-width: 767px) {
  .product-swiper-small .arrow { display: inline-block; }
  .product-swiper-small { display: flex; justify-content: space-between; padding: 15px 0px; }
  .product-swiper-small .swiper-container-small .swiper-small-item { width: 10px; height: 10px; border: 2px solid var(--color-main); border-radius: 50%; box-sizing: border-box; }
  .product-swiper-small .swiper-container-small .swiper-small-item:last-child { margin-right: 0px !important; }
  .product-swiper-small .swiper-container-small .active { border: 2px solid var(--color-main); background-color: var(--color-main); }
  .product-swiper-small .swiper-container-small .swiper-small-item img { display: none; }
  .product-swiper-small .swiper-container-small .swiper-small-item .video-icon { display: none; }
}
.product_detail_default .product-right .secondary_btn, .product_detail_default .product-right .main_btn { margin-top: 0px; position: relative; z-index: 100; }
.product_detail_default .comment_warp-empty { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 20px 0px; }
.product_detail_default .comment_warp-empty span { color: rgb(136, 136, 136); font-size: 14px; line-height: 18px; margin-top: 20px; }
.product_detail_default .cell-item { user-select: none; }
.product-router-nav { color: rgb(115, 115, 115); font-size: 14px; line-height: 22px; flex-wrap: wrap; padding: 16px 0px; background: rgb(246, 246, 246); }
.product-router-nav-warp { margin: 0px auto; max-width: var(--general_layout_width); }
.product-router-nav a { color: rgb(153, 153, 153); font-size: 14px; line-height: 17px; }
.product-router-nav .on { color: rgb(102, 102, 102); overflow: hidden; }
.product-router-nav span { padding: 0px 4px; }
.product_detail_default .product-tabs .product-tabs-item, .product_detail_default .module-box .module-cell-header .module-cell-tile { font-size: var(--product_font_size); }
.product-wishlist { display: flex; align-items: center; font-size: 14px; line-height: 14px; gap: 10px; cursor: pointer; }
.cell-star > div:not([hidden]) ~ :not([hidden]) { margin-left: 10px; padding-left: 10px; border-left: 1px solid rgb(221, 221, 221); }
.product-preview-wishlist { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; align-items: center; justify-content: center; background: rgb(255, 255, 255); opacity: 0.9; border-radius: 50%; display: none; z-index: 1; }
@media screen and (min-width: 846px) and (max-width: 1200px) {
  .product-router-nav { padding: 16px 30px; }
}
@media screen and (max-width: 845px) {
  .product-router-nav, .product-wishlist { display: none; }
  .product-preview-wishlist { display: flex; }
}
.wishlist-box:active svg { animation: 0.7s ease-in-out 0s 1 normal none running wishlistShow; }
.wishlist-box .active { display: none; }
.wishlist-box .no { display: block; }
.product-wishlist-active .active { display: block; }
.product-wishlist-active .no { display: none; }
.product-grid { display: flex; flex-direction: column; }
.product-preview { grid-area: preview; position: relative; width: 100% !important; }
.product-tabs-card, .product-info { box-sizing: border-box; position: relative; width: 100% !important; padding: 0px 15px !important; }
.product-info { grid-area: info; }
.product-tabs-card { grid-area: tabs; width: 100% !important; }
@media (min-width: 767px) {
  .product-grid { grid-template-rows: auto 1fr; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 50px; display: grid !important; }
  .product-grid-bottom { grid-template-areas: "preview info" "tabs tabs"; }
  .product-grid-right { grid-template-areas: "preview info" "preview tabs"; }
  .product-tabs-card, .product-info { padding: 0px !important; }
}
.moi-tabs { margin-top: 20px; display: flex; flex-wrap: wrap; position: relative; }
.moi-tabs-content-comment { display: flex; flex-wrap: wrap; gap: 15px; }
.moi-tabs-content-comment-item { margin-bottom: 0px; width: 100%; }
.moi-tabs { flex-direction: column; border-top: 1px solid rgb(221, 221, 221); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; gap: 0px; }
.moi-tabs .moi-tabs-item { border-bottom: 1px solid rgb(221, 221, 221); width: 100%; }
.moi-tabs .moi-tabs-title { padding: 20px 0px; display: flex; justify-content: space-between; color: var(--color-main); font-size: 18px; font-weight: 600; overflow: hidden; align-items: center; }
.moi-tabs .moi-tabs-content { display: none; padding-bottom: 20px; }
.moi-tabs .moi-tabs-active .moi-tabs-content { position: relative; display: block; }
.moi-tabs .moi-tabs-active .tabs--icon-add { display: none; }
.moi-tabs .moi-tabs-active .tabs--icon-reduce { display: block; }
.moi-tabs .tabs--icon-add { display: block; }
.moi-tabs .tabs--icon-reduce { display: none; }
.moi-tabs .video-icon { position: absolute; z-index: 100; top: 40px; left: 40px; cursor: pointer; transform: translate(-50%, -50%); pointer-events: none; }
@media (min-width: 767px) {
  .moi-tabs-content-comment { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 15px; }
  .moi-tabs-content-comment-item { break-inside: avoid-column; margin-bottom: 15px; }
  .moi-tabs-style-tab { flex-direction: row; gap: 30px; border-bottom: 1px solid var(--color-divider); border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .moi-tabs-style-tab .moi-tabs-item { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; width: auto !important; }
  .moi-tabs-style-tab .moi-tabs-content { display: none; padding: 20px 0px !important; }
  .moi-tabs-style-tab .moi-tabs-active .moi-tabs-content { display: block; position: absolute; top: 100%; left: 0px; right: 0px; }
  .moi-tabs-style-tab .moi-tabs-active .moi-tabs-title { color: var(--color-main); position: relative; border-bottom: 4px solid var(--color-main); font-weight: 600; }
  .moi-tabs-style-tab .moi-tabs-title { padding: 12px 0px; font-size: var(--product_font_size); color: var(--color-text-low); cursor: pointer; }
  .moi-tabs-style-tab .moi-tabs--item-icon { display: none; }
  .moi-tabs-style-tab .tabs--icon-add, .moi-tabs-style-tab .tabs--icon-reduce { display: none; }
}
.product-detail-attrs { display: grid; grid-template-columns: minmax(0px, max-content) minmax(0px, 1fr); gap: 12px 24px; margin-bottom: 16px; font-size: var(--general_font_size); line-height: 1.6; }
.product-detail-attrs-item { display: contents; }
.product-detail-attrs-label { color: var(--color-text-low, #888); font-weight: 400; max-width: 10em; word-break: break-word; overflow-wrap: anywhere; }
.product-detail-attrs-value { color: var(--title_color, #000000); min-width: 0px; word-break: break-word; overflow-wrap: anywhere; }
.product-detail-attrs-files { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.product-detail-attrs-files img { width: 100%; height: auto; display: block; }
.product-detail-attrs-file-name { display: none; }
.product-detail-attrs-value a.product-detail-attrs-collection-link { color: inherit; text-decoration: underline; }
@media (min-width: 767px) {
  .product-detail-attrs { grid-template-columns: repeat(3, minmax(0px, max-content) minmax(0px, 1fr)); }
  .product-detail-attrs-label { color: var(--title_color, #000000); font-weight: 700; }
  .product-detail-attrs-value { color: var(--color-text-low, #888); }
  .product-grid-right .product-detail-attrs { grid-template-columns: minmax(0px, max-content) minmax(0px, 1fr); }
  .product-grid-right .product-detail-attrs-label { color: var(--color-text-low, #888); font-weight: 400; }
  .product-grid-right .product-detail-attrs-value { color: var(--title_color, #000000); }
}
.search_detail_default .search_product_title { border: 0px; }
.search_detail_default .search_product-warp { width: calc(100% - 155px); display: flex; flex-wrap: wrap; }
.search_detail_default .search_key_warp { width: 100%; display: flex; flex-wrap: wrap; }
.search_detail_default .search_key_warp .search_key_warp-item { line-height: 30px; padding: 0px 20px; background: var(--secondary_button_bg); border: 1px solid var(--secondary_button_color); color: var(--secondary_button_color); height: 30px; box-sizing: border-box; border-radius: 30px; margin-right: 10px; margin-top: 10px; }
.search_detail_default .search_key_warp .search_key_warp-item:hover { background: var(--secondary_button_color); color: rgb(255, 255, 255); }
.search_detail_default .search_key_warp .search_key_warp-divider { width: 1px; background-color: rgb(204, 204, 204); margin: 0px 12px; }
.search_detail_default .search_form { display: -webkit-flex; justify-content: center; padding: 2rem 0px; flex-direction: column; align-items: center; }
.search_detail_default .search_form form { max-width: 600px; width: 100%; margin: 0px auto; display: flex; justify-content: space-between; }
.search_detail_default .search_form .search_product { height: 44px; width: 100%; text-indent: 10px; border: 1px solid rgb(112, 112, 112); box-sizing: border-box; border-radius: var(--button_border_radius); }
.search_detail_default .search_form .search_product_btn { display: flex; justify-content: center; align-items: center; width: 140px; height: 44px; cursor: pointer; font-size: 16px; text-transform: uppercase; border-radius: var(--button_border_radius); background-color: var(--main_button_bg); color: var(--main_button_color); }
.search_detail_default .collection_top_bar { display: -webkit-flex; justify-content: space-between; align-items: center; padding: 0px 0px 3rem; flex-direction: column; }
.search_detail_default .sort_by { display: -webkit-flex; align-items: center; }
.search_detail_default .sort_by span { margin-right: 1rem; }
.search_detail_default #search_text { font-weight: bold; }
.search_detail_default .sort_by select { height: 2.8rem; border: 1px solid rgb(212, 212, 212); cursor: pointer; }
.search_detail_default .collection_content ul { display: grid; gap: 30px; grid-template-columns: repeat(var(--web_column), minmax(50px, 1fr)); }
.search_detail_default .collection_content li { list-style-type: none; line-height: 1; text-align: center; width: 100%; overflow: hidden; }
.search_detail_default .collection_content .product_pic { margin-bottom: 30px; width: 100%; overflow: hidden; position: relative; }
.search_detail_default .collection_content .soldout { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 30px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 50px; background: rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); font-size: 14px; }
.search_detail_default .collection_content .product_pic .product_img { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 100%; }
.search_detail_default .collection_content .product_pic img { max-width: 100%; }
.search_detail_default .collection_content .block_product_name { margin-bottom: 10px; line-height: 1.5; }
.search_detail_default .collection_content .product_price { font-weight: bold; }
.search_detail_default .collection_content .product_oldprice { color: rgb(136, 136, 136); text-decoration: line-through; margin-left: 5px; font-weight: normal; }
.search_detail_default df-oemmenu { display: block; width: 100%; }
.search_detail_default df-oemmenu + df-oemmenu { border-top: 1px solid rgb(221, 221, 221); }
.search_detail_default df-oemmenu df-oemmenu-label { display: flex; align-items: center; font-size: 14px; min-height: 40px; padding: 6px 20px 6px 0px; font-weight: bold; cursor: pointer; position: relative; }
.search_detail_default df-oemmenu df-oemmenu-label::before { position: absolute; top: 50%; right: 0px; width: 16px; height: 1px; background-color: var(--menu-color, #000); content: ""; }
.search_detail_default df-oemmenu df-oemmenu-label::after { position: absolute; right: 8px; top: 50%; bottom: 0px; height: 16px; width: 1px; margin-top: -8px; opacity: 1; background-color: var(--menu-color, #000); transition: 0.2s; content: ""; }
df-oemmenu-warp { display: block; }
.search_detail_default df-oemmenu df-oemmenu-warp { display: none; }
.search_detail_default .df-oemmenu-acrive df-oemmenu-warp { display: block; }
.df-oemmenu-acrive df-oemmenu-label::after { transform: rotate(270deg); opacity: 0 !important; }
.filter-box .filter-box-item { padding: 0px; display: flex; line-height: 18px; justify-content: start; text-align: left; margin-bottom: 20px; }
.search_detail_default .collection-filter-box { width: 18%; margin-right: 4%; display: block; }
.search_detail_default .collection-filter-warp { border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); }
.search_detail_default df-oemdrawer-popup { position: fixed; z-index: 50102; inset: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.2); display: none; }
.df-oemdrawer-open df-oemdrawer-popup { display: flex; }
.df-oemdrawer-open .df-oemdrawer-popup-open[position="left"], .df-oemdrawer-open .df-oemdrawer-popup-open[position="right"] { transform: translateX(0px); }
.df-oemdrawer-open .df-oemdrawer-popup-open[position="top"], .df-oemdrawer-open .df-oemdrawer-popup-open[position="bottom"] { transform: translateY(0px); }
.drawer-cover { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 10; }
.search_detail_default df-oemdrawer-popup-warp { background-color: rgb(255, 255, 255); overflow: hidden; display: flex; flex-direction: column; z-index: 100; }
.search_detail_default df-oemdrawer-popup-warp[position="bottom"] { position: absolute; right: 0px; left: 0px; bottom: 0px; transform: translateY(100%); transition: 0.35s ease-in-out; }
.drawer-header { height: 56px; text-align: center; line-height: 56px; position: relative; }
.drawer-header df-oemdrawer-close { position: absolute; right: 15px; top: 15px; }
.search_detail_default df-oemdrawer-popup .drawer-footer { padding: 20px 15px; border-top: 1px solid rgb(221, 221, 221); }
.drawer-body { padding: 0px 15px; max-height: 60vh; overflow-y: auto; }
.filter-button { height: 36px; padding: 0px 10px; border: 1px solid rgb(29, 31, 33); border-radius: 4px; }
.drawer-footer .drawer-btn { margin-top: 0px; }
.web_filter_clear { height: 60px; line-height: 60px; text-decoration: underline; display: none; cursor: pointer; }
.filter-box .checkbox_label .check_icon { flex-shrink: 0; }
.search_detail_default .collection-filter-wap { justify-content: flex-start; }
.filter-price-box { display: flex; }
.filter-price-box span { max-width: 40px; margin-right: 6px; }
.filter-price-box input { padding: 9px; flex: 1 0 0%; border: 1px solid rgba(136, 138, 139, 0.2); border-radius: 4px; }
.container-label-warp { padding-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.container-label-warp-item { border-radius: 18px; opacity: 1; border: 1px solid rgb(221, 221, 221); font-size: 14px; line-height: 18px; padding: 5px 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.container-label-warp-item-delete { margin-left: 10px; }
.container-label-warp-clear { font-size: 14px; line-height: 18px; padding: 5px 15px; cursor: pointer; text-decoration: underline; }
.mo-pagination { display: flex; align-items: center; justify-content: center; padding: 40px 0px; font-size: 0px; }
.mo-pagination .mo-pagination-value, .mo-pagination .mo-pagination-handle { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 14px; box-sizing: border-box; margin: 0px 5px; }
.mo-pagination .mo-pagination-handle { overflow: hidden; cursor: pointer; }
.mo-pagination .mo-pagination-handle path { fill: var(--main_color) !important; }
.mo-pagination .mo-pagination-value { color: var(--main_color) !important; }
.mo-pagination .mo-pagination-value:hover { border: 1px solid var(--main_color) !important; }
.mo-pagination .mo-pagination-value-active { color: var(--main_color) !important; border: 1px solid var(--main_color) !important; }
.mo-pagination .mo-pagination-handle-disable { cursor: not-allowed; }
.mo-pagination .mo-pagination-handle-disable path { fill: rgb(153, 153, 153) !important; }
@media screen and (min-width: 767px) {
  .search_detail_default .collection-filter-sticky { position: sticky; top: 0px; }
}
@media (max-width: 1200px) {
  .search_detail_default .collection_content ul { grid-template-columns: repeat(var(--web_column), 1fr); }
}
@media screen and (max-width: 767px) {
  .search_detail_default .collection-filter-box { display: none; }
  .new-filter-style { flex-direction: column-reverse; }
  .new-filter-style .filter-box { display: flex; flex-wrap: wrap; column-gap: 15px; }
  .new-filter-style .drawer-body { max-height: unset !important; }
  .search_detail_default .search_form { padding: 0px 0px 20px; }
  .search_detail_default .search_form form { width: 100%; flex-wrap: wrap; height: auto; }
  .search_detail_default .search_form .search_product-warp { width: 100%; }
  .search_detail_default .search_form .search_product_btn { margin-top: 15px; width: 100%; }
  .search_detail_default .collection_content ul { gap: 15px; grid-template-columns: repeat(2, 1fr); }
  .search_detail_default .collection_content .product_pic { margin-bottom: 20px; }
  .search_detail_default .sort_by { display: none !important; }
  .search_detail_default .collection-filter-wap { justify-content: flex-start; }
}
.search_detail_default .product_num { text-align: center; margin: 20px 0px; }