{"id":34737,"date":"2026-06-12T11:15:17","date_gmt":"2026-06-12T04:15:17","guid":{"rendered":"https:\/\/cht.rmutsv.ac.th\/ruts\/?page_id=34737"},"modified":"2026-06-12T11:25:25","modified_gmt":"2026-06-12T04:25:25","slug":"34737-2","status":"publish","type":"page","link":"https:\/\/cht.rmutsv.ac.th\/ruts\/34737-2\/","title":{"rendered":""},"content":{"rendered":"<p><!-- \u0e42\u0e2b\u0e25\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c Prompt \u0e41\u0e25\u0e30 FontAwesome \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700&#038;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<p><!-- \u0e42\u0e2b\u0e25\u0e14 Tailwind CSS \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e1b\u0e34\u0e14 preflight \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e18\u0e35\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1e\u0e35\u0e49\u0e22\u0e19 --><br \/>\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><br \/>\n<script>\n  tailwind.config = {\n    corePlugins: {\n      preflight: false, \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49 Tailwind \u0e44\u0e1b\u0e25\u0e49\u0e32\u0e07\u0e04\u0e48\u0e32 CSS \u0e02\u0e2d\u0e07 WordPress \u0e2b\u0e25\u0e31\u0e01\n    }\n  }\n<\/script><\/p>\n<style>\n    \/* \u0e08\u0e33\u0e01\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e02\u0e2d\u0e07\u0e18\u0e35\u0e21\u0e2b\u0e25\u0e31\u0e01 *\/\n    .ruts-portal-container {\n        font-family: 'Prompt', sans-serif !important;\n    }\n    .ruts-portal-container .gradient-bg {\n        background: linear-gradient(135deg, rgb(6, 181, 227) 0%, rgb(149, 35, 135) 100%) !important;\n    }\n    .ruts-portal-container .tab-active {\n        color: #0a6689 !important;\n        border-bottom: 4px solid #0a6689 !important;\n        font-weight: 600 !important;\n    }\n<\/style>\n<p><!-- \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e04\u0e23\u0e2d\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 (\u0e04\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 Class \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22) --><\/p>\n<div class=\"ruts-portal-container bg-slate-50 text-slate-800 min-h-screen pb-12 w-full block rounded-2xl overflow-hidden shadow-sm\">\n<p>    <!-- HERO SECTION (\u0e41\u0e1a\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25) --><\/p>\n<div class=\"relative gradient-bg overflow-hidden text-white py-16 md:py-24 px-4 shadow-lg rounded-2xl\">\n<div class=\"absolute inset-0 opacity-20 bg-cover bg-center\" style=\"background-image: url('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/10\/dl-staff3.jpg');\"><\/div>\n<div class=\"absolute inset-0 bg-black\/30\"><\/div>\n<div class=\"relative max-w-6xl mx-auto text-center z-10\">\n            <span class=\"bg-yellow-400 text-slate-900 font-semibold px-4 py-1.5 rounded-full text-xs md:text-sm uppercase tracking-wider shadow-sm mb-4 inline-block\"><br \/>\n                CHT RMUTSV Staff Portal<br \/>\n            <\/span><\/p>\n<h1 class=\"text-3xl md:text-5xl font-bold tracking-tight mb-4 drop-shadow-md text-white\">\n                \u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<br \/>\n            <\/h1>\n<p class=\"text-base md:text-lg text-slate-100 max-w-2xl mx-auto font-light leading-relaxed\">\n                \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 \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<br \/>\n                \u0e23\u0e27\u0e21\u0e17\u0e38\u0e01\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e41\u0e25\u0e30\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e44\u0e27\u0e49\u0e43\u0e19\u0e17\u0e35\u0e48\u0e40\u0e14\u0e35\u0e22\u0e27\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- MAIN INTERACTIVE HUB (\u0e2a\u0e48\u0e27\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2b\u0e25\u0e31\u0e01) --><\/p>\n<div class=\"max-w-7xl mx-auto px-4 py-8 w-full\">\n<p>        <!-- SEARCH BAR (\u0e41\u0e16\u0e1a\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30) --><\/p>\n<div class=\"bg-white rounded-2xl p-4 md:p-6 shadow-sm border border-slate-100 mb-8 max-w-3xl mx-auto -mt-16 relative z-20\">\n<div class=\"relative\">\n                <i class=\"fa-solid fa-magnifying-glass absolute left-4 top-1\/2 -translate-y-1\/2 text-slate-400 text-lg\"><\/i><br \/>\n                <input type=\"text\" id=\"global-search\" oninput=\"handleGlobalSearch()\" placeholder=\"\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23 \u0e40\u0e0a\u0e48\u0e19 '\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 2568', '\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1', '\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23'...\" class=\"w-full pl-12 pr-4 py-3.5 bg-slate-50 border border-slate-200 rounded-xl focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none text-slate-700 transition placeholder-slate-400 shadow-inner\">\n            <\/div>\n<div id=\"search-alert\" class=\"hidden mt-3 text-xs text-amber-600 flex items-center gap-1.5\">\n                <i class=\"fa-solid fa-circle-info\"><\/i><br \/>\n                <span>\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e15\u0e32\u0e21\u0e04\u0e33\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/span>\n            <\/div>\n<\/p><\/div>\n<p>        <!-- TABS CONTAINER (\u0e2a\u0e48\u0e27\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e2a\u0e25\u0e31\u0e1a\u0e40\u0e21\u0e19\u0e39) --><\/p>\n<div class=\"bg-white rounded-3xl shadow-sm border border-slate-100 overflow-hidden mb-12\">\n<p>            <!-- Mobile Tab Dropdown (\u0e41\u0e2a\u0e14\u0e07\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d) --><\/p>\n<div class=\"block md:hidden p-4 border-b border-slate-100 bg-slate-50\">\n                <label for=\"tab-select\" class=\"block text-xs font-semibold text-slate-500 uppercase tracking-wider mb-2\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e07\u0e32\u0e19<\/label><\/p>\n<div class=\"relative\">\n                    <select id=\"tab-select\" onchange=\"switchTab(this.value)\" class=\"w-full bg-white border border-slate-200 rounded-xl px-4 py-3 text-slate-700 font-medium focus:ring-2 focus:ring-sky-500 outline-none appearance-none\"><option value=\"tab-1\">\ud83d\udcbc \u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<\/option><option value=\"tab-2\">\ud83c\udf93 \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22<\/option><option value=\"tab-3\">\ud83c\udf1f \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/option><option value=\"tab-4\" selected>\ud83d\udcc5 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/option><option value=\"tab-5\">\ud83d\uddbc\ufe0f \u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/option><\/select><br \/>\n                    <i class=\"fa-solid fa-chevron-down absolute right-4 top-1\/2 -translate-y-1\/2 text-slate-400 pointer-events-none\"><\/i>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- Desktop Tabs Navigation (\u0e41\u0e2a\u0e14\u0e07\u0e1a\u0e19\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c) --><\/p>\n<div class=\"hidden md:flex border-b border-slate-100 bg-slate-50 overflow-x-auto\">\n                <button onclick=\"switchTab('tab-1')\" id=\"btn-tab-1\" class=\"tab-btn px-6 py-4 flex-1 text-center font-medium text-slate-600 hover:text-sky-700 hover:bg-slate-100\/50 border-b-4 border-transparent transition flex items-center justify-center gap-2\"><br \/>\n                    <i class=\"fa-solid fa-briefcase text-slate-400\"><\/i> \u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<br \/>\n                <\/button><br \/>\n                <button onclick=\"switchTab('tab-2')\" id=\"btn-tab-2\" class=\"tab-btn px-6 py-4 flex-1 text-center font-medium text-slate-600 hover:text-sky-700 hover:bg-slate-100\/50 border-b-4 border-transparent transition flex items-center justify-center gap-2\"><br \/>\n                    <i class=\"fa-solid fa-graduation-cap text-slate-400\"><\/i> \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22<br \/>\n                <\/button><br \/>\n                <button onclick=\"switchTab('tab-3')\" id=\"btn-tab-3\" class=\"tab-btn px-6 py-4 flex-1 text-center font-medium text-slate-600 hover:text-sky-700 hover:bg-slate-100\/50 border-b-4 border-transparent transition flex items-center justify-center gap-2\"><br \/>\n                    <i class=\"fa-solid fa-users text-slate-400\"><\/i> \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<br \/>\n                <\/button><br \/>\n                <button onclick=\"switchTab('tab-4')\" id=\"btn-tab-4\" class=\"tab-btn px-6 py-4 flex-1 text-center font-medium text-slate-600 hover:text-sky-700 hover:bg-slate-100\/50 border-b-4 border-transparent transition flex items-center justify-center gap-2\"><br \/>\n                    <i class=\"fa-solid fa-comments text-slate-400\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<br \/>\n                <\/button><br \/>\n                <button onclick=\"switchTab('tab-5')\" id=\"btn-tab-5\" class=\"tab-btn px-6 py-4 flex-1 text-center font-medium text-slate-600 hover:text-sky-700 hover:bg-slate-100\/50 border-b-4 border-transparent transition flex items-center justify-center gap-2\"><br \/>\n                    <i class=\"fa-solid fa-image text-slate-400\"><\/i> \u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<br \/>\n                <\/button>\n            <\/div>\n<p>            <!-- TAB CONTENTS (\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e41\u0e15\u0e48\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a) --><\/p>\n<div class=\"p-6 md:p-8\">\n<p>                <!-- TAB 1: \u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19 --><\/p>\n<div id=\"tab-1-content\" class=\"tab-content hidden space-y-6\">\n<div class=\"flex items-center gap-3 border-b pb-4 mb-6\">\n<div class=\"p-3 bg-sky-50 text-sky-600 rounded-xl\"><i class=\"fa-solid fa-file-invoice text-xl\"><\/i><\/div>\n<div>\n<h2 class=\"text-xl font-bold\">\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e32\u0e07\u0e41\u0e1c\u0e19<\/h2>\n<p class=\"text-sm text-slate-500\">\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n<div class=\"p-5 border border-slate-100 rounded-2xl bg-slate-50\/50 flex items-start gap-4 hover:shadow-md transition\">\n<div class=\"p-2.5 bg-red-50 text-red-600 rounded-lg\"><i class=\"fa-solid fa-file-pdf text-lg\"><\/i><\/div>\n<div class=\"flex-grow\">\n<h4 class=\"font-semibold text-slate-800\">\u0e41\u0e1c\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 (\u0e23\u0e30\u0e22\u0e30 5 \u0e1b\u0e35)<\/h4>\n<p class=\"text-xs text-slate-400 mt-1\">\u0e02\u0e19\u0e32\u0e14\u0e44\u0e1f\u0e25\u0e4c: 4.2 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e21.\u0e04. 2568<\/p>\n<p>                                <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/mpd\/\" target=\"_blank\" class=\"text-xs font-semibold text-sky-600 mt-3 inline-flex items-center gap-1 hover:underline\"><br \/>\n                                    \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e41\u0e1c\u0e19 <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><br \/>\n                                <\/a>\n                            <\/div>\n<\/p><\/div>\n<div class=\"p-5 border border-slate-100 rounded-2xl bg-slate-50\/50 flex items-start gap-4 hover:shadow-md transition\">\n<div class=\"p-2.5 bg-blue-50 text-blue-600 rounded-lg\"><i class=\"fa-solid fa-file-word text-lg\"><\/i><\/div>\n<div class=\"flex-grow\">\n<h4 class=\"font-semibold text-slate-800\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13<\/h4>\n<p class=\"text-xs text-slate-400 mt-1\">\u0e02\u0e19\u0e32\u0e14\u0e44\u0e1f\u0e25\u0e4c: 145 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e01.\u0e1e. 2568<\/p>\n<p>                                <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/mpd\/\" target=\"_blank\" class=\"text-xs font-semibold text-sky-600 mt-3 inline-flex items-center gap-1 hover:underline\"><br \/>\n                                    \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e41\u0e1c\u0e19 <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><br \/>\n                                <\/a>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- TAB 2: \u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22 --><\/p>\n<div id=\"tab-2-content\" class=\"tab-content hidden space-y-6\">\n<div class=\"flex items-center gap-3 border-b pb-4 mb-6\">\n<div class=\"p-3 bg-indigo-50 text-indigo-600 rounded-xl\"><i class=\"fa-solid fa-book-open text-xl\"><\/i><\/div>\n<div>\n<h2 class=\"text-xl font-bold\">\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22<\/h2>\n<p class=\"text-sm text-slate-500\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e07\u0e32\u0e19\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19 \u0e01\u0e32\u0e23\u0e02\u0e2d\u0e17\u0e38\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e1c\u0e39\u0e49\u0e2a\u0e2d\u0e19<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n<div class=\"p-5 border border-slate-100 rounded-2xl bg-slate-50\/50 flex items-start gap-4 hover:shadow-md transition\">\n<div class=\"p-2.5 bg-purple-50 text-purple-600 rounded-lg\"><i class=\"fa-solid fa-file-signature text-lg\"><\/i><\/div>\n<div class=\"flex-grow\">\n<h4 class=\"font-semibold text-slate-800\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e09\u0e1a\u0e31\u0e1a\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e21\u0e23\u0e17.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22<\/h4>\n<p class=\"text-xs text-slate-400 mt-1\">\u0e02\u0e19\u0e32\u0e14\u0e44\u0e1f\u0e25\u0e4c: 3.8 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e18.\u0e04. 2567<\/p>\n<p>                                <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/ard\/\" target=\"_blank\" class=\"text-xs font-semibold text-sky-600 mt-3 inline-flex items-center gap-1 hover:underline\"><br \/>\n                                    \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><br \/>\n                                <\/a>\n                            <\/div>\n<\/p><\/div>\n<div class=\"p-5 border border-slate-100 rounded-2xl bg-slate-50\/50 flex items-start gap-4 hover:shadow-md transition\">\n<div class=\"p-2.5 bg-emerald-50 text-emerald-600 rounded-lg\"><i class=\"fa-solid fa-cube text-lg\"><\/i><\/div>\n<div class=\"flex-grow\">\n<h4 class=\"font-semibold text-slate-800\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e22\u0e37\u0e48\u0e19\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e19\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c<\/h4>\n<p class=\"text-xs text-slate-400 mt-1\">\u0e02\u0e19\u0e32\u0e14\u0e44\u0e1f\u0e25\u0e4c: 512 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e21.\u0e04. 2568<\/p>\n<p>                                <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/ard\/\" target=\"_blank\" class=\"text-xs font-semibold text-sky-600 mt-3 inline-flex items-center gap-1 hover:underline\"><br \/>\n                                    \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><br \/>\n                                <\/a>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- TAB 3: \u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 --><\/p>\n<div id=\"tab-3-content\" class=\"tab-content hidden space-y-6\">\n<div class=\"flex items-center gap-3 border-b pb-4 mb-6\">\n<div class=\"p-3 bg-amber-50 text-amber-600 rounded-xl\"><i class=\"fa-solid fa-heart text-xl\"><\/i><\/div>\n<div>\n<h2 class=\"text-xl font-bold\">\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32<\/h2>\n<p class=\"text-sm text-slate-500\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e27\u0e34\u0e19\u0e31\u0e22\u0e41\u0e25\u0e30\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23 \u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e01\u0e39\u0e49\u0e22\u0e37\u0e21 (\u0e01\u0e22\u0e28.)<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n<div class=\"p-5 border border-slate-100 rounded-2xl bg-slate-50\/50 flex items-start gap-4 hover:shadow-md transition\">\n<div class=\"p-2.5 bg-yellow-50 text-yellow-600 rounded-lg\"><i class=\"fa-solid fa-award text-lg\"><\/i><\/div>\n<div class=\"flex-grow\">\n<h4 class=\"font-semibold text-slate-800\">\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e27\u0e48\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e34\u0e01\u0e32\u0e23\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25<\/h4>\n<p class=\"text-xs text-slate-400 mt-1\">\u0e02\u0e19\u0e32\u0e14\u0e44\u0e1f\u0e25\u0e4c: 1.2 MB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e1e.\u0e22. 2567<\/p>\n<p>                                <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/sad\/\" target=\"_blank\" class=\"text-xs font-semibold text-sky-600 mt-3 inline-flex items-center gap-1 hover:underline\"><br \/>\n                                    \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><br \/>\n                                <\/a>\n                            <\/div>\n<\/p><\/div>\n<div class=\"p-5 border border-slate-100 rounded-2xl bg-slate-50\/50 flex items-start gap-4 hover:shadow-md transition\">\n<div class=\"p-2.5 bg-rose-50 text-rose-600 rounded-lg\"><i class=\"fa-solid fa-handshake-angle text-lg\"><\/i><\/div>\n<div class=\"flex-grow\">\n<h4 class=\"font-semibold text-slate-800\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e43\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e19\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35<\/h4>\n<p class=\"text-xs text-slate-400 mt-1\">\u0e02\u0e19\u0e32\u0e14\u0e44\u0e1f\u0e25\u0e4c: 240 KB | \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e01.\u0e1e. 2568<\/p>\n<p>                                <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/sad\/\" target=\"_blank\" class=\"text-xs font-semibold text-sky-600 mt-3 inline-flex items-center gap-1 hover:underline\"><br \/>\n                                    \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e31\u0e01\u0e28\u0e36\u0e01\u0e29\u0e32 <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i><br \/>\n                                <\/a>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- TAB 4: \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 (ACCORDION WITH LIVE FILTER) --><\/p>\n<div id=\"tab-4-content\" class=\"tab-content space-y-6\">\n<div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 border-b pb-4 mb-6\">\n<div class=\"flex items-center gap-3\">\n<div class=\"p-3 bg-emerald-50 text-emerald-600 rounded-xl\"><i class=\"fa-solid fa-folder-open text-xl\"><\/i><\/div>\n<div>\n<h2 class=\"text-xl font-bold\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2a\u0e20\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/h2>\n<p class=\"text-sm text-slate-500\">\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e41\u0e25\u0e30\u0e21\u0e15\u0e34\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e1b\u0e35\u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <span class=\"text-xs bg-slate-100 text-slate-600 px-3 py-1.5 rounded-lg self-start md:self-center font-medium\"><br \/>\n                            <i class=\"fa-regular fa-clock mr-1\"><\/i> \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14: \u0e1b\u0e35 2568 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 4<br \/>\n                        <\/span>\n                    <\/div>\n<p>                    <!-- Accordion Wrapper --><\/p>\n<div class=\"space-y-3\" id=\"meeting-accordion\">\n<p>                        <!-- \u0e1b\u0e35 2568 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2568 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 4\">\n                            <button onclick=\"toggleAccordion('year-2568')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2568<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2568\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2568\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 4 \u0e1b\u0e35 2568\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 4<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/11\/meeting68-4.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3 \u0e1b\u0e35 2568\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/08\/meeting368.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e1b\u0e35 2568\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/08\/meeting268.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2568\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/03\/reportmeeting1-68.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2567 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2567 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2\">\n                            <button onclick=\"toggleAccordion('year-2567')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2567<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2567\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2567\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e1b\u0e35 2567\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/09\/meeting67-2.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2567\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/09\/meeting67-1.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2566 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2566 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2\">\n                            <button onclick=\"toggleAccordion('year-2566')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2566<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2566\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2566\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e1b\u0e35 2566\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/meeting\/2-66.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2566\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/meeting\/1-66.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2565 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2565 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2\">\n                            <button onclick=\"toggleAccordion('year-2565')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2565<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2565\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2565\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e1b\u0e35 2565\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/meeting\/2-65.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2565\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/318-1-65.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2564 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2564 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1\">\n                            <button onclick=\"toggleAccordion('year-2564')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2564<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2564\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2564\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2564\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/CHTMeeting\/1.64.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2563 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2563 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3\">\n                            <button onclick=\"toggleAccordion('year-2563')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2563<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2563\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2563\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3 \u0e1b\u0e35 2563\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/CHTMeeting\/2563-3_0.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2562 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2562 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3\">\n                            <button onclick=\"toggleAccordion('year-2562')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2562<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2562\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2562\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3 \u0e1b\u0e35 2562\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 3<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/CHTMeeting\/meeting-3-2562.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e1b\u0e35 2562\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/CHTMeeting\/meeting-2-2562.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2562\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/doc2019\/meet%201-2562.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2561 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2561\">\n                            <button onclick=\"toggleAccordion('year-2561')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2561<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2561\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-8 text-center text-slate-400 text-sm\" id=\"content-year-2561\">\n                                <i class=\"fa-regular fa-folder-open text-3xl mb-2 block\"><\/i><br \/>\n                                \u0e44\u0e21\u0e48\u0e21\u0e35\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e35\u0e1e.\u0e28. \u0e19\u0e35\u0e49\n                            <\/div>\n<\/p><\/div>\n<p>                        <!-- \u0e1b\u0e35 2560 --><\/p>\n<div class=\"accordion-item bg-white border border-slate-200 rounded-2xl overflow-hidden shadow-sm\" data-searchable=\"\u0e1b\u0e35 2560 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2\">\n                            <button onclick=\"toggleAccordion('year-2560')\" class=\"w-full flex items-center justify-between px-6 py-4 bg-slate-50 hover:bg-slate-100\/50 transition border-0 cursor-pointer\"><br \/>\n                                <span class=\"font-semibold text-slate-800 text-base md:text-lg flex items-center gap-2\"><br \/>\n                                    <i class=\"fa-solid fa-calendar-check text-sky-600\"><\/i> \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e1b\u0e35 2560<br \/>\n                                <\/span><br \/>\n                                <i class=\"fa-solid fa-chevron-down text-slate-400 transition-transform duration-300\" id=\"icon-year-2560\"><\/i><br \/>\n                            <\/button><\/p>\n<div class=\"hidden px-6 py-4 divide-y divide-slate-100\" id=\"content-year-2560\">\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2 \u0e1b\u0e35 2560\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 2<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/CHTMeeting\/meeting2.2560.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<div class=\"py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2 hover:bg-slate-50 px-2 rounded-lg transition\" data-doc-title=\"\u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1 \u0e1b\u0e35 2560\">\n<div class=\"flex items-center gap-3\">\n                                        <i class=\"fa-solid fa-file-pdf text-red-500 text-xl\"><\/i><br \/>\n                                        <span class=\"text-slate-700 font-medium text-sm md:text-base\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e17\u0e35\u0e48 1<\/span>\n                                    <\/div>\n<p>                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/sites\/default\/files\/CHTMeeting\/meeting1.2560.pdf\" target=\"_blank\" class=\"bg-sky-50 text-sky-600 hover:bg-sky-600 hover:text-white px-4 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1 self-start sm:self-center\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF<br \/>\n                                    <\/a>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- TAB 5: \u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c --><\/p>\n<div id=\"tab-5-content\" class=\"tab-content hidden space-y-6\">\n<div class=\"flex items-center gap-3 border-b pb-4 mb-6\">\n<div class=\"p-3 bg-purple-50 text-purple-600 rounded-xl\"><i class=\"fa-solid fa-images text-xl\"><\/i><\/div>\n<div>\n<h2 class=\"text-xl font-bold\">\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h2>\n<p class=\"text-sm text-slate-500\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e2a\u0e21\u0e37\u0e2d\u0e19\u0e08\u0e23\u0e34\u0e07 (Zoom Virtual Background) \u0e25\u0e32\u0e22\u0e25\u0e34\u0e02\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n<p>                        <!-- Background Card 1 --><\/p>\n<div class=\"group bg-white border border-slate-100 rounded-2xl overflow-hidden hover:shadow-lg transition flex flex-col\">\n<div class=\"relative overflow-hidden aspect-video bg-slate-100\">\n                                <img decoding=\"async\" src=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Purple-Gradient-Zoom-Virtual-Background-2-1024x576.webp\" alt=\"[\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e25\u0e32\u0e22\u0e2a\u0e35\u0e21\u0e48\u0e27\u0e07\u0e40\u0e01\u0e23\u0e40\u0e14\u0e35\u0e22\u0e19\u0e15\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e0b\u0e39\u0e21]\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\"><\/p>\n<div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center gap-3\">\n                                    <button onclick=\"previewImage('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Purple-Gradient-Zoom-Virtual-Background-2-1024x576.webp')\" class=\"bg-white text-slate-900 h-10 w-10 rounded-full flex items-center justify-center hover:bg-sky-600 hover:text-white transition shadow-md border-0 cursor-pointer\"><br \/>\n                                        <i class=\"fa-solid fa-eye\"><\/i><br \/>\n                                    <\/button>\n                                <\/div>\n<\/p><\/div>\n<div class=\"p-4 flex-grow flex flex-col justify-between\">\n<h4 class=\"font-medium text-slate-800 mb-1\">Purple Gradient (\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 1)<\/h4>\n<p class=\"text-xs text-slate-400 mb-4\">\u0e02\u0e19\u0e32\u0e14: 1920 x 1080 | \u0e1f\u0e2d\u0e23\u0e4c\u0e41\u0e21\u0e15: WEBP<\/p>\n<div class=\"flex items-center gap-2\">\n                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Purple-Gradient-Zoom-Virtual-Background-2-1024x576.webp\" target=\"_blank\" download class=\"flex-grow text-center bg-slate-900 text-white hover:bg-sky-600 px-4 py-2 rounded-xl text-xs font-semibold transition flex items-center justify-center gap-1.5\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b<br \/>\n                                    <\/a><br \/>\n                                    <button onclick=\"copyToClipboard('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Purple-Gradient-Zoom-Virtual-Background-2-1024x576.webp')\" class=\"bg-slate-50 text-slate-600 hover:bg-slate-100 px-3 py-2 rounded-xl text-xs font-semibold transition border-0 cursor-pointer\" title=\"\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\"><br \/>\n                                        <i class=\"fa-solid fa-link\"><\/i><br \/>\n                                    <\/button>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Background Card 2 --><\/p>\n<div class=\"group bg-white border border-slate-100 rounded-2xl overflow-hidden hover:shadow-lg transition flex flex-col\">\n<div class=\"relative overflow-hidden aspect-video bg-slate-100\">\n                                <img decoding=\"async\" src=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Blue-and-White-Modern-Company-Meeting-Zoom-Virtual-Background-1-1024x576.png\" alt=\"[\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e25\u0e32\u0e22\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e02\u0e32\u0e27\u0e42\u0e21\u0e40\u0e14\u0e34\u0e23\u0e4c\u0e19]\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\"><\/p>\n<div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center gap-3\">\n                                    <button onclick=\"previewImage('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Blue-and-White-Modern-Company-Meeting-Zoom-Virtual-Background-1-1024x576.png')\" class=\"bg-white text-slate-900 h-10 w-10 rounded-full flex items-center justify-center hover:bg-sky-600 hover:text-white transition shadow-md border-0 cursor-pointer\"><br \/>\n                                        <i class=\"fa-solid fa-eye\"><\/i><br \/>\n                                    <\/button>\n                                <\/div>\n<\/p><\/div>\n<div class=\"p-4 flex-grow flex flex-col justify-between\">\n<h4 class=\"font-medium text-slate-800 mb-1\">Blue &#038; White Corporate (\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 2)<\/h4>\n<p class=\"text-xs text-slate-400 mb-4\">\u0e02\u0e19\u0e32\u0e14: 1920 x 1080 | \u0e1f\u0e2d\u0e23\u0e4c\u0e41\u0e21\u0e15: PNG<\/p>\n<div class=\"flex items-center gap-2\">\n                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Blue-and-White-Modern-Company-Meeting-Zoom-Virtual-Background-1-1024x576.png\" target=\"_blank\" download class=\"flex-grow text-center bg-slate-900 text-white hover:bg-sky-600 px-4 py-2 rounded-xl text-xs font-semibold transition flex items-center justify-center gap-1.5\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b<br \/>\n                                    <\/a><br \/>\n                                    <button onclick=\"copyToClipboard('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Blue-and-White-Modern-Company-Meeting-Zoom-Virtual-Background-1-1024x576.png')\" class=\"bg-slate-50 text-slate-600 hover:bg-slate-100 px-3 py-2 rounded-xl text-xs font-semibold transition border-0 cursor-pointer\" title=\"\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\"><br \/>\n                                        <i class=\"fa-solid fa-link\"><\/i><br \/>\n                                    <\/button>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- Background Card 3 --><\/p>\n<div class=\"group bg-white border border-slate-100 rounded-2xl overflow-hidden hover:shadow-lg transition flex flex-col\">\n<div class=\"relative overflow-hidden aspect-video bg-slate-100\">\n                                <img decoding=\"async\" src=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Creative-1-1024x577.webp\" alt=\"[\u0e20\u0e32\u0e1e\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e25\u0e32\u0e22\u0e04\u0e23\u0e35\u0e40\u0e2d\u0e17\u0e35\u0e1f\u0e2a\u0e14\u0e43\u0e2a]\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-500\"><\/p>\n<div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 transition duration-300 flex items-center justify-center gap-3\">\n                                    <button onclick=\"previewImage('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Creative-1-1024x577.webp')\" class=\"bg-white text-slate-900 h-10 w-10 rounded-full flex items-center justify-center hover:bg-sky-600 hover:text-white transition shadow-md border-0 cursor-pointer\"><br \/>\n                                        <i class=\"fa-solid fa-eye\"><\/i><br \/>\n                                    <\/button>\n                                <\/div>\n<\/p><\/div>\n<div class=\"p-4 flex-grow flex flex-col justify-between\">\n<h4 class=\"font-medium text-slate-800 mb-1\">Creative Corporate (\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48 3)<\/h4>\n<p class=\"text-xs text-slate-400 mb-4\">\u0e02\u0e19\u0e32\u0e14: 1920 x 1080 | \u0e1f\u0e2d\u0e23\u0e4c\u0e41\u0e21\u0e15: WEBP<\/p>\n<div class=\"flex items-center gap-2\">\n                                    <a href=\"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Creative-1-1024x577.webp\" target=\"_blank\" download class=\"flex-grow text-center bg-slate-900 text-white hover:bg-sky-600 px-4 py-2 rounded-xl text-xs font-semibold transition flex items-center justify-center gap-1.5\"><br \/>\n                                        <i class=\"fa-solid fa-download\"><\/i> \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b<br \/>\n                                    <\/a><br \/>\n                                    <button onclick=\"copyToClipboard('https:\/\/cht.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/04\/Creative-1-1024x577.webp')\" class=\"bg-slate-50 text-slate-600 hover:bg-slate-100 px-3 py-2 rounded-xl text-xs font-semibold transition border-0 cursor-pointer\" title=\"\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\"><br \/>\n                                        <i class=\"fa-solid fa-link\"><\/i><br \/>\n                                    <\/button>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- QUICK LINKS (E-SERVICES GRID) --><\/p>\n<div class=\"my-12\">\n<div class=\"flex flex-col items-center text-center mb-8\">\n                <span class=\"text-xs font-bold text-indigo-600 bg-indigo-50 px-3 py-1 rounded-full uppercase tracking-wider mb-2\">E-Services &#038; Links<\/span><\/p>\n<h2 class=\"text-2xl md:text-3xl font-bold text-slate-800\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h2>\n<p class=\"text-sm text-slate-500 mt-2 max-w-xl\">\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 \u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e13 \u0e41\u0e25\u0e30\u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25\u0e20\u0e32\u0e22\u0e43\u0e19\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2f \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27<\/p>\n<\/p><\/div>\n<p>            <!-- E-Service Grid --><\/p>\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6\">\n<p>                <!-- Advisor System --><br \/>\n                <a href=\"https:\/\/advisor.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center group\"><\/p>\n<div class=\"w-14 h-14 bg-sky-50 text-sky-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-sky-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-solid fa-user-tie\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-sky-600 transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">Advisor System<\/p>\n<p>                <\/a><\/p>\n<p>                <!-- E-Doc System --><br \/>\n                <a href=\"https:\/\/e-doc.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center group\"><\/p>\n<div class=\"w-14 h-14 bg-emerald-50 text-emerald-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-emerald-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-solid fa-folder-tree\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-emerald-600 transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e13 (E-Doc)<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">Electronic Document<\/p>\n<p>                <\/a><\/p>\n<p>                <!-- EIS System --><br \/>\n                <a href=\"https:\/\/eis.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center group\"><\/p>\n<div class=\"w-14 h-14 bg-indigo-50 text-indigo-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-indigo-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-solid fa-chart-line\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-indigo-600 transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 (EIS)<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">Executive Information<\/p>\n<p>                <\/a><\/p>\n<p>                <!-- MIS System --><br \/>\n                <a href=\"https:\/\/mis.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center group\"><\/p>\n<div class=\"w-14 h-14 bg-amber-50 text-amber-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-amber-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-solid fa-network-wired\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-amber-600 transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19 MIS<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">Management Info System<\/p>\n<p>                <\/a><\/p>\n<p>                <!-- Rmutsv Mail --><br \/>\n                <a href=\"http:\/\/mail.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center group\"><\/p>\n<div class=\"w-14 h-14 bg-rose-50 text-rose-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-rose-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-regular fa-envelope\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-rose-600 transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e21\u0e25\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">RMUTSV Webmail<\/p>\n<p>                <\/a><\/p>\n<p>                <!-- HR System --><br \/>\n                <a href=\"https:\/\/hr.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center group\"><\/p>\n<div class=\"w-14 h-14 bg-teal-50 text-teal-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-teal-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-solid fa-address-card\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-teal-600 transition\">\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e2d\u0e07\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">Human Resource<\/p>\n<p>                <\/a><\/p>\n<p>                <!-- E-Service --><br \/>\n                <a href=\"https:\/\/e-service.rmutsv.ac.th\/\" target=\"_blank\" class=\"bg-white hover:-translate-y-1 hover:shadow-md transition duration-300 p-5 rounded-2xl border border-slate-100 flex flex-col items-center text-center col-span-2 md:col-span-2 group\"><\/p>\n<div class=\"w-14 h-14 bg-purple-50 text-purple-600 rounded-2xl flex items-center justify-center text-2xl group-hover:bg-purple-600 group-hover:text-white transition duration-300 shadow-sm mb-4\">\n                        <i class=\"fa-solid fa-gears\"><\/i>\n                    <\/div>\n<p>                    <span class=\"font-semibold text-slate-800 text-sm md:text-base group-hover:text-purple-600 transition\">\u0e1e\u0e2d\u0e23\u0e4c\u0e17\u0e31\u0e25\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e01 E-Service<\/span><\/p>\n<p class=\"text-[11px] text-slate-400 mt-1\">E-Service RMUTSV Hub<\/p>\n<p>                <\/a><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- TOAST NOTIFICATION BOX (\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08) --><\/p>\n<div id=\"toast-message\" class=\"fixed bottom-6 right-6 z-50 bg-slate-900 text-white px-5 py-3 rounded-2xl shadow-xl flex items-center gap-3 border border-slate-700\/50 -translate-y-20 opacity-0 pointer-events-none transition duration-300\">\n<div class=\"bg-emerald-500 h-8 w-8 rounded-full flex items-center justify-center text-white text-sm\">\n            <i class=\"fa-solid fa-check\"><\/i>\n        <\/div>\n<p>        <span id=\"toast-text\" class=\"text-sm font-medium\">\u0e17\u0e33\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e2a\u0e34\u0e49\u0e19<\/span>\n    <\/div>\n<p>    <!-- IMAGE PREVIEW MODAL (\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e23\u0e35\u0e27\u0e34\u0e27\u0e23\u0e39\u0e1b) --><\/p>\n<div id=\"preview-modal\" onclick=\"closePreview()\" class=\"fixed inset-0 z-50 bg-black\/80 flex items-center justify-center p-4 backdrop-blur-sm hidden cursor-zoom-out\">\n<div class=\"relative max-w-4xl max-h-[85vh] overflow-hidden rounded-2xl bg-white\/5 p-2\">\n            <img decoding=\"async\" id=\"modal-img\" src=\"\" alt=\"\" class=\"max-w-full max-h-[80vh] rounded-xl shadow-2xl object-contain\"><br \/>\n            <button class=\"absolute top-4 right-4 bg-black\/60 hover:bg-black text-white w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition border-0 cursor-pointer\"><br \/>\n                <i class=\"fa-solid fa-xmark text-lg\"><\/i><br \/>\n            <\/button>\n        <\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- INTERACTIVE SCRIPTS (\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e25\u0e31\u0e1a\u0e41\u0e17\u0e47\u0e1a\u0e41\u0e25\u0e30\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23) --><br \/>\n<script>\n    \/\/ Tab switching state\n    var currentTabId = 'tab-4'; \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e40\u0e2a\u0e21\u0e2d<\/p>\n<p>    \/\/ 1. Switch Tab Function\n    function switchTab(tabId) {\n        currentTabId = tabId;<\/p>\n<p>        \/\/ Hide all tab contents\n        document.querySelectorAll('.tab-content').forEach(function(content) {\n            content.classList.add('hidden');\n        });<\/p>\n<p>        \/\/ Remove active classes from all buttons\n        document.querySelectorAll('.tab-btn').forEach(function(btn) {\n            btn.classList.remove('tab-active');\n        });<\/p>\n<p>        \/\/ Show active tab content\n        var activeContent = document.getElementById(tabId + '-content');\n        if (activeContent) {\n            activeContent.classList.remove('hidden');\n        }<\/p>\n<p>        \/\/ Style active desktop button\n        var activeBtn = document.getElementById('btn-' + tabId);\n        if (activeBtn) {\n            activeBtn.classList.add('tab-active');\n        }<\/p>\n<p>        \/\/ Sync select dropdown in mobile\n        var selectElement = document.getElementById('tab-select');\n        if (selectElement) {\n            selectElement.value = tabId;\n        }\n    }<\/p>\n<p>    \/\/ 2. Accordion Function (\u0e40\u0e1b\u0e34\u0e14\/\u0e1b\u0e34\u0e14 \u0e40\u0e21\u0e19\u0e39\u0e1b\u0e35\u0e1e.\u0e28.)\n    function toggleAccordion(yearId) {\n        var content = document.getElementById('content-' + yearId);\n        var icon = document.getElementById('icon-' + yearId);<\/p>\n<p>        if (content.classList.contains('hidden')) {\n            content.classList.remove('hidden');\n            icon.classList.add('rotate-180');\n        } else {\n            content.classList.add('hidden');\n            icon.classList.remove('rotate-180');\n        }\n    }<\/p>\n<p>    \/\/ 3. Global Live Search (\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e14\u0e48\u0e27\u0e19)\n    function handleGlobalSearch() {\n        var query = document.getElementById('global-search').value.toLowerCase().trim();\n        var searchAlert = document.getElementById('search-alert');\n        var accordionItems = document.querySelectorAll('.accordion-item');<\/p>\n<p>        if (query !== \"\" && currentTabId !== 'tab-4') {\n            switchTab('tab-4');\n        }<\/p>\n<p>        if (query === \"\") {\n            searchAlert.classList.add('hidden');\n            accordionItems.forEach(function(item) {\n                item.classList.remove('hidden');\n                var btnOnclick = item.querySelector('button').getAttribute('onclick');\n                var contentId = btnOnclick.match(\/'([^']+)'\/)[1];\n                var content = document.getElementById('content-' + contentId);\n                content.classList.add('hidden');\n                var icon = document.getElementById('icon-' + contentId);\n                if(icon) icon.classList.remove('rotate-180');<\/p>\n<p>                item.querySelectorAll('[data-doc-title]').forEach(function(doc) {\n                    doc.classList.remove('hidden');\n                    doc.classList.remove('bg-amber-50');\n                });\n            });\n            return;\n        }<\/p>\n<p>        searchAlert.classList.remove('hidden');<\/p>\n<p>        accordionItems.forEach(function(item) {\n            var searchableText = item.getAttribute('data-searchable').toLowerCase();\n            var btnOnclick = item.querySelector('button').getAttribute('onclick');\n            var contentId = btnOnclick.match(\/'([^']+)'\/)[1];\n            var content = document.getElementById('content-' + contentId);\n            var icon = document.getElementById('icon-' + contentId);<\/p>\n<p>            var matchesInside = false;\n            var innerDocuments = item.querySelectorAll('[data-doc-title]');<\/p>\n<p>            innerDocuments.forEach(function(doc) {\n                var docTitle = doc.getAttribute('data-doc-title').toLowerCase();\n                if (docTitle.includes(query)) {\n                    doc.classList.remove('hidden');\n                    doc.classList.add('bg-amber-50'); \/\/ \u0e40\u0e19\u0e49\u0e19\u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e15\u0e23\u0e07\u0e17\u0e35\u0e48\u0e04\u0e49\u0e19\u0e1e\u0e1a\n                    matchesInside = true;\n                } else {\n                    doc.classList.add('hidden');\n                    doc.classList.remove('bg-amber-50');\n                }\n            });<\/p>\n<p>            if (searchableText.includes(query) || matchesInside) {\n                item.classList.remove('hidden');\n                content.classList.remove('hidden');\n                if (icon) icon.classList.add('rotate-180');\n            } else {\n                item.classList.add('hidden');\n            }\n        });\n    }<\/p>\n<p>    \/\/ 4. Copy to Clipboard\n    function copyToClipboard(text) {\n        var tempInput = document.createElement('input');\n        tempInput.value = text;\n        document.body.appendChild(tempInput);\n        tempInput.select();\n        document.execCommand('copy');\n        document.body.removeChild(tempInput);<\/p>\n<p>        showToast('\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27!');\n    }<\/p>\n<p>    \/\/ 5. Toast Notification\n    function showToast(message) {\n        var toast = document.getElementById('toast-message');\n        var toastText = document.getElementById('toast-text');<\/p>\n<p>        toastText.textContent = message;\n        toast.classList.remove('-translate-y-20', 'opacity-0', 'pointer-events-none');\n        toast.classList.add('translate-y-0', 'opacity-100');<\/p>\n<p>        setTimeout(function() {\n            toast.classList.remove('translate-y-0', 'opacity-100');\n            toast.classList.add('-translate-y-20', 'opacity-0', 'pointer-events-none');\n        }, 3000);\n    }<\/p>\n<p>    \/\/ 6. Image Preview Lightbox\n    function previewImage(url) {\n        var modal = document.getElementById('preview-modal');\n        var modalImg = document.getElementById('modal-img');\n        modalImg.src = url;\n        modal.classList.remove('hidden');\n    }<\/p>\n<p>    \/\/ 7. Close Preview Modal\n    function closePreview() {\n        var modal = document.getElementById('preview-modal');\n        modal.classList.add('hidden');\n    }<\/p>\n<p>    \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e2a\u0e25\u0e31\u0e1a\u0e41\u0e17\u0e47\u0e1a\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e42\u0e2b\u0e25\u0e14\n    switchTab(currentTabId);\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CHT RMUTSV Staff Portal \u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23 [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-34737","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/34737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/comments?post=34737"}],"version-history":[{"count":6,"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/34737\/revisions"}],"predecessor-version":[{"id":34755,"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/34737\/revisions\/34755"}],"wp:attachment":[{"href":"https:\/\/cht.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=34737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}