RMUTSV – AGRI DEPARTMENTS (High Contrast & Distinct Color)<\/title>\n \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=Anuphan:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700;800;900&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 --text-dark: #0f172a;\n --text-muted: #334155;\n \n \/* \u0e2a\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1d\u0e48\u0e32\u0e22 (\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e14\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14) *\/\n --color-policy: #b45309; \n --color-academic: #0369a1; \n --color-student: #047857; \n --color-enterprise: #6b21a8; \/* \u0e2a\u0e35\u0e21\u0e48\u0e27\u0e07\u0e40\u0e02\u0e49\u0e21\u0e04\u0e21\u0e0a\u0e31\u0e14 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08 *\/\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n min-height: 100vh;\n background-color: #f1f5f9; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e41\u0e25\u0e30\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2a\u0e35\u0e2a\u0e31\u0e19\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\n }\n\n body {\n font-family: 'Inter', 'Anuphan', sans-serif;\n color: var(--text-dark);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* --- \ud83c\udf10 CANVAS BACKGROUND STYLE --- *\/\n #tech-bg-canvas {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 0;\n pointer-events: none;\n }\n\n .wrapper {\n position: relative;\n width: 100%;\n max-width: 1440px; \n margin: 0 auto;\n padding: 50px 30px 60px 30px;\n z-index: 1;\n flex-grow: 1;\n }\n\n \/* --- MEGA HERO HEADER (\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 Deep Navy \u0e04\u0e21\u0e0a\u0e31\u0e14) --- *\/\n .mega-hero-header {\n background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%); \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21-\u0e40\u0e17\u0e32\u0e14\u0e33 *\/\n border: 1px solid rgba(255, 255, 255, 0.1); \n border-radius: 32px;\n padding: 40px 50px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 40px;\n margin-bottom: 50px;\n box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);\n }\n\n .mega-brand-box {\n display: flex;\n align-items: center;\n gap: 22px;\n border-right: 1px solid rgba(255, 255, 255, 0.2); \n padding-right: 40px;\n }\n \n .mega-logo-img { height: 90px; width: auto; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2)); }\n .mega-brand-text .uni-title-sub { font-size: 1rem; color: #cbd5e1; font-weight: 500; }\n .mega-brand-text .fac-title-main { font-size: 1.4rem; font-weight: 700; color: #ffffff; margin-top: 2px; }\n\n .mega-core-title h1 { font-size: 3.1rem; font-weight: 900; color: #ffffff; letter-spacing: -1.5px; }\n .mega-core-title h1 span.highlight-gradient {\n background: linear-gradient(135deg, #fbbf24 0%, #34d399 100%); \/* \u0e40\u0e19\u0e49\u0e19\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e02\u0e49\u0e21 *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .mega-core-title p.mega-sub-tag { font-size: 0.9rem; font-weight: 700; color: #f59e0b; text-transform: uppercase; letter-spacing: 5px; }\n\n \/* --- \ud83e\udde9 ASYMMETRIC FREE GRID LAYOUT --- *\/\n .asymmetric-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr 1.2fr;\n gap: 28px;\n }\n\n .card-policy { grid-column: 1 \/ 2; grid-row: span 2; } \n .card-academic-main { grid-column: 2 \/ 4; } \n .card-academic-sub { grid-column: 2 \/ 3; } \n .card-student-main { grid-column: 3 \/ 4; } \n .card-student-sub { grid-column: 1 \/ 3; } \n .card-enterprise { grid-column: 3 \/ 4; } \n\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e2a\u0e31\u0e19\u0e40\u0e14\u0e48\u0e19\u0e0a\u0e31\u0e14\u0e17\u0e36\u0e1a\u0e41\u0e2a\u0e07\u0e02\u0e36\u0e49\u0e19 (High Definition Glass) *\/\n .organic-card {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-radius: 35px;\n padding: 35px;\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n border: 2px solid rgba(255, 255, 255, 0.9); \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a *\/\n cursor: pointer; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e21\u0e37\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e1a\u0e25\u0e47\u0e2d\u0e01 *\/\n }\n\n .organic-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 35px 60px -10px rgba(var(--hover-shadow-rgb), 0.3); \n border-color: var(--dept-color);\n }\n\n .card-top-info { margin-bottom: 25px; }\n\n .dept-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.75rem;\n font-weight: 800;\n color: #ffffff;\n background: var(--dept-color); \n padding: 6px 14px;\n border-radius: 50px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n\n .organic-card h2 {\n font-size: 1.6rem;\n font-weight: 800;\n color: #0f172a;\n letter-spacing: -0.5px;\n line-height: 1.25;\n margin-bottom: 12px;\n }\n\n .organic-card p.dept-desc {\n font-size: 0.95rem;\n color: #1e293b; \n line-height: 1.6;\n font-weight: 500;\n }\n\n \/* \u0e25\u0e34\u0e07\u0e01\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e22\u0e48\u0e2d\u0e22 (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e17\u0e36\u0e1a\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19) *\/\n .inner-links-area {\n margin-top: 25px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .horizontal-links {\n flex-direction: row !important;\n flex-wrap: wrap;\n gap: 15px !important;\n }\n\n .link-pill {\n background: #ffffff; \n border: 1px solid #cbd5e1;\n padding: 14px 20px;\n border-radius: 18px;\n text-decoration: none;\n color: #0f172a;\n font-size: 0.9rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 15px;\n transition: all 0.25s ease;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .horizontal-links .link-pill { flex: 1; min-width: 200px; }\n\n .link-pill:hover {\n background: #ffffff;\n border-color: var(--dept-color);\n color: var(--dept-color);\n transform: translateX(4px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .link-pill i {\n font-size: 0.85rem;\n color: var(--dept-color); \n transition: transform 0.2s ease;\n }\n .link-pill:hover i { transform: translateX(3px); }\n\n \/* --- Responsive UI --- *\/\n @media (max-width: 1100px) {\n .asymmetric-grid { grid-template-columns: 1fr 1fr; }\n .card-policy { grid-column: 1 \/ 2; grid-row: auto; }\n .card-academic-main { grid-column: 2 \/ 3; }\n .card-academic-sub { grid-column: 1 \/ 2; }\n .card-student-main { grid-column: 2 \/ 3; }\n .card-student-sub { grid-column: 1 \/ 3; }\n .card-enterprise { grid-column: 1 \/ 3; }\n .horizontal-links { flex-direction: column !important; }\n }\n @media (max-width: 850px) {\n .asymmetric-grid { grid-template-columns: 1fr; }\n .card-policy, .card-academic-main, .card-academic-sub, .card-student-main, .card-student-sub, .card-enterprise {\n grid-column: span 1 !important;\n }\n .mega-hero-header { grid-template-columns: 1fr; text-align: center; gap: 20px; }\n .mega-brand-box { border-right: none; padding-right: 0; justify-content: center; }\n .mega-core-title { text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n\n <canvas id=\"tech-bg-canvas\"><\/canvas>\n\n <div class=\"wrapper\">\n \n <header class=\"mega-hero-header\">\n <div class=\"mega-brand-box\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/02\/logo-2-2-150x150.png\" alt=\"RMUTSV Logo\" class=\"mega-logo-img\">\n <div class=\"mega-brand-text\">\n <p class=\"uni-title-sub\">\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\n <p class=\"fac-title-main\">Faculty of Agriculture<\/p>\n <\/div>\n <\/div>\n \n <div class=\"mega-core-title\">\n <h1>ADMINISTRATIVE <span class=\"highlight-gradient\">UNITS<\/span><\/h1>\n <p class=\"mega-sub-tag\">\u0e07\u0e32\u0e19 4 \u0e1d\u0e48\u0e32\u0e22 \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<\/p>\n <\/div>\n <div style=\"width:10px;\"><\/div>\n <\/header>\n\n <main class=\"asymmetric-grid\">\n \n <section class=\"organic-card card-policy\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/administration-and-planning-division\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(254, 243, 199, 0.95) 0%, rgba(251, 191, 36, 0.8) 100%); --dept-color: var(--color-policy); --hover-shadow-rgb: 217, 119, 6;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-chart-pie\"><\/i> Strategic & Planning<\/div>\n <h2>\u0e1d\u0e48\u0e32\u0e22\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22<br>\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<\/h2>\n <p class=\"dept-desc\">\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30 \u0e27\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/p>\n <\/div>\n \n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (QA)<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-academic-main\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/academic-and-research-department\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(224, 242, 254, 0.95) 0%, rgba(56, 189, 248, 0.75) 100%); --dept-color: var(--color-academic); --hover-shadow-rgb: 8, 145, 178;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-microscope\"><\/i> Education & Innovation<\/div>\n <h2>\u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22 (\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c)<\/h2>\n <p class=\"dept-desc\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e23\u0e21\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49 \u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e23\u0e39\u0e1b\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e34\u0e40\u0e27\u0e28\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e41\u0e19\u0e27\u0e2b\u0e19\u0e49\u0e32<\/p>\n <\/div>\n \n <div class=\"inner-links-area horizontal-links\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-academic-sub\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(207, 250, 254, 0.95) 0%, rgba(34, 211, 238, 0.75) 100%); --dept-color: var(--color-academic); --hover-shadow-rgb: 8, 145, 178;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-handshake-angle\"><\/i> Outreach<\/div>\n <h2>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e07\u0e04\u0e21<\/h2>\n <p class=\"dept-desc\">\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2a\u0e39\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e41\u0e25\u0e30\u0e1f\u0e32\u0e23\u0e4c\u0e21\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/p>\n <\/div>\n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e01\u0e48\u0e2a\u0e31\u0e07\u0e04\u0e21<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-student-main\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/student-development-and-alumni\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(209, 250, 229, 0.95) 0%, rgba(52, 211, 153, 0.8) 100%); --dept-color: var(--color-student); --hover-shadow-rgb: 5, 150, 105;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Student Life<\/div>\n <h2>\u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32<br>\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/h2>\n <p class=\"dept-desc\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e27\u0e34\u0e19\u0e31\u0e22 \u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e2d\u0e31\u0e19\u0e14\u0e35\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/p>\n <\/div>\n \n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e42\u0e21\u0e2a\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e27\u0e34\u0e19\u0e31\u0e22\u0e41\u0e25\u0e30\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-student-sub\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/student-development-and-alumni\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(240, 253, 244, 0.95) 0%, rgba(110, 231, 183, 0.75) 100%); --dept-color: var(--color-student); --hover-shadow-rgb: 5, 150, 105;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-hand-holding-dollar\"><\/i> Support & Counseling<\/div>\n <h2>\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/h2>\n <p class=\"dept-desc\">\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 \u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e01\u0e39\u0e49\u0e22\u0e37\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e01\u0e22\u0e28.) \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e27\u0e30\u0e17\u0e32\u0e07\u0e08\u0e34\u0e15\u0e43\u0e08\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n <\/div>\n \n <div class=\"inner-links-area horizontal-links\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-enterprise\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%a7%e0%b8%b4%e0%b8%aa%e0%b8%b2%e0%b8%ab%e0%b8%81%e0%b8%b4%e0%b8%88\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(243, 232, 255, 0.95) 0%, rgba(216, 180, 254, 0.8) 100%); --dept-color: var(--color-enterprise); --hover-shadow-rgb: 107, 33, 168;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-store\"><\/i> Business & Enterprise<\/div>\n <h2>\u0e07\u0e32\u0e19\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08<br>\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h2>\n <p class=\"dept-desc\">\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b \u0e15\u0e25\u0e2d\u0e14\u0e08\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e40\u0e0a\u0e34\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e1f\u0e32\u0e23\u0e4c\u0e21\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n <\/div>\n \n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e25\u0e30\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e04\u0e13\u0e30<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n <script>\n const canvas = document.getElementById('tech-bg-canvas');\n const ctx = canvas.getContext('2d');\n\n let particlesArray = [];\n const numberOfParticles = 65; \n \n const mouse = { x: null, y: null, radius: 180 };\n\n window.addEventListener('mousemove', function(event) {\n mouse.x = event.clientX;\n mouse.y = event.clientY;\n });\n\n window.addEventListener('mouseout', function() {\n mouse.x = null;\n mouse.y = null;\n });\n\n function resizeCanvas() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n }\n window.addEventListener('resize', resizeCanvas);\n resizeCanvas();\n\n class Particle {\n constructor() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2 + 1; \n this.speedX = (Math.random() - 0.5) * 0.4; \n this.speedY = (Math.random() - 0.5) * 0.4; \n \n const colors = ['#059669', '#0891b2', '#d97706', '#10b981', '#a855f7'];\n this.color = colors[Math.floor(Math.random() * colors.length)];\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n\n if (this.x < 0 || this.x > canvas.width) this.speedX = -this.speedX;\n if (this.y < 0 || this.y > canvas.height) this.speedY = -this.speedY;\n\n if (mouse.x != null && mouse.y != null) {\n let dx = mouse.x - this.x;\n let dy = mouse.y - this.y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n if (distance < mouse.radius) {\n this.x -= dx * 0.015; \n this.y -= dy * 0.015;\n }\n }\n }\n\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fillStyle = this.color;\n ctx.globalAlpha = 0.5; \n ctx.fill();\n ctx.globalAlpha = 1.0; \n }\n }\n\n function init() {\n particlesArray = [];\n for (let i = 0; i < numberOfParticles; i++) {\n particlesArray.push(new Particle());\n }\n }\n\n function connectLines() {\n for (let a = 0; a < particlesArray.length; a++) {\n for (let b = a; b < particlesArray.length; b++) {\n let dx = particlesArray[a].x - particlesArray[b].x;\n let dy = particlesArray[a].y - particlesArray[b].y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n\n if (distance < 160) {\n let opacity = (1 - (distance \/ 160)) * 0.15;\n ctx.strokeStyle = `rgba(15, 23, 42, ${opacity})`; \n ctx.lineWidth = 0.6;\n ctx.beginPath();\n ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\n ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\n ctx.stroke();\n }\n }\n }\n }\n\n function animate() {\n ctx.fillStyle = '#f1f5f9'; \n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n for (let i = 0; i < particlesArray.length; i++) {\n particlesArray[i].update();\n particlesArray[i].draw();\n }\n\n connectLines();\n requestAnimationFrame(animate);\n }\n\n init();\n animate();\n <\/script>\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>RMUTSV – AGRI DEPARTMENTS (High Contrast & D […]<\/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-22162","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/22162","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=22162"}],"version-history":[{"count":7,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/22162\/revisions"}],"predecessor-version":[{"id":22186,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/22162\/revisions\/22186"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=22162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22162,"date":"2026-05-31T11:48:24","date_gmt":"2026-05-31T04:48:24","guid":{"rendered":"https:\/\/agr.rmutsv.ac.th\/ruts\/?page_id=22162"},"modified":"2026-05-31T12:10:11","modified_gmt":"2026-05-31T05:10:11","slug":"agency","status":"publish","type":"page","link":"https:\/\/agr.rmutsv.ac.th\/ruts\/agency\/","title":{"rendered":"\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19"},"content":{"rendered":"\n\n\n\n \n \n RMUTSV – AGRI DEPARTMENTS (High Contrast & Distinct Color)<\/title>\n \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=Anuphan:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700;800;900&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 --text-dark: #0f172a;\n --text-muted: #334155;\n \n \/* \u0e2a\u0e35\u0e2b\u0e25\u0e31\u0e01\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1d\u0e48\u0e32\u0e22 (\u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e14\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14) *\/\n --color-policy: #b45309; \n --color-academic: #0369a1; \n --color-student: #047857; \n --color-enterprise: #6b21a8; \/* \u0e2a\u0e35\u0e21\u0e48\u0e27\u0e07\u0e40\u0e02\u0e49\u0e21\u0e04\u0e21\u0e0a\u0e31\u0e14 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08 *\/\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html, body {\n width: 100%;\n min-height: 100vh;\n background-color: #f1f5f9; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e41\u0e25\u0e30\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e2a\u0e35\u0e2a\u0e31\u0e19\u0e40\u0e14\u0e48\u0e19\u0e02\u0e36\u0e49\u0e19 *\/\n }\n\n body {\n font-family: 'Inter', 'Anuphan', sans-serif;\n color: var(--text-dark);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n \/* --- \ud83c\udf10 CANVAS BACKGROUND STYLE --- *\/\n #tech-bg-canvas {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 0;\n pointer-events: none;\n }\n\n .wrapper {\n position: relative;\n width: 100%;\n max-width: 1440px; \n margin: 0 auto;\n padding: 50px 30px 60px 30px;\n z-index: 1;\n flex-grow: 1;\n }\n\n \/* --- MEGA HERO HEADER (\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21 Deep Navy \u0e04\u0e21\u0e0a\u0e31\u0e14) --- *\/\n .mega-hero-header {\n background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%); \/* \u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21-\u0e40\u0e17\u0e32\u0e14\u0e33 *\/\n border: 1px solid rgba(255, 255, 255, 0.1); \n border-radius: 32px;\n padding: 40px 50px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 40px;\n margin-bottom: 50px;\n box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25);\n }\n\n .mega-brand-box {\n display: flex;\n align-items: center;\n gap: 22px;\n border-right: 1px solid rgba(255, 255, 255, 0.2); \n padding-right: 40px;\n }\n \n .mega-logo-img { height: 90px; width: auto; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2)); }\n .mega-brand-text .uni-title-sub { font-size: 1rem; color: #cbd5e1; font-weight: 500; }\n .mega-brand-text .fac-title-main { font-size: 1.4rem; font-weight: 700; color: #ffffff; margin-top: 2px; }\n\n .mega-core-title h1 { font-size: 3.1rem; font-weight: 900; color: #ffffff; letter-spacing: -1.5px; }\n .mega-core-title h1 span.highlight-gradient {\n background: linear-gradient(135deg, #fbbf24 0%, #34d399 100%); \/* \u0e40\u0e19\u0e49\u0e19\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e27\u0e48\u0e32\u0e07\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e02\u0e49\u0e21 *\/\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .mega-core-title p.mega-sub-tag { font-size: 0.9rem; font-weight: 700; color: #f59e0b; text-transform: uppercase; letter-spacing: 5px; }\n\n \/* --- \ud83e\udde9 ASYMMETRIC FREE GRID LAYOUT --- *\/\n .asymmetric-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr 1.2fr;\n gap: 28px;\n }\n\n .card-policy { grid-column: 1 \/ 2; grid-row: span 2; } \n .card-academic-main { grid-column: 2 \/ 4; } \n .card-academic-sub { grid-column: 2 \/ 3; } \n .card-student-main { grid-column: 3 \/ 4; } \n .card-student-sub { grid-column: 1 \/ 3; } \n .card-enterprise { grid-column: 3 \/ 4; } \n\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e2a\u0e35\u0e2a\u0e31\u0e19\u0e40\u0e14\u0e48\u0e19\u0e0a\u0e31\u0e14\u0e17\u0e36\u0e1a\u0e41\u0e2a\u0e07\u0e02\u0e36\u0e49\u0e19 (High Definition Glass) *\/\n .organic-card {\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-radius: 35px;\n padding: 35px;\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n border: 2px solid rgba(255, 255, 255, 0.9); \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e32\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a *\/\n cursor: pointer; \/* \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e21\u0e37\u0e2d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e04\u0e25\u0e34\u0e01\u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e1a\u0e25\u0e47\u0e2d\u0e01 *\/\n }\n\n .organic-card:hover {\n transform: translateY(-5px) scale(1.01);\n box-shadow: 0 35px 60px -10px rgba(var(--hover-shadow-rgb), 0.3); \n border-color: var(--dept-color);\n }\n\n .card-top-info { margin-bottom: 25px; }\n\n .dept-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.75rem;\n font-weight: 800;\n color: #ffffff;\n background: var(--dept-color); \n padding: 6px 14px;\n border-radius: 50px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n }\n\n .organic-card h2 {\n font-size: 1.6rem;\n font-weight: 800;\n color: #0f172a;\n letter-spacing: -0.5px;\n line-height: 1.25;\n margin-bottom: 12px;\n }\n\n .organic-card p.dept-desc {\n font-size: 0.95rem;\n color: #1e293b; \n line-height: 1.6;\n font-weight: 500;\n }\n\n \/* \u0e25\u0e34\u0e07\u0e01\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e22\u0e48\u0e2d\u0e22 (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e17\u0e36\u0e1a\u0e40\u0e2b\u0e47\u0e19\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19) *\/\n .inner-links-area {\n margin-top: 25px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .horizontal-links {\n flex-direction: row !important;\n flex-wrap: wrap;\n gap: 15px !important;\n }\n\n .link-pill {\n background: #ffffff; \n border: 1px solid #cbd5e1;\n padding: 14px 20px;\n border-radius: 18px;\n text-decoration: none;\n color: #0f172a;\n font-size: 0.9rem;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 15px;\n transition: all 0.25s ease;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .horizontal-links .link-pill { flex: 1; min-width: 200px; }\n\n .link-pill:hover {\n background: #ffffff;\n border-color: var(--dept-color);\n color: var(--dept-color);\n transform: translateX(4px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n }\n\n .link-pill i {\n font-size: 0.85rem;\n color: var(--dept-color); \n transition: transform 0.2s ease;\n }\n .link-pill:hover i { transform: translateX(3px); }\n\n \/* --- Responsive UI --- *\/\n @media (max-width: 1100px) {\n .asymmetric-grid { grid-template-columns: 1fr 1fr; }\n .card-policy { grid-column: 1 \/ 2; grid-row: auto; }\n .card-academic-main { grid-column: 2 \/ 3; }\n .card-academic-sub { grid-column: 1 \/ 2; }\n .card-student-main { grid-column: 2 \/ 3; }\n .card-student-sub { grid-column: 1 \/ 3; }\n .card-enterprise { grid-column: 1 \/ 3; }\n .horizontal-links { flex-direction: column !important; }\n }\n @media (max-width: 850px) {\n .asymmetric-grid { grid-template-columns: 1fr; }\n .card-policy, .card-academic-main, .card-academic-sub, .card-student-main, .card-student-sub, .card-enterprise {\n grid-column: span 1 !important;\n }\n .mega-hero-header { grid-template-columns: 1fr; text-align: center; gap: 20px; }\n .mega-brand-box { border-right: none; padding-right: 0; justify-content: center; }\n .mega-core-title { text-align: center; }\n }\n <\/style>\n<\/head>\n<body>\n\n <canvas id=\"tech-bg-canvas\"><\/canvas>\n\n <div class=\"wrapper\">\n \n <header class=\"mega-hero-header\">\n <div class=\"mega-brand-box\">\n <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/02\/logo-2-2-150x150.png\" alt=\"RMUTSV Logo\" class=\"mega-logo-img\">\n <div class=\"mega-brand-text\">\n <p class=\"uni-title-sub\">\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/p>\n <p class=\"fac-title-main\">Faculty of Agriculture<\/p>\n <\/div>\n <\/div>\n \n <div class=\"mega-core-title\">\n <h1>ADMINISTRATIVE <span class=\"highlight-gradient\">UNITS<\/span><\/h1>\n <p class=\"mega-sub-tag\">\u0e07\u0e32\u0e19 4 \u0e1d\u0e48\u0e32\u0e22 \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<\/p>\n <\/div>\n <div style=\"width:10px;\"><\/div>\n <\/header>\n\n <main class=\"asymmetric-grid\">\n \n <section class=\"organic-card card-policy\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/administration-and-planning-division\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(254, 243, 199, 0.95) 0%, rgba(251, 191, 36, 0.8) 100%); --dept-color: var(--color-policy); --hover-shadow-rgb: 217, 119, 6;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-chart-pie\"><\/i> Strategic & Planning<\/div>\n <h2>\u0e1d\u0e48\u0e32\u0e22\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22<br>\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<\/h2>\n <p class=\"dept-desc\">\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30 \u0e27\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1c\u0e19\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/p>\n <\/div>\n \n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (QA)<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-academic-main\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/academic-and-research-department\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(224, 242, 254, 0.95) 0%, rgba(56, 189, 248, 0.75) 100%); --dept-color: var(--color-academic); --hover-shadow-rgb: 8, 145, 178;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-microscope\"><\/i> Education & Innovation<\/div>\n <h2>\u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22 (\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c)<\/h2>\n <p class=\"dept-desc\">\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e23\u0e21\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49 \u0e21\u0e38\u0e48\u0e07\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e23\u0e39\u0e1b\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e19\u0e34\u0e40\u0e27\u0e28\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e31\u0e49\u0e19\u0e41\u0e19\u0e27\u0e2b\u0e19\u0e49\u0e32<\/p>\n <\/div>\n \n <div class=\"inner-links-area horizontal-links\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-academic-sub\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(207, 250, 254, 0.95) 0%, rgba(34, 211, 238, 0.75) 100%); --dept-color: var(--color-academic); --hover-shadow-rgb: 8, 145, 178;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-handshake-angle\"><\/i> Outreach<\/div>\n <h2>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e07\u0e04\u0e21<\/h2>\n <p class=\"dept-desc\">\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2a\u0e39\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e41\u0e25\u0e30\u0e1f\u0e32\u0e23\u0e4c\u0e21\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19<\/p>\n <\/div>\n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e01\u0e48\u0e2a\u0e31\u0e07\u0e04\u0e21<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-student-main\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/student-development-and-alumni\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(209, 250, 229, 0.95) 0%, rgba(52, 211, 153, 0.8) 100%); --dept-color: var(--color-student); --hover-shadow-rgb: 5, 150, 105;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Student Life<\/div>\n <h2>\u0e1d\u0e48\u0e32\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32<br>\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/h2>\n <p class=\"dept-desc\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e01\u0e25\u0e32\u0e07\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e41\u0e25\u0e30\u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e02\u0e2d\u0e07\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e27\u0e34\u0e19\u0e31\u0e22 \u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e2d\u0e31\u0e19\u0e14\u0e35\u0e01\u0e31\u0e1a\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e17\u0e31\u0e48\u0e27\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/p>\n <\/div>\n \n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e42\u0e21\u0e2a\u0e23\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e27\u0e34\u0e19\u0e31\u0e22\u0e41\u0e25\u0e30\u0e28\u0e34\u0e29\u0e22\u0e4c\u0e40\u0e01\u0e48\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-student-sub\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/student-development-and-alumni\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(240, 253, 244, 0.95) 0%, rgba(110, 231, 183, 0.75) 100%); --dept-color: var(--color-student); --hover-shadow-rgb: 5, 150, 105;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-hand-holding-dollar\"><\/i> Support & Counseling<\/div>\n <h2>\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/h2>\n <p class=\"dept-desc\">\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e07\u0e34\u0e19 \u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e01\u0e39\u0e49\u0e22\u0e37\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 (\u0e01\u0e22\u0e28.) \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e14\u0e39\u0e41\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e27\u0e30\u0e17\u0e32\u0e07\u0e08\u0e34\u0e15\u0e43\u0e08\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n <\/div>\n \n <div class=\"inner-links-area horizontal-links\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <section class=\"organic-card card-enterprise\" onclick=\"window.open('https:\/\/agr.rmutsv.ac.th\/ruts\/%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%a7%e0%b8%b4%e0%b8%aa%e0%b8%b2%e0%b8%ab%e0%b8%81%e0%b8%b4%e0%b8%88\/', '_self')\" style=\"background: linear-gradient(135deg, rgba(243, 232, 255, 0.95) 0%, rgba(216, 180, 254, 0.8) 100%); --dept-color: var(--color-enterprise); --hover-shadow-rgb: 107, 33, 168;\">\n <div class=\"card-top-info\">\n <div class=\"dept-tag\"><i class=\"fa-solid fa-store\"><\/i> Business & Enterprise<\/div>\n <h2>\u0e07\u0e32\u0e19\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08<br>\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h2>\n <p class=\"dept-desc\">\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e02\u0e2d\u0e07\u0e04\u0e13\u0e30 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b \u0e15\u0e25\u0e2d\u0e14\u0e08\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e40\u0e0a\u0e34\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e1f\u0e32\u0e23\u0e4c\u0e21\u0e2a\u0e32\u0e18\u0e34\u0e15\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n <\/div>\n \n <div class=\"inner-links-area\">\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <div class=\"link-pill\"><span>\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e25\u0e30\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e04\u0e13\u0e30<\/span><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\n <\/div>\n <\/section>\n\n <\/main>\n <\/div>\n\n <script>\n const canvas = document.getElementById('tech-bg-canvas');\n const ctx = canvas.getContext('2d');\n\n let particlesArray = [];\n const numberOfParticles = 65; \n \n const mouse = { x: null, y: null, radius: 180 };\n\n window.addEventListener('mousemove', function(event) {\n mouse.x = event.clientX;\n mouse.y = event.clientY;\n });\n\n window.addEventListener('mouseout', function() {\n mouse.x = null;\n mouse.y = null;\n });\n\n function resizeCanvas() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n }\n window.addEventListener('resize', resizeCanvas);\n resizeCanvas();\n\n class Particle {\n constructor() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2 + 1; \n this.speedX = (Math.random() - 0.5) * 0.4; \n this.speedY = (Math.random() - 0.5) * 0.4; \n \n const colors = ['#059669', '#0891b2', '#d97706', '#10b981', '#a855f7'];\n this.color = colors[Math.floor(Math.random() * colors.length)];\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n\n if (this.x < 0 || this.x > canvas.width) this.speedX = -this.speedX;\n if (this.y < 0 || this.y > canvas.height) this.speedY = -this.speedY;\n\n if (mouse.x != null && mouse.y != null) {\n let dx = mouse.x - this.x;\n let dy = mouse.y - this.y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n if (distance < mouse.radius) {\n this.x -= dx * 0.015; \n this.y -= dy * 0.015;\n }\n }\n }\n\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fillStyle = this.color;\n ctx.globalAlpha = 0.5; \n ctx.fill();\n ctx.globalAlpha = 1.0; \n }\n }\n\n function init() {\n particlesArray = [];\n for (let i = 0; i < numberOfParticles; i++) {\n particlesArray.push(new Particle());\n }\n }\n\n function connectLines() {\n for (let a = 0; a < particlesArray.length; a++) {\n for (let b = a; b < particlesArray.length; b++) {\n let dx = particlesArray[a].x - particlesArray[b].x;\n let dy = particlesArray[a].y - particlesArray[b].y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n\n if (distance < 160) {\n let opacity = (1 - (distance \/ 160)) * 0.15;\n ctx.strokeStyle = `rgba(15, 23, 42, ${opacity})`; \n ctx.lineWidth = 0.6;\n ctx.beginPath();\n ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\n ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\n ctx.stroke();\n }\n }\n }\n }\n\n function animate() {\n ctx.fillStyle = '#f1f5f9'; \n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n for (let i = 0; i < particlesArray.length; i++) {\n particlesArray[i].update();\n particlesArray[i].draw();\n }\n\n connectLines();\n requestAnimationFrame(animate);\n }\n\n init();\n animate();\n <\/script>\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>RMUTSV – AGRI DEPARTMENTS (High Contrast & D […]<\/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-22162","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/22162","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=22162"}],"version-history":[{"count":7,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/22162\/revisions"}],"predecessor-version":[{"id":22186,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/22162\/revisions\/22186"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=22162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}