@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--bs-nav-link-disabled-color:var(--bs-gray-600);--bs-nav-link-padding-y:1rem;--bs-nav-link-padding-x:1rem}.h6,h6{font-size:1.025rem!important}dl dd{margin-bottom:0}img{max-width:100%}.card{--bs-card-border-color:var(--bs-gray-300);overflow:hidden}.card .card-title{margin-bottom:0;padding:1rem;border-bottom:1px solid var(--bs-gray-300)}.card .card-title>*{margin-bottom:0}.table.table-hover tr{cursor:pointer!important}.offcanvas{--bs-offcanvas-width:260px!important}.form-check-input{border-color:var(--bs-gray-600)}.placeholder-glow{opacity:.25}.form-check-input-danger:checked{background-color:var(--bs-danger);border-color:var(--bs-danger)}.form-check-input-danger:focus{border-color:rgb(var(--bs-danger-rgb),.25);box-shadow:0 0 0 .25rem rgb(var(--bs-danger-rgb),.25)}table td,table th{vertical-align:middle}.zoom-image{position:relative;width:max-content;cursor:pointer}.zoom-image i{position:absolute;top:0;left:0;width:32px;height:32px;line-height:32px;color:var(--bs-white);background:rgb(var(--bs-black-rgb),.5);opacity:0;transition:.2s}.zoom-image:hover i{opacity:1}.line-clamp-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.line-break-word,.line-clamp-2{overflow-wrap:break-word;white-space:normal}.ratio-12x5{aspect-ratio:12/5}.ratio-1x1{aspect-ratio:1/1}.ratio-5x2{aspect-ratio:5/2}@media screen and (min-width:360px){.d-xs-flex{display:flex}.justify-content-xs-between{justify-content:space-between}.text-xs-end{text-align:right}.col-xs-6{flex:0 0 auto;width:50%}}body{font-family:Sarabun;font-weight:400;background-color:var(--bs-gray-100)}.header-area{padding:1rem;height:72px;background-color:var(--bs-white);border-bottom:1px solid var(--bs-gray-300)}.content-area{padding-top:1.5rem;padding-bottom:1.5rem}.list-group .list-group-item dl{margin-bottom:0;display:flex;align-items:center;justify-content:space-between}.list-group .list-group-item dl dd{color:var(--bs-gray-600)}.list-group .list-group-item dl dt{font-weight:400;text-align:end}.table>:not(caption)>*>*{padding-top:.75rem;padding-bottom:.75rem}.table>:not(caption)>*>.table-data-queries tr{cursor:pointer}.card>.nav-tabs{background-color:var(--bs-gray-200)}.card>.nav-tabs .nav-link{padding:.75rem 1.5rem}.card>.nav-tabs .nav-link.active{font-weight:700}.card>.nav-tabs li.nav-item:first-child .active{border-left:0;border-top-color:transparent;border-top-right-radius:0}.pagination{margin-bottom:0}.page{display:flex}.main-area{position:relative;flex-grow:1;min-height:100dvh;overflow:auto}.aside-panel.offcanvas-lg{flex-shrink:0;width:260px;border-right:1px solid var(--bs-gray-300);overflow:auto}@media (min-width:992px){.aside-panel.offcanvas-lg{position:static;min-height:100dvh}}.aside-panel ul{padding:.5rem}.aside-panel ul li .nav-link{font-weight:500}.aside-panel ul li .nav-link.active{position:relative;z-index:1;font-size:105%!important;font-weight:700;background-color:var(--bs-gray-200)}.products-galleries{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:1rem;grid-row-gap:1rem}.products-galleries img{cursor:pointer;width:100%;object-fit:cover;aspect-ratio:1/1}.products-galleries img:nth-child(01){grid-area:1/1/3/4;height:100%}.products-galleries img:nth-child(02){grid-area:3/1/4/2}.products-galleries img:nth-child(03){grid-area:3/2/4/3}.products-galleries img:nth-child(04){grid-area:3/3/4/4}.signin{width:100%;height:100dvh;place-items:center;background:url(/img/bg-pattern-gray.jpg) 50% no-repeat;background-size:cover}html[data-bs-theme=dark] body{background-color:var(--bs-body-bg)}html[data-bs-theme=dark] body .bg-light{background-color:var(--bs-gray-800)!important}html[data-bs-theme=dark] body .aside-panel{background-color:var(--bs-gray-700);border:0}html[data-bs-theme=dark] body .aside-panel .nav-link.active{box-shadow:unset}html[data-bs-theme=dark] body .card{--bs-card-border-color:var(--bs-gray-700);background-color:var(--bs-gray-800)}html[data-bs-theme=dark] body .card .card-title{border-bottom:1px solid var(--bs-gray-700)}html[data-bs-theme=dark] body .header-area{background-color:unset;border-bottom:1px solid var(--bs-gray-700)}