@import url('/min/?f=frontend/assets/fonts/fontawesome/css/all.min.css');@import url('/min/?f=frontend/assets/fonts/montserrat/stylesheet.css');@import url('/min/?f=frontend/assets/fonts/sarabun/stylesheet.css');@import url('/min/?f=frontend/assets/css/bootstrap/bootstrap.min.css');@import url('/min/?f=frontend/assets/css/jquery-ui.min.css');@import url('/min/?f=frontend/assets/css/aos.css');@import url('/min/?f=frontend/assets/css/components/bootstrap-float-label.min.css');@import url('/min/?f=frontend/assets/css/components/button.css');@import url('/min/?f=frontend/assets/css/components/card.css');@import url('/min/?f=frontend/assets/css/components/carousel.css');@import url('/min/?f=frontend/assets/css/components/container.css');@import url('/min/?f=frontend/assets/css/components/content.css');@import url('/min/?f=frontend/assets/css/components/dropdown.css');@import url('/min/?f=frontend/assets/css/components/footer.css');@import url('/min/?f=frontend/assets/css/components/input.css');@import url('/min/?f=frontend/assets/css/components/loading.css');@import url('/min/?f=frontend/assets/css/components/navigation.css');@import url('/min/?f=frontend/assets/css/components/products.css');@import url('/min/?f=frontend/assets/css/components/section.css');@import url('/min/?f=frontend/assets/css/components/sidebar.css');@import url('/min/?f=frontend/assets/css/components/slide.css');@import url('/min/?f=frontend/assets/plugins/slick/slick.css');@import url('/min/?f=frontend/assets/plugins/slick/slick-theme.css');@import url('/min/?f=frontend/assets/css/components/table.css');@import url('/min/?f=frontend/assets/css/components/tabs.css');@import url('/min/?f=frontend/assets/css/components/toats.css');@import url('/min/?f=frontend/assets/css/display.css');/* Fonts */




/* Bootstrap */




/* Components */





















/* Display Space */


/* Initial Body */

body {
    font-family: Sarabun, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #f6f6f6;
    font-size: var(--body-font-size);
    line-height: 1.5;
}

body {
    margin: 0;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

html {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    line-height: var(--lh);
}

/* Utility */

.text-white-space {
    white-space: pre-line;
}

.text-color-primary {
    color: #E50A19;
}

/* Less */

.padding-less {
    padding: 0!important;
}

.margin-less {
    margin: 0!important;
}

.border-less {
    border: none!important;
    box-shadow: none!important;
}

.product-card .product-description p, .product-card .product-description p.cut-text {
    text-overflow: ellipsis;
    --max-lines: 4;
    padding: 2px;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    line-height: 1.5;
    overflow: hidden;
}

#fade-product .product-details h4, #fade-product .product-details p {
    text-overflow: ellipsis;
    --max-lines: 4;
    position: relative;
    max-height: calc(1.65rem * var(--max-lines));
    line-height: 1.5;
    overflow: hidden;
}

*:focus {
    outline: none;
}

* {
    min-height: 0;
    min-width: 0;
}

/* Initial Root */

:root {
    --lh: 1.15rem;
    /* Font */
    --font-size-h1: 3rem;
    --font-size-h2: 2.75rem;
    --font-size-h3: 2.5rem;
    --font-size-h4: 2rem;
    --font-size-h5: 1.75rem;
    --font-size-h6: 1.5rem;
    /* Body */
    --body-font-size: 1.35rem;
    /* Navigation */
    --nav-font-1: 1.25rem;
    --nav-font-2: 1rem;
    /* Content */
    /* Footer */
    --footer-font-1: 1.75rem;
    --footer-font-2: 1.5rem;
    --footer-font-3: 1.25rem;
    --footer-font-4: 1rem;
    /* Padding */
    --container-padding-1: 3rem;
    --container-padding-2: 2.75rem;
    --container-padding-3: 2.5rem;
    --container-padding-4: 2rem;
    --container-padding-5: 1.75rem;
    --container-padding-6: 1.5rem;
    --container-padding-7: 1.25rem;
    --container-padding-8: 1rem;
}