\u0e04\u0e25\u0e31\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 – Smart KM Portal<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n fontFamily: {\n sarabun: ['Sarabun', 'sans-serif'],\n chakra: ['Chakra Petch', 'sans-serif'],\n },\n },\n },\n }\n <\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;700&family=Chakra+Petch:wght@600&display=swap\" rel=\"stylesheet\">\n <style>\n .rubber-content-wrapper { font-family: 'Sarabun', sans-serif; scroll-behavior: smooth; }\n \n \/* Reveal Animation on Scroll *\/\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n #scrollTopBtn { opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 999; }\n #scrollTopBtn.show { opacity: 1; visibility: visible; }\n \n .card-hover { transition: all 0.3s ease; }\n .card-hover:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1);\n }\n\n \/* Mobile Adjustments *\/\n @media (max-width: 640px) {\n .rubber-content-wrapper { padding-left: 0.5rem; padding-right: 0.5rem; }\n section { margin-bottom: 3rem !important; }\n h2 { font-size: 1.4rem !important; }\n }\n <\/style>\n<\/head>\n<body class=\"bg-transparent\">\n\n \n <div class=\"rubber-content-wrapper max-w-7xl mx-auto py-2 space-y-12 md:space-y-24\">\n\n \n <section id=\"nursery\" class=\"reveal scroll-mt-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 md:mb-8\">\n <div class=\"flex items-center gap-3\">\n <div class=\"h-1 w-8 bg-green-600 rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-black text-slate-800 dark:text-white font-chakra uppercase tracking-tight\">01 \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/yang_pan_dee\/\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-green-50 dark:bg-green-900\/20 text-green-700 dark:text-green-400 rounded-full text-xs font-bold border border-green-200 dark:border-green-800 hover:bg-green-600 hover:text-white transition-all w-fit shadow-sm\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/><\/svg>\n \u0e17\u0e35\u0e48\u0e21\u0e32: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\n <\/a>\n <\/div>\n \n <div class=\"grid lg:grid-cols-3 gap-6\">\n <div class=\"lg:col-span-2\">\n <div class=\"bg-white dark:bg-slate-900 p-6 md:p-8 rounded-[2rem] border border-slate-100 dark:border-slate-800 shadow-sm card-hover\">\n <h3 class=\"font-bold text-lg md:text-xl mb-6 dark:text-white font-chakra flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-lg bg-green-100 dark:bg-green-900\/30 flex items-center justify-center text-green-600\">\u2605<\/span>\n \u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e41\u0e19\u0e30\u0e19\u0e33 \n <\/h3>\n <div class=\"grid md:grid-cols-2 gap-4\">\n <div class=\"p-5 bg-slate-50 dark:bg-slate-800\/50 rounded-2xl hover:bg-green-50 dark:hover:bg-green-900\/10 transition-colors cursor-default\">\n <span class=\"text-[10px] font-black text-green-600 uppercase mb-1 block\">High Yield<\/span>\n <p class=\"text-slate-700 dark:text-white font-bold text-base mb-1\">RRIT 251 \/ 408<\/p>\n <p class=\"text-[11px] text-slate-500 dark:text-slate-400\">\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e39\u0e07 \u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49\u0e41\u0e25\u0e30\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01<\/p>\n <\/div>\n <div class=\"p-5 bg-slate-50 dark:bg-slate-800\/50 rounded-2xl hover:bg-blue-50 dark:hover:bg-blue-900\/10 transition-colors cursor-default\">\n <span class=\"text-[10px] font-black text-blue-600 uppercase mb-1 block\">Resistant<\/span>\n <p class=\"text-slate-700 dark:text-white font-bold text-base mb-1\">BPM 24 \/ RRIC 110<\/p>\n <p class=\"text-[11px] text-slate-500 dark:text-slate-400\">\u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19\u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e22\u0e32\u0e07\u0e41\u0e2b\u0e49\u0e07\u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-gradient-to-br from-green-600 to-green-800 rounded-[2rem] p-8 text-white shadow-lg flex flex-col justify-between relative overflow-hidden group card-hover\">\n <div class=\"relative z-10\">\n <h3 class=\"text-2xl font-black mb-3 font-chakra\">Variety Guide<\/h3>\n <p class=\"text-xs opacity-90 leading-relaxed\">\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e04<\/p>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/yang_pan_dee\/\" target=\"_blank\" class=\"relative z-10 inline-flex items-center justify-center w-full py-3 bg-white text-green-700 font-black rounded-xl hover:bg-slate-100 transition mt-8 text-sm shadow-md\">\u0e04\u0e25\u0e34\u0e01\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u279c<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"flood\" class=\"reveal scroll-mt-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 md:mb-8\">\n <div class=\"flex items-center gap-3\">\n <div class=\"h-1 w-8 bg-blue-500 rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-black text-slate-800 dark:text-white font-chakra uppercase tracking-tight\">02 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e07\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/aftertheflood\/\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-blue-50 dark:bg-blue-900\/20 text-blue-700 dark:text-blue-400 rounded-full text-xs font-bold border border-blue-200 dark:border-blue-800 hover:bg-blue-600 hover:text-white transition-all w-fit shadow-sm\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/><\/svg>\n \u0e17\u0e35\u0e48\u0e21\u0e32: \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e07\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21\n <\/a>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-6\">\n <div class=\"bg-white dark:bg-slate-900 p-8 rounded-[2.5rem] border border-blue-100 dark:border-blue-900\/30 card-hover shadow-sm\">\n <h4 class=\"text-slate-800 dark:text-white font-black text-xl mb-6 font-chakra\">\u0e41\u0e1c\u0e19\u0e01\u0e39\u0e49\u0e04\u0e37\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e32\u0e01<\/h4>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-3 text-slate-600 dark:text-slate-400\">\n <span class=\"w-2 h-2 bg-blue-500 rounded-full mt-1.5 shrink-0\"><\/span>\n <span class=\"text-sm font-medium\"><strong>\u0e40\u0e23\u0e48\u0e07\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e19\u0e49\u0e33:<\/strong> \u0e2b\u0e49\u0e32\u0e21\u0e21\u0e35\u0e19\u0e49\u0e33\u0e02\u0e31\u0e07\u0e42\u0e04\u0e19\u0e40\u0e01\u0e34\u0e19 48 \u0e0a\u0e21.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-slate-600 dark:text-slate-400\">\n <span class=\"w-2 h-2 bg-blue-500 rounded-full mt-1.5 shrink-0\"><\/span>\n <span class=\"text-sm font-medium\"><strong>\u0e1e\u0e31\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e22\u0e32\u0e07:<\/strong> \u0e07\u0e14\u0e01\u0e23\u0e35\u0e14\u0e08\u0e19\u0e01\u0e27\u0e48\u0e32\u0e1e\u0e37\u0e49\u0e19\u0e14\u0e34\u0e19\u0e08\u0e30\u0e41\u0e2b\u0e49\u0e07\u0e2a\u0e19\u0e34\u0e17<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-900 p-8 rounded-[2.5rem] text-white relative overflow-hidden group card-hover shadow-xl\">\n <h4 class=\"font-black text-xl mb-4 font-chakra relative z-10\">\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e38\u0e4b\u0e22\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c<\/h4>\n <p class=\"text-slate-400 text-xs leading-relaxed mb-6 relative z-10\">\u0e43\u0e0a\u0e49\u0e1b\u0e39\u0e19\u0e02\u0e32\u0e27\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e14\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e15\u0e34\u0e21\u0e1b\u0e38\u0e4b\u0e22\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e01\u0e1d\u0e2d\u0e22\u0e43\u0e2b\u0e21\u0e48<\/p>\n <div class=\"p-4 bg-white\/5 rounded-xl border border-white\/10 relative z-10\">\n <p class=\"text-[10px] text-blue-400 font-bold mb-1 uppercase tracking-wider\">Expert Tip<\/p>\n <p class=\"text-[11px] text-slate-300\">\u0e04\u0e27\u0e23\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1f\u0e2d\u0e2a\u0e2d\u0e35\u0e17\u0e34\u0e25-\u0e2d\u0e30\u0e25\u0e39\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21 \u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e42\u0e04\u0e19\u0e15\u0e49\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"disease\" class=\"reveal scroll-mt-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 md:mb-8\">\n <div class=\"flex items-center gap-3\">\n <div class=\"h-1 w-8 bg-red-500 rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-black text-slate-800 dark:text-white font-chakra uppercase tracking-tight\">03 \u0e27\u0e34\u0e01\u0e24\u0e15\u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/leaf-loss-disease\/\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-red-50 dark:bg-red-900\/20 text-red-700 dark:text-red-400 rounded-full text-xs font-bold border border-red-200 dark:border-red-800 hover:bg-red-600 hover:text-white transition-all w-fit shadow-sm\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/><\/svg>\n \u0e17\u0e35\u0e48\u0e21\u0e32: \u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\n <\/a>\n <\/div>\n \n <div class=\"bg-white dark:bg-slate-900 rounded-[2.5rem] border border-slate-100 dark:border-slate-800 p-6 md:p-10 shadow-sm card-hover\">\n <div class=\"flex flex-col lg:flex-row gap-10\">\n <div class=\"lg:w-1\/2 space-y-6\">\n <div class=\"inline-flex px-3 py-1 bg-red-100 text-red-600 dark:bg-red-900\/40 dark:text-red-400 rounded-full text-[9px] font-black uppercase tracking-widest\">High Alert<\/div>\n <h3 class=\"text-3xl font-black dark:text-white font-chakra leading-tight\">\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32 Pestalotiopsis<br><span class=\"text-red-600 italic text-2xl\">\u0e28\u0e31\u0e15\u0e23\u0e39\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02 1<\/span><\/h3>\n <p class=\"text-slate-500 dark:text-slate-400 text-sm\">\u0e42\u0e23\u0e04\u0e0a\u0e19\u0e34\u0e14\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\u0e41\u0e1a\u0e1a\u0e01\u0e30\u0e17\u0e31\u0e19\u0e2b\u0e31\u0e19 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e15\u0e48\u0e2d\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\n <div class=\"p-4 bg-slate-50 dark:bg-slate-800\/50 rounded-2xl border border-red-100 dark:border-red-900\/20\">\n <h4 class=\"font-black text-sm dark:text-white mb-1\">\u0e2d\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/h4>\n <p class=\"text-[11px] text-slate-500 leading-relaxed\">\u0e43\u0e1a\u0e21\u0e35\u0e41\u0e1c\u0e25\u0e01\u0e25\u0e21\u0e2a\u0e35\u0e40\u0e17\u0e32 \u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\u0e08\u0e19\u0e43\u0e1a\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e23\u0e48\u0e27\u0e07\u0e2b\u0e25\u0e48\u0e19 \u0e41\u0e21\u0e49\u0e43\u0e1a\u0e22\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e14<\/p>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/2\">\n <div class=\"bg-red-50 dark:bg-red-950\/20 p-6 rounded-[2rem] border border-red-100 dark:border-red-900\/30\">\n <h4 class=\"text-red-700 dark:text-red-400 font-black mb-6 font-chakra text-lg uppercase\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d<\/h4>\n <div class=\"space-y-3\">\n <div class=\"flex items-center justify-between p-4 bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-red-50 dark:border-red-900\/10\">\n <span class=\"text-xs font-bold dark:text-slate-200\">\u0e40\u0e2e\u0e01\u0e0b\u0e30\u0e42\u0e04\u0e19\u0e32\u0e42\u0e0b\u0e25 5%<\/span>\n <span class=\"text-[9px] font-black text-red-600 uppercase\">\u0e1e\u0e48\u0e19\u0e17\u0e38\u0e01 7-10 \u0e27\u0e31\u0e19<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-4 bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-red-50 dark:border-red-900\/10\">\n <span class=\"text-xs font-bold dark:text-slate-200\">\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e1b\u0e38\u0e4b\u0e22\u0e2a\u0e39\u0e15\u0e23 15-7-18<\/span>\n <span class=\"text-[9px] font-black text-orange-600 uppercase\">\u0e40\u0e19\u0e49\u0e19\u0e15\u0e31\u0e27\u0e17\u0e49\u0e32\u0e22\u0e2a\u0e39\u0e07<\/span>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/leaf-loss-disease\/\" target=\"_blank\" class=\"block w-full text-center py-4 bg-red-600 text-white font-black rounded-xl shadow-lg hover:bg-red-700 transition mt-6 text-sm\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e48\u0e19\u0e2a\u0e32\u0e23 \u279c<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n\n \n <button id=\"scrollTopBtn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"fixed bottom-6 right-6 w-12 h-12 bg-green-600 text-white rounded-xl shadow-2xl flex items-center justify-center hover:bg-green-700 transition-all outline-none\">\n <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\" \/><\/svg>\n <\/button>\n\n <script>\n (function() {\n \/\/ Intersection Observer for Reveal Effect\n const observerOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Scroll Top Button Visibility\n const scrollTopBtn = document.getElementById('scrollTopBtn');\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > 400) {\n scrollTopBtn.classList.add('show');\n } else {\n scrollTopBtn.classList.remove('show');\n }\n }, { passive: true });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e25\u0e31\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 – Smart KM Portal 01 \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19 […]<\/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-10365","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/10365","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=10365"}],"version-history":[{"count":39,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/10365\/revisions"}],"predecessor-version":[{"id":13144,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/10365\/revisions\/13144"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=10365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n \n \n \u0e04\u0e25\u0e31\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 – Smart KM Portal<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n darkMode: 'class',\n theme: {\n extend: {\n fontFamily: {\n sarabun: ['Sarabun', 'sans-serif'],\n chakra: ['Chakra Petch', 'sans-serif'],\n },\n },\n },\n }\n <\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;700&family=Chakra+Petch:wght@600&display=swap\" rel=\"stylesheet\">\n <style>\n .rubber-content-wrapper { font-family: 'Sarabun', sans-serif; scroll-behavior: smooth; }\n \n \/* Reveal Animation on Scroll *\/\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n #scrollTopBtn { opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 999; }\n #scrollTopBtn.show { opacity: 1; visibility: visible; }\n \n .card-hover { transition: all 0.3s ease; }\n .card-hover:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px -10px rgba(0,0,0,0.1);\n }\n\n \/* Mobile Adjustments *\/\n @media (max-width: 640px) {\n .rubber-content-wrapper { padding-left: 0.5rem; padding-right: 0.5rem; }\n section { margin-bottom: 3rem !important; }\n h2 { font-size: 1.4rem !important; }\n }\n <\/style>\n<\/head>\n<body class=\"bg-transparent\">\n\n \n <div class=\"rubber-content-wrapper max-w-7xl mx-auto py-2 space-y-12 md:space-y-24\">\n\n \n <section id=\"nursery\" class=\"reveal scroll-mt-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 md:mb-8\">\n <div class=\"flex items-center gap-3\">\n <div class=\"h-1 w-8 bg-green-600 rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-black text-slate-800 dark:text-white font-chakra uppercase tracking-tight\">01 \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/yang_pan_dee\/\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-green-50 dark:bg-green-900\/20 text-green-700 dark:text-green-400 rounded-full text-xs font-bold border border-green-200 dark:border-green-800 hover:bg-green-600 hover:text-white transition-all w-fit shadow-sm\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/><\/svg>\n \u0e17\u0e35\u0e48\u0e21\u0e32: \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\n <\/a>\n <\/div>\n \n <div class=\"grid lg:grid-cols-3 gap-6\">\n <div class=\"lg:col-span-2\">\n <div class=\"bg-white dark:bg-slate-900 p-6 md:p-8 rounded-[2rem] border border-slate-100 dark:border-slate-800 shadow-sm card-hover\">\n <h3 class=\"font-bold text-lg md:text-xl mb-6 dark:text-white font-chakra flex items-center gap-3\">\n <span class=\"w-8 h-8 rounded-lg bg-green-100 dark:bg-green-900\/30 flex items-center justify-center text-green-600\">\u2605<\/span>\n \u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e41\u0e19\u0e30\u0e19\u0e33 \n <\/h3>\n <div class=\"grid md:grid-cols-2 gap-4\">\n <div class=\"p-5 bg-slate-50 dark:bg-slate-800\/50 rounded-2xl hover:bg-green-50 dark:hover:bg-green-900\/10 transition-colors cursor-default\">\n <span class=\"text-[10px] font-black text-green-600 uppercase mb-1 block\">High Yield<\/span>\n <p class=\"text-slate-700 dark:text-white font-bold text-base mb-1\">RRIT 251 \/ 408<\/p>\n <p class=\"text-[11px] text-slate-500 dark:text-slate-400\">\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e2a\u0e39\u0e07 \u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e04\u0e43\u0e15\u0e49\u0e41\u0e25\u0e30\u0e15\u0e30\u0e27\u0e31\u0e19\u0e2d\u0e2d\u0e01<\/p>\n <\/div>\n <div class=\"p-5 bg-slate-50 dark:bg-slate-800\/50 rounded-2xl hover:bg-blue-50 dark:hover:bg-blue-900\/10 transition-colors cursor-default\">\n <span class=\"text-[10px] font-black text-blue-600 uppercase mb-1 block\">Resistant<\/span>\n <p class=\"text-slate-700 dark:text-white font-bold text-base mb-1\">BPM 24 \/ RRIC 110<\/p>\n <p class=\"text-[11px] text-slate-500 dark:text-slate-400\">\u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19\u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e22\u0e32\u0e07\u0e41\u0e2b\u0e49\u0e07\u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-gradient-to-br from-green-600 to-green-800 rounded-[2rem] p-8 text-white shadow-lg flex flex-col justify-between relative overflow-hidden group card-hover\">\n <div class=\"relative z-10\">\n <h3 class=\"text-2xl font-black mb-3 font-chakra\">Variety Guide<\/h3>\n <p class=\"text-xs opacity-90 leading-relaxed\">\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48 \u0e0a\u0e48\u0e27\u0e22\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e32\u0e14\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e04<\/p>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/yang_pan_dee\/\" target=\"_blank\" class=\"relative z-10 inline-flex items-center justify-center w-full py-3 bg-white text-green-700 font-black rounded-xl hover:bg-slate-100 transition mt-8 text-sm shadow-md\">\u0e04\u0e25\u0e34\u0e01\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 \u279c<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"flood\" class=\"reveal scroll-mt-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 md:mb-8\">\n <div class=\"flex items-center gap-3\">\n <div class=\"h-1 w-8 bg-blue-500 rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-black text-slate-800 dark:text-white font-chakra uppercase tracking-tight\">02 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e07\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/aftertheflood\/\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-blue-50 dark:bg-blue-900\/20 text-blue-700 dark:text-blue-400 rounded-full text-xs font-bold border border-blue-200 dark:border-blue-800 hover:bg-blue-600 hover:text-white transition-all w-fit shadow-sm\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/><\/svg>\n \u0e17\u0e35\u0e48\u0e21\u0e32: \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2b\u0e25\u0e31\u0e07\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21\n <\/a>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 gap-6\">\n <div class=\"bg-white dark:bg-slate-900 p-8 rounded-[2.5rem] border border-blue-100 dark:border-blue-900\/30 card-hover shadow-sm\">\n <h4 class=\"text-slate-800 dark:text-white font-black text-xl mb-6 font-chakra\">\u0e41\u0e1c\u0e19\u0e01\u0e39\u0e49\u0e04\u0e37\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e32\u0e01<\/h4>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-3 text-slate-600 dark:text-slate-400\">\n <span class=\"w-2 h-2 bg-blue-500 rounded-full mt-1.5 shrink-0\"><\/span>\n <span class=\"text-sm font-medium\"><strong>\u0e40\u0e23\u0e48\u0e07\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e19\u0e49\u0e33:<\/strong> \u0e2b\u0e49\u0e32\u0e21\u0e21\u0e35\u0e19\u0e49\u0e33\u0e02\u0e31\u0e07\u0e42\u0e04\u0e19\u0e40\u0e01\u0e34\u0e19 48 \u0e0a\u0e21.<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-slate-600 dark:text-slate-400\">\n <span class=\"w-2 h-2 bg-blue-500 rounded-full mt-1.5 shrink-0\"><\/span>\n <span class=\"text-sm font-medium\"><strong>\u0e1e\u0e31\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e22\u0e32\u0e07:<\/strong> \u0e07\u0e14\u0e01\u0e23\u0e35\u0e14\u0e08\u0e19\u0e01\u0e27\u0e48\u0e32\u0e1e\u0e37\u0e49\u0e19\u0e14\u0e34\u0e19\u0e08\u0e30\u0e41\u0e2b\u0e49\u0e07\u0e2a\u0e19\u0e34\u0e17<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-900 p-8 rounded-[2.5rem] text-white relative overflow-hidden group card-hover shadow-xl\">\n <h4 class=\"font-black text-xl mb-4 font-chakra relative z-10\">\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e14\u0e49\u0e27\u0e22\u0e1b\u0e38\u0e4b\u0e22\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c<\/h4>\n <p class=\"text-slate-400 text-xs leading-relaxed mb-6 relative z-10\">\u0e43\u0e0a\u0e49\u0e1b\u0e39\u0e19\u0e02\u0e32\u0e27\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e14\u0e34\u0e19 \u0e41\u0e25\u0e30\u0e40\u0e15\u0e34\u0e21\u0e1b\u0e38\u0e4b\u0e22\u0e2d\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e30\u0e15\u0e38\u0e49\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e23\u0e32\u0e01\u0e1d\u0e2d\u0e22\u0e43\u0e2b\u0e21\u0e48<\/p>\n <div class=\"p-4 bg-white\/5 rounded-xl border border-white\/10 relative z-10\">\n <p class=\"text-[10px] text-blue-400 font-bold mb-1 uppercase tracking-wider\">Expert Tip<\/p>\n <p class=\"text-[11px] text-slate-300\">\u0e04\u0e27\u0e23\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21\u0e1f\u0e2d\u0e2a\u0e2d\u0e35\u0e17\u0e34\u0e25-\u0e2d\u0e30\u0e25\u0e39\u0e21\u0e34\u0e40\u0e19\u0e35\u0e22\u0e21 \u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e42\u0e04\u0e19\u0e15\u0e49\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"disease\" class=\"reveal scroll-mt-12\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6 md:mb-8\">\n <div class=\"flex items-center gap-3\">\n <div class=\"h-1 w-8 bg-red-500 rounded-full\"><\/div>\n <h2 class=\"text-2xl md:text-3xl font-black text-slate-800 dark:text-white font-chakra uppercase tracking-tight\">03 \u0e27\u0e34\u0e01\u0e24\u0e15\u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/leaf-loss-disease\/\" target=\"_blank\" class=\"inline-flex items-center gap-2 px-4 py-2 bg-red-50 dark:bg-red-900\/20 text-red-700 dark:text-red-400 rounded-full text-xs font-bold border border-red-200 dark:border-red-800 hover:bg-red-600 hover:text-white transition-all w-fit shadow-sm\">\n <svg class=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\" \/><\/svg>\n \u0e17\u0e35\u0e48\u0e21\u0e32: \u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\n <\/a>\n <\/div>\n \n <div class=\"bg-white dark:bg-slate-900 rounded-[2.5rem] border border-slate-100 dark:border-slate-800 p-6 md:p-10 shadow-sm card-hover\">\n <div class=\"flex flex-col lg:flex-row gap-10\">\n <div class=\"lg:w-1\/2 space-y-6\">\n <div class=\"inline-flex px-3 py-1 bg-red-100 text-red-600 dark:bg-red-900\/40 dark:text-red-400 rounded-full text-[9px] font-black uppercase tracking-widest\">High Alert<\/div>\n <h3 class=\"text-3xl font-black dark:text-white font-chakra leading-tight\">\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32 Pestalotiopsis<br><span class=\"text-red-600 italic text-2xl\">\u0e28\u0e31\u0e15\u0e23\u0e39\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02 1<\/span><\/h3>\n <p class=\"text-slate-500 dark:text-slate-400 text-sm\">\u0e42\u0e23\u0e04\u0e0a\u0e19\u0e34\u0e14\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\u0e41\u0e1a\u0e1a\u0e01\u0e30\u0e17\u0e31\u0e19\u0e2b\u0e31\u0e19 \u0e2a\u0e48\u0e07\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e15\u0e48\u0e2d\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/p>\n <div class=\"p-4 bg-slate-50 dark:bg-slate-800\/50 rounded-2xl border border-red-100 dark:border-red-900\/20\">\n <h4 class=\"font-black text-sm dark:text-white mb-1\">\u0e2d\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/h4>\n <p class=\"text-[11px] text-slate-500 leading-relaxed\">\u0e43\u0e1a\u0e21\u0e35\u0e41\u0e1c\u0e25\u0e01\u0e25\u0e21\u0e2a\u0e35\u0e40\u0e17\u0e32 \u0e02\u0e22\u0e32\u0e22\u0e43\u0e2b\u0e0d\u0e48\u0e08\u0e19\u0e43\u0e1a\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e23\u0e48\u0e27\u0e07\u0e2b\u0e25\u0e48\u0e19 \u0e41\u0e21\u0e49\u0e43\u0e1a\u0e22\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2a\u0e14<\/p>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/2\">\n <div class=\"bg-red-50 dark:bg-red-950\/20 p-6 rounded-[2rem] border border-red-100 dark:border-red-900\/30\">\n <h4 class=\"text-red-700 dark:text-red-400 font-black mb-6 font-chakra text-lg uppercase\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e21\u0e37\u0e2d<\/h4>\n <div class=\"space-y-3\">\n <div class=\"flex items-center justify-between p-4 bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-red-50 dark:border-red-900\/10\">\n <span class=\"text-xs font-bold dark:text-slate-200\">\u0e40\u0e2e\u0e01\u0e0b\u0e30\u0e42\u0e04\u0e19\u0e32\u0e42\u0e0b\u0e25 5%<\/span>\n <span class=\"text-[9px] font-black text-red-600 uppercase\">\u0e1e\u0e48\u0e19\u0e17\u0e38\u0e01 7-10 \u0e27\u0e31\u0e19<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-4 bg-white dark:bg-slate-800 rounded-xl shadow-sm border border-red-50 dark:border-red-900\/10\">\n <span class=\"text-xs font-bold dark:text-slate-200\">\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e1b\u0e38\u0e4b\u0e22\u0e2a\u0e39\u0e15\u0e23 15-7-18<\/span>\n <span class=\"text-[9px] font-black text-orange-600 uppercase\">\u0e40\u0e19\u0e49\u0e19\u0e15\u0e31\u0e27\u0e17\u0e49\u0e32\u0e22\u0e2a\u0e39\u0e07<\/span>\n <\/div>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/leaf-loss-disease\/\" target=\"_blank\" class=\"block w-full text-center py-4 bg-red-600 text-white font-black rounded-xl shadow-lg hover:bg-red-700 transition mt-6 text-sm\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e48\u0e19\u0e2a\u0e32\u0e23 \u279c<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n\n \n <button id=\"scrollTopBtn\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"fixed bottom-6 right-6 w-12 h-12 bg-green-600 text-white rounded-xl shadow-2xl flex items-center justify-center hover:bg-green-700 transition-all outline-none\">\n <svg class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 10l7-7m0 0l7 7m-7-7v18\" \/><\/svg>\n <\/button>\n\n <script>\n (function() {\n \/\/ Intersection Observer for Reveal Effect\n const observerOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Scroll Top Button Visibility\n const scrollTopBtn = document.getElementById('scrollTopBtn');\n window.addEventListener('scroll', () => {\n if (window.pageYOffset > 400) {\n scrollTopBtn.classList.add('show');\n } else {\n scrollTopBtn.classList.remove('show');\n }\n }, { passive: true });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e04\u0e25\u0e31\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 – Smart KM Portal 01 \u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e31\u0e19 […]<\/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-10365","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/10365","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=10365"}],"version-history":[{"count":39,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/10365\/revisions"}],"predecessor-version":[{"id":13144,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/10365\/revisions\/13144"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=10365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}