@font-face{font-family:NotoSans;font-style:normal;font-weight:100;src:url(/build/assets/NotoSansThai-Thin-bd0e1299.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:200;src:url(/build/assets/NotoSansThai-ExtraLight-d1a2848d.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:300;src:url(/build/assets/NotoSansThai-Light-0719f87c.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:400;src:url(/build/assets/NotoSansThai-Regular-9aee503e.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:500;src:url(/build/assets/NotoSansThai-Medium-965e6119.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:600;src:url(/build/assets/NotoSansThai-SemiBold-27585538.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:700;src:url(/build/assets/NotoSansThai-Bold-5dca36e1.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:800;src:url(/build/assets/NotoSansThai-ExtraBold-5851f3b3.ttf)}@font-face{font-family:NotoSans;font-style:normal;font-weight:900;src:url(/build/assets/NotoSansThai-Black-f54ba7c5.ttf)}@font-face{font-family:BrandVoice;src:url(/build/assets/BrandVoice-880be3bc.ttf)}h1,h2,h3,h4,h5{font-family:NotoSans,Arial,sans-serif;margin:0}h1{font-size:24px;font-weight:700}@media (max-width: 576px){h1{font-size:22px}}h2{font-size:22px;font-weight:600}@media (max-width: 576px){h2{font-size:20px}}h3{font-size:20px;font-weight:600}@media (max-width: 576px){h3{font-size:18px}}h4{font-size:16px;font-weight:600}@media (max-width: 576px){h4{font-size:14px}}h5{font-size:16px;font-weight:500}@media (max-width: 576px){h5{font-size:14px}}@media (max-width: 768px){.layouts_navbar{padding:0}}.nav{width:100%;height:auto;padding:2px;background-color:#fff}.nav-item{height:40px;text-align:center;margin:0 4px}.nav-item i.fa{font-size:20px;position:relative;top:2px}.nav-item:hover .nav-link{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}h3.nav-link{margin:0;line-height:40px;padding:0}.nav-link{font-size:16px;font-weight:400;padding:8px;color:#5a5a5a;cursor:pointer}.nav-link:hover{color:#333;border-bottom:dashed 1.2pt #333}.nav-link:hover .fa-angle:before{content:""}.nav-link .fa-angle:before{content:""}.nav-link.active{color:#009e40;font-weight:400}.nav-link.active .fa-angle:before{content:""}.nav-item-logo{width:138px}.nav-item-logo:hover{border-bottom:dashed 0 rgba(255,255,255,0)}.nav-item-search{width:24px;line-height:40px;margin-left:10px;max-width:190px;width:100%;position:relative}.nav-item-search:hover{border-bottom:dashed 0 rgba(255,255,255,0)}.nav-item-search [name=navsearch]{float:left;margin:5px 0 0;width:100%;height:32px;line-height:32px;border:1px solid #ddd;border-radius:5px;padding-left:30px;font-size:14px}.nav-item-search [name=navsearch]+img{position:absolute;left:10px;top:12px}.nav-item-search .clearkeyword{position:absolute;top:12px;right:0;display:none;cursor:pointer}.nav-item-search .clearkeyword.active{display:inline-block}.nav-pop a{text-decoration:none}.nav-pop:hover h3 a{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.nav-pop{display:none;width:185px;margin-top:-1px;position:absolute;z-index:100;flex-direction:column;text-align:left;background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 0 10px #aaa}.nav-pop a{color:#000;padding:5px}.nav-pop a:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.nav-pop button{color:#000;padding:5px}.nav-pop button:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:5px}.nav-link.nav-link-flashdeal{color:#ff4109}.nav-link.nav-link-seller{color:#5a5a5a}.nav-link-user{padding:0}.nav-link-user .user-img{width:40px;height:40px;object-fit:cover;border-radius:50%}.nav-close{display:none}.navbar-light .navbar-toggler{border:none;position:relative}.navbar-ligh t .navbar-toggler:before{content:"";display:inline-block;width:3px;height:6px;background-color:#fff;position:absolute;top:11px;right:16px}.navmobile_search{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#eee;display:none}.navmobile_search.active{display:block}.navmobile_search-header{background-color:#fff;height:68px;display:flex;justify-content:space-evenly;align-items:center}.navmobile_search-header input{line-height:30px;border-radius:4px;border:1px solid #CCC;width:80%;padding-left:8%}.navmobile_search-header img:nth-child(3){position:absolute;left:17%}#navsearchresult.active{display:inline-block}#navsearchresult{display:none;position:absolute;background-color:#fff;width:300px;left:calc((300px - 100%)/-2);top:38px;z-index:10;box-shadow:1px 0 10px #00000042;border-radius:5px;padding:20px 25px 0 30px}#navsearchresult *{font-size:14px;line-height:18px;color:#616d80}#navsearchresult .keyword *{line-height:26px}#navsearchresult .keyword label{margin-right:5px}#navsearchresult .keyword i{font-style:normal;background-color:#76e3a2;color:#000;padding:0 5px}#navsearchresult .sibling *{line-height:26px}#navsearchresult .sibling label{margin-right:5px}#navsearchresult .sibling i{font-style:normal;background-color:#76e3a2;color:#000;padding:0 5px}#navsearchresult label{margin:0}#navsearchresult .items>div{border-bottom:1px solid #dce1e6;padding:10px 0;width:100%}#navsearchresult .items>div:first-child{padding-top:5px}#navsearchresult .items a{font-size:18px;color:#000;line-height:30px;height:30px;overflow:hidden;display:block}#navsearchresult .items a i{font-size:18px;font-style:normal;color:#000;background-color:#76e3a2}#navsearchresult .more{justify-content:center}#navsearchresult .more a{color:#009e40;font-size:16px;padding:15px 0}#navsearchresult .more button{color:#009e40;font-size:16px;padding:15px 0;border:none;background-color:transparent}#navsearchresult2.active{display:inline-block}#navsearchresult2{display:none;position:absolute;width:300px;left:calc((300px - 100%)/-2);top:68px;z-index:10;padding:20px 25px 0 30px}#navsearchresult2 *{font-size:14px;line-height:18px;color:#616d80}#navsearchresult2 .keyword *{line-height:26px}#navsearchresult2 .keyword label{margin-right:5px}#navsearchresult2 .keyword i{font-style:normal;background-color:#76e3a2;color:#000;padding:0 5px}#navsearchresult2 .sibling *{line-height:26px}#navsearchresult2 .sibling label{margin-right:5px}#navsearchresult2 .sibling i{font-style:normal;background-color:#76e3a2;color:#000;padding:0 5px}#navsearchresult2 label{margin:0}#navsearchresult2 .items>div{border-bottom:1px solid #dce1e6;padding:10px 0;width:100%}#navsearchresult2 .items>div:first-child{padding-top:5px}#navsearchresult2 .items a{font-size:18px;color:#000;line-height:30px;height:30px;overflow:hidden;display:block}#navsearchresult2 .items a i{font-size:18px;font-style:normal;color:#000;background-color:#76e3a2}#navsearchresult2 .more{justify-content:center}#navsearchresult2 .more a{color:#009e40;font-size:16px;padding:15px 0}#navsearchresult2 .more button{color:#009e40;font-size:16px;padding:15px 0;border:none;background-color:transparent}@media only screen and (min-width: 767px){.nav-link:hover{border-bottom:none!important}.nav-link:hover+.nav-pop{display:flex}.nav-pop:hover{display:flex}}@media only screen and (max-width: 991px){#mainlogo{display:none!important}}@media only screen and (max-width: 767px){#topMenu{width:calc(100% - 80px);box-shadow:80px 0 #0000004d;background-color:#fafafa}#topMenu>ul{background-color:transparent}#topMenu .nav-item{margin:0;padding:0 20px;height:auto;border-bottom:1px dotted #dce1e6;position:relative}#topMenu .nav-item a{padding:0;line-height:55px;height:auto}#topMenu .nav-item i.fa{position:absolute;top:13px;right:20px;font-size:24px;color:#777}.nav-item h3{padding:0;line-height:55px;height:auto;line-height:40px}.nav-item{text-align:left;padding-top:10px}.nav-item a{line-height:40px}.nav-item:hover{background-color:#eff5ff}.nav{display:block;width:100%;height:100vh;overflow:scroll}.nav-link{padding:unset;border-bottom:none!important}.nav-link:hover{color:#333;border-bottom:dashed 1.2pt #333;border-bottom:none!important}.nav-link:hover+.nav-pop{display:flex}.navbar-collapse{position:fixed;z-index:10000;top:0;left:0;background-color:#fff}.navbar-collapse.collapsing{height:100vh;-webkit-transition:left .3s ease;-o-transition:left .3s ease;-moz-transition:left .3s ease;transition:left .3s ease;left:-100%}.navbar-collapse.show{left:0;-webkit-transition:left .3s ease-in;-o-transition:left .3s ease-in;-moz-transition:left .3s ease-in;transition:left .3s ease-in}.nav-close{display:block;width:297px;height:88px}.nav-pop:hover{display:flex}.nav-pop{position:inherit;padding:0 0 0 20px;box-shadow:none;background-color:transparent}.nav-link.mobile-active{border-bottom:none!important}.nav-link.mobile-active+.nav-pop{display:flex}.nav-link.mobile-active .fa-angle:before{content:""}.nav-pop.mobile-active{display:flex}.navbar{padding:10px;align-items:center}.app-navbar .navbar-search{width:100px;text-align:right;padding-right:10px}}
