/*
Version: 1.7
File Description: Place here your custom CSS styles
*/
body {
            font-family: 'Sarabun', sans-serif;
        }

        h1, h2, h3, h4, h5, h6, a,span,p {
           font-family: 'Sarabun', sans-serif;
        }

/* แถบเมนูหลัก */
.header_bot_outer, .header_bot.header_bot_scroll {
            background-color: #0571b5 !important;
        }

.post-password-form, .header_top_inner, .header_mid_inner, .header_bot_inner, .content_wrap, .headline_inner, .cmsms_breadcrumbs_inner, .bottom_outer, .footer_inner, .cmsms_row_inner {
	position: relative;
	width: 85%;
	padding: 0 0px;
	margin: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Hilight เมนูหลักที่เลือกอยู่ */
.header_bot #navigation > li.current-menu-item > a, .header_bot #navigation > li.current-menu-ancestor > a, .header_bot #navigation > li.menu-item-highlight > a > span.nav_bg_clr, .header_bot #navigation > li:hover > a[data-tag]::before {
            background-color: #ff6600 !important;
            opacity: 0.9;
        }


/* ปุ่มเมนูหลัก */
.menu-item > a {
            background-color: #0571b5 !important;
        }

#navigation > li > a {
	font-family: 'Sarabun', sans-serif, 'Nimbus Sans L', sans-serif;
	font-size:1.4rem;
	line-height: 28px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

/* Basket Count */
.count {
            background-color: #0571b5 !important;
        }

.headline_color {
            background-color: #0571b5 !important;
        }

.footer_bg {
            background-color: #0571b5 !important;
        }

.copyright {
            color: #FFFFFF !important;
        }

/*สีอ่อน*/
/*กรอบเงื่อนไขค้นหาสินค้า*/
.cmsms_contact_form {
            background-color: #d7f0f2
        }
.cmsms_11 {
            background-color: #d7f0f2
        }

