@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@100;300;500;600;700&display=swap";.visible-xs{display:none}body{background:#f2f2f2;font-family:"Sarabun"}.form-block{margin-bottom:15px}.form-block .title{border-left:3px solid #022340;padding:10px;font:600 14px/24px "Sarabun";color:#fff;background:#242021;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.form-block button{width:100%;height:46px;border:1px solid #ccc;border-top:0;border-right:0;cursor:pointer;background:#fff}.form-block button i{margin-right:8px}.form-block button:hover{background:#ee1d24;color:#fff}.input{position:relative}.input i{position:absolute;right:20px;line-height:42px}.input img{position:absolute;right:20px;height:30px;margin:5px 0 0}.input input{width:100%;height:42px;border:0;border-bottom:1px solid #ddd;font:13px/44px "Sarabun";color:#313131;padding:0 20px}section.content{padding:15px 0}section.content .loader{width:100%}.spinner{margin:100px auto;width:60px;height:40px;text-align:center;font-size:10px}.spinner>div{background-color:#022340;height:100%;width:6px;margin:0 2.5px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.search-results>.title{display:flex;align-items:center;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:0}.search-results>.title h2{flex:auto;font:600 18px/30px "Sarabun"}.search-results>.title h3{float:right;font:300 14px/30px "Sarabun"}.search-results>.results img{width:100%}.empty-product{background:#fff;padding:45px;text-align:center;font:600 18px/30px "Sarabun"}.product-detail .plaza-no{font:700 18px/30px "Sarabun";margin:0;color:#022340}table.products-list{width:100%;border:1px solid #eeeeef}table.products-list thead tr th{background:#313131;padding:20px 10px;font:600 13px/20px "Sarabun";color:#fff;position:sticky;top:-1px;z-index:500}table.products-list tbody tr{border-bottom:1px solid #ccc}table.products-list tbody tr:nth-child(odd)  {background:#f6f7f8}table.products-list tbody tr.true-stock{background:rgba(0,153,0,.2)}table.products-list tbody tr td{padding:10px;font:13px/26px "Sarabun";color:#424242;font-weight:600}table.products-list tbody tr td a.detail{display:none;background:#303132;padding:5px 15px;color:#fff;border-radius:2px;font:12px/16px "Sarabun"}table.products-list tbody tr:hover{background:#eee}table.products-list tbody tr:hover td a.detail {display:inline-block}.products-table{background:#fff;padding:15px}.select-loader{height:42px;text-align:center;color:#ccc;line-height:42px}*:focus,*:active{outline:0 !important}#product-modal .modal-dialog{max-width:1000px}.modal-product-detail{padding:40px 0}.modal-product-detail .image{border:1px solid #ddd;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative}.modal-product-detail .image img{max-width:100%}.modal-product-detail .image .new-band{position:absolute;left:15px;top:15px;background:#175960;color:#fff;padding:5px 10px;font:600 14px/18px "Sarabun"}.modal-product-detail .plaza-no{display:flex;align-items:center;margin:0 0 15px}.modal-product-detail .plaza-no h2{margin:0;font:700 20px/25px "Sarabun";color:#022340}.modal-product-detail h1.title{font:600 24px/32px "Sarabun";margin:0;color:#000}.modal-product-detail .proinf{margin:0;padding:0;list-style:none}.modal-product-detail .proinf li{font:13px/20px "Sarabun";display:flex;align-items:center;border:1px solid #ddd;padding:10px}.modal-product-detail .proinf li strong{width:100px}table.info-list{font:600 13px/22px "Sarabun";border-collapse:1;width:100%}table.info-list th{border-bottom:0;padding:6px;font-family:"Sarabun";background:#dedede;color:#333;text-align:center}table.info-list td{border:1px solid #ddd;text-align:center;padding:4px}.w100p{width:100%}.mt30{margin-top:30px}[align=left]{text-align:left !important}#preview{position:absolute;padding:5px;display:none;z-index:2000;box-shadow:0 0 5px rgba(0,0,0,.4);background:#fff}#preview img{width:200px}a.photo-link{display:block;background:#242021;color:#fff;margin:0 0 0 5px;padding:2px;text-align:center;font-size:12px}.select2-dropdown{padding-left:15px}.bigdrop{width:600px !important}.oems-title{border:1px solid #ddd;padding:5px;font:600 16px/22px "Sarabun";text-align:center}.select2-results__option{font-size:12px}.lang-links{text-align:center;margin:0 0 10px}a.new-products{display:flex;align-items:center;padding:10px;font:600 13px/20px "Sarabun";color:#fff;background:#ee1d24}a.new-products i{margin-right:8px}a.new-products:hover{text-decoration:none}.home-bg .bg{max-width:100%}.mobile-app-buttons{position:absolute;left:30px;top:30px}.mobile-app-buttons img{width:140px;margin-right:15px}.mobile-header .top-bar{display:flex;align-items:center;background:#fff;padding:10px}.mobile-header .top-bar a.logo{flex:auto}.mobile-header .top-bar a.logo img{height:50px}.mobile-header .top-bar .lang-links{float:right}.mobile-header .top-bar .lang-links a{margin-left:10px}.mobile-header .search-links{display:flex}.mobile-header .search-links a{flex:1;display:block;border-right:1px solid #000;background:#333;color:#fff;text-align:center;padding:10px;font:12px/18px "Sarabun"}@media(max-width: 768px){.visible-xs{display:block !important}.hidden-xs{display:none !important}section.content{padding:15px !important}.form-block button{background:#f2f2f2;height:32px !important}.mobile-app-buttons{position:relative !important;top:auto !important;left:auto !important;padding:0 0 0 50px;width:100%}.mobile-app-buttons a{display:block;text-align:center;margin:0 0 15px}.mobile-app-buttons img{width:140px;margin-right:15px}.search-bar{position:relative !important;top:auto !important}table.products-list thead tr th{position:relative !important;top:auto !important}form.search{display:block !important;height:auto !important}form.search .select-dropdown{margin:0 0 10px !important}form.search input{float:none !important;width:100% !important;margin:0 0 10px !important}form.search button{width:100% !important}}.dimensions{font:14px/18px "Sarabun";padding:5px;border:1px solid #ddd;margin:15px 0 0}.login-stage{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-stage .login-form{width:400px;background:#fff;padding:30px;box-shadow:0 0 30px #666;margin:0 0 30px}.login-stage .login-form .logo{text-align:center;margin:0 0 10px}.login-stage .login-form .logo img{max-width:100%}.login-stage .login-form .lang-links{margin:0 0 20px}.login-stage .login-form .title{font:600 20px/24px "Sarabun";margin:0 0 10px;text-align:center}.login-stage .login-form .title strong{color:#022340}.login-stage .login-form input{border:1px solid #ddd;width:100%;height:38px;padding:10px;font:600 15px/18px "Sarabun";margin:0 0 10px;text-align:center}.login-stage .login-form textarea{border:1px solid #ddd;width:100%;height:98px;padding:10px;font:600 15px/18px "Sarabun";margin:0 0 10px;text-align:center}.login-stage .login-form button{width:100%;height:38px;border:0;text-align:center;font:600 15px/18px "Sarabun";padding:10px;background:#022340;color:#fff}.information-message{font:600 15px/26px "Sarabun";text-align:center}form.cart-add{display:flex;align-items:center;float:right}form.cart-add input{border:1px solid #ccc;border-right:0;width:70px;height:36px;border-radius:3px 0 0 3px;text-align:center}form.cart-add button{background:#313131;border-radius:0 3px 3px 0;width:40px;height:36px;color:#fff;border:0;text-align:center;cursor:pointer}.top-result{position:fixed;top:60px;right:20px;width:300px;text-align:right}section.news-bar{position:absolute;right:0;top:51px;width:calc(100% - 300px);height:50px;background:#022340;z-index:800;border-bottom:1px solid #ccc;display:flex;align-items:center;padding:0 20px}section.news-bar i{color:#fff}section.news-bar .news{padding:0 0 0 20px;font:15px "Sarabun";color:#fff}.asm-panel .panel-title{background:#313131;color:#fff;font:600 18px "Sarabun";padding:10px}.asm-panel .panel-body{padding:10px;background:#fff}.spf{font-family:"Sarabun" !important}table.asm-list{width:100%;border:1px solid #eeeeef}table.asm-list thead{background:#eeeeef}table.asm-list thead tr th{padding:10px;font:600 13px/20px "Sarabun";color:#313131;background:  #eeeeef}table.asm-list tbody tr{border-bottom:1px solid #ccc}table.asm-list tbody tr:nth-child(odd)  {background:#f6f7f8}table.asm-list tbody tr td{padding:10px;font:13px/18px "Sarabun";color:#424242}table.asm-list tbody tr td a.detail{display:none;background:#303132;padding:5px 15px;color:#fff;border-radius:2px;font:12px/16px "Sarabun"}table.asm-list tbody tr td.spf{font-weight:600}table.asm-list tbody tr:hover{background:#eee}table.asm-list tbody tr:hover td a.detail {display:inline-block}table.asm-list tfoot{font:600 13px/20px "Sarabun"}table.asm-list tfoot tr{background:#fff}table.asm-list tfoot tr td{padding:6px}table.asm-list tfoot tr:nth-child(odd){background:#eeeeef}form.cart-number{display:flex}form.cart-number input{border:1px solid #ddd;border-radius:5px;padding:5px;height:32px;width:80px;text-align:center}form.cart-number button{border:0;width:32px;height:32px;border-radius:5px;margin-left:5px;background:#022340;cursor:pointer;color:#fff}pre{background:#333;border-radius:4px;padding:5px;color:#fff}a.cart-product-delete{color:red}.order-finish{padding:15px 0 0;display:flex;justify-content:space-between}.order-finish textarea{width:100%;height:80px;border:1px solid #ddd;padding:10px}.order-finish button{width:100%;height:80px;border:0;padding:10px;background:#022340;font:600 15px "Sarabun";color:#fff;cursor:pointer}.order-finish button:hover{background:#b11b20}.order-finish .note{flex:14}.order-finish .finish{flex:3;padding:0 0 0 30px}.tab-wrapper{display:flex}.tab-wrapper .sidebar{flex:0 0 220px;background:#f2f2f2}.tab-wrapper .sidebar a{display:block;color:#313131;padding:10px}.tab-wrapper .sidebar a.active{background:#fff}.tab-wrapper .contents{flex:auto;padding:0 0 0 30px}form.form label,form.form .lab{display:block}form.form label span,form.form .lab span{display:block;font:600 14px/18px "Sarabun";margin:0 0 5px}form.form label input,form.form .lab input{width:100%;height:40px;border:1px solid #ccc;border-radius:5px;padding:0 10px}form.form label input:focus,form.form .lab input:focus{border-color:blue}form.form button{margin:23px 0 0;width:100%;height:34px;border:0;background:#022340;color:#fff;cursor:pointer}.dropzone-box{border:5px dashed #ccc;padding:30px 15px;min-height:100px;text-align:center}.dz-preview{border:1px dotted #ccc;padding:10px;margin:10px 10px 0 10px;display:inline-block}.dz-preview .progress{margin-bottom:0}.dz-thumbnail-wrapper{display:none}.dz-size{font-size:11px;color:#999;margin:5px 0}.progress-bar{background:#022340}.bold-price{font:700 22px "Sarabun"}.alert p:last-child{margin-bottom:0}.application-form-button{display:block;text-align:center;margin:15px 0 0;color:#333}.search-bar{position:sticky;top:100px;left:0;width:100%;z-index:1005}form.search{width:100%;margin-right:15px;display:flex;align-items:center;justify-content:space-between}form.search .select-dropdown{flex:4;margin-right:10px}form.search input{flex:5;float:left;flex:auto;height:35px;border:1px solid #022340;background:#fff;margin-right:10px;font:14px "Sarabun";padding:0 20px;border-radius:5px}form.search button{flex:3;padding:0 15px;background:#313131;color:#fff;border:0;height:35px;display:flex;align-items:center;justify-content:center;border-radius:5px}form.search button i{margin-right:6px}[align=right]{text-align:right !important}.branches-modal{background:#fff;padding:30px}.branch-item{border:1px solid #ddd;padding:8px;display:flex;align-items:center;margin:0 0 10px;color:#313131}.branch-item:last-child{margin-bottom:0}.branch-item h2{font:600 16px/20px "Sarabun";margin:0}.branch-item i{margin-right:8px}.branch-item:hover{text-decoration:none;color:#022340}.branch-item.active{color:green}.select-dropdown .select-button{background:#fff;border:1px solid #022340;width:100%;height:35px;display:flex;align-items:center;padding:6px 10px;z-index:1001}.select-dropdown .select-button span{flex:auto;text-align:left;font:500 14px/24px "Sarabun";color:#333}.select-dropdown .select-button i{float:right;color:#333}.select-dropdown .dropdown-menu{min-width:100%;border-radius:0;max-height:300px;overflow-y:scroll;border:1px solid #ccc;border-radius:0px;z-index:1001}.select-dropdown label.model-label{display:flex;align-items:center;padding:8px 10px;margin:0;cursor:pointer;position:relative}.select-dropdown label.model-label input{display:none}.select-dropdown label.model-label input:checked+.check i{color:#333}.select-dropdown label.model-label h2{font:600 12px/16px "Sarabun";margin:0}.select-dropdown label.model-label .right{position:absolute;right:25px;font-style:normal}.select-dropdown label.model-label .check{width:14px;height:14px;border:1px solid #ccc;margin-right:5px;display:flex;align-items:center;justify-content:center}.select-dropdown label.model-label .check i{color:transparent;font-size:8px}.select-dropdown label.model-label:hover{background:#f9a4a4;color:#000}.select-dropdown label.model-label:hover .check{border-color:#4c4c4c}:focus,:active{outline:0 !important;outline:none !important}.container{max-width:1300px;margin:0 auto}.label-margin-bottom label{margin-bottom:20px}.contract{height:365px;padding:10px;overflow-y:scroll}.cc-note{display:flex;align-items:center;justify-content:space-between}.list-count{background:#909090;padding:10px 15px;color:#fff;font:600 15px/20px "Sarabun";margin:0 0 15px}[align=center]{text-align:center}.fwb{font-weight:600 !important}.toast-bottom-right{top:62px !important;bottom:auto !important}th[align=center]{text-align:center}.shipment-warning{animation:pulsex 1s normal infinite;padding:10px;font-size:20px;color:#fff;text-align:center}@keyframes pulsex{0%{color:#000}50%{color:#fff}100%{color:#000}}.fwb .fa-star{animation:pulsexxx 1s normal infinite}@keyframes pulsexxx{0%{color:red}50%{color:#fff}100%{color:red}}.product-images-wrapper{position:relative}.product-images-wrapper .left{position:absolute;left:-20px;top:0;height:100%;width:35px;display:flex;align-items:center;justify-content:center;z-index:999}.product-images-wrapper .left i{background:red;color:#fff;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;font-size:25px}.product-images-wrapper .right{position:absolute;right:-20px;top:0;height:100%;width:35px;display:flex;align-items:center;justify-content:center;z-index:999}.product-images-wrapper .right i{background:red;color:#fff;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;font-size:25px}table.bank td{font-size:12px}.new-header{background:#fff}.new-header .top-bar{color:#323232;border-bottom:1px solid #ddd;height:35px;display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:35px;padding:0 15px}.new-header .top-bar i{line-height:35px;font-size:15px}.new-header .top-bar .left{display:flex;align-items:center}.new-header .top-bar .center .search-options{display:flex;align-items:center}.new-header .top-bar .center .search-options label{display:flex;align-items:center;margin:0 10px}.new-header .top-bar .center .search-options label span{font:400 13px "Sarabun";color:#545454;margin:0 5px}.new-header .top-bar .center .search-options label i{margin-top:5px}.new-header .top-bar .right{display:flex;align-items:center}.new-header .top-bar .right .currency{display:flex;align-items:center}.new-header .top-bar .right .currency .currency-block{display:flex;align-items:center;margin-right:15px;padding-right:15px;border-right:1px solid #ddd}.new-header .top-bar .right .currency .currency-block i{margin-right:6px}.new-header .top-bar .right .logout a{color:#646464;display:flex;align-items:center}.new-header .top-bar .right .logout i{margin-left:10px}.new-header .center-bar{display:flex;align-items:center;justify-content:space-between}.new-header .center-bar .left{float:left}.new-header .center-bar .right{float:right}.new-header .center-bar .center{flex:auto;display:flex;align-items:center;justify-content:center}.new-header .center-bar a.logo{float:left;display:block;padding:5px 15px;border-right:1px solid #ddd}.new-header .center-bar a.logo img{height:55px}.new-header .center-bar a.cart{border-left:1px solid #ddd;display:flex;align-items:center;height:65px;padding:5px 15px;color:#333}.new-header .center-bar a.cart i{font-size:16px;margin-right:8px}.new-header .center-bar .center .show-link{color:#767676;font:400 12px/16px "Sarabun";margin-left:15px}.new-header .buttons-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #ddd;padding:10px 15px;overflow-x:hidden}.new-header .buttons-bar .buttons{display:flex;align-items:center;float:left}.new-header .buttons-bar .buttons .button{display:block;width:100px;height:80px;margin-right:10px;background:#333;color:#fff;text-align:center;padding:10px 0 0}.new-header .buttons-bar .buttons .button i{font-size:20px}.new-header .buttons-bar .buttons .button span{display:flex;align-items:center;justify-content:center;font:400 13px/20px "Sarabun";height:40px}.new-header .buttons-bar .buttons .button:hover{color:#ddd;text-decoration:none}.new-header .buttons-bar .buttons .button.button-color-1{background:#022340}.new-header .buttons-bar .buttons .button.button-color-2{background:red}.new-header .buttons-bar .buttons .button.button-color-3{background:#f60}.new-header .buttons-bar .buttons .button.button-color-4{background:#3672cc}.new-header .buttons-bar .buttons .button.button-color-5{background:#149263}.new-header .buttons-bar .buttons .button.button-color-6{background:#333}.new-header .buttons-bar .banners{float:right;width:600px}form.single-search{position:relative;background:#fff;padding:5px 15px;border:1px solid #022340;border-radius:5px;height:40px}form.single-search input{min-width:500px;border:0;background:transparent}form.single-search button{background:#022340;color:#fff;position:absolute;right:0;top:0;width:80px;height:38px;border:0}.simple-search{width:584px;max-width:100%;display:flex;align-items:center}.advanced-search{width:1000px;max-width:100%;display:flex;align-items:center}.search-option{display:none}.search-option.selected{display:block}/*# sourceMappingURL=styles.css.map */