body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.img-product-con{background-color:#e1e1e1}.img-product-mini-item{width:100vw;height:320px}.axx{background-color:red}.def-w-word{max-width:860px}.def-w{max-width:1148px}.def-hw{max-width:574px}.def-hw-mg\@xxl{max-width:534px}.maxw480{max-width:480px}.f1{flex:1 1}.f2{flex:2 1}.f3{flex:3 1}.fc{flex-direction:column}.fc,.fr{display:flex}.fr{flex-direction:row}.apr1{aspect-ratio:1}.apr2{aspect-ratio:2}.apr1x5{aspect-ratio:1.5}.apr2x4{aspect-ratio:2.4}.center{justify-content:center}.center,.centerV{align-items:center}.centerH{justify-content:center}.spaceV{justify-content:space-between}.topc{justify-content:flex-start}.bottomc{justify-content:flex-end}.bottomr{align-items:flex-end}.leftc{align-items:flex-start}.rightc{align-items:flex-end}.leftr{justify-content:flex-start}.rightr{justify-content:flex-end}.fw{width:100%}.f90{width:90%}.fh{height:100%}.fh2{height:100vw}.fh-vh{height:100vh}.hw{width:60%}.defc\@s{width:95%}.mg-t\@m{margin-top:10px}.mg-t\@l{margin-top:20px}.mg-t\@xl{margin-top:40px}.mg-t\@xxl{margin-top:50px}.mg-t\@3xl{margin-top:65px}.mg-t\@5xl{margin-top:90px}.mg-t\@s{margin-top:6px}.mg-b\@s{margin-bottom:6px}.mg-b\@m{margin-bottom:10px}.mg-b\@l{margin-bottom:20px}.mg-b\@xl{margin-bottom:30px}.mg-b\@3xl{margin-bottom:65px}.mg-b\@5xl{margin-bottom:90px}.mg-l\@m{margin-left:10px}.mg-l\@l{margin-left:20px}.mg-r\@m{margin-right:10px}.mg-r\@l{margin-right:20px}.mg-r\@xl{margin-right:30px}.pd-a\@l{padding:10px}.pd-a\@xl{padding:30px}.pd-v\@s{padding-top:6px;padding-bottom:6px}.pd-v\@m{padding-top:10px;padding-bottom:10px}.pd-v\@l{padding-top:20px;padding-bottom:20px}.pd-v\@xl{padding-top:36px;padding-bottom:36px}.pd-v\@xxl{padding-top:46px;padding-bottom:46px}.pd-v\@3xl{padding-top:65px;padding-bottom:65px}.pd-v\@4xl{padding-top:80px;padding-bottom:80px}.pd-h\@m{padding-left:10px;padding-right:10px}.pd-h\@l{padding-left:20px;padding-right:20px}.pd-h\@xxl{padding-left:40px;padding-right:40px}.pd-h\@8xl{padding-left:130px;padding-right:130px}.pd-t\@m{padding-top:10px}.pd-t\@l{padding-top:20px}.pd-l\@m{padding-left:10px}.pd-l\@l{padding-left:20px}.pd-l\@xxl{padding-left:50px}.pd-r\@l{padding-right:10px}.pd-b\@l{padding-bottom:20px}.pd-b\@xxl{padding-bottom:50px}.pd-b\@3xl{padding-bottom:65px}.pd-b\@5xl{padding-bottom:90px}.mw400{max-width:400px}.ellipsis{white-space:nowrap;overflow:visible;text-overflow:ellipsis}.scroll-ellipsis{white-space:nowrap;overflow:scroll}.bd-a{border:2px solid #eaeaea}.bd-t{border:solid #eaeaea;border-width:2px 0 0}.bd-l{border:solid #ececec;border-width:0 0 0 1.5px}.bd-r{border:solid #ececec;border-width:0 1.5px 0 0}.bdi-b{border:solid #ececec;border-width:0 0 1.5px}.cpt{cursor:pointer}.font-l{font-family:"Taviraj-Light"}.font-r{font-family:"Taviraj-Regular"}.def-bgc{background-color:#f8f8f8}.ant-tabs-ink-bar{background:#70b138}.ant-tabs-ink-bar,.ant-tabs-tab{font-size:16px;font-family:"Taviraj-medium"}.ant-tabs-tab,.ant-tabs-tab:hover{color:#bbb}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#000!important;font-size:16px;font-family:"Taviraj-medium"}.ant-table-thead .ant-table-cell{background-color:#f8f8f8}.spin{justify-content:center;width:100%;height:100%;background-color:red}.site-back-top-basic{display:flex;width:40px;height:40px;border-radius:20px;justify-content:center;align-items:center;background-color:#70b138;border:2px solid #e9e9e9}@media (min-width:639px){.defc\@s{width:95%}}@media (min-width:640px){.defc\@s{width:54%}.filter-con{width:200px}.img-product-con{width:230px;height:350px}.img-product-h{height:350px}.prcduct-con-w{width:90%}}@media (min-width:770px){.filter-con{width:240px}.img-product-con{width:300px;height:400px}.img-product-h{height:400px}.prcduct-con-w{width:90%}}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Kanit-Bold";src:local("Lato"),url(/static/media/Kanit-Bold.7c212d49.ttf) format("opentype")}@font-face{font-family:"Kanit-Medium";src:local("Lato"),url(/static/media/Kanit-Medium.87ad7842.ttf) format("opentype")}@font-face{font-family:"Kanit-Regular";src:local("Lato"),url(/static/media/Kanit-Regular.dee71812.ttf) format("opentype")}@font-face{font-family:"Kanit-Light";src:local("Lato"),url(/static/media/Kanit-Light.a0cf4b27.ttf) format("opentype")}@font-face{font-family:"Kanit-ExtraLight";src:local("Lato"),url(/static/media/Kanit-ExtraLight.74d52503.ttf) format("opentype")}@font-face{font-family:"Taviraj-Bold";src:local("Lato"),url(/static/media/Taviraj-Bold.c049732c.ttf) format("opentype")}@font-face{font-family:"Taviraj-Medium";src:local("Lato"),url(/static/media/Taviraj-Medium.92633f96.ttf) format("opentype")}@font-face{font-family:"Taviraj-Regular";src:local("Lato"),url(/static/media/Taviraj-Regular.9663b54d.ttf) format("opentype")}@font-face{font-family:"Taviraj-Light";src:local("Lato"),url(/static/media/Taviraj-Light.18090846.ttf) format("opentype")}@font-face{font-family:"Taviraj-ExtraLight";src:local("Lato"),url(/static/media/Taviraj-ExtraLight.4b008206.ttf) format("opentype")}@font-face{font-family:"Lobster";src:local("Lato"),url(/static/media/Lobster.75cde7a9.otf) format("opentype")}