.formBG {
	background-image: linear-gradient(to right top, #fbfdff, #f3f9fe, #eaf6fb, #e0f3f7, #d7f0f2);
}
tr,th {
    border-color: #dddddd !important;
}
/*End สีอ่อน*/

/*Labelเงื่อนไขค้นหาสินค้า*/
.form_info label {
            color: #898989
        }
.cmsms-form-builder label {
            color: #898989
        }



.text-form {
    color: black !important;
}

/*Show Detail Product*/
.product_meta span a {
            color: #0571b5
        }

/*ปุ่มดูรายละเอียด*/
.cmsms_product_footer{
            color:#0571b5;
        }
/*ปุ่มดูรายละเอียด*/
.cmsms_product .cmsms_product_img .cmsms_product_footer > a {
	color: black !important;
    background-color:#0571b5 !important
}
/*tab รายละเอียดสินค้า*/
.description_tab > a
{
    background-color:#0571b5 !important;
}

.button_add_basket {
            background-color: #0571b5 !important;
        }

.button_empty_qty {
            background-Color: grey !important;
        }

.button_wishlist{
            background-color: #0571b5;
            color: #0571b5;
            text-align:center;
            width: 84px;
            height: 25px;
            line-height: 25px;
            margin: 6px auto;
            border-radius: 10px;
            color: #fff;
        }


/*ตารางสินค้า*/
.cmsms_table thead tr th{
            background-Color: #0571b5 !important;
        }

.fa-heart {
            Color: white ;
        }
.fa-shopping-cart {
            Color: #0571b5 ;
        }

/*ตะกร้าสินค้าปุ่มลบรายการ*/
.btn-danger {
    color: #fff;
    background-color: #f22c2c !important;
    border-color: #d43f3a;
}



.required::after {
    color: #d00;
    content: "*";
    /* position: absolute; */
    margin-left: 4px;
}

.custable {
    border-spacing: 0px !important;
    width: auto !important;
}

.cus-input {
    padding: 5px 10px !important;
}

.number {
    text-align: right !important;
}

.requiredvalid {
    border: 1px solid #dc3545 !important;
    outline: none;
}

.requiredvalid:after {
        content: " required field" !important;
        color: #dc3545;
        position: absolute;
        bottom: -20px;
 }
.cmsms_button-primary {
    background-color: #0571b5;
    color: #fff;
    border-color: #0571b5;
}
.cmsms_button-primary:hover {
    background-color: #0571b5 !important;
    color: #fff;
    border-color: #0571b5 !important;
}
.cmsms_button-default {
    background-color: white !important;
    color: #0571b5 !important;
    border-color: white !important;
}
.cmsms_button-default:hover {
    background-color: white !important;
    color: #0571b5 !important;
    border-color: white !important;
}

.cmsms_product .cmsms_product_img .cmsms_product_footer > a {
    border-color: #0571b5 !important;
    color:white !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0571b5 !important;
    color: white;
}
/* ขอบรอบตะกร้า */
a {
    border-color: #0571b5 !important;
}
input:focus {
    border-color: #0571b5 !important;
}

.btn-primary {
    color: #fff;
    background-color: #0571b5 !important;
    border-color: #0571b5 !important;
}

.btn-info {
    color: #fff;
    background-color: #0571b5 !important;
    border-color: #0571b5 !important;
}
.woocommerce-MyAccount-navigation > ul > li > a, .cmsms_product .cmsms_product_img .cmsms_product_footer > a, .cmsms_single_product .cart .single_add_to_cart_button, .shop_table.cart .actions .button, .shop_table.cart .actions .button[name=update_cart], .cart-collaterals .cart_totals table .shipping .woocommerce-shipping-calculator .shipping-calculator-form .button, .wc-proceed-to-checkout .button, .checkout #order_review #payment .place-order .button, .checkout .select2-container.select2-container-active .select2-choice, .login .form-row .button, .checkout_coupon .form-row .button, .select2-drop-active, .select2-drop.select2-drop-above.select2-drop-active, .select2-container.select2-container--open .select2-selection--single, .select2-container.select2-container--focus .select2-selection--single, .widget_shopping_cart .widget_shopping_cart_content .buttons .button, .widget_price_filter .price_slider_wrapper .price_slider_amount .button, .widget.widget_product_categories .product-categories li.current-cat a {
    border-color: #0571b5 !important;
}

