body {
    background: var(--bg-color) !important;
}

.input-group .btn--secondary, .input-group .input-group-field, .newsletter--form {
    background: var(--bg-color) !important;
}

.input-group .btn, #Subscribe {
    background: var(--button-color) !important;
}

.section-header__title, #H1box_v, .product-single__title, .original_price_box, .msshop-policy__title h1 {
    color: var(--title-color) !important;
}

.rich-text__text--large, .grid-product__title, .grid-product__price, .long-dash, .no-bullets a, .disclosure__toggle span, .disclosure-list__option, .section-subheading p:nth-child(1), .selector-wrapper label, .sort-top, .social-sharing.clean a {
    color: var(--main-color) !important;
}

.input-group-field::placeholder { /* Firefox, Chrome, Opera */

    color: var(--main-color) !important;

    font-size: 15px;

}

@media screen and  (max-width: 800px) {
    .newsletter__submit {
        padding: 4px 15px;
    }
}

#search_field {
    height: 45px;
}

.newsletter {
    background-color: var(--Email-color) !important
}

.btnClickquantity, #shoppaas-section-product-template .input_quantity, .product-filter select, .product-sort select {
    background-color: var(--form-color) !important
}

.explosions_box_delete {
    color: var(--Url-color) !important;
}

.Discount {
    color: var(--discount-color) !important;
    border-color: var(--discount-color) !important;
}

.bolgsubtitle {
    font-size: var(--deputytitle-font-size) !important;
    font-family: var(--title-font-family) !important;
}

.product--image {
    object-fit: contain !important;
    background: var(--Product-color);
}

.hr--small, .hr--large {
    background: var(--line-color);
}

.btn__text {
    color: var(--button-color) !important;
}

.Discount p {
    font-family: var(--emphasize-font-family) !important;
}

#addToCart {
    border-color: var(--button-color) !important;
    background: transparent !important;
    height: 42px;
}

.announcement_box, .body-font-family, .newsletter__submit-text--large, .labelRad, .newsletter .rte p, .rte h5, .rich-text__text--large, .sort-top, .grid-product__title, .section-subheading, .error, .success, .no-bullets a {
    font-size: var(--body-font-size) !important;
    font-family: var(--body-font-family) !important;
}

.title-font-family, .h1 {
    font-size: var(--title-font-size) !important;
    font-family: var(--title-font-family) !important;
}

.product-sort select option {
    font-family: var(--body-font-family) !important;
}

hr {
    height: var(--hr-heigth) !important;
}

.emphasize-family, .original_price_box, .product-form__swatch__label, #ProductPrice, #addToCart, #buyItNow, .shoppaas-payment-button, .title_image_text {
    font-family: var(--emphasize-font-family) !important;
}

.shoppaas-payment-button__button {
    color: var(--button_text-color) !important;
    background: var(--button-color) !important;
}

.shoppaas-payment-button {
    cursor: pointer;
}

.shoppingcart {
    background: var(--button-color) !important;
}

/* --line-color */


.input-group-field:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: var(--main-color) !important;

    font-size: 15px;

}


.input-group-field::-ms-input-placeholder { /* Microsoft Edge */

    color: var(--main-color) !important;

    font-size: 15px;

}

/*主色*/
.main-color,
.main-color * {
    color: var(--main-color) !important;
}

/*辅助色*/
.subtitle,
.subtitle * {
    color: var(--auxi-color) !important;
}

/*折扣色*/
.collection-hot-products > div p span.discount,
.collection-product-title .discount {
    color: var(--discount-color);
}

/*按钮*/
.collection-products .collection-product > .inner .btn-box button,
.btn-boxes {
    background: var(--btn-color);
}

/*按钮文字*/
.collection-products .collection-product > .inner .btn-box button span,
.btn-boxes,
.btn-boxes * {
    color: var(--btn-text-color);
}

/*线条*/
.featured-goods-line,
.category-list-line,
.blog .blog-line,
.top-line-bottom,
.top-banner-line,
.product-line {
    border-bottom: 1px solid var(--line-color);
}

/*促销标签*/
.collection-products .collection-product > .inner .sale-btn button {
    background: var(--promotion-color);
}

/*购物车圆点*/
.header .bar .right > a .circle,
.header .bar .right > span .circle {
    background: var(--cart-color)
}

/*购物车圆点文字*/
.header .bar .right > a .circle span,
.header .bar .right > span .circle span {
    color: var(--cart-text-color);
}

/*评分*/
.mark-color {
    fill: var(--mark-color);
}

/*公告*/
/*bg*/
.header .top-banner .text {
    background: var(--notice-bg-color);
}

/*text*/
.header .top-banner .text p,
.disclosure .disclosure__toggle span {
    color: var(--notice-text-color);
}

/*箭头颜色*/
/*svg .b,*/
/*.disclosure .disclosure__toggle span .a,*/
.sort-down .b,
.sort-up .b {
    fill: var(--notice-btn-color);
}


