/*
 * Theme10030 color bindings.
 * This file is loaded after the common section CSS and the theme CSS so
 * configured semantic colors remain effective on every theme page.
 */

html body {
  color: var(--commonWord);
  background-color: var(--commonBackground);
}

html body main,
html body .page-content,
html body .shop-area,
html body .area-noBg {
  background-color: var(--commonBackground);
}

html body .page-header,
html body .page-header .uk-container-expand {
  color: var(--headBackgroundText);
  background-color: var(--headBackground);
  border-color: var(--commonLine);
}

html body .page-header.--two-line .page-header__top-line {
  background-color: var(--topBackground);
}

html body .page-header.--two-line .page-header__contacts-list ul li a,
html body .page-header.--two-line .page-header__social .social__link {
  color: var(--topBackgroundText);
}

html body .page-header.--two-line .page-header__contacts-list ul li a .iconfont,
html body .page-header.--two-line .page-header__social .social__link .uk-icon,
html body .page-header.--two-line .page-header__social .social__link svg {
  color: var(--topIcon);
  fill: currentColor;
}

html body .page-header.--two-line .page-header__social .social__link:hover,
html body .page-header.--two-line .page-header__social .social__link:focus-visible,
html body .page-header.--two-line .page-header__social .social__link:active {
  color: var(--commonButtonText);
  background-color: var(--commonHover);
}

html body .page-header__mainmenu .uk-navbar-nav > li > a,
html body .page-header__mainmenu .uk-navbar-nav .uk-navbar-dropdown a,
html body .page-header__search,
html body .page-header__user a,
html body .header-right a,
html body .header-right a i,
html body .main-menu ul li a,
html body .user-meta > a,
html body .user-meta ul li a {
  color: var(--headBackgroundText);
}

html body .page-header__mainmenu .uk-navbar-nav > li > a:hover,
html body .page-header__mainmenu .uk-navbar-nav > li > a:focus-visible,
html body .page-header__mainmenu .uk-navbar-nav > li.uk-active > a,
html body .page-header__mainmenu .uk-navbar-nav .uk-navbar-dropdown a:hover,
html body .page-header__mainmenu .uk-navbar-nav .uk-navbar-dropdown a:focus-visible,
html body .header-right a:hover,
html body .header-right a:focus-visible,
html body .header-right a:hover i,
html body .user-meta ul li a:hover,
html body .main-menu ul li a:hover {
  color: var(--commonHover);
}

html body .page-header__mainmenu .uk-navbar-nav .uk-navbar-dropdown,
html body .main-menu ul li ul,
html body .user-meta ul,
html body .header-form {
  color: var(--headBackgroundText);
  background-color: var(--headBackground);
  border-color: var(--commonLine);
}

html body .page-header.--two-line .page-header__contacts {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
}

html body .page-header.--two-line .page-header__contacts::before,
html body .page-header.--two-line .page-header__contacts::after {
  border-color: var(--commonButton);
}

html body .page-header.--two-line .contacts-block span,
html body .page-header.--two-line .contacts-block strong {
  color: var(--commonButtonText);
}

html body .page-header__contacts,
html body .page-header__mobile-menu-btn,
html body .page-header__mobile-menu-btn button,
html body .header-bottom-info,
html body .header-bottom-area {
  border-color: var(--commonLine);
}

html body .page-header__mobile-menu-btn button,
html body .page-header__mobile-menu-btn button svg,
html body .meneSetting .menuIcon,
html body .meneSetting .menuIcon i {
  color: var(--headIcon);
}

html body .meneSetting form input {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .meneSetting form input::placeholder {
  color: var(--commonContent);
}

html body .meneSetting form button {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
}

html body .meneSetting form button:hover,
html body .meneSetting form button:focus-visible {
  background-color: var(--commonHover);
}

html body #offcanvas .uk-offcanvas-bar {
  color: var(--headBackgroundText);
  background-color: var(--headBackground);
}

html body #offcanvas .uk-nav-default > li > a,
html body #offcanvas .uk-nav-sub a,
html body #offcanvas .uk-offcanvas-close {
  color: var(--headBackgroundText);
}

html body #offcanvas .uk-nav-default > li > a:hover,
html body #offcanvas .uk-nav-default > li > a:focus-visible,
html body #offcanvas .uk-nav-sub a:hover,
html body #offcanvas .uk-nav-sub a:focus-visible,
html body #offcanvas .uk-offcanvas-close:hover,
html body #offcanvas .uk-offcanvas-close:focus-visible {
  color: var(--commonHover);
}

html body .page-head__title,
html body .topBanner .topBannerTitle,
html body .topBanner .top-banner-title-container .topBanner-title {
  color: var(--commonTitle);
}

html body .topBanner .topBannerSubtitle,
html body .topBanner .top-banner-title-container .topBanner-subtitle {
  color: var(--commonContent);
}

html body .page-head__breadcrumb {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
}

