{"id":1600,"date":"2024-02-19T11:01:55","date_gmt":"2024-02-19T04:01:55","guid":{"rendered":"https:\/\/agr.rmutsv.ac.th\/ruts\/?page_id=1600"},"modified":"2026-05-26T14:33:57","modified_gmt":"2026-05-26T07:33:57","slug":"%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3","status":"publish","type":"page","link":"https:\/\/agr.rmutsv.ac.th\/ruts\/%e0%b9%82%e0%b8%84%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%ab%e0%b8%b2%e0%b8%a3\/","title":{"rendered":"\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23"},"content":{"rendered":"\n<p><\/p>\n\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 &#8211; \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --primary-color: #1e4620; \/* \u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e02\u0e49\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e17\u0e23. *\/\n            --secondary-color: #e67e22; \/* \u0e41\u0e2a\u0e14\u0e41\u0e2d\u0e19\u0e17\u0e35\u0e01 \u0e2d\u0e31\u0e15\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 *\/\n            --accent-gold: #b38f4d; \/* \u0e17\u0e2d\u0e07\u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e35\u0e40\u0e17\u0e25 *\/\n            --text-main: #2c3e50;\n            --text-muted: #7f8c8d;\n            --bg-gradient: linear-gradient(135deg, #f4f7f5 0%, #f1f3f5 100%);\n            --card-shadow: 0 15px 35px rgba(0, 0, 0, 0.06), 0 5px 15px rgba(0, 0, 0, 0.04);\n            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Sarabun', sans-serif;\n            background: var(--bg-gradient);\n            color: var(--text-main);\n            line-height: 1.7;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            overflow-x: hidden;\n        }\n\n        \/* \u0e41\u0e2d\u0e19\u0e34\u0e40\u0e21\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes pulseGlow {\n            0% { box-shadow: 0 0 0 0 rgba(230, 126, 34, 0.4); }\n            70% { box-shadow: 0 0 0 15px rgba(230, 126, 34, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(230, 126, 34, 0); }\n        }\n\n        \/* Premium Header Section *\/\n        .page-header {\n            background: linear-gradient(135deg, var(--primary-color) 0%, #0d210e 100%);\n            color: #ffffff;\n            padding: 80px 20px;\n            text-align: center;\n            position: relative;\n        }\n\n        .page-header::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 6px;\n            background: linear-gradient(90deg, var(--secondary-color), var(--accent-gold), var(--primary-color));\n        }\n\n        .page-header h1 {\n            font-size: 2.4rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            letter-spacing: 0.5px;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n\n        .page-header p {\n            font-size: 1.15rem;\n            color: rgba(255, 255, 255, 0.85);\n            font-weight: 300;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        \/* Main Container *\/\n        .wrapper {\n            max-width: 1100px;\n            width: 100%;\n            margin: -40px auto 60px auto;\n            padding: 0 20px;\n            flex: 1;\n            animation: fadeInUp 0.8s ease-out forwards;\n        }\n\n        \/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e41\u0e19\u0e27 Glassmorphism *\/\n        .main-card {\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            border-radius: 24px;\n            padding: 40px;\n            box-shadow: var(--card-shadow);\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            position: relative;\n        }\n\n        .section-title-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 30px;\n            border-bottom: 1px solid #eaeaea;\n            padding-bottom: 20px;\n        }\n\n        .section-title {\n            font-size: 1.6rem;\n            color: var(--primary-color);\n            display: flex;\n            align-items: center;\n            font-weight: 600;\n        }\n\n        .section-title::before {\n            content: '';\n            display: inline-block;\n            width: 6px;\n            height: 26px;\n            background-color: var(--secondary-color);\n            margin-right: 14px;\n            border-radius: 4px;\n        }\n\n        \/* \u0e1b\u0e38\u0e48\u0e21\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e40\u0e25\u0e48\u0e19\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c *\/\n        .hint-badge {\n            background: #fff3e0;\n            color: var(--secondary-color);\n            font-size: 0.85rem;\n            padding: 6px 16px;\n            border-radius: 30px;\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            animation: pulseGlow 2s infinite;\n        }\n\n        \/* \u0e01\u0e23\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e38\u0e14\u0e25\u0e49\u0e33\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e25\u0e39\u0e01\u0e40\u0e25\u0e48\u0e19 Hover \u0e41\u0e25\u0e30 Click *\/\n        .chart-container-inner {\n            position: relative;\n            background: #ffffff;\n            border: 1px solid #e1e8ed;\n            border-radius: 16px;\n            padding: 15px;\n            overflow: hidden;\n            cursor: pointer;\n            transition: var(--transition);\n        }\n\n        .chart-container-inner::before {\n            content: '\ud83d\udd0d \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(30, 70, 32, 0.15);\n            color: white;\n            font-weight: 600;\n            font-size: 1.2rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            backdrop-filter: blur(2px);\n            transition: var(--transition);\n            z-index: 2;\n        }\n\n        .chart-container-inner:hover::before {\n            opacity: 1;\n        }\n\n        .chart-container-inner:hover {\n            transform: scale(1.015);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n            border-color: var(--secondary-color);\n        }\n\n        .chart-image {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 10px;\n            transition: var(--transition);\n        }\n\n        \/* \u0e23\u0e30\u0e1a\u0e1a Lightbox (\u0e02\u0e22\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01) *\/\n        .lightbox {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(15, 32, 16, 0.95);\n            backdrop-filter: blur(8px);\n            z-index: 1000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.4s ease;\n            padding: 20px;\n        }\n\n        .lightbox.active {\n            opacity: 1;\n            pointer-events: auto;\n        }\n\n        .lightbox-content {\n            max-width: 95%;\n            max-height: 90vh;\n            object-fit: contain;\n            border-radius: 8px;\n            box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n            transform: scale(0.9);\n            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        .lightbox.active .lightbox-content {\n            transform: scale(1);\n        }\n\n        .close-lightbox {\n            position: absolute;\n            top: 20px; right: 30px;\n            color: #ffffff;\n            font-size: 2.5rem;\n            font-weight: 300;\n            cursor: pointer;\n            transition: var(--transition);\n            width: 50px; height: 50px;\n            display: flex; align-items: center; justify-content: center;\n            background: rgba(255,255,255,0.1);\n            border-radius: 50%;\n        }\n\n        .close-lightbox:hover {\n            background: var(--secondary-color);\n            transform: rotate(90deg);\n        }\n\n        \/* Footer Section *\/\n        .footer-note {\n            text-align: center;\n            color: var(--text-muted);\n            font-size: 0.9rem;\n            padding: 30px 20px;\n            background: #ffffff;\n            border-top: 1px solid #e1e8ed;\n            margin-top: auto;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .page-header { padding: 60px 15px; }\n            .page-header h1 { font-size: 1.8rem; }\n            .main-card { padding: 25px 15px; border-radius: 16px; }\n            .section-title-container { flex-direction: column; align-items: flex-start; gap: 10px; }\n            .hint-badge { width: 100%; justify-content: center; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header class=\"page-header\">\n        <h1>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19<\/h1>\n        <p>\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \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\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a<\/p>\n    <\/header>\n\n    <div class=\"wrapper\">\n        <main class=\"main-card\">\n            \n            <div class=\"section-title-container\">\n                <h2 class=\"section-title\">\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/h2>\n                <div class=\"hint-badge\">\n                    <span>\ud83d\udca1 \u0e41\u0e15\u0e30\u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"chart-container-inner\" id=\"chartBox\">\n                <img decoding=\"async\" class=\"chart-image\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2026\/04\/%E0%B9%82%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87-69-2048x1448.jpg\" alt=\"\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\">\n            <\/div>\n\n        <\/main>\n    <\/div>\n\n    <div class=\"lightbox\" id=\"imageLightbox\">\n        <span class=\"close-lightbox\" id=\"closeBtn\">&times;<\/span>\n        <img decoding=\"async\" class=\"lightbox-content\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2026\/04\/%E0%B9%82%E0%B8%84%E0%B8%A3%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87-69-2048x1448.jpg\" alt=\"\u0e20\u0e32\u0e1e\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\">\n    <\/div>\n\n    <script>\n        const chartBox = document.getElementById('chartBox');\n        const lightbox = document.getElementById('imageLightbox');\n        const closeBtn = document.getElementById('closeBtn');\n\n        \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e34\u0e14 Lightbox \u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\n        chartBox.addEventListener('click', () => {\n            lightbox.classList.add('active');\n            document.body.style.overflow = 'hidden'; \/\/ \u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e01\u0e2d\u0e25\u0e25\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07\n        });\n\n        \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e1b\u0e34\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07 \u0e43\u0e2b\u0e49\u0e1b\u0e34\u0e14 Lightbox\n        const closeView = () => {\n            lightbox.classList.remove('active');\n            document.body.style.overflow = 'auto'; \/\/ \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e2a\u0e01\u0e2d\u0e25\u0e25\u0e4c\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\n        };\n\n        closeBtn.addEventListener('click', closeView);\n        lightbox.addEventListener('click', (e) => {\n            if (e.target === lightbox) {\n                closeView();\n            }\n        });\n\n        \/\/ \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 ESC \u0e1a\u0e19\u0e04\u0e35\u0e22\u0e4c\u0e1a\u0e2d\u0e23\u0e4c\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e34\u0e14\u0e20\u0e32\u0e1e\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n                closeView();\n            }\n        });\n    <\/script>\n\n<\/body>\n<\/html>\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>\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23 [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":12506,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1600","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/1600","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=1600"}],"version-history":[{"count":27,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/1600\/revisions"}],"predecessor-version":[{"id":21818,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/1600\/revisions\/21818"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media\/12506"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=1600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}