{"id":64,"date":"2025-08-01T07:44:01","date_gmt":"2025-08-01T07:44:01","guid":{"rendered":"http:\/\/www.thambamro.ong\/wordpress\/?page_id=64"},"modified":"2026-06-02T09:22:52","modified_gmt":"2026-06-02T02:22:52","slug":"%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%88%e0%b8%b2%e0%b8%84","status":"publish","type":"page","link":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%88%e0%b8%b2%e0%b8%84\/","title":{"rendered":"\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04"},"content":{"rendered":"\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u0e23\u0e48\u0e27\u0e21\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04 &#8211; PMK CancerNeXT<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['Kanit', 'sans-serif'],\n                },\n                colors: {\n                    navy: { \n                        800: '#11294d', \n                        900: '#0B1F3A', \n                        950: '#061121' \n                    },\n                    burgundy: { \n                        600: '#9b2735', \n                        700: '#7C1F2A', \n                        800: '#5c171f' \n                    }\n                }\n            }\n        }\n    }\n<\/script>\n\n<style>\n    body { \n        font-family: 'Kanit', sans-serif; \n        background: #f8fafc; \n    }\n\n    .cancernext-page {\n        font-family: 'Kanit', sans-serif;\n    }\n\n    .bg-pattern {\n        background-image: \n            radial-gradient(circle at 20% 20%, rgba(155, 39, 53, 0.22) 0, transparent 28%),\n            radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.10) 0, transparent 30%),\n            radial-gradient(circle at 75% 85%, rgba(155, 39, 53, 0.18) 0, transparent 35%),\n            url(\"data:image\/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.035'%3E%3Cpath d='M36 6l3 10h10l-8 6 3 10-8-6-8 6 3-10-8-6h10z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n    }\n\n    .page-shadow { \n        box-shadow: 0 24px 60px rgba(6, 17, 33, 0.14); \n    }\n\n    .glass-card {\n        background: rgba(255, 255, 255, 0.10);\n        backdrop-filter: blur(14px);\n        border: 1px solid rgba(255, 255, 255, 0.18);\n    }\n\n    .qr-frame {\n        background:\n            linear-gradient(#ffffff, #ffffff) padding-box,\n            linear-gradient(135deg, #7C1F2A, #11294d) border-box;\n        border: 3px solid transparent;\n    }\n\n    .soft-grid {\n        background-image:\n            linear-gradient(rgba(11, 31, 58, 0.04) 1px, transparent 1px),\n            linear-gradient(90deg, rgba(11, 31, 58, 0.04) 1px, transparent 1px);\n        background-size: 28px 28px;\n    }\n<\/style>\n\n<div class=\"cancernext-page max-w-[1100px] w-full mx-auto bg-white rounded-2xl page-shadow overflow-hidden relative border border-slate-200\" id=\"top\">\n\n    <!-- ================= HERO SECTION ================= -->\n    <header class=\"bg-navy-950 text-white px-6 md:px-10 py-12 md:py-16 relative overflow-hidden bg-pattern\">\n        \n        <div class=\"absolute top-0 left-0 -ml-20 -mt-20 text-white\/5 transform rotate-12 pointer-events-none\">\n            <i class=\"fas fa-ribbon text-[22rem]\"><\/i>\n        <\/div>\n\n        <div class=\"absolute bottom-0 left-0 w-full h-2 bg-gradient-to-r from-burgundy-800 via-burgundy-600 to-burgundy-800\"><\/div>\n\n        <div class=\"relative z-10 grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\n            \n            <div class=\"lg:col-span-7 text-center lg:text-left\">\n                <span class=\"inline-flex items-center gap-2 py-1.5 px-4 rounded-full bg-white\/10 text-rose-100 text-xs font-bold tracking-widest mb-5 border border-white\/20 uppercase shadow-sm backdrop-blur-md\">\n                    <span class=\"w-2 h-2 rounded-full bg-rose-400 animate-pulse\"><\/span>\n                    PMK CancerNeXT \u2022 Donation\n                <\/span>\n\n                <h1 class=\"text-4xl md:text-5xl font-black mb-5 leading-tight\">\n                    \u0e23\u0e48\u0e27\u0e21\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<br>\n                    <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-white via-slate-200 to-rose-200\">\n                        \u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\n                    <\/span>\n                <\/h1>\n\n                <p class=\"text-base md:text-lg text-blue-100 mb-6 max-w-3xl font-light leading-relaxed\">\n                    \u0e17\u0e38\u0e01\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e0a\u0e48\u0e27\u0e22\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e23\u0e31\u0e01\u0e29\u0e32 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19 \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e41\u0e1a\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e23\u0e27\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u0e41\u0e25\u0e30\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\n                <\/p>\n\n                <div class=\"glass-card rounded-2xl p-5 md:p-6 max-w-3xl\">\n                    <h3 class=\"font-black text-white text-lg mb-2 flex items-center justify-center lg:justify-start gap-2\">\n                        <i class=\"fas fa-circle-info text-rose-300\"><\/i>\n                        \u0e42\u0e1b\u0e23\u0e14\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\n                    <\/h3>\n                    <p class=\"text-sm md:text-base font-light text-slate-100 leading-relaxed\">\n                        \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32\n                        <span class=\"inline-block mt-2 text-base md:text-lg font-black text-white bg-burgundy-700 px-3 py-1.5 rounded-lg shadow-md\">\n                            \u201c\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u201d\n                        <\/span>\n                        <br>\n                        \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e07\u0e34\u0e19\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e44\u0e14\u0e49\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-5\">\n                <div class=\"bg-white rounded-3xl p-5 md:p-6 shadow-2xl border border-white\/80\">\n                    <div class=\"flex items-center justify-between gap-3 mb-4\">\n                        <div>\n                            <div class=\"text-xs font-black text-burgundy-700 tracking-widest uppercase mb-1\">Primary Channel<\/div>\n                            <h2 class=\"text-xl md:text-2xl font-black text-navy-900 leading-tight\">QR Code E-Donation<\/h2>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-2xl bg-burgundy-700 text-white flex items-center justify-center shadow-lg\">\n                            <i class=\"fas fa-qrcode text-xl\"><\/i>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"qr-frame rounded-2xl p-4 bg-white mb-4\">\n                        <img decoding=\"async\" src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-10.13.50-PM.png\" \n                             alt=\"QR Code E-Donation PMK Cancer Center\" \n                             class=\"w-full max-w-[320px] mx-auto rounded-xl\">\n                    <\/div>\n\n                    <div class=\"bg-emerald-50 border border-emerald-200 rounded-xl p-4\">\n                        <h3 class=\"font-black text-emerald-800 text-sm mb-1 flex items-center gap-2\">\n                            <i class=\"fas fa-file-invoice-dollar\"><\/i>\n                            \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a E-Donation \u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\n                        <\/h3>\n                        <p class=\"text-xs md:text-sm text-emerald-900 leading-relaxed font-medium\">\n                            \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e2b\u0e31\u0e01\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e08\u0e30\u0e16\u0e39\u0e01\u0e2a\u0e48\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a E-Donation\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/header>\n\n    <!-- ================= MAIN DONATION SECTION ================= -->\n    <section class=\"p-6 md:p-12 bg-slate-50 soft-grid\">\n        <div class=\"text-center mb-10\">\n            <span class=\"inline-flex items-center justify-center gap-2 px-4 py-1.5 bg-rose-50 text-burgundy-700 rounded-full text-sm font-bold border border-rose-200 mb-4 shadow-sm\">\n                <i class=\"fas fa-heart\"><\/i>\n                \u0e23\u0e48\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e39\u0e49\u0e1b\u0e48\u0e27\u0e22\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\n            <\/span>\n            <h2 class=\"text-3xl md:text-4xl font-black text-navy-900\">\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04<\/h2>\n            <p class=\"text-slate-500 mt-2 font-medium\">\n                \u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e39\u0e1b\u0e16\u0e31\u0e21\u0e20\u0e4c\u0e2f\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6 lg:gap-8 max-w-6xl mx-auto\">\n            \n            <!-- Option 1: QR E-Donation -->\n            <div class=\"lg:col-span-2 bg-white rounded-3xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-lg transition-shadow relative group\">\n                <div class=\"h-2 w-full bg-gradient-to-r from-burgundy-800 via-burgundy-600 to-navy-900\"><\/div>\n\n                <div class=\"absolute top-6 right-6 text-burgundy-100 opacity-30 group-hover:opacity-50 transition-opacity\">\n                    <i class=\"fas fa-qrcode text-7xl\"><\/i>\n                <\/div>\n\n                <div class=\"p-6 md:p-8 relative z-10\">\n                    <div class=\"text-xs font-black text-burgundy-700 tracking-widest uppercase mb-2\">Option 1 \u2022 Recommended<\/div>\n                    <h3 class=\"text-2xl md:text-3xl font-black text-navy-900 mb-3 leading-tight\">\n                        \u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19 QR Code E-Donation\n                    <\/h3>\n\n                    <p class=\"text-slate-600 text-sm md:text-base leading-relaxed mb-6 font-light max-w-3xl\">\n                        \u0e2a\u0e41\u0e01\u0e19 QR Code \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a E-Donation \u0e02\u0e2d\u0e07\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23 \u0e42\u0e14\u0e22\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e2b\u0e31\u0e01\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e08\u0e30\u0e16\u0e39\u0e01\u0e2a\u0e48\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\n                    <\/p>\n\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center\">\n                        <div>\n                            <div class=\"qr-frame rounded-2xl p-4 bg-white shadow-md\">\n                                <img decoding=\"async\" src=\"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-01-at-10.13.50-PM.png\" \n                                     alt=\"QR Code E-Donation PMK Cancer Center\" \n                                     class=\"w-full max-w-[300px] mx-auto rounded-xl\">\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"space-y-4\">\n                            <div class=\"flex gap-3\">\n                                <div class=\"w-9 h-9 rounded-full bg-navy-900 text-white flex items-center justify-center font-bold shrink-0\">1<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-navy-900\">\u0e2a\u0e41\u0e01\u0e19 QR Code<\/h4>\n                                    <p class=\"text-sm text-slate-600 font-light\">\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19 Mobile Banking \u0e2b\u0e23\u0e37\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a E-Donation<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex gap-3\">\n                                <div class=\"w-9 h-9 rounded-full bg-navy-900 text-white flex items-center justify-center font-bold shrink-0\">2<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-navy-900\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e07\u0e40\u0e02\u0e49\u0e32\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34<\/h4>\n                                    <p class=\"text-sm text-slate-600 font-light\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e43\u0e0a\u0e49\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e2b\u0e31\u0e01\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e15\u0e32\u0e21\u0e23\u0e30\u0e1a\u0e1a E-Donation<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex gap-3\">\n                                <div class=\"w-9 h-9 rounded-full bg-burgundy-700 text-white flex items-center justify-center font-bold shrink-0\">3<\/div>\n                                <div>\n                                    <h4 class=\"font-bold text-burgundy-800\">\u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e43\u0e2b\u0e49\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f<\/h4>\n                                    <p class=\"text-sm text-slate-600 font-light\">\n                                        \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e48\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e48\u0e32 \u201c\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u201d\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"pt-2 flex flex-col sm:flex-row gap-3\">\n                                <a href=\"https:\/\/www.phramongkutklaofoundation.org\/main\/sendpayment\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center justify-center gap-2 bg-burgundy-700 hover:bg-burgundy-800 text-white font-bold py-3 px-5 rounded-xl transition-all shadow-md\">\n                                    \u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04 <i class=\"fas fa-arrow-right\"><\/i>\n                                <\/a>\n\n                                <a href=\"https:\/\/line.me\/R\/ti\/p\/@160igvjr?oat__id=3574498\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center justify-center gap-2 bg-[#00B900] hover:bg-[#009900] text-white font-bold py-3 px-5 rounded-xl transition-all shadow-md\">\n                                    <i class=\"fab fa-line text-lg\"><\/i> LINE Official\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"mt-6 bg-rose-50 border border-rose-200 rounded-2xl p-4\">\n                        <h4 class=\"font-black text-burgundy-800 mb-1 flex items-center gap-2\">\n                            <i class=\"fas fa-triangle-exclamation\"><\/i>\n                            \u0e2a\u0e33\u0e04\u0e31\u0e0d\n                        <\/h4>\n                        <p class=\"text-sm text-slate-700 leading-relaxed\">\n                            \u0e2b\u0e25\u0e31\u0e07\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19 QR Code E-Donation \u0e41\u0e25\u0e49\u0e27 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e41\u0e25\u0e30\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e44\u0e1b\u0e22\u0e31\u0e07\n                            <strong>\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e39\u0e1b\u0e16\u0e31\u0e21\u0e20\u0e4c\u0e2f<\/strong>\n                            \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e27\u0e48\u0e32\n                            <strong class=\"text-burgundy-700\">\u201c\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u201d<\/strong>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Option 2: Foundation Website -->\n            <div class=\"bg-white rounded-3xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-lg transition-shadow flex flex-col relative group\">\n                <div class=\"h-2 w-full bg-burgundy-700\"><\/div>\n\n                <div class=\"absolute top-5 right-5 text-burgundy-100 opacity-30 group-hover:opacity-50 transition-opacity\">\n                    <i class=\"fas fa-laptop-medical text-6xl\"><\/i>\n                <\/div>\n\n                <div class=\"p-6 md:p-8 flex flex-col flex-1 relative z-10\">\n                    <div class=\"text-xs font-black text-burgundy-700 tracking-widest uppercase mb-2\">Option 2<\/div>\n                    <h3 class=\"text-xl md:text-2xl font-black text-navy-900 mb-3 leading-tight\">\n                        \u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f\n                    <\/h3>\n\n                    <p class=\"text-slate-600 text-sm leading-relaxed mb-6 font-light\">\n                        \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32\n                    <\/p>\n\n                    <div class=\"mt-auto\">\n                        <a href=\"https:\/\/www.phramongkutklaofoundation.org\/main\/bloglist\/64\/DONATION.htm\" target=\"_blank\" rel=\"noopener\" class=\"w-full flex items-center justify-center gap-2 bg-burgundy-700 hover:bg-burgundy-800 text-white font-bold py-3.5 px-6 rounded-xl transition-all shadow-[0_4px_12px_rgba(124,31,42,0.2)] hover:shadow-[0_6px_16px_rgba(124,31,42,0.4)]\">\n                            \u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c <i class=\"fas fa-external-link-alt text-sm\"><\/i>\n                        <\/a>\n\n                        <p class=\"text-xs text-rose-700 font-medium text-center mt-3 bg-rose-50 p-3 rounded-lg border border-rose-100\">\n                            \u0e43\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38<br>\n                            <strong>\u201c\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u201d<\/strong>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- Bank Transfer Card -->\n        <div class=\"max-w-6xl mx-auto mt-8\">\n            <div class=\"bg-white rounded-3xl border border-slate-200 overflow-hidden shadow-sm\">\n                <div class=\"h-2 w-full bg-navy-900\"><\/div>\n\n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 items-center\">\n                        \n                        <div class=\"lg:col-span-5\">\n                            <div class=\"text-xs font-black text-navy-900 tracking-widest uppercase mb-2\">Option 3<\/div>\n                            <h3 class=\"text-2xl font-black text-navy-900 mb-3 leading-tight\">\n                                \u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f \u0e41\u0e25\u0e30\u0e41\u0e08\u0e49\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\n                            <\/h3>\n                            <p class=\"text-slate-600 text-sm leading-relaxed font-light\">\n                                \u0e17\u0e48\u0e32\u0e19\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e02\u0e2d\u0e07\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f \u0e41\u0e25\u0e30\u0e2a\u0e48\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e42\u0e2d\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e2d\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"lg:col-span-4\">\n                            <div class=\"bg-slate-50 border border-slate-200 rounded-2xl p-5\">\n                                <div class=\"flex items-center gap-3 mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d9\/TTB_Logo.svg\" alt=\"TTB Logo\" class=\"h-6\">\n                                    <span class=\"font-bold text-navy-900 text-sm\">\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e17\u0e2b\u0e32\u0e23\u0e44\u0e17\u0e22\u0e18\u0e19\u0e0a\u0e32\u0e15 (ttb)<\/span>\n                                <\/div>\n\n                                <div class=\"text-slate-600 text-sm mb-1\">\n                                    \u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e31\u0e0d\u0e0a\u0e35:\n                                    <span class=\"font-bold text-slate-800\">\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32<\/span>\n                                <\/div>\n\n                                <div class=\"text-slate-600 text-sm flex flex-col mt-2\">\n                                    \u0e40\u0e25\u0e02\u0e17\u0e35\u0e48\u0e1a\u0e31\u0e0d\u0e0a\u0e35:\n                                    <span class=\"text-2xl font-black text-navy-900 tracking-wider\">038-1-07090-5<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"lg:col-span-3\">\n                            <div class=\"flex flex-col gap-2\">\n                                <a href=\"https:\/\/www.phramongkutklaofoundation.org\/main\/sendpayment\" target=\"_blank\" rel=\"noopener\" class=\"w-full flex items-center justify-center gap-2 bg-white border-2 border-navy-900 text-navy-900 hover:bg-navy-900 hover:text-white font-bold py-3 px-4 rounded-xl transition-all\">\n                                    <i class=\"fas fa-globe\"><\/i> \u0e41\u0e08\u0e49\u0e07\u0e42\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\n                                <\/a>\n\n                                <a href=\"https:\/\/line.me\/R\/ti\/p\/@160igvjr?oat__id=3574498\" target=\"_blank\" rel=\"noopener\" class=\"w-full flex items-center justify-center gap-2 bg-[#00B900] hover:bg-[#009900] text-white font-bold py-3 px-4 rounded-xl transition-all shadow-md\">\n                                    <i class=\"fab fa-line text-lg\"><\/i> \u0e41\u0e08\u0e49\u0e07\u0e42\u0e2d\u0e19\u0e1c\u0e48\u0e32\u0e19 LINE\n                                <\/a>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"mt-6 bg-rose-50 border border-rose-200 rounded-2xl p-4\">\n                        <p class=\"text-sm text-slate-700 leading-relaxed\">\n                            <strong class=\"text-burgundy-700\">\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38:<\/strong>\n                            \u0e2b\u0e25\u0e31\u0e07\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e48\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e48\u0e32\n                            <strong class=\"text-burgundy-700\">\u201c\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u201d<\/strong>\n                            \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e08\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e40\u0e07\u0e34\u0e19\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e44\u0e14\u0e49\u0e15\u0e23\u0e07\u0e15\u0e32\u0e21\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ================= TAX & INFO SECTION ================= -->\n    <section class=\"p-6 md:p-12 bg-white border-t border-slate-200\">\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 max-w-6xl mx-auto\">\n            \n            <div class=\"bg-navy-950 text-white rounded-3xl p-6 relative overflow-hidden\">\n                <div class=\"absolute -right-6 -bottom-6 text-white\/10\">\n                    <i class=\"fas fa-file-invoice-dollar text-8xl\"><\/i>\n                <\/div>\n                <div class=\"relative z-10\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-white\/10 flex items-center justify-center mb-4\">\n                        <i class=\"fas fa-receipt text-xl text-rose-200\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-black mb-2\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e20\u0e32\u0e29\u0e35<\/h3>\n                    <p class=\"text-sm text-slate-200 leading-relaxed font-light\">\n                        \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19 QR Code E-Donation \u0e08\u0e30\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2b\u0e31\u0e01\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-slate-50 border border-slate-200 rounded-3xl p-6\">\n                <div class=\"w-12 h-12 rounded-2xl bg-burgundy-700 text-white flex items-center justify-center mb-4\">\n                    <i class=\"fas fa-bullseye text-xl\"><\/i>\n                <\/div>\n                <h3 class=\"text-xl font-black text-navy-900 mb-2\">\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed font-light\">\n                    \u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e30\u0e1a\u0e38\u0e27\u0e31\u0e15\u0e16\u0e38\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\n                <\/p>\n            <\/div>\n\n            <div class=\"bg-slate-50 border border-slate-200 rounded-3xl p-6\">\n                <div class=\"w-12 h-12 rounded-2xl bg-navy-900 text-white flex items-center justify-center mb-4\">\n                    <i class=\"fas fa-paper-plane text-xl\"><\/i>\n                <\/div>\n                <h3 class=\"text-xl font-black text-navy-900 mb-2\">\u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14<\/h3>\n                <p class=\"text-sm text-slate-600 leading-relaxed font-light\">\n                    \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e48\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- ================= HOW-TO SUMMARY ================= -->\n    <section class=\"p-6 md:p-12 border-t border-slate-200 bg-slate-50\">\n        <div class=\"max-w-4xl mx-auto\">\n            <h2 class=\"text-2xl md:text-3xl font-black text-navy-900 mb-8 flex items-center gap-3\">\n                <i class=\"fas fa-list-ol text-burgundy-700\"><\/i>\n                \u0e2a\u0e23\u0e38\u0e1b\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\n            <\/h2>\n\n            <div class=\"space-y-5\">\n                <div class=\"flex gap-4\">\n                    <div class=\"w-9 h-9 rounded-full bg-navy-900 text-white flex items-center justify-center font-bold shrink-0 shadow-sm\">1<\/div>\n                    <div>\n                        <h4 class=\"font-bold text-slate-800\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04<\/h4>\n                        <p class=\"text-sm text-slate-600 font-light\">\n                            \u0e41\u0e19\u0e30\u0e19\u0e33\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19 QR Code E-Donation \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e2a\u0e48\u0e07\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\u0e42\u0e14\u0e22\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\/\u0e42\u0e2d\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e02\u0e49\u0e32\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"w-0.5 h-6 bg-slate-300 ml-4\"><\/div>\n\n                <div class=\"flex gap-4\">\n                    <div class=\"w-9 h-9 rounded-full bg-navy-900 text-white flex items-center justify-center font-bold shrink-0 shadow-sm\">2<\/div>\n                    <div>\n                        <h4 class=\"font-bold text-slate-800\">\u0e40\u0e01\u0e47\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04<\/h4>\n                        <p class=\"text-sm text-slate-600 font-light\">\n                            \u0e40\u0e01\u0e47\u0e1a\u0e2a\u0e25\u0e34\u0e1b\u0e2b\u0e23\u0e37\u0e2d\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e43\u0e2b\u0e49\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f \u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"w-0.5 h-6 bg-slate-300 ml-4\"><\/div>\n\n                <div class=\"flex gap-4\">\n                    <div class=\"w-9 h-9 rounded-full bg-burgundy-700 text-white flex items-center justify-center font-bold shrink-0 shadow-[0_0_10px_rgba(124,31,42,0.4)]\">3<\/div>\n                    <div class=\"bg-rose-50 border border-rose-200 rounded-2xl p-4 w-full\">\n                        <h4 class=\"font-bold text-burgundy-800\">\u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e2f<\/h4>\n                        <p class=\"text-sm text-slate-700 font-medium mt-1 leading-relaxed\">\n                            \u0e01\u0e23\u0e38\u0e13\u0e32\u0e2a\u0e48\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04 \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e38\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32\n                            <br>\n                            <strong class=\"text-burgundy-700 bg-white px-2 py-1 rounded shadow-sm inline-block mt-2\">\n                                \u201c\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04\u0e43\u0e2b\u0e49\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\u201d\n                            <\/strong>\n                        <\/p>\n\n                        <div class=\"mt-4 flex flex-col sm:flex-row gap-3\">\n                            <a href=\"https:\/\/www.phramongkutklaofoundation.org\/main\/sendpayment\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center justify-center gap-2 bg-burgundy-700 hover:bg-burgundy-800 text-white font-bold py-2.5 px-5 rounded-xl transition-all shadow-md\">\n                                \u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/a>\n\n                            <a href=\"https:\/\/line.me\/R\/ti\/p\/@160igvjr?oat__id=3574498\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center justify-center gap-2 bg-[#00B900] hover:bg-[#009900] text-white font-bold py-2.5 px-5 rounded-xl transition-all shadow-md\">\n                                <i class=\"fab fa-line text-lg\"><\/i> \u0e2a\u0e48\u0e07\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e1c\u0e48\u0e32\u0e19 LINE\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"mt-10 p-6 bg-white border border-slate-200 rounded-3xl text-center shadow-sm\">\n                <p class=\"text-sm text-slate-600 mb-4 font-light leading-relaxed\">\n                    \u0e2b\u0e32\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e43\u0e1a\u0e40\u0e2a\u0e23\u0e47\u0e08 \u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e42\u0e23\u0e04\u0e21\u0e30\u0e40\u0e23\u0e47\u0e07\n                    <br>\n                    \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d <strong>\u0e21\u0e39\u0e25\u0e19\u0e34\u0e18\u0e34\u0e42\u0e23\u0e07\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32 \u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e39\u0e1b\u0e16\u0e31\u0e21\u0e20\u0e4c\u0e2f<\/strong>\n                <\/p>\n\n                <a href=\"#top\" class=\"inline-flex items-center gap-2 text-sm font-bold text-navy-900 hover:text-burgundy-700 transition-colors bg-white border border-slate-300 px-4 py-2 rounded-full shadow-sm\">\n                    <i class=\"fas fa-arrow-up\"><\/i> \u0e01\u0e25\u0e31\u0e1a\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-uagb-image uagb-block-ff71590c wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-none\"><figure class=\"wp-block-uagb-image__figure\"><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e48\u0e27\u0e21\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04 &#8211; P [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/author\/tawakung\/"},"uagb_comment_info":0,"uagb_excerpt":"\u0e23\u0e48\u0e27\u0e21\u0e1a\u0e23\u0e34\u0e08\u0e32\u0e04 &#8211; P [&hellip;]","ticketed":false,"_links":{"self":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":6,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":956,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/64\/revisions\/956"}],"wp:attachment":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}