html body .page-head__breadcrumb .uk-breadcrumb > * > *,
html body .page-head__breadcrumb .uk-breadcrumb > :last-child > span,
html body .page-head__breadcrumb .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
  color: var(--commonButtonText);
}

html body .breadcrumb-area-noBg {
  color: var(--commonContent);
  background-color: var(--commonBackground);
  box-shadow: 0 1px 0 0 var(--commonLine);
}

html body .breadcrumb-area-noBg .breadcrumb-list ul li,
html body .breadcrumb-area-noBg .breadcrumb-list ul li a,
html body .breadcrumb-list ul li,
html body .breadcrumb-list ul li a {
  color: var(--commonContent);
}

html body .breadcrumb-area-noBg .breadcrumb-list ul li:last-child,
html body .breadcrumb-area-noBg .breadcrumb-list ul li a:hover,
html body .breadcrumb-area-noBg .breadcrumb-list ul li a:focus-visible {
  color: var(--commonHover);
}

html body main .section-title h3,
html body main .section-title .uk-h2,
html body main .uk-card-title,
html body main .section-article-related .section-title .uk-h2,
html body main .section-article-reviews .section-title .uk-h2 {
  color: var(--commonTitle);
}

html body main .section-title span,
html body main .section-content,
html body main .section-content p,
html body main .uk-card-body p,
html body main .stat-item__text,
html body main .stat-item__title {
  color: var(--commonContent);
}

html body .uk-background-muted,
html body .s-categories,
html body .s-categories .uk-background-muted {
  background-color: var(--commonBackground2);
}

html body .s-categories .uk-card,
html body .s-categories .uk-card-default,
html body .s-categories .uk-card-body {
  background-color: var(--commonBackground);
}

html body .s-categories .uk-card-title,
html body .s-solutions .solution-item__title,
html body .s-stats .stat-item__value {
  color: var(--commonTitle);
}

html body .s-categories .uk-card-body p,
html body .s-solutions .solution-item__intro,
html body .s-stats .stat-item__text {
  color: var(--commonContent);
}

html body .s-categories a.more,
html body .s-categories a.more .uk-icon,
html body .s-solutions a,
html body .s-stats a {
  color: var(--commonWord);
}

html body .s-categories a.more:hover,
html body .s-categories a.more:focus-visible,
html body .s-categories a.more:hover .uk-icon,
html body .s-solutions a:hover,
html body .s-solutions a:focus-visible,
html body .s-stats a:hover,
html body .s-stats a:focus-visible {
  color: var(--commonHover);
}

html body .s-hero__inner {
  background-color: var(--commonButton);
}

html body .s-hero__title,
html body .s-hero__subtitle,
html body .s-hero__search label,
html body .s-hero__slider .swiper-pagination-fraction,
html body .s-hero__slider .swiper-pagination-current {
  color: var(--commonButtonText);
}

html body .s-hero__search input,
html body .search-input input {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .s-hero__search input::placeholder,
html body .search-input input::placeholder {
  color: var(--commonContent);
}

html body .s-hero__search button,
html body .search-btn,
html body .s-hero__search .uk-button {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body .s-hero__search button:hover,
html body .s-hero__search button:focus-visible,
html body .search-btn:hover,
html body .search-btn:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonHover);
  border-color: var(--commonHover);
}

html body .s-reasons-choose {
  background-color: var(--commonTitle);
}

html body .s-reasons-choose .section-title span,
html body .s-reasons-choose .section-title h3,
html body .s-reasons-choose .reason-item__title,
html body .s-reasons-choose .reason-item__text {
  color: var(--commonButtonText);
}

html body #home_video .section-title h3,
html body #home_video .section-title span,
html body #home_video .section-content,
html body #home_video .section-content p {
  color: var(--commonButtonText);
}

html body .btn,
html body .uk-button-danger,
html body .uk-button-primary,
html body .sys_btn,
html body .sys-btn,
html body .productContact,
html body .fourZeroFourBtn,
html body .customize-inquiry .inquiry-form > .btn {
  color: var(--commonButtonText) !important;
  background-color: var(--commonButton) !important;
  border-color: var(--commonButton) !important;
}

html body .btn:hover,
html body .btn:focus,
html body .btn:focus-visible,
html body .btn:active,
html body .uk-button-danger:hover,
html body .uk-button-danger:focus-visible,
html body .uk-button-primary:hover,
html body .uk-button-primary:focus-visible,
html body .sys_btn:hover,
html body .sys_btn:focus-visible,
html body .sys-btn:hover,
html body .sys-btn:focus-visible,
html body .productContact:hover,
html body .productContact:focus-visible,
html body .fourZeroFourBtn:hover,
html body .fourZeroFourBtn:focus-visible,
html body .customize-inquiry .inquiry-form > .btn:hover,
html body .customize-inquiry .inquiry-form > .btn:focus-visible {
  color: var(--commonButtonText) !important;
  background-color: var(--commonHover) !important;
  border-color: var(--commonHover) !important;
}

