@font-face { font-family: "Exo 2"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/exo2.woff2") format("woff2"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/roboto.woff2") format("woff2"); }
:root { --popup_border_radius: 0px; --general_layout_width: 1200px; --general_layout_spacing: 80px; --button_border_radius: 8px; --full_container_padding: 50px; --page_background_color: #FFFFFF; --title_color: #844416; --main_color: #844416; --detail_color: #844416; --buying_parice_color: #1D1F21; --original_price_color: #999; --discount_tag_bg: #79938D; --discount_tag_color: #fff; --main_button_bg: #1D1F21; --main_button_color: #fff; --secondary_button_bg: #fff; --secondary_button_color: #1D1F21; --title_font_family: Roboto; --general_font_family: Exo 2; --title_font_size: 60px; --general_font_size: 16px; --product_font_size: 16px; --big_product_font_size: 28px; --title_letter_spacing: 1pxpx; --nav_letter_spacing: 1pxpx; --product_img_cut: cover; --title_font_style: normal; --title_font_weigth: 500; --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%; 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%; overflow: hidden; }
.account_orders .order-card-info .order-card-info-picture { background-color: rgb(245, 245, 245); flex-shrink: 0; height: 80px; margin-right: 20px; 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 + .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; }
.order-card .order-card-handle .mo-btn + .mo-btn { margin-left: 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; }
.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-value { font-size: 0px; width: 100%; }
.form-show-error .mo-form-item-error { 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); padding-bottom: 10px; width: 360px; }
.mo-confirm .mo-confirm-body .mo-title { padding: 40px 20px 20px; text-align: center; }
.mo-confirm .mo-handle { align-items: center; display: flex; height: 80px; justify-content: center; padding: 0px 75px; }
.mo-confirm .mo-handle .mo-handle-btn { cursor: pointer; flex: 1 1 0%; text-align: center; }
.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); 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 rgb(29, 31, 33); }
.moi-product-sku-value .product-sku-values .product-sku-values-item-active { border: 1px solid rgb(29, 31, 33) !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; }
.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 rgb(153, 153, 153); }
.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__eldlbk { }
.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; }
.-top-0 { top: 0px; }
.bottom-0 { bottom: 0px; }
.bottom-6 { bottom: 1.5rem; }
.left-0 { left: 0px; }
.left-4 { left: 1rem; }
.left-\[50\%\] { left: 50%; }
.right-0 { right: 0px; }
.right-4 { right: 1rem; }
.right-\[15px\] { right: 15px; }
.top-0 { top: 0px; }
.top-1\/2 { top: 50%; }
.top-4 { top: 1rem; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-\[510000\] { z-index: 510000; }
.z-\[999\] { z-index: 999; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.-ml-\[18px\] { margin-left: -18px; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-\[11px\] { margin-bottom: 11px; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.mr-7 { margin-right: 1.75rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-16 { margin-top: 4rem; }
.mt-4 { margin-top: 1rem; }
.mt-\[30px\] { margin-top: 30px; }
.mt-\[35px\] { margin-top: 35px; }
.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; }
.aspect-\[1\/1\] { aspect-ratio: 1 / 1; }
.h-4 { height: 1rem; }
.h-\[40px\] { height: 40px; }
.h-\[48px\] { height: 48px; }
.h-\[56px\] { height: 56px; }
.h-fit { height: fit-content; }
.h-full { height: 100%; }
.h-max { height: max-content; }
.min-h-\[142px\] { min-height: 142px; }
.w-24 { width: 6rem; }
.w-4 { width: 1rem; }
.w-4\/5 { width: 80%; }
.w-\[15px\] { width: 15px; }
.w-\[20px\] { width: 20px; }
.w-\[240px\] { width: 240px; }
.w-\[243px\] { width: 243px; }
.w-\[50px\] { width: 50px; }
.w-\[56px\] { width: 56px; }
.w-full { width: 100%; }
.max-w-\[200px\] { max-width: 200px; }
.max-w-\[478px\] { max-width: 478px; }
.max-w-\[75\%\] { max-width: 75%; }
.max-w-\[var\(--general\\_layout\\_width\)\] { max-width: var(--general_layout_width); }
.flex-1 { flex: 1 1 0%; }
.flex-shrink { flex-shrink: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.-translate-x-1\/2 { --tw-translate-x: -50%; }
.-translate-x-1\/2, .-translate-y-1\/2 { 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-y-1\/2 { --tw-translate-y: -50%; }
.translate-x-1\/2 { --tw-translate-x: 50%; }
.translate-x-1\/2, .translate-y-1\/4 { 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-y-1\/4 { --tw-translate-y: 25%; }
.rotate-180 { --tw-rotate: 180deg; }
.-scale-x-100, .rotate-180 { 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)); }
.-scale-x-100 { --tw-scale-x: -1; }
.-scale-y-100 { --tw-scale-y: -1; }
.-scale-y-100, .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; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-10 { gap: 2.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-\[15px\] { gap: 15px; }
.gap-\[32px\] { gap: 32px; }
.gap-\[4px\] { gap: 4px; }
.gap-x-3 { column-gap: 0.75rem; }
.gap-y-2\.5 { row-gap: 0.625rem; }
.justify-self-start { justify-self: start; }
.justify-self-center { justify-self: center; }
.overflow-hidden { overflow: hidden; }
.overflow-y-auto { overflow-y: auto; }
.text-ellipsis { text-overflow: ellipsis; }
.whitespace-nowrap { white-space: nowrap; }
.rounded-\[32px\] { border-radius: 32px; }
.rounded-\[4px\] { border-radius: 4px; }
.rounded-\[var\(--button\\_border\\_radius\)\] { border-radius: var(--button_border_radius); }
.rounded-xl { border-radius: 0.75rem; }
.border { border-width: 1px; }
.border-0 { border-width: 0px; }
.border-\[1px\] { border-width: 1px; }
.border-solid { border-style: solid; }
.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255/var(--tw-border-opacity,1)); }
.bg-\[\#525754\] { --tw-bg-opacity: 1; background-color: rgb(82 87 84/var(--tw-bg-opacity,1)); }
.bg-\[var\(--bg\)\] { background-color: var(--bg); }
.bg-\[var\(--nav-bg\)\] { background-color: var(--nav-bg); }
.bg-\[var\(--tag-bg\)\] { background-color: var(--tag-bg); }
.bg-transparent { background-color: transparent; }
.object-cover { object-fit: cover; }
.p-0 { padding: 0px; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-\[15px\] { padding: 15px; }
.p-\[var\(--mobile-padding\)\] { padding: var(--mobile-padding); }
.\!px-\[10px\] { padding-left: 10px !important; padding-right: 10px !important; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-\[15px\] { padding-left: 15px; padding-right: 15px; }
.px-\[18px\] { padding-left: 18px; padding-right: 18px; }
.py-1\.5 { padding-bottom: 0.375rem; padding-top: 0.375rem; }
.py-12 { padding-bottom: 3rem; padding-top: 3rem; }
.py-20 { padding-bottom: 5rem; padding-top: 5rem; }
.py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; }
.py-6 { padding-bottom: 1.5rem; padding-top: 1.5rem; }
.py-\[40px\] { padding-bottom: 40px; padding-top: 40px; }
.pb-14 { padding-bottom: 3.5rem; }
.pb-20 { padding-bottom: 5rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-8 { padding-bottom: 2rem; }
.pb-\[1px\] { padding-bottom: 1px; }
.pb-\[20px\] { padding-bottom: 20px; }
.pb-\[21px\] { padding-bottom: 21px; }
.pt-\[0px\] { padding-top: 0px; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-\[14px\] { font-size: 14px; }
.text-\[16px\] { font-size: 16px; }
.text-\[22px\] { font-size: 22px; }
.text-\[26px\] { font-size: 26px; }
.text-\[36px\] { font-size: 36px; }
.text-\[length\:var\(--general\\_font\\_size\)\] { font-size: var(--general_font_size); }
.text-\[length\:var\(--size\)\] { font-size: var(--size); }
.font-medium { font-weight: 500; }
.text-\[var\(--tag-color\)\] { color: var(--tag-color); }
.text-\[var\(--text-color\)\] { color: var(--text-color); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.underline { text-decoration-line: underline; }
.opacity-10 { opacity: 0.1; }
.opacity-75 { opacity: 0.75; }
.opacity-90 { opacity: 0.9; }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }
.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); }
.duration-200 { transition-duration: 0.2s; }
.block_slides .swiper-pagination { bottom: 0px; position: relative; }
.block_slides .swiper-pagination .swiper-pagination-bullet { background-color: rgb(76, 150, 135); border-radius: 0px; height: 4px; margin: 0px; opacity: 0.3; transition: 0.5s; width: 12px; }
.block_slides .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(16, 40, 75); opacity: 1; }
.block_slides .slide-item-big { height: 800px; }
.block_slides .slide-item-center { height: 600px; }
.block_slides .slide-item-samll { height: 420px; }
@media screen and (max-width: 767px) {
  .block_slides .slide-item-big { height: 100vh; }
  .block_slides .slide-item-center { height: 70vh; }
  .block_slides .slide-item-samll { height: 50vh; }
}
.block_slides .swiper { overflow: hidden; }
.block_slides .swiper .swiper-slide .img_box::after { background-color: var(--mask-color); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.block_slides .swiper .swiper-slide .img_box img { height: 100%; object-fit: cover; width: 100%; }
.block_slides .swiper .swiper-slide .img_box.img-small { height: 420px; }
@media screen and (max-width: 767px) {
  .block_slides .swiper .swiper-slide .img_box.img-small { height: 50vh; }
}
.block_slides .swiper .swiper-slide .img_box.img-center, .block_slides .swiper .swiper-slide .img_box.img-middle { height: 600px; }
@media screen and (max-width: 767px) {
  .block_slides .swiper .swiper-slide .img_box.img-center, .block_slides .swiper .swiper-slide .img_box.img-middle { height: 70vh; }
}
.block_slides .swiper .swiper-slide .img_box.img-big { height: 800px; }
@media screen and (max-width: 767px) {
  .block_slides .swiper .swiper-slide .img_box.img-big { height: 100vh; }
}
.block_slides .swiper .swiper-slide .img_box.img-auto, .block_slides .swiper .swiper-slide .img_box.img-auto img { height: auto; }
@media screen and (min-width: 768px) {
  .block_slides .text_box { height: 100%; left: 0px; top: 0px; width: 100%; z-index: 10; }
  .block_slides .text_box .container_wrapper { height: 100%; }
  .block_slides .text_box .container_wrapper .text_cantainer { max-width: 50%; }
}
.block_slides .text_box .container_wrapper { display: flex; text-align: var(--text-align); }
.block_slides .text_box .container_wrapper.top-left { align-items: flex-start; justify-content: flex-start; }
.block_slides .text_box .container_wrapper.top-center { align-items: flex-start; justify-content: center; }
.block_slides .text_box .container_wrapper.top-right { align-items: flex-start; justify-content: flex-end; }
.block_slides .text_box .container_wrapper.center-left { align-items: center; justify-content: flex-start; }
.block_slides .text_box .container_wrapper.center-center { align-items: center; justify-content: center; }
.block_slides .text_box .container_wrapper.center-right { align-items: center; justify-content: flex-end; }
.block_slides .text_box .container_wrapper.bottom-left { align-items: flex-end; justify-content: flex-start; }
.block_slides .text_box .container_wrapper.bottom-center { align-items: flex-end; justify-content: center; }
.block_slides .text_box .container_wrapper.bottom-right { align-items: flex-end; justify-content: flex-end; }
.block_slides .text_box .slide_title { color: var(--slide-title-color); font-size: 40px; line-height: 1.2; }
@media screen and (max-width: 767px) {
  .block_slides .text_box .slide_title { font-size: 26px; }
}
.block_slides .text_box .slide_detail { color: var(--slide-detail-color); }
.block_slides .text_box .btn-left { justify-content: flex-start; }
.block_slides .text_box .btn-center { justify-content: center; }
.block_slides .text_box .btn-right { justify-content: flex-end; }
@media screen and (max-width: 767px) {
  .block_slides .text_box .public_btn { flex: 1 0 0%; min-width: fit-content; }
}
.block_media_list .public_btn { border: 1px solid var(--btn-color); }
.block_media_list .video-controls.play .stop { display: none; }
.block_media_list .video-controls.play .start { display: inline-flex; }
.block_media_list .video-controls.stop .start { display: none; }
.block_media_list .video-controls.stop .stop { display: inline-flex; }
.block_media_list .swiper-button-disabled { opacity: 0.5; }
@media screen and (max-width: 767px) {
  .block_image_text .container_wrapper { padding: 0px; }
  .block_image_text .text_box { padding-left: 15px; padding-right: 15px; }
}
.block_image_text .text_box.text-center .btn_wrap { justify-content: center; }
.block_image_text .text_box.text-right .btn_wrap { justify-content: flex-end; }
@media screen and (max-width: 767px) {
  .block_image_text .text_box .public_btn { flex: 1 0 0%; min-width: fit-content; }
}
.block_selling_points .block_selling_points-bg { background-image: linear-gradient(to bottom,var(--tw-gradient-stops)); }
.block_selling_points .btn_wrap .public_btn:nth-child(2):hover { background-color: var(--btn-bg); color: var(--btn-color); opacity: 0.65; }
.block_endorsements_sliders .swiper-pagination-bullet { opacity: 1; }
.block_endorsements_sliders .swiper-pagination-bullet::after { background-color: rgb(127, 127, 127); border-radius: 50%; content: ""; height: 12px; opacity: 0; position: absolute; transform: translateY(50px); transition: 0.5s; width: 12px; }
.block_endorsements_sliders .swiper-pagination-bullet.swiper-pagination-bullet-active::after { opacity: 1; }
.block_custom_comments .swiper-slide { height: auto; }
.block_custom_comments .swiper-pagination:empty { margin: 0px; }
.block_custom_comments .swiper-pagination .swiper-pagination-bullet { background-color: rgb(76, 150, 135); border-radius: 0px; height: 4px; opacity: 0.3; transition: 0.5s; width: 12px; }
.block_custom_comments .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(16, 40, 75); opacity: 1; }
.block_collection_tab .tab_title li { border-bottom: 2px solid transparent; opacity: 0.8; transition: 0.5s; }
.block_collection_tab .tab_title li.active { border-color: var(--main_color); opacity: 1; }
.block_collection_tab .tab_title li.active::after { opacity: 0.8; }
.block_collection_tab .tab_title li::after { background-color: var(--main_color); border-radius: 50%; content: ""; height: 12px; opacity: 0; position: absolute; transform: translateY(55px); transition: 0.5s; width: 12px; }
.block_collection_tab .content_item { opacity: 0; transition: 0.5s; visibility: hidden; }
.block_collection_tab .content_item.active { opacity: 1; position: relative; visibility: visible; }
@media screen and (min-width: 768px) {
  .block_collection_tab .content_item:hover .next-btn, .block_collection_tab .content_item:hover .prev-btn { display: block; }
}
.block_collection_tab .content_item .next-btn, .block_collection_tab .content_item .prev-btn { border: 1px solid rgb(255, 255, 255); border-radius: var(--button_border_radius); cursor: pointer; display: none; padding: 18px 32px; }
.block_collection_tab .swiper-pagination:empty { margin: 0px; }
.block_collection_tab .swiper-pagination .swiper-pagination-bullet { background-color: rgb(76, 150, 135); border-radius: 0px; height: 4px; opacity: 0.3; transition: 0.5s; width: 12px; }
.block_collection_tab .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(16, 40, 75); opacity: 1; }
.block_collection_tab .swiper-slide { height: auto; }
.block_collection_tab .swiper-slide .collection_item { height: 100%; }
.collection_item { background-color: rgb(255, 255, 255); border-radius: var(--button_border_radius); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding-bottom: 24px; position: relative; text-align: center; width: 100%; }
.collection_item .block_product_img_list { margin: 12px 24px 0px; }
.collection_item .block_product_img_list .img_list .img_list_item { border: 1px solid rgb(203, 203, 203); border-radius: 8px; overflow: hidden; }
.collection_item .block_product_img_list .img_list .img_list_item.active { border-color: var(--color-main); }
.collection_item .moi-start-warp { flex-wrap: wrap; row-gap: 10px; justify-content: center !important; }
@media screen and (min-width: 767px) {
  .collection_item:hover .actions-wrapper { opacity: 1; transform: translateY(0px); }
}
.collection_item .actions-wrapper { bottom: 0px; box-sizing: border-box; display: inline-flex; justify-content: center; left: 0px; opacity: 0; position: absolute; transform: translateY(calc(40% + 10px)); transition: opacity 0.25s, transform 0.25s ease-out; width: 100%; z-index: 50; }
@media screen and (max-width: 767px) {
  .collection_item .actions-wrapper { opacity: 1; position: relative; transform: translateY(0px); }
}
.collection_item .actions-wrapper .actions-wrapper-btn { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; justify-content: center; line-height: 22px; padding: 10px 15px; position: relative; width: 100%; }
.collection_item .actions-wrapper .actions-wrapper-btn:hover { opacity: 0.7; }
.collection_item > div { width: 100%; }
.collection_item .item-caption { line-height: 1.2; padding: 12px 24px 0px; }
.collection_item .item-caption .item-caption-title { color: var(--title_color); font-size: var(--product_font_size); line-height: 1.4; margin-bottom: 10px; }
@media screen and (max-width: 767px) {
  .collection_item .item-caption .item-caption-title { font-size: 14px; }
}
.collection_item .item-caption .item-caption-price { display: inline-flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 9px; }
.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; vertical-align: top; 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); }
.footer { background-color: var(--bg); font-size: calc(var(--general_font_size) + 2px); }
.footer, .footer a { color: var(--color); }
.footer .footer_nwes .email_title { font-family: var(--title_font_family); font-size: 20px; }
.footer .footer_nwes input { border: 1px solid var(--color); 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(--sub-btn-bg); color: var(--sub-btn-color); cursor: pointer; font-size: calc(var(--general_font_size) + 4px); padding: 10px 15px; transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.footer .footer_nwes .submit_box:hover { opacity: 0.8; }
.footer .footer_nwes .zuui-share-link { gap: 15px; }
.footer .footer_nwes .zuui-share-link a { margin-right: 0px; opacity: 0.7; transition: 0.3s; }
.footer .footer_nwes .zuui-share-link a:hover { opacity: 1; }
.product_flex_left .product-sku-values .product-sku-values-item { border-radius: var(--button_border_radius); padding: 12px 15px; }
.moi-product-option .moi-product-sku-value { margin-top: 0px !important; }
.moi-product-sku-label .product-sku-name { font-size: calc(var(--general_font_size) - 2px); }
.product-calculator-cell-item { margin-top: 15px !important; }
#product_detail .product-right { background-color: rgb(255, 255, 255); border-radius: var(--button_border_radius); }
@media screen and (min-width: 768px) {
  #product_detail .product-right { padding: 24px !important; }
}
@media screen and (max-width: 767px) {
  #product_detail .product-right { padding: 15px !important; }
}
#product_detail .product-right-sticky .swiper-container .swiper-navigation.swiper-button-disabled { display: none; }
@media screen and (max-width: 767px) {
  .product-right-sticky .swiper-navigation { opacity: 0.5; }
  #product_detail .product-left, #product_detail .product-right { margin-left: 15px; margin-right: 15px; width: calc(100% - 30px) !important; }
}
.oem_footer_menu .pc_title { border-bottom: 1px solid rgb(204, 204, 204); }
.oem_footer_menu .pc_title:hover a, .oem_footer_menu .pc_title:hover span { opacity: 0.7; }
.oem_footer_menu .pc_title a, .oem_footer_menu .pc_title span { transition: 0.3s; }
.oem_footer_menu .mobile_title, .oem_footer_menu .pc_title { font-family: var(--title_font_family); font-size: 20px; }
.oem_footer_menu .mobile_title { border-bottom: 1px solid rgb(204, 204, 204); color: var(--color); padding: 13px 0px; }
.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; position: relative; transition: 0.3s; }
.oem_footer_menu .list li a:hover { opacity: 0.7; }
.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; }
.header_menu .header_menu-item-first:hover span a { opacity: 0.7; }
.header_menu .header_menu-item-first[data-tree-type="two"] .header_submenu-content-ul .header_menu-item-second:first-child { margin-top: 0px; }
.header_menu .header_menu-item-first[data-tree-type="two"] .header_submenu { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.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 { gap: 80px 50px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.header_menu .header_menu-item-first.header_menu-openable:hover, .header_menu .header_menu-item-first.header_menu-openable:hover a { color: var(--menu-color); }
.header_menu .header_menu-item-first.header_menu-openable:hover > .header_menu-item-first-title span a { opacity: 0.7; }
.header_menu .header_menu-item-first.header_menu-openable:hover .header_submenu { background-color: var(--nav-bg); 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_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-size: calc(var(--general_font_size) + 1px); font-weight: 600; }
.header_menu .header_menu-item-first .header_submenu .header_submenu-content-ul .header_menu-item-second .header_menu-item-second-title a { display: inline-flex; opacity: 1; position: relative; }
.header_menu .header_menu-item-first .header_submenu .header_submenu-content-ul .header_menu-item-second .header_menu-item-second-title a::after { background-color: var(--menu-color); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; transition: width 0.3s ease-in-out; width: 0px; }
.header_menu .header_menu-item-first .header_submenu .header_submenu-content-ul .header_menu-item-second .header_menu-item-second-title a:hover::after { width: 100%; }
.header_menu .header_menu-item-first .header_submenu .header_submenu-content-ul .header_menu-item-third-wrapper a { opacity: 0.75; }
.header_menu .header_menu-item-first .header_submenu .header_submenu-content-ul .header_menu-item-third-wrapper a:hover { opacity: 1; }
.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:hover > .header_menu-item-first-title span a { opacity: 1; position: relative; box-shadow: none !important; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first:hover > .header_menu-item-first-title span a::after { background-color: var(--menu-color); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; transition: width 0.3s ease-in-out; width: 0px; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first:hover > .header_menu-item-first-title span a:hover::after { width: 100%; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first .header_menu-item-first-title span { justify-content: space-between; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first .header_menu-item-first-title span a { opacity: 1; padding: 0px; box-shadow: none !important; }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_menu-item-first .header_menu-item-first-title span svg { transform: rotate(-90deg); }
.header_menu #oem-navigation-more-link .more_links_header_menu-item-first .header_submenu { height: 0px; opacity: 0; visibility: hidden; }
.header_menu #oem-navigation-more-link .more_link_child li { margin-top: 0px; }
.header_menu #oem-navigation-more-link .more_link_child li a { opacity: 0.75; }
.header_menu #oem-navigation-more-link .more_link_child li a:hover { opacity: 1; }
#oem_header { color: var(--menu-color); }
#oem_header.is_fixed { left: 0px; position: fixed; top: 0px; width: 100%; z-index: 999; }
#oem_header .nav_wrapper { background-color: var(--nav-bg); }
#oem_header .nav_wrapper .content .mobile_menu_btn span { cursor: pointer; }
#oem_header .nav_wrapper .content .mobile_menu_btn span.open .icon-open { display: none; }
#oem_header .nav_wrapper .content .mobile_menu_btn span.open .icon-close { display: flex; }
#oem_header .nav_wrapper .content .mobile_menu_btn span .icon-close { display: none; }
#oem_header .nav_wrapper .content .nav-logo a { font-family: var(--title_font_family); font-style: var(--title_font_style); letter-spacing: var(--title_letter_spacing); }
#oem_header .nav_wrapper .content .nav-logo .logo { color: var(--menu-color); font-size: 1.875rem; font-weight: 700; }
@media screen and (max-width: 767px) {
  #oem_header .nav_wrapper .content .nav-logo .logo { font-size: 26px; }
}
#oem_header .nav_wrapper .content .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_wrapper .content .nav-logo .logo span.pc { align-items: center; display: flex; }
}
@media screen and (max-width: 767px) {
  #oem_header .nav_wrapper .content .nav-logo .logo span.yd { align-items: center; display: flex; }
}
#oem_header .nav_wrapper .content .action_icon { color: var(--menu-color); }
#oem_header .nav_wrapper .content .action_icon svg { transition: 0.2s; }
#oem_header .nav_wrapper .content .action_icon svg:hover { opacity: 0.7; }
#oem_header .nav_wrapper .content .action_icon a { color: var(--menu-color); }
#oem_header .nav_wrapper .content .action_icon .cart_icon #cart_number { align-items: center; background-color: var(--main_button_bg); border-radius: 50%; color: var(--main_button_color); display: flex; font-size: 12px; height: 17px; justify-content: center; min-width: 17px; position: absolute; right: 0px; top: -5px; }
#oem_header .nav_wrapper .content .action_icon .mobile_btn { color: var(--menu-color); }
#oem_header .nav_wrapper .content .action_icon .mobile_btn svg path { transition: 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); }
#oem_header .nav_wrapper .content .user_icon a { color: var(--menu-color); }
#top-bar { background-color: var(--bg-color); }
#top-bar, #top-bar a { color: var(--text-color); }
.search_form .input_wrap input { border-radius: var(--button_border_radius); box-shadow: 0 0 0 1px var(--rgb-color); color: var(--menu-color); padding: 0px 50px 0px 15px; }
.search_form .input_wrap input:focus, .search_form .input_wrap input:hover { box-shadow: 0 0 0 2px var(--rgb-color); }
.search_form .input_wrap button { color: var(--menu-color); }
.mobile_search_popup { opacity: 0; pointer-events: none; transition: 0.3s; visibility: hidden; }
.mobile_search_popup.open { opacity: 1; pointer-events: all; visibility: visible; }
.mobile_search_popup .input_wrap, .mobile_search_popup form { width: 100%; }
#mobile_nav { background-color: rgba(50, 50, 50, 0.5); height: 100%; left: 0px; opacity: 0; pointer-events: none; position: fixed; top: 0px; transition: opacity 0.3s; width: 100%; z-index: 510000; }
#mobile_nav.open { opacity: 1; pointer-events: all; }
#mobile_nav.open .content { transform: translateX(0px); }
#mobile_nav .content { background-color: var(--nav-bg); border-top: 1px solid rgba(50, 50, 50, 0.1); max-width: 320px; transform: translateX(-100%); transition: transform 0.3s; width: 90%; }
#mobile_nav .content, #mobile_nav .content a { color: var(--menu-color); }
#mobile_nav .content .mobile_nav_list .mobile_nav_ul { pointer-events: none; visibility: hidden; }
#mobile_nav .content .mobile_nav_list li { padding: 4px 0px; }
#mobile_nav .content .mobile_nav_list li .mobile_nav_link a { align-items: center; display: flex; }
#mobile_nav .content .mobile_nav_list li .back_title, #mobile_nav .content .mobile_nav_list li .link_title { padding: 5px 32px; }
#mobile_nav .content .mobile_nav_list li .back_title:hover, #mobile_nav .content .mobile_nav_list li .link_title:hover { opacity: 0.7; }
#mobile_nav .content .mobile_nav_list[data-path="1"] { visibility: hidden; }
#mobile_nav .content .mobile_nav_list[data-path="0"] { visibility: visible; }
#mobile_nav .content .mobile_nav_list[data-path="0"] ul.level-1, #mobile_nav .content .mobile_nav_list[data-path="2"] { visibility: hidden; }
#mobile_nav .content .mobile_nav_list[data-path="2"] > li > .mobile_nav_ul { pointer-events: all !important; visibility: hidden !important; }
#mobile_nav .content .mobile_nav_list .level-li-0 > .link_title a { font-family: var(--title_font_family); }
#mobile_nav .content .mobile_nav_list .level-li-1 { font-size: var(--general_font_size); }
#mobile_nav .content .mobile_nav_list .back_title { font-family: var(--title_font_family); }
#mobile_nav .content .mobile_nav_list li.open .back_title { margin-bottom: 10px; }
#mobile_nav .content .mobile_nav_list li.open > .mobile_nav_ul { pointer-events: all; visibility: visible; }
.currency_box { font-weight: 500; position: relative; }
.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 { height: 18px; opacity: 0.7; transition: transform 0.2s ease-in-out; width: 18px; }
.currency_box .drop_currency { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px 0px; box-sizing: border-box; display: none; left: 50%; max-height: 300px; max-width: 250px; min-width: 150px; padding: 10px; position: absolute; transform: translateX(-50%); z-index: 1000000; }
.currency_box .drop_currency a span { color: rgb(64, 64, 64) !important; }
@media screen and (max-width: 767px) {
  .currency_box .drop_currency { left: auto; right: 0px; transform: translateX(0px); }
}
.currency_box .drop_currency .currency { max-height: 280px; overflow-y: scroll; scrollbar-width: none; }
.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; box-sizing: border-box; display: flex; font-size: 14px; gap: 6px; letter-spacing: var(--nav_letter_spacing); margin: 0px; opacity: 1; padding: 4px 8px; white-space: nowrap; width: 100%; }
.currency_box .drop_currency li a:hover span { 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); }
html { font-size: 16px; }
.html_hide { overflow: hidden; }
.public_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); }
@media (max-width: 767px) {
  .public_title { font-size: 40px !important; }
}
.public_title_color { color: var(--title_color); }
.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: 48px; }
@media (max-width: 767px) {
  .block_title h2 { font-size: 40px !important; }
}
.block_title .block_detail { margin-left: 0px; margin-right: 0px; margin-top: 8px; }
@media (max-width: 767px) {
  .block_title .block_detail { font-size: 16px; }
}
.block_title_custom { margin-bottom: 48px; }
.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: var(--title_font_weigth); letter-spacing: var(--title_letter_spacing); }
@media (max-width: 767px) {
  .block_title_custom h2 { font-size: 26px !important; }
}
.block_title_custom .block_detail { color: var(--detail_color); font-size: 20px; line-height: 34px; margin-left: 0px; margin-right: 0px; margin-top: 8px; }
@media (max-width: 767px) {
  .block_title_custom .block_detail { font-size: 16px; }
}
.general-price { color: var(--buying_parice_color); white-space: nowrap; }
.general-oldprice { color: var(--original_price_color); font-size: calc(var(--general_font_size) - 2px); text-decoration: line-through; white-space: nowrap; }
.public_btn { align-items: center; background-color: var(--btn-bg); border-radius: var(--button_border_radius); box-sizing: border-box; color: var(--btn-color); display: inline-flex; font-size: 20px; font-weight: 500; justify-content: center; line-height: 1.3; padding: 16px 24px; transition: 0.3s ease-in-out; }
.public_btn, .public_btn:hover { border: 1px solid var(--btn-bg); }
.public_btn:hover { background-color: var(--btn-color); color: var(--btn-bg); }
@media screen and (max-width: 767px) {
  .public_btn { font-size: 16px; }
}
.hover\:bg-\[\#79938D\]:hover { --tw-bg-opacity: 1; background-color: rgb(121 147 141/var(--tw-bg-opacity,1)); }
.disabled\:hidden:disabled { display: none; }
@media (min-width: 768px) {
  .md\:absolute { position: absolute; }
  .md\:sticky { position: sticky; }
  .md\:top-\[50px\] { top: 50px; }
  .md\:order-1 { order: 1; }
  .md\:order-2 { order: 2; }
  .md\:mb-0 { margin-bottom: 0px; }
  .md\:mb-4 { margin-bottom: 1rem; }
  .md\:mb-8 { margin-bottom: 2rem; }
  .md\:mt-0 { margin-top: 0px; }
  .md\:mt-3 { margin-top: 0.75rem; }
  .md\:block { display: block; }
  .md\:flex { display: flex; }
  .md\:grid { display: grid; }
  .md\:hidden { display: none; }
  .md\:max-h-\[70vh\] { max-height: 70vh; }
  .md\:min-h-\[82px\] { min-height: 82px; }
  .md\:w-\[320px\] { width: 320px; }
  .md\:min-w-\[180px\] { min-width: 180px; }
  .md\:max-w-\[400px\] { max-width: 400px; }
  .md\:flex-none { flex: 0 0 auto; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; }
  .md\:grid-cols-\[var\(--pc-number\)\] { grid-template-columns: var(--pc-number); }
  .md\:flex-row { flex-direction: row; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:items-end { align-items: flex-end; }
  .md\:items-center { align-items: center; }
  .md\:justify-start { justify-content: flex-start; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:justify-between { justify-content: space-between; }
  .md\:gap-16 { gap: 4rem; }
  .md\:gap-6 { gap: 1.5rem; }
  .md\:gap-\[72px\] { gap: 72px; }
  .md\:overflow-y-scroll { overflow-y: scroll; }
  .md\:bg-transparent { background-color: transparent; }
  .md\:p-4 { padding: 1rem; }
  .md\:p-5 { padding: 1.25rem; }
  .md\:p-\[var\(--padding\)\] { padding: var(--padding); }
  .md\:py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem; }
  .md\:py-8 { padding-bottom: 2rem; padding-top: 2rem; }
  .md\:pb-20 { padding-bottom: 5rem; }
  .md\:pb-24 { padding-bottom: 6rem; }
  .md\:pb-4 { padding-bottom: 1rem; }
  .md\:pb-\[32px\] { padding-bottom: 32px; }
  .md\:pt-24 { padding-top: 6rem; }
  .md\:pt-\[0px\] { padding-top: 0px; }
  .md\:text-\[40px\] { font-size: 40px; }
  .md\:text-\[length\:var\(--font-size\)\] { font-size: var(--font-size); }
  .md\:text-\[length\:var\(--pc-size\)\] { font-size: var(--pc-size); }
  .md\:text-inherit { color: inherit; }
  .md\:hover\:bg-\[\#525754\]:hover { --tw-bg-opacity: 1; background-color: rgb(82 87 84/var(--tw-bg-opacity,1)); }
  .md\:hover\:text-\[\#ffffff\]:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
}
@media (min-width: 1024px) {
  .lg\:block { display: block; }
  .lg\:text-\[36px\] { font-size: 36px; }
}
@media (min-width: 1280px) {
  .xl\:gap-x-7 { column-gap: 1.75rem; }
}
.__tropicalpink__exlupl { }
#card-header { display: none; }
.block_html img { max-width: 100%; }
@media screen and (min-width: 768px) {
  .pc_height { height: var(--pc-height); }
  .pc_height iframe { width: 100%; height: 300%; position: absolute; top: -100%; }
}
@media screen and (max-width: 767px) {
  .mobile_height { height: var(--mobile-height); }
  .mobile_height iframe { width: 300%; height: 100%; position: absolute; left: -100%; }
}
.block_video_image_text { position: relative; }
.block_video_image_text .block_video_content { height: 100%; overflow: hidden; position: relative; }
.block_video_image_text .custom_video { width: 100%; height: 100%; object-fit: cover; display: block; }
.block_video_image_text .video_empty { height: 100%; background-color: rgb(238, 240, 245); text-align: center; display: flex; align-items: center; justify-content: center; }
.block_video_image_text .video_text { position: absolute; box-sizing: border-box; padding: 40px; width: 100%; height: 100%; left: 0px; top: 0px; display: flex; color: rgb(255, 255, 255); z-index: 20; pointer-events: none; }
.block_video_image_text .video_text .video_text_content { font-family: var(--title_font_family); letter-spacing: 0.025em; line-height: 1.6; pointer-events: auto; }
.block_video_image_text .video_text .video_text_content .video_title { font-size: var(--font-size); font-weight: 500; line-height: 1.2; }
@media screen and (max-width: 767px) {
  .block_video_image_text .video_text .video_text_content .moble-video-title { font-size: calc(var(--font-size) * 0.75) !important; }
  .block_video_image_text .video_text .video_text_content .subheading { margin-top: 6px; margin-bottom: 14px; }
}
.block_video_image_text .video_text .video_text_content .subheading { font-size: 16px; line-height: 1.7; margin-top: 8px; margin-bottom: 16px; }
.block_video_image_text .video_text .video_text_content .btn { display: inline-block; padding: 8px 12px; line-height: 1.5; font-size: 16px; pointer-events: auto; background-color: transparent !important; color: rgb(255, 255, 255) !important; border: 2px solid rgb(255, 255, 255) !important; }
.block_video_image_text .block_video-mask { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 10; pointer-events: none; }
.block_video_image_text .center-center { align-items: center; justify-content: center; text-align: center; }
.block_video_image_text .center-left { align-items: center; justify-content: start; text-align: left; }
.block_video_image_text .center-right { align-items: center; justify-content: flex-end; text-align: right; }
.block_video_image_text .bottom-left { align-items: flex-end; justify-content: start; text-align: left; }
.block_video_image_text .bottom-center { align-items: flex-end; justify-content: center; text-align: center; }
.block_video_image_text .bottom-right { align-items: flex-end; justify-content: flex-end; text-align: right; }
.block_video .video_empty { background-color: rgb(238, 240, 245); text-align: center; display: flex; align-items: center; justify-content: center; min-height: 400px; }
.block_video iframe { width: 100%; }
.block_video .iframebox { width: 100%; }
.block_video .block_video_content_format_1 { display: flex; align-items: center; }
.block_video .block_video_content_format_1 .block_title { width: 50%; text-align: left; margin: 0px; padding-right: 10%; box-sizing: border-box; }
.block_video .block_video_content_format_2 .block_title { width: 50%; text-align: left; margin: 0px; padding-left: 10%; box-sizing: border-box; }
.block_video .block_video_content_format_1 iframe, .block_video .block_video_content_format_1 .video_empty, .block_video .block_video_content_format_2 iframe, .block_video .block_video_content_format_2 .video_empty { width: 50%; }
.block_video .block_video_content_format_1 iframe { width: 50%; }
.block_video .block_video_content_format_2 { display: flex; align-items: center; flex-direction: row-reverse; }
.block_video .custom_video { width: 100%; }
.block_video .block_video_content_format_1 .custom_video, .block_video .block_video_content_format_2 .custom_video { width: 50%; }
@media (max-width: 767px) {
  .block_video .block_video_content_format_2, .block_video .block_video_content_format_1 { display: block; }
  .block_video .block_video_content_format_2 .block_title { margin-top: 0px; margin-right: 0px; margin-left: 0px; width: 100%; text-align: center; padding: 0px; margin-bottom: calc(var(--general_layout_spacing) * 0.5); }
  .block_video .block_video_content_format_1 .block_title { width: 100%; text-align: center; padding: 0px; margin-bottom: calc(var(--general_layout_spacing) * 0.5); }
  .block_video .block_video_content_format_1 iframe { width: 100%; }
  .block_video .block_video_content_format_1 .video_empty { width: 100%; }
  .block_video .block_video_content iframe { width: 100%; }
  .block_video .block_video_content .video_empty { width: 100%; }
}
.block_video .full_width { width: 100%; margin: 0px; }
.block_slogan { text-align: center; }
.block_slogan .swiper { overflow: hidden; }
@media screen and (min-width: 768px) {
  .block_slogan .swiper-wrapper { gap: 30px; }
  .block_slogan .solgan-flex-item { flex: 1 1 0%; }
}
@media screen and (max-width: 767px) {
  .block_slogan .swiper-wrapper.no_swiper { flex-wrap: wrap; gap: 30px; }
  .block_slogan .swiper-wrapper.no_swiper .solgan-flex-item { width: 100%; }
}
.block_slogan .solgan-flex-item .img_box svg, .block_slogan .solgan-flex-item .img_box img { width: 48px; height: 48px; }
.block_slogan .solgan-flex-item .img_box img { object-fit: cover; }
.block_slogan .solgan-flex-item .solgan-flex-item-title { margin-top: 40px; font-size: var(--product_font_size); color: var(--title_color); }
.block_slogan .solgan-flex-item .solgan-flex-item-des { margin-top: 20px; line-height: 20px; color: var(--detail_color); }
.block_slogan .swiper-pagination { position: relative; margin-top: 40px; }
.block_slogan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(0, 0, 0); }
.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; }
}
.block_time_line { word-break: break-word; }
.block_time_line .block_title h2 { color: var(--title-color); }
.block_time_line .block_title .block_detail { color: var(--detail-color); }
.block_time_line .content { padding: var(--padding); background-color: var(--bg-color); }
@media screen and (max-width: 767px) {
  .block_time_line .content { padding: var(--mobile-padding); }
}
.block_time_line .block_detail { margin-left: auto !important; margin-right: auto !important; }
@media screen and (max-width: 767px) {
  .block_time_line .time_line_style1 .content_pc { display: none; }
}
.block_time_line .time_line_style1 .content_pc .swiper { overflow: hidden; padding: 2px 0px; }
.block_time_line .time_line_style1 .content_pc .swiper-wrapper { transition-timing-function: linear; }
.block_time_line .time_line_style1 .content_pc .swiper-slide { min-width: var(--line-width); flex: 1 1 0%; box-sizing: border-box; text-align: center; padding-right: 15px; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .year { font-size: 36px; line-height: 24px; margin-bottom: 15px; font-weight: bold; color: var(--text-color); }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .arrow { height: 20px; background-color: var(--text-color); position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 50px; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .arrow .point { background-color: rgb(255, 255, 255); display: inline-flex; width: 10px; height: 10px; border-radius: 50%; position: relative; justify-content: center; z-index: 0; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .arrow .point::after { position: absolute; left: 0px; top: 0px; transform: translateY(40px); width: 10px; height: 10px; background-color: var(--text-color); border-radius: 50%; content: ""; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .arrow .point::before { content: ""; position: absolute; height: 30px; width: 1px; background-color: var(--text-color); transform: translateY(10px); }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .arrow::before { height: 14px; width: 14px; content: ""; background-color: var(--bg-color, var(--page_background_color)); position: absolute; left: -7px; transform: rotate(45deg); box-sizing: border-box; display: inline-flex; transform-origin: center center; z-index: 0; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .arrow_box .arrow::after { height: 14px; width: 14px; content: ""; background-color: var(--text-color); position: absolute; right: -7px; transform: rotate(45deg); box-sizing: border-box; z-index: 10; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .text_box { padding: 0px 10px; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .text_box .text_title { font-size: 20px; line-height: 26px; margin-bottom: 10px; font-weight: bold; color: var(--text-color); }
.block_time_line .time_line_style1 .content_pc .swiper-slide .text_box .text_detail { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
.block_time_line .time_line_style1 .content_pc .swiper-slide .text_box .text_time { font-size: 14px; line-height: 20px; color: var(--text-color); }
.block_time_line .time_line_style1 .content_mobile img { width: 100%; object-fit: cover; }
@media screen and (min-width: 768px) {
  .block_time_line .time_line_style1 .content_mobile { display: none; }
}
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item { display: flex; column-gap: 20px; margin-bottom: 14px; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .left { display: flex; align-items: center; flex-direction: column; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .left .point { width: 20px; height: 20px; position: relative; display: inline-flex; align-items: center; justify-content: center; background-color: var(--text-color); border-radius: 50%; margin-bottom: 6px; z-index: 10; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .left .point::before { content: ""; position: absolute; width: 8px; height: 8px; background-color: rgb(255, 255, 255); border-radius: 50%; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .left .arrow { background-color: var(--text-color); flex: 1 1 0%; position: relative; width: 12px; display: flex; justify-content: center; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .left .arrow::before { width: 8px; height: 8px; content: ""; position: absolute; transform: rotate(45deg); transform-origin: center center; background-color: var(--bg-color, var(--page_background_color)); top: -4px; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .left .arrow::after { width: 8px; height: 8px; content: ""; position: absolute; transform: rotate(45deg); transform-origin: center center; background-color: var(--text-color); bottom: -4px; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right { flex: 1 1 0%; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .year { font-size: 36px; line-height: 24px; color: var(--text-color); margin-bottom: 15px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .year .icon { display: flex; align-items: center; opacity: 0.7; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .year .icon svg { width: 16px; height: 16px; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .year .icon svg path { fill: var(--text-color); }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .year .icon .text_time { font-size: 14px; line-height: 20px; margin-left: 6px; font-weight: 400; }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .text_title { font-size: 20px; line-height: 24px; margin-bottom: 10px; font-weight: bold; color: var(--text-color); }
.block_time_line .time_line_style1 .content_mobile .mobile_time_line .mobile_time_line_item .item .right .text_detail { font-size: 14px; line-height: 20px; margin-bottom: 30px; }
.block_time_line .time_line_style2 .open_more { transition: 0.5s; }
.block_time_line .time_line_style2 .content_pc { overflow: hidden; }
.block_time_line .time_line_style2 .content_pc.open_more { height: 645px; }
@media screen and (max-width: 767px) {
  .block_time_line .time_line_style2 .content_pc { display: none; }
}
.block_time_line .time_line_style2 .content_pc .time_line_item { display: flex; column-gap: 20px; padding-bottom: 80px; justify-content: center; text-align: right; color: var(--text-color); }
.block_time_line .time_line_style2 .content_pc .time_line_item:last-child { padding-bottom: 0px; }
.block_time_line .time_line_style2 .content_pc .time_line_item .line::after { content: ""; position: absolute; height: calc(100% + 80px); width: 1px; background-color: var(--text-color); opacity: 0.2; top: 0px; }
.block_time_line .time_line_style2 .content_pc .time_line_item:first-child .line::after { content: ""; position: absolute; height: calc(50% + 80px); width: 1px; background-color: var(--text-color); opacity: 0.2; top: 50%; }
.block_time_line .time_line_style2 .content_pc .time_line_item:last-child .line::after { content: ""; position: absolute; height: 50%; width: 1px; background-color: var(--text-color); opacity: 0.2; top: 0px; }
.block_time_line .time_line_style2 .content_pc .time_line_item.img_left { text-align: left; flex-direction: row-reverse; }
.block_time_line .time_line_style2 .content_pc .time_line_item.img_left .right { justify-content: flex-end; }
.block_time_line .time_line_style2 .content_pc .time_line_item .left { flex: 1 1 0%; display: flex; justify-content: center; flex-direction: column; font-size: 14px; }
.block_time_line .time_line_style2 .content_pc .time_line_item .left .year { font-size: var(--title_font_size); font-weight: bold; margin-bottom: 10px; }
.block_time_line .time_line_style2 .content_pc .time_line_item .left .text_title { font-size: 16px; font-weight: bold; margin-bottom: 11px; }
.block_time_line .time_line_style2 .content_pc .time_line_item .left .text_detail { margin-bottom: 10px; }
.block_time_line .time_line_style2 .content_pc .time_line_item .line { width: 9px; display: flex; align-items: center; justify-content: center; position: relative; }
.block_time_line .time_line_style2 .content_pc .time_line_item .line .point { width: 9px; height: 18px; display: inline-flex; align-items: center; position: relative; z-index: 2; background-color: var(--bg-color, var(--page_background_color)); }
.block_time_line .time_line_style2 .content_pc .time_line_item .line .point span { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background-color: var(--text-color); }
.block_time_line .time_line_style2 .content_pc .time_line_item .right { display: flex; align-items: center; flex: 1 1 0%; }
.block_time_line .time_line_style2 .content_pc .time_line_item .right img { max-width: 100%; max-height: 250px; object-fit: cover; }
.block_time_line .time_line_style2 .content_mobile { overflow: hidden; }
.block_time_line .time_line_style2 .content_mobile.open_more { height: 645px; }
@media screen and (min-width: 768px) {
  .block_time_line .time_line_style2 .content_mobile { display: none; }
}
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item { display: flex; column-gap: 10px; padding-bottom: 30px; color: var(--text-color); }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item:last-child { padding-bottom: 0px; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item:not(.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item:last-child) .line::after { content: ""; position: absolute; height: calc(100% + 30px); width: 1px; background-color: var(--text-color); opacity: 0.2; top: 24.5px; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .line { width: 9px; display: flex; justify-content: center; position: relative; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .line .point { width: 9px; height: 18px; position: relative; display: inline-flex; align-items: center; top: 17px; z-index: 2; background-color: var(--bg-color, var(--page_background_color)); }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .line .point span { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background-color: var(--text-color); }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .right { flex: 1 1 0%; display: flex; justify-content: center; flex-direction: column; font-size: 14px; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .right img { max-width: 100%; object-fit: cover; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .right .year { font-size: calc(var(--title_font_size) * var(--wap_title_scale)); font-weight: bold; margin-bottom: 10px; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .right .text_title { font-size: 16px; font-weight: bold; margin-top: 15px; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .right .text_detail { margin-top: 11px; }
.block_time_line .time_line_style2 .content_mobile .mobile_time_line_item .right .text_item { margin-top: 10px; }
.block_time_line .time_line_style2 .more_btn { justify-content: center; display: flex; margin-top: calc(var(--general_layout_spacing) * 0.5); }
.block_time_line .time_line_style2 .more_btn a { margin: 0px; }
.block_time_line .time_line_style2 .more_btn .secondary_btn.close { display: none; }
.graphic-warp { margin: 0px auto; max-width: var(--general_layout_width); }
.graphic-warp.graphic-warp--fill { max-width: none; width: 100%; }
.graphic-warp .graphic-list { display: grid; flex-wrap: wrap; grid-template-columns: repeat(var(--pc-number), 1fr); gap: calc(var(--graphic-card-gap, 30) * 1px); }
.graphic-warp .graphic-list .graphic-item { width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.graphic-warp .graphic-list .graphic-item > .graphic-item-img { width: 100%; }
.graphic-warp .graphic-list .graphic-item .graphic-item-image { display: block; vertical-align: top; width: 100%; height: auto; margin-bottom: 30px; }
.graphic-warp .graphic-list .graphic-item .graphic-item-title { display: block; font-weight: bold; margin-bottom: 10px; color: var(--title_color); font-size: var(--product_font_size); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
.graphic-warp .graphic-list .graphic-item .graphic-item-des { margin-bottom: 10px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: var(--detail_color); }
.graphic-warp .graphic-list .graphic-item .graphic-item-more { font-weight: 400; color: rgb(29, 31, 33); font-size: 14px; line-height: 24px; margin-top: 20px; }
.graphic-warp.graphic-font-left .graphic-item { align-items: flex-start; text-align: left; }
.graphic-warp.graphic-font-right .graphic-item { align-items: flex-end; text-align: right; }
.graphic-warp.graphic-font-center .graphic-item { align-items: center; text-align: center; }
.graphic-warp.graphic-font-rigth .graphic-item { align-items: flex-end; }
@media screen and (max-width: 767px) {
  .graphic-warp .graphic-list { grid-template-columns: repeat(var(--mb-number), 1fr); }
  .graphic-warp .graphic-list .graphic-item .graphic-item-image { margin-bottom: 20px; }
}
.graphic-warp--carousel .graphic-carousel-wrap { direction: ltr; display: flex; align-items: center; gap: 8px; }
.graphic-warp--carousel .graphic-carousel-viewport { flex: 1 1 0%; min-width: 0px; }
.graphic-warp--carousel .graphic_list_swiper { width: 100%; overflow: hidden; }
.graphic-warp--carousel .graphic_list_swiper .swiper-slide { box-sizing: border-box; }
.graphic-warp--carousel .swiper-slide .graphic-item { width: 100%; display: flex; flex-direction: column; overflow: hidden; }
.graphic-warp--carousel .swiper-slide .graphic-item .graphic-item-image { display: block; vertical-align: top; width: 100%; height: auto; margin-bottom: 30px; }
@media screen and (max-width: 767px) {
  .graphic-warp--carousel .swiper-slide .graphic-item .graphic-item-image { margin-bottom: 20px; }
}
.graphic-warp--carousel .graphic-carousel-btn { flex-shrink: 0; width: 44px; height: 44px; padding: 0px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50%; background: rgb(255, 255, 255); cursor: pointer; display: flex; align-items: center; justify-content: center; color: rgba(29, 31, 33, 0.75); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 2px; transition: background-color 0.22s, border-color 0.22s, color 0.22s, box-shadow 0.22s, transform 0.22s; }
.graphic-warp--carousel .graphic-carousel-btn:hover { background: rgb(250, 250, 250); border-color: rgba(0, 0, 0, 0.16); color: rgb(29, 31, 33); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; transform: translateY(-2px); }
.graphic-warp--carousel .graphic-carousel-btn:active { transform: translateY(0px) scale(0.96); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; }
.graphic-warp--carousel .graphic-carousel-btn:focus { outline: none; }
.graphic-warp--carousel .graphic-carousel-btn:focus-visible { outline: rgba(29, 31, 33, 0.35) solid 2px; outline-offset: 3px; }
.graphic-warp--carousel .graphic-carousel-btn svg { display: block; transition: transform 0.22s; }
.graphic-warp--carousel .graphic-carousel-btn--prev:hover svg { transform: translateX(-2px); }
.graphic-warp--carousel .graphic-carousel-btn--next:hover svg { transform: translateX(2px); }
@media screen and (max-width: 767px) {
  .graphic-warp--carousel .graphic-carousel-btn { display: none; }
}
.graphic-warp--carousel .graphic_list_swiper_pagination { display: none; margin-top: 12px; text-align: center; position: relative; }
@media screen and (max-width: 767px) {
  .graphic-warp--carousel .graphic_list_swiper_pagination { display: block; }
}
.graphic-warp--carousel .graphic_list_swiper_pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0px 4px; background: rgba(0, 0, 0, 0.14); opacity: 1; vertical-align: middle; }
.graphic-warp--carousel .graphic_list_swiper_pagination .swiper-pagination-bullet-active { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 1px 3px; }
#app_sidebar-wrap { position: fixed; right: 30px; bottom: 80px; z-index: 50090; display: flex; flex-direction: column; align-items: flex-end; width: 55px; }
#app_sidebar-wrap.app_sidebar-mobile #app_sidebarTable-wrap { right: 0px; bottom: 0px; left: 0px; z-index: 2; width: auto; height: auto; margin-bottom: 0px; position: fixed !important; max-height: none !important; }
#app_sidebar-wrap.app_sidebar-mobile #app_sidebarTable-wrap .sidebar-mask { position: fixed; inset: 0px; z-index: -1; background: rgba(0, 0, 0, 0.8); }
#app_sidebar-wrap.app_sidebar-mobile #app_sidebarTable-wrap .sidebarTable_body { margin-bottom: 56px; background-color: rgb(255, 255, 255); }
#app_sidebar-wrap.app_sidebar-mobile #app_sidebarTable-wrap .sidebarTable_foot { position: absolute; bottom: 0px; background-color: rgb(255, 255, 255); }
#app_sidebar-wrap.app-sidebar-classic .sidebar-classic-core-list { position: relative; max-height: 346px; margin-bottom: 18px; overflow: auto; scrollbar-width: none; }
#app_sidebar-wrap.app-sidebar-classic .sidebar-classic-core-list::-webkit-scrollbar { width: 0px; }
#app_sidebar-wrap.app-sidebar-classic .sidebar-classic-core-list li { position: relative; }
#app_sidebar-wrap.app-sidebar-classic .sidebar-classic-core-list li:last-of-type { margin-bottom: 0px; }
#app_sidebar-wrap.app-sidebar-classic .sidebar-scroll-icon-wrap { position: absolute; top: calc(50% - 47.5px); right: -24px; width: 21px; }
@keyframes change-height { 
  100% { height: 0px; }
}
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap .sidebar-classic-core-list { max-height: 346px; margin: 0px; visibility: hidden; opacity: 0; transition: 0.2s linear; transform: translateY(73px); animation: 0s linear 0.2s 1 normal forwards running change-height; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap .sidebar-scroll-icon-wrap { display: none; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap .sidebar-fold-icon { position: relative; z-index: 1; box-sizing: border-box; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap .sidebar-fold-icon .close { width: 38px; height: 38px; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_1 .toolIcon, #app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_1 #backTop { width: 55px; height: 55px; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_2 .toolIcon, #app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_2 #backTop { width: 44px; height: 44px; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_2 .close { width: 28px; height: 28px; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_3 .toolIcon, #app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_3 #backTop { width: 38px; height: 38px; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile .sidebarToolIcon_wrap.size_3 .close { width: 24px; height: 24px; }
#app_sidebar-wrap.app-sidebar-classic.app_sidebar-mobile.app-sidebar-active .sidebar-classic-core-list { margin-bottom: 18px; visibility: visible; opacity: 1; transform: translateY(0px); animation: auto ease 0s 1 normal none running none; }
#app_sidebar-wrap li { list-style: none; }
#app_sidebar-wrap #app_sidebarTable-wrap { z-index: 50; width: 320px; max-height: 430px; margin-bottom: 24px; overflow: hidden; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 6px 0px; }
#app_sidebar-wrap #app_sidebarTable-wrap li { list-style: none; }
#app_sidebar-wrap #backTop:hover svg { fill: red; }
#app_sidebar-wrap .sidebar_icon { display: block; width: 100%; height: 100%; }
#app_sidebar-wrap .sidebar-custom-icon { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
#app_sidebar-wrap .sidebar_footIcon .sidebar-custom-icon { filter: grayscale(1); opacity: 0.65; }
#app_sidebar-wrap .sidebarToolIcon_wrap li { box-sizing: border-box; width: 55px; height: 55px; margin-bottom: 18px; cursor: pointer; }
#app_sidebar-wrap .sidebarToolIcon_wrap li.sidebar-fold-icon, #app_sidebar-wrap .sidebarToolIcon_wrap li#backTop { padding: 2px; }
#app_sidebar-wrap .sidebarToolIcon_wrap li:last-child { margin-bottom: 0px; }
#app_sidebar-wrap .sidebarTable_title { width: 100%; height: 40px; font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); text-align: start; background-color: rgb(36, 47, 72); }
#app_sidebar-wrap .sidebarTable_body { max-height: 332px; overflow: overlay scroll; scrollbar-width: none; }
#app_sidebar-wrap .sidebarTable_rowBox { padding: 10px 0px 10px 18px; opacity: 1; }
#app_sidebar-wrap .sidebar_close { position: absolute; top: 15px; right: 24px; width: 16px; height: 16px; color: rgb(255, 255, 255); cursor: pointer; fill: currentcolor; }
#app_sidebar-wrap .sidebarTable_foot { width: 100%; height: 56px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(238, 238, 238); }
#app_sidebar-wrap .sidebarTable_footBox { padding: 10px; }
#app_sidebar-wrap .sidebarTable_footIcon { display: flex; }
#app_sidebar-wrap .sidebarTable_footIcon > li { width: 36px; height: 36px; padding: 0px 4px; cursor: pointer; }
#app_sidebar-wrap .sidebar_table_row { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 54px; cursor: pointer; }
#app_sidebar-wrap .sidebar_table_row .sidebar-trigger-icon { display: flex; align-items: center; height: 54px; padding: 0px 18px; cursor: pointer; }
#app_sidebar-wrap #input { width: 0px; height: 0px; }
#app_sidebar-wrap .sidebarTable_row_lsft { display: flex; min-width: 0px; }
#app_sidebar-wrap .sidebarAccountUser_icon { display: flex; align-items: center; justify-content: center; }
#app_sidebar-wrap .sidebarAccountUser_icon img { width: 55px; height: 55px; margin-right: 10px; border-radius: 50%; }
#app_sidebar-wrap .sidebarAccount_icon { width: 20px; height: 20px; }
#app_sidebar-wrap .sidebarAccount_icon > svg { width: 100%; height: 100%; }
#app_sidebar-wrap .sidebarAccount_text { display: flex; flex-direction: column; justify-content: center; min-width: 0px; margin-right: 16px; line-height: 15px; }
#app_sidebar-wrap .sidebarAccount_text > div { padding: 5px; text-align: start; word-break: break-all; }
#app_sidebar-wrap .sidebarAccount_text > div:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#app_sidebar-wrap .sidebarAccount_name { font-size: 14px; color: rgb(51, 51, 51); }
#app_sidebar-wrap .sidebarAccount_value { display: flex; align-items: center; font-size: 12px; color: rgb(153, 153, 153); }
#app_sidebar-wrap .sidebarAccount_value .sidebar-trigger-icon { height: auto; padding: 2px; margin-left: 8px; }
#app_sidebar-wrap .sidebarAccount_value .sidebar-trigger-icon .sidebar-iconfont { width: 11px; height: 11px; fill: rgb(153, 153, 153); }
#app_sidebar-wrap .sidebarTable_body::-webkit-scrollbar { width: 5px; height: 5px; }
#app_sidebar-wrap .sidebarTable_body::-webkit-scrollbar-thumb { background: rgb(238, 238, 238); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px inset; }
#app_sidebar-wrap .sidebarTable_body::-webkit-scrollbar-track { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 5px inset; }
#app_sidebar-wrap .sidebarTable_body ::-webkit-scrollbar { display: none; }
#app_sidebar-wrap.slidebar-position-left { right: 1819px; bottom: 80px; left: 30px; }
#app_sidebar-wrap.slidebar-position-left .sidebar-scroll-icon-wrap { left: -24px; }
#app_sidebar-wrap.slidebar-position-left #app_sidebarTable-wrap { position: absolute; bottom: 0px; left: 0px; }
.app-sidebar-accounts-tip { position: fixed; z-index: 100000000; width: 240px; border: 1px solid rgb(228, 231, 237); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; transition: transform 0.08s linear 0.2s; transform: scaleX(0); transform-origin: right center; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap { position: relative; z-index: 1; max-height: 140px; padding: 8px 0px; overflow: auto; background-color: rgb(255, 255, 255); border-radius: 2px; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap::-webkit-scrollbar { display: none; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account { display: flex; align-items: center; height: 56px; padding-left: 16px; font-size: 14px; font-weight: 100; cursor: pointer; transition: background-color 0.2s linear; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account:hover { background-color: rgb(245, 247, 250); }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account img { display: block; width: 35px; height: 35px; margin-right: 8px; border-radius: 50%; object-fit: cover; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account > div { flex: 1 1 0%; min-width: 0px; margin-right: 8px; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account > div p { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account > div .sidebar-account-value { display: flex; align-items: center; font-size: 12px; color: rgb(153, 153, 153); }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account > div .sidebar-account-value span { display: block; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account > div .sidebar-account-value .sidebar-trigger-icon { flex: 0 0 12px; padding: 2px; margin-left: 8px; transform: translateY(1px); }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account > div .sidebar-account-value .sidebar-trigger-icon .sidebar-iconfont { width: 11px; height: 11px; padding: 0px; fill: rgb(153, 153, 153); }
.app-sidebar-accounts-tip .sidebar-accounts-wrap .sidebar-account .sidebar-trigger-icon { display: flex; align-items: center; height: 100%; padding: 0px 16px; }
.app-sidebar-accounts-tip .sidebar-iconfont { width: 20px; height: 20px; }
.app-sidebar-accounts-tip .sidebar-angle { position: absolute; display: block; width: 10px; height: 10px; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-image: none; border-color: rgb(228, 231, 237) rgb(228, 231, 237) transparent transparent; transform: rotate(45deg); }
.app-sidebar-accounts-tip.sidebar-tip-right .sidebar-angle { top: 22px; right: -7px; }
.app-sidebar-accounts-tip.sidebar-tip-left { transform-origin: left center; }
.app-sidebar-accounts-tip.sidebar-tip-left .sidebar-angle { top: 22px; left: -7px; border-color: transparent transparent rgb(228, 231, 237) rgb(228, 231, 237); }
.old-logo-img { max-width: 400px; max-height: 60px; }
@media screen and (max-width: 768px) {
  .old-logo-img { max-width: 180px; }
}
* { margin: 0px; padding: 0px; box-sizing: border-box; }
.musk-header { position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; height: 100px; background: rgb(149, 90, 40); z-index: 99999; transition: 0.35s; padding: 0px 16px; }
.musk-container { width: 100%; height: 100%; display: flex; align-items: center; position: relative; }
.musk-logo { position: static; transform: none; margin: 0px auto; width: 200px; color: rgb(255, 255, 255); font-size: 24px; font-weight: bold; line-height: 1.45; text-align: center; transition: 0.35s; }
.musk-whatsapp { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); background: rgb(34, 197, 94); color: white; padding: 13px 20px; border-radius: 8px; font-size: 16px; text-decoration: none; white-space: nowrap; transition: 0.35s; }
.musk-header.mini { height: 70px; }
.musk-header.mini .musk-logo { width: 160px; font-size: 18px; }
.musk-header.mini .musk-whatsapp { padding: 8px 15px; }
.musk-menu-btn { display: none; }
@media (max-width: 900px) {
  .musk-header { height: 70px; padding: 0px 16px; }
  .musk-container { justify-content: space-between; position: static; }
  .musk-logo { margin: 0px; text-align: right; width: auto; font-size: 17px; }
  .musk-whatsapp { position: static; transform: none; font-size: 14px; padding: 7px 12px; }
  .musk-header.mini .musk-whatsapp { padding: 5px 10px; }
}
#block_blank-12092464 { background-color: var(--bg); height: var(--pc-height); }
@media screen and (max-width: 767px) {
  #block_blank-12092464 { height: var(--mobile-height); }
}
.anniu-box { width: 100%; display: flex; justify-content: center; align-items: center; }
.anniu1 { width: 125px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(135deg, rgb(32, 200, 107), rgb(24, 185, 93)); border-radius: 12px; color: rgb(255, 255, 255); text-decoration: none; font-size: 20px; font-family: Arial, sans-serif; font-weight: 500; direction: rtl; box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 10px; }
.anniu1:hover { opacity: 0.9; }
.anniu-box { width: 100%; display: flex; justify-content: center; align-items: center; }
.anniu1 { width: 125px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(135deg, rgb(32, 200, 107), rgb(24, 185, 93)); border-radius: 12px; color: rgb(255, 255, 255); text-decoration: none; font-size: 20px; font-family: Arial, sans-serif; font-weight: 500; direction: rtl; box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 10px; }
.anniu1:hover { opacity: 0.9; }
.anniu-box { width: 100%; display: flex; justify-content: center; align-items: center; }
.anniu1 { width: 125px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(135deg, rgb(32, 200, 107), rgb(24, 185, 93)); border-radius: 12px; color: rgb(255, 255, 255); text-decoration: none; font-size: 20px; font-family: Arial, sans-serif; font-weight: 500; direction: rtl; box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 10px; }
.anniu1:hover { opacity: 0.9; }
#swiper-12094338 .swiper-wrapper.no_swiper { display: flex !important; gap: 24px !important; padding: 10px 0px !important; align-items: stretch !important; width: 100% !important; }
.swiper-slide.solgan-flex-item { background-color: rgb(248, 247, 224) !important; border-radius: 14px !important; padding: 40px 28px !important; box-sizing: border-box !important; flex: 1 1 0px !important; min-width: 260px !important; display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 410px !important; }
.swiper-slide.solgan-flex-item .img_box { text-align: center !important; margin-bottom: 24px !important; position: relative !important; height: 80px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.swiper-slide.solgan-flex-item .img_box::before { content: ""; position: absolute; width: 80px; height: 80px; background: rgb(237, 233, 205); border-radius: 50%; z-index: 1; }
.swiper-slide.solgan-flex-item .img_box svg { position: relative !important; z-index: 2 !important; }
.swiper-slide.solgan-flex-item .text_box { flex: 1 1 0% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; }
.solgan-flex-item-title { font-size: 24px !important; font-weight: bold !important; text-align: center !important; margin: 0px 0px 20px !important; color: rgb(68, 50, 26) !important; flex-shrink: 0 !important; }
.solgan-flex-item-des { flex: 1 1 0% !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.solgan-flex-item-des p { font-size: 17px !important; line-height: 1.8 !important; margin: 0px !important; color: rgb(51, 51, 51) !important; text-align: center !important; }
.section-contact-us-body { color: var(--text-color); }
.section-contact-us-body-12095852 { background: url("../images/brand.png") center center / cover no-repeat; }
.section-contact-us-body .block_title { padding: 30px 0px; margin-bottom: 0px; }
.section-contact-us-body .block_title h2 { color: var(--text-color); max-width: 880px; margin: 0px auto; text-align: center; }
.section-contact-us-body .block_title .block_detail { color: var(--text-color); opacity: 0.6; text-align: center; margin-top: 10px; }
.contact-us-slide { display: flex; flex-wrap: wrap; row-gap: 30px; }
.contact-us-slide .swiper-slide { width: 50%; height: auto; }
.contact-us-slide .contact-us-slide-item { width: 100%; display: flex; flex-direction: column; align-items: center; font-size: 24px; position: relative; padding: 0px 10px; box-sizing: border-box; color: var(--text-color); }
.contact-us-slide .contact-us-slide-item .slide-item-content { color: var(--text-color); }
.contact-us-slide .contact-us-slide-item svg { width: var(--icon-size) !important; height: var(--icon-size) !important; }
.contact-us-slide .contact-us-slide-item img { object-fit: cover; width: var(--icon-size) !important; height: var(--icon-size) !important; }
.contact-us-slide .contact-us-slide-item svg { width: var(--icon-size) !important; height: var(--icon-size) !important; }
.contact-us-slide .contact-us-slide-item img { object-fit: cover; width: var(--icon-size) !important; height: var(--icon-size) !important; }
.contact-us-slide .contact-us-slide-item .slide-item-name { font-size: 14px; opacity: 0.8; text-align: center; margin-top: 8px; }
.contact-us-slide .contact-us-slide-item .slide-item-content { font-size: 14px; text-align: center; font-weight: bold; margin-top: 5px; width: 100%; }
.section_container { width: 100%; max-width: var(--general_layout_width); margin: 0px auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.contact-us-slide .swiper-slide:nth-child(2n)::after { position: absolute; left: 1px; top: 50%; height: 60px; margin-top: -30px; background-color: var(--text-color); width: 1px; opacity: 0.2; content: ""; }
.contact-us-slide .swiper-slide:last-child::after { position: absolute; right: 1px; top: 50%; height: 60px; margin-top: -30px; background-color: var(--text-color); width: 1px; opacity: 0.2; content: ""; }
.contact-us-swiper { flex: 1 1 0%; overflow: hidden; }
.contact-us-swiper-container { padding: 0px 0px 30px; display: flex; position: relative; }
.contact-us-swiper-container .brand-next, .brand-prev { display: none; }
@media (min-width: 768px) {
  .section-contact-us-body .block_title { padding: 40px 0px; }
  .contact-us-swiper-container .brand-next, .brand-prev path { fill: var(--text-color); }
  .contact-us-swiper-container { padding: 0px 0px 40px; position: relative; }
  .section-contact-us-body-12095852 { background: url("../images/brand.png") center center / cover no-repeat; }
  .contact-us-slide { row-gap: 0px; }
  .section-contact-us-body-12095852 .contact-us-slide .swiper-slide { flex: 1 1 0%; }
  .section_container { padding-left: 0px; padding-right: 0px; }
  .contact-us-slide .swiper-slide + .swiper-slide::after { position: absolute; left: 1px; top: 50%; height: 60px; margin-top: -30px; background-color: var(--text-color); width: 1px; opacity: 0.2; content: ""; }
  .contact-us-swiper-container .brand-next, .brand-prev { padding: 0px 10px; display: flex; z-index: 100; align-items: center; cursor: pointer; }
  .contact-us-swiper-container .contact-us-slide { flex-wrap: nowrap; }
  .contact-us-swiper-container .swiper-button-disabled path { opacity: 0.6; }
}
.full_section_container { width: 100%; }