\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 \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n \n <script>\n \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 Tailwind \u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a class \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Dark Mode \u0e41\u0e25\u0e30\u0e1b\u0e34\u0e14 Preflight\n tailwind.config = {\n darkMode: 'class',\n corePlugins: {\n preflight: false, \/\/ \u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23 Reset CSS \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a WordPress \u0e1e\u0e31\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e35\u0e40\u0e1e\u0e35\u0e49\u0e22\u0e19\n }\n }\n <\/script>\n\n <style>\n \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49 Font Kanit \u0e41\u0e25\u0e30\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 CSS Conflict \u0e08\u0e32\u0e01 WordPress Theme *\/\n #rubber-wp-wrapper, \n #rubber-wp-wrapper * {\n font-family: 'Kanit', sans-serif !important;\n box-sizing: border-box;\n letter-spacing: 0.015em;\n }\n\n \/* \u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e04\u0e48\u0e32\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e01\u0e23\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e14\u0e40\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e34\u0e14 Preflight *\/\n #rubber-wp-wrapper h1, \n #rubber-wp-wrapper h2, \n #rubber-wp-wrapper h3, \n #rubber-wp-wrapper p {\n margin: 0;\n padding: 0;\n border: 0;\n line-height: inherit;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Light\/Dark Mode \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21 Background Image \u0e15\u0e32\u0e21\u0e04\u0e33\u0e02\u0e2d *\/\n #rubber-wp-wrapper {\n transition: background-color 0.3s ease, color 0.3s ease;\n background-image: url('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/11\/bg1-oae-report.png');\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n background-attachment: fixed;\n }\n\n #rubber-wp-wrapper.dark {\n \/* \u0e43\u0e19 Dark Mode \u0e08\u0e30\u0e43\u0e2a\u0e48 Overlay \u0e17\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e22\u0e31\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22 *\/\n background-color: rgba(15, 23, 42, 0.9);\n background-blend-mode: overlay;\n color: #f1f5f9;\n }\n\n #rubber-wp-wrapper:not(.dark) {\n background-color: rgba(248, 250, 252, 0.85);\n background-blend-mode: lighten;\n color: #1e293b;\n }\n\n #rubber-wp-wrapper .gradient-bg {\n background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;\n }\n\n \/* \u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19 Tab \u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 *\/\n #rubber-wp-wrapper .tab-active {\n border-bottom: 4px solid #10b981 !important;\n color: #10b981 !important;\n background-color: rgba(16, 185, 129, 0.1) !important;\n }\n\n \/* \u0e40\u0e2a\u0e49\u0e19 Timeline *\/\n #rubber-wp-wrapper .timeline-line::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: #d1fae5;\n z-index: 0;\n }\n #rubber-wp-wrapper.dark .timeline-line::before {\n background: #1e293b;\n }\n\n #rubber-wp-wrapper img {\n max-width: 100% !important;\n height: auto !important;\n display: block;\n margin: 0 auto;\n border-radius: 0.75rem;\n transition: transform 0.3s ease;\n }\n\n #rubber-wp-wrapper img:hover {\n transform: scale(1.01);\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1b\u0e38\u0e48\u0e21 Floating Buttons *\/\n #backToTopWP {\n position: fixed;\n z-index: 9999;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n bottom: 30px; \n right: 30px;\n }\n\n .btn-visible {\n opacity: 1 !important;\n visibility: visible !important;\n }\n \n #backToTopWP:hover { transform: translateY(-5px); }\n\n .wp-hover-card {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .wp-hover-card:hover {\n transform: translateY(-8px);\n }\n\n @keyframes fadeInCustom {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .animate-fadeIn {\n animation: fadeInCustom 0.5s ease forwards;\n }\n\n \/* Lightbox Modal CSS (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e17\u0e31\u0e49\u0e07 2 \u0e42\u0e2b\u0e21\u0e14) *\/\n #imageModalWP {\n display: none;\n position: fixed;\n z-index: 100000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.98); \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e32\u0e27 98% *\/\n overflow: hidden;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(8px);\n }\n\n .modal-content-container {\n position: relative;\n width: 95%;\n height: 85%;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: auto;\n cursor: grab;\n }\n\n .modal-content-container:active { cursor: grabbing; }\n\n #modalImg {\n transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n max-width: 100%;\n max-height: 100%;\n user-select: none;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n }\n\n .modal-controls {\n position: absolute;\n bottom: 30px;\n display: flex;\n gap: 15px;\n z-index: 100001;\n }\n\n .modal-btn {\n background: rgba(16, 185, 129, 0.1);\n backdrop-filter: blur(10px);\n color: #065f46;\n border: 1px solid rgba(16, 185, 129, 0.2);\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .modal-btn:hover { \n background: #10b981;\n color: white;\n transform: scale(1.1);\n }\n\n #closeModal {\n position: absolute;\n top: 20px;\n right: 30px;\n color: #1e293b; \/* \u0e01\u0e32\u0e01\u0e1a\u0e32\u0e17\u0e2a\u0e35\u0e40\u0e02\u0e49\u0e21 *\/\n font-size: 48px;\n font-weight: 300;\n cursor: pointer;\n z-index: 100001;\n line-height: 1;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 *\/\n .unit-card {\n display: flex;\n align-items: center;\n padding: 1rem 1.25rem;\n border-radius: 1rem;\n background-color: #f1f5f9;\n border: 1px solid #e2e8f0;\n transition: all 0.2s ease;\n }\n .dark .unit-card {\n background-color: #1e293b;\n border-color: #334155;\n }\n .unit-card:hover {\n background-color: #10b981;\n color: white !important;\n transform: translateX(5px);\n }\n <\/style>\n<\/head>\n<body class=\"m-0 p-0\" id=\"wp-body\">\n\n \n <div id=\"imageModalWP\">\n <span id=\"closeModal\">×<\/span>\n <div class=\"modal-content-container\" id=\"zoomContainer\">\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"\u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\">\n <\/div>\n <div class=\"modal-controls\">\n <button class=\"modal-btn\" onclick=\"zoomImage(1.25)\" title=\"\u0e0b\u0e39\u0e21\u0e40\u0e02\u0e49\u0e32\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/><\/svg>\n <\/button>\n <button class=\"modal-btn\" onclick=\"zoomImage(0.8)\" title=\"\u0e0b\u0e39\u0e21\u0e2d\u0e2d\u0e01\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7\" \/><\/svg>\n <\/button>\n <button class=\"modal-btn\" onclick=\"resetZoom()\" title=\"\u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" \/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"rubber-wp-wrapper\" class=\"pb-12 min-h-screen dark\">\n\n \n <button id=\"backToTopWP\" class=\"bg-green-600 text-white p-3 rounded-full shadow-2xl hover:bg-green-700\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" 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\n \n <header class=\"gradient-bg text-white py-24 px-6 text-center relative overflow-hidden\">\n <div class=\"relative z-10\" data-aos=\"fade-down\">\n <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/h1>\n <p class=\"text-xl md:text-2xl font-light opacity-90\">\u0e01\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/p>\n <div class=\"mt-8 inline-block bg-white\/20 backdrop-blur-md px-8 py-3 rounded-full border border-white\/30 text-lg hover:bg-white\/30 transition-all cursor-default\">\n \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\n <\/div>\n <\/div>\n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"\/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" \/>\n <\/svg>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-6 py-12\">\n \n \n <section class=\"mb-24\" data-aos=\"fade-up\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-green-800 dark:text-green-400\">\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <div class=\"h-1 w-20 bg-green-500 mx-auto mt-2 rounded-full\"><\/div>\n <p class=\"mt-6 text-slate-600 dark:text-slate-300 max-w-2xl mx-auto text-lg leading-relaxed\">\n \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 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1b\u0e35 \u0e1e.\u0e28. 2495 <br>\u0e14\u0e49\u0e27\u0e22\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\n <\/p>\n <\/div>\n \n <div class=\"relative flex flex-col md:flex-row justify-center items-start gap-8 timeline-line\">\n <div class=\"relative z-10 w-full bg-white dark:bg-slate-800 p-6 rounded-2xl shadow-lg border border-green-50 dark:border-slate-700 text-center wp-hover-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"bg-green-600 text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-4 font-bold\">1<\/div>\n <span class=\"text-green-600 dark:text-green-400 font-bold block mb-1\">\u0e1e.\u0e28. 2495<\/span>\n <h3 class=\"font-semibold text-slate-700 dark:text-slate-300 text-sm\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19<\/h3>\n <p class=\"text-2xl font-bold text-slate-800 dark:text-white mt-2\"><span class=\"counter\" data-target=\"1000000\">0<\/span><\/p>\n <p class=\"text-xs text-slate-400\">\u0e1a\u0e32\u0e17<\/p>\n <\/div>\n <div class=\"relative z-10 w-full bg-white dark:bg-slate-800 p-6 rounded-2xl shadow-lg border border-green-50 dark:border-slate-700 text-center wp-hover-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"bg-green-600 text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-4 font-bold\">2<\/div>\n <span class=\"text-green-600 dark:text-green-400 font-bold block mb-1\">\u0e1e.\u0e28. 2498<\/span>\n <h3 class=\"font-semibold text-slate-700 dark:text-slate-300 text-sm\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\n <p class=\"text-2xl font-bold text-slate-800 dark:text-white mt-2\"><span class=\"counter\" data-target=\"1000000\">0<\/span><\/p>\n <p class=\"text-xs text-slate-400\">\u0e1a\u0e32\u0e17<\/p>\n <\/div>\n <div class=\"relative z-10 w-full bg-white dark:bg-slate-800 p-6 rounded-2xl shadow-lg border border-green-50 dark:border-slate-700 text-center wp-hover-card\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n <div class=\"bg-green-600 text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-4 font-bold\">3<\/div>\n <span class=\"text-green-600 dark:text-green-400 font-bold block mb-1\">\u0e1e.\u0e28. 2503<\/span>\n <h3 class=\"font-semibold text-slate-700 dark:text-slate-300 text-sm\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\n <p class=\"text-2xl font-bold text-slate-800 dark:text-white mt-2\"><span class=\"counter\" data-target=\"1200000\">0<\/span><\/p>\n <p class=\"text-xs text-slate-400\">\u0e1a\u0e32\u0e17<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-12 bg-green-700 text-white p-10 rounded-3xl text-center shadow-2xl transition-transform hover:scale-[1.01] duration-300\" data-aos=\"fade-up\">\n <h3 class=\"text-base font-light opacity-80 mb-2\">\u0e23\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e34\u0e49\u0e19<\/h3>\n <div class=\"text-4xl md:text-6xl font-extrabold tracking-tight\"><span class=\"counter\" data-target=\"3200000\">0<\/span> \u0e1a\u0e32\u0e17<\/div>\n <p class=\"mt-6 text-sm md:text-base font-light opacity-90 leading-relaxed max-w-4xl mx-auto\">\n \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e44\u0e14\u0e49\u0e19\u0e33\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e0a\u0e32\u0e27\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e39\u0e01\u0e1e\u0e37\u0e0a\u0e1a\u0e32\u0e07\u0e0a\u0e19\u0e34\u0e14\u0e41\u0e0b\u0e21\u0e22\u0e32\u0e07 \u0e15\u0e25\u0e2d\u0e14\u0e08\u0e19\u0e17\u0e33\u0e22\u0e32\u0e07\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e1a\u0e41\u0e25\u0e30\u0e22\u0e32\u0e07\u0e2d\u0e37\u0e48\u0e19\u0e46…\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 mb-24\">\n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[2.5rem] shadow-xl border border-slate-100 dark:border-slate-700 h-full wp-hover-card\" data-aos=\"fade-right\">\n <h2 class=\"text-2xl font-bold text-slate-800 dark:text-white mb-6 flex items-center gap-3\">\n <span class=\"bg-green-100 dark:bg-green-900\/30 p-3 rounded-2xl text-green-600 text-2xl\">\ud83d\udc41\ufe0f<\/span> \u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\n <\/h2>\n <p class=\"text-xl text-slate-600 dark:text-slate-300 leading-relaxed italic border-l-4 border-green-500 pl-6 py-2\">\n \u201c\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35 \u0e21\u0e35\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e07\u0e2a\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c…\u201d\n <\/p>\n <\/div>\n <div class=\"space-y-4\" data-aos=\"fade-left\">\n <h2 class=\"text-2xl font-bold text-green-800 dark:text-green-400 mb-6 px-2\">\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/h2>\n <div class=\"bg-white dark:bg-slate-800 p-5 rounded-2xl shadow-sm border-l-4 border-green-500 wp-hover-card\">\n <p class=\"text-slate-700 dark:text-slate-300 font-medium\">1. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e0a\u0e32\u0e27\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e39\u0e01\u0e1e\u0e37\u0e0a\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e0b\u0e21\u0e01\u0e31\u0e1a\u0e22\u0e32\u0e07<\/p>\n <\/div>\n <div class=\"bg-white dark:bg-slate-800 p-5 rounded-2xl shadow-sm border-l-4 border-green-500 wp-hover-card\">\n <p class=\"text-slate-700 dark:text-slate-300 font-medium\">2. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e04\u0e27\u0e49\u0e32\u0e17\u0e14\u0e25\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <div class=\"bg-white dark:bg-slate-800 p-5 rounded-2xl shadow-sm border-l-4 border-green-500 wp-hover-card\">\n <p class=\"text-slate-700 dark:text-slate-300 font-medium\">3. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e43\u0e0a\u0e49 \u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e22\u0e48\u0e2d\u0e21\u0e40\u0e22\u0e32<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"bg-white dark:bg-slate-800 rounded-[3rem] shadow-2xl overflow-hidden border border-slate-100 dark:border-slate-700\" data-aos=\"fade-in\">\n <div class=\"p-10 text-center border-b border-slate-100 dark:border-slate-700 bg-slate-50\/50 dark:bg-slate-900\/50\">\n <h2 class=\"text-2xl font-bold text-slate-800 dark:text-white\">\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/h2>\n <\/div>\n \n <div class=\"flex flex-wrap justify-center bg-white dark:bg-slate-800 border-b dark:border-slate-700 overflow-x-auto\">\n <button onclick=\"changeTabWP(event, 'board-tab')\" class=\"tab-item-wp px-10 py-5 font-semibold text-slate-500 transition-all tab-active border-none bg-transparent cursor-pointer hover:text-green-600\">\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23<\/button>\n <button onclick=\"changeTabWP(event, 'org-tab')\" class=\"tab-item-wp px-10 py-5 font-semibold text-slate-500 transition-all border-none bg-transparent cursor-pointer hover:text-green-600\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/button>\n <button onclick=\"changeTabWP(event, 'units-tab')\" class=\"tab-item-wp px-10 py-5 font-semibold text-slate-500 transition-all border-none bg-transparent cursor-pointer hover:text-green-600\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2f<\/button>\n <\/div>\n\n <div class=\"p-6 md:p-12 bg-white dark:bg-slate-800 min-h-[400px]\">\n \n <div id=\"board-tab\" class=\"tab-content-wp block animate-fadeIn\">\n <div class=\"flex flex-col items-center\">\n <div class=\"relative group cursor-zoom-in overflow-hidden rounded-2xl shadow-lg border border-slate-200 dark:border-slate-700 transition-all hover:border-green-500\" onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2026\/01\/Board.png')\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2026\/01\/Board.png\" alt=\"\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\" class=\"w-full h-auto\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Board+Image'\">\n <div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\">\n <div class=\"bg-white\/90 p-4 rounded-full text-green-700\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"mt-4 text-slate-400 text-sm italic\">\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"org-tab\" class=\"tab-content-wp hidden animate-fadeIn\">\n <div class=\"flex flex-col items-center\">\n <div class=\"relative group cursor-zoom-in overflow-hidden rounded-2xl shadow-lg border border-slate-200 dark:border-slate-700 transition-all hover:border-green-500\" onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/04\/org-1-1536x864.png')\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/04\/org-1-1536x864.png\" alt=\"\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\" class=\"w-full h-auto\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Organization+Chart'\">\n <div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\">\n <div class=\"bg-white\/90 p-4 rounded-full text-green-700\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"mt-4 text-slate-400 text-sm italic\">\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"units-tab\" class=\"tab-content-wp hidden animate-fadeIn\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">01.<\/span> \u0e28\u0e04\u0e22.\u0e09\u0e30\u0e40\u0e0a\u0e34\u0e07\u0e40\u0e17\u0e23\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">02.<\/span> \u0e28\u0e04\u0e22.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">03.<\/span> \u0e28\u0e04\u0e22.\u0e1a\u0e38\u0e23\u0e35\u0e23\u0e31\u0e21\u0e22\u0e4c<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">04.<\/span> \u0e28\u0e04\u0e22.\u0e2a\u0e07\u0e02\u0e25\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">05.<\/span> \u0e28\u0e04\u0e22.\u0e2a\u0e38\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e18\u0e32\u0e19\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">06.<\/span> \u0e28\u0e04\u0e22.\u0e2b\u0e19\u0e2d\u0e07\u0e04\u0e32\u0e22<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">07.<\/span> \u0e28\u0e27\u0e1e.\u0e01\u0e23\u0e30\u0e1a\u0e35\u0e48<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">08.<\/span> \u0e28\u0e27\u0e1b.\u0e01\u0e23\u0e30\u0e1a\u0e35\u0e48<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">09.<\/span> \u0e28\u0e27\u0e28.\u0e08\u0e31\u0e19\u0e17\u0e1a\u0e38\u0e23\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">10.<\/span> \u0e28\u0e27\u0e1e.\u0e08\u0e31\u0e19\u0e17\u0e1a\u0e38\u0e23\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">11.<\/span> \u0e28\u0e27\u0e1e.\u0e0a\u0e38\u0e21\u0e1e\u0e23<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">12.<\/span> \u0e28\u0e27\u0e1e.\u0e15\u0e23\u0e31\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">13.<\/span> \u0e28\u0e27\u0e1e.\u0e19\u0e23\u0e32\u0e18\u0e34\u0e27\u0e32\u0e2a<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">14.<\/span> \u0e28\u0e27\u0e1e.\u0e19\u0e48\u0e32\u0e19<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">15.<\/span> \u0e28\u0e27\u0e1e.\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">16.<\/span> \u0e28\u0e27\u0e1e.\u0e1e\u0e31\u0e07\u0e07\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">17.<\/span> \u0e28\u0e27\u0e1e.\u0e1e\u0e31\u0e17\u0e25\u0e38\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">18.<\/span> \u0e28\u0e27\u0e1e.\u0e20\u0e39\u0e40\u0e01\u0e47\u0e15<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">19.<\/span> \u0e28\u0e27\u0e1e.\u0e23\u0e30\u0e19\u0e2d\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">20.<\/span> \u0e28\u0e27\u0e1e.\u0e23\u0e37\u0e2d\u0e40\u0e2a\u0e32\u0e30<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">21.<\/span> \u0e28\u0e27\u0e1e.\u0e25\u0e33\u0e1b\u0e32\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">22.<\/span> \u0e28\u0e27\u0e2a.\u0e22\u0e30\u0e25\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">23.<\/span> \u0e28\u0e27\u0e1e.\u0e22\u0e30\u0e25\u0e32<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n \n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n \/\/ \u0e23\u0e30\u0e1a\u0e1a Modal \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Popup \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\n let currentZoom = 1;\n const modal = document.getElementById(\"imageModalWP\");\n const modalImg = document.getElementById(\"modalImg\");\n const zoomContainer = document.getElementById(\"zoomContainer\");\n\n function openModal(src) {\n modal.style.display = \"flex\";\n modalImg.src = src;\n resetZoom();\n document.body.style.overflow = \"hidden\"; \/\/ \u0e25\u0e47\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e2a\u0e01\u0e23\u0e2d\u0e25\u0e25\u0e4c\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\n }\n\n document.getElementById(\"closeModal\").addEventListener('click', function() {\n modal.style.display = \"none\";\n document.body.style.overflow = \"auto\";\n });\n\n window.addEventListener('click', function(event) {\n if (event.target === modal) {\n modal.style.display = \"none\";\n document.body.style.overflow = \"auto\";\n }\n });\n\n function zoomImage(factor) {\n currentZoom *= factor;\n if (currentZoom < 0.5) currentZoom = 0.5;\n if (currentZoom > 5) currentZoom = 5;\n modalImg.style.transform = `scale(${currentZoom})`;\n }\n\n function resetZoom() {\n currentZoom = 1;\n modalImg.style.transform = `scale(1)`;\n zoomContainer.scrollTo(0, 0);\n }\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e01\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e19 Modal\n let isDragging = false;\n let startX, startY, scrollLeft, scrollTop;\n\n zoomContainer.addEventListener('mousedown', (e) => {\n if (currentZoom <= 1) return;\n isDragging = true;\n startX = e.pageX - zoomContainer.offsetLeft;\n startY = e.pageY - zoomContainer.offsetTop;\n scrollLeft = zoomContainer.scrollLeft;\n scrollTop = zoomContainer.scrollTop;\n });\n\n zoomContainer.addEventListener('mouseleave', () => isDragging = false);\n zoomContainer.addEventListener('mouseup', () => isDragging = false);\n\n zoomContainer.addEventListener('mousemove', (e) => {\n if (!isDragging) return;\n e.preventDefault();\n const x = e.pageX - zoomContainer.offsetLeft;\n const y = e.pageY - zoomContainer.offsetTop;\n const walkX = (x - startX) * 2;\n const walkY = (y - startY) * 2;\n zoomContainer.scrollLeft = scrollLeft - walkX;\n zoomContainer.scrollTop = scrollTop - walkY;\n });\n\n \/\/ \u0e42\u0e2b\u0e25\u0e14\u0e23\u0e30\u0e1a\u0e1a Animation \u0e41\u0e25\u0e30 Counter \u0e17\u0e31\u0e19\u0e17\u0e35\n window.addEventListener('load', function() {\n if (typeof AOS !== 'undefined') {\n AOS.init({ duration: 1000, once: true });\n }\n initCounters();\n });\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a Counter \u0e27\u0e34\u0e48\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\n function initCounters() {\n const counters = document.querySelectorAll('.counter');\n const speed = 200;\n const runCounter = (counter) => {\n const target = +counter.getAttribute('data-target');\n const count = +counter.innerText.replace(\/,\/g, '');\n const increment = target \/ speed;\n if (count < target) {\n const nextCount = Math.ceil(count + increment);\n const finalCount = nextCount > target ? target : nextCount;\n counter.innerText = finalCount.toLocaleString();\n setTimeout(() => runCounter(counter), 10); \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e25\u0e02\u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e25\u0e37\u0e48\u0e19\u0e44\u0e2b\u0e25\n } else {\n counter.innerText = target.toLocaleString();\n }\n };\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n runCounter(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n counters.forEach(counter => observer.observe(counter));\n }\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a Tabs\n function changeTabWP(evt, tabName) {\n const contents = document.getElementsByClassName(\"tab-content-wp\");\n for (let i = 0; i < contents.length; i++) contents[i].classList.add(\"hidden\");\n \n const tabs = document.getElementsByClassName(\"tab-item-wp\");\n for (let i = 0; i < tabs.length; i++) tabs[i].classList.remove(\"tab-active\");\n \n const targetTab = document.getElementById(tabName);\n targetTab.classList.remove(\"hidden\");\n targetTab.classList.add(\"animate-fadeIn\");\n \n evt.currentTarget.classList.add(\"tab-active\");\n }\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e38\u0e48\u0e21 Scroll To Top\n const topBtn = document.getElementById('backToTopWP');\n\n window.addEventListener('scroll', function() {\n if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {\n topBtn.classList.add('btn-visible');\n } else {\n topBtn.classList.remove('btn-visible');\n }\n });\n\n topBtn.addEventListener('click', function() {\n window.scrollTo({top: 0, behavior: 'smooth'});\n });\n <\/script>\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 × \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","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-12755","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12755","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=12755"}],"version-history":[{"count":23,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12755\/revisions"}],"predecessor-version":[{"id":13360,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12755\/revisions\/13360"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=12755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n \n \n \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 \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n \n <script>\n \/\/ \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 Tailwind \u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49\u0e23\u0e30\u0e1a\u0e1a class \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Dark Mode \u0e41\u0e25\u0e30\u0e1b\u0e34\u0e14 Preflight\n tailwind.config = {\n darkMode: 'class',\n corePlugins: {\n preflight: false, \/\/ \u0e1b\u0e34\u0e14\u0e01\u0e32\u0e23 Reset CSS \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a WordPress \u0e1e\u0e31\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e35\u0e40\u0e1e\u0e35\u0e49\u0e22\u0e19\n }\n }\n <\/script>\n\n <style>\n \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e0a\u0e49 Font Kanit \u0e41\u0e25\u0e30\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 CSS Conflict \u0e08\u0e32\u0e01 WordPress Theme *\/\n #rubber-wp-wrapper, \n #rubber-wp-wrapper * {\n font-family: 'Kanit', sans-serif !important;\n box-sizing: border-box;\n letter-spacing: 0.015em;\n }\n\n \/* \u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e04\u0e48\u0e32\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e01\u0e23\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e14\u0e40\u0e0a\u0e22\u0e01\u0e32\u0e23\u0e1b\u0e34\u0e14 Preflight *\/\n #rubber-wp-wrapper h1, \n #rubber-wp-wrapper h2, \n #rubber-wp-wrapper h3, \n #rubber-wp-wrapper p {\n margin: 0;\n padding: 0;\n border: 0;\n line-height: inherit;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Light\/Dark Mode \u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21 Background Image \u0e15\u0e32\u0e21\u0e04\u0e33\u0e02\u0e2d *\/\n #rubber-wp-wrapper {\n transition: background-color 0.3s ease, color 0.3s ease;\n background-image: url('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/11\/bg1-oae-report.png');\n background-repeat: no-repeat;\n background-position: center center;\n background-size: cover;\n background-attachment: fixed;\n }\n\n #rubber-wp-wrapper.dark {\n \/* \u0e43\u0e19 Dark Mode \u0e08\u0e30\u0e43\u0e2a\u0e48 Overlay \u0e17\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e22\u0e31\u0e07\u0e2d\u0e48\u0e32\u0e19\u0e07\u0e48\u0e32\u0e22 *\/\n background-color: rgba(15, 23, 42, 0.9);\n background-blend-mode: overlay;\n color: #f1f5f9;\n }\n\n #rubber-wp-wrapper:not(.dark) {\n background-color: rgba(248, 250, 252, 0.85);\n background-blend-mode: lighten;\n color: #1e293b;\n }\n\n #rubber-wp-wrapper .gradient-bg {\n background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;\n }\n\n \/* \u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19 Tab \u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 *\/\n #rubber-wp-wrapper .tab-active {\n border-bottom: 4px solid #10b981 !important;\n color: #10b981 !important;\n background-color: rgba(16, 185, 129, 0.1) !important;\n }\n\n \/* \u0e40\u0e2a\u0e49\u0e19 Timeline *\/\n #rubber-wp-wrapper .timeline-line::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 2px;\n background: #d1fae5;\n z-index: 0;\n }\n #rubber-wp-wrapper.dark .timeline-line::before {\n background: #1e293b;\n }\n\n #rubber-wp-wrapper img {\n max-width: 100% !important;\n height: auto !important;\n display: block;\n margin: 0 auto;\n border-radius: 0.75rem;\n transition: transform 0.3s ease;\n }\n\n #rubber-wp-wrapper img:hover {\n transform: scale(1.01);\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1b\u0e38\u0e48\u0e21 Floating Buttons *\/\n #backToTopWP {\n position: fixed;\n z-index: 9999;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n bottom: 30px; \n right: 30px;\n }\n\n .btn-visible {\n opacity: 1 !important;\n visibility: visible !important;\n }\n \n #backToTopWP:hover { transform: translateY(-5px); }\n\n .wp-hover-card {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .wp-hover-card:hover {\n transform: translateY(-8px);\n }\n\n @keyframes fadeInCustom {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .animate-fadeIn {\n animation: fadeInCustom 0.5s ease forwards;\n }\n\n \/* Lightbox Modal CSS (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e17\u0e31\u0e49\u0e07 2 \u0e42\u0e2b\u0e21\u0e14) *\/\n #imageModalWP {\n display: none;\n position: fixed;\n z-index: 100000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.98); \/* \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e02\u0e32\u0e27 98% *\/\n overflow: hidden;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(8px);\n }\n\n .modal-content-container {\n position: relative;\n width: 95%;\n height: 85%;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: auto;\n cursor: grab;\n }\n\n .modal-content-container:active { cursor: grabbing; }\n\n #modalImg {\n transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n max-width: 100%;\n max-height: 100%;\n user-select: none;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n }\n\n .modal-controls {\n position: absolute;\n bottom: 30px;\n display: flex;\n gap: 15px;\n z-index: 100001;\n }\n\n .modal-btn {\n background: rgba(16, 185, 129, 0.1);\n backdrop-filter: blur(10px);\n color: #065f46;\n border: 1px solid rgba(16, 185, 129, 0.2);\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .modal-btn:hover { \n background: #10b981;\n color: white;\n transform: scale(1.1);\n }\n\n #closeModal {\n position: absolute;\n top: 20px;\n right: 30px;\n color: #1e293b; \/* \u0e01\u0e32\u0e01\u0e1a\u0e32\u0e17\u0e2a\u0e35\u0e40\u0e02\u0e49\u0e21 *\/\n font-size: 48px;\n font-weight: 300;\n cursor: pointer;\n z-index: 100001;\n line-height: 1;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 *\/\n .unit-card {\n display: flex;\n align-items: center;\n padding: 1rem 1.25rem;\n border-radius: 1rem;\n background-color: #f1f5f9;\n border: 1px solid #e2e8f0;\n transition: all 0.2s ease;\n }\n .dark .unit-card {\n background-color: #1e293b;\n border-color: #334155;\n }\n .unit-card:hover {\n background-color: #10b981;\n color: white !important;\n transform: translateX(5px);\n }\n <\/style>\n<\/head>\n<body class=\"m-0 p-0\" id=\"wp-body\">\n\n \n <div id=\"imageModalWP\">\n <span id=\"closeModal\">×<\/span>\n <div class=\"modal-content-container\" id=\"zoomContainer\">\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"\u0e02\u0e22\u0e32\u0e22\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\">\n <\/div>\n <div class=\"modal-controls\">\n <button class=\"modal-btn\" onclick=\"zoomImage(1.25)\" title=\"\u0e0b\u0e39\u0e21\u0e40\u0e02\u0e49\u0e32\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/><\/svg>\n <\/button>\n <button class=\"modal-btn\" onclick=\"zoomImage(0.8)\" title=\"\u0e0b\u0e39\u0e21\u0e2d\u0e2d\u0e01\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7\" \/><\/svg>\n <\/button>\n <button class=\"modal-btn\" onclick=\"resetZoom()\" title=\"\u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\" \/><\/svg>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"rubber-wp-wrapper\" class=\"pb-12 min-h-screen dark\">\n\n \n <button id=\"backToTopWP\" class=\"bg-green-600 text-white p-3 rounded-full shadow-2xl hover:bg-green-700\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" 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\n \n <header class=\"gradient-bg text-white py-24 px-6 text-center relative overflow-hidden\">\n <div class=\"relative z-10\" data-aos=\"fade-down\">\n <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/h1>\n <p class=\"text-xl md:text-2xl font-light opacity-90\">\u0e01\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/p>\n <div class=\"mt-8 inline-block bg-white\/20 backdrop-blur-md px-8 py-3 rounded-full border border-white\/30 text-lg hover:bg-white\/30 transition-all cursor-default\">\n \u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\n <\/div>\n <\/div>\n <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\n <svg width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"\/>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\" \/>\n <\/svg>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-6 py-12\">\n \n \n <section class=\"mb-24\" data-aos=\"fade-up\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-green-800 dark:text-green-400\">\u0e1b\u0e23\u0e30\u0e27\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e15\u0e31\u0e49\u0e07<\/h2>\n <div class=\"h-1 w-20 bg-green-500 mx-auto mt-2 rounded-full\"><\/div>\n <p class=\"mt-6 text-slate-600 dark:text-slate-300 max-w-2xl mx-auto text-lg leading-relaxed\">\n \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 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1b\u0e35 \u0e1e.\u0e28. 2495 <br>\u0e14\u0e49\u0e27\u0e22\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\n <\/p>\n <\/div>\n \n <div class=\"relative flex flex-col md:flex-row justify-center items-start gap-8 timeline-line\">\n <div class=\"relative z-10 w-full bg-white dark:bg-slate-800 p-6 rounded-2xl shadow-lg border border-green-50 dark:border-slate-700 text-center wp-hover-card\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n <div class=\"bg-green-600 text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-4 font-bold\">1<\/div>\n <span class=\"text-green-600 dark:text-green-400 font-bold block mb-1\">\u0e1e.\u0e28. 2495<\/span>\n <h3 class=\"font-semibold text-slate-700 dark:text-slate-300 text-sm\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e07\u0e32\u0e19<\/h3>\n <p class=\"text-2xl font-bold text-slate-800 dark:text-white mt-2\"><span class=\"counter\" data-target=\"1000000\">0<\/span><\/p>\n <p class=\"text-xs text-slate-400\">\u0e1a\u0e32\u0e17<\/p>\n <\/div>\n <div class=\"relative z-10 w-full bg-white dark:bg-slate-800 p-6 rounded-2xl shadow-lg border border-green-50 dark:border-slate-700 text-center wp-hover-card\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\n <div class=\"bg-green-600 text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-4 font-bold\">2<\/div>\n <span class=\"text-green-600 dark:text-green-400 font-bold block mb-1\">\u0e1e.\u0e28. 2498<\/span>\n <h3 class=\"font-semibold text-slate-700 dark:text-slate-300 text-sm\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\n <p class=\"text-2xl font-bold text-slate-800 dark:text-white mt-2\"><span class=\"counter\" data-target=\"1000000\">0<\/span><\/p>\n <p class=\"text-xs text-slate-400\">\u0e1a\u0e32\u0e17<\/p>\n <\/div>\n <div class=\"relative z-10 w-full bg-white dark:bg-slate-800 p-6 rounded-2xl shadow-lg border border-green-50 dark:border-slate-700 text-center wp-hover-card\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\n <div class=\"bg-green-600 text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-4 font-bold\">3<\/div>\n <span class=\"text-green-600 dark:text-green-400 font-bold block mb-1\">\u0e1e.\u0e28. 2503<\/span>\n <h3 class=\"font-semibold text-slate-700 dark:text-slate-300 text-sm\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/h3>\n <p class=\"text-2xl font-bold text-slate-800 dark:text-white mt-2\"><span class=\"counter\" data-target=\"1200000\">0<\/span><\/p>\n <p class=\"text-xs text-slate-400\">\u0e1a\u0e32\u0e17<\/p>\n <\/div>\n <\/div>\n <div class=\"mt-12 bg-green-700 text-white p-10 rounded-3xl text-center shadow-2xl transition-transform hover:scale-[1.01] duration-300\" data-aos=\"fade-up\">\n <h3 class=\"text-base font-light opacity-80 mb-2\">\u0e23\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e17\u0e31\u0e49\u0e07\u0e2a\u0e34\u0e49\u0e19<\/h3>\n <div class=\"text-4xl md:text-6xl font-extrabold tracking-tight\"><span class=\"counter\" data-target=\"3200000\">0<\/span> \u0e1a\u0e32\u0e17<\/div>\n <p class=\"mt-6 text-sm md:text-base font-light opacity-90 leading-relaxed max-w-4xl mx-auto\">\n \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e44\u0e14\u0e49\u0e19\u0e33\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e0a\u0e32\u0e27\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e39\u0e01\u0e1e\u0e37\u0e0a\u0e1a\u0e32\u0e07\u0e0a\u0e19\u0e34\u0e14\u0e41\u0e0b\u0e21\u0e22\u0e32\u0e07 \u0e15\u0e25\u0e2d\u0e14\u0e08\u0e19\u0e17\u0e33\u0e22\u0e32\u0e07\u0e41\u0e1c\u0e48\u0e19\u0e14\u0e34\u0e1a\u0e41\u0e25\u0e30\u0e22\u0e32\u0e07\u0e2d\u0e37\u0e48\u0e19\u0e46…\n <\/p>\n <\/div>\n <\/section>\n\n \n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 mb-24\">\n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[2.5rem] shadow-xl border border-slate-100 dark:border-slate-700 h-full wp-hover-card\" data-aos=\"fade-right\">\n <h2 class=\"text-2xl font-bold text-slate-800 dark:text-white mb-6 flex items-center gap-3\">\n <span class=\"bg-green-100 dark:bg-green-900\/30 p-3 rounded-2xl text-green-600 text-2xl\">\ud83d\udc41\ufe0f<\/span> \u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\n <\/h2>\n <p class=\"text-xl text-slate-600 dark:text-slate-300 leading-relaxed italic border-l-4 border-green-500 pl-6 py-2\">\n \u201c\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35 \u0e21\u0e35\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e23\u0e07\u0e2a\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c…\u201d\n <\/p>\n <\/div>\n <div class=\"space-y-4\" data-aos=\"fade-left\">\n <h2 class=\"text-2xl font-bold text-green-800 dark:text-green-400 mb-6 px-2\">\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/h2>\n <div class=\"bg-white dark:bg-slate-800 p-5 rounded-2xl shadow-sm border-l-4 border-green-500 wp-hover-card\">\n <p class=\"text-slate-700 dark:text-slate-300 font-medium\">1. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e43\u0e2b\u0e49\u0e0a\u0e32\u0e27\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35 \u0e41\u0e25\u0e30\u0e1b\u0e25\u0e39\u0e01\u0e1e\u0e37\u0e0a\u0e1a\u0e32\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e0b\u0e21\u0e01\u0e31\u0e1a\u0e22\u0e32\u0e07<\/p>\n <\/div>\n <div class=\"bg-white dark:bg-slate-800 p-5 rounded-2xl shadow-sm border-l-4 border-green-500 wp-hover-card\">\n <p class=\"text-slate-700 dark:text-slate-300 font-medium\">2. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e19\u0e04\u0e27\u0e49\u0e32\u0e17\u0e14\u0e25\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e2b\u0e25\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <div class=\"bg-white dark:bg-slate-800 p-5 rounded-2xl shadow-sm border-l-4 border-green-500 wp-hover-card\">\n <p class=\"text-slate-700 dark:text-slate-300 font-medium\">3. \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e43\u0e0a\u0e49 \u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e22\u0e48\u0e2d\u0e21\u0e40\u0e22\u0e32<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"bg-white dark:bg-slate-800 rounded-[3rem] shadow-2xl overflow-hidden border border-slate-100 dark:border-slate-700\" data-aos=\"fade-in\">\n <div class=\"p-10 text-center border-b border-slate-100 dark:border-slate-700 bg-slate-50\/50 dark:bg-slate-900\/50\">\n <h2 class=\"text-2xl font-bold text-slate-800 dark:text-white\">\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/h2>\n <\/div>\n \n <div class=\"flex flex-wrap justify-center bg-white dark:bg-slate-800 border-b dark:border-slate-700 overflow-x-auto\">\n <button onclick=\"changeTabWP(event, 'board-tab')\" class=\"tab-item-wp px-10 py-5 font-semibold text-slate-500 transition-all tab-active border-none bg-transparent cursor-pointer hover:text-green-600\">\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23<\/button>\n <button onclick=\"changeTabWP(event, 'org-tab')\" class=\"tab-item-wp px-10 py-5 font-semibold text-slate-500 transition-all border-none bg-transparent cursor-pointer hover:text-green-600\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/button>\n <button onclick=\"changeTabWP(event, 'units-tab')\" class=\"tab-item-wp px-10 py-5 font-semibold text-slate-500 transition-all border-none bg-transparent cursor-pointer hover:text-green-600\">\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2f<\/button>\n <\/div>\n\n <div class=\"p-6 md:p-12 bg-white dark:bg-slate-800 min-h-[400px]\">\n \n <div id=\"board-tab\" class=\"tab-content-wp block animate-fadeIn\">\n <div class=\"flex flex-col items-center\">\n <div class=\"relative group cursor-zoom-in overflow-hidden rounded-2xl shadow-lg border border-slate-200 dark:border-slate-700 transition-all hover:border-green-500\" onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2026\/01\/Board.png')\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2026\/01\/Board.png\" alt=\"\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\" class=\"w-full h-auto\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Board+Image'\">\n <div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\">\n <div class=\"bg-white\/90 p-4 rounded-full text-green-700\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"mt-4 text-slate-400 text-sm italic\">\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"org-tab\" class=\"tab-content-wp hidden animate-fadeIn\">\n <div class=\"flex flex-col items-center\">\n <div class=\"relative group cursor-zoom-in overflow-hidden rounded-2xl shadow-lg border border-slate-200 dark:border-slate-700 transition-all hover:border-green-500\" onclick=\"openModal('https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/04\/org-1-1536x864.png')\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2023\/04\/org-1-1536x864.png\" alt=\"\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\" class=\"w-full h-auto\" onerror=\"this.src='https:\/\/via.placeholder.com\/800x600?text=Organization+Chart'\">\n <div class=\"absolute inset-0 bg-black\/40 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\">\n <div class=\"bg-white\/90 p-4 rounded-full text-green-700\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\" \/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"mt-4 text-slate-400 text-sm italic\">\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e23\u0e39\u0e1b\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e22\u0e32\u0e22\u0e41\u0e25\u0e30\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"units-tab\" class=\"tab-content-wp hidden animate-fadeIn\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">01.<\/span> \u0e28\u0e04\u0e22.\u0e09\u0e30\u0e40\u0e0a\u0e34\u0e07\u0e40\u0e17\u0e23\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">02.<\/span> \u0e28\u0e04\u0e22.\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">03.<\/span> \u0e28\u0e04\u0e22.\u0e1a\u0e38\u0e23\u0e35\u0e23\u0e31\u0e21\u0e22\u0e4c<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">04.<\/span> \u0e28\u0e04\u0e22.\u0e2a\u0e07\u0e02\u0e25\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">05.<\/span> \u0e28\u0e04\u0e22.\u0e2a\u0e38\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e18\u0e32\u0e19\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">06.<\/span> \u0e28\u0e04\u0e22.\u0e2b\u0e19\u0e2d\u0e07\u0e04\u0e32\u0e22<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">07.<\/span> \u0e28\u0e27\u0e1e.\u0e01\u0e23\u0e30\u0e1a\u0e35\u0e48<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">08.<\/span> \u0e28\u0e27\u0e1b.\u0e01\u0e23\u0e30\u0e1a\u0e35\u0e48<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">09.<\/span> \u0e28\u0e27\u0e28.\u0e08\u0e31\u0e19\u0e17\u0e1a\u0e38\u0e23\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">10.<\/span> \u0e28\u0e27\u0e1e.\u0e08\u0e31\u0e19\u0e17\u0e1a\u0e38\u0e23\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">11.<\/span> \u0e28\u0e27\u0e1e.\u0e0a\u0e38\u0e21\u0e1e\u0e23<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">12.<\/span> \u0e28\u0e27\u0e1e.\u0e15\u0e23\u0e31\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">13.<\/span> \u0e28\u0e27\u0e1e.\u0e19\u0e23\u0e32\u0e18\u0e34\u0e27\u0e32\u0e2a<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">14.<\/span> \u0e28\u0e27\u0e1e.\u0e19\u0e48\u0e32\u0e19<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">15.<\/span> \u0e28\u0e27\u0e1e.\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">16.<\/span> \u0e28\u0e27\u0e1e.\u0e1e\u0e31\u0e07\u0e07\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">17.<\/span> \u0e28\u0e27\u0e1e.\u0e1e\u0e31\u0e17\u0e25\u0e38\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">18.<\/span> \u0e28\u0e27\u0e1e.\u0e20\u0e39\u0e40\u0e01\u0e47\u0e15<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">19.<\/span> \u0e28\u0e27\u0e1e.\u0e23\u0e30\u0e19\u0e2d\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">20.<\/span> \u0e28\u0e27\u0e1e.\u0e23\u0e37\u0e2d\u0e40\u0e2a\u0e32\u0e30<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">21.<\/span> \u0e28\u0e27\u0e1e.\u0e25\u0e33\u0e1b\u0e32\u0e07<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">22.<\/span> \u0e28\u0e27\u0e2a.\u0e22\u0e30\u0e25\u0e32<\/div>\n <div class=\"unit-card text-slate-800 dark:text-slate-200 font-semibold\"><span class=\"text-green-600 mr-2\">23.<\/span> \u0e28\u0e27\u0e1e.\u0e22\u0e30\u0e25\u0e32<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <\/div>\n\n \n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n <script>\n \/\/ \u0e23\u0e30\u0e1a\u0e1a Modal \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Popup \u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\n let currentZoom = 1;\n const modal = document.getElementById(\"imageModalWP\");\n const modalImg = document.getElementById(\"modalImg\");\n const zoomContainer = document.getElementById(\"zoomContainer\");\n\n function openModal(src) {\n modal.style.display = \"flex\";\n modalImg.src = src;\n resetZoom();\n document.body.style.overflow = \"hidden\"; \/\/ \u0e25\u0e47\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e2a\u0e01\u0e23\u0e2d\u0e25\u0e25\u0e4c\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\n }\n\n document.getElementById(\"closeModal\").addEventListener('click', function() {\n modal.style.display = \"none\";\n document.body.style.overflow = \"auto\";\n });\n\n window.addEventListener('click', function(event) {\n if (event.target === modal) {\n modal.style.display = \"none\";\n document.body.style.overflow = \"auto\";\n }\n });\n\n function zoomImage(factor) {\n currentZoom *= factor;\n if (currentZoom < 0.5) currentZoom = 0.5;\n if (currentZoom > 5) currentZoom = 5;\n modalImg.style.transform = `scale(${currentZoom})`;\n }\n\n function resetZoom() {\n currentZoom = 1;\n modalImg.style.transform = `scale(1)`;\n zoomContainer.scrollTo(0, 0);\n }\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e01\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e19 Modal\n let isDragging = false;\n let startX, startY, scrollLeft, scrollTop;\n\n zoomContainer.addEventListener('mousedown', (e) => {\n if (currentZoom <= 1) return;\n isDragging = true;\n startX = e.pageX - zoomContainer.offsetLeft;\n startY = e.pageY - zoomContainer.offsetTop;\n scrollLeft = zoomContainer.scrollLeft;\n scrollTop = zoomContainer.scrollTop;\n });\n\n zoomContainer.addEventListener('mouseleave', () => isDragging = false);\n zoomContainer.addEventListener('mouseup', () => isDragging = false);\n\n zoomContainer.addEventListener('mousemove', (e) => {\n if (!isDragging) return;\n e.preventDefault();\n const x = e.pageX - zoomContainer.offsetLeft;\n const y = e.pageY - zoomContainer.offsetTop;\n const walkX = (x - startX) * 2;\n const walkY = (y - startY) * 2;\n zoomContainer.scrollLeft = scrollLeft - walkX;\n zoomContainer.scrollTop = scrollTop - walkY;\n });\n\n \/\/ \u0e42\u0e2b\u0e25\u0e14\u0e23\u0e30\u0e1a\u0e1a Animation \u0e41\u0e25\u0e30 Counter \u0e17\u0e31\u0e19\u0e17\u0e35\n window.addEventListener('load', function() {\n if (typeof AOS !== 'undefined') {\n AOS.init({ duration: 1000, once: true });\n }\n initCounters();\n });\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a Counter \u0e27\u0e34\u0e48\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\n function initCounters() {\n const counters = document.querySelectorAll('.counter');\n const speed = 200;\n const runCounter = (counter) => {\n const target = +counter.getAttribute('data-target');\n const count = +counter.innerText.replace(\/,\/g, '');\n const increment = target \/ speed;\n if (count < target) {\n const nextCount = Math.ceil(count + increment);\n const finalCount = nextCount > target ? target : nextCount;\n counter.innerText = finalCount.toLocaleString();\n setTimeout(() => runCounter(counter), 10); \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e25\u0e02\u0e2b\u0e19\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e25\u0e37\u0e48\u0e19\u0e44\u0e2b\u0e25\n } else {\n counter.innerText = target.toLocaleString();\n }\n };\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n runCounter(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n counters.forEach(counter => observer.observe(counter));\n }\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a Tabs\n function changeTabWP(evt, tabName) {\n const contents = document.getElementsByClassName(\"tab-content-wp\");\n for (let i = 0; i < contents.length; i++) contents[i].classList.add(\"hidden\");\n \n const tabs = document.getElementsByClassName(\"tab-item-wp\");\n for (let i = 0; i < tabs.length; i++) tabs[i].classList.remove(\"tab-active\");\n \n const targetTab = document.getElementById(tabName);\n targetTab.classList.remove(\"hidden\");\n targetTab.classList.add(\"animate-fadeIn\");\n \n evt.currentTarget.classList.add(\"tab-active\");\n }\n\n \/\/ \u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e38\u0e48\u0e21 Scroll To Top\n const topBtn = document.getElementById('backToTopWP');\n\n window.addEventListener('scroll', function() {\n if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {\n topBtn.classList.add('btn-visible');\n } else {\n topBtn.classList.remove('btn-visible');\n }\n });\n\n topBtn.addEventListener('click', function() {\n window.scrollTo({top: 0, behavior: 'smooth'});\n });\n <\/script>\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 × \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","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-12755","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12755","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=12755"}],"version-history":[{"count":23,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12755\/revisions"}],"predecessor-version":[{"id":13360,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12755\/revisions\/13360"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=12755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}