html body .btn[disabled],
html body .btn:disabled,
html body .customize-inquiry .inquiry-form > .btn[disabled] {
  color: var(--commonContent) !important;
  background-color: var(--commonLine) !important;
  border-color: var(--commonLine) !important;
}

html body .page-footer {
  color: var(--footBackgroundText);
  background-color: var(--footBackground);
}

html body .page-footer__contacts {
  background-color: var(--footBackground);
}

html body .page-footer__contacts p,
html body .page-footer__contacts .contacts-list li,
html body .page-footer__contacts .contacts-list li a,
html body .page-footer__contacts .contacts-list li span,
html body .page-footer__contacts .socialDiv a,
html body .page-footer__menu ul li a,
html body .page-footer__copy,
html body .page-footer__copy span,
html body .page-footer__copy a {
  color: var(--footBackgroundText);
}

html body .page-footer__menu h4,
html body .page-footer__news h4 {
  color: var(--footBackgroundTitle);
}

html body .page-footer__menu h4::after,
html body .page-footer__news h4::after {
  background-color: var(--commonButton);
}

html body .page-footer__menu ul li a:hover,
html body .page-footer__menu ul li a:focus-visible,
html body .page-footer__copy a:hover,
html body .page-footer__copy a:focus-visible {
  color: var(--commonHover);
}

html body .page-footer__bottom,
html body .page-footer__copy a + a {
  border-color: var(--footLine);
}

html body .page-footer__contacts .socialDiv > div a,
html body .contact-page-sidebar .socialDiv > div a {
  color: var(--footIcon);
  border-color: var(--footLine);
}

html body .page-footer__contacts .socialDiv > div a:hover,
html body .page-footer__contacts .socialDiv > div a:focus-visible,
html body .contact-page-sidebar .socialDiv > div a:hover,
html body .contact-page-sidebar .socialDiv > div a:focus-visible,
html body .page-footer__contacts .socialDiv > div a:active,
html body .contact-page-sidebar .socialDiv > div a:active {
  color: var(--commonButtonText);
  background-color: var(--commonHover);
  border-color: var(--commonHover);
}

