[data-v-cad34bab]{font-family:Noto Sans Thai}.container-footer[data-v-8a5cc5db]{display:flex;flex-wrap:wrap;height:auto;background-color:#4d648d;justify-content:space-between;align-items:center;padding:34px 80px}.logo[data-v-8a5cc5db]{height:60px;margin-bottom:20px}.left[data-v-8a5cc5db]{display:flex;flex-direction:row;gap:20px;max-width:600px}.text[data-v-8a5cc5db]{display:flex;flex-direction:column;gap:6px}.phead[data-v-8a5cc5db]{font-family:Noto Sans Thai;font-size:12px;font-weight:400;line-height:18.13px;color:#ffffff80}.psub[data-v-8a5cc5db]{font-family:Noto Sans Thai;font-size:14px;font-weight:400;line-height:21.15px;color:#fff}.under[data-v-8a5cc5db]{text-decoration:underline}.icon[data-v-8a5cc5db]{height:40px;cursor:pointer}.social[data-v-8a5cc5db]{display:flex;gap:16px;align-items:center;margin-top:20px}@media (max-width: 768px){.container-footer[data-v-8a5cc5db]{display:flex;justify-content:space-around;align-items:flex-start;gap:40px;padding:40px}.left[data-v-8a5cc5db]{flex-direction:column;gap:40px;max-width:none}.logo[data-v-8a5cc5db]{height:80px;margin-bottom:0}.icon[data-v-8a5cc5db]{height:40px}}@media (max-width: 480px){.container-footer[data-v-8a5cc5db]{display:flex;justify-content:space-around;align-items:flex-start;gap:40px;padding:40px}.logo[data-v-8a5cc5db]{height:50px;margin-bottom:15px}.psub[data-v-8a5cc5db]{font-size:14px}.phead[data-v-8a5cc5db]{font-size:12px}.icon[data-v-8a5cc5db]{height:40px}.left[data-v-8a5cc5db]{flex-direction:column;gap:20px}}.slide-right[data-v-10cd47b6]{font-family:Noto Sans Thai}.menu-overlay[data-v-10cd47b6]{position:fixed;top:0;right:0;height:100%;width:100%;background-image:url(/assets/Background_menu-41L-nHID.png);background-size:cover;background-repeat:no-repeat;transform:translate(100%);transition:transform .3s ease;display:flex;justify-content:center;align-items:start;z-index:1000;overflow-y:auto;background-color:#4d648d}.expanded-content[data-v-10cd47b6]{display:flex;flex-direction:column;gap:24px}.menu-overlay.open[data-v-10cd47b6]{transform:translate(0);overflow:hidden}body.menu-open[data-v-10cd47b6]{overflow:hidden}.text[data-v-10cd47b6]{display:flex;align-items:center;justify-content:center;padding:0 1rem;cursor:pointer;transition:transform .3s ease,color .3s ease}.text.active[data-v-10cd47b6]{color:#fff;text-decoration:underline;text-underline-offset:4px}.text[data-v-10cd47b6]:hover{color:#fff;transform:scale(1.1)}.close-icon[data-v-10cd47b6]{position:absolute;top:40px;right:40px;font-size:30px;cursor:pointer;color:#fff;z-index:1001;width:46px}.content-menu[data-v-10cd47b6]{display:flex;flex-direction:column;width:100%;max-width:1280px;padding:40px;position:relative;overflow-y:auto;max-height:90%}.upper[data-v-10cd47b6]{display:flex;gap:67px;padding-top:40px;align-items:flex-start;padding-bottom:40px}.logo-container-sticky[data-v-10cd47b6]{align-self:flex-start}.menu-list[data-v-10cd47b6]{font-family:Noto Sans Thai;font-size:20px;font-weight:500;line-height:36.26px;color:#fff;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.p-menu[data-v-10cd47b6]{height:56px;display:flex;align-items:center;cursor:pointer;position:relative}.p-menu[data-v-10cd47b6]:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.p-menu[data-v-10cd47b6]:hover:after{width:100%}.p-menu.active[data-v-10cd47b6]:after{width:100%}.bottom-menu[data-v-10cd47b6]{font-family:Noto Sans Thai;display:flex;flex-direction:column;align-items:center;margin-top:auto;gap:32px;width:100%;justify-content:space-between;align-items:end}.text-ch[data-v-10cd47b6]{display:flex;flex-direction:row;align-items:center;font-size:16px;font-weight:400;color:#fff;gap:10px}.social[data-v-10cd47b6]{gap:16px;display:flex;align-items:center;justify-content:center}.service[data-v-10cd47b6]{display:flex;flex-direction:column;gap:16px}.service-icon[data-v-10cd47b6]{display:flex;gap:10px;align-items:center;cursor:pointer}.con-icon[data-v-10cd47b6]{display:flex;justify-content:center;align-items:center;cursor:pointer}.text-icon[data-v-10cd47b6]{display:flex;gap:40px;padding-right:80px}.pl-66[data-v-10cd47b6]{padding-left:30px}.icon[data-v-10cd47b6]{width:30px;cursor:pointer}.icons[data-v-10cd47b6]{width:16px}.line[data-v-10cd47b6]{width:90%;height:1px;background-color:#fff;margin:0 auto}@media (max-width: 1024px){.menu-overlay[data-v-10cd47b6]{transform:translate(100%)}.menu-overlay.open[data-v-10cd47b6]{transform:translate(0)}.menu-list[data-v-10cd47b6]{font-size:20px;line-height:30px;gap:20px}.content-menu[data-v-10cd47b6]{padding:20px 20px 20px 80px}.close-icon[data-v-10cd47b6]{top:40px;right:30px;width:36px}.bottom-menu[data-v-10cd47b6]{gap:20px}}@media (max-width: 768px){.menu-overlay[data-v-10cd47b6]{display:block}.menu-list[data-v-10cd47b6]{font-size:18px;gap:16px}.content-menu[data-v-10cd47b6]{padding:10px}.close-icon[data-v-10cd47b6]{top:40px;right:30px;width:30px}.service[data-v-10cd47b6]{gap:4px}.p-menu[data-v-10cd47b6]{padding:0 10px}.bottom-menu[data-v-10cd47b6]{flex-direction:column;align-items:center;gap:16px}.upper[data-v-10cd47b6]{gap:24px}}@media (max-width: 480px){.text-icon[data-v-10cd47b6]{padding-right:0}.img[data-v-10cd47b6]{max-height:70px}.content-menu[data-v-10cd47b6]{max-width:90%}.menu-list[data-v-10cd47b6]{font-size:16px;gap:12px}.close-icon[data-v-10cd47b6]{top:40px;right:30px;width:24px}.text-ch[data-v-10cd47b6]{font-size:14px}.icon[data-v-10cd47b6]{width:24px}.upper[data-v-10cd47b6]{flex-direction:column;padding-left:32px;gap:2px}}.container[data-v-cf550c30]{font-family:Noto Sans Thai,sans-serif;font-size:16px;font-weight:400;line-height:24.18px;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 80px;border-bottom:1px solid #00000033;background-color:#fff}.logo[data-v-cf550c30]{height:50px;cursor:pointer}.right[data-v-cf550c30],.thanden[data-v-cf550c30]{display:flex;align-items:center}.text[data-v-cf550c30]{width:57px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,color .3s ease}.text.active[data-v-cf550c30]{color:#000;text-decoration:underline;text-underline-offset:4px}.text[data-v-cf550c30]:hover{color:#000;transform:scale(1.1)}.icon[data-v-cf550c30]{height:16px;padding-left:28px;cursor:pointer;transition:transform .3s}.icon[data-v-cf550c30]:hover{transform:scale(1.1)}@media (max-width: 768px){.container[data-v-cf550c30]{padding:0 40px}.thanden[data-v-cf550c30]{display:none}}@media (max-width: 480px){.container[data-v-cf550c30]{padding:0 20px}.thanden[data-v-cf550c30]{display:none}.logo[data-v-cf550c30]{height:40px}}.about-us[data-v-9941deab]{font-family:Noto Sans Thai;display:flex;flex-direction:column}.title[data-v-9941deab]{font-size:32px;font-weight:700;color:#032c54;padding-bottom:32px}.up[data-v-9941deab]{padding:32px 80px 0}.con[data-v-9941deab]{display:flex;gap:20px}.t-up[data-v-9941deab]{width:522px;height:243px;font-size:32px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.right[data-v-9941deab]{display:flex;align-items:center;flex-direction:column;justify-content:space-evenly}.mid[data-v-9941deab]{display:flex;justify-content:center;align-items:center;margin-top:60px;background-color:#f3f3f357;height:200px;gap:58px;font-size:18px;text-align:left;padding:0 80px}.group[data-v-9941deab]{display:flex;gap:25px;font-size:16px;font-weight:700}.header[data-v-9941deab]{font-size:32px;font-weight:700;padding-bottom:20px}.bottom[data-v-9941deab]{font-size:16px;line-height:24.18px;width:600px}.under[data-v-9941deab]{display:flex;gap:50px;justify-content:center;align-items:center;padding:68px 80px}.responsive-image[data-v-9941deab]{width:100%;max-height:522px;height:auto}.responsive-image-small[data-v-9941deab]{width:100%;max-width:522px;height:auto}.responsive-image-large[data-v-9941deab]{width:100%;max-width:630px;height:auto}.logo[data-v-9941deab]{width:80px}@media (max-width: 768px){.con[data-v-9941deab]{flex-direction:column;align-items:center;text-align:center}.up[data-v-9941deab]{padding:20px 40px}.title[data-v-9941deab]{font-size:28px;padding-bottom:24px}.t-up[data-v-9941deab]{font-size:28px;width:100%}.mid[data-v-9941deab]{font-size:14px;padding:20px;align-items:flex-start}.header[data-v-9941deab]{font-size:36px}.bottom[data-v-9941deab]{width:100%;text-align:left}.under[data-v-9941deab]{margin:20px;flex-direction:column-reverse;display:flex;gap:50px;padding:20px}.responsive-image[data-v-9941deab]{height:auto;width:auto}.responsive-image-small[data-v-9941deab]{height:259px;object-fit:cover}.responsive-image-large[data-v-9941deab]{height:334px;width:auto}.u-left[data-v-9941deab]{display:flex;flex-direction:column;gap:24px}}@media (max-width: 480px){.up[data-v-9941deab]{padding:20px}.title[data-v-9941deab]{font-size:24px;text-align:start}.con[data-v-9941deab]{flex-direction:column;align-items:center;text-align:center}.t-up[data-v-9941deab]{font-size:24px;height:auto;padding:40px 0}.mid[data-v-9941deab]{font-size:14px;padding:20px;align-items:flex-start;flex-direction:column;background-color:#f3f3f357;height:auto}.group[data-v-9941deab]{font-size:14px}.header[data-v-9941deab]{font-size:24px}.bottom[data-v-9941deab]{width:100%;font-size:14px;text-align:start}.under[data-v-9941deab]{margin:20px;flex-direction:column-reverse}.u-left[data-v-9941deab]{display:flex;flex-direction:column;gap:24px}.responsive-image[data-v-9941deab]{height:auto;max-width:288px}.responsive-image-small[data-v-9941deab]{height:259px;max-width:420px}.responsive-image-large[data-v-9941deab]{height:334px;width:auto}.right[data-v-9941deab]{max-width:400px}}.container[data-v-78ac990d]{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:100vw;font-family:Noto Sans Thai;background-size:cover;background-position:center;animation:fadeIn-78ac990d 5s ease-in-out;transition:background-image 5s ease-in-out}.containers[data-v-78ac990d]{display:flex;flex-direction:column;justify-content:space-between;height:100vh;width:100vw;font-family:Noto Sans Thai;background-size:cover;background-position:center;transition:background-image 1.5s ease-in-out;opacity:1;animation:fadeIn-78ac990d 1s ease-in-out}.fadeOut[data-v-78ac990d]{opacity:0;transition:opacity 5s ease-in-out}.background-layer[data-v-78ac990d]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 2s ease-in-out;z-index:-1}.loading-text[data-v-78ac990d]{display:flex;flex-direction:row;align-items:center;margin-right:1rem;font-size:1rem;color:#000}@keyframes fadeIn-78ac990d{0%{opacity:0}to{opacity:1}}.section[data-v-78ac990d]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100px;padding:0 5vw;color:#fff}.logo-container[data-v-78ac990d]{display:flex;align-items:center}.right[data-v-78ac990d]{font-size:1rem;display:flex;flex-direction:row;align-items:center}.content[data-v-78ac990d]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.button[data-v-78ac990d]{display:flex;align-items:center;justify-content:center;width:220px;height:44px;border-radius:100px;background-color:#fff;cursor:pointer;transition:background-color .3s}.buttons[data-v-78ac990d]{display:flex;align-items:center;justify-content:center;width:220px;height:44px;border-radius:100px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s}.button[data-v-78ac990d]:hover{background-color:#e0e0e0}.buttons[data-v-78ac990d]:hover{background-color:#e0e0e0;color:#000}.header[data-v-78ac990d]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.sub-header[data-v-78ac990d]{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2rem}.headers[data-v-78ac990d]{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:1rem}.sub-headers[data-v-78ac990d]{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:2rem}.icon[data-v-78ac990d]{height:20px;cursor:pointer;transition:transform .3s}.icon[data-v-78ac990d]:hover{transform:scale(1.1)}.text-ch[data-v-78ac990d]{display:flex;flex-direction:row;align-items:center;margin-right:1rem;font-size:1rem;color:#fff}.text[data-v-78ac990d],.texts[data-v-78ac990d]{display:flex;align-items:center;justify-content:center;padding:0 1rem;cursor:pointer;transition:transform .3s ease,color .3s ease}.text.active[data-v-78ac990d]{color:#fff;text-decoration:underline;text-underline-offset:4px}.text[data-v-78ac990d]:hover{color:#fff;transform:scale(1.1)}.texts.active[data-v-78ac990d]{color:gray;text-decoration:underline;text-underline-offset:4px}.texts[data-v-78ac990d]:hover{color:gray;transform:scale(1.1)}.dots[data-v-78ac990d]{display:flex;justify-content:center;padding-bottom:52px}.dot[data-v-78ac990d]{width:12px;height:12px;margin:0 5px;border-radius:50%;border:#FFFFFF 2px solid;cursor:pointer;transition:opacity .3s ease}.dot.active[data-v-78ac990d]{opacity:1;background-color:#fff;transform:scale(1.2)}.dotss[data-v-78ac990d]{display:flex;justify-content:center;padding-bottom:52px}.dot_s[data-v-78ac990d]{width:12px;height:12px;margin:0 5px;border-radius:50%;border:#000000 2px solid;cursor:pointer;transition:opacity .3s ease;color:#fff}.dot_s.active[data-v-78ac990d]{opacity:1;background-color:#000;color:#fff;transform:scale(1.2)}@media (max-width: 768px){.section[data-v-78ac990d]{align-items:center;height:auto;padding:1rem}.header[data-v-78ac990d]{font-size:2rem}.sub-header[data-v-78ac990d]{font-size:1.25rem;text-align:center}.button[data-v-78ac990d]{width:220px;height:44px}.icon[data-v-78ac990d]{height:24px}.text-ch[data-v-78ac990d]{display:none}.text[data-v-78ac990d]{padding:0 .5rem}.content[data-v-78ac990d]{width:fit-content}}@media (max-width: 480px){.section[data-v-78ac990d]{align-items:center;padding:1rem}.header[data-v-78ac990d]{font-size:1.75rem}.sub-header[data-v-78ac990d]{font-size:1rem;line-height:1.5;text-align:center}.button[data-v-78ac990d]{width:220px;height:44px}.right[data-v-78ac990d]{font-size:.875rem}.text[data-v-78ac990d]{padding:0 .25rem}.content[data-v-78ac990d]{width:fit-content}}.container[data-v-c60952c5]{display:flex;flex-direction:column;justify-content:space-between;align-content:space-around}.line[data-v-c60952c5]{width:88px;height:1px;background-color:#032c54}.header[data-v-c60952c5]{display:flex;align-items:center;gap:8px;padding-bottom:12px}.head[data-v-c60952c5]{font-family:Noto Sans Thai;font-size:2rem;font-weight:700;color:#032c54}.subheader[data-v-c60952c5]{font-family:Noto Sans Thai;font-size:1rem;font-weight:400;color:#000c;max-width:522px}.grid[data-v-c60952c5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:21px;justify-items:center;padding-left:80px;padding-right:80px}.ser-card[data-v-c60952c5]{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:350px;height:400px;background-color:#dc143c}.title[data-v-c60952c5]{font-family:Noto Sans Thai;font-size:1.5rem;font-weight:700;color:#fff;padding:20px}.bottom[data-v-c60952c5]{display:flex;flex-direction:column;align-items:center}.line2[data-v-c60952c5]{width:100%;max-width:333px;height:2px;background-color:#fff}.three2[data-v-c60952c5]{font-family:Noto Sans Thai;font-size:16px;font-weight:400;line-height:24.18px;text-align:left;color:#fff;cursor:pointer;display:flex;align-items:center;gap:11px}.three[data-v-c60952c5]{display:flex;align-items:center;align-self:flex-end;gap:11px;font-family:Noto Sans Thai;font-size:1rem;font-weight:400;color:#fff;cursor:pointer;padding-top:23px;padding-bottom:26px;padding-right:56px}.icon[data-v-c60952c5]{width:13px}.customer[data-v-c60952c5]{margin-top:50px;height:351px;display:flex;justify-content:center;align-items:center;flex-direction:column}.c1[data-v-c60952c5]{display:flex;align-items:center;gap:8px;color:#032c54;font-family:Noto Sans Thai;font-size:2rem;font-weight:700}.img-cus[data-v-c60952c5]{height:97px;width:auto}.imgs[data-v-c60952c5]{padding-top:40px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.bottom-menu[data-v-c60952c5]{display:flex;width:100%;flex-direction:row;height:462px}.menu[data-v-c60952c5]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.phead[data-v-c60952c5]{font-family:Noto Sans Thai;font-size:2rem;font-weight:700;color:#fff}.psub[data-v-c60952c5]{font-family:Noto Sans Thai;font-size:1.25rem;font-weight:500;color:#fff}.m1[data-v-c60952c5]{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:30px}.top[data-v-c60952c5]{padding:60px 80px}@media (max-width: 768px){.container[data-v-c60952c5]{padding:0}.top[data-v-c60952c5]{padding-top:40px;padding-left:10px;padding-bottom:30px}.head[data-v-c60952c5]{font-size:1.5rem}.subheader[data-v-c60952c5]{font-size:.875rem}.ser-card[data-v-c60952c5]{max-width:228px;height:342px}.title[data-v-c60952c5]{font-size:1.25rem}.c1[data-v-c60952c5]{font-size:1.5rem}.bottom-menu[data-v-c60952c5]{padding-top:60px;flex-direction:column;align-items:center;padding-bottom:120px}.menu[data-v-c60952c5]{max-width:288px;height:321px;padding:16px;margin-bottom:16px}.three[data-v-c60952c5]{padding-bottom:16px;align-self:self-start;padding-left:20px}.grid[data-v-c60952c5]{padding:16px}.phead[data-v-c60952c5]{font-size:1.4rem;text-align:center}.psub[data-v-c60952c5]{font-size:1rem;text-align:center}.three2[data-v-c60952c5]{font-size:.875rem}.imgs[data-v-c60952c5]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 16px;justify-items:center}.customer[data-v-c60952c5]{height:484px}}@media (max-width: 300px){.grid[data-v-c60952c5]{padding:16px}.customer[data-v-c60952c5]{height:484px;padding-top:56px}.container[data-v-c60952c5]{padding:10px}.bottom-menu[data-v-c60952c5]{padding-top:60px}.top[data-v-c60952c5]{padding:20px 10px}.head[data-v-c60952c5]{font-size:1.25rem;text-align:center}.subheader[data-v-c60952c5]{font-size:.875rem;text-align:center;max-width:90%}.grid[data-v-c60952c5]{gap:16px}.ser-card[data-v-c60952c5]{max-width:228px;height:342px}.title[data-v-c60952c5]{font-size:1.125rem;padding:16px}.c1[data-v-c60952c5]{font-size:1.25rem}.three[data-v-c60952c5]{padding-bottom:16px;align-self:self-start;padding-left:20px}.bottom-menu[data-v-c60952c5]{padding-top:60px;flex-direction:column;gap:10px;align-items:center;max-width:320px}.menu[data-v-c60952c5]{max-width:288px;height:320px}.phead[data-v-c60952c5]{font-size:1.5rem}.psub[data-v-c60952c5]{font-size:1rem}.imgs[data-v-c60952c5]{gap:10px}.imgs[data-v-c60952c5]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 16px;justify-items:center}}.project-card[data-v-307c12a9]{position:relative;cursor:pointer;overflow:hidden}.image-container[data-v-307c12a9]{position:relative;width:100%;height:100%}.overlay.active[data-v-307c12a9]{opacity:1}.text-content[data-v-307c12a9]{text-align:center;color:#fff}.h50[data-v-307c12a9]{width:140px}.overlay[data-v-307c12a9]{width:100%;height:100%;top:0;left:0;position:absolute;background:#0009;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:.6s}.overlay[data-v-307c12a9]:hover,.overlay.active[data-v-307c12a9]{opacity:1}.text-content[data-v-307c12a9]{height:100%;width:-webkit-fill-available;display:flex;flex-direction:column;justify-content:space-between;padding:24px 40px}.h50[data-v-307c12a9]{width:140px;align-self:end}.project-title[data-v-307c12a9]{font-family:Noto Sans Thai;font-size:20px;font-weight:700;line-height:30.22px;text-align:left;color:#fff}.project-description[data-v-307c12a9]{font-family:Noto Sans Thai;font-size:16px;font-weight:500;line-height:24.18px;text-align:left;color:#fff}.project-image[data-v-307c12a9]{width:100%;max-width:630px;height:auto}@media (max-width: 480px){.h50[data-v-307c12a9]{width:100px}.text-content[data-v-307c12a9]{padding:16px}.project-title[data-v-307c12a9]{font-size:20px;font-weight:700;line-height:1.2}.project-description[data-v-307c12a9]{font-size:16px;font-weight:500;line-height:1.2}}.container[data-v-c064e5b9]{display:flex;flex-direction:column;align-content:space-around}.ser-card[data-v-c064e5b9]{position:relative;transition:transform .3s ease,box-shadow .3s ease}.hover-active[data-v-c064e5b9]{transform:scale(1.05);box-shadow:0 8px 16px #0003}.ser-card .content[data-v-c064e5b9]{opacity:0;transition:opacity .6s}.ser-card.hover-active .content[data-v-c064e5b9]{opacity:1}.content[data-v-c064e5b9]{opacity:0;transition:opacity .6s}.content.hover-active[data-v-c064e5b9]{opacity:1}.image img.hover-active[data-v-c064e5b9]{transform:scale(1.05);transition:transform .3s}.line[data-v-c064e5b9]{width:88px;height:1px;background-color:#032c54}.header[data-v-c064e5b9]{display:flex;align-items:center;gap:8px}.head[data-v-c064e5b9]{font-family:Noto Sans Thai;font-weight:700;line-height:48.35px;text-align:left;color:#032c54}.subheader[data-v-c064e5b9]{font-family:Noto Sans Thai;font-size:16px;font-weight:400;line-height:24.18px;text-align:left;color:#000c}.grid[data-v-c064e5b9]{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.left[data-v-c064e5b9],.right[data-v-c064e5b9]{display:flex;flex-direction:column;gap:16px}.w[data-v-c064e5b9]{width:100%;max-width:450px;height:auto}.top[data-v-c064e5b9]{padding-bottom:24px}@media (min-width: 300px){.h50[data-v-c064e5b9]{width:40px}.container[data-v-c064e5b9]{padding:16px}.head[data-v-c064e5b9]{font-size:20px}.subheader[data-v-c064e5b9]{width:100%}.top[data-v-c064e5b9]{padding-left:20px}.text-content[data-v-c064e5b9]{height:200px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px 24px 20%}}@media (min-width: 768px){.h50[data-v-c064e5b9]{width:40px}.container[data-v-c064e5b9]{padding:0}.head[data-v-c064e5b9]{font-size:32px}.grid[data-v-c064e5b9]{gap:24px}.w[data-v-c064e5b9]{max-width:700px}.text-content[data-v-c064e5b9]{height:300px;width:-webkit-fill-available;display:flex;flex-direction:column;justify-content:space-between;padding:24px 40px}}@media (min-width: 1024px){.top[data-v-c064e5b9]{padding-left:80px}.grid[data-v-c064e5b9]{flex-wrap:nowrap;gap:32px}.left[data-v-c064e5b9],.right[data-v-c064e5b9]{gap:24px}.w[data-v-c064e5b9]{max-width:630px}}.image[data-v-c064e5b9]{position:relative}img[data-v-c064e5b9]{width:100%;display:block}.content[data-v-c064e5b9]{width:100%;height:100%;top:0;left:0;position:absolute;background:#0009;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:.6s}.content[data-v-c064e5b9]:hover{opacity:1}.h50[data-v-c064e5b9]{align-self:end}.text-content[data-v-c064e5b9]{height:100%;width:-webkit-fill-available;display:flex;flex-direction:column;justify-content:space-between;padding:24px 40px}.t1[data-v-c064e5b9]{font-family:Noto Sans Thai;font-size:20px;font-weight:700;line-height:30.22px;text-align:left;color:#fff}.t2[data-v-c064e5b9]{font-family:Noto Sans Thai;font-size:16px;font-weight:500;line-height:24.18px;text-align:left;color:#fff}.container[data-v-0b47c738]{display:flex;flex-direction:column;padding:60px 80px;min-height:100vh}.floating-image[data-v-0b47c738]{position:absolute;top:695px;right:0;width:702px;z-index:-1}.section1[data-v-0b47c738]{display:flex;align-items:center}.section2[data-v-0b47c738]{display:flex;gap:20px;align-items:center;justify-content:space-evenly}.left[data-v-0b47c738]{padding-right:91px}.main-image[data-v-0b47c738]{width:100%;max-width:630px;height:auto}.left2[data-v-0b47c738]{width:100%;max-width:630px}.secondary-image[data-v-0b47c738]{max-width:413px;width:100%;height:auto}.right2[data-v-0b47c738]{display:flex;flex-direction:column;gap:20px}.header[data-v-0b47c738]{font-family:Noto Sans Thai,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.5;text-align:left}.sub-header[data-v-0b47c738]{font-family:Noto Sans Thai,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;text-align:left}.top[data-v-0b47c738]{font-family:Noto Sans Thai,sans-serif;font-size:2rem;font-weight:700;line-height:1.5;text-align:left;padding:20px 20px 32px;color:#032c54}@media (max-width: 768px){.container[data-v-0b47c738]{padding:32px 16px}.section1[data-v-0b47c738]{flex-direction:column;gap:10px;padding:10px}.section2[data-v-0b47c738]{flex-direction:column-reverse;gap:10px;padding:10px}.floating-image[data-v-0b47c738]{width:100%;max-width:480px;top:100px;right:10px}.top[data-v-0b47c738]{padding:10px}.header[data-v-0b47c738]{font-size:1.25rem}.sub-header[data-v-0b47c738]{font-size:.875rem}.main-image[data-v-0b47c738],.secondary-image[data-v-0b47c738]{max-width:100%}}@media (max-width: 480px){.section1[data-v-0b47c738],.section2[data-v-0b47c738]{gap:32px}.container[data-v-0b47c738]{padding:20px}.floating-image[data-v-0b47c738]{width:100%;max-width:286px;top:50px;right:10px}.header[data-v-0b47c738]{font-size:1.125rem}.sub-header[data-v-0b47c738]{font-size:.875rem}.top[data-v-0b47c738]{font-size:1.5rem;padding-top:10px}.main-image[data-v-0b47c738],.secondary-image[data-v-0b47c738]{max-width:100%;height:auto}}.bt[data-v-0b47c738]{padding-bottom:16px;width:100%;max-width:559px}.bt-16[data-v-0b47c738]{padding-bottom:16px}.work-card[data-v-4034bffb]{cursor:pointer;display:flex;flex-direction:column;width:100%;max-width:1280px;border:1px solid rgba(0,0,0,.2);margin-bottom:16px;background-color:#fff}.work-top-card[data-v-4034bffb]{display:flex;justify-content:space-between;align-items:center;height:80px;padding:16px 24px}.icon[data-v-4034bffb]{width:16px;cursor:pointer}.con-icon[data-v-4034bffb]{display:flex;justify-content:center;align-items:center;width:32px;height:32px}.work-text[data-v-4034bffb]{font-family:Noto Sans Thai;font-size:16px;font-weight:700;line-height:24.18px}.expanded-content[data-v-4034bffb]{display:flex;flex-direction:column;padding:0 24px;font-family:Noto Sans Thai;font-size:16px}.line[data-v-4034bffb]{width:100%;height:1px;background-color:#0003}.desc-work[data-v-4034bffb]{padding-top:16px;padding-bottom:24px}.work-header[data-v-4034bffb]{font-family:Noto Sans Thai;font-size:16px;font-weight:700;line-height:24.18px}.pb-16[data-v-4034bffb]{padding-bottom:16px}@media (max-width: 768px){.work-card[data-v-4034bffb]{width:100%}.work-top-card[data-v-4034bffb]{height:auto;padding:12px 16px}.work-text[data-v-4034bffb]{font-size:14px}.expanded-content[data-v-4034bffb]{font-size:14px;padding:0 16px}.desc-work[data-v-4034bffb]{padding-top:12px;padding-bottom:20px}.work-header[data-v-4034bffb]{font-size:14px}.pb-16[data-v-4034bffb]{padding-bottom:12px}}@media (max-width: 480px){.work-card[data-v-4034bffb]{width:100%}.work-top-card[data-v-4034bffb]{flex-direction:row;align-items:flex-start;padding:12px}.work-text[data-v-4034bffb]{font-size:14px;line-height:20px;align-self:center}.expanded-content[data-v-4034bffb]{font-size:14px;padding:0 12px}.desc-work[data-v-4034bffb]{padding-top:12px;padding-bottom:16px}.work-header[data-v-4034bffb]{font-size:14px}.pb-16[data-v-4034bffb]{padding-bottom:10px}}.container[data-v-fc898de8]{padding-left:80px;padding-right:80px;padding-top:32px;font-family:Noto Sans Thai}.header[data-v-fc898de8]{font-size:32px;font-weight:700;line-height:48.35px;color:#032c54}.sub-header[data-v-fc898de8]{font-size:24px;font-weight:400;line-height:36.26px;padding-bottom:32px}@media (max-width: 768px){.container[data-v-fc898de8]{padding-left:40px;padding-right:40px}.header[data-v-fc898de8]{font-size:28px;line-height:42px}.sub-header[data-v-fc898de8]{font-size:20px;line-height:30px}}@media (max-width: 480px){.container[data-v-fc898de8]{padding-left:16px;padding-right:16px}.header[data-v-fc898de8]{font-size:24px;line-height:36px}.sub-header[data-v-fc898de8]{font-size:18px;line-height:28px}}.container[data-v-75d3edd8]{font-family:Noto Sans Thai;font-size:16px;font-weight:400;line-height:24.18px;display:flex;justify-content:center;align-items:center;padding:40px 20px;gap:27px}.top[data-v-75d3edd8]{min-width:375px;display:flex;flex-direction:column;gap:8px}.left[data-v-75d3edd8]{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;padding:48px 60px;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:400px;gap:26px}.contact-title[data-v-75d3edd8]{font-size:32px;font-weight:700;line-height:48.35px;text-align:center}.contact-description[data-v-75d3edd8]{font-size:16px;font-weight:400;line-height:24.18px;text-align:center;color:#000c}.line[data-v-75d3edd8]{height:2px;width:100%;background-color:#0003;margin:16px 0}.bottom[data-v-75d3edd8]{display:flex;flex-direction:column;gap:20px}.tel[data-v-75d3edd8],.email[data-v-75d3edd8],.location[data-v-75d3edd8]{display:flex;flex-direction:column;gap:4px}.contact-info[data-v-75d3edd8]{font-size:24px;font-weight:700;line-height:36.26px;text-align:left}.right[data-v-75d3edd8]{width:820px;height:580px;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.underline[data-v-75d3edd8]{text-decoration:underline}@media (max-width: 768px){.container[data-v-75d3edd8]{flex-direction:column;padding:20px;gap:20px}.left[data-v-75d3edd8]{padding:32px 40px;max-width:100%}.contact-title[data-v-75d3edd8]{font-size:28px}.contact-info[data-v-75d3edd8]{font-size:20px}.right[data-v-75d3edd8]{width:100%;height:400px}}@media (max-width: 480px){.container[data-v-75d3edd8]{padding:20px 10px}.top[data-v-75d3edd8]{min-width:0px}.left[data-v-75d3edd8]{padding:20px 24px}.contact-title[data-v-75d3edd8]{font-size:24px}.contact-description[data-v-75d3edd8]{font-size:14px}.contact-info[data-v-75d3edd8]{font-size:18px}.right[data-v-75d3edd8]{height:300px}}.container[data-v-6af9d532]{display:flex;flex-direction:column;padding-left:80px;padding-right:80px;padding-bottom:60px;max-width:100%;box-sizing:border-box}.section1[data-v-6af9d532]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section2[data-v-6af9d532]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.section2[data-v-6af9d532]{padding-top:60px;padding-bottom:60px}.right[data-v-6af9d532]{padding-left:53px}.left[data-v-6af9d532],.right[data-v-6af9d532],.left2[data-v-6af9d532],.right2[data-v-6af9d532]{flex:1}.right2[data-v-6af9d532]{display:flex;flex-direction:column;gap:20px}.header[data-v-6af9d532]{font-family:Noto Sans Thai;font-size:24px;font-weight:500;line-height:36.26px;padding-bottom:16px;color:#032c54}.sub-header[data-v-6af9d532]{font-family:Noto Sans Thai;font-size:18px;font-weight:400;line-height:27.2px;color:#000}.header2[data-v-6af9d532]{font-family:Noto Sans Thai;font-size:16px;font-weight:700;line-height:24.18px;padding-bottom:16px;color:#032c54}.sub-header2[data-v-6af9d532]{font-family:Noto Sans Thai;font-size:16px;font-weight:500;line-height:24.18px;width:473px;color:#000;padding-left:24px}.top[data-v-6af9d532]{font-family:Noto Sans Thai;font-size:32px;font-weight:700;line-height:48.35px;padding-top:32px;padding-bottom:32px;color:#032c54}.row3[data-v-6af9d532]{display:flex;gap:20px;width:100%;justify-content:space-between;box-sizing:border-box}.imgs[data-v-6af9d532]{width:100%;max-height:522px}.img3[data-v-6af9d532]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:291px}@media (max-width: 1280px){.row3[data-v-6af9d532]{display:flex;gap:20px;width:100%;justify-content:space-between;box-sizing:border-box}.imgs[data-v-6af9d532]{width:100%;max-height:522px}.img3[data-v-6af9d532]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:200px}}@media (max-width: 480px){.container[data-v-6af9d532]{padding-left:16px;padding-right:16px}.section1[data-v-6af9d532]{flex-direction:column;align-items:center;padding:0}.section2[data-v-6af9d532]{flex-direction:column-reverse;align-items:center;padding:20px 0}.top[data-v-6af9d532]{font-size:24px;padding-top:16px;padding-bottom:16px}.header[data-v-6af9d532]{font-size:18px;line-height:30.22px}.sub-header[data-v-6af9d532]{font-size:14px}.header2[data-v-6af9d532]{font-size:16px}.sub-header2[data-v-6af9d532]{font-size:14px;width:100%;padding-left:10px}.row3[data-v-6af9d532]{flex-direction:column;gap:10px}.img[data-v-6af9d532]{width:100%}.right[data-v-6af9d532]{padding-left:0;width:100%}.img3[data-v-6af9d532]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:291px}}.sub-header2 ul[data-v-6af9d532]{list-style-type:disc;padding-left:20px}.sub-header2 li[data-v-6af9d532]{font-size:16px;font-weight:400;line-height:24.18px;color:#000;margin-bottom:10px}.li-head[data-v-6af9d532]{font-size:16px;font-weight:500;line-height:24.18px;color:#000c}.container[data-v-fd94587a]{display:flex;flex-direction:column;padding-left:80px;padding-right:80px;padding-bottom:60px;max-width:100%;box-sizing:border-box}.section1[data-v-fd94587a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section2[data-v-fd94587a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.section2[data-v-fd94587a]{padding-top:60px;padding-bottom:60px}.right[data-v-fd94587a]{padding-left:53px}.left[data-v-fd94587a],.right[data-v-fd94587a],.left2[data-v-fd94587a],.right2[data-v-fd94587a]{flex:1}.right2[data-v-fd94587a]{display:flex;flex-direction:column;gap:20px}.header[data-v-fd94587a]{font-family:Noto Sans Thai;font-size:24px;font-weight:500;line-height:36.26px;padding-bottom:16px;color:#032c54}.sub-header[data-v-fd94587a]{font-family:Noto Sans Thai;font-size:18px;font-weight:400;line-height:27.2px;color:#000}.header2[data-v-fd94587a]{font-family:Noto Sans Thai;font-size:16px;font-weight:700;line-height:24.18px;padding-bottom:16px;color:#032c54}.sub-header2[data-v-fd94587a]{font-family:Noto Sans Thai;font-size:16px;font-weight:500;line-height:24.18px;width:473px;color:#000;padding-left:24px}.top[data-v-fd94587a]{font-family:Noto Sans Thai;font-size:32px;font-weight:700;line-height:48.35px;padding-top:32px;padding-bottom:32px;color:#032c54}.row3[data-v-fd94587a]{display:flex;gap:20px;width:100%;justify-content:space-between;box-sizing:border-box}.imgs[data-v-fd94587a]{width:100%;max-height:522px}.img3[data-v-fd94587a]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:291px}@media (max-width: 1280px){.row3[data-v-fd94587a]{display:flex;gap:20px;width:100%;justify-content:space-between;box-sizing:border-box}.imgs[data-v-fd94587a]{width:100%;max-height:522px}.img3[data-v-fd94587a]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:200px}}@media (max-width: 480px){.container[data-v-fd94587a]{padding-left:16px;padding-right:16px}.section1[data-v-fd94587a]{flex-direction:column;align-items:center;padding:0}.section2[data-v-fd94587a]{flex-direction:column-reverse;align-items:center;padding:20px 0}.top[data-v-fd94587a]{font-size:24px;padding-top:16px;padding-bottom:16px}.header[data-v-fd94587a]{font-size:18px;line-height:30.22px}.sub-header[data-v-fd94587a]{font-size:14px}.header2[data-v-fd94587a]{font-size:16px}.sub-header2[data-v-fd94587a]{font-size:14px;width:100%;padding-left:10px}.row3[data-v-fd94587a]{flex-direction:column;gap:10px}.img[data-v-fd94587a]{width:100%}.right[data-v-fd94587a]{padding-left:0;width:100%}.img3[data-v-fd94587a]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:291px}}.sub-header2 ul[data-v-fd94587a]{list-style-type:disc;padding-left:20px}.sub-header2 li[data-v-fd94587a]{font-size:16px;font-weight:400;line-height:24.18px;color:#000;margin-bottom:10px}.li-head[data-v-fd94587a]{font-size:16px;font-weight:500;line-height:24.18px;color:#000c}.container[data-v-b5b34371]{display:flex;flex-direction:column;padding-left:80px;padding-right:80px;padding-bottom:60px;max-width:100%;box-sizing:border-box}.section1[data-v-b5b34371]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section2[data-v-b5b34371]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.section2[data-v-b5b34371]{padding-top:60px;padding-bottom:60px}.right[data-v-b5b34371]{padding-left:53px}.left[data-v-b5b34371],.right[data-v-b5b34371],.left2[data-v-b5b34371],.right2[data-v-b5b34371]{flex:1}.right2[data-v-b5b34371]{display:flex;flex-direction:column;gap:20px}.header[data-v-b5b34371]{font-family:Noto Sans Thai;font-size:24px;font-weight:500;line-height:36.26px;padding-bottom:16px;color:#032c54}.sub-header[data-v-b5b34371]{font-family:Noto Sans Thai;font-size:18px;font-weight:400;line-height:27.2px;color:#000}.header2[data-v-b5b34371]{font-family:Noto Sans Thai;font-size:16px;font-weight:700;line-height:24.18px;padding-bottom:16px;color:#032c54}.sub-header2[data-v-b5b34371]{font-family:Noto Sans Thai;font-size:16px;font-weight:500;line-height:24.18px;max-width:493px;color:#000;padding-left:24px}.top[data-v-b5b34371]{font-family:Noto Sans Thai;font-size:32px;font-weight:700;line-height:48.35px;padding-top:32px;padding-bottom:32px;color:#032c54}.row3[data-v-b5b34371]{display:flex;gap:20px;width:100%;justify-content:space-between;box-sizing:border-box}.imgs[data-v-b5b34371]{width:100%;max-height:522px}.img3[data-v-b5b34371]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:291px}@media (max-width: 1280px){.row3[data-v-b5b34371]{display:flex;gap:20px;width:100%;justify-content:space-between;box-sizing:border-box}.imgs[data-v-b5b34371]{width:100%;max-height:522px}.img3[data-v-b5b34371]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:200px}}@media (max-width: 480px){.container[data-v-b5b34371]{padding-left:16px;padding-right:16px}.section1[data-v-b5b34371]{flex-direction:column;align-items:center;padding:0}.section2[data-v-b5b34371]{flex-direction:column-reverse;align-items:center;padding:20px 0}.top[data-v-b5b34371]{font-size:24px;padding-top:16px;padding-bottom:16px}.header[data-v-b5b34371]{font-size:18px;line-height:30.22px}.sub-header[data-v-b5b34371]{font-size:14px}.header2[data-v-b5b34371]{font-size:16px}.sub-header2[data-v-b5b34371]{font-size:14px;width:100%;padding-left:10px}.row3[data-v-b5b34371]{flex-direction:column;gap:10px}.img[data-v-b5b34371]{width:100%}.right[data-v-b5b34371]{padding-left:0;width:100%}.img3[data-v-b5b34371]{flex-basis:33.33%;height:auto;object-fit:cover;max-height:291px}}.sub-header2 ul[data-v-b5b34371]{list-style-type:disc;padding-left:20px}.sub-header2 li[data-v-b5b34371]{font-size:16px;font-weight:400;line-height:24.18px;color:#000;margin-bottom:10px}.li-head[data-v-b5b34371]{font-size:16px;font-weight:500;line-height:24.18px;color:#000c}.project-card[data-v-fd9e36c3]{position:relative;cursor:pointer;width:413px;height:413px;overflow:hidden;background-color:#f5f5f5}.text-but[data-v-fd9e36c3]{align-items:flex-start;align-self:flex-start;padding-left:10px}.overlay[data-v-fd9e36c3]{width:100%;height:100%;top:0;left:0;position:absolute;background:#0009;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:opacity .6s}.overlay.active[data-v-fd9e36c3]{opacity:1}.text-content[data-v-fd9e36c3]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5%;box-sizing:border-box}.h50[data-v-fd9e36c3]{width:140px;align-self:end}.project-title[data-v-fd9e36c3],.project-description[data-v-fd9e36c3]{font-family:Noto Sans Thai;color:#fff;text-align:left;margin:0}.project-title[data-v-fd9e36c3]{font-weight:700;line-height:1.2}.project-description[data-v-fd9e36c3]{font-weight:500;line-height:1.2}.image-container[data-v-fd9e36c3]{position:relative}.project-image[data-v-fd9e36c3]{width:413px;height:413px;object-fit:cover;display:block;transition:transform .3s ease}.project-card:hover .overlay[data-v-fd9e36c3],.show-overlay[data-v-fd9e36c3]{opacity:1}@media (max-width: 480px){.project-card[data-v-fd9e36c3]{width:288px;height:288px;max-width:288px;max-height:288px;margin:0 auto;background-color:#f5f5f5}.project-image[data-v-fd9e36c3]{width:288px;height:288px}}.container[data-v-5a4fbe4e]{display:flex;font-family:Noto Sans Thai,sans-serif;font-size:18px;font-weight:400;line-height:27.2px;text-align:left;flex-direction:column;align-items:center;max-width:100%;padding-bottom:80px}.project-card:hover .overlay[data-v-5a4fbe4e],.show-overlay[data-v-5a4fbe4e]{opacity:1}.filter-section[data-v-5a4fbe4e]{display:flex;border-radius:12px;align-items:center;justify-content:center;margin-bottom:20px;width:100%;max-width:1250px;background-color:#fafafa;position:relative;padding:16px}.filters[data-v-5a4fbe4e]{display:flex;flex-wrap:wrap;gap:10px;overflow:hidden;max-height:50px;transition:max-height .3s ease}.filters.expanded[data-v-5a4fbe4e]{max-height:none}.filter-button[data-v-5a4fbe4e]{padding:8px 10px;border:none;background-color:#fafafa;cursor:pointer;transition:background-color .3s;border-radius:8px;color:#000c}.filter-button.active[data-v-5a4fbe4e]{background-color:#000c;color:#fff}.toggle-button[data-v-5a4fbe4e]{background:none;border:none;cursor:pointer;font-size:18px;padding:10px;color:#000;position:absolute;top:14px;right:15px}.filter-button[data-v-5a4fbe4e]:hover,.filter-button[data-v-5a4fbe4e]:focus{background-color:#707070cc;color:#fff}.project-gallery[data-v-5a4fbe4e]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1279px}.project-card[data-v-5a4fbe4e]{position:relative;cursor:pointer;width:413px;height:413px;overflow:hidden}.image-container[data-v-5a4fbe4e]{position:relative}.project-image[data-v-5a4fbe4e]{width:413px;height:413px;object-fit:cover;display:block;transition:transform .3s ease}.project-card:hover .project-image[data-v-5a4fbe4e]{transform:scale(1.05)}.overlay[data-v-5a4fbe4e]{width:100%;height:100%;top:0;left:0;position:absolute;background:#0009;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:opacity .6s}.project-card:hover .overlay[data-v-5a4fbe4e],.project-card:focus .overlay[data-v-5a4fbe4e]{opacity:1}.h50[data-v-5a4fbe4e]{width:140px;align-self:end}.text-content[data-v-5a4fbe4e]{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5%;box-sizing:border-box}.project-title[data-v-5a4fbe4e],.project-description[data-v-5a4fbe4e]{font-family:Noto Sans Thai;color:#fff;text-align:left;margin:0}.project-title[data-v-5a4fbe4e]{font-size:1.5vw;font-weight:700;line-height:1.2}.project-description[data-v-5a4fbe4e]{font-size:1.2vw;font-weight:500;line-height:1.2}.icon[data-v-5a4fbe4e]{width:20px}.top[data-v-5a4fbe4e]{padding-top:32px;padding-bottom:32px;font-family:Noto Sans Thai,sans-serif;font-size:2rem;font-weight:700;line-height:1.5;text-align:left;color:#032c54;padding-left:80px;align-self:flex-start}.project-card:hover .overlay[data-v-5a4fbe4e],.project-card:focus .overlay[data-v-5a4fbe4e],.show-overlay[data-v-5a4fbe4e]{opacity:1}@media (hover: none){.filter-button[data-v-5a4fbe4e]:focus,.filter-button[data-v-5a4fbe4e]:active{background-color:#707070cc;color:#fff}.project-card:focus .project-image[data-v-5a4fbe4e],.project-card:active .project-image[data-v-5a4fbe4e]{transform:scale(1.05)}.project-card:focus .overlay[data-v-5a4fbe4e],.show-overlay[data-v-5a4fbe4e],.project-card:active .overlay[data-v-5a4fbe4e]{opacity:1}}@media (max-width: 768px){.project-card.tapped .overlay[data-v-5a4fbe4e]{opacity:1}.overlay.show-overlay[data-v-5a4fbe4e]{display:flex;opacity:1}.text-but[data-v-5a4fbe4e]{align-items:flex-start;align-self:flex-start;padding-left:10px}.container[data-v-5a4fbe4e]{padding-bottom:80px}.filter-section[data-v-5a4fbe4e]{flex-direction:column;padding:8px;width:100%;align-items:flex-start}.filters[data-v-5a4fbe4e]{display:flex;flex-direction:column;gap:8px;flex-wrap:nowrap}.filter-button[data-v-5a4fbe4e]{width:fit-content;text-align:center;border-radius:8px}.project-gallery[data-v-5a4fbe4e]{grid-template-columns:1fr;gap:10px;justify-items:left;align-items:flex-start}.project-card[data-v-5a4fbe4e]{width:288px;height:288px;max-width:288px;max-height:288px;margin:0 auto}.project-image[data-v-5a4fbe4e]{width:288px;height:288px}.overlay[data-v-5a4fbe4e]{justify-content:flex-end;padding-bottom:10px}.text-content[data-v-5a4fbe4e]{padding:8px;align-items:center;text-align:center}.h50[data-v-5a4fbe4e]{width:100px;margin-bottom:8px}.project-title[data-v-5a4fbe4e]{font-size:16px}.project-description[data-v-5a4fbe4e]{font-size:12px}.toggle-button[data-v-5a4fbe4e]{position:absolute;top:5px;right:5px}.top[data-v-5a4fbe4e]{padding-left:16px;padding-top:4px}}@media (max-width: 480px){.project-card.tapped .overlay[data-v-5a4fbe4e]{opacity:1}.overlay.show-overlay[data-v-5a4fbe4e]{display:flex;opacity:1}.text-but[data-v-5a4fbe4e]{align-items:flex-start;align-self:flex-start;padding-left:10px}.container[data-v-5a4fbe4e]{padding:20px 20px 80px}.filter-section[data-v-5a4fbe4e]{flex-direction:column;padding:16px;width:100%;align-items:flex-start}.filters[data-v-5a4fbe4e]{display:flex;flex-direction:column;gap:8px;flex-wrap:nowrap}.filter-button[data-v-5a4fbe4e]{width:fit-content;text-align:center;border-radius:8px}.project-gallery[data-v-5a4fbe4e]{grid-template-columns:1fr;gap:10px;justify-items:center;align-items:flex-start}.project-card[data-v-5a4fbe4e]{width:288px;height:288px;max-width:288px;max-height:288px;margin:0 auto}.project-image[data-v-5a4fbe4e]{width:288px;height:288px}.overlay[data-v-5a4fbe4e]{justify-content:flex-end;padding-bottom:10px}.text-content[data-v-5a4fbe4e]{padding:8px;align-items:center;text-align:center}.h50[data-v-5a4fbe4e]{width:100px;margin-bottom:8px}.project-title[data-v-5a4fbe4e]{font-size:16px}.project-description[data-v-5a4fbe4e]{font-size:12px}.toggle-button[data-v-5a4fbe4e]{position:absolute;top:15px;right:15px}.top[data-v-5a4fbe4e]{padding-left:16px;padding-top:4px}}.gallery-container[data-v-b5b658ee]{font-family:Noto Sans Thai,sans-serif;display:flex;flex-direction:column;padding:32px 80px}.back-button[data-v-b5b658ee]{margin-bottom:20px;cursor:pointer;font-size:16px;color:#333}.main-content[data-v-b5b658ee]{display:flex;gap:20px;margin-bottom:40px}.main-image img[data-v-b5b658ee]{width:738px;height:414px;object-fit:cover}.details[data-v-b5b658ee]{background-color:#f3f7f9;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;width:522px}.text-detail[data-v-b5b658ee]{padding-left:32px}.details h1[data-v-b5b658ee]{font-family:Noto Sans Thai;font-size:32px;font-weight:600;line-height:48.35px;text-align:left;color:#000}.w h1[data-v-b5b658ee]{margin:0;white-space:nowrap}.w h1[data-v-b5b658ee]:first-child:after{content:" -"}.details p[data-v-b5b658ee]{font-family:Noto Sans Thai;font-size:18px;font-weight:400;line-height:27.2px;text-align:left;color:#000c}.gallery-grid[data-v-b5b658ee]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item img[data-v-b5b658ee]{width:414px;height:413px;object-fit:cover}@media (max-width: 768px){.gallery-container[data-v-b5b658ee]{padding:20px 40px}.main-content[data-v-b5b658ee]{flex-direction:column;align-items:center}.main-image img[data-v-b5b658ee]{width:100%;max-width:600px}.details[data-v-b5b658ee]{width:100%;padding:20px}.gallery-grid[data-v-b5b658ee]{grid-template-columns:repeat(2,1fr);gap:16px}.gallery-item img[data-v-b5b658ee]{width:100%;height:auto}}@media (max-width: 480px){.gallery-container[data-v-b5b658ee]{padding:16px}.back-button[data-v-b5b658ee]{font-size:14px}.main-content[data-v-b5b658ee]{flex-direction:column;align-items:center}.main-image img[data-v-b5b658ee]{width:100%;max-width:100%}.details h1[data-v-b5b658ee]{font-size:24px;line-height:1.3}.details p[data-v-b5b658ee]{font-size:16px;line-height:1.4}.details[data-v-b5b658ee]{width:100%;padding:16px}.text-detail[data-v-b5b658ee]{padding-left:0}.gallery-grid[data-v-b5b658ee]{grid-template-columns:1fr;gap:10px;flex-direction:column-reverse}.gallery-item img[data-v-b5b658ee]{width:100%;height:auto}}