.header-container{background:rgba(255,255,255,0.95);border-bottom:1px solid #eeeeee}.header-container .header-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:80px}@media only screen and (max-width: 991px){.header-container .header-main{height:55px}}.header-container .header-main .col-header:not(.col-header-nav){-webkit-box-flex:0;-ms-flex:0 0 500px;flex:0 0 500px;width:500px}.header-container .header-main .col-header:not(.col-header-nav):last-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}@media only screen and (max-width: 991px){.header-container .header-main .col-header:not(.col-header-nav){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}}.home .header-container .header-main{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo-main{max-width:211px}@media only screen and (max-width: 991px){.logo-main{max-width:170px}}.ls-nav-main{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0}.ls-nav-main li{list-style:none;margin:0 16px}.ls-nav-main a{font-size:20px;line-height:30px;color:#000000}.search-box{position:relative;width:32px;-webkit-transition:width 0.3s ease-in;transition:width 0.3s ease-in}.search-box form{opacity:0;-webkit-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in}.search-box.active{width:320px}.search-box.active form{opacity:1}.search-box .searchandfilter ul{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.search-box .searchandfilter ul::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:-webkit-gradient(linear, left top, right top, color-stop(10%, red), color-stop(50%, #ff00a6), color-stop(90%, #00a6ff));background:linear-gradient(90deg, red 10%, #ff00a6 50%, #00a6ff 90%)}.search-box .searchandfilter ul li{display:inline-block;padding:10px 0}.search-box .searchandfilter label{width:100%}.search-box .searchandfilter .sf-field-search{position:relative;width:100%;padding-left:28px}.search-box .searchandfilter .sf-field-search::before{content:"";display:block;width:20px;height:20px;background:url(../images/ico-search-active.png) center no-repeat;background-size:100%;position:absolute;top:12px;left:0}.search-box .searchandfilter input[type="text"]{border:none;border-radius:0;padding:0;width:100%;font-size:16px;font-family:"ibm_plex_sans_thairegular" !important;line-height:1;color:#000;outline:none}.search-box .searchandfilter .sf-field-reset{position:absolute;top:2px;right:0}.search-box .searchandfilter .search-filter-reset{display:inline-block;width:20px;height:20px;text-indent:-9999px;background:url(../images/ico-close.png) center no-repeat;background-size:100%}.search-box .btn-search{display:inline-block;width:32px;height:32px;border:none;background:url(../images/ico-search.png) center no-repeat;background-size:contain;text-indent:-9999px;position:absolute;top:8px;left:0;z-index:10;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}.search-box .btn-search.active{opacity:0;z-index:-1}