html body .footerInput input {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .footerInput input::placeholder {
  color: var(--commonContent);
}

html body .footerInput .footerInputBtn {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
}

html body .footerInput .footerInputBtn:hover,
html body .footerInput .footerInputBtn:focus-visible {
  background-color: var(--commonHover);
}

html body .shareInputBox {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .shareInputBox input {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .shareInputBox input::placeholder {
  color: var(--commonContent);
}

html body .shareInputBox .shareInputBtn {
  color: var(--commonButtonText) !important;
  background-color: var(--commonButton) !important;
  border-color: var(--commonButton) !important;
}

html body .shareInputBox .shareInputBtn:hover,
html body .shareInputBox .shareInputBtn:focus-visible,
html body .shareInputBox .shareInputBtn:active {
  color: var(--commonButtonText) !important;
  background-color: var(--commonHover) !important;
  border-color: var(--commonHover) !important;
}

html body .inquiryButton {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
}

html body .inquiryButton:hover,
html body .inquiryButton:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonHover);
}

html body .messenger,
html body .whatsapp,
html body .messenger i,
html body .whatsapp i {
  color: var(--commonButtonText);
}

html body .productListTitle,
html body .productListTitle h2,
html body .productTagTitle,
html body .productListGroupItemLeft h2,
html body .productList_product_contect .productName,
html body .productList_product_contect .productName:hover,
html body .tagListCommonTitle {
  color: var(--commonTitle);
}

html body .productListDesc,
html body .productListGroupItemTop,
html body .productList_product_contect .productDesc,
html body .productList_product_contect .productDesc p,
html body .productListGroupItemLeft,
html body .productFont {
  color: var(--commonContent);
}

html body .productListGroupItemTop {
  background-color: var(--commonBackground2);
}

html body .productListGroupItemTop a,
html body .productList_product_contect .productListGroupItemRight {
  color: var(--commonWord);
}

html body .productList_product_contect .price {
  color: var(--commonPrice);
}

html body .productListGroupItemTop a:hover,
html body .productListGroupItemTop a:focus-visible,
html body .productList_product_contect .productName:hover {
  color: var(--commonHover);
}

html body .productList_product_contect,
html body .productList_product_contect .productButton .buyBtn,
html body .productTagList .tagItem,
html body .tagList .tagItem,
html body .productBottomPagination a,
html body .productListGroupItemLeft .dropdown .dropdownInput {
  border-color: var(--commonLine);
}

html body .productList_product_contect .productButton .buyBtn {
  color: var(--commonWord);
}

html body .productList_product_contect .productButton .buyBtn:hover,
html body .productList_product_contect .productButton .buyBtn:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body .display-style-container > span {
  color: var(--commonIcon);
}

html body .productListGroupItem
  input[type="radio"][name="display-style"][value="style-1"]:checked
  ~ .productListGroupItemTop
  .display-style-container
  .icon-ic_threeColumns,
html body .productListGroupItem
  input[type="radio"][name="display-style"][value="style-2"]:checked
  ~ .productListGroupItemTop
  .display-style-container
  .icon-ic_column {
  color: var(--commonButton);
}

html body .sidebarWidgetTitle {
  color: var(--commonTitle);
}

html body .sidebarWidgetLine {
  background-color: var(--commonLine);
}

html body .productNav a {
  color: var(--commonWord);
}

html body .productNav .nav-item .nav-link,
html body .productNav .dropdown-menu .dropdown-item {
  color: var(--commonContent);
}

html body .productNav a:hover,
html body .productNav .nav-item .nav-link:hover,
html body .productNav .dropdown-menu .dropdown-item:hover {
  color: var(--commonHover);
}

html body .recent-product .leftMenuProductName {
  color: var(--commonTitle);
}

html body .recent-product .price {
  color: var(--commonPrice);
}

html body .contact-details .contact-list li i {
  color: var(--commonIcon);
}

html body .contact-details .contact-list li .words,
html body .contact-details .contact-list li .words a {
  color: var(--commonContent);
}

html body .contact-details .contact-list li .words a:hover,
html body .contact-details .contact-list li .words a:focus-visible {
  color: var(--commonHover);
}

html body .productTagList .tagItem,
html body .tagList .tagItem {
  color: var(--commonWord);
}

html body .productTagList .tagItem:hover,
html body .productTagList .tagItem:focus-visible,
html body .tagList .tagItem:hover,
html body .tagList .tagItem:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body .productBottomPagination .pagination .active a,
html body .uk-pagination > .uk-active > * {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body .productBottomPagination a {
  color: var(--commonWord);
}

html body .product-container .product-detail-content {
  background-color: var(--commonBackground);
}

html body .product-container .product-detail-content .product-name,
html body .product-container .product-detail-content .fob-price .min-price,
html body .product-container .skuSpec-wrapper .spec-wrapper .selected-label,
html body .product-container .skuSpec-wrapper .spec-wrapper .spec-list .spec-label,
html body .product-container .productAttTitel,
html body .product-container .relatedProductTitle {
  color: var(--commonTitle);
}

html body .product-container .product-detail-content .price,
html body .product-container .product-detail-content .fob-price .price,
html body .product-container .skuSpec-wrapper .skuPrice-list .skuPrice-item .price {
  color: var(--commonPrice);
}

html body .product-container .product-detail-content .price-list .price-item .quantity,
html body .product-container .product-detail-content .fob-price .unit,
html body .product-container .product-detail-content .product-des,
html body .product-container .skuSpec-wrapper .skuPrice-list .skuPrice-item .interval,
html body .product-container .productAttText {
  color: var(--commonContent);
}

html body .product-container .product-detail-content .product-des,
html body .product-container .productDetailsImgList .imgItem,
html body .product-container .product-tab-desc,
html body .product-container ul.pro-details-tab,
html body .product-container .skuSpec-wrapper .spec-wrapper .spec-list .spec-img,
html body .product-container .skuSpec-wrapper .spec-wrapper .spec-list .spec-label,
html body .product-container .skuSpec-wrapper .spec-wrapper .spec-quantity {
  border-color: var(--commonLine);
}

html body .product-container .inquiryBasket,
html body .productDetail-share label {
  color: var(--commonContent);
}

html body .productDetail-share a i,
html body .productDetail-share .iconfont {
  color: var(--commonIcon);
}

html body .product-container .productDetailBtn,
html body .product-container .skuSpec-wrapper .shopping-btn-group .butNow-btn {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body .product-container .skuSpec-wrapper .shopping-btn-group .addToCart-btn {
  color: var(--commonButton);
  background-color: transparent;
  border-color: var(--commonButton);
}

html body .product-container .productDetailBtn:hover,
html body .product-container .productDetailBtn:focus-visible,
html body .product-container .productDetailBtn:active,
html body .product-container .skuSpec-wrapper .shopping-btn-group .butNow-btn:hover,
html body .product-container .skuSpec-wrapper .shopping-btn-group .butNow-btn:focus-visible,
html body .product-container .skuSpec-wrapper .shopping-btn-group .butNow-btn:active,
html body .product-container .skuSpec-wrapper .shopping-btn-group .addToCart-btn:hover,
html body .product-container .skuSpec-wrapper .shopping-btn-group .addToCart-btn:focus-visible,
html body .product-container .skuSpec-wrapper .shopping-btn-group .addToCart-btn:active {
  color: var(--commonButtonText) !important;
  background-color: var(--commonHover);
  border-color: var(--commonHover);
}

html body .product-container .productDetailsImgList .imgItem:hover,
html body .product-container .productDetailsImgList .imgItem.active,
html body .product-container .skuSpec-wrapper .spec-wrapper .spec-list .active .spec-img,
html body .product-container .skuSpec-wrapper .spec-wrapper .spec-list .active .spec-label {
  border-color: var(--commonButton);
}

html body .product-container ul.pro-details-tab li a {
  color: var(--commonWord);
}

html body .product-container ul.pro-details-tab li a:hover,
html body .product-container ul.pro-details-tab li a:focus-visible,
html body .product-container ul.pro-details-tab li.active {
  color: var(--commonHover);
  border-color: var(--commonButton);
}

html body .product-container ul.pro-details-tab li.active a {
  color: var(--commonButton);
}

html body .new-item__title h4,
html body .article-full__title,
html body .article-intro__title {
  color: var(--commonTitle);
}

html body .new-item__title span,
html body .article-full__info,
html body .article-full__info > *,
html body .article-full__date,
html body .article-full__content,
html body .article-full__content p,
html body .article-full__bottom,
html body .new-item__box {
  color: var(--commonContent);
}

html body .new-item__date,
html body .article-full__info > * i,
html body .article-full__info > * svg {
  color: var(--commonButton);
}

html body .new-item__box:hover .new-item__title h4,
html body .new-item__box:focus-visible .new-item__title h4,
html body .new-item__box:hover .new-item__date,
html body .new-item__box:focus-visible .new-item__date,
html body .article-full__content a:hover,
html body .article-full__content a:focus-visible {
  color: var(--commonHover);
}

html body .blogPagination a {
  color: var(--commonWord);
  border-color: var(--commonLine);
}

html body .blogPagination .active a,
html body .blogPagination a:hover,
html body .blogPagination a:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body .article-full__info > *,
html body .article-full__bottom,
html body .article-full__content blockquote {
  border-color: var(--commonLine);
}

html body .article-full__bottom .social__link,
html body .article-intro__bottom .social__link,
html body .article-full__bottom .social-share-icon,
html body .article-intro__bottom .social-share-icon {
  color: var(--commonIcon);
  background-color: var(--commonBackground2);
  border-color: var(--commonLine);
}

html body .article-full__bottom .social__link:hover,
html body .article-full__bottom .social__link:focus-visible,
html body .article-intro__bottom .social__link:hover,
html body .article-intro__bottom .social__link:focus-visible,
html body .article-full__bottom .social-share-icon:hover,
html body .article-full__bottom .social-share-icon:focus-visible,
html body .article-intro__bottom .social-share-icon:hover,
html body .article-intro__bottom .social-share-icon:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonHover);
  border-color: var(--commonHover);
}

html body .contact-page-sidebar {
  color: var(--footBackgroundText) !important;
  background-color: var(--commonTitle);
}

html body .contact-page-sidebar p,
html body .contact-page-sidebar .contacts-list li,
html body .contact-page-sidebar .contacts-list li a,
html body .contact-page-sidebar .contacts-list li span {
  color: var(--footBackgroundText);
}

html body .contact-page-sidebar .contacts-list .label {
  color: var(--commonButton);
}

html body .contact-page-sidebar .block-form,
html body .contact-page-box .block-form {
  color: var(--commonWord);
}

html body .contact-page-box input,
html body .contact-page-box textarea,
html body .customize-inquiry .item-input,
html body .customize-inquiry .item-textarea,
html body .customize-inquiry .item-select {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .contact-page-box input::placeholder,
html body .contact-page-box textarea::placeholder,
html body .customize-inquiry .item-input::placeholder,
html body .customize-inquiry .item-textarea::placeholder {
  color: var(--commonContent);
}

html body .customize-inquiry,
html body .customize-inquiry .inquiry-form,
html body .customize-inquiry .inquiry-form .item-con {
  color: var(--commonWord);
}

html body .customize-inquiry .inquiry-form .form-item .item-label {
  color: var(--commonWord) !important;
}

html body .customize-inquiry .inquiry-form .empty-tip,
html body .product-container .outOfRange,
html body .product-container .error-tips {
  color: var(--commonHot);
}

html body .policyPage .policyTitle,
html body .fourZeroFour .fourZeroFourTitle {
  color: var(--commonTitle);
}

html body .policyPage .policyText,
html body .fourZeroFour .fourZeroFourText {
  color: var(--commonContent);
}

html body .policyPage a,
html body .fourZeroFour a {
  color: var(--commonButton);
}

html body .policyPage a:hover,
html body .policyPage a:focus-visible,
html body .fourZeroFour a:hover,
html body .fourZeroFour a:focus-visible {
  color: var(--commonHover);
}

html body .modal-content,
html body #productModal .contactDiglog {
  color: var(--commonWord);
  background-color: var(--commonBackground);
}

html body #productModal .modal-header-title {
  color: var(--commonTitle);
}