/*页头*/
.header .bar,
.header .main-nav,
.header .bar-search {
    background: var(--header-bg-color) !important;
    background-color: var(--header-bg-color) !important;
}

.header .main-nav ul.root > li > a span {
    color: var(--header-text-color);
    font-size: var(--header-typeface-size);
}

.header .bar .center .search-border input,
.search-border input,
.input-box-span,
.input-box {
    color: var(--search-text-color);
    opacity: 1;
}

.header .bar .center .search-border input::-webkit-input-placeholder,
.search-border input::-webkit-input-placeholder,
.input-box-span::-webkit-input-placeholder,
.input-box::-webkit-input-placeholder { /* WebKit browsers */
    color: var(--search-text-color);
    opacity: 1;
}

.header .bar .center .search-border input:-moz-placeholder,
.search-border input:-moz-placeholder,
.input-box-span:-moz-placeholder,
.input-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--search-text-color);
    opacity: 1;
}

.header .bar .center .search-border input::-moz-placeholder,
.search-border input::-moz-placeholder,
.input-box-span::-moz-placeholder,
.input-box::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--search-text-color);
    opacity: 1;
}

.header .bar .center .search-border input:-ms-input-placeholder,
.search-border input:-ms-input-placeholder,
.input-box-span:-ms-input-placeholder,
.input-box:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: var(--search-text-color);
    opacity: 1;
}

.header .disclosure .disclosure__toggle span,
.header .main-nav ul.root > li > a span {
    font-size: var(--header-typeface-size);
}

.header.title-typeface-size .disclosure .disclosure__toggle span,
.header.title-typeface-size .main-nav ul.root > li > a span {
    font-family: var(--title-typeface);
}

.header.content-typeface-size .disclosure .disclosure__toggle span,
.header.content-typeface-size .main-nav ul.root > li > a span {
    font-family: var(--content-typeface);
}

.header.all-caps .disclosure .disclosure__toggle span,
.header.all-caps .main-nav ul.root > li > a span {
    text-transform: uppercase;
}

.header.title-case .disclosure .disclosure__toggle span,
.header.title-case .main-nav ul.root > li > a span {
    text-transform: capitalize;
}

/*页脚*/
.footer {
    background: var(--footer-bg-color);
}

.footer .top .col h1 {
    color: var(--footer-title-color);
}

.footer .top .col .rte p a,
.footer .top .col li a,
.footer .top .col p a,
.footer .top .col .rte p,
.footer .top .col li,
.footer .top .col p,
.footer .bottom .btm--item.btm--item__2 p,
.safety-signs > div p {
    color: var(--footer-text-color);
}

svg .c {
    fill: var(--media-icon-color);
}


/*title*/
.title_font_size p,
.title_font_sizes,
.title_font_sizes p,
.popups h1 p {
    font-family: var(--title-typeface) !important;
    font-size: var(--title-typeface-size) !important;
    letter-spacing: var(--title-typeface-spacing) !important;
    line-height: var(--title-typeface-line-height) !important;
}

/*content*/
.slideshow-image .table .cell > div > p,
.content_font_sizes,
.content_font_sizes p,
.custom-popup .popups > p, .custom-popup .popups > span {
    font-family: var(--content-typeface) !important;
    font-size: var(--content-typeface-size) !important;
    letter-spacing: var(--content-typeface-spacing) !important;
    line-height: var(--content-typeface-line-height) !important;
}


/*网格间距*/
.collection-recommendations .recommendation-list,
.collection-products,
.collection-category-list,
.blog.grid .excerpts,
.collections-items {
    row-gap: var(--vertical-spacing) !important;
    column-gap: var(--horizontal-spacing) !important;
}

@media (max-width: 768px) {
    .collection-recommendations .recommendation-list,
    .collection-products,
    .collection-category-list,
    .blog.grid .excerpts,
    .collections-items,
    #msshop-section-template--blog__main .excerpts {
        column-gap: calc(0.5 * var(--horizontal-spacing)) !important;
    }
}

@media (max-width: 768px) {

}

/*按钮*/
.btn-boxes {
    opacity: var(--btn-border-opacity) !important;
    box-shadow: var(--btn-box-shadow) !important;
    border-radius: var(--btn-border-radius) !important;
}

.blank-btn-boxes {
    border: var(--btn-border-thickness) solid #111417 !important;
}

/*输入框*/
.input-box {
    border: var(--inp-border-thickness) solid #111417 !important;
    background: rgba(255, 255, 255, var(--inp-border-opacity)) !important;
    border-radius: var(--inp-border-radius) 0 0 var(--inp-border-radius) !important;
}

.input-span {
    border-radius: 0 var(--inp-border-radius) var(--inp-border-radius) 0 !important;
}

.input-boxes {
    box-shadow: var(--inp-box-shadow) !important;
    border-radius: var(--inp-border-radius) !important;
}

.input-box-span {
    border: var(--inp-border-thickness) solid #111417 !important;
    opacity: var(--inp-border-opacity) !important;
    box-shadow: var(--inp-box-shadow) !important;
    border-radius: var(--inp-border-radius) !important;
}