\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f6f9f8;\r\n text-align: center;\r\n }\r\n\r\n \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49 *\/\r\n .header {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 20px;\r\n background-color: white;\r\n }\r\n\r\n .header img {\r\n height: 80px;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .slider-container {\r\n position: relative;\r\n max-width: 700px;\r\n margin: 20px auto;\r\n overflow: hidden;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .slider {\r\n display: flex;\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n .slide {\r\n min-width: 100%;\r\n }\r\n\r\n .slide img {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n\r\n .prev, .next {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n color: white;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n font-size: 24px;\r\n border-radius: 5px;\r\n }\r\n\r\n .prev { left: 10px; }\r\n .next { right: 10px; }\r\n\r\n .prev:hover, .next:hover {\r\n background-color: rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n \/* \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e21\u0e19\u0e39 *\/\r\n .buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px;\r\n margin: 20px;\r\n }\r\n\r\n .button {\r\n padding: 15px 25px;\r\n font-size: 16px;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .button.pdpa { background-color: #007bff; }\r\n .button.covid { background-color: #dc3545; }\r\n .button.feedback { background-color: #28a745; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/02\/\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23-1.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49 1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/10\/53YearDOA.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49 2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/02\/Logo-DOA-Together-BG-white-1536x743-2.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49 3\">\r\n <\/div>\r\n\r\n \r\n <script>\r\n let index = 0;\r\n\r\n function moveSlide(step) {\r\n const slides = document.querySelectorAll(\".slide\");\r\n index += step;\r\n\r\n if (index >= slides.length) {\r\n index = 0;\r\n } else if (index < 0) {\r\n index = slides.length - 1;\r\n }\r\n\r\n document.querySelector(\".slider\").style.transform = `translateX(${-index * 100}%)`;\r\n }\r\n\r\n setInterval(() => moveSlide(1), 5000); \/\/ Auto-slide every 5 seconds\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4525d15 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4525d15\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e30e2d2\" data-id=\"e30e2d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1a9506 elementor-widget elementor-widget-html\" data-id=\"e1a9506\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 - \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e40\u0e02\u0e15\u0e17\u0e35\u0e48 2<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <meta http-equiv=\"Content-Security-Policy\" content=\"\r\n default-src 'self';\r\n img-src 'self' https: data:;\r\n style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com;\r\n font-src https:\/\/fonts.gstatic.com data:;\r\n script-src 'self';\r\n object-src 'none';\r\n base-uri 'self';\">\r\n\r\n <style>\r\n :root{\r\n --bg:#f6f8f7;\r\n --card:#ffffff;\r\n --text:#1f2937;\r\n --muted:#6b7280;\r\n --primary:#2e7d32;\r\n --shadow:0 8px 20px rgba(0,0,0,.08);\r\n --ring:rgba(46,125,50,.25);\r\n }\r\n @media (prefers-color-scheme: dark){\r\n :root{\r\n --bg:#0f172a;\r\n --card:#0b1220;\r\n --text:#e5e7eb;\r\n --muted:#9ca3af;\r\n --primary:#81c784;\r\n --shadow:0 10px 26px rgba(0,0,0,.45);\r\n --ring:rgba(129,199,132,.25);\r\n }\r\n }\r\n\r\n \/* Base *\/\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{\r\n margin:0; padding:0;\r\n font-family:'Prompt', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans Thai', sans-serif;\r\n background-color:var(--bg);\r\n color:var(--text);\r\n text-align:center;\r\n -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n }\r\n\r\n .container{\r\n width:90%; max-width:1000px;\r\n margin:40px auto;\r\n background:var(--card);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n padding:28px 20px 36px;\r\n }\r\n\r\n .title{\r\n font-size:clamp(24px,3.2vw,34px);\r\n font-weight:700;\r\n color:var(--primary);\r\n margin:0 0 8px;\r\n line-height:1.2;\r\n text-wrap:balance;\r\n }\r\n .subtitle{\r\n font-size:clamp(16px,2.4vw,20px);\r\n color:var(--muted);\r\n margin:0 0 22px;\r\n text-wrap:balance;\r\n }\r\n\r\n \/* Leader *\/\r\n .leader img{\r\n width:130px; height:160px;\r\n border-radius:14px; object-fit:cover;\r\n box-shadow:0 6px 18px rgba(0,0,0,.12);\r\n transition:transform .3s ease;\r\n }\r\n .leader img:hover{ transform:translateY(-3px) scale(1.02); }\r\n .leader .name{\r\n font-size:18px; font-weight:600; color:var(--primary);\r\n margin-top:10px;\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n .leader .position{\r\n font-size:16px; color:var(--muted);\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n\r\n \/* Team *\/\r\n .team{\r\n display:grid; \/* \u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e41\u0e25\u0e30\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e01\u0e27\u0e48\u0e32 flex \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\r\n grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));\r\n gap:26px;\r\n margin-top:36px;\r\n padding:0 10px;\r\n }\r\n .member{\r\n width:100%; max-width:240px;\r\n margin:0 auto;\r\n background:var(--card);\r\n border-radius:14px;\r\n padding:14px 12px 16px;\r\n box-shadow:var(--shadow);\r\n transition:transform .25s ease, box-shadow .25s ease;\r\n outline:1px solid rgba(0,0,0,.06);\r\n }\r\n .member:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.14); }\r\n .member img{\r\n width:100px; height:120px;\r\n border-radius:12px; object-fit:cover;\r\n box-shadow:0 6px 14px rgba(0,0,0,.12);\r\n }\r\n .member .name{\r\n margin-top:8px;\r\n font-size:15px; font-weight:600; color:var(--primary);\r\n line-height:1.4;\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n .member .position{\r\n font-size:14px; color:var(--muted);\r\n line-height:1.45; margin-top:2px;\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n\r\n \/* Accessibility focus *\/\r\n :where(.member, .leader) :focus-visible, :where(.member, .leader):focus-visible{\r\n outline:3px solid var(--ring); outline-offset:3px; border-radius:12px;\r\n }\r\n\r\n \/* Mobile tweaks *\/\r\n @media (max-width:600px){\r\n .container{ padding:22px 14px 28px; }\r\n .team{ gap:18px; }\r\n }\r\n\r\n \/* \u0e25\u0e14 motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .member, .leader img{ transition:none !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"title\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/div>\r\n <div class=\"subtitle\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e40\u0e02\u0e15\u0e17\u0e35\u0e48 2<\/div>\r\n\r\n <div class=\"leader\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_crgbuxcrgbuxcrgb.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e42\u0e23\u0e0a\u0e32 \u0e16\u0e36\u0e07\u0e2a\u0e38\u0e02\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e1a\u0e38\u0e0d\u0e2a\u0e19\u0e2d\u0e07<\/div>\r\n <div class=\"position\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/div>\r\n <\/div>\r\n\r\n <div class=\"team\">\r\n <div class=\"member\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e34\u0e14\u0e32-\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e42\u0e1a\u0e2a\u0e14.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e34\u0e14\u0e32 \u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e42\u0e1a\u0e2a\u0e14\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e34\u0e14\u0e32 \u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e42\u0e1a\u0e2a\u0e14<\/div>\r\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\r\n <\/div>\r\n\r\n <div class=\"member\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/img00299.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e27\u0e35\u0e13\u0e4c\u0e19\u0e38\u0e0a \u0e1b\u0e27\u0e07\u0e27\u0e07\u0e28\u0e4c\u0e04\u0e33\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e27\u0e35\u0e13\u0e4c\u0e19\u0e38\u0e0a \u0e1b\u0e27\u0e07\u0e27\u0e07\u0e28\u0e4c\u0e04\u0e33<\/div>\r\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"member\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e14\u0e38\u0e25\u0e22\u0e27\u0e31\u0e15-\u0e01\u0e2d\u0e07\u0e1a\u0e38\u0e0d-\u0e19\u0e27\u0e01-\u0e1b\u0e0e\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23_enhanced.png\"\r\n alt=\"\u0e19\u0e32\u0e22\u0e14\u0e38\u0e25\u0e22\u0e27\u0e31\u0e15 \u0e01\u0e2d\u0e07\u0e1a\u0e38\u0e0d\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e22\u0e14\u0e38\u0e25\u0e22\u0e27\u0e31\u0e15 \u0e01\u0e2d\u0e07\u0e1a\u0e38\u0e0d<\/div>\r\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 – \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_crdt_document":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1134","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1134"}],"version-history":[{"count":80,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1134\/revisions"}],"predecessor-version":[{"id":13892,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1134\/revisions\/13892"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f6f9f8;\r\n text-align: center;\r\n }\r\n\r\n \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49 *\/\r\n .header {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 20px;\r\n background-color: white;\r\n }\r\n\r\n .header img {\r\n height: 80px;\r\n }\r\n\r\n \/* \u0e2a\u0e44\u0e25\u0e14\u0e4c\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\r\n .slider-container {\r\n position: relative;\r\n max-width: 700px;\r\n margin: 20px auto;\r\n overflow: hidden;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .slider {\r\n display: flex;\r\n transition: transform 0.5s ease-in-out;\r\n }\r\n\r\n .slide {\r\n min-width: 100%;\r\n }\r\n\r\n .slide img {\r\n width: 100%;\r\n border-radius: 10px;\r\n }\r\n\r\n .prev, .next {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n color: white;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n font-size: 24px;\r\n border-radius: 5px;\r\n }\r\n\r\n .prev { left: 10px; }\r\n .next { right: 10px; }\r\n\r\n .prev:hover, .next:hover {\r\n background-color: rgba(0, 0, 0, 0.8);\r\n }\r\n\r\n \/* \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e21\u0e19\u0e39 *\/\r\n .buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 10px;\r\n margin: 20px;\r\n }\r\n\r\n .button {\r\n padding: 15px 25px;\r\n font-size: 16px;\r\n color: white;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .button.pdpa { background-color: #007bff; }\r\n .button.covid { background-color: #dc3545; }\r\n .button.feedback { background-color: #28a745; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"header\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/02\/\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23-1.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49 1\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/10\/53YearDOA.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49 2\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/02\/Logo-DOA-Together-BG-white-1536x743-2.png\" alt=\"\u0e42\u0e25\u0e42\u0e01\u0e49 3\">\r\n <\/div>\r\n\r\n \r\n <script>\r\n let index = 0;\r\n\r\n function moveSlide(step) {\r\n const slides = document.querySelectorAll(\".slide\");\r\n index += step;\r\n\r\n if (index >= slides.length) {\r\n index = 0;\r\n } else if (index < 0) {\r\n index = slides.length - 1;\r\n }\r\n\r\n document.querySelector(\".slider\").style.transform = `translateX(${-index * 100}%)`;\r\n }\r\n\r\n setInterval(() => moveSlide(1), 5000); \/\/ Auto-slide every 5 seconds\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4525d15 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4525d15\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e30e2d2\" data-id=\"e30e2d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e1a9506 elementor-widget elementor-widget-html\" data-id=\"e1a9506\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"th\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 - \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e40\u0e02\u0e15\u0e17\u0e35\u0e48 2<\/title>\r\n\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <meta http-equiv=\"Content-Security-Policy\" content=\"\r\n default-src 'self';\r\n img-src 'self' https: data:;\r\n style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com;\r\n font-src https:\/\/fonts.gstatic.com data:;\r\n script-src 'self';\r\n object-src 'none';\r\n base-uri 'self';\">\r\n\r\n <style>\r\n :root{\r\n --bg:#f6f8f7;\r\n --card:#ffffff;\r\n --text:#1f2937;\r\n --muted:#6b7280;\r\n --primary:#2e7d32;\r\n --shadow:0 8px 20px rgba(0,0,0,.08);\r\n --ring:rgba(46,125,50,.25);\r\n }\r\n @media (prefers-color-scheme: dark){\r\n :root{\r\n --bg:#0f172a;\r\n --card:#0b1220;\r\n --text:#e5e7eb;\r\n --muted:#9ca3af;\r\n --primary:#81c784;\r\n --shadow:0 10px 26px rgba(0,0,0,.45);\r\n --ring:rgba(129,199,132,.25);\r\n }\r\n }\r\n\r\n \/* Base *\/\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{\r\n margin:0; padding:0;\r\n font-family:'Prompt', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans Thai', sans-serif;\r\n background-color:var(--bg);\r\n color:var(--text);\r\n text-align:center;\r\n -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n }\r\n\r\n .container{\r\n width:90%; max-width:1000px;\r\n margin:40px auto;\r\n background:var(--card);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n padding:28px 20px 36px;\r\n }\r\n\r\n .title{\r\n font-size:clamp(24px,3.2vw,34px);\r\n font-weight:700;\r\n color:var(--primary);\r\n margin:0 0 8px;\r\n line-height:1.2;\r\n text-wrap:balance;\r\n }\r\n .subtitle{\r\n font-size:clamp(16px,2.4vw,20px);\r\n color:var(--muted);\r\n margin:0 0 22px;\r\n text-wrap:balance;\r\n }\r\n\r\n \/* Leader *\/\r\n .leader img{\r\n width:130px; height:160px;\r\n border-radius:14px; object-fit:cover;\r\n box-shadow:0 6px 18px rgba(0,0,0,.12);\r\n transition:transform .3s ease;\r\n }\r\n .leader img:hover{ transform:translateY(-3px) scale(1.02); }\r\n .leader .name{\r\n font-size:18px; font-weight:600; color:var(--primary);\r\n margin-top:10px;\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n .leader .position{\r\n font-size:16px; color:var(--muted);\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n\r\n \/* Team *\/\r\n .team{\r\n display:grid; \/* \u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e41\u0e25\u0e30\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e01\u0e27\u0e48\u0e32 flex \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\r\n grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));\r\n gap:26px;\r\n margin-top:36px;\r\n padding:0 10px;\r\n }\r\n .member{\r\n width:100%; max-width:240px;\r\n margin:0 auto;\r\n background:var(--card);\r\n border-radius:14px;\r\n padding:14px 12px 16px;\r\n box-shadow:var(--shadow);\r\n transition:transform .25s ease, box-shadow .25s ease;\r\n outline:1px solid rgba(0,0,0,.06);\r\n }\r\n .member:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.14); }\r\n .member img{\r\n width:100px; height:120px;\r\n border-radius:12px; object-fit:cover;\r\n box-shadow:0 6px 14px rgba(0,0,0,.12);\r\n }\r\n .member .name{\r\n margin-top:8px;\r\n font-size:15px; font-weight:600; color:var(--primary);\r\n line-height:1.4;\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n .member .position{\r\n font-size:14px; color:var(--muted);\r\n line-height:1.45; margin-top:2px;\r\n \/* \u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e23\u0e1a\u0e17\u0e38\u0e01\u0e15\u0e31\u0e27 *\/\r\n white-space:normal; word-break:keep-all; overflow:visible;\r\n }\r\n\r\n \/* Accessibility focus *\/\r\n :where(.member, .leader) :focus-visible, :where(.member, .leader):focus-visible{\r\n outline:3px solid var(--ring); outline-offset:3px; border-radius:12px;\r\n }\r\n\r\n \/* Mobile tweaks *\/\r\n @media (max-width:600px){\r\n .container{ padding:22px 14px 28px; }\r\n .team{ gap:18px; }\r\n }\r\n\r\n \/* \u0e25\u0e14 motion *\/\r\n @media (prefers-reduced-motion: reduce){\r\n .member, .leader img{ transition:none !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"title\">\u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/div>\r\n <div class=\"subtitle\">\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e40\u0e02\u0e15\u0e17\u0e35\u0e48 2<\/div>\r\n\r\n <div class=\"leader\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_crgbuxcrgbuxcrgb.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e42\u0e23\u0e0a\u0e32 \u0e16\u0e36\u0e07\u0e2a\u0e38\u0e02\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32 \u0e1a\u0e38\u0e0d\u0e2a\u0e19\u0e2d\u0e07<\/div>\r\n <div class=\"position\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/div>\r\n <\/div>\r\n\r\n <div class=\"team\">\r\n <div class=\"member\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e34\u0e14\u0e32-\u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e42\u0e1a\u0e2a\u0e14.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e34\u0e14\u0e32 \u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e42\u0e1a\u0e2a\u0e14\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e34\u0e14\u0e32 \u0e2a\u0e38\u0e27\u0e23\u0e23\u0e13\u0e42\u0e1a\u0e2a\u0e14<\/div>\r\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\r\n <\/div>\r\n\r\n <div class=\"member\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/03\/img00299.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e27\u0e35\u0e13\u0e4c\u0e19\u0e38\u0e0a \u0e1b\u0e27\u0e07\u0e27\u0e07\u0e28\u0e4c\u0e04\u0e33\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e27\u0e35\u0e13\u0e4c\u0e19\u0e38\u0e0a \u0e1b\u0e27\u0e07\u0e27\u0e07\u0e28\u0e4c\u0e04\u0e33<\/div>\r\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"member\">\r\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/07\/\u0e19\u0e32\u0e22\u0e14\u0e38\u0e25\u0e22\u0e27\u0e31\u0e15-\u0e01\u0e2d\u0e07\u0e1a\u0e38\u0e0d-\u0e19\u0e27\u0e01-\u0e1b\u0e0e\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23_enhanced.png\"\r\n alt=\"\u0e19\u0e32\u0e22\u0e14\u0e38\u0e25\u0e22\u0e27\u0e31\u0e15 \u0e01\u0e2d\u0e07\u0e1a\u0e38\u0e0d\" loading=\"lazy\" referrerpolicy=\"no-referrer\">\r\n <div class=\"name\">\u0e19\u0e32\u0e22\u0e14\u0e38\u0e25\u0e22\u0e27\u0e31\u0e15 \u0e01\u0e2d\u0e07\u0e1a\u0e38\u0e0d<\/div>\r\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 – \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e27\u0e34\u0e08\u0e31 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_crdt_document":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1134","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1134"}],"version-history":[{"count":80,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1134\/revisions"}],"predecessor-version":[{"id":13892,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1134\/revisions\/13892"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}