html body #productModal .contactContent {
  color: var(--commonContent);
}

html body #productModal .contact-header i {
  color: var(--commonIcon);
}

html body .searchEmptyText {
  color: var(--commonContent);
}

html body input:focus,
html body textarea:focus,
html body select:focus,
html body input:focus-visible,
html body textarea:focus-visible,
html body select:focus-visible {
  border-color: var(--commonHover);
  outline-color: var(--commonHover);
}

@media only screen and (max-width: 991px) {
  html body .page-header__mainmenu .uk-navbar-nav > li > a,
  html body .page-header__mainmenu .uk-navbar-nav .uk-navbar-dropdown a,
  html body .header-right a,
  html body .header-right a i {
    color: var(--headBackgroundText);
  }

  html body .page-header__mobile-menu-btn,
  html body .page-header__mobile-menu-btn button {
    color: var(--headIcon);
    border-color: var(--commonLine);
  }

  html body .page-header__contacts-list ul li a,
  html body .page-header__social .social__link {
    color: var(--topBackgroundText);
  }

  html body .page-head__title {
    color: var(--commonTitle);
  }

  html body .page-footer__contacts,
  html body .page-footer__menu,
  html body .page-footer__news {
    color: var(--footBackgroundText);
  }

  html body .productList_product_contect .productDesc {
    color: var(--commonContent);
  }
}

