@charset "UTF-8";@import url(bootstrap.min.css);@import url(all.min.css);@import url(animate.css);@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;700&display=swap");body,html{font-size:16px;font-family:"IBM Plex Sans Thai", sans-serif;background-image:url("../img/bg.jpg");background-size:100% 100%}a{color:#000}.clearfloat:after{display:table;content:'';clear:both}.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:120px;width:100%;border-bottom:1px solid #ede5e552;background:#eeaeca;background:-webkit-radial-gradient(circle, #eeaeca 0%, #94bbe9 100%);background:-o-radial-gradient(circle, #eeaeca 0%, #94bbe9 100%);background:radial-gradient(circle, #eeaeca 0%, #94bbe9 100%)}.col-full{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90vw;max-width:1200px}.logo-header img{height:auto;width:calc(150px + 4vw)}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;width:100vw;top:-300px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;z-index:3;list-style:none}.menu_item{padding:15px 15px;font-size:1.2em;font-weight:bold;margin:0 auto;margin-top:6px;list-style:none}.menu_link{color:#ffffff;font-weight:bold;font-family:"IBM Plex Sans Thai", sans-serif}.menu_link:after{content:" ";display:block;height:2px;width:42px;margin:0 auto;margin-top:6px;background-color:#ffae00;visibility:hidden}.menu_link:hover:after{visibility:visible}.menu_link:hover{margin-top:-6px;color:#ffffff}.phone{text-align:right;display:none}.phone_order{color:#f75353;font-weight:bold}.phone_number{display:block;color:#ffffff;font-weight:800;font-size:1em}.login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;width:100vw;background:#414141;top:-250px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;z-index:2}.login_link{color:#ffffff;padding:0.6em 1.5em;font-size:0.9em;font-weight:bold}.login_link:hover{color:#ffffff;text-decoration:none}.login_link--button{padding:10px 20px;background-color:#f75555;border-radius:16px}.btn_items,.btn_login,.btn_menu{display:inline-block;font-size:25px;color:#fff;cursor:pointer}.menu--show{top:120px!important}.items_list--show{top:120px!important}.login--show{top:120px!important}.items-fast{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:0;width:100vw;gap:4px;height:auto;top:-100%;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;z-index:1}.items_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px;height:100%;padding:0 15px;color:#e6e6e6;opacity:0.8;padding:5px}.items_item i{font-size:2em}.items_item:hover{opacity:initial}.items_link{color:#e6e6e6;text-align:center}@media screen and (min-width:440px){.btn_items{display:none!important}.items_list{all:initial;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100px}}@media screen and (min-width:680px){.phone{display:block}}@media screen and (min-width:1000px){.menu{all:initial;display:-webkit-box;display:-ms-flexbox;display:flex}.login{display:inline-block;position:relative;top:inherit;left:inherit;width:auto;height:auto;background:none}.btn_login,.btn_menu{display:none!important}.items_list{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}.banner-main{-webkit-box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset}.banner-main .promotion-banner{position:relative;display:block}.banner-main .promotion-banner .detail-promotion-banner{position:absolute;top:30%;left:0;line-height:1rem;text-align:center}.banner-main .promotion-banner .detail-promotion-banner h1{font-size:4rem;color:#fa4e4e}.banner-main .promotion-banner .detail-promotion-banner h5{padding:0 0 20px;color:#606060}.banner-main .promotion-banner .detail-promotion-banner .btn-contact{background-color:#c7d436;color:#fff;font-weight:bold;font-size:1.5rem;border-radius:50px;text-shadow:1px 1px #c78f8f;padding:5px 30px}.border-center{border:2px solid #ff8484!important;border-radius:50px;width:50%;margin:auto}.hot-product{padding:2rem 0}.hot-product img{width:100%}.about-main{background-color:#e48d8a;-webkit-box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;box-shadow:rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;color:#fff}.about-main h2{font-size:3rem}.contact-main{background-color:#ffe7b9}.contact-main h2{color:#fa4e4e}.contact-main p{color:#fa4e4e;font-weight:bold}.product-main{margin:2rem 0}.product-main .btn-all-product{margin:2rem 0;padding:10px 40px;background-color:#f75353;color:#ffffff;font-weight:bold}.product-main .btn-product{background-color:#ffae00;color:#ffffff;font-weight:bold}.product-main .col-md-3{margin:10px 0}.product-main .detail-product p{color:#d4366b;font-weight:500}.article-main{margin:2rem 0}.article-main .honeycomb{max-width:1000px;margin:auto;list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;padding-bottom:5.5%}.article-main .honeycomb li{width:25%;position:relative;visibility:hidden}.article-main .honeycomb li:after{content:'';display:block;padding-bottom:86.6%}.article-main .honeycomb li:nth-child(7n+5){margin-left:12.5%}.article-main .cell{position:absolute;width:96%;margin:0 2%;padding-bottom:110.85%;-webkit-transform:rotate3d(0, 0, 1, -60deg) skewY(30deg);transform:rotate3d(0, 0, 1, -60deg) skewY(30deg);overflow:hidden}.article-main .cell *{margin:0;padding:0;position:absolute;visibility:visible}.article-main .honeycomb li a{display:block;width:100%;height:100%;margin:0 auto;-webkit-transform:skewY(-30deg) rotate3d(0, 0, 1, 60deg);transform:skewY(-30deg) rotate3d(0, 0, 1, 60deg);overflow:hidden}.article-main .honeycomb li img{left:-100%;right:-100%;width:auto;height:100%;margin:0 auto;-webkit-transform:rotate3d(0, 0, 0, 0deg);transform:rotate3d(0, 0, 0, 0deg)}.article-main .honeycomb li .text,.article-main .honeycomb li .title{width:100%;padding:5%;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0, 0, 0, 0.7);color:#fff;text-align:center;-webkit-transition:opacity .3s ease-out, -webkit-transform .2s ease-out;transition:opacity .3s ease-out, -webkit-transform .2s ease-out;-o-transition:transform .2s ease-out, opacity .3s ease-out;transition:transform .2s ease-out, opacity .3s ease-out;transition:transform .2s ease-out, opacity .3s ease-out, -webkit-transform .2s ease-out}.article-main .honeycomb li .title{bottom:50%;padding-top:50%;font-size:1.5em;z-index:1;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}.article-main .honeycomb li .title:after{content:'';position:absolute;bottom:0;left:45%;width:10%;border-bottom:1px solid #fff}.article-main .honeycomb li .text{top:50%;padding-bottom:50%;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.article-main .honeycomb li a:focus .text,.article-main .honeycomb li a:focus .title,.article-main .honeycomb li a:hover .text,.article-main .honeycomb li a:hover .title{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.footer-main{background-color:#e48d8a;-webkit-box-shadow:#0000000f 0px 2px 4px 0px inset;box-shadow:#0000000f 0px 2px 4px 0px inset;color:#fff;position:relative;bottom:0;padding:2rem 0 0}.footer-main p{text-align:center;padding:0;margin:0}.footer-main .social-footer{text-align:center}.footer-main .social-footer .fab{padding:0 10px;color:#ffffff}.footer-main .menu-footer{font-size:1.2rem;margin:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-decoration:none;opacity:0.75;font-weight:300;padding:10px 0}.footer-main .menu-footer li{list-style:none;padding:0 20px}.footer-main .menu-footer li a{color:#ffffff;font-weight:bold;text-decoration:none}.footer-main .menu-footer li a:hover{color:#fff48e}.banner-main{width:100%}.thumb img{width:100%;height:auto}.title-main{text-align:center;color:red;font-weight:bold;margin:1rem 0 2rem}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#ffd000!important}.menu--show{top:120px!important;background:#e48d8a}@media only screen and (max-width:600px){.banner-main .promotion-banner .detail-promotion-banner{position:absolute;top:30%;left:0;right:0}.banner-main .promotion-banner .detail-promotion-banner h1{font-size:2rem}.border{display:none}.product-main .detail-product{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;-ms-flex-wrap:wrap;flex-wrap:wrap}.product-main .detail-product p{width:100%}.contact-main{padding:2rem 0}.contact-main h2{text-align:center}.footer-main .menu-footer li{padding:0 5px;font-size:1rem}}@media only screen and (min-width:768px) and (max-width:1024px){.container{max-width:691px;width:691px}.banner-main .promotion-banner .detail-promotion-banner{position:absolute;top:30%;left:0;right:0}.banner-main .promotion-banner .detail-promotion-banner h1{font-size:2rem}.border{display:none}.product-main .detail-product{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;-ms-flex-wrap:wrap;flex-wrap:wrap}.product-main .detail-product p{width:100%}.contact-main{padding:2rem 0}.contact-main h2{text-align:center}.footer-main .menu-footer li{padding:0 5px;font-size:1rem}}@media only screen and (min-width:1367px){.container{max-width:1344px;width:1344px}}
/*# sourceMappingURL=style.min.css.map */