{"id":2522,"date":"2024-08-25T13:56:51","date_gmt":"2024-08-25T13:56:51","guid":{"rendered":"https:\/\/chetupon.ac.th\/?page_id=2522"},"modified":"2026-05-20T04:47:20","modified_gmt":"2026-05-20T04:47:20","slug":"%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%a7%e0%b8%b2%e0%b8%87%e0%b9%81%e0%b8%9c%e0%b8%99%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b8%87%e0%b8%9a%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%a1%e0%b8%b2%e0%b8%93","status":"publish","type":"page","link":"https:\/\/chetupon.ac.th\/?page_id=2522","title":{"rendered":"\u0e07\u0e32\u0e19\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2522\" class=\"elementor elementor-2522\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1d7f83 e-flex e-con-boxed e-con e-parent\" data-id=\"a1d7f83\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-361d0a3 elementor-widget elementor-widget-html\" data-id=\"361d0a3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49 Tailwind CSS -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>tailwind.config = { corePlugins: { preflight: false } }<\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800&display=swap\"\r\n    rel=\"stylesheet\">\r\n\r\n<script>\r\n    \/\/ --- \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e23\u0e39\u0e1b\u0e40\u0e2a\u0e35\u0e22 \u0e22\u0e49\u0e32\u0e22\u0e21\u0e32\u0e44\u0e27\u0e49\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e2a\u0e38\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e40\u0e21\u0e37\u0e48\u0e2d DOM \u0e1e\u0e1a <img> ---\r\n    function handleImageError(img) {\r\n        img.onerror = null; \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e25\u0e39\u0e1b\u0e44\u0e21\u0e48\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\r\n        \/\/ \u0e43\u0e0a\u0e49 SVG \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e23\u0e39\u0e1b\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e41\u0e1a\u0e1a\u0e21\u0e34\u0e19\u0e34\u0e21\u0e2d\u0e25 \u0e2a\u0e35\u0e40\u0e17\u0e32\u0e2d\u0e48\u0e2d\u0e19\r\n        img.src = \"data:image\/svg+xml;charset=UTF-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'\/%3E%3C\/svg%3E\";\r\n        img.classList.remove('object-cover', 'object-top');\r\n        img.classList.add('object-contain', 'p-10', 'opacity-60');\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    #chetpon-premium-directory {\r\n        font-family: 'Noto Sans Thai', sans-serif;\r\n        background: #ffffff;\r\n        min-height: 100vh;\r\n        position: relative;\r\n        overflow: hidden;\r\n        color: #1e293b;\r\n    }\r\n\r\n    \/* \u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e41\u0e2a\u0e07\u0e23\u0e30\u0e22\u0e34\u0e1a\u0e23\u0e30\u0e22\u0e31\u0e1a *\/\r\n    .particle {\r\n        position: absolute;\r\n        background: #3b82f6;\r\n        border-radius: 50%;\r\n        opacity: 0.1;\r\n        pointer-events: none;\r\n        animation: rise 15s infinite linear;\r\n    }\r\n\r\n    @keyframes rise {\r\n        0% {\r\n            transform: translateY(100vh) scale(0);\r\n            opacity: 0;\r\n        }\r\n\r\n        50% {\r\n            opacity: 0.2;\r\n        }\r\n\r\n        100% {\r\n            transform: translateY(-10vh) scale(1.2);\r\n            opacity: 0;\r\n        }\r\n    }\r\n\r\n    \/* --- [NEW] \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e04\u0e25\u0e37\u0e48\u0e19\u0e17\u0e30\u0e40\u0e25 (Ocean Wave Gradient) --- *\/\r\n    .ocean-wave-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(120deg, #0ea5e9, #1d4ed8, #0f172a, #0284c7);\r\n        background-size: 300% 300%;\r\n        opacity: 0;\r\n        transition: opacity 0.6s ease;\r\n        z-index: 0;\r\n        border-radius: inherit;\r\n    }\r\n\r\n    .group:hover .ocean-wave-bg {\r\n        opacity: 1;\r\n        animation: ocean-flow 4s ease infinite;\r\n    }\r\n\r\n    @keyframes ocean-flow {\r\n        0% {\r\n            background-position: 0% 50%;\r\n        }\r\n\r\n        50% {\r\n            background-position: 100% 50%;\r\n        }\r\n\r\n        100% {\r\n            background-position: 0% 50%;\r\n        }\r\n    }\r\n\r\n    \/* --- \u0e23\u0e30\u0e1a\u0e1a Hover \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32 (Executive) --- *\/\r\n    .exec-card {\r\n        position: relative;\r\n        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        border-radius: 2.5rem;\r\n        background: white;\r\n    }\r\n\r\n    .exec-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: -2px;\r\n        background: linear-gradient(45deg, #fbbf24, #f59e0b, #3b82f6, #6366f1);\r\n        border-radius: 2.6rem;\r\n        z-index: -1;\r\n        opacity: 0.3;\r\n        transition: opacity 0.5s ease;\r\n    }\r\n\r\n    .exec-card:hover {\r\n        transform: scale(1.03) translateY(-10px);\r\n        box-shadow: 0 30px 60px -12px rgba(59, 130, 246, 0.3), 0 18px 36px -18px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    .exec-card:hover::before {\r\n        opacity: 1;\r\n        animation: aurora-flow 4s linear infinite;\r\n    }\r\n\r\n    \/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e2a\u0e07\u0e27\u0e34\u0e48\u0e07\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e39\u0e1b *\/\r\n    .shine-effect {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .shine-effect::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        left: -60%;\r\n        width: 20%;\r\n        height: 200%;\r\n        background: rgba(255, 255, 255, 0.4);\r\n        transform: rotate(30deg);\r\n        transition: none;\r\n        pointer-events: none;\r\n        z-index: 20;\r\n    }\r\n\r\n    .exec-card:hover .shine-effect::after {\r\n        left: 130%;\r\n        transition: all 0.8s ease-in-out;\r\n    }\r\n\r\n    \/* --- \u0e23\u0e30\u0e1a\u0e1a Hover \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e25\u0e39\u0e01\u0e19\u0e49\u0e2d\u0e07 (Personnel) --- *\/\r\n    .staff-card {\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n        \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e02\u0e32\u0e27\u0e08\u0e37\u0e14\u0e46 \u0e40\u0e1b\u0e47\u0e19\u0e44\u0e25\u0e48\u0e40\u0e09\u0e14\u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e2d\u0e48\u0e2d\u0e19\u0e2a\u0e38\u0e14\u0e2b\u0e23\u0e39 *\/\r\n        background: linear-gradient(135deg, #ffffff 40%, #eff6ff 100%);\r\n        border: 1px solid #dbeafe;\r\n        box-shadow: 0 8px 24px -6px rgba(59, 130, 246, 0.08);\r\n        position: relative;\r\n    }\r\n\r\n    .staff-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 50%;\r\n        width: 4px;\r\n        height: 0;\r\n        background: #3b82f6;\r\n        \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e2a\u0e49\u0e19\u0e02\u0e35\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e1f\u0e49\u0e32\u0e40\u0e02\u0e49\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e18\u0e35\u0e21 *\/\r\n        transition: all 0.4s ease;\r\n        transform: translateY(-50%);\r\n        border-radius: 0 4px 4px 0;\r\n        z-index: 20;\r\n    }\r\n\r\n    .staff-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px rgba(14, 165, 233, 0.2);\r\n        border-color: transparent;\r\n    }\r\n\r\n    .staff-card:hover::after {\r\n        height: 50%;\r\n        background: #38bdf8;\r\n    }\r\n\r\n    .image-zoom {\r\n        transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    .staff-card:hover .image-zoom,\r\n    .exec-card:hover .image-zoom {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    \/* --- \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e25\u0e37\u0e48\u0e19\u0e17\u0e30\u0e40\u0e25 --- *\/\r\n    .hover-name,\r\n    .hover-position,\r\n    .hover-dept {\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .exec-card:hover .hover-name,\r\n    .staff-card:hover .hover-name {\r\n        background: none !important;\r\n        -webkit-text-fill-color: #ffffff;\r\n        color: #ffffff;\r\n        transform: translateY(-2px);\r\n        text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .exec-card:hover .hover-badge {\r\n        background-color: #ffffff;\r\n        color: #1e3a8a;\r\n        transform: translateY(-3px) scale(1.05);\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\r\n    }\r\n\r\n    .staff-card:hover .hover-position {\r\n        color: #bae6fd;\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .exec-card:hover .hover-dept,\r\n    .staff-card:hover .hover-dept {\r\n        color: #e0f2fe;\r\n        letter-spacing: 0.05em;\r\n    }\r\n\r\n    @keyframes aurora-flow {\r\n        0% {\r\n            background-position: 0% 50%;\r\n        }\r\n\r\n        100% {\r\n            background-position: 400% 50%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"chetpon-premium-directory\" class=\"py-24 px-4\">\r\n    <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,_rgba(59,130,246,0.03)_0%,_transparent_50%)]\">\r\n    <\/div>\r\n\r\n    <div class=\"max-w-6xl mx-auto relative z-10\">\r\n\r\n        <!-- ================= \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48: \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 ================= -->\r\n        <div class=\"mb-32\">\r\n            <div class=\"text-center mb-16 px-4\">\r\n                <span\r\n                    class=\"text-blue-600 font-bold tracking-[0.4em] text-sm uppercase mb-3 block opacity-80\">Department\r\n                    Leadership<\/span>\r\n                <h2 class=\"text-4xl sm:text-5xl md:text-6xl font-black text-slate-900 tracking-tight leading-tight\">\r\n                    \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<br>\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h2>\r\n                <div class=\"h-1.5 w-32 bg-gradient-to-r from-blue-600 to-yellow-400 mx-auto mt-6 rounded-full\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"flex justify-center\">\r\n                <div class=\"exec-card w-full max-w-[320px] shadow-lg group overflow-hidden\">\r\n                    <div class=\"bg-white rounded-[2.3rem] overflow-hidden relative\">\r\n                        <div class=\"shine-effect relative overflow-hidden aspect-[3\/4]\">\r\n                            <img decoding=\"async\" src=\"https:\/\/chetupon.ac.th\/wp-content\/uploads\/2026\/05\/Studio-Session-064.jpg\"\r\n                                alt=\"\u0e19\u0e32\u0e07\u0e18\u0e19\u0e1e\u0e23 \u0e28\u0e23\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e42\u0e1e\u0e19\" onerror=\"handleImageError(this)\"\r\n                                onclick=\"openPremiumModal(this.src)\"\r\n                                class=\"image-zoom w-full h-full object-cover object-top cursor-pointer\">\r\n\r\n                            <div\r\n                                class=\"absolute inset-x-0 bottom-0 px-6 py-6 pt-24 text-center z-10 flex flex-col items-center\">\r\n                                <div\r\n                                    class=\"absolute inset-0 bg-gradient-to-t from-white via-white\/95 to-transparent transition-opacity duration-500 group-hover:opacity-0 z-0\">\r\n                                <\/div>\r\n                                <div class=\"ocean-wave-bg\"\r\n                                    style=\"mask-image: linear-gradient(to top, black 65%, transparent 100%); -webkit-mask-image: linear-gradient(to top, black 65%, transparent 100%);\">\r\n                                <\/div>\r\n\r\n                                <div class=\"relative z-10 flex flex-col w-full items-center gap-1.5\">\r\n                                    <h3\r\n                                        class=\"text-2xl font-extrabold text-slate-900 leading-none m-0 tracking-tight hover-name\">\r\n                                        \u0e19\u0e32\u0e07\u0e18\u0e19\u0e1e\u0e23 \u0e28\u0e23\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e42\u0e1e\u0e19<\/h3>\r\n                                    <div\r\n                                        class=\"inline-block px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-[11px] font-bold uppercase tracking-widest leading-none m-0 transition-all duration-300 hover-badge\">\r\n                                        \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/div>\r\n                                    <div\r\n                                        class=\"flex items-center justify-center gap-1.5 text-slate-600 hover-dept mt-0.5\">\r\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\"\r\n                                            viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n                                            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                            <rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\" \/>\r\n                                            <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n                                        <\/svg>\r\n                                        <p class=\"font-bold text-sm leading-none m-0\">\r\n                                            \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/p>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48: \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 1 ================= -->\r\n        <div class=\"mb-32\">\r\n            <!-- \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 -->\r\n            <div class=\"mb-14 flex items-center gap-8 px-4\">\r\n                <div class=\"h-[1px] flex-1 bg-gradient-to-r from-transparent via-slate-200 to-slate-200\"><\/div>\r\n                <h3 class=\"text-sm font-bold text-slate-400 tracking-[0.5em] uppercase\">\u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/h3>\r\n                <div class=\"h-[1px] flex-1 bg-gradient-to-l from-transparent via-slate-200 to-slate-200\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e4c\u0e14 (\u0e43\u0e0a\u0e49 flex \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e25\u0e32\u0e07\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34) -->\r\n            <div class=\"flex flex-wrap justify-center gap-8\">\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e04\u0e19\u0e17\u0e35\u0e48 1 -->\r\n                <div class=\"staff-card rounded-[2rem] overflow-hidden group relative w-full max-w-[280px]\">\r\n                    <div class=\"ocean-wave-bg\"><\/div>\r\n                    <div class=\"p-3 relative z-10\">\r\n                        <div\r\n                            class=\"relative overflow-hidden aspect-[3\/4] rounded-[1.5rem] bg-gradient-to-br from-blue-50 to-indigo-50 shadow-sm group-hover:shadow-lg transition-all duration-500\">\r\n                            <img decoding=\"async\" src=\"https:\/\/chetupon.ac.th\/wp-content\/uploads\/2026\/05\/IMG_9027.jpg\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e20\u0e31\u0e2a\u0e2a\u0e23 \u0e19\u0e04\u0e23\u0e44\u0e1e\u0e23\" onerror=\"handleImageError(this)\"\r\n                                onclick=\"openPremiumModal(this.src)\"\r\n                                class=\"image-zoom w-full h-full object-cover cursor-pointer\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"px-4 py-4 pb-5 text-center relative z-10 flex flex-col items-center gap-1\">\r\n                        <h4 class=\"text-[1.05rem] font-bold text-slate-800 hover-name leading-none m-0\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e20\u0e31\u0e2a\u0e2a\u0e23 \u0e19\u0e04\u0e23\u0e44\u0e1e\u0e23<\/h4>\r\n                        <p class=\"text-blue-600 text-[12px] font-semibold hover-position leading-none m-0\">\u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\r\n                        <\/p>\r\n                        <div class=\"flex items-center justify-center gap-1 text-slate-500 hover-dept mt-1\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"\r\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\">\r\n                                <rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\" \/>\r\n                                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n                            <\/svg>\r\n                            <span\r\n                                class=\"text-[10px] font-bold tracking-tight uppercase leading-none m-0 block\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e04\u0e19\u0e17\u0e35\u0e48 2 -->\r\n                <div class=\"staff-card rounded-[2rem] overflow-hidden group relative w-full max-w-[280px]\">\r\n                    <div class=\"ocean-wave-bg\"><\/div>\r\n                    <div class=\"p-3 relative z-10\">\r\n                        <div\r\n                            class=\"relative overflow-hidden aspect-[3\/4] rounded-[1.5rem] bg-gradient-to-br from-blue-50 to-indigo-50 shadow-sm group-hover:shadow-lg transition-all duration-500\">\r\n                            <img decoding=\"async\" src=\"https:\/\/chetupon.ac.th\/wp-content\/uploads\/2026\/05\/Studio-Session-109.jpg\"\r\n                                alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e2a\u0e32\u0e27\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0a\u0e19\u0e30\u0e21\u0e34\u0e19\u0e17\u0e23\u0e4c\" onerror=\"handleImageError(this)\"\r\n                                onclick=\"openPremiumModal(this.src)\"\r\n                                class=\"image-zoom w-full h-full object-cover cursor-pointer\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"px-4 py-4 pb-5 text-center relative z-10 flex flex-col items-center gap-1\">\r\n                        <h4 class=\"text-[1.1rem] font-bold text-slate-800 hover-name leading-none m-0\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e2a\u0e32\u0e27\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0a\u0e19\u0e30\u0e21\u0e34\u0e19\u0e17\u0e23\u0e4c<\/h4>\r\n                        <p class=\"text-blue-600 text-[12px] font-semibold hover-position leading-none m-0\">\u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\r\n                        <\/p>\r\n                        <div class=\"flex items-center justify-center gap-1 text-slate-500 hover-dept mt-1\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"\r\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\">\r\n                                <rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\" \/>\r\n                                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n                            <\/svg>\r\n                            <span\r\n                                class=\"text-[10px] font-bold tracking-tight uppercase leading-none m-0 block\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n\r\n\r\n                \r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ================= \u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48: \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e43\u0e19\u0e07\u0e32\u0e19 (\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e4a\u0e2d\u0e1b\u0e1b\u0e35\u0e49) ================= -->\r\n        <!-- \u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2d\u0e37\u0e48\u0e19 \u0e43\u0e2b\u0e49\u0e01\u0e4a\u0e2d\u0e1b\u0e1b\u0e35\u0e49\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e19\u0e35\u0e49\u0e44\u0e1b\u0e15\u0e48\u0e2d\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a (\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e04\u0e25\u0e32\u0e2a mb-32) -->\r\n        <div class=\"mb-32\">\r\n            <!-- \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48 -->\r\n            <div class=\"mb-14 flex items-center gap-8 px-4\">\r\n                <div class=\"h-[1px] flex-1 bg-gradient-to-r from-transparent via-slate-200 to-slate-200\"><\/div>\r\n                <h3 class=\"text-sm font-bold text-slate-400 tracking-[0.5em] uppercase\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e43\u0e19\u0e07\u0e32\u0e19<\/h3>\r\n                <div class=\"h-[1px] flex-1 bg-gradient-to-l from-transparent via-slate-200 to-slate-200\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e4c\u0e14 -->\r\n            <div class=\"flex flex-wrap justify-center gap-8\">\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e04\u0e19\u0e17\u0e35\u0e48 1 -->\r\n                <div class=\"staff-card rounded-[2rem] overflow-hidden group relative w-full max-w-[280px]\">\r\n                    <div class=\"ocean-wave-bg\"><\/div>\r\n                    <div class=\"p-3 relative z-10\">\r\n                        <div\r\n                            class=\"relative overflow-hidden aspect-[3\/4] rounded-[1.5rem] bg-gradient-to-br from-blue-50 to-indigo-50 shadow-sm group-hover:shadow-lg transition-all duration-500\">\r\n                            <img decoding=\"async\" src=\"https:\/\/chetupon.ac.th\/wp-content\/uploads\/2026\/05\/IMG_8195.png\"\r\n                                alt=\"\u0e19\u0e32\u0e22\u0e2d\u0e19\u0e38\u0e2a\u0e23 \u0e2a\u0e34\u0e19\u0e40\u0e1e\u0e47\u0e07\" onerror=\"handleImageError(this)\"\r\n                                onclick=\"openPremiumModal(this.src)\"\r\n                                class=\"image-zoom w-full h-full object-cover cursor-pointer\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"px-4 py-4 pb-5 text-center relative z-10 flex flex-col items-center gap-1\">\r\n                        <h4 class=\"text-[1.1rem] font-bold text-slate-800 hover-name leading-none m-0\">\u0e19\u0e32\u0e22\u0e2d\u0e19\u0e38\u0e2a\u0e23 \u0e2a\u0e34\u0e19\u0e40\u0e1e\u0e47\u0e07<\/h4>\r\n                        <p class=\"text-blue-600 text-[12px] font-semibold hover-position leading-none m-0\">\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\r\n                        <\/p>\r\n                        <div class=\"flex items-center justify-center gap-1 text-slate-500 hover-dept mt-1\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"\r\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\">\r\n                                <rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\" \/>\r\n                                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n                            <\/svg>\r\n                            <span\r\n                                class=\"text-[10px] font-bold tracking-tight uppercase leading-none m-0 block\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e04\u0e19\u0e17\u0e35\u0e48 2 -->\r\n                <div class=\"staff-card rounded-[2rem] overflow-hidden group relative w-full max-w-[280px]\">\r\n                    <div class=\"ocean-wave-bg\"><\/div>\r\n                    <div class=\"p-3 relative z-10\">\r\n                        <div\r\n                            class=\"relative overflow-hidden aspect-[3\/4] rounded-[1.5rem] bg-gradient-to-br from-blue-50 to-indigo-50 shadow-sm group-hover:shadow-lg transition-all duration-500\">\r\n                            <img decoding=\"async\" src=\" \"\r\n                                alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e31\u0e0d\u0e2a\u0e23\u0e13\u0e4c \u0e2a\u0e38\u0e14\u0e43\u0e08\" onerror=\"handleImageError(this)\"\r\n                                onclick=\"openPremiumModal(this.src)\"\r\n                                class=\"image-zoom w-full h-full object-cover cursor-pointer\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"px-4 py-4 pb-5 text-center relative z-10 flex flex-col items-center gap-1\">\r\n                        <h4 class=\"text-[1.1rem] font-bold text-slate-800 hover-name leading-none m-0\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e31\u0e0d\u0e2a\u0e23\u0e13\u0e4c \u0e2a\u0e38\u0e14\u0e43\u0e08<\/h4>\r\n                        <p class=\"text-blue-600 text-[12px] font-semibold hover-position leading-none m-0\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23\r\n                        <\/p>\r\n                        <div class=\"flex items-center justify-center gap-1 text-slate-500 hover-dept mt-1\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\"\r\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\">\r\n                                <rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\" \/>\r\n                                <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\r\n                            <\/svg>\r\n                            <span\r\n                                class=\"text-[10px] font-bold tracking-tight uppercase leading-none m-0 block\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Lightbox Modal -->\r\n    <div id=\"premiumModal\"\r\n        class=\"fixed inset-0 z-[9999] hidden bg-slate-950\/95 backdrop-blur-2xl flex items-center justify-center opacity-0 transition-all duration-500\"\r\n        onclick=\"closePremiumModal()\">\r\n        <button\r\n            class=\"absolute top-10 right-10 text-white\/30 hover:text-white text-5xl font-light transition-all duration-300 transform hover:rotate-90\">&times;<\/button>\r\n        <img decoding=\"async\" id=\"modalImg\" src=\"\"\r\n            class=\"max-w-[85%] max-h-[80vh] object-contain rounded-2xl shadow-[0_0_80px_rgba(59,130,246,0.3)] scale-90 transition-all duration-500 bg-white\">\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e34\u0e14 Modal\r\n    function openPremiumModal(src) {\r\n        if (!src) return; \/\/ \u0e16\u0e49\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e39\u0e1b \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e34\u0e14\r\n\r\n        const modal = document.getElementById('premiumModal');\r\n        const modalImg = document.getElementById('modalImg');\r\n\r\n        modalImg.src = src;\r\n        modal.classList.remove('hidden');\r\n\r\n        \/\/ \u0e43\u0e2b\u0e49\u0e40\u0e27\u0e25\u0e32\u0e40\u0e1a\u0e23\u0e32\u0e27\u0e4c\u0e40\u0e0b\u0e2d\u0e23\u0e4c\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e19\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e31\u0e48\u0e07 transition\r\n        requestAnimationFrame(() => {\r\n            modal.classList.remove('opacity-0');\r\n            modalImg.classList.remove('scale-90');\r\n            modalImg.classList.add('scale-100');\r\n        });\r\n\r\n        \/\/ \u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e34\u0e14 Modal\r\n    function closePremiumModal() {\r\n        const modal = document.getElementById('premiumModal');\r\n        const modalImg = document.getElementById('modalImg');\r\n\r\n        modal.classList.add('opacity-0');\r\n        modalImg.classList.remove('scale-100');\r\n        modalImg.classList.add('scale-90');\r\n\r\n        \/\/ \u0e23\u0e2d\u0e43\u0e2b\u0e49 transition \u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27\u0e04\u0e48\u0e2d\u0e22\u0e0b\u0e48\u0e2d\u0e19\r\n        setTimeout(() => {\r\n            modal.classList.add('hidden');\r\n            modalImg.src = \"\";\r\n            document.body.style.overflow = 'auto';\r\n        }, 500); \/\/ 500ms \u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a duration-500\r\n    }\r\n\r\n    \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e19\u0e38\u0e20\u0e32\u0e04\u0e41\u0e2a\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 (\u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23)\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const container = document.getElementById('chetpon-premium-directory');\r\n        if (container) {\r\n            for (let i = 0; i < 20; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.classList.add('particle');\r\n\r\n                \/\/ \u0e2a\u0e38\u0e48\u0e21\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e02\u0e19\u0e32\u0e14 \u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\r\n                const size = Math.random() * 8 + 2;\r\n                particle.style.width = `${size}px`;\r\n                particle.style.height = `${size}px`;\r\n                particle.style.left = `${Math.random() * 100}%`;\r\n                particle.style.animationDuration = `${Math.random() * 10 + 10}s`;\r\n                particle.style.animationDelay = `${Math.random() * 5}s`;\r\n\r\n                container.appendChild(particle);\r\n            }\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Department Leadership \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e19\u0e32\u0e07\u0e18\u0e19\u0e1e\u0e23 \u0e28\u0e23\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e42\u0e1e\u0e19 \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e20\u0e31\u0e2a\u0e2a\u0e23 \u0e19\u0e04\u0e23\u0e44\u0e1e\u0e23 \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e2a\u0e32\u0e27\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0a\u0e19\u0e30\u0e21\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e43\u0e19\u0e07\u0e32\u0e19 \u0e19\u0e32\u0e22\u0e2d\u0e19\u0e38\u0e2a\u0e23 \u0e2a\u0e34\u0e19\u0e40\u0e1e\u0e47\u0e07 \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e31\u0e0d\u0e2a\u0e23\u0e13\u0e4c \u0e2a\u0e38\u0e14\u0e43\u0e08 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 &times;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2522","page","type-page","status-publish","hentry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Sitthisak Khumprayoon","author_link":"https:\/\/chetupon.ac.th\/?author=2"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Department Leadership \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e19\u0e32\u0e07\u0e18\u0e19\u0e1e\u0e23 \u0e28\u0e23\u0e35\u0e1a\u0e49\u0e32\u0e19\u0e42\u0e1e\u0e19 \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e1b\u0e20\u0e31\u0e2a\u0e2a\u0e23 \u0e19\u0e04\u0e23\u0e44\u0e1e\u0e23 \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e2a\u0e32\u0e27\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0a\u0e19\u0e30\u0e21\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e04\u0e23\u0e39\u0e0a\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e20\u0e32\u0e22\u0e43\u0e19\u0e07\u0e32\u0e19 \u0e19\u0e32\u0e22\u0e2d\u0e19\u0e38\u0e2a\u0e23 \u0e2a\u0e34\u0e19\u0e40\u0e1e\u0e47\u0e07 \u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e19\u0e31\u0e0d\u0e2a\u0e23\u0e13\u0e4c \u0e2a\u0e38\u0e14\u0e43\u0e08 \u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23 \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 &times;","_links":{"self":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2522"}],"version-history":[{"count":25,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2522\/revisions"}],"predecessor-version":[{"id":14419,"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2522\/revisions\/14419"}],"wp:attachment":[{"href":"https:\/\/chetupon.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}