/*
 * Specificity-sensitive bindings.
 * Product, section and common-page CSS can be loaded after this file, so
 * these selectors intentionally mirror the more specific source selectors.
 */
:root {
  --swiper-theme-color: var(--commonButton);
}

html body .productList_product_contect .productButton .btn:hover,
html body .productList_product_contect .productButton .btn:focus,
html body .productList_product_contect .productButton .btn:focus-visible,
html body .productList_product_contect .productButton .btn:active,
html body .product-container .productDetailBtn:hover,
html body .product-container .productDetailBtn:focus,
html body .product-container .productDetailBtn:focus-visible,
html body .product-container .productDetailBtn:active {
  color: var(--commonButtonText) !important;
  background-color: var(--commonHover) !important;
  border-color: var(--commonHover) !important;
}

html body .product-container .product-detail-content .price-list .price-item .price {
  color: var(--commonPrice);
}

html body .product-container .skuSpec-wrapper .spec-wrapper .outOfRange,
html body .product-container .skuSpec-wrapper .spec-wrapper .error-tips {
  color: var(--commonHot);
}

html body .product-container .videoShadow i {
  color: var(--commonButtonText);
}

html body .s-categories a.more span {
  color: var(--commonWord);
}

html body .s-categories a.more:hover span,
html body .s-categories a.more:focus-visible span {
  color: var(--commonHover) !important;
}

html body .s-solutions .solution-item__title h3,
html body .s-solutions .solution-item__title span {
  color: var(--commonButtonText);
}

html body .s-solutions .solution-item__link,
html body .s-solutions .solution-item__link a.more,
html body .s-solutions .solution-item__link a.more span {
  color: var(--commonButtonText);
}

html body .s-solutions .solution-item__link .uk-icon {
  color: var(--commonButton);
}

html body .s-solutions .solution-item__link a.more .uk-icon {
  color: var(--commonButton);
}

html body .s-solutions .solution-item__link a.more .uk-icon svg,
html body .s-solutions .solution-item__link a.more .uk-icon svg * {
  color: var(--commonButton);
  stroke: currentColor;
}

html body .s-solutions .solution-item__link a.more:hover,
html body .s-solutions .solution-item__link a.more:focus-visible,
html body .s-solutions .solution-item__link a.more:hover span,
html body .s-solutions .solution-item__link a.more:focus-visible span {
  color: var(--commonHover) !important;
}

html body .s-video__link {
  background-color: var(--commonButton);
  outline-color: var(--commonButton) !important;
}

html body .s-video__link:hover,
html body .s-video__link:focus-visible,
html body .s-video__link:active {
  background-color: var(--commonHover);
  outline-color: var(--commonHover) !important;
}

html body .slider-nav .swiper-button-prev,
html body .slider-nav .swiper-button-next {
  color: var(--commonButtonText);
  border-color: var(--commonLine);
}

html body .slider-nav .swiper-button-prev::before,
html body .slider-nav .swiper-button-next::before {
  color: var(--commonButtonText);
}

html body .slider-nav .swiper-button-prev:hover,
html body .slider-nav .swiper-button-prev:focus-visible,
html body .slider-nav .swiper-button-prev:active,
html body .slider-nav .swiper-button-next:hover,
html body .slider-nav .swiper-button-next:focus-visible,
html body .slider-nav .swiper-button-next:active {
  color: var(--commonButtonText);
  background-color: var(--commonHover);
  border-color: var(--commonHover);
}

html body .slider-nav .swiper-button-prev:hover::before,
html body .slider-nav .swiper-button-prev:focus-visible::before,
html body .slider-nav .swiper-button-prev:active::before,
html body .slider-nav .swiper-button-next:hover::before,
html body .slider-nav .swiper-button-next:focus-visible::before,
html body .slider-nav .swiper-button-next:active::before {
  color: var(--commonButtonText);
}

html body .swiper-pagination-horizontal .swiper-pagination-bullet {
  background-color: var(--commonLine);
}

html body .swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background-color: var(--commonButton);
}

