html,body,#root{margin:0;padding:0;height:100%;width:100%}a{text-decoration:none}.def-w{max-width:1280px}.def-w-70{max-width:920px}.def-w-60{max-width:640px}.def-w-40{max-width:420px}.def-hw{max-width:574px}.def-hw-mg\@xxl{max-width:534px}.maxw480{max-width:480px}.f1{flex:1}.f2{flex:2}.f3{flex:3}.f4{flex:4}.fc{display:flex;flex-direction:column}.fr{display:flex;flex-direction:row}.bs{box-sizing:border-box}.apr1{aspect-ratio:1}.apr2{aspect-ratio:2}.apr1x5{aspect-ratio:1.5}.apr2x4{aspect-ratio:2.4}.center{justify-content:center;align-items: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\@m{padding:10px}.pd-a\@l{padding:20px}.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\@xl{padding-left:30px;padding-right:30px}.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-t\@xl{padding-top:30px}.pd-t\@xxl{padding-top:40px}.pd-l\@m{padding-left:10px}.pd-l\@l{padding-left:20px}.pd-l\@xl{padding-left:30px}.pd-l\@xxl{padding-left:50px}.pd-r\@m{padding-right:10px}.pd-r\@l{padding-right:20px}.pd-r\@xxl{padding-right:50px}.pd-b\@l{padding-bottom:20px}.pd-b\@xxl{padding-bottom:50px}.pd-b\@3xl{padding-bottom:65px}.pd-b\@4xl{padding-bottom:80px}.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-width:2px;border-style:solid;border-color:#eaeaea}.bd-t{border-width:0px;border-top-width:2px;border-style:solid;border-color:#eaeaea}.bd-l{border-width:0px;border-left-width:1.5px;border-style:solid;border-color:#ececec}.bd-r{border-width:0px;border-right-width:1.5px;border-style:solid;border-color:#ececec}.bdi-b{border-width:0px;border-bottom-width:1.5px;border-style:solid;border-color:#ececec}.cpt{cursor:pointer}.font-l{font-family:Taviraj-Light}.font-r{font-family:Taviraj-Regular}.def-bgc{background-color:#f8f8f8}.tf-bgc{background-color:transparent}.ant-collapse-arrow{color:#fff!important}.panal-custom .ant-collapse-content-box{padding:0!important}@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:720px){.uk-hidden\@sm{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:720px){.uk-visible\@sm{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}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Kanit-Bold;src:local("Lato"),url(/assets/Kanit-Bold-nXOKGR2_.ttf) format("opentype")}@font-face{font-family:Kanit-Medium;src:local("Lato"),url(/assets/Kanit-Medium-BcGCcD1m.ttf) format("opentype")}@font-face{font-family:Kanit-Regular;src:local("Lato"),url(/assets/Kanit-Regular-MLtEp43x.ttf) format("opentype")}@font-face{font-family:Kanit-Light;src:local("Lato"),url(/assets/Kanit-Light-Ctpk23sF.ttf) format("opentype")}@font-face{font-family:Kanit-Thin;src:local("Lato"),url(/assets/Kanit-Thin-Bltu82BW.ttf) format("opentype")}@font-face{font-family:Kanit-ExtraLight;src:local("Lato"),url(/assets/Kanit-ExtraLight-CFFQSYad.ttf) format("opentype")}@font-face{font-family:Taviraj-Bold;src:local("Lato"),url(/assets/Taviraj-Bold-Fbu6jdJz.ttf) format("opentype")}@font-face{font-family:Taviraj-Medium;src:local("Lato"),url(/assets/Taviraj-Medium-olgbojLd.ttf) format("opentype")}@font-face{font-family:Taviraj-Regular;src:local("Lato"),url(/assets/Taviraj-Regular-B3KyoFyG.ttf) format("opentype")}@font-face{font-family:Taviraj-Light;src:local("Lato"),url(/assets/Taviraj-Light-D0NHnuMi.ttf) format("opentype")}@font-face{font-family:Taviraj-ExtraLight;src:local("Lato"),url(/assets/Taviraj-ExtraLight-TKyp5_Nn.ttf) format("opentype")}@font-face{font-family:Lobster;src:local("Lato"),url(/assets/Lobster-D_sUKsn8.otf) format("opentype")}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}