{"id":23023,"date":"2026-08-29T10:28:39","date_gmt":"2026-08-29T03:28:39","guid":{"rendered":"https:\/\/agr.rmutsv.ac.th\/ruts\/?page_id=23023"},"modified":"2026-08-31T15:32:34","modified_gmt":"2026-08-31T08:32:34","slug":"best_practices","status":"publish","type":"page","link":"https:\/\/agr.rmutsv.ac.th\/ruts\/best_practices\/","title":{"rendered":"\u0e04\u0e25\u0e31\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Best Practices Knowledge Showcase &#8211; RMUTSV Agriculture<\/title>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700&amp;family=Prompt:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n  \/* 1. Reset \u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 *\/\n  *, *::before, *::after {\n    box-sizing: border-box !important;\n    margin: 0;\n    padding: 0;\n  }\n\n  html {\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  body {\n    width: 100% !important;\n    max-width: 100% !important;\n    min-height: 100vh !important;\n    font-family: 'Prompt', sans-serif;\n    overflow-x: hidden !important; \/* \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e41\u0e16\u0e1a\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 *\/\n    position: relative;\n  }\n\n  \/* 2. \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 Aurora Mesh Gradient \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e19\u0e02\u0e2d\u0e1a *\/\n  .agri-aurora-bg {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100% !important; \/* \u0e41\u0e01\u0e49\u0e08\u0e32\u0e01 100vw \u0e40\u0e1b\u0e47\u0e19 100% \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e14\u0e31\u0e19 Scrollbar *\/\n    height: 100vh;\n    z-index: 0;\n    background: #f0fdf4;\n    overflow: hidden !important; \/* \u0e01\u0e31\u0e01\u0e27\u0e07\u0e01\u0e25\u0e21\u0e17\u0e35\u0e48\u0e25\u0e49\u0e19\u0e2d\u0e2d\u0e01\u0e44\u0e1b\u0e0b\u0e48\u0e2d\u0e19\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07 *\/\n    pointer-events: none;\n  }\n\n  .aurora-blob {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(80px);\n    opacity: 0.6;\n    animation: floatAurora 18s infinite alternate ease-in-out;\n  }\n\n  .aurora-1 {\n    top: -10%;\n    left: -10%;\n    width: 500px;\n    max-width: 50%;\n    height: 500px;\n    background: radial-gradient(circle, #a7f3d0 0%, #34d399 100%);\n    animation-duration: 20s;\n  }\n\n  .aurora-2 {\n    bottom: -15%;\n    right: -10%;\n    width: 600px;\n    max-width: 60%;\n    height: 600px;\n    background: radial-gradient(circle, #ddd6fe 0%, #c084fc 100%);\n    animation-duration: 25s;\n    animation-delay: -5s;\n  }\n\n  .aurora-3 {\n    top: 40%;\n    left: 30%;\n    width: 450px;\n    max-width: 45%;\n    height: 450px;\n    background: radial-gradient(circle, #bae6fd 0%, #38bdf8 100%);\n    animation-duration: 22s;\n    animation-delay: -10s;\n  }\n\n  @keyframes floatAurora {\n    0% {\n      transform: translate(0px, 0px) scale(1) rotate(0deg);\n    }\n    50% {\n      transform: translate(40px, -30px) scale(1.1) rotate(180deg);\n    }\n    100% {\n      transform: translate(-30px, 30px) scale(0.95) rotate(360deg);\n    }\n  }\n\n  \/* Canvas \u0e25\u0e30\u0e2d\u0e2d\u0e07\u0e14\u0e32\u0e27\u0e23\u0e30\u0e22\u0e34\u0e1a\u0e23\u0e30\u0e22\u0e31\u0e1a\u0e25\u0e2d\u0e22\u0e17\u0e31\u0e1a Aurora *\/\n  #agri-sparkle-canvas {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  \/* 3. \u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01 *\/\n  #agri-showcase-root {\n    --primary: #10b981;\n    --primary-dark: #047857;\n    --accent: #8b5cf6;\n    --gold-from: #f59e0b;\n    --gold-to: #d97706;\n    --silver-from: #94a3b8;\n    --silver-to: #475569;\n    --bronze-from: #d97706;\n    --bronze-to: #78350f;\n    --card-bg: rgba(255, 255, 255, 0.88);\n    --text-main: #0f172a;\n    --text-muted: #475569;\n\n    width: 100%;\n    max-width: 100%;\n    min-height: 100vh;\n    padding: 60px 20px;\n    color: var(--text-main);\n    position: relative;\n    z-index: 1;\n    overflow-x: hidden;\n  }\n\n  #agri-showcase-root * {\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .agri-container {\n    max-width: 1240px;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  \/* Hero Header *\/\n  .agri-header {\n    text-align: center;\n    margin-bottom: 35px;\n  }\n\n  .agri-pill-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.6);\n    border: 1px solid rgba(16, 185, 129, 0.3);\n    color: var(--primary-dark);\n    padding: 6px 18px;\n    border-radius: 50px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n    backdrop-filter: blur(10px);\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n  }\n\n  .agri-header h1 {\n    font-size: 2.6rem;\n    font-weight: 800;\n    line-height: 1.25;\n    margin: 0 0 12px 0;\n    background: linear-gradient(135deg, #064e3b 0%, #0d9488 50%, #7c3aed 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .agri-header p {\n    font-size: 1.1rem;\n    color: var(--text-muted);\n    margin: 0 auto;\n    font-weight: 400;\n  }\n\n  \/* Year Selection Control *\/\n  .agri-year-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 25px;\n    flex-wrap: wrap;\n  }\n\n  .agri-year-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: var(--primary-dark);\n    margin-right: 5px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .agri-year-btn {\n    background: rgba(255, 255, 255, 0.85);\n    border: 1.5px solid rgba(16, 185, 129, 0.4);\n    color: var(--primary-dark);\n    padding: 8px 22px;\n    border-radius: 30px;\n    font-family: 'Prompt', sans-serif;\n    font-size: 0.95rem;\n    font-weight: 700;\n    cursor: pointer;\n    backdrop-filter: blur(8px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n  }\n\n  .agri-year-btn:hover,\n  .agri-year-btn.active {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: #ffffff;\n    border-color: transparent;\n    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.35);\n    transform: translateY(-2px);\n  }\n\n  \/* CoP Filter Bar *\/\n  .agri-filter-bar {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 40px;\n  }\n\n  .agri-filter-btn {\n    background: rgba(255, 255, 255, 0.75);\n    backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    color: var(--text-muted);\n    padding: 8px 18px;\n    border-radius: 50px;\n    font-family: 'Prompt', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n  }\n\n  .agri-filter-btn:hover,\n  .agri-filter-btn.active {\n    background: var(--primary-dark);\n    color: #ffffff;\n    border-color: transparent;\n    box-shadow: 0 6px 18px rgba(4, 120, 87, 0.25);\n  }\n\n  \/* Grid Layout *\/\n  .agri-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n    width: 100%;\n  }\n\n  @media (max-width: 900px) {\n    .agri-grid { grid-template-columns: 1fr; }\n    .agri-header h1 { font-size: 2rem; }\n  }\n\n  \/* General Card Design *\/\n  .agri-card {\n    background: var(--card-bg);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.9);\n    border-radius: 28px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04);\n    position: relative;\n    max-width: 100%;\n  }\n\n  .agri-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 40px rgba(16, 185, 129, 0.18);\n    border-color: rgba(16, 185, 129, 0.4);\n  }\n\n  \/* Champion \/ Gold Card *\/\n  .agri-card.gold-winner {\n    grid-column: 1 \/ -1;\n    background: linear-gradient(135deg, rgba(6, 78, 59, 0.95) 0%, rgba(2, 44, 34, 0.95) 100%);\n    color: #ffffff;\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    box-shadow: 0 25px 50px rgba(6, 78, 59, 0.25);\n  }\n\n  @media (max-width: 900px) {\n    .agri-card.gold-winner { grid-template-columns: 1fr; }\n  }\n\n  \/* Media Area *\/\n  .agri-card-thumb {\n    position: relative;\n    padding-bottom: 56.25%;\n    background: #000;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .agri-card.gold-winner .agri-card-thumb {\n    min-height: 340px;\n    padding-bottom: 0;\n  }\n\n  .agri-card-thumb img {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 100%;\n    object-fit: cover;\n    opacity: 0.88;\n  }\n\n  .agri-card:hover .agri-card-thumb img {\n    transform: scale(1.06);\n    opacity: 1;\n  }\n\n  .agri-play-overlay {\n    position: absolute;\n    top: 50%; left: 50%;\n    transform: translate(-50%, -50%) scale(0.9);\n    width: 60px; height: 60px;\n    background: rgba(239, 68, 68, 0.9);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    color: #fff;\n    font-size: 1.3rem;\n    box-shadow: 0 10px 25px rgba(239, 68, 68, 0.4);\n    z-index: 3;\n  }\n\n  .agri-card:hover .agri-play-overlay {\n    transform: translate(-50%, -50%) scale(1.1);\n    background: #dc2626;\n  }\n\n  \/* Badges *\/\n  .agri-award-badge {\n    position: absolute;\n    top: 16px; left: 16px;\n    padding: 6px 16px;\n    border-radius: 50px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: #fff;\n    backdrop-filter: blur(8px);\n    z-index: 2;\n    display: flex; align-items: center; gap: 6px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.15);\n  }\n\n  .agri-award-badge.gold {\n    background: linear-gradient(135deg, var(--gold-from), var(--gold-to));\n    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);\n  }\n\n  .agri-award-badge.silver {\n    background: linear-gradient(135deg, var(--silver-from), var(--silver-to));\n    box-shadow: 0 4px 15px rgba(148, 163, 184, 0.4);\n  }\n\n  .agri-award-badge.bronze {\n    background: linear-gradient(135deg, var(--bronze-from), var(--bronze-to));\n    box-shadow: 0 4px 15px rgba(217, 119, 6, 0.4);\n  }\n\n  \/* Card Content *\/\n  .agri-card-body {\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    flex-grow: 1;\n  }\n\n  .agri-cop-tag {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--primary-dark);\n    background: rgba(16, 185, 129, 0.12);\n    padding: 5px 14px;\n    border-radius: 50px;\n    display: inline-block;\n    margin-bottom: 12px;\n    width: fit-content;\n    max-width: 100%;\n    line-height: 1.4;\n  }\n\n  .gold-winner .agri-cop-tag {\n    background: rgba(255, 255, 255, 0.15);\n    color: #a7f3d0;\n  }\n\n  .agri-card-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--text-main);\n    margin: 0 0 12px 0;\n    line-height: 1.4;\n  }\n\n  .gold-winner .agri-card-title {\n    color: #ffffff;\n    font-size: 1.65rem;\n  }\n\n  .agri-card-author {\n    font-size: 0.88rem;\n    color: var(--text-muted);\n    margin-bottom: 22px;\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .gold-winner .agri-card-author {\n    color: rgba(255, 255, 255, 0.85);\n    font-size: 0.95rem;\n  }\n\n  \/* Buttons *\/\n  .agri-btn-action {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    padding: 12px 24px;\n    border-radius: 16px;\n    font-family: 'Prompt', sans-serif;\n    font-weight: 600;\n    font-size: 0.9rem;\n    cursor: pointer;\n    border: none;\n  }\n\n  .agri-btn-gold {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: #ffffff;\n    box-shadow: 0 10px 20px rgba(16, 185, 129, 0.3);\n    width: fit-content;\n  }\n\n  .agri-btn-gold:hover {\n    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);\n  }\n\n  .agri-btn-standard {\n    background: #ffffff;\n    color: var(--primary-dark);\n    border: 1.5px solid rgba(16, 185, 129, 0.3);\n    width: 100%;\n  }\n\n  .agri-card:hover .agri-btn-standard {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    color: #ffffff;\n    border-color: transparent;\n    box-shadow: 0 8px 20px rgba(16, 185, 129, 0.25);\n  }\n\n  \/* Empty State *\/\n  .agri-empty-state {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 60px 20px;\n    background: rgba(255, 255, 255, 0.6);\n    border-radius: 28px;\n    display: none;\n  }\n\n  \/* Video Popup Modal *\/\n  .agri-modal {\n    position: fixed;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: rgba(15, 23, 42, 0.9);\n    backdrop-filter: blur(12px);\n    display: none;\n    align-items: center; justify-content: center;\n    z-index: 999999;\n    padding: 20px;\n  }\n\n  .agri-modal.active { display: flex; }\n\n  .agri-modal-wrapper {\n    width: 100%; max-width: 900px;\n    aspect-ratio: 16\/9;\n    position: relative;\n    background: #000;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);\n  }\n\n  .agri-modal-close {\n    position: absolute;\n    top: -45px; right: 0;\n    color: #fff;\n    font-size: 2rem;\n    cursor: pointer;\n  }\n<\/style>\n\n<div class=\"agri-aurora-bg\">\n  <div class=\"aurora-blob aurora-1\"><\/div>\n  <div class=\"aurora-blob aurora-2\"><\/div>\n  <div class=\"aurora-blob aurora-3\"><\/div>\n  <canvas id=\"agri-sparkle-canvas\"><\/canvas>\n<\/div>\n\n<div id=\"agri-showcase-root\">\n  <div class=\"agri-container\">\n    \n    <div class=\"agri-header\">\n      <div class=\"agri-pill-badge\">\n        <i class=\"fa-solid fa-trophy\"><\/i> \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e41\u0e19\u0e27\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e17\u0e35\u0e48\u0e14\u0e35 (Best Practices)\n      <\/div>\n      <h1>\u0e04\u0e25\u0e31\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32<\/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<\/p>\n    <\/div>\n\n    <div class=\"agri-year-bar\">\n      <span class=\"agri-year-title\">\n        <i class=\"fa-solid fa-calendar-check\"><\/i> \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32:\n      <\/span>\n      <button class=\"agri-year-btn active\" onclick=\"selectYear('2569', this)\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569<\/button>\n      <button class=\"agri-year-btn\" onclick=\"selectYear('2570', this)\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2570<\/button>\n      <button class=\"agri-year-btn\" onclick=\"selectYear('2571', this)\">\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2571<\/button>\n    <\/div>\n\n    <div class=\"agri-filter-bar\">\n      <button class=\"agri-filter-btn active\" onclick=\"filterCoP('all', this)\">\n        <i class=\"fa-solid fa-border-all\"><\/i> \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n      <\/button>\n      <button class=\"agri-filter-btn\" onclick=\"filterCoP('cop1', this)\">CoP 1 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19<\/button>\n      <button class=\"agri-filter-btn\" onclick=\"filterCoP('cop2', this)\">CoP 2 \u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e2f<\/button>\n      <button class=\"agri-filter-btn\" onclick=\"filterCoP('cop3', this)\">CoP 3 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48<\/button>\n      <button class=\"agri-filter-btn\" onclick=\"filterCoP('cop4', this)\">CoP 4 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e2f<\/button>\n    <\/div>\n\n    <div class=\"agri-grid\" id=\"agriGrid\">\n\n      <div class=\"agri-card gold-winner\" data-year=\"2569\" data-cop=\"cop1\">\n        <div class=\"agri-card-thumb\" onclick=\"playVideo('rCgvo-Ky6os')\">\n          <span class=\"agri-award-badge gold\">\n            <i class=\"fa-solid fa-crown\"><\/i> \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e17\u0e2d\u0e07 (Gold Medal) \u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 1\n          <\/span>\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/rCgvo-Ky6os\/maxresdefault.jpg\" alt=\"\u0e19\u0e31\u0e01\u0e1a\u0e34\u0e19\u0e42\u0e14\u0e23\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48\">\n          <div class=\"agri-play-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <div class=\"agri-card-body\">\n          <div>\n            <span class=\"agri-cop-tag\">CoP 1 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 (Teaching and Learning Management)<\/span>\n            <h2 class=\"agri-card-title\">\n              \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e19\u0e31\u0e01\u0e1a\u0e34\u0e19\u0e42\u0e14\u0e23\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48 \u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e14\u0e49\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30\n            <\/h2>\n            <p class=\"agri-card-author\">\n              <i class=\"fa-solid fa-user-astronaut\"><\/i>\n              <span><strong>\u0e1c\u0e39\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c:<\/strong> \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e2d\u0e38\u0e01\u0e24\u0e29\u0e0e\u0e4c \u0e0a\u0e33\u0e21\u0e23\u0e34 \u0e41\u0e25\u0e30\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c \u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e23\u0e31\u0e01\u0e29\u0e32<\/span>\n            <\/p>\n          <\/div>\n          <button class=\"agri-btn-action agri-btn-gold\" onclick=\"playVideo('rCgvo-Ky6os')\">\n            <i class=\"fa-solid fa-circle-play\"><\/i> \u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"agri-card\" data-year=\"2569\" data-cop=\"cop2\">\n        <div class=\"agri-card-thumb\" onclick=\"playVideo('zlsJwaqkKuU')\">\n          <span class=\"agri-award-badge silver\">\n            <i class=\"fa-solid fa-medal\"><\/i> \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e40\u0e07\u0e34\u0e19 (Silver Medal) \u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 1\n          <\/span>\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/zlsJwaqkKuU\/hqdefault.jpg\" alt=\"\u0e44\u0e01\u0e48\u0e02\u0e32\u0e27\u0e14\u0e2d\u0e01\u0e41\u0e04\">\n          <div class=\"agri-play-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <div class=\"agri-card-body\">\n          <div>\n            <span class=\"agri-cop-tag\">CoP 2 \u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23<\/span>\n            <h3 class=\"agri-card-title\">\n              \u0e44\u0e01\u0e48\u0e02\u0e32\u0e27\u0e14\u0e2d\u0e01\u0e41\u0e04: \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e44\u0e01\u0e48\u0e1e\u0e37\u0e49\u0e19\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e2d\u0e31\u0e15\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e2a\u0e39\u0e48\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e19\u0e2b\u0e48\u0e27\u0e07\u0e42\u0e0b\u0e48\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e38\u0e21\u0e0a\u0e19\n            <\/h3>\n            <p class=\"agri-card-author\">\n              <i class=\"fa-solid fa-user-tie\" style=\"color: var(--primary);\"><\/i>\n              <span><strong>\u0e1c\u0e39\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c:<\/strong> \u0e1c\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e14\u0e23.\u0e13\u0e1b\u0e20\u0e31\u0e0a \u0e0a\u0e48\u0e27\u0e22\u0e0a\u0e39\u0e2b\u0e19\u0e39<\/span>\n            <\/p>\n          <\/div>\n          <button class=\"agri-btn-action agri-btn-standard\" onclick=\"playVideo('zlsJwaqkKuU')\">\n            <i class=\"fa-solid fa-circle-play\"><\/i> \u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"agri-card\" data-year=\"2569\" data-cop=\"cop4\">\n        <div class=\"agri-card-thumb\" onclick=\"playVideo('gPBNTqu9Sug')\">\n          <span class=\"agri-award-badge silver\">\n            <i class=\"fa-solid fa-medal\"><\/i> \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e40\u0e07\u0e34\u0e19 (Silver Medal) \u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a 1\n          <\/span>\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/gPBNTqu9Sug\/hqdefault.jpg\" alt=\"\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e1c\u0e39\u0e49\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19\">\n          <div class=\"agri-play-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <div class=\"agri-card-body\">\n          <div>\n            <span class=\"agri-cop-tag\">CoP 4 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49<\/span>\n            <h3 class=\"agri-card-title\">\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e1d\u0e36\u0e01\u0e2d\u0e1a\u0e23\u0e21\u0e1c\u0e39\u0e49\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e17\u0e38\u0e40\u0e23\u0e35\u0e22\u0e19<\/h3>\n            <p class=\"agri-card-author\">\n              <i class=\"fa-solid fa-user-tie\" style=\"color: var(--primary);\"><\/i>\n              <span><strong>\u0e1c\u0e39\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c:<\/strong> \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e2a\u0e32\u0e18\u0e34\u0e15 \u0e1a\u0e31\u0e27\u0e02\u0e32\u0e27<\/span>\n            <\/p>\n          <\/div>\n          <button class=\"agri-btn-action agri-btn-standard\" onclick=\"playVideo('gPBNTqu9Sug')\">\n            <i class=\"fa-solid fa-circle-play\"><\/i> \u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"agri-card\" data-year=\"2569\" data-cop=\"cop1\">\n        <div class=\"agri-card-thumb\" onclick=\"playVideo('Sgu4gqYAP5E')\">\n          <span class=\"agri-award-badge bronze\">\n            <i class=\"fa-solid fa-award\"><\/i> \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e17\u0e2d\u0e07\u0e41\u0e14\u0e07 (Bronze Medal)\n          <\/span>\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/Sgu4gqYAP5E\/hqdefault.jpg\" alt=\"\u0e01\u0e32\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23 OBE \u0e41\u0e25\u0e30 Active Learning\">\n          <div class=\"agri-play-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <div class=\"agri-card-body\">\n          <div>\n            <span class=\"agri-cop-tag\">CoP 1 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19 (Teaching and Learning Management)<\/span>\n            <h3 class=\"agri-card-title\">\n              \u0e01\u0e32\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23 OBE \u0e41\u0e25\u0e30 Active Learning \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e2a\u0e31\u0e15\u0e27\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\n            <\/h3>\n            <p class=\"agri-card-author\">\n              <i class=\"fa-solid fa-user-tie\" style=\"color: var(--primary);\"><\/i>\n              <span><strong>\u0e1c\u0e39\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c:<\/strong> \u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e40\u0e2d\u0e37\u0e49\u0e2d\u0e21\u0e1e\u0e23 \u0e40\u0e2d\u0e01\u0e02\u0e23\u0e30<\/span>\n            <\/p>\n          <\/div>\n          <button class=\"agri-btn-action agri-btn-standard\" onclick=\"playVideo('Sgu4gqYAP5E')\">\n            <i class=\"fa-solid fa-circle-play\"><\/i> \u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"agri-card\" data-year=\"2569\" data-cop=\"cop3\">\n        <div class=\"agri-card-thumb\" onclick=\"playVideo('e28X2jU5D18')\">\n          <span class=\"agri-award-badge bronze\">\n            <i class=\"fa-solid fa-award\"><\/i> \u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e40\u0e2b\u0e23\u0e35\u0e22\u0e0d\u0e17\u0e2d\u0e07\u0e41\u0e14\u0e07 (Bronze Medal)\n          <\/span>\n          <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/e28X2jU5D18\/hqdefault.jpg\" alt=\"\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 Gemini Canvas\">\n          <div class=\"agri-play-overlay\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n        <\/div>\n        <div class=\"agri-card-body\">\n          <div>\n            <span class=\"agri-cop-tag\">CoP 3 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48 (Modern Organizational Management)<\/span>\n            <h3 class=\"agri-card-title\">\n              \u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49 Gemini Canvas \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e2a\u0e39\u0e48\u0e1c\u0e39\u0e49\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e44\u0e14\u0e49\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e2a\u0e35\u0e22\n            <\/h3>\n            <p class=\"agri-card-author\">\n              <i class=\"fa-solid fa-users\" style=\"color: var(--primary);\"><\/i>\n              <span><strong>\u0e1c\u0e39\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c:<\/strong> \u0e19\u0e32\u0e07\u0e08\u0e31\u0e19\u0e15\u0e34\u0e19\u0e32 \u0e2a\u0e38\u0e0a\u0e32\u0e0e\u0e32 \u0e41\u0e25\u0e30\u0e19\u0e32\u0e07\u0e23\u0e32\u0e15\u0e23\u0e35 \u0e21\u0e35\u0e28\u0e31\u0e01\u0e14\u0e34\u0e4c<\/span>\n            <\/p>\n          <\/div>\n          <button class=\"agri-btn-action agri-btn-standard\" onclick=\"playVideo('e28X2jU5D18')\">\n            <i class=\"fa-solid fa-circle-play\"><\/i> \u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e1c\u0e25\u0e07\u0e32\u0e19\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"agri-empty-state\" id=\"emptyState\">\n        <i class=\"fa-solid fa-folder-open\" style=\"font-size: 3rem; color: var(--text-muted); margin-bottom: 12px;\"><\/i>\n        <h3 style=\"margin:0; font-weight: 600;\">\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e43\u0e19\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48\u0e19\u0e35\u0e49<\/h3>\n        <p style=\"color: var(--text-muted); font-weight: 300; margin-top: 6px;\">\u0e42\u0e1b\u0e23\u0e14\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e1c\u0e25\u0e07\u0e32\u0e19 Best Practices \u0e43\u0e19\u0e2d\u0e19\u0e32\u0e04\u0e15<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<div class=\"agri-modal\" id=\"videoModal\">\n  <div class=\"agri-modal-wrapper\">\n    <div class=\"agri-modal-close\" onclick=\"closeVideo()\"><i class=\"fa-solid fa-xmark\"><\/i><\/div>\n    <iframe id=\"videoIframe\" style=\"width:100%; height:100%; border:0;\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\"><\/iframe>\n  <\/div>\n<\/div>\n\n<script>\n  let activeYear = '2569';\n  let activeCoP = 'all';\n\n  function selectYear(year, btn) {\n    activeYear = year;\n    document.querySelectorAll('.agri-year-btn').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n    applyCombinedFilter();\n  }\n\n  function filterCoP(cop, btn) {\n    activeCoP = cop;\n    document.querySelectorAll('.agri-filter-btn').forEach(b => b.classList.remove('active'));\n    btn.classList.add('active');\n    applyCombinedFilter();\n  }\n\n  function applyCombinedFilter() {\n    const cards = document.querySelectorAll('.agri-card');\n    let visibleCount = 0;\n\n    cards.forEach(card => {\n      const itemYear = card.getAttribute('data-year');\n      const itemCop = card.getAttribute('data-cop');\n\n      const matchYear = (itemYear === activeYear);\n      const matchCop = (activeCoP === 'all' || itemCop === activeCoP);\n\n      if (matchYear && matchCop) {\n        if (card.classList.contains('gold-winner')) {\n          card.style.display = 'grid';\n        } else {\n          card.style.display = 'flex';\n        }\n        visibleCount++;\n      } else {\n        card.style.display = 'none';\n      }\n    });\n\n    const emptyState = document.getElementById('emptyState');\n    if (visibleCount === 0) {\n      emptyState.style.display = 'block';\n    } else {\n      emptyState.style.display = 'none';\n    }\n  }\n\n  \/\/ Modal Player Logic\n  function playVideo(youtubeId) {\n    const modal = document.getElementById('videoModal');\n    const iframe = document.getElementById('videoIframe');\n    iframe.src = `https:\/\/www.youtube.com\/embed\/${youtubeId}?autoplay=1`;\n    modal.classList.add('active');\n  }\n\n  function closeVideo() {\n    const modal = document.getElementById('videoModal');\n    const iframe = document.getElementById('videoIframe');\n    iframe.src = '';\n    modal.classList.remove('active');\n  }\n\n  document.getElementById('videoModal').addEventListener('click', function(e) {\n    if (e.target === this) closeVideo();\n  });\n\n  document.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape') closeVideo();\n  });\n\n  \/\/ Twinkle Sparkle Dust Canvas Effect\n  (function initSparkles() {\n    const canvas = document.getElementById('agri-sparkle-canvas');\n    const ctx = canvas.getContext('2d');\n\n    function resizeCanvas() {\n      canvas.width = window.innerWidth;\n      canvas.height = window.innerHeight;\n    }\n    \n    resizeCanvas();\n    window.addEventListener('resize', resizeCanvas);\n\n    const sparkles = [];\n    const count = 60;\n\n    class Sparkle {\n      constructor() { this.reset(); }\n      reset() {\n        this.x = Math.random() * canvas.width;\n        this.y = Math.random() * canvas.height;\n        this.size = Math.random() * 2 + 0.5;\n        this.alpha = Math.random();\n        this.speedAlpha = (Math.random() * 0.02 + 0.005) * (Math.random() < 0.5 ? 1 : -1);\n      }\n      update() {\n        this.alpha += this.speedAlpha;\n        if (this.alpha >= 1 || this.alpha <= 0) {\n          this.speedAlpha = -this.speedAlpha;\n        }\n      }\n      draw() {\n        ctx.beginPath();\n        ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n        ctx.fillStyle = `rgba(255, 255, 255, ${Math.abs(this.alpha)})`;\n        ctx.fill();\n      }\n    }\n\n    for (let i = 0; i < count; i++) {\n      sparkles.push(new Sparkle());\n    }\n\n    function animate() {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      sparkles.forEach(s => { s.update(); s.draw(); });\n      requestAnimationFrame(animate);\n    }\n    animate();\n  })();\n<\/script>\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>Best Practices Knowledge Showcase &#8211; RMUTSV Agricu [&hellip;]<\/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-23023","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/23023","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=23023"}],"version-history":[{"count":13,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/23023\/revisions"}],"predecessor-version":[{"id":23077,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/23023\/revisions\/23077"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=23023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}