{"id":12897,"date":"2026-02-16T10:26:51","date_gmt":"2026-02-16T03:26:51","guid":{"rendered":"https:\/\/www.doa.go.th\/rubberfund\/?page_id=12897"},"modified":"2026-03-02T11:35:11","modified_gmt":"2026-03-02T04:35:11","slug":"law","status":"publish","type":"page","link":"https:\/\/www.doa.go.th\/rubberfund\/law\/","title":{"rendered":"\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07"},"content":{"rendered":"<div class=\"gb-container gb-container-0fb18dbc alignfull\">\n\n<!DOCTYPE html>\n<html lang=\"th\" class=\"dark\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07 &#8211; \u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script>\n        \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e02\u0e2d\u0e07 Dark Mode\n        tailwind.config = {\n            darkMode: 'class',\n        }\n    <\/script>\n    <style>\n        body {\n            font-family: 'Sarabun', sans-serif;\n            transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            scroll-behavior: smooth;\n        }\n        \n        \/* \u0e41\u0e2d\u0e19\u0e34\u0e40\u0e21\u0e0a\u0e31\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27 (Entrance Animation) *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .animate-fade-up {\n            animation: fadeInUp 0.6s ease-out forwards;\n        }\n\n        \/* \u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Card \u0e41\u0e15\u0e48\u0e25\u0e30\u0e43\u0e1a *\/\n        .delay-1 { animation-delay: 0.1s; }\n        .delay-2 { animation-delay: 0.2s; }\n        .delay-3 { animation-delay: 0.3s; }\n        .delay-4 { animation-delay: 0.4s; }\n        .delay-5 { animation-delay: 0.5s; }\n\n        \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e01\u0e32\u0e23 Hover \u0e02\u0e2d\u0e07 Card *\/\n        .card-hover {\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        \n        .card-hover:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n\n        .dark .card-hover:hover {\n            box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);\n            border-color: rgba(34, 197, 94, 0.4);\n        }\n\n        \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c Hover \u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21 \"\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\" *\/\n        .btn-preview-hover {\n            position: relative;\n            transition: all 0.3s ease;\n            overflow: hidden;\n            padding: 0.5rem 1rem;\n            border-radius: 0.75rem;\n        }\n\n        .btn-preview-hover:hover {\n            background-color: rgba(34, 197, 94, 0.1);\n            padding-left: 1.25rem;\n            padding-right: 0.75rem;\n        }\n\n        .btn-preview-hover .arrow-icon {\n            transition: transform 0.3s ease;\n        }\n\n        .btn-preview-hover:hover .arrow-icon {\n            transform: translateX(6px);\n        }\n\n        .dark .btn-preview-hover:hover {\n            background-color: rgba(34, 197, 94, 0.2);\n        }\n\n        \/* \u0e41\u0e2d\u0e19\u0e34\u0e40\u0e21\u0e0a\u0e31\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Modal *\/\n        .modal-content {\n            transition: all 0.3s ease-out;\n            transform: scale(0.95);\n            opacity: 0;\n        }\n        \n        .modal.active .modal-content {\n            transform: scale(1);\n            opacity: 1;\n        }\n\n        \/* Scrollbar \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: transparent;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #cbd5e1;\n            border-radius: 10px;\n        }\n        .dark ::-webkit-scrollbar-thumb {\n            background: #475569;\n        }\n\n        \/* Floating Action Buttons Area *\/\n        .fab-container {\n            position: fixed;\n            bottom: 2rem;\n            right: 2rem;\n            z-index: 50;\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n            align-items: flex-end;\n        }\n\n        \/* Scroll to Top Button Style *\/\n        #scrollTopBtn {\n            opacity: 0;\n            visibility: hidden;\n            display: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            transform: scale(0.5);\n        }\n        \n        #scrollTopBtn.show {\n            display: flex;\n            opacity: 1;\n            visibility: visible;\n            transform: scale(1);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50 dark:bg-slate-900 text-slate-800 dark:text-slate-100 min-h-screen\">\n\n    <!-- Floating Action Buttons Container -->\n    <div class=\"fab-container\">\n        <!-- Scroll to Top Button -->\n        <button id=\"scrollTopBtn\" onclick=\"scrollToTop()\" class=\"items-center justify-center p-3 rounded-2xl bg-green-600 dark:bg-green-700 text-white shadow-xl hover:bg-green-700 dark:hover:bg-green-600 transition-all active:scale-90 hover:shadow-green-500\/40 group\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 group-hover:-translate-y-1 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\" \/>\n            <\/svg>\n        <\/button>\n    <\/div>\n\n    <!-- Header Section -->\n    <header class=\"relative overflow-hidden bg-green-700 dark:bg-green-900 text-white py-20 px-4 shadow-xl transition-colors\">\n        <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden opacity-10 pointer-events-none\">\n            <div class=\"absolute -top-10 -left-10 w-64 h-64 bg-white rounded-full mix-blend-overlay blur-3xl\"><\/div>\n            <div class=\"absolute top-1\/2 -right-20 w-80 h-80 bg-green-400 rounded-full mix-blend-overlay blur-3xl\"><\/div>\n        <\/div>\n        \n        <div class=\"relative max-w-5xl mx-auto text-center animate-fade-up\">\n            <h1 class=\"text-4xl md:text-5xl font-extrabold mb-4 tracking-tight\">\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/h1>\n            <p class=\"text-lg md:text-xl opacity-90 font-light\">\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"max-w-5xl mx-auto px-4 py-16\">\n        <div class=\"grid gap-8 md:grid-cols-2\">\n            \n            <!-- Item 1 -->\n            <div class=\"opacity-0 animate-fade-up delay-1 bg-white dark:bg-slate-800 p-8 rounded-2xl border border-slate-200 dark:border-slate-700 card-hover flex flex-col justify-between shadow-sm\">\n                <div>\n                    <div class=\"w-14 h-14 bg-green-100 dark:bg-green-900\/30 text-green-700 dark:text-green-400 rounded-2xl flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"text-2xl font-bold mb-3 dark:text-white\">\u0e23\u0e27\u0e21\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/h2>\n                    <p class=\"text-slate-600 dark:text-slate-400 leading-relaxed mb-6\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/p>\n                <\/div>\n                <button onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2024\/05\/%E0%B8%81%E0%B8%8E%E0%B8%AB%E0%B8%A1%E0%B8%B2%E0%B8%A2%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%9A%E0%B8%B5%E0%B8%A2%E0%B8%9A%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99%E0%B8%97%E0%B8%B8%E0%B8%99%E0%B8%AB%E0%B8%A1%E0%B8%B8%E0%B8%99%E0%B9%80%E0%B8%A7%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A2%E0%B8%B2%E0%B8%87%E0%B8%9E%E0%B8%B2%E0%B8%A3%E0%B8%B2.pdf', '\u0e23\u0e27\u0e21\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07')\" \n                    class=\"btn-preview-hover inline-flex items-center text-green-600 dark:text-green-400 font-bold w-fit -ml-4\">\n                    \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-icon h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Item 2 -->\n            <div class=\"opacity-0 animate-fade-up delay-2 bg-white dark:bg-slate-800 p-8 rounded-2xl border border-slate-200 dark:border-slate-700 card-hover flex flex-col justify-between shadow-sm\">\n                <div>\n                    <div class=\"w-14 h-14 bg-blue-100 dark:bg-blue-900\/30 text-blue-700 dark:text-blue-400 rounded-2xl flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"text-2xl font-bold mb-3 dark:text-white\">\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2f 2526<\/h2>\n                    <p class=\"text-slate-600 dark:text-slate-400 leading-relaxed mb-6\">\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e27\u0e48\u0e32\u0e14\u0e49\u0e27\u0e22\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e1e.\u0e28. 2526<\/p>\n                <\/div>\n                <button onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2021\/02\/2526.pdf', '\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2f \u0e1e.\u0e28. 2526')\" \n                    class=\"btn-preview-hover inline-flex items-center text-green-600 dark:text-green-400 font-bold w-fit -ml-4\">\n                    \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-icon h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Item 3 -->\n            <div class=\"opacity-0 animate-fade-up delay-3 bg-white dark:bg-slate-800 p-8 rounded-2xl border border-slate-200 dark:border-slate-700 card-hover flex flex-col justify-between shadow-sm\">\n                <div>\n                    <div class=\"w-14 h-14 bg-purple-100 dark:bg-purple-900\/30 text-purple-700 dark:text-purple-400 rounded-2xl flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"text-2xl font-bold mb-3 dark:text-white\">\u0e1e\u0e23\u0e1a.\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19 2558<\/h2>\n                    <p class=\"text-slate-600 dark:text-slate-400 leading-relaxed mb-6\">\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e1a\u0e31\u0e0d\u0e0d\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19 \u0e1e.\u0e28. 2558<\/p>\n                <\/div>\n                <!-- \u0e41\u0e01\u0e49\u0e44\u0e02\u0e40\u0e1e\u0e34\u0e48\u0e21 Title '\u0e1e\u0e23\u0e1a.\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19 2558' \u0e43\u0e19\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19 openModal \u0e15\u0e23\u0e07\u0e19\u0e35\u0e49 -->\n                <button onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/03\/\u0e1e\u0e23\u0e1a.2558.pdf', '\u0e1e\u0e23\u0e1a.\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19 2558')\" \n                    class=\"btn-preview-hover inline-flex items-center text-green-600 dark:text-green-400 font-bold w-fit -ml-4\">\n                    \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-icon h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Item 4 -->\n            <div class=\"opacity-0 animate-fade-up delay-4 bg-white dark:bg-slate-800 p-8 rounded-2xl border border-slate-200 dark:border-slate-700 card-hover flex flex-col justify-between shadow-sm\">\n                <div>\n                    <div class=\"w-14 h-14 bg-yellow-100 dark:bg-yellow-900\/30 text-yellow-700 dark:text-yellow-400 rounded-2xl flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"text-2xl font-bold mb-3 dark:text-white\">\u0e02\u0e49\u0e2d\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25 2562<\/h2>\n                    <p class=\"text-slate-600 dark:text-slate-400 leading-relaxed mb-6\">\u0e02\u0e49\u0e2d\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e27\u0e48\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e02\u0e2d\u0e07\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19 \u0e1e.\u0e28. 2562<\/p>\n                <\/div>\n                <button onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/04\/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%9A%E0%B8%B1%E0%B8%87%E0%B8%84%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99%E0%B8%97%E0%B8%B8%E0%B8%99%E0%B8%AF-2562.pdf', '\u0e02\u0e49\u0e2d\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25 \u0e1e.\u0e28. 2562')\" \n                    class=\"btn-preview-hover inline-flex items-center text-green-600 dark:text-green-400 font-bold w-fit -ml-4\">\n                    \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-icon h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Item 5 -->\n            <div class=\"opacity-0 animate-fade-up delay-5 bg-white dark:bg-slate-800 p-8 rounded-2xl border border-slate-200 dark:border-slate-700 card-hover flex flex-col justify-between shadow-sm md:col-span-2\">\n                <div>\n                    <div class=\"w-14 h-14 bg-teal-100 dark:bg-teal-900\/30 text-teal-700 dark:text-teal-400 rounded-2xl flex items-center justify-center mb-6\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"text-2xl font-bold mb-3 dark:text-white\">\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e01\u0e32\u0e23\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e17\u0e35\u0e48\u0e14\u0e35<\/h2>\n                    <p class=\"text-slate-600 dark:text-slate-400 leading-relaxed mb-6\">\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e18\u0e23\u0e23\u0e21\u0e32\u0e20\u0e34\u0e1a\u0e32\u0e25<\/p>\n                <\/div>\n                <button onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/09\/%E0%B8%99%E0%B9%82%E0%B8%A2%E0%B8%9A%E0%B8%B2%E0%B8%A2.pdf', '\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e01\u0e32\u0e23\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e14\u0e39\u0e41\u0e25\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e17\u0e35\u0e48\u0e14\u0e35')\" \n                    class=\"btn-preview-hover inline-flex items-center text-green-600 dark:text-green-400 font-bold w-fit -ml-4\">\n                    \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"arrow-icon h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n        <\/div>\n    <\/main>\n\n    <!-- Modal for PDF Preview -->\n    <div id=\"pdfModal\" class=\"modal fixed inset-0 z-50 hidden items-start justify-center pt-[100px] px-4 pb-4 bg-slate-900\/70 backdrop-blur-sm transition-all\">\n        <div class=\"modal-content shadow-2xl flex flex-col bg-white dark:bg-slate-800 w-full max-w-6xl h-[calc(100vh-120px)] border border-slate-200 dark:border-slate-700 rounded-2xl overflow-hidden\">\n            <!-- Modal Header -->\n            <div class=\"bg-slate-100 dark:bg-slate-900 px-6 py-4 flex items-center justify-between border-b border-slate-200 dark:border-slate-700\">\n                <h3 id=\"modalTitle\" class=\"text-lg font-bold text-slate-700 dark:text-slate-100 truncate mr-4\">\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23<\/h3>\n                <div class=\"flex items-center gap-4\">\n                    <a id=\"downloadLink\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hidden sm:flex items-center bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-xl text-sm font-bold transition-all hover:shadow-lg active:scale-95\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a2 2 0 002 2h12a2 2 0 002-2v-1m-4-4l-4 4m0 0l-4-4m4 4V4\" \/>\n                        <\/svg>\n                        \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                    <\/a>\n                    <button onclick=\"closeModal()\" class=\"text-slate-400 hover:text-red-500 p-1 transition-colors\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n            <!-- Modal Body (Iframe) -->\n            <div class=\"flex-grow bg-slate-200 dark:bg-black overflow-hidden relative\">\n                <iframe id=\"pdfFrame\" src=\"\" class=\"w-full h-full border-none relative z-10\"><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const modal = document.getElementById(\"pdfModal\");\n        const frame = document.getElementById(\"pdfFrame\");\n        const titleText = document.getElementById(\"modalTitle\");\n        const downloadBtn = document.getElementById(\"downloadLink\");\n        const htmlElement = document.documentElement;\n        const scrollTopBtn = document.getElementById(\"scrollTopBtn\");\n\n        \/\/ \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07\u0e1b\u0e38\u0e48\u0e21 Scroll to Top\n        window.addEventListener('scroll', function() {\n            if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {\n                scrollTopBtn.classList.add(\"show\");\n            } else {\n                scrollTopBtn.classList.remove(\"show\");\n            }\n        });\n\n        \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\n        function scrollToTop() {\n            window.scrollTo({\n                top: 0,\n                behavior: 'smooth'\n            });\n        }\n\n        function openModal(url, title) {\n            titleText.innerText = title || \"\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\"; \/\/ \u0e40\u0e1c\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e13\u0e35\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2a\u0e48\u0e07 title \u0e21\u0e32\n            downloadBtn.href = url;\n            frame.src = url;\n            modal.classList.remove('hidden');\n            modal.classList.add('flex');\n            setTimeout(() => modal.classList.add('active'), 10);\n            document.body.style.overflow = \"hidden\";\n        }\n\n        function closeModal() {\n            modal.classList.remove('active');\n            setTimeout(() => {\n                modal.classList.add('hidden');\n                modal.classList.remove('flex');\n                frame.src = \"\"; \n            }, 300);\n            document.body.style.overflow = \"auto\";\n        }\n\n        \/\/ \u0e43\u0e0a\u0e49 addEventListener \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e17\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e02\u0e2d\u0e07 Event\n        window.addEventListener('click', function(event) {\n            if (event.target == modal) {\n                closeModal();\n            }\n        });\n\n        document.addEventListener('keydown', function(evt) {\n            if (evt.key === \"Escape\" && modal.classList.contains('active')) {\n                closeModal();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e0e\u0e2b\u0e21\u0e32\u0e22\u0e41\u0e25\u0e30\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07 &#8211; \u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-12897","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/comments?post=12897"}],"version-history":[{"count":7,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12897\/revisions"}],"predecessor-version":[{"id":13289,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12897\/revisions\/13289"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=12897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}