html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}tr:nth-child(even){background:#f7f7f7}tr:nth-child(odd){background:white !important}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}@font-face{font-family:'Kanit';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr5aOiWg.ttf) format('truetype')}@font-face{font-family:'Kanit';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr4-OSWg.ttf) format('truetype')}@font-face{font-family:'Kanit';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKZ-Go6G5tXcoaS.ttf) format('truetype')}@font-face{font-family:'Kanit';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr5mOCWg.ttf) format('truetype')}@font-face{font-family:'Kanit';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr4uPiWg.ttf) format('truetype')}@font-face{font-family:'Kanit';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/kanit/v12/nKKU-Go6G5tXcr4yPSWg.ttf) format('truetype')}body{font:16px/26px "kanit";font-family:"kanit",sans-serif;overflow-x:hidden;overflow-y:scroll;margin:0;padding:0}.wrapper{width:90%;margin:0 5%}a{color:inherit;text-decoration:none}a:hover{color:inherit}.main{padding:30px 0}.main article h1{font-size:2em}.main aside{color:white;padding:0 5% 10px}.footer-container footer{color:white;padding:20px 0}.ie7 .title{padding-top:20px}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a:focus,a:active,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:0;outline:0}input,textarea,input:focus,textarea:focus{transition:all;box-shadow:none}a:focus,a:hover{text-decoration:none}.load-wrap{width:100%;height:100vh;background:white url("../icon/load2.gif");background-position:center;background-repeat:no-repeat;background-size:200px;position:fixed;display:inline-block;z-index:100}.bg-red{background:#8b0000}.bg-blue{background:#1172BA !important}.bg-light-gray{background:#dddddd !important}.bg-light-sky{background:#dbe6f0 !important}.bg-box{background:#EFEFEF !important}.border-light-gray{border:1px solid #dddddd}.border-light-gray-hover{border:1px solid #dddddd}.border-top{border-top:1px solid #dddddd}.border-bottom{border-bottom:1px solid #dddddd}.border-bottom-5::after{width:100px;height:5px;display:block;background:#333333;content:"";margin-top:.5rem}.font-color-blue{color:#1172BA !important}.font-color-price{color:#0057A2 !important}.w-150{width:150% !important}.w-180{width:180% !important}.w-130{width:130% !important}.h-280{height:280px}.h-180{height:180px}.m-h-180{min-height:180px}.m-w-320{min-width:320px}.clear{margin:0;padding:0}.img-size-150{width:150px;height:150px;overflow:hidden}.img-size-25{width:25px;height:25px}.img-size-20{width:20px;height:20px}.img-size-40{width:40px;height:40px;overflow:hidden}.img-size-80{width:80px;height:80px;overflow:hidden}.padding-0{padding:0}.padding-5{padding:5px}.padding-10{padding:10px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-left-10{padding-left:10px}.padding-top-10{padding-top:10px}.padding-top-15{padding-top:15px}.padding-top-20{padding-top:20px}.padding-top-30{padding-top:30px}.padding-bottom-10{padding-bottom:10px}.padding-bottom-100{padding-bottom:100px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-100{margin-bottom:100px}.margin-top-10{margin-top:10px !important}.margin-top-20{margin-top:20px}.margin-top-30{margin-top:30px}.margin-top-50{margin-top:50px}.margin-top-70{margin-top:70px}.margin-top-100{margin-top:100px}.magin-top-150{margin-top:150px}.margin-left-5{margin-left:5px}.margin-left-10{margin-left:10px}.margin-left-20{margin-left:20px}.margin-right-10{margin-right:20px}.fontsize12{font-size:12px}.fontsize14{font-size:14px}.fontsize16{font-size:16px}.fontsize18{font-size:18px}.fontsize20{font-size:20px}.fontsize24{font-size:24px}.fontsize30{font-size:30px}.fontsize40{font:40px/60px "kanit"}.fontsize50{font-size:50px}.fontsize60{font-size:60px}.z-0{z-index:0}.z-1{z-index:1}.z-5{z-index:5}.z-10{z-index:10}.relative{position:relative}.height-350{height:350px}.width-50{width:50px}.width-80{width:80px}.width-100{width:100px}.width-120{width:120px}.width-140{width:140px}.width-150{width:150px}.width-180{width:180px}.box-shadow-gray{box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25)}.box-shadow-gray-hover{box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,0.25);transition:all .3s}.box-shadow-gray-hover:hover{box-shadow:0 4px 6px 0 rgba(75,172,255,0.25);-webkit-box-shadow:0 4px 6px 0 rgba(75,172,255,0.25);-moz-box-shadow:0 4px 6px 0 rgba(75,172,255,0.25);transition:all .3s}.box-shadow-blue{box-shadow:0 4px 6px 0 rgba(75,172,255,0.25);-webkit-box-shadow:0 4px 6px 0 rgba(75,172,255,0.25);-moz-box-shadow:0 4px 6px 0 rgba(75,172,255,0.25)}.list-group-flush .list-group-item i{margin:0 5px}.list-group-flush .active{background:none;border-top:1px solid #dddddd;color:#1172BA}.list-group-flush .active::before{width:4px;content:'';display:inline-block;background:#1172BA;position:absolute;height:25px;margin:0 0 0 -15px}.flashsale{display:block;position:absolute}.flashsale .text{display:block;float:left;background:#8B0000;color:white;font:14px "kanit";padding:2px 5px;margin:5px 0 0 0}.flashsale .time{display:block;float:left;background:#470000;color:white;font:bold 12px "kanit";padding:2px 5px;margin:5px 0 0 0}.product-tag{display:block;float:left;font:12px "kanit";padding:2px 5px;margin-right:5px}.shipping-free{border:1px solid #004726;color:#004726;transition:all .3s}.shipping-free:hover{background:#004726;color:white}.choose{border:1px solid #333333;color:#333333;transition:all .3s;font:16px "kanit" !important;cursor:pointer;text-align:center;min-width:50px;margin-right:10px}.choose:hover{background:#333333;color:white}.chooseactive{background:#333333;color:white}.count-sale{font:12px "kanit";color:#818181;display:block;float:left;padding-top:8px}.price{display:block;float:right}.price .old-price{display:block;float:left;font:12px "kanit";padding-top:8px;text-decoration:line-through}.price .new-price{display:block;float:right;font:bold 18px "kanit";color:#8B0000}.price-table .old-price{font:12px "kanit";padding-top:8px;text-decoration:line-through}.price-table .new-price{font:500 16px "kanit";color:#8B0000 !important}.price-product-detail{display:none}.price-product-detail .sale-tag{padding:0 5px;background:#8b0000;color:white;display:block;float:left;margin-top:9px;margin-right:5px;font:12px "kanit"}.price-product-detail .old-price{display:block;float:left;font:16px "kanit";padding-top:8px;text-decoration:line-through;margin-right:5px}.price-product-detail .new-price{display:block;float:right;font:bold 24px "kanit";color:#8B0000}.break-border-bottom{text-align:center}.break-border-bottom::after{width:100px;height:5px;background:#333333;content:"";display:inline-block}.box-150{height:150px;overflow:hidden}.box-150 img{height:150px}.box-300{overflow:hidden}.box-300 img{width:100%}.product-img{width:100%;height:400px;display:inline-block;overflow:hidden}.product-img .main-product-img{height:400px;width:100%;object-fit:contain}.sub-img-wrap{white-space:nowrap;overflow-x:scroll}.sub-img-wrap .sub-img{cursor:pointer;display:inline-block;width:100px;height:100px;margin-right:5px;overflow:hidden}.sub-img-wrap .sub-img img{height:100px;width:100%;object-fit:contain}.user_customer{width:100px;overflow:hidden;border:3px solid #333333}.user_customer img{width:100%}.time-box{width:20px;height:20px;display:inline-block;background:white;text-align:center;font:bold 16px/20px "kanit"}.button-tag{width:150px;border:1px solid #333333;color:#333333;background:white;transition:all .3s;cursor:pointer;text-align:center;min-width:50px;padding:5px 5px;margin-right:5px;font:18px "kanit"}.button-tag:hover{background:#333333;color:white}.w-48{width:48% !important}.button-tag-active{background:#333333;color:white}.noti-shopping{width:20px;height:20px;border-radius:50%;text-align:center;color:white;font-size:12px;font-weight:800;line-height:20px;background:#8b0000;display:inline-block}.img-cart{width:130px;height:130px;object-fit:contain}.imgbox{width:100%;height:200px;overflow:hidden}.img-fix{min-height:200px}.btn-cart-submit{width:100%;border-radius:0;cursor:pointer;font:500 20px "kanit";border:1px solid #333333;padding:5px;margin:10px 0;background:white}.btn-cart-submit:hover{background:#333333;color:white;border-radius:0}.btn-cart-submit:active{background:#333333;color:white;border-radius:0}.pointer{cursor:pointer !important}.fix-position-button{position:fixed;bottom:0;width:100%;background:white;left:0;z-index:10;-webkit-box-shadow:0 0 5px -1px rgba(0,0,0,0.51);-moz-box-shadow:0 0 5px -1px rgba(0,0,0,0.51);box-shadow:0 0 5px -1px rgba(0,0,0,0.51)}.logo_img{width:160px}.tab{width:100%;display:inline-block}.tab input{float:left;border:1px solid #333333;outline:none;cursor:pointer;padding:4px;margin:0 10px 10px 0;transition:.3s;background:white}.tab button{background-color:inherit;float:left;border:1px solid #333333;outline:none;cursor:pointer;padding:4px 6px;margin:0 10px 10px 0;transition:.3s;background:white}.user-review button{background-color:inherit;float:left;border:1px solid #333333;outline:none;cursor:pointer;padding:4px 6px;margin:0 10px 0 0;transition:.3s}.user-review button{padding:0 6px}.tab button:hover{background-color:#333333;color:white}.user-review button:hover{background-color:#333333;color:white}.tab button.active{background-color:#333333;color:white;border-radius:0}.tabcontent{display:none}.project-card-name{font-size:16px;height:34px}.project-card-description{font-size:12px;height:45px;line-height:1.3;font-weight:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.box-info-card-product{min-height:150px}.review_img{width:100%;height:300px;overflow:hidden;text-align:center}.review_img img{width:100%;display:inline-block;min-height:300px}.review_img_random{width:100%;height:200px;overflow:hidden;text-align:center}.review_img_random img{width:100%;display:inline-block;min-height:200px}.img-main-project{width:50px;height:50px;overflow:hidden}.img-main-project img{width:100%;display:inline-block}.img_del{position:absolute;right:10px}.wp-stars svg{width:18px}@media only screen and (min-width:540px){.wp-stars svg{width:18px}}@media only screen and (min-width:720px){.flashsale{display:block;position:absolute}.flashsale .text{display:block;float:left;background:#8B0000;color:white;font:14px "kanit";padding:2px 5px;margin:5px 0 0 0}.flashsale .time{display:block;float:left;background:#470000;color:white;font:bold 12px "kanit";padding:2px 5px;margin:5px 0 0 0}.product-tag{display:block;float:left;font:12px "kanit";padding:2px 5px}.shipping-free{border:1px solid #004726;color:#004726}.count-sale{font:12px "kanit";color:#818181;display:block;float:left;padding-top:8px}.price{display:block;float:right}.price .old-price{display:block;float:left;font:12px "kanit";padding-top:8px;text-decoration:line-through}.price .new-price{display:block;float:right;font:bold 18px "kanit";color:#8B0000}.break-border-bottom{text-align:center}.break-border-bottom::after{width:100px;height:5px;background:#333333;content:"";display:inline-block}.box-150{height:150px;overflow:hidden}.box-150 img{height:150px}.box-300{height:300px;overflow:hidden}.box-300 img{height:300px}.user_customer{width:100px;overflow:hidden;border:3px solid #333333}.user_customer img{width:100%}.logo_img{width:120px}.header-container,.main aside{-webkit-box-shadow:0 5px 10px #aaa;-moz-box-shadow:0 5px 10px #aaa;box-shadow:0 5px 10px #aaa}.title{float:left}}@media only screen and (min-width:992px){.fix-position-button{position:static;bottom:unset;-webkit-box-shadow:unset;-moz-box-shadow:unset;box-shadow:unset}}@media only screen and (min-width:1200px){.wrapper{width:1100px;margin:0 auto}}@media only screen and (min-width:1400px){.main-container{min-height:950px}}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}