{"id":7675,"date":"2024-05-29T09:23:46","date_gmt":"2024-05-29T02:23:46","guid":{"rendered":"https:\/\/agr.rmutsv.ac.th\/ruts\/?page_id=7675"},"modified":"2026-05-27T17:24:54","modified_gmt":"2026-05-27T10:24:54","slug":"support-staff","status":"publish","type":"page","link":"https:\/\/agr.rmutsv.ac.th\/ruts\/support-staff\/","title":{"rendered":"\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e22\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19"},"content":{"rendered":"\n\n\n\n \n \n \u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e22\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (Full squared Cover & Lightbox)<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n \n <style>\n :root {\n --primary: #1a3c1a;\n --primary-light: #2d5a2d;\n --accent: #c5a059;\n --accent-light: #fdfaf2;\n --text-main: #1e293b;\n --text-muted: #64748b;\n --bg-body: #f8fafc;\n --card-bg: #ffffff;\n --radius-lg: 24px;\n --radius-md: 16px;\n --radius-sm: 12px;\n --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n --shadow-sm: 0 4px 6px -1px rgb(0 0 0 \/ 0.05), 0 2px 4px -2px rgb(0 0 0 \/ 0.05);\n --shadow-md: 0 10px 15px -3px rgb(0 0 0 \/ 0.05), 0 4px 6px -4px rgb(0 0 0 \/ 0.05);\n --shadow-lg: 0 20px 25px -5px rgb(0 0 0 \/ 0.05), 0 8px 10px -6px rgb(0 0 0 \/ 0.05);\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n -webkit-font-smoothing: antialiased;\n }\n\n body {\n background-color: var(--bg-body);\n font-family: 'Sarabun', sans-serif;\n color: var(--text-main);\n padding: 40px 20px;\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n \/* Header Section *\/\n header {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n\n header h1 {\n font-family: 'Prompt', sans-serif;\n font-size: 2.5rem;\n color: var(--primary);\n font-weight: 700;\n margin-bottom: 8px;\n position: relative;\n display: inline-block;\n }\n\n header h1::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: var(--accent);\n border-radius: 2px;\n }\n\n header .subtitle {\n font-family: 'Prompt', sans-serif;\n color: var(--accent);\n font-size: 0.95rem;\n text-transform: uppercase;\n letter-spacing: 3px;\n font-weight: 500;\n margin-top: 10px;\n }\n\n \/* Modern Dashboard Stats *\/\n .agri-stats {\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\n padding: 30px;\n border-radius: var(--radius-lg);\n color: white;\n margin-bottom: 40px;\n box-shadow: var(--shadow-lg);\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 25px;\n position: relative;\n overflow: hidden;\n }\n\n .agri-stats::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .stat-item {\n text-align: center;\n padding: 10px;\n position: relative;\n transition: var(--transition);\n }\n\n .stat-item:hover {\n transform: translateY(-3px);\n }\n\n .stat-item h2 {\n font-family: 'Prompt', sans-serif;\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--accent);\n line-height: 1.1;\n margin-bottom: 6px;\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n .stat-item p {\n font-family: 'Prompt', sans-serif;\n font-size: 0.9rem;\n color: rgba(255, 255, 255, 0.85);\n font-weight: 400;\n }\n\n \/* Tab Navigation (Glassmorphism Effect) *\/\n .filter-nav-wrapper {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n }\n\n .filter-nav {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n padding: 8px;\n border-radius: 40px;\n box-shadow: var(--shadow-sm);\n border: 1px solid rgba(255, 255, 255, 0.5);\n }\n\n .tab-btn {\n border: none;\n padding: 12px 24px;\n border-radius: 30px;\n font-family: 'Prompt', sans-serif;\n font-size: 0.9rem;\n font-weight: 500;\n cursor: pointer;\n transition: var(--transition);\n background: transparent;\n color: var(--text-muted);\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .tab-btn:hover {\n color: var(--primary);\n background: rgba(26, 60, 26, 0.04);\n }\n\n .tab-btn.active {\n background: var(--card-bg);\n color: var(--primary);\n box-shadow: var(--shadow-md);\n }\n\n .count-badge {\n background: #f1f5f9;\n color: var(--text-muted);\n font-size: 0.75rem;\n font-weight: 600;\n padding: 2px 8px;\n border-radius: 20px;\n transition: var(--transition);\n }\n\n .tab-btn.active .count-badge {\n background: var(--primary);\n color: white;\n }\n\n \/* Content Area & Grid System *\/\n .content-area {\n display: none;\n }\n\n .content-area.active {\n display: block;\n }\n\n \/* Staggered Content Animation *\/\n .active .staff-card {\n animation: fadeInUp 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;\n }\n\n .active .staff-grid .staff-card:nth-child(1) { animation-delay: 0.03s; }\n .active .staff-grid .staff-card:nth-child(2) { animation-delay: 0.06s; }\n .active .staff-grid .staff-card:nth-child(3) { animation-delay: 0.09s; }\n .active .staff-grid .staff-card:nth-child(4) { animation-delay: 0.12s; }\n .active .staff-grid .staff-card:nth-child(5) { animation-delay: 0.15s; }\n .active .staff-grid .staff-card:nth-child(6) { animation-delay: 0.18s; }\n .active .staff-grid .staff-card:nth-child(7) { animation-delay: 0.21s; }\n .active .staff-grid .staff-card:nth-child(8) { animation-delay: 0.24s; }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .staff-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));\n gap: 25px;\n }\n\n \/* Leader Section Placement *\/\n .leader-container {\n display: flex;\n justify-content: center;\n margin-bottom: 35px;\n width: 100%;\n }\n\n \/* Modern Staff Card Design - Full Cover Squared Style *\/\n .staff-card {\n background: var(--card-bg);\n border-radius: var(--radius-md);\n text-align: center;\n border: 1px solid #e2e8f0;\n box-shadow: var(--shadow-sm);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow: hidden;\n }\n\n .staff-card:hover {\n border-color: rgba(26, 60, 26, 0.25);\n box-shadow: 0 20px 30px -10px rgba(26, 60, 26, 0.08);\n transform: translateY(-5px);\n }\n\n \/* \u0e01\u0e32\u0e23\u0e4c\u0e14\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e1e\u0e23\u0e35\u0e40\u0e21\u0e35\u0e22\u0e21 *\/\n .staff-card.leader-card {\n border: 1px solid var(--accent);\n background: linear-gradient(to bottom, var(--card-bg), var(--accent-light));\n max-width: 350px;\n width: 100%;\n box-shadow: var(--shadow-md);\n }\n \n .staff-card.leader-card:hover {\n border-color: var(--accent);\n box-shadow: 0 25px 35px -10px rgba(197, 160, 89, 0.2);\n }\n\n .leader-tag {\n position: absolute;\n top: 15px;\n right: 15px;\n background: var(--accent);\n color: white;\n padding: 4px 14px;\n border-radius: 30px;\n font-family: 'Prompt', sans-serif;\n font-size: 0.75rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n box-shadow: 0 2px 4px rgba(197, 160, 89, 0.2);\n z-index: 10;\n }\n\n \/* \u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e08\u0e31\u0e15\u0e38\u0e23\u0e31\u0e2a\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e40\u0e15\u0e47\u0e21\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e02\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e4c\u0e14 *\/\n .avatar-wrapper {\n width: 100%;\n aspect-ratio: 1 \/ 1;\n background: #f1f5f9;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #94a3b8;\n font-size: 72px;\n border-bottom: 1px solid #e2e8f0;\n transition: var(--transition);\n overflow: hidden;\n position: relative;\n cursor: zoom-in; \/* \u0e41\u0e2a\u0e14\u0e07\u0e41\u0e27\u0e48\u0e19\u0e02\u0e22\u0e32\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32\u0e04\u0e25\u0e34\u0e01\u0e02\u0e22\u0e32\u0e22\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e44\u0e14\u0e49 *\/\n }\n\n .avatar-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: var(--transition);\n }\n\n .staff-card:hover .avatar-wrapper img {\n transform: scale(1.05);\n }\n\n \/* \u0e43\u0e2a\u0e48\u0e2a\u0e44\u0e15\u0e25\u0e4c Hover \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e27\u0e48\u0e19\u0e02\u0e22\u0e32\u0e22\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e0a\u0e35\u0e49\u0e23\u0e39\u0e1b *\/\n .avatar-wrapper::after {\n content: '\\f00e';\n font-family: 'Font Awesome 6 Free';\n font-weight: 900;\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%) scale(0.8);\n color: white;\n font-size: 1.8rem;\n background: rgba(0, 0, 0, 0.4);\n padding: 14px;\n border-radius: 50%;\n opacity: 0;\n transition: var(--transition);\n pointer-events: none;\n backdrop-filter: blur(2px);\n }\n\n .avatar-wrapper:hover::after {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .staff-card.leader-card .avatar-wrapper {\n border-bottom: 2px solid var(--accent);\n }\n\n \/* \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e20\u0e32\u0e1e *\/\n .staff-info-content {\n padding: 24px 20px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .staff-card h3 {\n font-family: 'Prompt', sans-serif;\n font-size: 1.15rem;\n color: var(--primary);\n font-weight: 600;\n margin-bottom: 8px;\n }\n\n .staff-card .position {\n font-family: 'Sarabun', sans-serif;\n font-size: 0.92rem;\n color: var(--text-muted);\n margin-bottom: 20px;\n min-height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1.4;\n }\n\n \/* Action Buttons - \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19 div \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e02\u0e22\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08 *\/\n .contact-action {\n border-top: 1px dashed #e2e8f0;\n padding-top: 18px;\n margin-top: auto;\n }\n\n .contact-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: var(--primary);\n font-family: 'Prompt', sans-serif;\n font-size: 0.8rem;\n font-weight: 500;\n background: #f0f4f0;\n padding: 10px 15px;\n border-radius: 30px;\n transition: var(--transition);\n width: 100%;\n word-break: break-all;\n user-select: all; \/* \u0e2d\u0e33\u0e19\u0e27\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e01\u0e14\u0e25\u0e32\u0e01\u0e04\u0e25\u0e38\u0e21\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e2d\u0e35\u0e40\u0e21\u0e25 *\/\n cursor: text; \/* \u0e41\u0e2a\u0e14\u0e07 Cursor \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1a\u0e1a Text \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01 *\/\n }\n\n .contact-btn:hover {\n background: var(--primary);\n color: white;\n box-shadow: 0 6px 15px rgba(26, 60, 26, 0.15);\n transform: scale(1.02);\n }\n\n .staff-card.leader-card .contact-btn {\n background: var(--primary);\n color: white;\n }\n\n .staff-card.leader-card .contact-btn:hover {\n background: var(--accent);\n box-shadow: 0 6px 15px rgba(197, 160, 89, 0.25);\n color: var(--primary);\n }\n\n \/* Modern Lightbox System (\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e48\u0e32\u0e07\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e) *\/\n .agri-lightbox {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(15, 23, 42, 0.75);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n z-index: 9999;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .agri-lightbox.open {\n opacity: 1;\n pointer-events: auto;\n }\n\n .lightbox-content {\n position: relative;\n max-width: 90%;\n max-height: 85vh;\n transform: scale(0.9);\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n box-shadow: var(--shadow-lg);\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 3px solid white;\n background: white;\n }\n\n .agri-lightbox.open .lightbox-content {\n transform: scale(1);\n }\n\n .lightbox-img {\n display: block;\n max-width: 100%;\n max-height: 80vh;\n object-fit: contain;\n }\n\n .lightbox-close {\n position: absolute;\n top: -45px;\n right: -10px;\n background: none;\n border: none;\n color: white;\n font-size: 2rem;\n cursor: pointer;\n transition: var(--transition);\n }\n\n .lightbox-close:hover {\n transform: rotate(90deg);\n color: var(--accent);\n }\n\n .lightbox-caption {\n background: white;\n padding: 12px 20px;\n text-align: center;\n font-family: 'Prompt', sans-serif;\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--primary);\n }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 992px) {\n .agri-stats { grid-template-columns: repeat(3, 1fr); }\n }\n\n @media (max-width: 768px) {\n body { padding: 20px 10px; }\n header h1 { font-size: 2rem; }\n .agri-stats { grid-template-columns: repeat(2, 1fr); padding: 20px; gap: 15px; }\n .filter-nav { border-radius: 20px; width: 100%; }\n .tab-btn { width: 100%; justify-content: space-between; padding: 12px 20px; }\n .staff-grid { grid-template-columns: 1fr; }\n .lightbox-close { top: 10px; right: 10px; background: rgba(0,0,0,0.5); width: 40px; height: 40px; border-radius: 50%; font-size: 1.2rem;}\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n \n <header>\n <h1>\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e22\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h1>\n <div class=\"subtitle\">Faculty of Agriculture \u2022 Supporting Staff<\/div>\n <\/header>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19 Dashboard Stats \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 -->\n <div class=\"agri-stats\">\n <div class=\"stat-item\"><h2>2<\/h2><p>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/p><\/div>\n <div class=\"stat-item\"><h2>3<\/h2><p>\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/p><\/div>\n <div class=\"stat-item\"><h2>3<\/h2><p>\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19<\/p><\/div>\n <div class=\"stat-item\"><h2>26<\/h2><p>\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e22\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/p><\/div>\n <\/div>\n\n <!-- \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e25\u0e31\u0e1a\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19 -->\n <div class=\"filter-nav-wrapper\">\n <nav class=\"filter-nav\">\n <button class=\"tab-btn active\" onclick=\"switchDepartment('dept-admin')\">\n <span>\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<\/span>\n <span class=\"count-badge\">16<\/span>\n <\/button>\n <button class=\"tab-btn\" onclick=\"switchDepartment('dept-academic')\">\n <span>\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22<\/span>\n <span class=\"count-badge\">7<\/span>\n <\/button>\n <button class=\"tab-btn\" onclick=\"switchDepartment('dept-student')\">\n <span>\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/span>\n <span class=\"count-badge\">3<\/span>\n <\/button>\n\n <\/nav>\n <\/div>\n\n <!-- \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19\u0e04\u0e23\u0e1a\u0e17\u0e31\u0e49\u0e07 26 \u0e04\u0e19\u0e08\u0e32\u0e01\u0e44\u0e1f\u0e25\u0e4c\u0e10\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e23\u0e34\u0e07 -->\n \n <!-- \u0e41\u0e1c\u0e19\u0e01\u0e17\u0e35\u0e48 1: \u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19(16 \u0e04\u0e19) -->\n <div id=\"dept-admin\" class=\"content-area active\">\n <div class=\"leader-container\">\n <div class=\"staff-card leader-card\">\n <span class=\"leader-tag\"><i class=\"fa-solid fa-star\"><\/i> \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/span>\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2026\/05\/5.1.jpg\" alt=\"\u0e19\u0e32\u0e07\u0e2d\u0e13\u0e07\u0e04\u0e4c\u0e17\u0e34\u0e1e\u0e22\u0e4c \u0e27\u0e07\u0e28\u0e4c\u0e01\u0e39\u0e25\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2d\u0e13\u0e07\u0e04\u0e4c\u0e17\u0e34\u0e1e\u0e22\u0e4c \u0e27\u0e07\u0e28\u0e4c\u0e01\u0e39\u0e25<\/h3>\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e04\u0e13\u0e1a\u0e14\u0e35)<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> viparat.w@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"staff-grid\">\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2d\u0e20\u0e34\u0e0a\u0e0d\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2d\u0e20\u0e34\u0e0a\u0e0d\u0e32 \u0e2b\u0e07\u0e29\u0e4c\u0e17\u0e2d\u0e07\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2d\u0e20\u0e34\u0e0a\u0e0d\u0e32 \u0e2b\u0e07\u0e29\u0e4c\u0e17\u0e2d\u0e07<\/h3>\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> apichaya.h@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e20\u0e31\u0e17\u0e23\u0e32\u0e27\u0e14\u0e35\" alt=\"\u0e19\u0e32\u0e07\u0e20\u0e31\u0e17\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e17\u0e2d\u0e07\u0e21\u0e32\u0e25\u0e32\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e20\u0e31\u0e17\u0e23\u0e32\u0e27\u0e14\u0e35 \u0e17\u0e2d\u0e07\u0e21\u0e32\u0e25\u0e32<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19\u0e41\u0e25\u0e30\u0e1a\u0e31\u0e0d\u0e0a\u0e35<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> pattarawadee.t@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e19\u0e25\u0e34\u0e19\u0e2a\u0e38\u0e14\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e19\u0e25\u0e34\u0e19\u0e2a\u0e38\u0e14\u0e32 \u0e1b\u0e23\u0e2a\u0e31\u0e19\u0e15\u0e34\u0e2a\u0e38\u0e02\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e19\u0e25\u0e34\u0e19\u0e2a\u0e38\u0e14\u0e32 \u0e1b\u0e23\u0e2a\u0e31\u0e19\u0e15\u0e34\u0e2a\u0e38\u0e02<\/h3>\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> nalinsuda.p@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2a\u0e38\u0e01\u0e31\u0e0d\u0e0d\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e28\u0e34\u0e23\u0e34\u0e27\u0e23\u0e23\u0e13 \u0e17\u0e2d\u0e07\u0e40\u0e25\u0e35\u0e48\u0e22\u0e21\u0e19\u0e32\u0e04\t\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e28\u0e34\u0e23\u0e34\u0e27\u0e23\u0e23\u0e13 \u0e17\u0e2d\u0e07\u0e40\u0e25\u0e35\u0e48\u0e22\u0e21\u0e19\u0e32\u0e04\t<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> siriwan.t@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2d\u0e19\u0e38\u0e27\u0e31\u0e12\u0e19\u0e4c\" alt=\"\u0e19\u0e32\u0e22\u0e2d\u0e19\u0e38\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e23\u0e31\u0e15\u0e19\u0e23\u0e31\u0e15\u0e19\u0e4c\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e22\u0e2d\u0e19\u0e38\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e23\u0e31\u0e15\u0e19\u0e23\u0e31\u0e15\u0e19\u0e4c<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> anuwat.r@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2d\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e35\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e35 \u0e1a\u0e31\u0e27\u0e02\u0e32\u0e27\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e35 \u0e1a\u0e31\u0e27\u0e02\u0e32\u0e27<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> unyanee.b@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1e\u0e34\u0e17\u0e22\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e1e\u0e34\u0e17\u0e22\u0e32 \u0e2a\u0e37\u0e1a\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e1e\u0e34\u0e17\u0e22\u0e32 \u0e2a\u0e37\u0e1a<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> pittaya.k@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e23\u0e31\u0e15\u0e19\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e23\u0e31\u0e15\u0e19\u0e32 \u0e2a\u0e21\u0e1b\u0e23\u0e35\u0e14\u0e32\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e23\u0e31\u0e15\u0e19\u0e32 \u0e2a\u0e21\u0e1b\u0e23\u0e35\u0e14\u0e32<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> rattana.s@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e09\u0e31\u0e15\u0e23\u0e0a\u0e31\u0e22\" alt=\"\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e09\u0e31\u0e15\u0e23\u0e0a\u0e31\u0e22 \u0e28\u0e23\u0e35\u0e40\u0e1e\u0e34\u0e48\u0e21\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e09\u0e31\u0e15\u0e23\u0e0a\u0e31\u0e22 \u0e28\u0e23\u0e35\u0e40\u0e1e\u0e34\u0e48\u0e21<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e15\u0e27\u0e1a\u0e32\u0e25<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> chatchai.s@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2a\u0e21\u0e2b\u0e21\u0e32\u0e22\" alt=\"\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e2a\u0e21\u0e2b\u0e21\u0e32\u0e22 \u0e41\u0e01\u0e49\u0e27\u0e21\u0e13\u0e35\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e27\u0e48\u0e32\u0e17\u0e35\u0e48\u0e23\u0e49\u0e2d\u0e22\u0e15\u0e23\u0e35\u0e2a\u0e21\u0e2b\u0e21\u0e32\u0e22 \u0e41\u0e01\u0e49\u0e27\u0e21\u0e13\u0e35<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> sommai.ka@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e22\u0e40\u0e2a\u0e01\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e19\u0e49\u0e33\u0e23\u0e2d\u0e1a\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e22\u0e40\u0e2a\u0e01\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e19\u0e49\u0e33\u0e23\u0e2d\u0e1a<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e15\u0e27\u0e1a\u0e32\u0e25<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> segksak.n@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n \n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e28\u0e23\u0e35\u0e2a\u0e38\u0e14\u0e32\t\u0e17\u0e2d\u0e07\u0e44\u0e0a\u0e22\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e28\u0e23\u0e35\u0e2a\u0e38\u0e14\u0e32\t\u0e17\u0e2d\u0e07\u0e44\u0e0a\u0e22<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e15\u0e27\u0e1a\u0e32\u0e25<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> sisuda.t@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e23\u0e23\u0e13\u0e24\u0e14\u0e35 \u0e17\u0e2d\u0e07\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e41\u0e01\u0e49\u0e27\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e23\u0e23\u0e13\u0e24\u0e14\u0e35\t \u0e17\u0e2d\u0e07\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c\u0e41\u0e01\u0e49\u0e27<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> wanruedee.t@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e22\u0e01\u0e35\u0e23\u0e15\u0e34\t\u0e15\u0e25\u0e36\u0e07\u0e08\u0e34\u0e15\u0e23\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e22\u0e01\u0e35\u0e23\u0e15\u0e34 \u0e15\u0e25\u0e36\u0e07\u0e08\u0e34\u0e15\u0e23 <\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e15\u0e27\u0e1a\u0e32\u0e25<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> kirati.t@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2026\/05\/ake-69.png\" alt=\"\u0e19\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e04\u0e21\u0e04\u0e32\u0e22\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c \u0e04\u0e21\u0e04\u0e32\u0e22<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e42\u0e2a\u0e15\u0e17\u0e31\u0e28\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> akekasak.k@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u0e41\u0e1c\u0e19\u0e01\u0e17\u0e35\u0e48 2: \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22 (7 \u0e04\u0e19) -->\n <div id=\"dept-academic\" class=\"content-area\">\n <div class=\"leader-container\">\n <div class=\"staff-card leader-card\">\n <span class=\"leader-tag\"><i class=\"fa-solid fa-star\"><\/i> \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/span>\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/1a3c1a\/ffffff?text=\u0e08\u0e31\u0e19\u0e15\u0e34\u0e19\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e08\u0e31\u0e19\u0e15\u0e34\u0e19\u0e32 \u0e2a\u0e38\u0e0a\u0e32\u0e0e\u0e32\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e08\u0e31\u0e19\u0e15\u0e34\u0e19\u0e32 \u0e2a\u0e38\u0e0a\u0e32\u0e0e\u0e32<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19)<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> chantina.c@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"staff-grid\">\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e23\u0e32\u0e15\u0e23\u0e35\" alt=\"\u0e19\u0e32\u0e07\u0e23\u0e32\u0e15\u0e23\u0e35 \u0e21\u0e35\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e23\u0e32\u0e15\u0e23\u0e35 \u0e21\u0e35\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> ratree.me@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2a\u0e38\u0e01\u0e31\u0e0d\u0e0d\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e38\u0e01\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e2b\u0e15\u0e38\u0e17\u0e2d\u0e07\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e38\u0e01\u0e31\u0e0d\u0e0d\u0e32 \u0e40\u0e2b\u0e15\u0e38\u0e17\u0e2d\u0e07<\/h3>\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> sukanya.m@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2d\u0e23\u0e19\u0e38\u0e0a\t\u0e08\u0e34\u0e15\u0e15\u0e32\u0e23\u0e21\u0e22\u0e4c\t\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2d\u0e23\u0e19\u0e38\u0e0a\t\u0e08\u0e34\u0e15\u0e15\u0e32\u0e23\u0e21\u0e22\u0e4c\t<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> oranush.h@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e0a\u0e25\u0e18\u0e34\u0e0a\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32\u0e16\t\u0e19\u0e38\u0e23\u0e32\u0e20\u0e31\u0e01\u0e14\u0e34\u0e4c\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e19\u0e31\u0e19\u0e17\u0e19\u0e32\u0e16\t\u0e19\u0e38\u0e23\u0e32\u0e20\u0e31\u0e01\u0e14\u0e34\u0e4c<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> sunanthanat.n@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32 \u0e04\u0e07\u0e08\u0e49\u0e2d\u0e22\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32 \u0e04\u0e07\u0e08\u0e49\u0e2d\u0e22<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> phunyisa.k@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e22\u0e01\u0e23\u0e01\u0e0f\t\u0e2a\u0e31\u0e19\u0e17\u0e31\u0e14\u0e01\u0e32\u0e23\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e22\u0e01\u0e23\u0e01\u0e0f\t\u0e2a\u0e31\u0e19\u0e17\u0e31\u0e14\u0e01\u0e32\u0e23<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\t<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> koragot.s@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e1b\u0e38\u0e0d\u0e0d\u0e34\u0e28\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e13\u0e31\u0e10\u0e0a\u0e0e\u0e32\u0e1e\u0e23 \u0e28\u0e23\u0e35\u0e40\u0e21\u0e06\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e13\u0e31\u0e10\u0e0a\u0e0e\u0e32\u0e1e\u0e23 \u0e28\u0e23\u0e35\u0e40\u0e21\u0e06<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\t<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> ……..@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div> \n\n <\/div>\n <\/div>\n\n <!-- \u0e41\u0e1c\u0e19\u0e01\u0e17\u0e35\u0e48 3: \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e013 (5 \u0e04\u0e19) -->\n <div id=\"dept-student\" class=\"content-area\">\n <div class=\"leader-container\">\n <div class=\"staff-card leader-card\">\n <span class=\"leader-tag\"><i class=\"fa-solid fa-star\"><\/i> \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19<\/span>\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/1a3c1a\/ffffff?text=\u0e01\u0e32\u0e0d\u0e08\u0e19\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e19\u0e35\u0e22\u0e4c \u0e28\u0e23\u0e35\u0e0a\u0e39\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e19\u0e35\u0e22\u0e4c \u0e28\u0e23\u0e35\u0e0a\u0e39<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 (\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19)<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> sunee.s@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"staff-grid\">\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e2d\u0e38\u0e14\u0e21\u0e1e\u0e07\u0e28\u0e4c\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e34\u0e22\u0e30\u0e14\u0e32 \u0e41\u0e2a\u0e07\u0e27\u0e07\u0e04\u0e4c\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e34\u0e22\u0e30\u0e14\u0e32 \u0e41\u0e2a\u0e07\u0e27\u0e07\u0e04\u0e4c<\/h3>\n <div class=\"position\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> wiyada.s@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"staff-card\">\n <div class=\"avatar-wrapper\" onclick=\"openLightbox(this)\">\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400\/2d5a2d\/ffffff?text=\u0e01\u0e32\u0e19\u0e15\u0e4c\u0e18\u0e34\u0e14\u0e32\" alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e22\u0e38\u0e27\u0e14\u0e35 \u0e17\u0e2d\u0e07\u0e04\u0e33\u0e42\u0e2e\u0e49\u0e07\">\n <\/div>\n <div class=\"staff-info-content\">\n <div>\n <h3>\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e22\u0e38\u0e27\u0e14\u0e35 \u0e17\u0e2d\u0e07\u0e04\u0e33\u0e42\u0e2e\u0e49\u0e07<\/h3>\n <div class=\"position\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/div>\n <\/div>\n <div class=\"contact-action\">\n <div class=\"contact-btn\"><i class=\"fa-regular fa-envelope\"><\/i> yuwadee.t@rmutsv.ac.th<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n\n\n<\/div>\n\n<!-- \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07 Lightbox Popup HTML -->\n<div id=\"agriLightbox\" class=\"agri-lightbox\" onclick=\"closeLightbox()\">\n <div class=\"lightbox-content\" onclick=\"event.stopPropagation()\">\n <button class=\"lightbox-close\" onclick=\"closeLightbox()\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n <img decoding=\"async\" id=\"lightboxImg\" class=\"lightbox-img\" src=\"\" alt=\"\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e\">\n <div id=\"lightboxCaption\" class=\"lightbox-caption\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e41\u0e1c\u0e19\u0e01\u0e07\u0e32\u0e19\u0e40\u0e14\u0e34\u0e21\n function switchDepartment(deptId) {\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\n if(event && event.currentTarget) {\n event.currentTarget.classList.add('active');\n }\n document.querySelectorAll('.content-area').forEach(content => {\n content.classList.remove('active');\n });\n const targetContent = document.getElementById(deptId);\n targetContent.classList.add('active');\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14 Lightbox \u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\n function openLightbox(wrapperElement) {\n const imgElement = wrapperElement.querySelector('img');\n const lightbox = document.getElementById('agriLightbox');\n const lightboxImg = document.getElementById('lightboxImg');\n const lightboxCaption = document.getElementById('lightboxCaption');\n \n if (imgElement) {\n lightboxImg.src = imgElement.src;\n lightboxCaption.textContent = imgElement.alt; \/\/ \u0e14\u0e36\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e21\u0e32\u0e17\u0e33\u0e04\u0e33\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e43\u0e15\u0e49\u0e20\u0e32\u0e1e\n lightbox.classList.add('open');\n document.body.style.overflow = 'hidden'; \/\/ \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e01\u0e2d\u0e25\u0e25\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e2b\u0e25\u0e31\u0e01\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e02\u0e13\u0e30\u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\n }\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e1b\u0e34\u0e14 Lightbox\n function closeLightbox() {\n const lightbox = document.getElementById('agriLightbox');\n lightbox.classList.remove('open');\n document.body.style.overflow = ''; \/\/ \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e01\u0e2d\u0e25\u0e25\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e2b\u0e25\u0e31\u0e01\n }\n\n \/\/ \u0e23\u0e2d\u0e23\u0e31\u0e1a\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 Escape (Esc) \u0e1a\u0e19\u0e41\u0e1b\u0e49\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\u0e02\u0e22\u0e32\u0e22\u0e44\u0e14\u0e49\n document.addEventListener('keydown', function(event) {\n if (event.key === 'Escape') {\n closeLightbox();\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-7675_21d283-46 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-7675_21d283-46 .kt-divider{border-top-width:1px;height:1px;border-top-color:#47BE9D;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-7675_21d283-46\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<div class=\"ruts-eco-footer-premium\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap');\n\n .ruts-eco-footer-premium {\n background: linear-gradient(135deg, #f3f8f4 0%, #ffffff 100%);\n color: #333;\n font-family: 'Sarabun', sans-serif;\n padding: 60px 0 0 0;\n border-top: 6px solid #27ae60;\n \n \/* \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e02\u0e2d\u0e1a\u0e0a\u0e19\u0e02\u0e2d\u0e1a *\/\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .footer-inner-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n gap: 40px;\n padding: 0 20px 60px 20px;\n box-sizing: border-box;\n }\n\n \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 1: \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e13\u0e30 *\/\n .footer-info-col { flex: 1; min-width: 300px; }\n .footer-logo-main { \n max-width: 120px; \n margin-bottom: 20px;\n transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .footer-info-col:hover .footer-logo-main {\n transform: scale(1.05) rotate(2deg);\n }\n .footer-info-col h2 { color: #1b5e20; font-size: 25px; margin: 10px 0; font-weight: 700; }\n .contact-box { margin-top: 20px; font-size: 15px; line-height: 1.8; }\n .contact-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }\n .contact-item i { color: #27ae60; margin-top: 5px; width: 20px; text-align: center; }\n\n \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 Social Links \u0e17\u0e35\u0e48\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e43\u0e2b\u0e21\u0e48 *\/\n .footer-social-wrapper {\n margin-top: 25px;\n display: flex;\n gap: 12px;\n align-items: center;\n }\n .footer-social-title {\n font-size: 14px;\n font-weight: 600;\n color: #1b5e20;\n }\n .footer-social-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 38px;\n height: 38px;\n border-radius: 50%;\n background-color: #e8f4ec;\n color: #27ae60;\n text-decoration: none;\n font-size: 16px;\n transition: all 0.3s ease;\n box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n }\n .footer-social-btn:hover {\n color: #fff;\n transform: translateY(-3px) scale(1.08);\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \/* \u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e44\u0e1b\u0e0a\u0e35\u0e49 (Hover) *\/\n .footer-social-btn.facebook:hover { background-color: #1877F2; border-color: #1877F2; }\n .footer-social-btn.messenger:hover { background-color: #00B2FF; border-color: #00B2FF; }\n .footer-social-btn.tiktok:hover { background-color: #010101; border-color: #010101; }\n\n \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 2: \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\/\u0e04\u0e13\u0e30 *\/\n .footer-campus-col { \n flex: 1.8; \n min-width: 350px; \n border-left: 1px dashed #cedad0; \n border-right: 1px dashed #cedad0; \n padding: 0 30px; \n }\n .footer-campus-col h3 { color: #1b5e20; font-size: 22px; margin-bottom: 25px; font-weight: 700; }\n .campus-badge { background: #1e8449; color: white; padding: 6px 16px; border-radius: 20px; font-size: 13px; display: inline-block; margin-bottom: 15px; font-weight: 600; box-shadow: 0 4px 10px rgba(30,132,73,0.15); }\n .campus-grid-fixed { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n \n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e04\u0e13\u0e30 *\/\n .campus-list-fixed { list-style: none; padding: 0; margin: 0; }\n .campus-list-fixed li { \n font-size: 13.5px; \n margin-bottom: 8px; \n position: relative; \n padding-left: 18px; \n line-height: 1.4;\n transition: all 0.3s ease;\n }\n .campus-list-fixed li a {\n color: #555;\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-block;\n }\n .campus-list-fixed li::before { \n content: \"\u2022\"; \n position: absolute; \n left: 0; \n color: #27ae60; \n font-weight: bold;\n transition: all 0.3s ease;\n }\n .campus-list-fixed li:hover {\n transform: translateX(6px);\n }\n .campus-list-fixed li:hover a {\n color: #1b5e20;\n font-weight: 600;\n }\n .campus-list-fixed li:hover::before {\n content: \"\ud83c\udf43\"; \n left: -4px;\n font-size: 12px;\n }\n\n \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 3: \u0e42\u0e25\u0e42\u0e01\u0e49\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23 *\/\n .footer-partner-col { flex: 0.9; min-width: 250px; }\n .footer-partner-col h3 { color: #1b5e20; font-size: 22px; margin-bottom: 25px; font-weight: 700; }\n .partner-logo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }\n \n .partner-card { \n background: #ffffff;\n border: 1px solid #e2ebe4; \n border-radius: 12px; \n padding: 12px; \n display: flex; \n flex-direction: column; \n align-items: center; \n justify-content: center; \n text-align: center; \n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n box-shadow: 0 2px 5px rgba(0,0,0,0.02);\n text-decoration: none;\n }\n .partner-card img { \n max-width: 100%; \n height: auto; \n max-height: 45px; \n margin-bottom: 8px; \n filter: grayscale(100%);\n opacity: 0.6;\n transition: all 0.3s ease;\n }\n .partner-card span { font-size: 11px; font-weight: 600; color: #777; text-transform: uppercase; transition: color 0.3s; }\n\n .partner-card:hover { \n border-color: #2ecc71; \n box-shadow: 0 10px 20px rgba(39, 174, 96, 0.12); \n transform: translateY(-5px);\n }\n .partner-card:hover img {\n filter: grayscale(0%);\n opacity: 1;\n transform: scale(1.05);\n }\n .partner-card:hover span {\n color: #1e8449;\n }\n\n \/* \u0e41\u0e16\u0e1a\u0e25\u0e48\u0e32\u0e07\u0e2a\u0e38\u0e14 (Copyright) *\/\n .footer-bottom-fixed { \n background: #1b5e20; \n color: rgba(255,255,255,0.85);\n padding: 22px 0; \n text-align: center; \n font-size: 13px; \n width: 100%;\n letter-spacing: 0.5px;\n }\n\n @media (max-width: 992px) {\n .footer-campus-col { border-left: none; border-right: none; padding: 30px 0; border-top: 1px dashed #cedad0; border-bottom: 1px dashed #cedad0; }\n }\n\n @media (max-width: 768px) {\n .footer-inner-content { flex-direction: column; gap: 30px; }\n .campus-grid-fixed { grid-template-columns: 1fr; }\n .partner-logo-grid { grid-template-columns: repeat(2, 1fr); }\n .footer-social-wrapper { justify-content: flex-start; }\n }\n <\/style>\n\n <div class=\"footer-inner-content\">\n <div class=\"footer-info-col\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/02\/logo-2-2-150x150.png\" class=\"footer-logo-main\" alt=\"RUTS Agriculture\">\n <h2>\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h2>\n <div class=\"contact-box\">\n <div class=\"contact-item\">\n <i class=\"fas fa-map-marker-alt\"><\/i>\n <span><strong>\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e27\u0e34\u0e17\u0e22\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a<\/strong><br>109 \u0e21.2 \u0e15.\u0e16\u0e49\u0e33\u0e43\u0e2b\u0e0d\u0e48 \u0e2d.\u0e17\u0e38\u0e48\u0e07\u0e2a\u0e07 \u0e08.\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a 80110<\/span>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>075-329-936, 063-343-0551<\/span>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fas fa-envelope\"><\/i>\n <span>agr@rmutsv.ac.th<\/span>\n <\/div>\n <\/div>\n \n <div class=\"footer-social-wrapper\">\n\n <a href=\"https:\/\/www.facebook.com\/agr.rmutsv\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn facebook\" title=\"Facebook \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\">\n <i class=\"fab fa-facebook-f\"><\/i>\n <\/a>\n <a href=\"https:\/\/m.me\/agr.rmutsv\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn messenger\" title=\"\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e32\u0e07 Messenger\">\n <i class=\"fab fa-facebook-messenger\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@YOUR_TIKTOK_ID\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn tiktok\" title=\"TikTok \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"footer-campus-col\">\n <h3>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15 \/ \u0e04\u0e13\u0e30\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19<\/h3>\n <div class=\"campus-grid-fixed\">\n <div>\n <span class=\"campus-badge\">\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e2a\u0e07\u0e02\u0e25\u0e32<\/span>\n <ul class=\"campus-list-fixed\">\n <li><a href=\"https:\/\/www.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e2a\u0e07\u0e02\u0e25\u0e32<\/a><\/li>\n <li><a href=\"https:\/\/inded.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e04\u0e23\u0e38\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/a><\/li>\n <li><a href=\"https:\/\/bba.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/a><\/li>\n <li><a href=\"https:\/\/eng.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n <li><a href=\"https:\/\/libarts.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n <li><a href=\"https:\/\/arch.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n <li><a href=\"https:\/\/rpc.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e15\u0e20\u0e39\u0e21\u0e34<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <span class=\"campus-badge\">\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e15\u0e23\u0e31\u0e07<\/span>\n <ul class=\"campus-list-fixed\">\n <li><a href=\"https:\/\/fishtech.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e07<\/a><\/li>\n <li><a href=\"https:\/\/cht.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27<\/a><\/li>\n <li><a href=\"https:\/\/engtech.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div style=\"margin-top:25px;\">\n <span class=\"campus-badge\" style=\"background:#27ae60;\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a<\/span>\n <div class=\"campus-grid-fixed\">\n <ul class=\"campus-list-fixed\">\n <li><a href=\"https:\/\/nakhon.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e38\u0e48\u0e07\u0e43\u0e2b\u0e0d\u0e48<\/a><\/li>\n <li><a href=\"https:\/\/nakhon.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e44\u0e2a\u0e43\u0e2b\u0e0d\u0e48<\/a><\/li>\n <li><a href=\"https:\/\/cim.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/a><\/li>\n <li><a href=\"https:\/\/agr.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n <\/ul>\n <ul class=\"campus-list-fixed\">\n <li><a href=\"https:\/\/vet.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e2a\u0e31\u0e15\u0e27\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n <li><a href=\"https:\/\/agro-industry.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23<\/a><\/li>\n <li><a href=\"https:\/\/scitech.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/a><\/li>\n <li><a href=\"https:\/\/mt.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-partner-col\">\n <h3>\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/h3>\n <div class=\"partner-logo-grid\">\n <a href=\"https:\/\/www.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/image-45-150x150.png\" alt=\"RUTS\">\n <span>RUTS<\/span>\n <\/a>\n <a href=\"https:\/\/www.onesqa.or.th\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/image-51-150x150.png\" alt=\"\u0e2a\u0e21\u0e28.\">\n <span>\u0e2a\u0e21\u0e28.<\/span>\n <\/a>\n <a href=\"https:\/\/www.cpfworldwide.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94.png\" alt=\"CPF\">\n <span>CPF<\/span>\n <\/a>\n <a href=\"https:\/\/www.betagro.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/Logo-BTG-COP-440x440_px-150x150.png\" alt=\"BETAGRO\">\n <span>BETAGRO<\/span>\n <\/a>\n <a href=\"https:\/\/rinmp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/10\/LINE_ALBUM_%E0%B9%82%E0%B8%A5%E0%B9%82%E0%B8%81%E0%B9%89-RinMP_251023_1-300x212.png\" alt=\"Rin MP\">\n <span>Rin MP<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2a\u0e32\u0e22\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19 \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (Full squared Cover & […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7675","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/7675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/comments?post=7675"}],"version-history":[{"count":19,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/7675\/revisions"}],"predecessor-version":[{"id":21959,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/7675\/revisions\/21959"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=7675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}