<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (min-width: 1200px) {}
@media (max-width: 1199px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
.position-fixed {
    background-color: #e4e4e5;
}
pre {
    text-align: center;
}
.background-color-dadadc {
    background-color: #dadadc;
}
component-carousel-banner .component_carousel_container {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !Important;
}
component-carousel-banner .component_carousel_lazy_container [data-table] {
    height: auto !important;
}
@media (max-width: 991px) {
    html body component-carousel-banner .component_carousel_container .component_carousel_map .map_items .image_display img {
        width: 100% !important;
        height: auto !important;
        max-height: 100% !Important;
    }
}
@media (min-width: 992px) {
    component-carousel-banner .component_carousel_container .component_carousel_map .map_items .image_display img {
        width: 100% !important;
        height: auto !important;
        max-height: 100% !Important;
    }
}
@media (max-width: 767px) {
    component-carousel-bottom .component_carousel_container .component_carousel_map .map_items .image_display img {
        height: auto !important;
    }
}
.padding-top-bottom-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-zero {
    padding: 0px!important;
}
.background-white {
    background-color: white;
}
.image_icon_home {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto;
}
.component-text-slide {
    background-color: white;
    /*border-bottom: 1px solid white;*/
    padding: 15px;
}
.text-name {
    padding-top: 10px;
    text-align: center;
    font-weight: 600;
    color: #212121;
    height: 60px;
}
@media (max-width:767px) {
    .text-name {
        padding-top: 10px;
        text-align: center;
        font-weight: 600;
        color: #212121;
        height: 100px;
    }
}
.text-name .name {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-decoration: none;
}
.text-name .name_e {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-decoration: none;
}
.text-name .name_t {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-decoration: none;
}
a:hover .text-name .name {
    color: red;
}
.line {
    float: left;
    width: 50px;
    margin: auto;
    height: 2px;
}
.text_center {
    text-align: center;
}
.logo-sirikhun-top-menu {
    z-index: 1;
    width: auto !important;
    position: absolute;
    /* top: -10px;*/
    height: 60px !important;
}
.home-category-product .-icn {
    margin-top: -5px;
}
.home-category-product .page-category a {
    font-size: 16px;
    padding: 0 10px;
}
.home-category-product .float-right {
    float: right;
}
.home-category-product .float-left {
    float: left;
}
.home-category-product .product-container {
    height: auto;
}
.home-category-product .product-container .discount_container {
    text-align: center;
}
.home-category-product .product-container .discount_container .discount_set {
    background-color: red;
    color: white;
    padding: 5px;
    font-size: 14px;
    line-height: 14px;
    height: auto;
    font-weight: lighter;
    display: inline-block;
    border-radius: 30px;
}
.home-category-product .padding-desktop {
    padding: 0 5px;
    padding-bottom: 10px;
}
.home-category-product .product-container .product-image-container {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding: 100% 0 0;
}
.home-category-product .product-container .product-short-title {
    margin: 20px 0 10px;
    font-size: 16px;
    font-weight: lighter;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
}
.home-category-product .product-container .product-compare-price {
    margin: 5px 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
    font-weight: lighter;
    color: #9e9b9b;
}
.home-category-product .product-container .product-compare-price .compare-price.currency-price {
    text-decoration: line-through;
    font-size: 10px;
}
.home-category-product .product-container .product-price {
    margin: 10px 0 20px 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: lighter;
    color: red;
}
.home-category-product .product-container .product-price .currency.-price {
    font-size: 7px;
}
.home-category-product .product-container .product-price .currency {
    font-size: 10px;
}
.home-category-product .product-container .name_title {
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    word-break: break-word;
    text-decoration: none;
}
.home-category-product .product-container {
    background-color: white;
    border: 1px solid #ddd;
}
.home-category-product .product-container:hover {
    border: 1px solid #962A2D;
}
@media(max-width: 1199px) {
    .home-category-product .product-container {
        /*height: 270px;*/
        height: auto;
    }
}
@media(max-width: 991px) {
    .home-category-product .product-container {
        /*height: 300px;*/
        height: auto;
    }
}
@media(max-width: 767px) {
    .home-category-product .product-container {
        height: auto;
    }
}
@media(max-width: 444px) {
    .home-category-product .product-container {
        height: auto;
    }
    .home-category-product .padding-desktop {
        padding: 0 5px;
        padding-bottom: 10px;
    }
}
@media (max-width: 991px) {
    nav.head-top .section-mobile .bar-first {
        color: #ffffff;
        background-color: #212121;
        opacity: 1;
        position: fixed;
        top: 0;
        width: 100%;
        padding: 4px 0;
        font-size: 13px;
        text-align: center;
        overflow: hidden;
        z-index: 100;
    }
    nav.head-top .section-mobile .bar-second {
        color: #ffffff;
        background-color: white;
        opacity: 1;
        position: fixed;
        top: 26px;
        width: 100%;
        height: 55px;
        z-index: 100;
    }
    nav.head-top .section-mobile .bar-second .on-left {
        width: 55px;
        height: 55px;
        float: left;
        text-align: center;
        outline: none;
    }
    nav.head-top .section-mobile .bar-second .on-left .fa {
        font-size: 1.6em;
        line-height: 55px;
        width: 55px;
        height: 55px;
        color: #212121;
    }
    nav.head-top .section-mobile .bar-second .on-middle {
        float: left;
        height: 55px;
        text-align: center;
    }
    nav.head-top .section-mobile .bar-second .on-middle a {
        font-size: 20px;
        letter-spacing: 5px;
        color: black;
        height: 55px;
        display: block;
        line-height: 55px;
        outline: none;
    }
    nav.head-top .section-mobile .bar-second .on-middle a:hover {
        text-decoration: none;
        outline: none;
        color: black;
    }
    nav.head-top .section-mobile .bar-second .on-right {
        width: 55px;
        height: 55px;
        float: right;
        text-align: center;
        outline: none;
    }
    nav.head-top .section-mobile .bar-second .on-right .fa {
        font-size: 1.6em;
        line-height: 55px;
        width: 55px;
        height: 55px;
        color: #212121;
    }
    nav.head-top .section-mobile .mobile-clear {
        height: 81px;
        float: left;
        width: 100%;
        background-color: white;
    }
    nav.head-top .section-mobile .mobile-nav {
        position: fixed;
        top: 0;
        z-index: 111;
        width: 100vw;
        height: 100vh;
        background-color: white;
        transition: all 0.65s;
        transform: translate3d(-150vw, 0, 0);
    }
    nav.head-top .section-mobile .mobile-nav.active {
        transform: translate3d(0, 0, 0);
    }
    nav.head-top .section-mobile .mobile-nav .on-close {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        right: 0;
        text-align: center;
        z-index: 2;
    }
    nav.head-top .section-mobile .mobile-nav .on-close .fa {
        color: black;
        line-height: 60px;
        font-size: 3em;
    }
    nav.head-top .section-mobile .mobile-nav .mobile-menu-head-container {
        position: relative;
        float: left;
        width: 100%;
        height: 100px;
        padding: auto;
        margin: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    nav.head-top .section-mobile .mobile-nav .mobile-menu-head-container img, nav.head-top .section-mobile .mobile-nav .mobile-menu-head-container svg {
        margin: 0 auto;
        height: 80px;
        width: auto;
        max-width: 100%;
    }
    nav.head-top .section-mobile .mobile-nav .mobile-menu-head-container .text-logo, nav.head-top .section-mobile .mobile-nav .mobile-menu-head-container .logo-mobile {
        font-size: 30px;
        letter-spacing: 5px;
        font-weight: bold;
        color: black;
        line-height: 80px;
        text-align: center;
    }
    nav.head-top .section-mobile .mobile-nav .mobile-menu-nav-container {
        overflow: auto;
        float: left;
        width: 100%;
    }
    nav.head-top .section-mobile .mobile-nav .mobile-menu-nav-container a {
        display: block;
        width: 100%;
        line-height: 30px;
        padding: 13px 0;
        color: black;
        font-size: 1.4em;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        outline: none;
    }
    nav.head-top .section-mobile .mobile-nav .mobile-menu-nav-container a:hover {
        outline: none;
        text-decoration: none;
    }
    nav.head-top .desktop-clear {
        display: none;
    }
}
@media (min-width: 992px) {
    nav.head-top .section-desktop {
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        padding: auto;
        margin: auto;
        position: absolute;
        z-index: 10;
    }
    nav.head-top .section-desktop:hover .bar-first {
        background-color: #212121;
        opacity: 1;
    }
    nav.head-top .section-desktop:hover .bar-second {
        background-color: white;
    }
    nav.head-top .section-desktop:not(:hover) .bar-first {
        background-color: transparent;
        opacity: 0;
    }
    nav.head-top .section-desktop:not(:hover) .bar-second {
        background-color: transparent;
    }
    nav.head-top .section-desktop.onHover {
        position: relative !important;
    }
    nav.head-top .section-desktop.onHover .bar-first {
        background-color: #212121 !important;
        opacity: 1 !important;
    }
    nav.head-top .section-desktop.onHover .bar-second {
        background-color: #962A2d !important;
    }
    nav.head-top .section-desktop.active {
        position: fixed !important;
        width: 100% !important;
        top: 0 !important;
        border-bottom: 1px solid #d9d9d9;
    }
    nav.head-top .section-desktop.active:hover {
        border-bottom: 0px;
    }
    nav.head-top .section-desktop.active .bar-first {
        background-color: #212121 !important;
        opacity: 1 !important;
    }
    nav.head-top .section-desktop.active .bar-second {
        background-color: white !important;
    }
    nav.head-top .section-desktop .bar-first {
        position: relative;
        float: left;
        width: 100%;
        height: 40px;
        padding: 4px 70px;
        margin: auto;
        padding-top: 9px;
        padding-bottom: 9px;
        color: white;
        font-size: 12px;
        line-height: 22px;
        transition: all 0.3s;
        transition-delay: 0.15s;
    }
    nav.head-top .section-desktop .bar-first .text-normal {
        color: white;
    }
    nav.head-top .section-desktop .bar-first .pull-right a {
        color: white;
        padding: 0px 10px;
        font-size: 12px;
        text-transform: uppercase;
    }
    nav.head-top .section-desktop .bar-first .pull-right a:hover {
        text-decoration: none;
    }
    nav.head-top .section-desktop .bar-second {
        position: relative;
        float: left;
        width: 100%;
        height: 50px;
        padding: 0px 70px;
        margin: auto;
        color: black;
        font-size: 13px;
        line-height: 26px;
        transition: all 0.3s;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top {
        position: relative;
        float: left;
        width: 100%;
        height: 50px;
        padding: auto;
        margin: auto;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-left {
        position: relative;
        float: left;
        width: 141px;
        height: auto;
        padding: auto;
        margin: auto;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-left a {
        font-size: 20px;
        letter-spacing: 5px;
        font-weight: bold;
        color: black;
        padding: 12px 0;
        height: 50px;
        display: block;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-left a:hover {
        text-decoration: none;
        outline: none;
        color: black;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle {
        position: relative;
        float: left;
        width: auto;
        height: auto;
        padding: auto;
        margin: auto;
        text-align: center;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop {
        margin: 0 auto;
        display: block;
        height: 50px;
        text-align: center;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first {
        display: inline-block;
        height: 50px;
        margin: 0 -2.5px;
        text-align: center;
        font-size: 0px;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first a.link-menu-first {
        height: 47px;
        padding: 12px 0;
        font-size: 16px;
        margin: 0px 18px;
        display: inline-block;
        color: white;
        text-transform: uppercase;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first a.link-menu-first:hover {
        text-decoration: none;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first span.line {
        width: 0%;
        margin: 0 auto;
        height: 3px;
        background-color: black;
        transition: all 0.3s;
        display: block;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub {
        display: none;
        background-color: white;
        position: absolute;
        top: 50px;
        left: 0;
        transform: translate3d(-211px, 0, 0);
        padding: 20px 140px;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-container {
        float: left;
        width: 40%;
        height: auto;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-container.full-width {
        width: 100%;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu {
        height: auto;
        position: relative;
        font-size: 14px;
        margin-bottom: 10px;
        float: left;
        width: 50%;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .head {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .head a {
        color: black;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .head a:hover {
        text-decoration: none;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .sub-menu-item {
        float: left;
        display: block;
        margin-bottom: 10px;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .sub-menu-item a {
        font-size: 14px;
        color: #313131;
        padding: 3px 0;
        display: block;
        transition: all 0.3s;
        text-align: left;
        line-height: 25px;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .sub-menu-item a:hover {
        text-decoration: none;
        transform: translate3d(10px, 0, 0);
        font-weight: bold;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-menu .sub-menu-item a.italic {
        font-style: italic;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-banner {
        position: relative;
        float: left;
        width: 60%;
        height: auto;
        padding: auto;
        margin: auto;
        padding-left: 10px;
        text-align: left;
        font-size: 14px;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-banner a {
        display: block;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-banner a img {
        max-width: 100%;
        margin: 0 auto;
        max-height: 33vh;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first:hover span.line {
        /*width: 100%;*/
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first:hover .sub {
        display: inline-flex;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-right {
        position: relative;
        float: left;
        width: 150px;
        height: 50px;
        padding: auto;
        margin: auto;
        overflow: hidden;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-right a {
        display: inline-block;
        outline: none;
        margin: 12px 10px;
    }
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-right a img {
        height: 25px;
    }
    nav.head-top .desktop-clear.active {
        height: 90px;
        float: left;
        width: 100%;
        background-color: white;
    }
}
@media (min-width: 992px) and (max-width: 991px) {
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-container.full-width .sub-menu {
        width: 50%;
    }
}
@media (min-width: 992px) and (min-width: 992px) {
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first .sub .sub-container.full-width .sub-menu {
        width: 25%;
    }
}
@media (max-width: 1004px) and (min-width: 992px) {
    nav.head-top .section-desktop .bar-second .menu-containter-top .on-middle .menu-nav-desktop .nav-first a.link-menu-first {
        font-size: 12px !important;
    }
}</pre></body></html>