/*กรอบ input*/
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus, .owl-controls .owl-pagination .owl-page.active, .owl-controls .owl-pagination .owl-page:hover, .owl-next:hover .cmsms_next_arrow > span:before, .owl-next:hover .cmsms_next_arrow > span:after, .owl-prev:hover .cmsms_prev_arrow > span:before, .owl-prev:hover .cmsms_prev_arrow > span:after, .cmsms_button, input[type=submit], input[type=button], .cmsms_notice .notice_close:hover .cmsms_top_arrow > span:before, .cmsms_notice .notice_close:hover .cmsms_top_arrow > span:after, .cmsms_notice .notice_close:hover .cmsms_bot_arrow > span:before, .cmsms_notice .notice_close:hover .cmsms_bot_arrow > span:after, .cmsms_table thead tr th, .cmsms_table tr th, .cmsms_pricing_table .cmsms_pricing_item.pricing_best .cmsms_pricing_item_inner, .cmsms_tabs .cmsms_tabs_list .cmsms_tabs_list_item > a:hover, .cmsms_tabs .cmsms_tabs_list .cmsms_tabs_list_item.current_tab > a, .cmsms_toggles .cmsms_toggle_wrap.current_toggle .cmsms_toggle_title .cmsms_toggle_plus, .cmsms_toggles .cmsms_toggle_wrap .cmsms_toggle_title:hover .cmsms_toggle_plus, .cmsms_twitter .owl-controls .owl-buttons .owl-prev .cmsms_prev_arrow span:before, .cmsms_twitter .owl-controls .owl-buttons .owl-prev .cmsms_prev_arrow span:after, .cmsms_twitter .owl-controls .owl-buttons .owl-next .cmsms_next_arrow span:before, .cmsms_twitter .owl-controls .owl-buttons .owl-next .cmsms_next_arrow span:after, .cmsms_counters .cmsms_counter_wrap .cmsms_counter .cmsms_counter_inner:before, .content_slider .owl-controls .owl-buttons .owl-prev:hover .cmsms_prev_arrow span:before, .content_slider .owl-controls .owl-buttons .owl-prev:hover .cmsms_prev_arrow span:after, .content_slider .owl-controls .owl-buttons .owl-next:hover .cmsms_next_arrow span:before, .content_slider .owl-controls .owl-buttons .owl-next:hover .cmsms_next_arrow span:after, .post.cmsms_default_type .cmsms_post_format_img_likes, .post.cmsms_default_type .cmsms_post_cont_wrap .cmsms_post_cont .button, .cmsms_wrap_pagination > ul > li .page-numbers:hover, .cmsms_wrap_pagination > ul > li .page-numbers.current, .blog.opened-article .cmsms_post_format_img_likes, .post_nav > span > a:hover + .cmsms_next_arrow > span:first-child:before, .post_nav > span > a:hover + .cmsms_next_arrow > span:after, .post_nav > span > a:hover + .cmsms_prev_arrow > span:first-child:before, .post_nav > span > a:hover + .cmsms_prev_arrow > span:after, .related_posts > ul > li > a:hover, .related_posts > ul > li > a.current, .cmsms_posts_slider .product .product_outer .product_inner .cmsms_product_img .cmsms_product_footer > a, .cmsms_project_filter_wrap .cmsms_project_filter .cmsms_project_sort_block .cmsms_project_sort_but, .cmsms_project_filter_wrap .cmsms_project_filter .cmsms_project_sort_block .cmsms_project_sort_but .cmsms_top_arrow > span:before, .cmsms_project_filter_wrap .cmsms_project_filter .cmsms_project_sort_block .cmsms_project_sort_but .cmsms_top_arrow > span:after, .cmsms_project_filter_wrap .cmsms_project_filter .cmsms_project_sort_block .cmsms_project_sort_but .cmsms_bot_arrow > span:before, .cmsms_project_filter_wrap .cmsms_project_filter .cmsms_project_sort_block .cmsms_project_sort_but .cmsms_bot_arrow > span:after, .cmsms_project_filter_wrap .cmsms_project_filter .cmsms_project_filter_block .cmsms_project_filter_but, .tribe_events.cmsms_default_type .cmsms_post_format_img_likes, .tribe_events.cmsms_default_type .cmsms_post_cont_wrap .cmsms_post_cont .button, .cmsms_icon_list_items .cmsms_icon_list_item:hover .cmsms_icon_list_icon:after, .widget.widget_nav_menu, .widget.widget_custom_contact_form_entries .form_info.submit_wrap .button, .widget.widget_custom_posts_tabs_entries .cmsms_tabs .cmsms_tabs_wrap .cmsms_tab li .img_placeholder_small, .search_bar_wrap input[type=text]:focus, .cmsms_post_filter_wrap .cmsms_post_filter .cmsms_post_filter_block .cmsms_post_filter_but:hover, .cmsms_post_filter_wrap .cmsms_post_filter .cmsms_post_filter_block .cmsms_post_filter_but.current, #slide_top:hover {
    border-color: #0571b5 !important;
}



.form-control:focus {
    border-color: #0571b5 !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


._90fTvx .shopee-input-quantity {
    background: #fff;
}

._16mL_A {
    display: flex;
    align-items: center;
}

._2KdYzP {
    outline: none;
    cursor: pointer;
    border: 0;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    background: transparent;
    color: rgba(0,0,0,.8);
    width: 32px;
    height: 32px;
}

.iRO3yj {
    width: 50px;
    height: 32px;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
    font-weight: 400;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: text;
    border-radius: 0;
    -webkit-appearance: none;
}
.div-shop {
    background-color: #0571b5;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 25px;
    line-height: 25px;
    margin: 6px auto;
    border-radius: 5px;
    color: #fff;
    margin-left:5px;
}
    .div-shop a {

    }
.icn-shopping {
    color: white;

}
/* Page */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0571b5 !important;
}

.amount {
    color: #0571b5 !important;
}