{"id":13927,"date":"2025-11-27T21:46:32","date_gmt":"2025-11-27T14:46:32","guid":{"rendered":"https:\/\/www.doa.go.th\/oard2\/?p=13927"},"modified":"2025-11-29T17:16:23","modified_gmt":"2025-11-29T10:16:23","slug":"%e0%b8%aa%e0%b8%a7%e0%b8%9e-2-%e0%b8%a5%e0%b8%87%e0%b8%9e%e0%b8%b7%e0%b9%89%e0%b8%99%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%95%e0%b8%b4%e0%b8%94%e0%b8%95%e0%b8%b2%e0%b8%a1%e0%b8%87%e0%b8%b2%e0%b8%99-3","status":"publish","type":"post","link":"https:\/\/www.doa.go.th\/oard2\/?p=13927","title":{"rendered":"\u0e2a\u0e27\u0e1e.2 \u0e25\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e22\u0e32\u0e21\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19\u0e2d\u0e31\u0e19\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e32\u0e08\u0e32\u0e01\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e14\u0e33\u0e23\u0e34 \u0e1a\u0e49\u0e32\u0e19\u0e21\u0e30\u0e42\u0e2d\u0e42\u0e04\u0e30 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e15\u0e32\u0e01"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"13927\" class=\"elementor elementor-13927\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a2836a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2836a0\" 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-6bf08cf\" data-id=\"6bf08cf\" 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-5b383be elementor-widget elementor-widget-text-editor\" data-id=\"5b383be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div dir=\"auto\"><span style=\"color: #000000; font-size: 16px;\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 27 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2568 \u0e19\u0e32\u0e22\u0e18\u0e07\u0e0a\u0e31\u0e22 \u0e04\u0e33\u0e42\u0e04\u0e15\u0e23 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\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 \u0e19\u0e33\u0e04\u0e13\u0e30\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48 \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e42\u0e23\u0e0a\u0e32 \u0e16\u0e36\u0e07\u0e2a\u0e38\u0e02 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e15\u0e32\u0e01, \u0e19\u0e32\u0e22\u0e2d\u0e32\u0e19\u0e19\u0e17\u0e4c \u0e21\u0e25\u0e34\u0e1e\u0e31\u0e19\u0e18\u0e4c \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e38\u0e15\u0e23\u0e14\u0e34\u0e15\u0e16\u0e4c \u0e41\u0e25\u0e30\u0e19\u0e32\u0e07\u0e23\u0e38\u0e48\u0e07\u0e17\u0e34\u0e27\u0e32 \u0e14\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e25\u0e38\u0e48\u0e21\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e14\u0e49\u0e27\u0e22\u0e04\u0e13\u0e30\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e32\u0e01\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e15\u0e32\u0e01 \u0e25\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e22\u0e32\u0e21\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19\u0e2d\u0e31\u0e19\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e32\u0e08\u0e32\u0e01\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e14\u0e33\u0e23\u0e34 \u0e13 \u0e1a\u0e49\u0e32\u0e19\u0e21\u0e30\u0e42\u0e2d\u0e42\u0e04\u0e30 \u0e15\u0e33\u0e1a\u0e25\u0e41\u0e21\u0e48\u0e08\u0e31\u0e19 \u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e2d\u0e38\u0e49\u0e21\u0e1c\u0e32\u0e07 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e15\u0e32\u0e01<\/span><\/div><div dir=\"auto\"><span style=\"color: #000000; font-size: 16px;\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e04\u0e23\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e21\u0e35\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e49\u0e32\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e23\u0e21\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e39\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 \u0e42\u0e14\u0e22\u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e39\u0e01\u0e44\u0e21\u0e49\u0e1c\u0e25\u0e17\u0e35\u0e48\u0e21\u0e35\u0e28\u0e31\u0e01\u0e22\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e2d\u0e32\u0e17\u0e34 \u0e2d\u0e30\u0e42\u0e27\u0e04\u0e32\u0e42\u0e14\u0e41\u0e25\u0e30\u0e01\u0e32\u0e41\u0e1f \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e1e\u0e37\u0e0a\u0e1c\u0e31\u0e01\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e1e\u0e37\u0e0a\u0e41\u0e1a\u0e1a\u0e1c\u0e2a\u0e21\u0e1c\u0e2a\u0e32\u0e19 \u0e2d\u0e31\u0e19\u0e08\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\u0e17\u0e32\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e48\u0e04\u0e23\u0e31\u0e27\u0e40\u0e23\u0e37\u0e2d\u0e19\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e39\u0e07<\/span><\/div><div dir=\"auto\"><span style=\"color: #000000; font-size: 16px;\">\u0e43\u0e19\u0e01\u0e32\u0e23\u0e19\u0e35\u0e49 \u0e04\u0e13\u0e30\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e44\u0e14\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e08\u0e32\u0e01\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e1b\u0e25\u0e07\u0e40\u0e1e\u0e32\u0e30\u0e1b\u0e25\u0e39\u0e01\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e16\u0e36\u0e07\u0e1a\u0e17\u0e1a\u0e32\u0e17\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e21\u0e41\u0e02\u0e47\u0e07\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e48\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1e\u0e36\u0e48\u0e07\u0e1e\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07\u0e23\u0e32\u0e01\u0e10\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08 \u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e0a\u0e32\u0e22\u0e41\u0e14\u0e19\u0e02\u0e2d\u0e07\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e15\u0e32\u0e01\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e21\u0e31\u0e48\u0e19\u0e04\u0e07\u0e2a\u0e37\u0e1a\u0e44\u0e1b<\/span><\/div>\t\t\t\t\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-8a4d8b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8a4d8b0\" 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-acce921\" data-id=\"acce921\" 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-51ef42b elementor-widget elementor-widget-html\" data-id=\"51ef42b\" 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>\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n        \r\n        body {\r\n            background-color: #ffffff;\r\n            color: #333;\r\n            line-height: 1.6;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n            padding: 20px 0;\r\n        }\r\n        \r\n        .gallery {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .thumbnail {\r\n            width: 100%;\r\n            height: 200px;\r\n            object-fit: cover;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n        }\r\n        \r\n        .thumbnail:hover {\r\n            transform: scale(1.03);\r\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        \/* Modal Styles *\/\r\n        .modal {\r\n            display: none;\r\n            position: fixed;\r\n            z-index: 1000;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.9);\r\n            animation: fadeIn 0.3s;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; }\r\n            to { opacity: 1; }\r\n        }\r\n        \r\n        .modal-content {\r\n            display: block;\r\n            margin: auto;\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n            margin-top: 2%;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 35px;\r\n            color: #fff;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            transition: color 0.3s;\r\n        }\r\n        \r\n        .close:hover {\r\n            color: #ddd;\r\n        }\r\n        \r\n        .caption {\r\n            text-align: center;\r\n            color: #fff;\r\n            padding: 10px 0;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .prev, .next {\r\n            cursor: pointer;\r\n            position: absolute;\r\n            top: 50%;\r\n            width: auto;\r\n            padding: 16px;\r\n            margin-top: -50px;\r\n            color: white;\r\n            font-weight: bold;\r\n            font-size: 24px;\r\n            transition: 0.3s;\r\n            user-select: none;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            border-radius: 0 5px 5px 0;\r\n        }\r\n        \r\n        .next {\r\n            right: 0;\r\n            border-radius: 5px 0 0 5px;\r\n        }\r\n        \r\n        .prev:hover, .next:hover {\r\n            background-color: rgba(0, 0, 0, 0.8);\r\n        }\r\n        \r\n        footer {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n            padding: 20px 0;\r\n            color: #7f8c8d;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .gallery {\r\n                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n            }\r\n            \r\n            .prev, .next {\r\n                font-size: 18px;\r\n                padding: 12px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <header>\r\n            <!-- \u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e14\u0e46 \u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27 -->\r\n        <\/header>\r\n        \r\n        <div class=\"gallery\">\r\n            <!-- \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e08\u0e30\u0e16\u0e39\u0e01\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e42\u0e14\u0e22 JavaScript -->\r\n        <\/div>\r\n        \r\n        <!-- Modal \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e0d\u0e48 -->\r\n        <div id=\"imageModal\" class=\"modal\">\r\n            <span class=\"close\">&times;<\/span>\r\n            <img class=\"modal-content\" id=\"expandedImg\">\r\n            <div class=\"caption\" id=\"imgCaption\"><\/div>\r\n            <a class=\"prev\" id=\"prevBtn\">&#10094;<\/a>\r\n            <a class=\"next\" id=\"nextBtn\">&#10095;<\/a>\r\n        <\/div>\r\n        \r\n        <footer>\r\n            <!-- \u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e43\u0e14\u0e46 \u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e49\u0e32\u0e22 -->\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 URL \u0e02\u0e2d\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\r\n        const imageUrls = [\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654642_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654638_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654637_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654636_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654635_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654634_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654633_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654641_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654640_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654639_0.jpg\",\r\n            \"https:\/\/www.doa.go.th\/oard2\/wp-content\/uploads\/2025\/11\/654643.jpg\"\r\n        ];\r\n\r\n        \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e01\u0e25\u0e40\u0e25\u0e2d\u0e23\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\r\n        const gallery = document.querySelector('.gallery');\r\n        \r\n        imageUrls.forEach((url, index) => {\r\n            const imgContainer = document.createElement('div');\r\n            imgContainer.className = 'img-container';\r\n            \r\n            const img = document.createElement('img');\r\n            img.src = url;\r\n            img.alt = `\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e ${index + 1}`;\r\n            img.className = 'thumbnail';\r\n            img.setAttribute('data-index', index);\r\n            \r\n            imgContainer.appendChild(img);\r\n            gallery.appendChild(imgContainer);\r\n        });\r\n\r\n        \/\/ \u0e15\u0e31\u0e27\u0e41\u0e1b\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e42\u0e21\u0e14\u0e2d\u0e25\r\n        const modal = document.getElementById('imageModal');\r\n        const modalImg = document.getElementById('expandedImg');\r\n        const captionText = document.getElementById('imgCaption');\r\n        const closeBtn = document.querySelector('.close');\r\n        const prevBtn = document.getElementById('prevBtn');\r\n        const nextBtn = document.getElementById('nextBtn');\r\n        \r\n        let currentIndex = 0;\r\n\r\n        \/\/ \u0e40\u0e1b\u0e34\u0e14\u0e42\u0e21\u0e14\u0e2d\u0e25\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\r\n        document.querySelectorAll('.thumbnail').forEach(thumbnail => {\r\n            thumbnail.addEventListener('click', function() {\r\n                currentIndex = parseInt(this.getAttribute('data-index'));\r\n                openModal(currentIndex);\r\n            });\r\n        });\r\n\r\n        \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e21\u0e14\u0e2d\u0e25\r\n        function openModal(index) {\r\n            modal.style.display = 'block';\r\n            modalImg.src = imageUrls[index];\r\n            captionText.textContent = `\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e ${index + 1} \u0e08\u0e32\u0e01 ${imageUrls.length}`;\r\n            currentIndex = index;\r\n        }\r\n\r\n        \/\/ \u0e1b\u0e34\u0e14\u0e42\u0e21\u0e14\u0e2d\u0e25\r\n        closeBtn.addEventListener('click', function() {\r\n            modal.style.display = 'none';\r\n        });\r\n\r\n        \/\/ \u0e1b\u0e34\u0e14\u0e42\u0e21\u0e14\u0e2d\u0e25\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e19\u0e2d\u0e01\u0e20\u0e32\u0e1e\r\n        window.addEventListener('click', function(event) {\r\n            if (event.target === modal) {\r\n                modal.style.display = 'none';\r\n            }\r\n        });\r\n\r\n        \/\/ \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23\r\n        prevBtn.addEventListener('click', function() {\r\n            currentIndex = (currentIndex - 1 + imageUrls.length) % imageUrls.length;\r\n            openModal(currentIndex);\r\n        });\r\n\r\n        nextBtn.addEventListener('click', function() {\r\n            currentIndex = (currentIndex + 1) % imageUrls.length;\r\n            openModal(currentIndex);\r\n        });\r\n\r\n        \/\/ \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e38\u0e48\u0e21\u0e04\u0e35\u0e22\u0e4c\u0e1a\u0e2d\u0e23\u0e4c\u0e14\r\n        document.addEventListener('keydown', function(event) {\r\n            if (modal.style.display === 'block') {\r\n                if (event.key === 'ArrowLeft') {\r\n                    currentIndex = (currentIndex - 1 + imageUrls.length) % imageUrls.length;\r\n                    openModal(currentIndex);\r\n                } else if (event.key === 'ArrowRight') {\r\n                    currentIndex = (currentIndex + 1) % imageUrls.length;\r\n                    openModal(currentIndex);\r\n                } else if (event.key === 'Escape') {\r\n                    modal.style.display = 'none';\r\n                }\r\n            }\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 27 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2568 \u0e19\u0e32\u0e22\u0e18\u0e07\u0e0a\u0e31\u0e22 \u0e04\u0e33\u0e42\u0e04\u0e15\u0e23 \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e19 [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":13925,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-13927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/13927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13927"}],"version-history":[{"count":12,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/13927\/revisions"}],"predecessor-version":[{"id":13941,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/posts\/13927\/revisions\/13941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=\/wp\/v2\/media\/13925"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.doa.go.th\/oard2\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}