@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Noto Sans Thai,sans-serif!important;--color-white: #fff;--color-black: #000;--color-1: #3c61dd;--color-2: #e4b66a;--color-3: #e52020;--color-4: #686d76;--color-5: #b0b3b8;--color-6: #ffb224;--color-7: #00997e;--color-8: #9f9d9d;--fontSize-1: 14px;--fontSize-2: 16px;--shadow-1: rgba(99, 99, 99, .2) 0px 2px 8px 0px;--shadow-2: rgba(14, 30, 37, .12) 0px 2px 4px 0px, rgba(14, 30, 37, .32) 0px 2px 16px 0px;--shadow-3: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--gradient-1: linear-gradient( 165deg, rgba(255, 255, 255, 1) 0%, rgba(212, 225, 248, 1) 100% )}body{min-height:100vh;background:var(--gradient-1);position:relative;margin:0}.MuiInputBase-root{background:#fff;border-radius:10px!important}.MuiOutlinedInput-root fieldset,.MuiOutlinedInput-root:hover fieldset{border-color:transparent!important}.MuiButtonBase-root{font-size:var(--fontSize-2)!important;border-radius:16px!important}.MuiBottomNavigationAction-root{color:var(--color-5)!important}.MuiBottomNavigationAction-root.Mui-selected{color:var(--color-black)!important}.MuiDialog-paper{background:transparent!important;box-shadow:none!important}.MuiTableCell-body{height:100px!important}.limit-line-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.limit-line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.limit-line-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shadow-1{box-shadow:var(--shadow-1)}.shadow-2{box-shadow:var(--shadow-2)}.image-1{width:100%;max-width:150px;height:100px;object-fit:contain}.image-2{width:100%;max-width:150px;height:100px!important;object-fit:contain!important}.image-3{max-width:100%!important;height:auto!important;object-fit:contain}.image-4{width:100%;max-width:150px;height:50px!important;object-fit:contain!important}.image-5{width:250px;height:100%}.image-6{width:100%;height:100%;object-fit:contain;border-radius:10px}.mainActiveContent{min-width:400px}.btn-1{background:var(--color-1)!important;color:var(--color-white)!important;transform:scale(1);transition:transform .2s ease-out;box-shadow:var(--shadow-3)}.btn-2{background:var(--color-white)!important;color:var(--color-black)!important;transform:scale(1);transition:transform .2s ease-out;box-shadow:var(--shadow-3)}.btn-3{background:var(--color-2)!important;color:var(--color-black)!important;transform:scale(1);transition:transform .2s ease-out;box-shadow:var(--shadow-3)}.btn-4{background:var(--color-3)!important;color:var(--color-white)!important;transform:scale(1);transition:transform .2s ease-out;box-shadow:var(--shadow-3)}.btn-5{background:var(--color-8)!important;color:var(--color-white)!important;transform:scale(1);transition:transform .2s ease-out;box-shadow:var(--shadow-3)}.item{cursor:pointer;transform:scale(1);transition:transform .2s ease-out}.btn-1:hover,.btn-2:hover,.btn-3:hover,.btn-4:hover,.btn-5:hover,.item:hover{animation:zoomInSlow .5s forwards}@keyframes zoomInSlow{0%{transform:scale(1)}to{transform:scale(1.1)}}.logo{width:100%;height:100%}.fade-in{opacity:0;animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-navigate{opacity:0}.page-navigate-active{opacity:1;transition:opacity 1s ease}.PrivateSwipeArea-root{z-index:unset!important}@media screen and (max-width: 576px){.image-1{width:100%;max-width:150px;height:80px;object-fit:contain}.image-5{width:150px;height:100%}.mainActiveContent{min-width:100%}.logo{width:250px;height:100%}.btn-1:hover,.btn-2:hover,.btn-3:hover,.btn-4:hover,.btn-5:hover,.item:hover{animation:none}}