\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n darkMode: 'class',\n }\n <\/script>\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n scroll-behavior: smooth;\n }\n \/* Glassmorphism Effect *\/\n .glass-card {\n background: rgba(31, 41, 55, 0.7);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n \/* Floating Action Buttons Container *\/\n .fab-container {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n z-index: 9999;\n }\n #scroll-top {\n display: none;\n animation: bounceIn 0.5s ease;\n }\n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); opacity: 1; }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); }\n }\n \/* Hover Animation for Cards *\/\n .hover-lift {\n transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n }\n .hover-lift:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);\n }\n \/* Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e35\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a *\/\n html.dark body {\n background-color: #0f172a !important; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e19\u0e34\u0e14\u0e2b\u0e19\u0e48\u0e2d\u0e22 *\/\n color: #f3f4f6 !important;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-950 text-gray-100 transition-colors duration-300 overflow-x-hidden\">\n\n \n <div class=\"fab-container\">\n \n <button id=\"scroll-top\" class=\"p-4 rounded-full bg-green-600 text-white shadow-xl hover:bg-green-500 hover:rotate-12 transition-all focus:outline-none\">\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 <\/div>\n\n \n <main class=\"max-w-7xl mx-auto px-4 py-12 space-y-24\">\n\n \n <div class=\"reveal bg-yellow-100\/10 border-2 border-red-500\/50 p-6 rounded-2xl flex items-center space-x-5 shadow-2xl backdrop-blur-md\">\n <div class=\"flex-shrink-0 bg-red-600 text-white p-3 rounded-xl animate-pulse shadow-lg shadow-red-600\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-7 w-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 15.682c-.77 1.333.192 3 1.732 3z\" \/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"text-red-400 font-bold text-xl md:text-2xl tracking-wide\">\n \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28: \u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\n <\/p>\n <\/div>\n <\/div>\n\n \n <section id=\"breeds\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-green-500\/10 rounded-2xl text-green-400 border border-green-500\/20 shadow-inner group transition-all duration-500 hover:bg-green-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-green-300 to-emerald-500\">\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=\"group inline-flex items-center px-6 py-3 bg-green-600 hover:bg-green-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-green-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/a>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"glass-card p-8 rounded-3xl hover-lift border-t-4 border-green-500\">\n <h3 class=\"text-2xl font-bold mb-4 text-green-400\">\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e0a\u0e31\u0e49\u0e19 1<\/h3>\n <p class=\"text-sm text-slate-400 mb-6 font-semibold italic\">\u0e41\u0e19\u0e30\u0e19\u0e33\u0e1b\u0e25\u0e39\u0e01\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48 (12 \u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c)<\/p>\n <ul class=\"space-y-4 text-gray-300 font-medium text-sm\">\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-green-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> RRIT 251, RRIT 226, RRIT 408<\/li>\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-green-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> RRIM 600, PB 235, PB 260<\/li>\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-green-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> \u0e09\u0e30\u0e40\u0e0a\u0e34\u0e07\u0e40\u0e17\u0e23\u0e32 50, BPM 24<\/li>\n <\/ul>\n <\/div>\n <div class=\"glass-card p-8 rounded-3xl hover-lift border-t-4 border-yellow-500\">\n <h3 class=\"text-2xl font-bold mb-4 text-yellow-400\">\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e0a\u0e31\u0e49\u0e19 2<\/h3>\n <p class=\"text-sm text-slate-400 mb-6 font-medium italic\">\u0e41\u0e19\u0e30\u0e19\u0e33\u0e1b\u0e25\u0e39\u0e01\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30 30 \u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n <ul class=\"space-y-4 text-gray-300 text-sm\">\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-yellow-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> RRIT 218, RRIT 250, RRIT 405<\/li>\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-yellow-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> PR 302, PR 305, RRIC 100<\/li>\n <\/ul>\n <\/div>\n <div class=\"glass-card p-8 rounded-3xl hover-lift border-t-4 border-slate-500\">\n <h3 class=\"text-2xl font-bold mb-4 text-slate-300\">\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e0a\u0e31\u0e49\u0e19 3<\/h3>\n <p class=\"text-sm text-slate-400 mb-6 font-semibold italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e01\u0e31\u0e14 \u0e1b\u0e25\u0e39\u0e01\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30 20<\/p>\n <p class=\"text-slate-400 italic leading-relaxed text-sm\">\u0e04\u0e27\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e01\u0e25\u0e49\u0e0a\u0e34\u0e14\u0e01\u0e48\u0e2d\u0e19\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e1b\u0e25\u0e39\u0e01\u0e43\u0e19\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e21\u0e32\u0e01<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"flood\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-blue-500\/10 rounded-2xl text-blue-400 border border-blue-500\/20 shadow-inner group transition-all duration-500 hover:bg-blue-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-blue-300 to-cyan-500\">\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=\"group inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-blue-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/a>\n <\/div>\n\n <div class=\"glass-card rounded-[2.5rem] shadow-2xl overflow-hidden flex flex-col md:flex-row border border-slate-700\/50\">\n <div class=\"md:w-1\/2 p-10 bg-blue-900\/20\">\n <h3 class=\"text-2xl font-extrabold text-blue-400 mb-8 italic flex items-center\">\n <span class=\"mr-3\">\u26a0\ufe0f<\/span> \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e23\u0e23\u0e30\u0e27\u0e31\u0e07\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\n <\/h3>\n <ul class=\"space-y-8\">\n <li class=\"flex items-start group\">\n <span class=\"bg-red-500 text-white rounded-xl h-8 w-8 flex-shrink-0 flex items-center justify-center mr-5 mt-1 text-sm font-bold shadow-lg group-hover:rotate-12 transition-transform\">!<\/span>\n <span class=\"text-lg leading-relaxed\">\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e23\u0e35\u0e14 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14 <strong class=\"text-red-400 underline decoration-red-400\/30 decoration-2 underline-offset-4\">\u0e42\u0e23\u0e04\u0e40\u0e2a\u0e49\u0e19\u0e14\u0e33<\/strong> \u0e2b\u0e23\u0e37\u0e2d <strong class=\"text-red-400 underline decoration-red-400\/30 decoration-2 underline-offset-4\">\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e23\u0e35\u0e14\u0e40\u0e19\u0e48\u0e32<\/strong><\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"bg-red-500 text-white rounded-xl h-8 w-8 flex-shrink-0 flex items-center justify-center mr-5 mt-1 text-sm font-bold shadow-lg group-hover:rotate-12 transition-transform\">!<\/span>\n <span class=\"text-lg leading-relaxed\">\u0e23\u0e32\u0e01\u0e02\u0e32\u0e14\u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e43\u0e1a\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07 \u0e23\u0e48\u0e27\u0e07\u0e2b\u0e25\u0e48\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e22\u0e08\u0e32\u0e01\u0e1b\u0e25\u0e32\u0e22\u0e22\u0e2d\u0e14<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"md:w-1\/2 p-10 border-t md:border-t-0 md:border-l border-slate-700\/50\">\n <h3 class=\"text-2xl font-extrabold text-emerald-400 mb-8 italic flex items-center\">\n <span class=\"mr-3\">\ud83c\udf31<\/span> \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1f\u0e37\u0e49\u0e19\u0e1f\u0e39\n <\/h3>\n <div class=\"space-y-10 text-gray-300\">\n <div class=\"border-l-4 border-blue-400 pl-6 hover:translate-x-2 transition-transform\">\n <h4 class=\"font-bold text-xl text-blue-300 mb-2\">\u0e02\u0e13\u0e30\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21<\/h4>\n <p class=\"text-slate-400 text-base italic leading-relaxed\">\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2d\u0e2d\u0e01\u0e42\u0e14\u0e22\u0e02\u0e38\u0e14\u0e23\u0e48\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e41\u0e16\u0e27\u0e22\u0e32\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e49\u0e33\u0e17\u0e35\u0e48\u0e17\u0e48\u0e27\u0e21\u0e02\u0e31\u0e07<\/p>\n <\/div>\n <div class=\"border-l-4 border-yellow-500 pl-6 hover:translate-x-2 transition-transform\">\n <h4 class=\"font-bold text-xl text-yellow-400 mb-2\">\u0e0a\u0e48\u0e27\u0e07\u0e14\u0e34\u0e19\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e41\u0e2b\u0e49\u0e07<\/h4>\n <p class=\"text-red-400 text-base italic font-bold\">\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e14\u0e34\u0e19\u0e40\u0e2b\u0e22\u0e35\u0e22\u0e1a\u0e22\u0e48\u0e33 \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e43\u0e01\u0e25\u0e49\u0e42\u0e04\u0e19\u0e15\u0e49\u0e19 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e23\u0e32\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22<\/p>\n <\/div>\n <div class=\"border-l-4 border-emerald-500 pl-6 hover:translate-x-2 transition-transform\">\n <h4 class=\"font-bold text-xl text-emerald-300 mb-2\">\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e14\u0e34\u0e19\u0e41\u0e2b\u0e49\u0e07 (\u0e2b\u0e25\u0e31\u0e07 30 \u0e27\u0e31\u0e19)<\/h4>\n <p class=\"text-slate-400 text-base italic leading-relaxed\">\u0e43\u0e2a\u0e48\u0e1b\u0e38\u0e4b\u0e22\u0e2b\u0e21\u0e31\u0e01\u0e1c\u0e2a\u0e21 \u0e1e\u0e14.3 \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e2a\u0e48\u0e1b\u0e39\u0e19\u0e02\u0e32\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e01\u0e23\u0e14-\u0e14\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e14\u0e34\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"license\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-yellow-500\/10 rounded-2xl text-yellow-400 border border-yellow-500\/20 shadow-inner group transition-all duration-500 hover:bg-yellow-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-orange-500\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/license\/\" target=\"_blank\" class=\"group inline-flex items-center px-6 py-3 bg-yellow-600 hover:bg-yellow-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-yellow-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n <\/a>\n <\/div>\n\n <div class=\"glass-card p-10 rounded-[2.5rem] border-l-8 border-yellow-500 shadow-2xl hover-lift\">\n <div class=\"flex flex-col lg:flex-row gap-10 items-center\">\n <div class=\"lg:w-2\/3\">\n <h3 class=\"text-2xl font-extrabold mb-6 text-yellow-400 italic\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32<\/h3>\n <p class=\"text-gray-200 text-lg leading-relaxed mb-8\">\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e1e\u0e32\u0e30\u0e0a\u0e33\u0e41\u0e25\u0e30\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22 \n \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\u0e17\u0e35\u0e48\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\n <\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div class=\"flex items-center space-x-3 text-slate-300\">\n <div class=\"bg-yellow-500\/20 p-2 rounded-lg\">\u2705<\/div>\n <span class=\"font-bold\">\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 text-slate-300\">\n <div class=\"bg-yellow-500\/20 p-2 rounded-lg\">\u2705<\/div>\n <span class=\"font-bold\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e32\u0e30\u0e0a\u0e33<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/3 w-full bg-slate-800\/50 p-6 rounded-3xl border border-slate-700\/50\">\n <span class=\"text-xs font-black text-yellow-500 uppercase tracking-widest block mb-4\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23:<\/span>\n <p class=\"text-sm text-slate-400 italic mb-6\">\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/p>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/license\/\" target=\"_blank\" class=\"block w-full text-center py-3 bg-slate-700 hover:bg-yellow-600 transition-colors rounded-xl text-sm font-bold text-white italic\">\n \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e0e\u0e40\u0e01\u0e13\u0e11\u0e4c\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"disease\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-red-500\/10 rounded-2xl text-red-400 border border-red-500\/20 shadow-inner group transition-all duration-500 hover:bg-red-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 15.682c-.77 1.333.192 3 1.732 3z\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-red-400 to-orange-500\">\u0e40\u0e1d\u0e49\u0e32\u0e23\u0e30\u0e27\u0e31\u0e07\u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\u0e0a\u0e19\u0e34\u0e14\u0e43\u0e2b\u0e21\u0e48<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/leaf-loss-disease\/\" target=\"_blank\" class=\"group inline-flex items-center px-6 py-3 bg-red-600 hover:bg-red-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-red-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/a>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-10\">\n <div class=\"glass-card p-10 rounded-3xl border-l-8 border-red-600 shadow-2xl hover-lift\">\n <h3 class=\"text-2xl font-extrabold mb-8 text-red-400 italic\">\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e2d\u0e32\u0e01\u0e32\u0e23<\/h3>\n <p class=\"text-gray-200 text-lg leading-relaxed italic\">\u0e1e\u0e1a\u0e1a\u0e19\u0e43\u0e1a\u0e41\u0e01\u0e48 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e08\u0e38\u0e14\u0e41\u0e1c\u0e25\u0e40\u0e25\u0e47\u0e01\u0e46 \u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\/\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25 \u0e02\u0e22\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e25\u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e01\u0e25\u0e21 \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e0b\u0e35\u0e14 \u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e07\u0e0b\u0e49\u0e2d\u0e19\u0e01\u0e31\u0e19<\/p>\n <div class=\"mt-10 p-8 bg-red-950\/20 rounded-[2rem] border border-red-900\/30 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10 group-hover:scale-150 transition-transform\">\ud83e\udda0<\/div>\n <span class=\"text-sm font-black text-red-400 uppercase tracking-[0.2em]\">\u0e2a\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e17\u0e35\u0e48\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e23\u0e30\u0e1a\u0e32\u0e14:<\/span>\n <p class=\"text-xl italic mt-3 text-red-100 font-bold leading-relaxed\">\u0e0a\u0e48\u0e27\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19\u0e43\u0e19\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e39\u0e07 \u0e1d\u0e19\u0e15\u0e01\u0e2b\u0e19\u0e31\u0e01\u0e2a\u0e25\u0e31\u0e1a\u0e0a\u0e48\u0e27\u0e07\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e23\u0e49\u0e2d\u0e19<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-8\">\n <h3 class=\"text-2xl font-extrabold text-slate-200 italic px-2 border-l-4 border-slate-500\">\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\u0e17\u0e35\u0e48\u0e41\u0e19\u0e30\u0e19\u0e33 (\u0e15\u0e48\u0e2d\u0e19\u0e49\u0e33 20 \u0e25\u0e34\u0e15\u0e23)<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e40\u0e1a\u0e42\u0e19\u0e21\u0e34\u0e25 (20-30 \u0e01\u0e23\u0e31\u0e21)<\/div>\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e41\u0e21\u0e19\u0e42\u0e04\u0e40\u0e0b\u0e1a (30-50 \u0e01\u0e23\u0e31\u0e21)<\/div>\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e04\u0e32\u0e23\u0e4c\u0e40\u0e1a\u0e19\u0e14\u0e32\u0e0b\u0e34\u0e21 (20-30 \u0e0b\u0e35\u0e0b\u0e35)<\/div>\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e40\u0e2e\u0e01\u0e0b\u0e30\u0e42\u0e04\u0e19\u0e32\u0e42\u0e0b\u0e25 (20-30 \u0e0b\u0e35\u0e0b\u0e35)<\/div>\n <\/div>\n <div class=\"bg-yellow-900\/20 p-6 rounded-2xl border border-yellow-700\/30 text-md shadow-inner\">\n <p class=\"text-yellow-400 font-bold italic flex items-center\">\n <span class=\"mr-3\">\ud83d\udca1<\/span> \n <span>\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e09\u0e35\u0e14\u0e1e\u0e48\u0e19\u0e17\u0e38\u0e01 7-10 \u0e27\u0e31\u0e19 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1e\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e32\u0e14\u0e43\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <script>\n \/\/ \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a Dark Mode\n document.documentElement.classList.add('dark');\n\n \/\/ Scroll to Top Logic\n const scrollTopBtn = document.getElementById('scroll-top');\n window.addEventListener('scroll', function() {\n if (window.pageYOffset > 300) {\n scrollTopBtn.style.display = \"block\";\n } else {\n scrollTopBtn.style.display = \"none\";\n }\n });\n\n scrollTopBtn.addEventListener('click', function() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n\n \/\/ Scroll Reveal Effect\n const reveals = document.querySelectorAll('.reveal');\n const revealOnScroll = () => {\n for (let i = 0; i < reveals.length; i++) {\n let windowHeight = window.innerHeight;\n let elementTop = reveals[i].getBoundingClientRect().top;\n let elementVisible = 100;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add('active');\n }\n }\n };\n window.addEventListener('scroll', revealOnScroll);\n \/\/ Initial check\n revealOnScroll();\n <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28: \u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48 […]<\/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-13097","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13097","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=13097"}],"version-history":[{"count":6,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13097\/revisions"}],"predecessor-version":[{"id":13190,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13097\/revisions\/13190"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=13097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n\n \n \n \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n darkMode: 'class',\n }\n <\/script>\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n scroll-behavior: smooth;\n }\n \/* Glassmorphism Effect *\/\n .glass-card {\n background: rgba(31, 41, 55, 0.7);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n \/* Floating Action Buttons Container *\/\n .fab-container {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n z-index: 9999;\n }\n #scroll-top {\n display: none;\n animation: bounceIn 0.5s ease;\n }\n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); opacity: 1; }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); }\n }\n \/* Hover Animation for Cards *\/\n .hover-lift {\n transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;\n }\n .hover-lift:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);\n }\n \/* Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s ease-out;\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e2a\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e35\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a *\/\n html.dark body {\n background-color: #0f172a !important; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e21\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e19\u0e34\u0e14\u0e2b\u0e19\u0e48\u0e2d\u0e22 *\/\n color: #f3f4f6 !important;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-950 text-gray-100 transition-colors duration-300 overflow-x-hidden\">\n\n \n <div class=\"fab-container\">\n \n <button id=\"scroll-top\" class=\"p-4 rounded-full bg-green-600 text-white shadow-xl hover:bg-green-500 hover:rotate-12 transition-all focus:outline-none\">\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 <\/div>\n\n \n <main class=\"max-w-7xl mx-auto px-4 py-12 space-y-24\">\n\n \n <div class=\"reveal bg-yellow-100\/10 border-2 border-red-500\/50 p-6 rounded-2xl flex items-center space-x-5 shadow-2xl backdrop-blur-md\">\n <div class=\"flex-shrink-0 bg-red-600 text-white p-3 rounded-xl animate-pulse shadow-lg shadow-red-600\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-7 w-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 15.682c-.77 1.333.192 3 1.732 3z\" \/>\n <\/svg>\n <\/div>\n <div>\n <p class=\"text-red-400 font-bold text-xl md:text-2xl tracking-wide\">\n \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28: \u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\n <\/p>\n <\/div>\n <\/div>\n\n \n <section id=\"breeds\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-green-500\/10 rounded-2xl text-green-400 border border-green-500\/20 shadow-inner group transition-all duration-500 hover:bg-green-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-green-300 to-emerald-500\">\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=\"group inline-flex items-center px-6 py-3 bg-green-600 hover:bg-green-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-green-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/a>\n <\/div>\n \n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"glass-card p-8 rounded-3xl hover-lift border-t-4 border-green-500\">\n <h3 class=\"text-2xl font-bold mb-4 text-green-400\">\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e0a\u0e31\u0e49\u0e19 1<\/h3>\n <p class=\"text-sm text-slate-400 mb-6 font-semibold italic\">\u0e41\u0e19\u0e30\u0e19\u0e33\u0e1b\u0e25\u0e39\u0e01\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e08\u0e33\u0e01\u0e31\u0e14\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e17\u0e35\u0e48 (12 \u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c)<\/p>\n <ul class=\"space-y-4 text-gray-300 font-medium text-sm\">\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-green-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> RRIT 251, RRIT 226, RRIT 408<\/li>\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-green-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> RRIM 600, PB 235, PB 260<\/li>\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-green-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> \u0e09\u0e30\u0e40\u0e0a\u0e34\u0e07\u0e40\u0e17\u0e23\u0e32 50, BPM 24<\/li>\n <\/ul>\n <\/div>\n <div class=\"glass-card p-8 rounded-3xl hover-lift border-t-4 border-yellow-500\">\n <h3 class=\"text-2xl font-bold mb-4 text-yellow-400\">\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e0a\u0e31\u0e49\u0e19 2<\/h3>\n <p class=\"text-sm text-slate-400 mb-6 font-medium italic\">\u0e41\u0e19\u0e30\u0e19\u0e33\u0e1b\u0e25\u0e39\u0e01\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30 30 \u0e02\u0e2d\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n <ul class=\"space-y-4 text-gray-300 text-sm\">\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-yellow-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> RRIT 218, RRIT 250, RRIT 405<\/li>\n <li class=\"flex items-center group\"><span class=\"w-2 h-2 rounded-full bg-yellow-500 mr-3 group-hover:scale-150 transition-transform\"><\/span> PR 302, PR 305, RRIC 100<\/li>\n <\/ul>\n <\/div>\n <div class=\"glass-card p-8 rounded-3xl hover-lift border-t-4 border-slate-500\">\n <h3 class=\"text-2xl font-bold mb-4 text-slate-300\">\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e22\u0e32\u0e07\u0e0a\u0e31\u0e49\u0e19 3<\/h3>\n <p class=\"text-sm text-slate-400 mb-6 font-semibold italic\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e33\u0e01\u0e31\u0e14 \u0e1b\u0e25\u0e39\u0e01\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19\u0e23\u0e49\u0e2d\u0e22\u0e25\u0e30 20<\/p>\n <p class=\"text-slate-400 italic leading-relaxed text-sm\">\u0e04\u0e27\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e08\u0e32\u0e01\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e01\u0e25\u0e49\u0e0a\u0e34\u0e14\u0e01\u0e48\u0e2d\u0e19\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e1b\u0e25\u0e39\u0e01\u0e43\u0e19\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e21\u0e32\u0e01<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"flood\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-blue-500\/10 rounded-2xl text-blue-400 border border-blue-500\/20 shadow-inner group transition-all duration-500 hover:bg-blue-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-blue-300 to-cyan-500\">\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=\"group inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-blue-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/a>\n <\/div>\n\n <div class=\"glass-card rounded-[2.5rem] shadow-2xl overflow-hidden flex flex-col md:flex-row border border-slate-700\/50\">\n <div class=\"md:w-1\/2 p-10 bg-blue-900\/20\">\n <h3 class=\"text-2xl font-extrabold text-blue-400 mb-8 italic flex items-center\">\n <span class=\"mr-3\">\u26a0\ufe0f<\/span> \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e23\u0e23\u0e30\u0e27\u0e31\u0e07\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\n <\/h3>\n <ul class=\"space-y-8\">\n <li class=\"flex items-start group\">\n <span class=\"bg-red-500 text-white rounded-xl h-8 w-8 flex-shrink-0 flex items-center justify-center mr-5 mt-1 text-sm font-bold shadow-lg group-hover:rotate-12 transition-transform\">!<\/span>\n <span class=\"text-lg leading-relaxed\">\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e23\u0e35\u0e14 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14 <strong class=\"text-red-400 underline decoration-red-400\/30 decoration-2 underline-offset-4\">\u0e42\u0e23\u0e04\u0e40\u0e2a\u0e49\u0e19\u0e14\u0e33<\/strong> \u0e2b\u0e23\u0e37\u0e2d <strong class=\"text-red-400 underline decoration-red-400\/30 decoration-2 underline-offset-4\">\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e23\u0e35\u0e14\u0e40\u0e19\u0e48\u0e32<\/strong><\/span>\n <\/li>\n <li class=\"flex items-start group\">\n <span class=\"bg-red-500 text-white rounded-xl h-8 w-8 flex-shrink-0 flex items-center justify-center mr-5 mt-1 text-sm font-bold shadow-lg group-hover:rotate-12 transition-transform\">!<\/span>\n <span class=\"text-lg leading-relaxed\">\u0e23\u0e32\u0e01\u0e02\u0e32\u0e14\u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e43\u0e1a\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07 \u0e23\u0e48\u0e27\u0e07\u0e2b\u0e25\u0e48\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e32\u0e22\u0e08\u0e32\u0e01\u0e1b\u0e25\u0e32\u0e22\u0e22\u0e2d\u0e14<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"md:w-1\/2 p-10 border-t md:border-t-0 md:border-l border-slate-700\/50\">\n <h3 class=\"text-2xl font-extrabold text-emerald-400 mb-8 italic flex items-center\">\n <span class=\"mr-3\">\ud83c\udf31<\/span> \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1f\u0e37\u0e49\u0e19\u0e1f\u0e39\n <\/h3>\n <div class=\"space-y-10 text-gray-300\">\n <div class=\"border-l-4 border-blue-400 pl-6 hover:translate-x-2 transition-transform\">\n <h4 class=\"font-bold text-xl text-blue-300 mb-2\">\u0e02\u0e13\u0e30\u0e19\u0e49\u0e33\u0e17\u0e48\u0e27\u0e21<\/h4>\n <p class=\"text-slate-400 text-base italic leading-relaxed\">\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2d\u0e2d\u0e01\u0e42\u0e14\u0e22\u0e02\u0e38\u0e14\u0e23\u0e48\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e41\u0e16\u0e27\u0e22\u0e32\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e25\u0e14\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e49\u0e33\u0e17\u0e35\u0e48\u0e17\u0e48\u0e27\u0e21\u0e02\u0e31\u0e07<\/p>\n <\/div>\n <div class=\"border-l-4 border-yellow-500 pl-6 hover:translate-x-2 transition-transform\">\n <h4 class=\"font-bold text-xl text-yellow-400 mb-2\">\u0e0a\u0e48\u0e27\u0e07\u0e14\u0e34\u0e19\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e41\u0e2b\u0e49\u0e07<\/h4>\n <p class=\"text-red-400 text-base italic font-bold\">\u0e2b\u0e49\u0e32\u0e21\u0e40\u0e14\u0e34\u0e19\u0e40\u0e2b\u0e22\u0e35\u0e22\u0e1a\u0e22\u0e48\u0e33 \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e43\u0e01\u0e25\u0e49\u0e42\u0e04\u0e19\u0e15\u0e49\u0e19 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e23\u0e32\u0e01\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22<\/p>\n <\/div>\n <div class=\"border-l-4 border-emerald-500 pl-6 hover:translate-x-2 transition-transform\">\n <h4 class=\"font-bold text-xl text-emerald-300 mb-2\">\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e14\u0e34\u0e19\u0e41\u0e2b\u0e49\u0e07 (\u0e2b\u0e25\u0e31\u0e07 30 \u0e27\u0e31\u0e19)<\/h4>\n <p class=\"text-slate-400 text-base italic leading-relaxed\">\u0e43\u0e2a\u0e48\u0e1b\u0e38\u0e4b\u0e22\u0e2b\u0e21\u0e31\u0e01\u0e1c\u0e2a\u0e21 \u0e1e\u0e14.3 \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e2a\u0e48\u0e1b\u0e39\u0e19\u0e02\u0e32\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e2a\u0e20\u0e32\u0e1e\u0e01\u0e23\u0e14-\u0e14\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07\u0e14\u0e34\u0e19<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"license\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-yellow-500\/10 rounded-2xl text-yellow-400 border border-yellow-500\/20 shadow-inner group transition-all duration-500 hover:bg-yellow-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-orange-500\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/license\/\" target=\"_blank\" class=\"group inline-flex items-center px-6 py-3 bg-yellow-600 hover:bg-yellow-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-yellow-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\n <\/a>\n <\/div>\n\n <div class=\"glass-card p-10 rounded-[2.5rem] border-l-8 border-yellow-500 shadow-2xl hover-lift\">\n <div class=\"flex flex-col lg:flex-row gap-10 items-center\">\n <div class=\"lg:w-2\/3\">\n <h3 class=\"text-2xl font-extrabold mb-6 text-yellow-400 italic\">\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32<\/h3>\n <p class=\"text-gray-200 text-lg leading-relaxed mb-8\">\n \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e1e\u0e32\u0e30\u0e0a\u0e33\u0e41\u0e25\u0e30\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22 \n \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e15\u0e49\u0e19\u0e22\u0e32\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c\u0e14\u0e35\u0e17\u0e35\u0e48\u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\n <\/p>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div class=\"flex items-center space-x-3 text-slate-300\">\n <div class=\"bg-yellow-500\/20 p-2 rounded-lg\">\u2705<\/div>\n <span class=\"font-bold\">\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e2a\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 text-slate-300\">\n <div class=\"bg-yellow-500\/20 p-2 rounded-lg\">\u2705<\/div>\n <span class=\"font-bold\">\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e32\u0e30\u0e0a\u0e33<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/3 w-full bg-slate-800\/50 p-6 rounded-3xl border border-slate-700\/50\">\n <span class=\"text-xs font-black text-yellow-500 uppercase tracking-widest block mb-4\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23:<\/span>\n <p class=\"text-sm text-slate-400 italic mb-6\">\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e22\u0e37\u0e48\u0e19\u0e04\u0e33\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32 \u0e01\u0e23\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/p>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/license\/\" target=\"_blank\" class=\"block w-full text-center py-3 bg-slate-700 hover:bg-yellow-600 transition-colors rounded-xl text-sm font-bold text-white italic\">\n \u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e0e\u0e40\u0e01\u0e13\u0e11\u0e4c\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"disease\" class=\"reveal\">\n <div class=\"flex flex-col md:flex-row md:items-center justify-between gap-6 mb-10\">\n <div class=\"flex items-center space-x-5\">\n <div class=\"p-4 bg-red-500\/10 rounded-2xl text-red-400 border border-red-500\/20 shadow-inner group transition-all duration-500 hover:bg-red-500\/20\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 group-hover:scale-110 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 15.682c-.77 1.333.192 3 1.732 3z\" \/>\n <\/svg>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-extrabold italic text-transparent bg-clip-text bg-gradient-to-r from-red-400 to-orange-500\">\u0e40\u0e1d\u0e49\u0e32\u0e23\u0e30\u0e27\u0e31\u0e07\u0e42\u0e23\u0e04\u0e43\u0e1a\u0e23\u0e48\u0e27\u0e07\u0e0a\u0e19\u0e34\u0e14\u0e43\u0e2b\u0e21\u0e48<\/h2>\n <\/div>\n <a href=\"https:\/\/www.doa.go.th\/rubberfund\/leaf-loss-disease\/\" target=\"_blank\" class=\"group inline-flex items-center px-6 py-3 bg-red-600 hover:bg-red-500 text-white rounded-xl text-md font-bold transition-all shadow-xl hover:shadow-red-500\/40 self-start md:self-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-3 group-hover:rotate-45 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" \/>\n <\/svg>\n \u0e2d\u0e48\u0e32\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\n <\/a>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-10\">\n <div class=\"glass-card p-10 rounded-3xl border-l-8 border-red-600 shadow-2xl hover-lift\">\n <h3 class=\"text-2xl font-extrabold mb-8 text-red-400 italic\">\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e2d\u0e32\u0e01\u0e32\u0e23<\/h3>\n <p class=\"text-gray-200 text-lg leading-relaxed italic\">\u0e1e\u0e1a\u0e1a\u0e19\u0e43\u0e1a\u0e41\u0e01\u0e48 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e08\u0e38\u0e14\u0e41\u0e1c\u0e25\u0e40\u0e25\u0e47\u0e01\u0e46 \u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\/\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25 \u0e02\u0e22\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e1c\u0e25\u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e01\u0e25\u0e21 \u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e0b\u0e35\u0e14 \u0e21\u0e35\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e40\u0e1b\u0e47\u0e19\u0e27\u0e07\u0e0b\u0e49\u0e2d\u0e19\u0e01\u0e31\u0e19<\/p>\n <div class=\"mt-10 p-8 bg-red-950\/20 rounded-[2rem] border border-red-900\/30 relative overflow-hidden group\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10 group-hover:scale-150 transition-transform\">\ud83e\udda0<\/div>\n <span class=\"text-sm font-black text-red-400 uppercase tracking-[0.2em]\">\u0e2a\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e17\u0e35\u0e48\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07\u0e23\u0e30\u0e1a\u0e32\u0e14:<\/span>\n <p class=\"text-xl italic mt-3 text-red-100 font-bold leading-relaxed\">\u0e0a\u0e48\u0e27\u0e07\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19\u0e43\u0e19\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e2a\u0e39\u0e07 \u0e1d\u0e19\u0e15\u0e01\u0e2b\u0e19\u0e31\u0e01\u0e2a\u0e25\u0e31\u0e1a\u0e0a\u0e48\u0e27\u0e07\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e23\u0e49\u0e2d\u0e19<\/p>\n <\/div>\n <\/div>\n <div class=\"space-y-8\">\n <h3 class=\"text-2xl font-extrabold text-slate-200 italic px-2 border-l-4 border-slate-500\">\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e21\u0e35\u0e17\u0e35\u0e48\u0e41\u0e19\u0e30\u0e19\u0e33 (\u0e15\u0e48\u0e2d\u0e19\u0e49\u0e33 20 \u0e25\u0e34\u0e15\u0e23)<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e40\u0e1a\u0e42\u0e19\u0e21\u0e34\u0e25 (20-30 \u0e01\u0e23\u0e31\u0e21)<\/div>\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e41\u0e21\u0e19\u0e42\u0e04\u0e40\u0e0b\u0e1a (30-50 \u0e01\u0e23\u0e31\u0e21)<\/div>\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e04\u0e32\u0e23\u0e4c\u0e40\u0e1a\u0e19\u0e14\u0e32\u0e0b\u0e34\u0e21 (20-30 \u0e0b\u0e35\u0e0b\u0e35)<\/div>\n <div class=\"glass-card p-5 shadow-sm rounded-2xl border border-slate-700\/50 hover:border-red-500\/50 hover:bg-red-500\/5 transition-all font-bold text-center italic text-red-400\">\u0e40\u0e2e\u0e01\u0e0b\u0e30\u0e42\u0e04\u0e19\u0e32\u0e42\u0e0b\u0e25 (20-30 \u0e0b\u0e35\u0e0b\u0e35)<\/div>\n <\/div>\n <div class=\"bg-yellow-900\/20 p-6 rounded-2xl border border-yellow-700\/30 text-md shadow-inner\">\n <p class=\"text-yellow-400 font-bold italic flex items-center\">\n <span class=\"mr-3\">\ud83d\udca1<\/span> \n <span>\u0e04\u0e33\u0e41\u0e19\u0e30\u0e19\u0e33\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21: \u0e09\u0e35\u0e14\u0e1e\u0e48\u0e19\u0e17\u0e38\u0e01 7-10 \u0e27\u0e31\u0e19 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1e\u0e1a\u0e01\u0e32\u0e23\u0e23\u0e30\u0e1a\u0e32\u0e14\u0e43\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e02\u0e22\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e38\u0e4c<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <script>\n \/\/ \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a Dark Mode\n document.documentElement.classList.add('dark');\n\n \/\/ Scroll to Top Logic\n const scrollTopBtn = document.getElementById('scroll-top');\n window.addEventListener('scroll', function() {\n if (window.pageYOffset > 300) {\n scrollTopBtn.style.display = \"block\";\n } else {\n scrollTopBtn.style.display = \"none\";\n }\n });\n\n scrollTopBtn.addEventListener('click', function() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n });\n\n \/\/ Scroll Reveal Effect\n const reveals = document.querySelectorAll('.reveal');\n const revealOnScroll = () => {\n for (let i = 0; i < reveals.length; i++) {\n let windowHeight = window.innerHeight;\n let elementTop = reveals[i].getBoundingClientRect().top;\n let elementVisible = 100;\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add('active');\n }\n }\n };\n window.addEventListener('scroll', revealOnScroll);\n \/\/ Initial check\n revealOnScroll();\n <\/script>\n\n<\/body>\n<\/html>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e27\u0e19\u0e22\u0e32\u0e07\u0e1e\u0e32\u0e23\u0e32\u0e04\u0e23\u0e1a\u0e27\u0e07\u0e08\u0e23 \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28: \u0e2d\u0e22\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e27\u0e48 […]<\/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-13097","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13097","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=13097"}],"version-history":[{"count":6,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13097\/revisions"}],"predecessor-version":[{"id":13190,"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/pages\/13097\/revisions\/13190"}],"wp:attachment":[{"href":"https:\/\/www.doa.go.th\/rubberfund\/wp-json\/wp\/v2\/media?parent=13097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}