\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\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 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <script>\n \/\/ \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 Tailwind CSS Dark Mode (Class Strategy)\n tailwind.config = {\n darkMode: 'class',\n }\n\n \/\/ \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01 Local Storage \u0e2b\u0e23\u0e37\u0e2d System Preference\n if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n document.documentElement.classList.add('dark')\n } else {\n document.documentElement.classList.remove('dark')\n }\n\n function toggleDarkMode() {\n const html = document.documentElement;\n if (html.classList.contains('dark')) {\n html.classList.remove('dark');\n localStorage.theme = 'light';\n } else {\n html.classList.add('dark');\n localStorage.theme = 'dark';\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f0f4f8;\n transition: background-color 0.3s ease, color 0.3s ease;\n }\n \/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Dark Mode \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2b\u0e25\u0e31\u0e01 *\/\n .dark body {\n background-color: #0f172a;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49 Hero \u0e2a\u0e39\u0e07 100% \u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d *\/\n .hero-full {\n height: 100vh;\n min-height: 600px;\n }\n \/* \u0e1b\u0e23\u0e31\u0e1a Overlay \u0e43\u0e2b\u0e49\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e41\u0e2a\u0e07\u0e1e\u0e2d\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e0a\u0e31\u0e14\u0e02\u0e36\u0e49\u0e19 *\/\n .hero-overlay {\n background: linear-gradient(to bottom, rgba(22, 101, 52, 0.45), rgba(30, 58, 138, 0.65));\n transition: opacity 0.3s ease;\n }\n .dark .hero-overlay {\n background: linear-gradient(to bottom, rgba(6, 78, 59, 0.7), rgba(15, 23, 42, 0.9));\n }\n\n .card-hover:hover {\n transform: translateY(-8px);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .cartoon-float {\n animation: float 3s ease-in-out infinite;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e19\u0e38\u0e48\u0e21\u0e19\u0e27\u0e25\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e25\u0e07 *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* \u0e1b\u0e38\u0e48\u0e21 Scroll to Top *\/\n #scrollTopBtn {\n opacity: 0;\n visibility: hidden;\n transition: all 0.4s ease;\n }\n #scrollTopBtn.show {\n opacity: 1;\n visibility: visible;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1b\u0e38\u0e48\u0e21 Dark Mode \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35\u0e1b\u0e38\u0e48\u0e21 Scroll Top \u0e1b\u0e23\u0e32\u0e01\u0e0f *\/\n #darkModeBtn {\n transition: all 0.4s ease;\n }\n #darkModeBtn.pushed-up {\n transform: translateY(-85px);\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a Map \u0e43\u0e19\u0e42\u0e2b\u0e21\u0e14\u0e21\u0e37\u0e14 *\/\n .dark iframe {\n filter: invert(90%) hue-rotate(180deg);\n }\n\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a FAQ Accordion *\/\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n .faq-item.active .faq-content {\n max-height: 500px;\n }\n .faq-item.active .faq-icon {\n transform: rotate(180deg);\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800 dark:text-gray-100 pb-12\"> \n\n \n <div id=\"darkModeBtn\" class=\"fixed bottom-8 right-8 z-[110]\">\n <button onclick=\"toggleDarkMode()\" class=\"p-4 rounded-full bg-white\/80 dark:bg-slate-800\/80 backdrop-blur-md border border-white dark:border-slate-700 shadow-2xl hover:scale-110 active:scale-95 transition-all\">\n <span class=\"dark:hidden text-2xl\">\ud83c\udf19<\/span>\n <span class=\"hidden dark:inline text-2xl\">\u2600\ufe0f<\/span>\n <\/button>\n <\/div>\n\n \n <header class=\"relative hero-full flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2026\/02\/office.png\" \n alt=\"[\u0e20\u0e32\u0e1e\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07]\" \n class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 hero-overlay\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 max-w-4xl mx-auto text-center px-4 text-white\">\n <div class=\"cartoon-float mb-6 inline-block\">\n \n <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#ffffff\" fill-opacity=\"0.3\"\/>\n <path d=\"M50 20C40 20 32 28 32 38C32 55 50 75 50 75C50 75 68 55 68 38C68 28 60 20 50 20Z\" fill=\"#4ade80\"\/>\n <circle cx=\"50\" cy=\"38\" r=\"8\" fill=\"white\"\/>\n <path d=\"M30 80C30 80 40 70 50 70C60 70 70 80 70 80\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-bold mb-6 drop-shadow-2xl\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h1>\n <p class=\"text-xl md:text-3xl opacity-95 font-light mb-10\">\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/p>\n \n \n <a href=\"#content\" class=\"inline-block animate-bounce bg-white\/20 hover:bg-white\/30 p-4 rounded-full backdrop-blur-sm transition\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/>\n <\/svg>\n <\/a>\n <\/div>\n <\/header>\n\n \n <main id=\"content\" class=\"relative z-20\">\n \n \n <div class=\"max-w-6xl mx-auto px-4 -mt-24 mb-16\">\n \n <div class=\"bg-yellow-50 dark:bg-slate-800 border-2 border-yellow-200 dark:border-yellow-600\/30 p-8 rounded-[3rem] mb-12 shadow-xl flex flex-col md:flex-row items-center transform hover:scale-[1.01] transition-all\">\n <div class=\"text-6xl mr-8 mb-4 md:mb-0\">\ud83d\udc68\u200d\ud83c\udf3e<\/div>\n <div class=\"text-center md:text-left\">\n <h2 class=\"text-2xl font-bold text-yellow-800 dark:text-yellow-400 mb-2\">\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e04\u0e23\u0e31\u0e1a! \u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e14\u0e39\u0e41\u0e25\u0e44\u0e2b\u0e21\u0e04\u0e23\u0e31\u0e1a?<\/h2>\n <p class=\"text-yellow-700 dark:text-gray-300 text-lg\">\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\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\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[3rem] shadow-2xl card-hover border-b-8 border-green-500 dark:border-green-600 text-center transition-colors\">\n <div class=\"w-20 h-20 bg-green-100 dark:bg-green-900\/30 rounded-3xl flex items-center justify-center mx-auto mb-8\">\n <span class=\"text-4xl\">\ud83d\udccd<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4 text-green-800 dark:text-green-400\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/h3>\n <p class=\"text-gray-600 dark:text-gray-300 leading-relaxed text-lg\">\n <strong>\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/strong><br>\n \u0e01\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<br>\n 50 \u0e16.\u0e1e\u0e2b\u0e25\u0e42\u0e22\u0e18\u0e34\u0e19 \u0e41\u0e02\u0e27\u0e07\u0e25\u0e32\u0e14\u0e22\u0e32\u0e27<br>\n \u0e40\u0e02\u0e15\u0e08\u0e15\u0e38\u0e08\u0e31\u0e01\u0e23 \u0e01\u0e17\u0e21. 10900\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[3rem] shadow-2xl card-hover border-b-8 border-blue-500 dark:border-blue-600 text-center transition-colors\">\n <div class=\"w-20 h-20 bg-blue-100 dark:bg-blue-900\/30 rounded-3xl flex items-center justify-center mx-auto mb-8\">\n <span class=\"text-4xl\">\ud83d\udcde<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4 text-blue-800 dark:text-blue-400\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ \u0e41\u0e1f\u0e01\u0e0b\u0e4c<\/h3>\n <p class=\"text-gray-600 dark:text-gray-300 mb-2 text-lg\">\u0e42\u0e17\u0e23: <strong class=\"text-blue-600 dark:text-blue-400 font-bold\">0-2579-1576<\/strong><\/p>\n <p class=\"text-gray-600 dark:text-gray-300 text-lg\">\u0e41\u0e1f\u0e01\u0e0b\u0e4c: 0-2561-5394<\/p>\n <\/div>\n\n \n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[3rem] shadow-2xl card-hover border-b-8 border-yellow-500 dark:border-yellow-600 text-center transition-colors\">\n <div class=\"w-20 h-20 bg-yellow-100 dark:bg-yellow-900\/30 rounded-3xl flex items-center justify-center mx-auto mb-8\">\n <span class=\"text-4xl\">\ud83d\udcf1<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4 text-yellow-800 dark:text-yellow-400\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\n \n <div class=\"flex flex-col space-y-3 mb-6\">\n <p class=\"text-blue-600 dark:text-blue-300 font-bold text-lg\">rubberfunds@gmail.com<\/p>\n \n \n <div class=\"flex justify-center gap-4 mt-2\">\n <a href=\"https:\/\/www.facebook.com\/rubberfund\" target=\"_blank\" class=\"flex items-center gap-2 bg-[#1877F2] hover:bg-[#166fe5] text-white px-4 py-2 rounded-full text-sm font-bold transition transform hover:scale-105\">\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n Facebook\n <\/a>\n <a href=\"https:\/\/lin.ee\/okHZMJE\" target=\"_blank\" class=\"flex items-center gap-2 bg-[#06C755] hover:bg-[#05b34c] text-white px-4 py-2 rounded-full text-sm font-bold transition transform hover:scale-105\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/41\/LINE_logo.svg\" class=\"w-5 h-5\" alt=\"Line Icon\">\n Line\n <\/a>\n <\/div>\n <\/div>\n \n <p class=\"text-sm text-gray-400 dark:text-gray-500 mt-6 uppercase tracking-widest font-bold border-t pt-4 border-gray-100 dark:border-slate-700\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23: 8:30 – 16:30<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"w-full bg-white dark:bg-slate-900 py-12 border-t-4 border-green-600\/20 dark:border-green-900\/40 flex flex-col items-center transition-colors\">\n <div class=\"w-[90%] mb-8 flex flex-col md:flex-row justify-between items-center\">\n <h2 class=\"text-3xl font-bold text-gray-800 dark:text-white mb-4 md:mb-0\">\n <span class=\"text-green-600\">|<\/span> \u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\n <\/h2>\n <a href=\"https:\/\/maps.app.goo.gl\/M7jBvzf7mFGJK4eG6\" target=\"_blank\" class=\"bg-green-600 hover:bg-green-700 text-white px-10 py-4 rounded-full font-bold transition transform hover:scale-105 shadow-xl flex items-center text-lg\">\n <span class=\"mr-3\">\ud83d\ude80<\/span> \u0e40\u0e1b\u0e34\u0e14 Google Maps\n <\/a>\n <\/div>\n \n \n <div class=\"w-[90%] h-[600px] relative rounded-[3rem] overflow-hidden shadow-2xl border-[10px] border-green-50 dark:border-slate-800 shadow-green-900\/10 dark:shadow-black\/20 transition-all\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d242.11155551301584!2d100.57733378420473!3d13.851947063495771!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29d20e6eb20e1%3A0xd776a9eeb6392677!2z4LiB4Lit4LiH4LiB4Liy4Lij4Lii4Liy4LiH!5e0!3m2!1sth!2sth!4v1771125485098!5m2!1sth!2sth\" \n class=\"w-full h-full\"\n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full bg-gray-50 dark:bg-slate-800\/50 py-20 flex flex-col items-center border-t border-gray-100 dark:border-slate-700 transition-colors\">\n <div class=\"max-w-4xl w-[90%]\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-4xl font-bold text-gray-800 dark:text-white mb-4\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/h2>\n <p class=\"text-gray-500 dark:text-gray-400\">\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e2d\u0e32\u0e08\u0e21\u0e35<\/p>\n <\/div>\n\n <div class=\"space-y-4\">\n \n <div class=\"faq-item bg-white dark:bg-slate-800 rounded-3xl shadow-md border border-gray-100 dark:border-slate-700 overflow-hidden transition-all\">\n <button onclick=\"toggleFaq(this)\" class=\"w-full px-8 py-6 text-left flex justify-between items-center group\">\n <span class=\"text-lg font-bold text-gray-700 dark:text-gray-200 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors\">1. \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\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<\/span>\n <svg class=\"faq-icon w-6 h-6 text-gray-400 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-content px-8\">\n <div class=\"pb-6 text-gray-600 dark:text-gray-400 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 \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e43\u0e19\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e35\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01 \u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e04\u0e48\u0e30 \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19 \u0e2b\u0e23\u0e37\u0e2d \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07 \u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07 \u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 (\u0e01\u0e22\u0e17) \u0e16\u0e32\u0e21\u0e17\u0e35\u0e48 \u0e01\u0e22\u0e17.\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a\n\u0e2b\u0e32\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07 \u0e23\u0e32\u0e04\u0e32 \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e41\u0e25\u0e30 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e19\u0e30\u0e04\u0e23\u0e31\u0e1a\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item bg-white dark:bg-slate-800 rounded-3xl shadow-md border border-gray-100 dark:border-slate-700 overflow-hidden transition-all\">\n <button onclick=\"toggleFaq(this)\" class=\"w-full px-8 py-6 text-left flex justify-between items-center group\">\n <span class=\"text-lg font-bold text-gray-700 dark:text-gray-200 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors\">2. \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e19 \u0e21\u0e35\u0e08\u0e38\u0e14\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e49\u0e32\u0e07?<\/span>\n <svg class=\"faq-icon w-6 h-6 text-gray-400 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-content px-8\">\n <div class=\"pb-6 text-gray-600 dark:text-gray-400 leading-relaxed\">\n \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 (\u0e1e\u0e2b\u0e25\u0e42\u0e22\u0e18\u0e34\u0e19) \u0e43\u0e01\u0e25\u0e49\u0e01\u0e31\u0e1a\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1a\u0e32\u0e07\u0e40\u0e02\u0e19 \u0e42\u0e14\u0e22\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48 Google Maps \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e19\u0e33\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e04\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e15\u0e48\u0e32\u0e07\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e14\u0e49 <a href=\"https:\/\/www.doa.go.th\/rubberfund\/branch\/\"target=\"_blank\">\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item bg-white dark:bg-slate-800 rounded-3xl shadow-md border border-gray-100 dark:border-slate-700 overflow-hidden transition-all\">\n <button onclick=\"toggleFaq(this)\" class=\"w-full px-8 py-6 text-left flex justify-between items-center group\">\n <span class=\"text-lg font-bold text-gray-700 dark:text-gray-200 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors\">3. \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e17\u0e32\u0e07 Line \u0e2b\u0e23\u0e37\u0e2d Facebook \u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48?<\/span>\n <svg class=\"faq-icon w-6 h-6 text-gray-400 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-content px-8\">\n <div class=\"pb-6 text-gray-600 dark:text-gray-400 leading-relaxed\">\n \u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e04\u0e23\u0e31\u0e1a \u0e17\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a\u0e43\u0e19\u0e27\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 (\u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c-\u0e28\u0e38\u0e01\u0e23\u0e4c \u0e40\u0e27\u0e25\u0e32 8:30 – 16:30 \u0e19.) \u0e04\u0e23\u0e31\u0e1a\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <button id=\"scrollTopBtn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"fixed bottom-8 right-8 z-[100] bg-green-600 hover:bg-green-500 text-white p-4 rounded-full shadow-2xl transition-all hover:-translate-y-2 active:scale-95 border-4 border-white dark:border-slate-800\">\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 <script>\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e41\u0e2a\u0e14\u0e07\/\u0e0b\u0e48\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21 Scroll Top \u0e41\u0e25\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21 Dark Mode\n const scrollBtn = document.getElementById(\"scrollTopBtn\");\n const darkModeBtn = document.getElementById(\"darkModeBtn\");\n\n window.onscroll = function() {\n if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {\n scrollBtn.classList.add(\"show\");\n darkModeBtn.classList.add(\"pushed-up\");\n } else {\n scrollBtn.classList.remove(\"show\");\n darkModeBtn.classList.remove(\"pushed-up\");\n }\n };\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 FAQ Accordion\n function toggleFaq(btn) {\n const item = btn.parentElement;\n const isActive = item.classList.contains('active');\n \n \/\/ \u0e1b\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e01\u0e48\u0e2d\u0e19 (Optional)\n document.querySelectorAll('.faq-item').forEach(el => el.classList.remove('active'));\n \n \/\/ \u0e16\u0e49\u0e32\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e01\u0e14\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e2d\u0e22\u0e39\u0e48 \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e21\u0e31\u0e19\u0e0b\u0e30\n if (!isActive) {\n item.classList.add('active');\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\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 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29 […]<\/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-12893","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12893","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=12893"}],"version-history":[{"count":2,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12893\/revisions"}],"predecessor-version":[{"id":13091,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12893\/revisions\/13091"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=12893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n \n \n \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\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 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <script>\n \/\/ \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49 Tailwind CSS Dark Mode (Class Strategy)\n tailwind.config = {\n darkMode: 'class',\n }\n\n \/\/ \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e08\u0e32\u0e01 Local Storage \u0e2b\u0e23\u0e37\u0e2d System Preference\n if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n document.documentElement.classList.add('dark')\n } else {\n document.documentElement.classList.remove('dark')\n }\n\n function toggleDarkMode() {\n const html = document.documentElement;\n if (html.classList.contains('dark')) {\n html.classList.remove('dark');\n localStorage.theme = 'light';\n } else {\n html.classList.add('dark');\n localStorage.theme = 'dark';\n }\n }\n <\/script>\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f0f4f8;\n transition: background-color 0.3s ease, color 0.3s ease;\n }\n \/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Dark Mode \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2b\u0e25\u0e31\u0e01 *\/\n .dark body {\n background-color: #0f172a;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e43\u0e2b\u0e49 Hero \u0e2a\u0e39\u0e07 100% \u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d *\/\n .hero-full {\n height: 100vh;\n min-height: 600px;\n }\n \/* \u0e1b\u0e23\u0e31\u0e1a Overlay \u0e43\u0e2b\u0e49\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e41\u0e2a\u0e07\u0e1e\u0e2d\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e2b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e0a\u0e31\u0e14\u0e02\u0e36\u0e49\u0e19 *\/\n .hero-overlay {\n background: linear-gradient(to bottom, rgba(22, 101, 52, 0.45), rgba(30, 58, 138, 0.65));\n transition: opacity 0.3s ease;\n }\n .dark .hero-overlay {\n background: linear-gradient(to bottom, rgba(6, 78, 59, 0.7), rgba(15, 23, 42, 0.9));\n }\n\n .card-hover:hover {\n transform: translateY(-8px);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n .cartoon-float {\n animation: float 3s ease-in-out infinite;\n }\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n \/* \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e19\u0e38\u0e48\u0e21\u0e19\u0e27\u0e25\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e25\u0e07 *\/\n html {\n scroll-behavior: smooth;\n }\n\n \/* \u0e1b\u0e38\u0e48\u0e21 Scroll to Top *\/\n #scrollTopBtn {\n opacity: 0;\n visibility: hidden;\n transition: all 0.4s ease;\n }\n #scrollTopBtn.show {\n opacity: 1;\n visibility: visible;\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1b\u0e38\u0e48\u0e21 Dark Mode \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35\u0e1b\u0e38\u0e48\u0e21 Scroll Top \u0e1b\u0e23\u0e32\u0e01\u0e0f *\/\n #darkModeBtn {\n transition: all 0.4s ease;\n }\n #darkModeBtn.pushed-up {\n transform: translateY(-85px);\n }\n\n \/* \u0e1b\u0e23\u0e31\u0e1a Map \u0e43\u0e19\u0e42\u0e2b\u0e21\u0e14\u0e21\u0e37\u0e14 *\/\n .dark iframe {\n filter: invert(90%) hue-rotate(180deg);\n }\n\n \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a FAQ Accordion *\/\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n }\n .faq-item.active .faq-content {\n max-height: 500px;\n }\n .faq-item.active .faq-icon {\n transform: rotate(180deg);\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800 dark:text-gray-100 pb-12\"> \n\n \n <div id=\"darkModeBtn\" class=\"fixed bottom-8 right-8 z-[110]\">\n <button onclick=\"toggleDarkMode()\" class=\"p-4 rounded-full bg-white\/80 dark:bg-slate-800\/80 backdrop-blur-md border border-white dark:border-slate-700 shadow-2xl hover:scale-110 active:scale-95 transition-all\">\n <span class=\"dark:hidden text-2xl\">\ud83c\udf19<\/span>\n <span class=\"hidden dark:inline text-2xl\">\u2600\ufe0f<\/span>\n <\/button>\n <\/div>\n\n \n <header class=\"relative hero-full flex items-center justify-center overflow-hidden\">\n \n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/www.doa.go.th\/rubberfund\/wp-content\/uploads\/2026\/02\/office.png\" \n alt=\"[\u0e20\u0e32\u0e1e\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07]\" \n class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 hero-overlay\"><\/div>\n <\/div>\n\n <div class=\"relative z-10 max-w-4xl mx-auto text-center px-4 text-white\">\n <div class=\"cartoon-float mb-6 inline-block\">\n \n <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"#ffffff\" fill-opacity=\"0.3\"\/>\n <path d=\"M50 20C40 20 32 28 32 38C32 55 50 75 50 75C50 75 68 55 68 38C68 28 60 20 50 20Z\" fill=\"#4ade80\"\/>\n <circle cx=\"50\" cy=\"38\" r=\"8\" fill=\"white\"\/>\n <path d=\"M30 80C30 80 40 70 50 70C60 70 70 80 70 80\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-bold mb-6 drop-shadow-2xl\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h1>\n <p class=\"text-xl md:text-3xl opacity-95 font-light mb-10\">\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/p>\n \n \n <a href=\"#content\" class=\"inline-block animate-bounce bg-white\/20 hover:bg-white\/30 p-4 rounded-full backdrop-blur-sm transition\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/>\n <\/svg>\n <\/a>\n <\/div>\n <\/header>\n\n \n <main id=\"content\" class=\"relative z-20\">\n \n \n <div class=\"max-w-6xl mx-auto px-4 -mt-24 mb-16\">\n \n <div class=\"bg-yellow-50 dark:bg-slate-800 border-2 border-yellow-200 dark:border-yellow-600\/30 p-8 rounded-[3rem] mb-12 shadow-xl flex flex-col md:flex-row items-center transform hover:scale-[1.01] transition-all\">\n <div class=\"text-6xl mr-8 mb-4 md:mb-0\">\ud83d\udc68\u200d\ud83c\udf3e<\/div>\n <div class=\"text-center md:text-left\">\n <h2 class=\"text-2xl font-bold text-yellow-800 dark:text-yellow-400 mb-2\">\u0e2a\u0e27\u0e31\u0e2a\u0e14\u0e35\u0e04\u0e23\u0e31\u0e1a! \u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32\u0e0a\u0e48\u0e27\u0e22\u0e14\u0e39\u0e41\u0e25\u0e44\u0e2b\u0e21\u0e04\u0e23\u0e31\u0e1a?<\/h2>\n <p class=\"text-yellow-700 dark:text-gray-300 text-lg\">\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\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\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e19\u0e35\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[3rem] shadow-2xl card-hover border-b-8 border-green-500 dark:border-green-600 text-center transition-colors\">\n <div class=\"w-20 h-20 bg-green-100 dark:bg-green-900\/30 rounded-3xl flex items-center justify-center mx-auto mb-8\">\n <span class=\"text-4xl\">\ud83d\udccd<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4 text-green-800 dark:text-green-400\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/h3>\n <p class=\"text-gray-600 dark:text-gray-300 leading-relaxed text-lg\">\n <strong>\u0e40\u0e07\u0e34\u0e19\u0e17\u0e38\u0e19\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32<\/strong><br>\n \u0e01\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<br>\n 50 \u0e16.\u0e1e\u0e2b\u0e25\u0e42\u0e22\u0e18\u0e34\u0e19 \u0e41\u0e02\u0e27\u0e07\u0e25\u0e32\u0e14\u0e22\u0e32\u0e27<br>\n \u0e40\u0e02\u0e15\u0e08\u0e15\u0e38\u0e08\u0e31\u0e01\u0e23 \u0e01\u0e17\u0e21. 10900\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[3rem] shadow-2xl card-hover border-b-8 border-blue-500 dark:border-blue-600 text-center transition-colors\">\n <div class=\"w-20 h-20 bg-blue-100 dark:bg-blue-900\/30 rounded-3xl flex items-center justify-center mx-auto mb-8\">\n <span class=\"text-4xl\">\ud83d\udcde<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4 text-blue-800 dark:text-blue-400\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ \u0e41\u0e1f\u0e01\u0e0b\u0e4c<\/h3>\n <p class=\"text-gray-600 dark:text-gray-300 mb-2 text-lg\">\u0e42\u0e17\u0e23: <strong class=\"text-blue-600 dark:text-blue-400 font-bold\">0-2579-1576<\/strong><\/p>\n <p class=\"text-gray-600 dark:text-gray-300 text-lg\">\u0e41\u0e1f\u0e01\u0e0b\u0e4c: 0-2561-5394<\/p>\n <\/div>\n\n \n <div class=\"bg-white dark:bg-slate-800 p-10 rounded-[3rem] shadow-2xl card-hover border-b-8 border-yellow-500 dark:border-yellow-600 text-center transition-colors\">\n <div class=\"w-20 h-20 bg-yellow-100 dark:bg-yellow-900\/30 rounded-3xl flex items-center justify-center mx-auto mb-8\">\n <span class=\"text-4xl\">\ud83d\udcf1<\/span>\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4 text-yellow-800 dark:text-yellow-400\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\n \n <div class=\"flex flex-col space-y-3 mb-6\">\n <p class=\"text-blue-600 dark:text-blue-300 font-bold text-lg\">rubberfunds@gmail.com<\/p>\n \n \n <div class=\"flex justify-center gap-4 mt-2\">\n <a href=\"https:\/\/www.facebook.com\/rubberfund\" target=\"_blank\" class=\"flex items-center gap-2 bg-[#1877F2] hover:bg-[#166fe5] text-white px-4 py-2 rounded-full text-sm font-bold transition transform hover:scale-105\">\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n Facebook\n <\/a>\n <a href=\"https:\/\/lin.ee\/okHZMJE\" target=\"_blank\" class=\"flex items-center gap-2 bg-[#06C755] hover:bg-[#05b34c] text-white px-4 py-2 rounded-full text-sm font-bold transition transform hover:scale-105\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/4\/41\/LINE_logo.svg\" class=\"w-5 h-5\" alt=\"Line Icon\">\n Line\n <\/a>\n <\/div>\n <\/div>\n \n <p class=\"text-sm text-gray-400 dark:text-gray-500 mt-6 uppercase tracking-widest font-bold border-t pt-4 border-gray-100 dark:border-slate-700\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23: 8:30 – 16:30<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"w-full bg-white dark:bg-slate-900 py-12 border-t-4 border-green-600\/20 dark:border-green-900\/40 flex flex-col items-center transition-colors\">\n <div class=\"w-[90%] mb-8 flex flex-col md:flex-row justify-between items-center\">\n <h2 class=\"text-3xl font-bold text-gray-800 dark:text-white mb-4 md:mb-0\">\n <span class=\"text-green-600\">|<\/span> \u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\n <\/h2>\n <a href=\"https:\/\/maps.app.goo.gl\/M7jBvzf7mFGJK4eG6\" target=\"_blank\" class=\"bg-green-600 hover:bg-green-700 text-white px-10 py-4 rounded-full font-bold transition transform hover:scale-105 shadow-xl flex items-center text-lg\">\n <span class=\"mr-3\">\ud83d\ude80<\/span> \u0e40\u0e1b\u0e34\u0e14 Google Maps\n <\/a>\n <\/div>\n \n \n <div class=\"w-[90%] h-[600px] relative rounded-[3rem] overflow-hidden shadow-2xl border-[10px] border-green-50 dark:border-slate-800 shadow-green-900\/10 dark:shadow-black\/20 transition-all\">\n <iframe \n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d242.11155551301584!2d100.57733378420473!3d13.851947063495771!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29d20e6eb20e1%3A0xd776a9eeb6392677!2z4LiB4Lit4LiH4LiB4Liy4Lij4Lii4Liy4LiH!5e0!3m2!1sth!2sth!4v1771125485098!5m2!1sth!2sth\" \n class=\"w-full h-full\"\n style=\"border:0;\" \n allowfullscreen=\"\" \n loading=\"lazy\" \n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/section>\n\n \n <section class=\"w-full bg-gray-50 dark:bg-slate-800\/50 py-20 flex flex-col items-center border-t border-gray-100 dark:border-slate-700 transition-colors\">\n <div class=\"max-w-4xl w-[90%]\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-4xl font-bold text-gray-800 dark:text-white mb-4\">\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/h2>\n <p class=\"text-gray-500 dark:text-gray-400\">\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e2d\u0e32\u0e08\u0e21\u0e35<\/p>\n <\/div>\n\n <div class=\"space-y-4\">\n \n <div class=\"faq-item bg-white dark:bg-slate-800 rounded-3xl shadow-md border border-gray-100 dark:border-slate-700 overflow-hidden transition-all\">\n <button onclick=\"toggleFaq(this)\" class=\"w-full px-8 py-6 text-left flex justify-between items-center group\">\n <span class=\"text-lg font-bold text-gray-700 dark:text-gray-200 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors\">1. \u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\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<\/span>\n <svg class=\"faq-icon w-6 h-6 text-gray-400 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-content px-8\">\n <div class=\"pb-6 text-gray-600 dark:text-gray-400 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 \u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e43\u0e19\u0e2a\u0e31\u0e07\u0e01\u0e31\u0e14\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e35\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e23\u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e16\u0e39\u0e01 \u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e04\u0e48\u0e30 \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32\u0e01\u0e32\u0e23\u0e08\u0e48\u0e32\u0e22\u0e40\u0e07\u0e34\u0e19 \u0e2b\u0e23\u0e37\u0e2d \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e25\u0e39\u0e01\u0e22\u0e32\u0e07 \u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07 \u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 (\u0e01\u0e22\u0e17) \u0e16\u0e32\u0e21\u0e17\u0e35\u0e48 \u0e01\u0e22\u0e17.\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a\n\u0e2b\u0e32\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e14\u0e49\u0e32\u0e19\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07 \u0e23\u0e32\u0e04\u0e32 \u0e08\u0e33\u0e19\u0e27\u0e19 \u0e41\u0e25\u0e30 \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e01\u0e34\u0e48\u0e07\u0e15\u0e32\u0e22\u0e32\u0e07 \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e19\u0e30\u0e04\u0e23\u0e31\u0e1a\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item bg-white dark:bg-slate-800 rounded-3xl shadow-md border border-gray-100 dark:border-slate-700 overflow-hidden transition-all\">\n <button onclick=\"toggleFaq(this)\" class=\"w-full px-8 py-6 text-left flex justify-between items-center group\">\n <span class=\"text-lg font-bold text-gray-700 dark:text-gray-200 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors\">2. \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e19 \u0e21\u0e35\u0e08\u0e38\u0e14\u0e2a\u0e31\u0e07\u0e40\u0e01\u0e15\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e49\u0e32\u0e07?<\/span>\n <svg class=\"faq-icon w-6 h-6 text-gray-400 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-content px-8\">\n <div class=\"pb-6 text-gray-600 dark:text-gray-400 leading-relaxed\">\n \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e15\u0e31\u0e49\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 (\u0e1e\u0e2b\u0e25\u0e42\u0e22\u0e18\u0e34\u0e19) \u0e43\u0e01\u0e25\u0e49\u0e01\u0e31\u0e1a\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1a\u0e32\u0e07\u0e40\u0e02\u0e19 \u0e42\u0e14\u0e22\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48 Google Maps \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e19\u0e33\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33\u0e04\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19 \u0e15\u0e48\u0e32\u0e07\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e44\u0e14\u0e49 <a href=\"https:\/\/www.doa.go.th\/rubberfund\/branch\/\"target=\"_blank\">\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-item bg-white dark:bg-slate-800 rounded-3xl shadow-md border border-gray-100 dark:border-slate-700 overflow-hidden transition-all\">\n <button onclick=\"toggleFaq(this)\" class=\"w-full px-8 py-6 text-left flex justify-between items-center group\">\n <span class=\"text-lg font-bold text-gray-700 dark:text-gray-200 group-hover:text-green-600 dark:group-hover:text-green-400 transition-colors\">3. \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e17\u0e32\u0e07 Line \u0e2b\u0e23\u0e37\u0e2d Facebook \u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48?<\/span>\n <svg class=\"faq-icon w-6 h-6 text-gray-400 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/button>\n <div class=\"faq-content px-8\">\n <div class=\"pb-6 text-gray-600 dark:text-gray-400 leading-relaxed\">\n \u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e04\u0e23\u0e31\u0e1a \u0e17\u0e31\u0e49\u0e07\u0e19\u0e35\u0e49\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a\u0e43\u0e19\u0e27\u0e31\u0e19\u0e41\u0e25\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 (\u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c-\u0e28\u0e38\u0e01\u0e23\u0e4c \u0e40\u0e27\u0e25\u0e32 8:30 – 16:30 \u0e19.) \u0e04\u0e23\u0e31\u0e1a\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <button id=\"scrollTopBtn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"fixed bottom-8 right-8 z-[100] bg-green-600 hover:bg-green-500 text-white p-4 rounded-full shadow-2xl transition-all hover:-translate-y-2 active:scale-95 border-4 border-white dark:border-slate-800\">\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 <script>\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e41\u0e2a\u0e14\u0e07\/\u0e0b\u0e48\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21 Scroll Top \u0e41\u0e25\u0e30\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21 Dark Mode\n const scrollBtn = document.getElementById(\"scrollTopBtn\");\n const darkModeBtn = document.getElementById(\"darkModeBtn\");\n\n window.onscroll = function() {\n if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {\n scrollBtn.classList.add(\"show\");\n darkModeBtn.classList.add(\"pushed-up\");\n } else {\n scrollBtn.classList.remove(\"show\");\n darkModeBtn.classList.remove(\"pushed-up\");\n }\n };\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 FAQ Accordion\n function toggleFaq(btn) {\n const item = btn.parentElement;\n const isActive = item.classList.contains('active');\n \n \/\/ \u0e1b\u0e34\u0e14\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e01\u0e48\u0e2d\u0e19 (Optional)\n document.querySelectorAll('.faq-item').forEach(el => el.classList.remove('active'));\n \n \/\/ \u0e16\u0e49\u0e32\u0e02\u0e49\u0e2d\u0e17\u0e35\u0e48\u0e01\u0e14\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e01\u0e33\u0e25\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e2d\u0e22\u0e39\u0e48 \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e34\u0e14\u0e21\u0e31\u0e19\u0e0b\u0e30\n if (!isActive) {\n item.classList.add('active');\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\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 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29 […]<\/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-12893","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12893","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=12893"}],"version-history":[{"count":2,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12893\/revisions"}],"predecessor-version":[{"id":13091,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/12893\/revisions\/13091"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=12893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}