html body .uk-dotnav > * > * {
  background-color: var(--commonLine);
}

html body .uk-dotnav > .uk-active > * {
  background-color: var(--commonButton);
}

html body .s-stats .stat-item,
html body .s-stats-w .stat-item {
  border-color: var(--commonLine);
  border-right-color: var(--commonButton);
  background-color: var(--commonBackground2);
}

html body .s-stats .stat-item:hover,
html body .s-stats .stat-item:focus-within,
html body .s-stats .stat-item.stat-item-black,
html body .s-stats-w .stat-item:hover {
  background-color: var(--commonTitle);
}

html body .s-stats .stat-item .stat-item__title,
html body .s-stats .stat-item .stat-item__value {
  color: var(--commonTitle);
}

html body .s-stats .stat-item .stat-item__text {
  color: var(--commonContent);
}

html body .s-stats .stat-item:hover .stat-item__title,
html body .s-stats .stat-item:hover .stat-item__value,
html body .s-stats .stat-item:hover .stat-item__text,
html body .s-stats .stat-item.stat-item-black .stat-item__title,
html body .s-stats .stat-item.stat-item-black .stat-item__value {
  color: var(--commonButtonText);
}

html body .new-item__box {
  border-color: var(--commonLine);
  background-color: var(--commonBackground);
}

html body .new-item__body {
  background-color: var(--commonBackground2);
}

html body .new-item__title span {
  color: var(--commonContent);
}

html body .new-item__title h4 {
  color: var(--commonTitle);
}

html body .s-team {
  background-color: var(--commonBackground2);
}

html body .team-user__body {
  background-color: var(--commonBackground);
}

html body .team-user__name {
  color: var(--commonTitle);
}

html body .team-user__position {
  color: var(--commonContent);
}

html body .team-user:hover .team-user__body,
html body .team-user:focus .team-user__body,
html body .team-user:active .team-user__body,
html body .team-user.nice-select.open .team-user__body {
  background-color: var(--commonTitle);
}

html body .team-user:hover .team-user__name,
html body .team-user:hover .team-user__position,
html body .team-user:focus .team-user__name,
html body .team-user:focus .team-user__position,
html body .team-user:active .team-user__name,
html body .team-user:active .team-user__position,
html body .team-user.nice-select.open .team-user__name,
html body .team-user.nice-select.open .team-user__position {
  color: var(--commonButtonText);
}

html body .feature-items::before {
  background-color: var(--commonBackground2);
}

html body .feature-item__box {
  border-left-color: var(--commonTitle);
  background-color: var(--commonBackground);
}

html body .feature-item__icon [class^="icon-"] {
  color: var(--commonButton);
}

html body .feature-item__title {
  color: var(--commonTitle);
}

html body .feature-item__box .feature-item__title:hover {
  color: var(--commonHover);
}

html body .feature-item__text {
  color: var(--commonContent);
  border-top-color: var(--commonLine);
}

html body .feature-item__more a {
  color: var(--commonWord);
  border-color: var(--commonLine);
  background-color: var(--commonBackground2);
}

html body .feature-item:hover .feature-item__box {
  border-color: var(--commonButton);
}

html body .feature-item:hover .feature-item__more a {
  color: var(--commonButtonText);
  border-color: var(--commonTitle);
  background-color: var(--commonTitle);
}

html body .article-full__content blockquote {
  color: var(--commonContent);
  border-left-color: var(--commonButton);
  background-color: var(--commonBackground2);
}

html body .article-full__content blockquote .user strong {
  color: var(--commonTitle);
}

html body .article-full__content blockquote .user span {
  color: var(--commonContent);
}

html body .customize-inquiry .inquiry-form .form-item .item-label .is-required {
  color: var(--commonHot);
}

html body #productContactDetail #productContactName {
  color: var(--commonTitle);
}

html body #productContactDetail #productContactPrice {
  color: var(--commonPrice);
}

html body .productFileUp .upImg,
html body .productShareLink .upImg {
  color: var(--commonButton);
}

html body .shop-area #document-download > h2,
html body .shop-area #document-download > ul > li > .document-info > h3 {
  color: var(--commonTitle);
}

html body .shop-area #document-download > ul > li {
  border-color: var(--commonLine);
}

html body .shop-area #document-download > ul > li:hover {
  background-color: var(--commonBackground2);
}

html body .shop-area #document-download > ul > li > .document-info > div > span {
  color: var(--commonButton);
}

html body .shop-area #document-download > ul > li > .document-info > div > span:hover,
html body .shop-area #document-download > ul > li > .document-info > div > span:focus-visible {
  color: var(--commonHover);
}

html body .product-container .ProductAttr-title,
html body .shop-area .ProductAttr .ProductAttr-title {
  color: var(--commonTitle);
}

html body .product-container .ProductAttr-text,
html body .shop-area .ProductAttr .ProductAttr-text {
  color: var(--commonContent);
}

