\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-795c258 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"795c258\" 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-cd48d79\" data-id=\"cd48d79\" 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-b862793 elementor-widget elementor-widget-html\" data-id=\"b862793\" 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\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 - \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 <style>\r\n :root{\r\n --bg:#f6f8f7;\r\n --card:#ffffff;\r\n --text:#1f2937;\r\n --muted:#6b7280;\r\n --primary:#2d6a4f; \/* \u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e38\u0e20\u0e32\u0e1e *\/\r\n --shadow:0 8px 20px rgba(0,0,0,.08);\r\n --ring:rgba(45,106,79,.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:#74c69d;\r\n --shadow:0 10px 26px rgba(0,0,0,.45);\r\n --ring:rgba(116,198,157,.30);\r\n }\r\n }\r\n\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{\r\n margin:0;\r\n text-align:center;\r\n font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans Thai\", Arial, sans-serif;\r\n background-color:var(--bg);\r\n color:var(--text);\r\n -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n }\r\n\r\n .container{\r\n width:min(1100px,92%);\r\n margin:clamp(20px,5vw,56px) auto;\r\n background:var(--card);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n padding:clamp(16px,3vw,32px);\r\n }\r\n\r\n .title{\r\n font-size:clamp(22px,3.2vw,32px);\r\n font-weight:800;\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 margin-top:20px;\r\n padding:20px;\r\n border-radius:14px;\r\n background:linear-gradient(180deg, rgba(64,145,108,.06), rgba(64,145,108,0));\r\n outline:1px solid rgba(64,145,108,.10);\r\n }\r\n .leader img{\r\n width:120px; height:150px;\r\n border-radius:14px;\r\n object-fit:cover;\r\n box-shadow:0 8px 24px 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\r\n .leader .name{\r\n font-size:clamp(16px,2.2vw,20px);\r\n font-weight:800;\r\n 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; max-width:none;\r\n }\r\n .leader .position{\r\n font-size:clamp(14px,2vw,18px);\r\n 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; max-width:none;\r\n }\r\n\r\n \/* Team \u2192 \u0e43\u0e0a\u0e49 Grid \u0e43\u0e2b\u0e49 responsive \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e15\u0e31\u0e14\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\r\n .team{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(200px,1fr));\r\n gap:clamp(20px,4vw,36px);\r\n justify-items:center;\r\n margin-top:36px;\r\n }\r\n .member{\r\n width:100%;\r\n max-width:240px; \/* \u0e01\u0e27\u0e49\u0e32\u0e07\u0e1e\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e0a\u0e37\u0e48\u0e2d\u0e22\u0e32\u0e27 *\/\r\n background:var(--card);\r\n border-radius:14px;\r\n padding:16px 14px;\r\n box-shadow:var(--shadow);\r\n outline:1px solid rgba(0,0,0,.06);\r\n transition:transform .25s ease, box-shadow .25s ease;\r\n }\r\n .member:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.14); }\r\n\r\n .member img{\r\n width:100px; height:140px;\r\n border-radius:12px;\r\n 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:10px;\r\n font-size:16px;\r\n font-weight:700;\r\n color:var(--primary);\r\n line-height:1.35;\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; max-width:none;\r\n }\r\n .member .position{\r\n font-size:15px;\r\n color:var(--muted);\r\n margin-top:4px;\r\n line-height:1.45;\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; max-width:none;\r\n }\r\n\r\n \/* \u0e42\u0e1f\u0e01\u0e31\u0e2a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07 *\/\r\n :where(.member, .leader) :focus-visible,\r\n :where(.member, .leader):focus-visible{\r\n outline:3px solid var(--ring);\r\n outline-offset:3px;\r\n border-radius:12px;\r\n }\r\n\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\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/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\/03\/8.-\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48.png\" alt=\"\">\r\n <div class=\"name\">\u0e19\u0e32\u0e22\u0e2a\u0e19\u0e2d\u0e07 \u0e1a\u0e31\u0e27\u0e40\u0e01\u0e15\u0e38<\/div>\r\n <div class=\"position\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/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\/20200401_094557-1.jpg\" alt=\"\">\r\n <div class=\"name\">\u0e19\u0e32\u0e22\u0e10\u0e32\u0e19\u0e38\u0e1e\u0e07\u0e28\u0e4c \u0e15\u0e32\u0e21\u0e35<\/div>\r\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e07\u0e32\u0e19<\/div>\r\n <\/div>\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\u0e1b\u0e32\u0e23\u0e34\u0e0a\u0e32\u0e15\u0e34-\u0e17\u0e32\u0e1a\u0e38\u0e15\u0e23-\u0e08\u0e1e\u0e07.\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19.jpg\" alt=\"\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e32\u0e23\u0e34\u0e0a\u0e32\u0e15\u0e34 \u0e17\u0e32\u0e1a\u0e38\u0e15\u0e23<\/div>\r\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19<\/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\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 – \u0e2a\u0e33\u0e19\u0e31 […]<\/p>\n","protected":false},"author":3,"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-1385","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1385","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1385"}],"version-history":[{"count":57,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":13694,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions\/13694"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1385"}],"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-795c258 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"795c258\" 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-cd48d79\" data-id=\"cd48d79\" 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-b862793 elementor-widget elementor-widget-html\" data-id=\"b862793\" 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\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 - \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 <style>\r\n :root{\r\n --bg:#f6f8f7;\r\n --card:#ffffff;\r\n --text:#1f2937;\r\n --muted:#6b7280;\r\n --primary:#2d6a4f; \/* \u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e38\u0e20\u0e32\u0e1e *\/\r\n --shadow:0 8px 20px rgba(0,0,0,.08);\r\n --ring:rgba(45,106,79,.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:#74c69d;\r\n --shadow:0 10px 26px rgba(0,0,0,.45);\r\n --ring:rgba(116,198,157,.30);\r\n }\r\n }\r\n\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{\r\n margin:0;\r\n text-align:center;\r\n font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans Thai\", Arial, sans-serif;\r\n background-color:var(--bg);\r\n color:var(--text);\r\n -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;\r\n }\r\n\r\n .container{\r\n width:min(1100px,92%);\r\n margin:clamp(20px,5vw,56px) auto;\r\n background:var(--card);\r\n border-radius:16px;\r\n box-shadow:var(--shadow);\r\n padding:clamp(16px,3vw,32px);\r\n }\r\n\r\n .title{\r\n font-size:clamp(22px,3.2vw,32px);\r\n font-weight:800;\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 margin-top:20px;\r\n padding:20px;\r\n border-radius:14px;\r\n background:linear-gradient(180deg, rgba(64,145,108,.06), rgba(64,145,108,0));\r\n outline:1px solid rgba(64,145,108,.10);\r\n }\r\n .leader img{\r\n width:120px; height:150px;\r\n border-radius:14px;\r\n object-fit:cover;\r\n box-shadow:0 8px 24px 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\r\n .leader .name{\r\n font-size:clamp(16px,2.2vw,20px);\r\n font-weight:800;\r\n 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; max-width:none;\r\n }\r\n .leader .position{\r\n font-size:clamp(14px,2vw,18px);\r\n 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; max-width:none;\r\n }\r\n\r\n \/* Team \u2192 \u0e43\u0e0a\u0e49 Grid \u0e43\u0e2b\u0e49 responsive \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e15\u0e31\u0e14\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\r\n .team{\r\n display:grid;\r\n grid-template-columns:repeat(auto-fit, minmax(200px,1fr));\r\n gap:clamp(20px,4vw,36px);\r\n justify-items:center;\r\n margin-top:36px;\r\n }\r\n .member{\r\n width:100%;\r\n max-width:240px; \/* \u0e01\u0e27\u0e49\u0e32\u0e07\u0e1e\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e0a\u0e37\u0e48\u0e2d\u0e22\u0e32\u0e27 *\/\r\n background:var(--card);\r\n border-radius:14px;\r\n padding:16px 14px;\r\n box-shadow:var(--shadow);\r\n outline:1px solid rgba(0,0,0,.06);\r\n transition:transform .25s ease, box-shadow .25s ease;\r\n }\r\n .member:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.14); }\r\n\r\n .member img{\r\n width:100px; height:140px;\r\n border-radius:12px;\r\n 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:10px;\r\n font-size:16px;\r\n font-weight:700;\r\n color:var(--primary);\r\n line-height:1.35;\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; max-width:none;\r\n }\r\n .member .position{\r\n font-size:15px;\r\n color:var(--muted);\r\n margin-top:4px;\r\n line-height:1.45;\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; max-width:none;\r\n }\r\n\r\n \/* \u0e42\u0e1f\u0e01\u0e31\u0e2a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07 *\/\r\n :where(.member, .leader) :focus-visible,\r\n :where(.member, .leader):focus-visible{\r\n outline:3px solid var(--ring);\r\n outline-offset:3px;\r\n border-radius:12px;\r\n }\r\n\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\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/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\/03\/8.-\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48.png\" alt=\"\">\r\n <div class=\"name\">\u0e19\u0e32\u0e22\u0e2a\u0e19\u0e2d\u0e07 \u0e1a\u0e31\u0e27\u0e40\u0e01\u0e15\u0e38<\/div>\r\n <div class=\"position\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/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\/20200401_094557-1.jpg\" alt=\"\">\r\n <div class=\"name\">\u0e19\u0e32\u0e22\u0e10\u0e32\u0e19\u0e38\u0e1e\u0e07\u0e28\u0e4c \u0e15\u0e32\u0e21\u0e35<\/div>\r\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e0a\u0e33\u0e19\u0e32\u0e0d\u0e07\u0e32\u0e19<\/div>\r\n <\/div>\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\u0e1b\u0e32\u0e23\u0e34\u0e0a\u0e32\u0e15\u0e34-\u0e17\u0e32\u0e1a\u0e38\u0e15\u0e23-\u0e08\u0e1e\u0e07.\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19.jpg\" alt=\"\">\r\n <div class=\"name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e32\u0e23\u0e34\u0e0a\u0e32\u0e15\u0e34 \u0e17\u0e32\u0e1a\u0e38\u0e15\u0e23<\/div>\r\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19<\/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\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22 – \u0e2a\u0e33\u0e19\u0e31 […]<\/p>\n","protected":false},"author":3,"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-1385","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1385","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1385"}],"version-history":[{"count":57,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":13694,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/pages\/1385\/revisions\/13694"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}