#breadcrumb{display:flex;font-family:"IBM Plex Sans Thai Medium",sans-serif;font-size:.9em}#breadcrumb .wrapper,#breadcrumb .wrapper .inner{margin:0 auto}@media only screen and (max-width: 1024px){#breadcrumb{display:block}}#breadcrumb .wrapper .inner{padding-top:2rem}#breadcrumb .list{flex-wrap:wrap}#breadcrumb .list,#breadcrumb .list li{align-items:center;display:flex}#breadcrumb .list li{margin-right:.5rem}#breadcrumb .list li:last-child{margin-right:0}#breadcrumb a{color:#4d4d4d;transition:color .3s ease-in-out}#breadcrumb a:hover{color:#f20f38}#breadcrumb i{color:#b7b7bd;margin-left:.5rem}@media only screen and (max-width: 1024px){#breadcrumb .wrapper .inner{padding-top:1.5rem}}@media only screen and (max-width: 768px){#breadcrumb .list li{margin-bottom:.25rem;max-width:100%;position:relative}#breadcrumb a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;max-width:100%;padding-right:1rem}#breadcrumb i{align-items:center;bottom:0;display:flex;position:absolute;right:0;top:0}}#search{display:flex}#search .wrapper,#search .wrapper .inner{margin:0 auto}#search .wrapper .inner{padding:4rem 0}@media only screen and (max-width: 1024px){#search{display:block}#search .wrapper .inner{padding:3rem 0}}#search .wrapper .inner{padding:2rem 0}#search .title{line-height:1.5;margin-bottom:2rem}#search .title h2{font-family:"IBM Plex Sans Thai Semi Bold",sans-serif;font-size:1.5em}#search .title span{color:#f20f38;display:inline-block}#search .title h1{font-family:"IBM Plex Sans Thai Semi Bold",sans-serif;font-size:1.5em}#search .main>p{color:#b7b7bd;margin-bottom:2rem}#search #categories,#search #products{margin-bottom:3rem}#search #categories h2,#search #products h2{font-family:"IBM Plex Sans Thai Semi Bold",sans-serif;font-size:1.25em;margin-bottom:.5rem}#search #categories h3,#search #products h3{font-family:"IBM Plex Sans Thai Semi Bold",sans-serif;font-size:1.25em}#search #categories .results,#search #products .results{font-family:"IBM Plex Sans Thai",sans-serif;margin-bottom:1.5rem}#search #categories .results p,#search #products .results p{font-size:.9em}#search #categories .list,#search #products .list{border:1px solid #c3c3c3;font-family:"IBM Plex Sans Thai",sans-serif;padding:1.5rem}#search #categories .list>ul>li,#search #products .list>ul>li{margin-bottom:1.5rem}#search #categories .list>ul>li:last-child,#search #products .list>ul>li:last-child{margin-bottom:0}#search #categories .list a,#search #products .list a{color:#4d4d4d;transition:opacity .3s ease-in-out}#search #categories .list a:hover,#search #products .list a:hover{opacity:.7}#search #categories .details,#search #products .details{margin-top:.5rem}#search #categories .details p,#search #products .details p{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}#search #categories .btn,#search #products .btn{margin-top:1.5rem}#search #categories .btn a,#search #products .btn a{align-items:center;color:#f20f38;display:flex;font-family:"IBM Plex Sans Thai Medium",sans-serif;transition:opacity .3s ease-in-out}#search #categories .btn a:hover,#search #products .btn a:hover{opacity:.7}#search #categories .btn i,#search #products .btn i{margin-left:.25rem}#search #products .list a{display:flex;transition:none}#search #products .list a .img{transition:border-color .3s ease-in-out}#search #products .list a .text{transition:opacity .3s ease-in-out}#search #products .list a:hover{opacity:1}#search #products .list a:hover .img{border-color:#f20f38}#search #products .list a:hover .text{opacity:.7}#search #products .list .img{flex:auto;overflow:hidden;background-color:#fff;border:1px solid #c3c3c3;border-radius:15px;flex:0 0 auto;height:100px;margin-right:1.5rem;overflow:visible;padding:.5rem;width:100px}#search #products .list .img img{height:100%;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}#search #products .list .img .lazy{opacity:0}#search #products .list .img.lazy-loading{animation-duration:.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:lazyLoadPlaceHolder;animation-timing-function:linear;background:url(https://d18h5bpooyvslu.cloudfront.net/assets/plugins/lazyload/default-cd21d036c41f43d746f1cf2a17a77203912b0358e888a44d297eef19c69ffdeb.gif) 0 0}#search #products .list .pinned .img{position:relative}#search #products .list .pinned .img,#search #products .list .pinned .img:hover{border-color:transparent}#search #products .list .pinned .img::before,#search #products .list .pinned .img::after{border:5px solid transparent;border-radius:15px;bottom:0;box-sizing:border-box;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .4s ease-in-out}#search #products .list .pinned .img::before{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(to bottom, #fe9a42, #ee406b) border-box}#search #products .list .pinned .img::after{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(to top, #fe9a42, #ee406b) border-box;opacity:0}#search #products .list .pinned .img:hover::after{opacity:1}#search #products .list .pinned .img .img,#search #products .list .pinned .img .sponsor{z-index:1}#search #products .list .pinned .img .sponsor{background:linear-gradient(180deg, #fe9a42 0%, #ee406b 100%);border-radius:1rem;margin-right:.7rem;padding:.1rem .4rem;position:absolute;right:0;text-transform:uppercase;top:-5px}#search #products .list .pinned .img .sponsor p{color:#fff;font-family:"IBM Plex Sans Thai Bold",sans-serif;font-size:.6em}#search #products .list .pinned .img picture{position:relative;z-index:1}#search #products .list .pinned:hover .img{border-color:transparent}#search #products .list .pinned:hover .img::after{opacity:1}#search #products .categories{font-family:"IBM Plex Sans Thai Light",sans-serif}#search #products .categories ul{display:flex;flex-wrap:wrap;max-width:30rem}#search #products .categories li{box-sizing:border-box;display:inline-block;margin-top:.5rem;max-width:33.3333%;padding-right:.5rem}#search #products .categories a,#search #products .categories p{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;border:1px solid #666;border-radius:2rem;color:#666;font-size:.8em;-webkit-line-clamp:1;line-height:1.75rem;padding:0 .5rem}@media only screen and (max-width: 768px){#search #products .categories ul{max-width:none}#search #products .categories li{max-width:20rem}}@supports (-webkit-overflow-scrolling: touch){#search #products .categories a,#search #products .categories p{height:1.8rem;line-height:1.8rem}}@supports (-webkit-overflow-scrolling: touch){#search #products .categories a,#search #products .categories p{height:1.8rem;line-height:1.8rem}}@media only screen and (max-width: 768px){#search .wrapper .inner{padding:1.5rem 0}#search #categories .list,#search #products .list{padding:1rem}#search #categories .list>ul>li,#search #products .list>ul>li{margin-bottom:1rem}#search #categories .list>ul>li:last-child,#search #products .list>ul>li:last-child{margin-bottom:0}#search #products .img{height:80px;margin-right:1rem;width:80px}}@media only screen and (max-width: 480px){#search .wrapper .inner{padding:1rem 0}#search #categories .btn,#search #products .btn{margin-top:1rem}#search #products a{display:block}#search #products .img{margin-bottom:1rem;margin-right:0}}