html body .product-container .product-tab-desc table,
html body .product-container .product-tab-desc table td,
html body .product-container .questionAnswer textarea,
html body .product-container .questionAnswer .questionAnswerList,
html body .product-container .questionAnswer .questionAnswerItem .qaLine,
html body .product-container .reviewsTop,
html body .product-container .reviewsDetail .reviewsDetailList {
  border-color: var(--commonLine);
}

html body .product-container .questionAnswer textarea {
  color: var(--commonWord);
  background-color: var(--commonBackground);
}

html body .product-container .questionAnswer .questionAnswerItem .qaTitle {
  color: var(--commonTitle);
  background-color: var(--commonBackground2);
}

html body .product-container .questionAnswer .questionAnswerItem .qaText,
html body .product-container .questionAnswer .questionAnswerItem .qaTime,
html body .product-container .reviewsDetail .reviewsDetailList .reviewsListTop .reviewsDetailList_time,
html body .product-container .reviewsDetail .reviewsDetailList .reviewsListInformation .countryName {
  color: var(--commonContent);
}

html body .product-container .questionAnswer .questionAnswerItem .qaRight .qaText,
html body .product-container .reviewsDetail .reviewsListContcet,
html body .product-container .reviewsDetail .buyerName {
  color: var(--commonWord);
}

html body .product-container .relatedProduct .relatedProductListItem a {
  color: var(--commonTitle);
}

html body .product-container .relatedProduct .relatedProductListItem a:hover,
html body .product-container .relatedProduct .relatedProductListItem a:focus-visible {
  color: var(--commonHover);
}

html body .product-container .relatedProduct .relatedProductListItem .price {
  color: var(--commonPrice);
}

html body .freight-modal .modal-header-new {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .freight-modal .modal-content .modal-header-new .header-title {
  color: var(--commonTitle);
}

html body .freight-modal .modal-content .modal-header-new .icon-ic_closure {
  color: var(--commonIcon);
}

html body .freight-modal .modal-content .modal-body .table-con .table-header {
  background-color: var(--commonBackground2);
}

html body .freight-modal .modal-content .modal-body .table-con .table-header .header-item,
html body .freight-modal .modal-content .modal-body .table-con .table-body .body-item .item {
  color: var(--commonContent);
}

html body .freight-modal .modal-content .modal-body .table-con .table-body .body-item .item {
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .freight-modal .modal-content .modal-footer .apply-btn {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
}

html body .freight-modal .modal-content .modal-footer .apply-btn:hover,
html body .freight-modal .modal-content .modal-footer .apply-btn:focus-visible {
  background-color: var(--commonHover);
}

html body .inquiry-table-header,
html body .selectDataHeader {
  color: var(--commonWord);
  background-color: var(--commonBackground2);
}

html body .inquiry-item,
html body .inquiryListNull {
  border-color: var(--commonLine);
}

html body .inquiry-item .inquiry-item-left .inquiry-item-left-desc .detail {
  color: var(--commonTitle);
}

html body .inquiry-item .inquiry-item-left .inquiry-item-left-desc .price {
  color: var(--commonPrice);
}

html body .inquiry-item .inquiry-item-left .inquiry-item-left-desc .skuList {
  color: var(--commonContent);
}

html body .inquiry-item .inquiry-item-center span {
  color: var(--commonHot);
  border-color: var(--commonHot);
}

html body .inquiry-item .inquiry-item-right {
  color: var(--commonWord);
}

html body .inquiry-item .inquiry-item-right input {
  color: var(--commonWord);
  background-color: var(--commonBackground);
  border-color: var(--commonLine);
}

html body .inquiryPagination .inquiryPaginationBtn {
  color: var(--commonButton);
  background-color: var(--commonBackground);
  border-color: var(--commonButton);
}

html body .inquiryPagination .inquiryPaginationBtnActive,
html body .inquiryPagination .inquiryPaginationBtn:hover,
html body .inquiryPagination .inquiryPaginationBtn:focus-visible {
  color: var(--commonButtonText);
  background-color: var(--commonButton);
  border-color: var(--commonButton);
}

html body #inquiryModal .contactDiglog {
  color: var(--commonWord);
  background-color: var(--commonBackground);
}

html body #inquiryModal .contactDiglog .contact-header .modal-header-title {
  color: var(--commonTitle);
}

html body #inquiryModal .contactDiglog .contact-header i {
  color: var(--commonIcon);
}

html body #inquiryModal .contactDiglog .contactContent {
  color: var(--commonContent);
}

html body #inquiryModal .contact .contactItem p {
  color: var(--commonHot);
}

html body #inquiryModal .filesList .filesItem {
  border-color: var(--commonLine);
}

html body #inquiryModal .filesList .filesItem:hover {
  background-color: var(--commonBackground2);
}

html body #inquiryModal .filesList .filesItem .icon-Tick_circle {
  color: var(--commonButton);
}

html body #inquiryModal .filesList .filesItem .icon-closed_circle {
  color: var(--commonHot);
}