{"id":751,"date":"2026-03-12T23:06:03","date_gmt":"2026-03-12T16:06:03","guid":{"rendered":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/?page_id=751"},"modified":"2026-04-09T16:08:13","modified_gmt":"2026-04-09T09:08:13","slug":"sponsor-prospectus","status":"publish","type":"page","link":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/sponsor-prospectus\/","title":{"rendered":"Sponsor Prospectus"},"content":{"rendered":"\n\n\n\n \n \n Sponsorship Prospectus – PMK MDT Forum 2026<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\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&display=swap\" rel=\"stylesheet\">\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 { font-family: 'Kanit', sans-serif; background-color: #f8fafc; }\n .bg-pattern {\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n }\n .print-shadow { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }\n \n \/* Gold Gradient *\/\n .gold-gradient {\n background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);\n }\n\n \/* Aspect ratio for the badge mockup (105x148) *\/\n .badge-mockup {\n aspect-ratio: 105 \/ 148;\n width: 100%;\n max-width: 260px;\n margin: 0 auto;\n }\n\n \/* ================= FLOOR PLAN STYLES ================= *\/\n .grid-bg {\n background-size: 40px 40px;\n background-image: \n linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);\n }\n .booth {\n position: absolute;\n width: 4.5%;\n height: 6%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 600;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n transition: all 0.2s ease;\n cursor: pointer;\n z-index: 10;\n }\n .booth:hover {\n transform: scale(1.15) translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2);\n z-index: 20;\n }\n .booth-available { background: linear-gradient(135deg, #881337, #9f1239); color: white; border: 1px solid #4c0519; }\n .booth-premium { background: linear-gradient(135deg, #fde047, #f59e0b); color: #78350f; border: 1px solid #b45309; }\n .booth-reserved { background: linear-gradient(135deg, #94a3b8, #64748b); color: white; border: 1px solid #475569; }\n .booth-activity { background: linear-gradient(135deg, #172554, #1e3a8a); color: white; border: 1px solid #0f172a; }\n \n .room {\n position: absolute;\n background-color: rgba(239, 246, 255, 0.9);\n border: 2px solid rgba(30, 58, 138, 0.2);\n backdrop-filter: blur(4px);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n color: #172554;\n font-size: 1.25rem;\n border-radius: 8px;\n box-shadow: inset 0 0 20px rgba(255,255,255,0.5);\n }\n \n .facility {\n position: absolute;\n background-color: #e2e8f0;\n border: 1px solid #cbd5e1;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #475569;\n border-radius: 4px;\n font-size: 0.875rem;\n }\n\n .booth .tooltip {\n visibility: hidden;\n opacity: 0;\n position: absolute;\n bottom: 120%;\n left: 50%;\n transform: translateX(-50%);\n background-color: #1e293b;\n color: white;\n text-align: center;\n padding: 4px 8px;\n border-radius: 6px;\n font-size: 0.75rem;\n white-space: nowrap;\n transition: opacity 0.2s;\n pointer-events: none;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n .booth .tooltip::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #1e293b transparent transparent transparent;\n }\n .booth:hover .tooltip {\n visibility: visible;\n opacity: 1;\n }\n\n \/* Custom scrollbar for table *\/\n .table-scroll::-webkit-scrollbar { height: 6px; }\n .table-scroll::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }\n .table-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n .table-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n\n \/* ================= GLOBAL PRINT STYLES ================= *\/\n @media print {\n body { background-color: white; padding: 0; }\n .print-shadow { box-shadow: none; border: none; max-width: 100%; margin: 0; border-radius: 0; }\n .no-print { display: none !important; }\n .mockup-container { break-inside: avoid; }\n .floorplan-container { break-inside: avoid; }\n .comparison-table-container { break-inside: avoid; }\n .grid-bg { background-image: none; background-color: #f8fafc; }\n \n \/* 1. Fix Floorplan width for full page printing (Portrait) *\/\n body:not(.is-popup-print) .floorplan-scroll-wrapper {\n overflow: visible !important;\n display: flex;\n justify-content: center;\n }\n body:not(.is-popup-print) .floorplan-wrapper {\n \/* Scale down the 1000px container to fit A4 Portrait width *\/\n transform: scale(0.7);\n transform-origin: top center;\n \/* Compensate the height loss to prevent huge blank spaces *\/\n margin-bottom: -195px; \n }\n }\n <\/style>\n<\/head>\n<body class=\"py-8 px-4 flex justify-center items-center min-h-screen\">\n\n <!-- Main Infographic Container -->\n <div id=\"main-prospectus-container\" class=\"max-w-[1000px] w-full bg-white rounded-2xl print-shadow overflow-hidden relative border border-slate-200\">\n\n <!-- ================= HEADER ================= -->\n <header class=\"bg-navy-950 text-white px-8 py-10 relative overflow-hidden bg-pattern\">\n <div class=\"absolute top-0 right-0 -mt-10 -mr-10 text-white\/5\">\n <i class=\"fas fa-ribbon text-[15rem]\"><\/i>\n <\/div>\n <!-- Burgundy Bottom Line -->\n <div class=\"absolute bottom-0 left-0 w-full h-1.5 bg-gradient-to-r from-burgundy-800 via-burgundy-600 to-burgundy-800\"><\/div>\n \n <div class=\"relative z-10 text-center\">\n <span class=\"inline-block py-1 px-4 rounded-full bg-burgundy-700 text-rose-100 text-xs font-bold tracking-widest mb-4 border border-rose-500\/30 uppercase shadow-sm\">\n Sponsorship Prospectus\n <\/span>\n <h1 class=\"text-3xl md:text-5xl font-black mb-3 text-transparent bg-clip-text bg-gradient-to-r from-white to-slate-300 drop-shadow-sm\">\n PMK MDT Forum 2026\n <\/h1>\n <h2 class=\"text-[17px] md:text-[19px] font-bold text-blue-100 mb-8 max-w-3xl mx-auto\">\n “Comprehensive Cancer Care: From Perioperative Innovation to Toxicity Management”\n <\/h2>\n\n <!-- Key Info Badges -->\n <div class=\"flex flex-wrap justify-center gap-4 text-sm mb-8\">\n <div class=\"bg-white\/10 backdrop-blur-md px-4 py-2 rounded-lg flex items-center gap-2 border border-white\/10 shadow-sm\">\n <i class=\"far fa-calendar-alt text-[#D4AF37]\"><\/i>\n <span>19 \u2013 20 \u0e01\u0e31\u0e19\u0e22\u0e32\u0e22\u0e19 2569<\/span>\n <\/div>\n <div class=\"bg-white\/10 backdrop-blur-md px-4 py-2 rounded-lg flex items-center gap-2 border border-white\/10 shadow-sm\">\n <i class=\"fas fa-map-marker-alt text-[#D4AF37]\"><\/i>\n <span>\u0e23\u0e1e.\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32 (\u0e0a\u0e31\u0e49\u0e19 10 \u0e2d\u0e32\u0e04\u0e32\u0e23\u0e40\u0e09\u0e25\u0e34\u0e21\u0e1e\u0e23\u0e30\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e2f)<\/span>\n <\/div>\n <\/div>\n\n <!-- Attendee Demographics -->\n <div class=\"pt-6 border-t border-blue-900\/50\">\n <h3 class=\"text-[11px] font-bold text-blue-300 mb-4 uppercase tracking-widest\">Attendee Demographics (~250 Pax)<\/h3>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-3xl mx-auto\">\n <div class=\"text-center p-3 rounded-xl bg-white\/5 border border-white\/5\">\n <div class=\"text-3xl font-black text-white\">50%<\/div>\n <div class=\"text-xs font-bold text-blue-100 mt-1\">Physicians<\/div>\n <\/div>\n <div class=\"text-center p-3 rounded-xl bg-white\/5 border border-white\/5\">\n <div class=\"text-3xl font-black text-[#D4AF37]\">20%<\/div>\n <div class=\"text-xs font-bold text-blue-100 mt-1\">Residents & Fellows<\/div>\n <\/div>\n <div class=\"text-center p-3 rounded-xl bg-white\/5 border border-white\/5\">\n <div class=\"text-3xl font-black text-slate-300\">20%<\/div>\n <div class=\"text-xs font-bold text-blue-100 mt-1\">Nurses<\/div>\n <\/div>\n <div class=\"text-center p-3 rounded-xl bg-white\/5 border border-white\/5\">\n <div class=\"text-3xl font-black text-blue-300\">10%<\/div>\n <div class=\"text-xs font-bold text-blue-100 mt-1\">Pharmacists<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"p-8\">\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-black text-navy-950 flex items-center justify-center gap-3\">\n <i class=\"fas fa-handshake text-burgundy-700\"><\/i> \u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\n <\/h3>\n <\/div>\n\n <!-- Global Benefit -->\n <div class=\"bg-gradient-to-r from-slate-50 to-white border border-slate-200 rounded-xl p-4 mb-8 flex items-start md:items-center gap-4 shadow-sm border-l-4 border-l-navy-900\">\n <div class=\"w-10 h-10 rounded-full bg-navy-900 text-white flex items-center justify-center flex-shrink-0 text-lg shadow-md\">\n <i class=\"fas fa-bullhorn\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-navy-900 text-base mb-0.5\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/h4>\n <p class=\"text-sm text-slate-600\">\n \u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19 <strong class=\"text-burgundy-700 bg-rose-50 px-1.5 py-0.5 rounded\">\u0e40\u0e27\u0e17\u0e35\u0e2b\u0e25\u0e31\u0e01<\/strong> \u0e41\u0e25\u0e30 <strong class=\"text-burgundy-700 bg-rose-50 px-1.5 py-0.5 rounded\">\u0e40\u0e27\u0e17\u0e35\u0e23\u0e2d\u0e07<\/strong> \n \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e43\u0e19 <strong class=\"text-burgundy-700 bg-rose-50 px-1.5 py-0.5 rounded\">\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07<\/strong> \u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Packages Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-8\">\n \n <!-- Platinum -->\n <div class=\"rounded-xl border border-slate-200 bg-white relative group hover:shadow-lg transition-all flex flex-col\">\n <div class=\"absolute top-0 right-0 p-4 opacity-5 text-navy-950\"><i class=\"fas fa-gem text-5xl\"><\/i><\/div>\n <div class=\"bg-slate-100 p-4 border-b border-slate-200 rounded-t-xl\">\n <h4 class=\"text-xl font-black text-slate-800\">Platinum Sponsor<\/h4>\n <p class=\"text-sm text-slate-500 font-bold mt-1\">\u0e15\u0e32\u0e21\u0e02\u0e49\u0e2d\u0e15\u0e01\u0e25\u0e07 \/ \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e44\u0e14\u0e49\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\n <\/div>\n <div class=\"p-5 flex-1\">\n <ul class=\"space-y-3 text-sm text-slate-700\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-800 mt-0.5\"><\/i>\n <span>\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <strong>“\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32”<\/strong> \u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 (Co-branding)<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-800 mt-0.5\"><\/i>\n <span>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2b\u0e32\u0e23\u0e37\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e04\u0e13\u0e30\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- Gold -->\n <div class=\"rounded-xl border-2 border-[#D4AF37] bg-gradient-to-b from-[#fffdf5] to-white relative group shadow-md transform md:-translate-y-1 flex flex-col\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10 text-[#D4AF37]\"><i class=\"fas fa-medal text-5xl\"><\/i><\/div>\n <div class=\"bg-[#fcf6ba] p-4 border-b border-[#D4AF37] rounded-t-xl\">\n <div class=\"flex justify-between items-center\">\n <h4 class=\"text-xl font-black text-amber-900\">Gold Sponsor<\/h4>\n <span class=\"bg-amber-900 text-[#fcf6ba] text-[10px] font-bold px-2 py-1 rounded-full uppercase tracking-wider shadow-sm\">Popular<\/span>\n <\/div>\n <p class=\"text-sm font-bold text-amber-800 mt-1\"><\/p>\n <\/div>\n <div class=\"p-5 flex-1\">\n <ul class=\"space-y-3 text-sm text-slate-700\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-star text-[#D4AF37] mt-0.5 drop-shadow-sm\"><\/i>\n <span>\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (Industry Symposium) <strong>1 \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d<\/strong><\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-star text-[#D4AF37] mt-0.5 drop-shadow-sm\"><\/i>\n <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 <strong>\u0e42\u0e0b\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 (Premium Booth) 1 \u0e1a\u0e39\u0e18<\/strong><\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-star text-[#D4AF37] mt-0.5 drop-shadow-sm\"><\/i>\n <span>\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <strong>“\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32”<\/strong> \u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- Silver -->\n <div class=\"rounded-xl border border-slate-200 bg-white relative group hover:shadow-lg transition-all flex flex-col\">\n <div class=\"absolute top-0 right-0 p-4 opacity-5 text-navy-950\"><i class=\"fas fa-award text-5xl\"><\/i><\/div>\n <div class=\"bg-slate-50 p-4 border-b border-slate-200 rounded-t-xl\">\n <h4 class=\"text-xl font-black text-slate-700\">Silver Sponsor<\/h4>\n <p class=\"text-sm font-bold text-slate-500 mt-1\"><\/p>\n <\/div>\n <div class=\"p-5 flex-1\">\n <ul class=\"space-y-3 text-sm text-slate-700\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-800 mt-0.5\"><\/i>\n <span>\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 (Exhibition Booth) <strong>1 \u0e1a\u0e39\u0e18<\/strong><\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-navy-800 mt-0.5\"><\/i>\n <span>\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <strong>“\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07”<\/strong> \u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- Lanyard -->\n <div class=\"rounded-xl border border-rose-200 bg-white relative group hover:shadow-lg transition-all flex flex-col\">\n <div class=\"absolute top-0 right-0 p-4 opacity-5 text-burgundy-900\"><i class=\"fas fa-id-badge text-5xl\"><\/i><\/div>\n <div class=\"bg-rose-50 p-4 border-b border-rose-200 rounded-t-xl\">\n <h4 class=\"text-xl font-black text-burgundy-800\">Lanyard Sponsor<\/h4>\n <p class=\"text-sm font-bold text-burgundy-600 mt-1\"><\/p>\n <\/div>\n <div class=\"p-5 flex-1\">\n <ul class=\"space-y-3 text-sm text-slate-700\">\n <li class=\"flex items-start gap-2\">\n <i class=\"fas fa-check-circle text-burgundy-700 mt-0.5\"><\/i>\n <span>\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e1a\u0e19 <strong>“\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23 (Lanyard)”<\/strong> \u0e02\u0e2d\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ================= SPONSOR COMPARISON TABLE ================= -->\n <div class=\"bg-white rounded-2xl border border-slate-200 mb-10 overflow-hidden shadow-[0_4px_15px_rgba(0,0,0,0.03)] comparison-table-container\">\n <div class=\"bg-slate-50 border-b border-slate-200 p-4 text-center\">\n <h3 class=\"text-lg font-black text-navy-900\">Sponsorship Comparison Matrix<\/h3>\n <p class=\"text-xs text-slate-500\">\u0e15\u0e32\u0e23\u0e32\u0e07\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e41\u0e15\u0e48\u0e25\u0e30\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08<\/p>\n <\/div>\n <div class=\"overflow-x-auto table-scroll\">\n <table class=\"w-full text-left min-w-[700px] border-collapse\">\n <thead>\n <tr class=\"text-sm text-navy-900\">\n <th class=\"p-4 border-b-2 border-slate-200 font-bold bg-slate-50\/50 w-1\/4\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c (Benefits)<\/th>\n <th class=\"p-4 border-b-2 border-slate-200 font-bold bg-slate-50 text-center w-[18%]\">Platinum<\/th>\n <th class=\"p-4 border-b-2 border-[#D4AF37] font-bold bg-amber-50\/30 text-center w-[21%] text-amber-900\">\n <i class=\"fas fa-medal text-[#D4AF37] mr-1\"><\/i> Gold\n <\/th>\n <th class=\"p-4 border-b-2 border-slate-200 font-bold bg-slate-50 text-center w-[18%]\">Silver<\/th>\n <th class=\"p-4 border-b-2 border-slate-200 font-bold bg-slate-50 text-center w-[18%]\">Lanyard<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"text-sm text-slate-700\">\n \n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e4c\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (Symposium)<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">Custom<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600 bg-amber-50\/10\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">1 Session<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e08\u0e31\u0e14\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 (Booth)<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">Premium<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600 bg-amber-50\/10\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">1 Premium Booth<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">1 Standard Booth<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d (Badge)<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center font-bold text-navy-800\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32<br><span class=\"text-[10px] text-slate-500 font-normal\">(\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e2a\u0e38\u0e14)<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center font-bold text-navy-800 bg-amber-50\/10\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center font-medium text-slate-600\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e25\u0e07\u0e1a\u0e19\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><span class=\"text-[10px] text-slate-500\">Optional<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300 bg-amber-50\/10\"><i class=\"fas fa-minus\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-slate-300\"><i class=\"fas fa-minus\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">Exclusive<\/span><\/td>\n <\/tr>\n <tr class=\"hover:bg-slate-50\/50 transition-colors\">\n <td class=\"p-3 px-4 border-b border-slate-100\">\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e19\u0e40\u0e27\u0e17\u0e35\u0e2b\u0e25\u0e31\u0e01 \u0e41\u0e25\u0e30\u0e2a\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e0a\u0e32\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><br><span class=\"text-[10px] text-slate-500\">Prominent Size<\/span><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600 bg-amber-50\/10\"><i class=\"fas fa-check font-bold\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><\/td>\n <td class=\"p-3 px-4 border-b border-slate-100 text-center text-emerald-600\"><i class=\"fas fa-check font-bold\"><\/i><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <!-- ================= FLOOR PLAN SECTION ================= -->\n <div id=\"floorplan-section\" class=\"bg-slate-50 rounded-2xl border border-slate-200 p-6 md:p-8 mb-10 overflow-hidden floorplan-container\">\n <div class=\"text-center mb-8 relative flex flex-col md:flex-row items-center justify-center\">\n <div class=\"flex-1\">\n <h3 class=\"text-xl font-black text-navy-900 mb-1 flex items-center justify-center gap-2\">\n <i class=\"fas fa-map text-burgundy-700\"><\/i> Exhibition Floor Plan\n <\/h3>\n <p class=\"text-sm text-slate-500\">\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e1a\u0e39\u0e18\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23<\/p>\n <\/div>\n <!-- Print Only Floorplan Button -->\n <button onclick=\"printSpecificElement('floorplan-section')\" class=\"no-print mt-4 md:mt-0 md:absolute md:right-0 bg-white border border-slate-300 text-slate-600 hover:bg-slate-100 hover:text-navy-900 rounded-lg px-4 py-2 text-xs font-bold transition-all shadow-sm flex items-center gap-2\">\n <i class=\"fas fa-print\"><\/i> \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\n <\/button>\n <\/div>\n \n <div class=\"overflow-x-auto pb-4 floorplan-scroll-wrapper\">\n <div class=\"floorplan-wrapper relative w-[1000px] h-[650px] mx-auto bg-white border-2 border-slate-200 rounded-xl grid-bg overflow-hidden shadow-inner flex-shrink-0\">\n <!-- ====== ROOMS & ZONES ====== -->\n <!-- Phayathai Room -->\n <div class=\"room\" style=\"left: 65%; top: -2px; width: 35.2%; height: 18%; border-top-right-radius: 0; border-top: none; border-right: none;\">\n <i class=\"fas fa-users-class mr-2 opacity-50\"><\/i> \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e1e\u0e0d\u0e32\u0e44\u0e17\n <div class=\"absolute bottom-[-10px] left-[10%] w-[10%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <\/div>\n\n <!-- Dusit Thani Room -->\n <div class=\"room\" style=\"left: -2px; bottom: -2px; width: 38%; height: 20%; border-bottom-left-radius: 0; border-bottom: none; border-left: none;\">\n <i class=\"fas fa-chalkboard-teacher mr-2 opacity-50\"><\/i> \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e14\u0e38\u0e2a\u0e34\u0e15\u0e18\u0e32\u0e19\u0e35\n <!-- Doors -->\n <div class=\"absolute top-[-10px] left-[15%] w-[10%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <div class=\"absolute top-[-10px] right-[15%] w-[10%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <\/div>\n\n <!-- Main Meeting Room (10th Fl) -->\n <div class=\"room\" style=\"left: 60%; bottom: -2px; width: 40.2%; height: 16%; border-bottom-right-radius: 0; border-bottom: none; border-right: none;\">\n <i class=\"fas fa-microphone-alt mr-2 opacity-50\"><\/i> \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48 \u0e0a\u0e31\u0e49\u0e19 10\n <!-- Doors -->\n <div class=\"absolute top-[-10px] left-[20%] w-[8%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <div class=\"absolute top-[-10px] right-[30%] w-[8%] h-[20px] bg-white border-2 border-slate-300 z-0 text-[10px] flex items-center justify-center text-slate-500\">\u0e1b\u0e23\u0e30\u0e15\u0e39<\/div>\n <\/div>\n\n <!-- VIP Lounge (\u0e0b\u0e38\u0e49\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c) -->\n <div class=\"absolute bg-amber-50 border-2 border-amber-300 rounded-[40px] shadow-sm flex flex-col items-center justify-center text-amber-900 font-bold leading-tight z-0\" style=\"left: 75%; bottom: 18%; width: 11%; height: 14%;\">\n <i class=\"fas fa-coffee mb-1 text-amber-600\"><\/i>\n <span class=\"text-sm\">\u0e0b\u0e38\u0e49\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07<br>\u0e2d\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c<\/span>\n <\/div>\n\n <!-- Registration Desk -->\n <div class=\"absolute bg-blue-100 border-2 border-blue-300 shadow-sm flex items-center justify-center text-blue-900 font-bold z-0 rounded-sm transform -rotate-90 origin-center\" style=\"left: 55%; bottom: 23%; width: 14%; height: 5%;\">\n \u0e42\u0e15\u0e4a\u0e30\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\n <\/div>\n\n <!-- ====== FACILITIES ====== -->\n <!-- Central Stairs -->\n <div class=\"facility shadow-sm flex-col\" style=\"left: 42%; top: 0; width: 16%; height: 14%; border-top: none; background: repeating-linear-gradient(0deg, #e2e8f0, #e2e8f0 10px, #cbd5e1 10px, #cbd5e1 20px);\">\n <div class=\"bg-blue-950 text-white px-3 py-1 rounded shadow-md text-sm font-bold z-10 mt-4\">\n \u0e1a\u0e31\u0e19\u0e44\u0e14\u0e01\u0e25\u0e32\u0e07\n <\/div>\n <\/div>\n\n <!-- Restrooms (Updated) -->\n <div class=\"facility\" style=\"left: 36%; top: 2%; width: 4.5%; height: 10%;\">\n <div class=\"flex flex-col items-center text-rose-800\"><i class=\"fas fa-female text-xl mb-1\"><\/i><span class=\"text-[10px] font-bold\">\u0e2a\u0e38\u0e02\u0e32\u0e2b\u0e0d\u0e34\u0e07<\/span><\/div>\n <\/div>\n <div class=\"facility\" style=\"left: 59%; top: 2%; width: 4.5%; height: 10%;\">\n <div class=\"flex flex-col items-center text-blue-950\"><i class=\"fas fa-male text-xl mb-1\"><\/i><span class=\"text-[10px] font-bold\">\u0e2a\u0e38\u0e02\u0e32\u0e0a\u0e32\u0e22<\/span><\/div>\n <\/div>\n\n <!-- Elevators Bottom -->\n <div class=\"absolute bg-slate-100 border-t-2 border-l-2 border-r-2 border-slate-300 rounded-t-lg\" style=\"left: 42%; bottom: 0; width: 16%; height: 26%;\">\n <!-- Corridor Arrow -->\n <div class=\"absolute inset-0 flex items-center justify-center opacity-20\">\n <i class=\"fas fa-long-arrow-alt-up text-6xl text-slate-900\"><\/i>\n <\/div>\n <!-- Left Lifts -->\n <div class=\"absolute left-1 top-2 bottom-2 w-[35%] flex flex-col justify-between\">\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-bold text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-bold text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-bold text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <\/div>\n <!-- Right Lifts -->\n <div class=\"absolute right-1 top-2 bottom-2 w-[35%] flex flex-col justify-between\">\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-bold text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-bold text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <div class=\"bg-slate-300 border border-slate-400 h-[30%] rounded flex items-center justify-center text-xs font-bold text-slate-600\">\u0e25\u0e34\u0e1f\u0e15\u0e4c<\/div>\n <\/div>\n <\/div>\n <div class=\"absolute text-slate-500 font-medium text-xs transform -rotate-90 origin-left\" style=\"left: 60%; bottom: 10%;\">\n \u0e17\u0e32\u0e07\u0e40\u0e14\u0e34\u0e19\u0e14\u0e49\u0e32\u0e19\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48\n <\/div>\n\n <!-- Main Backdrop -->\n <div class=\"absolute bg-rose-950 text-white font-bold text-lg flex items-center justify-center rounded shadow-lg border-2 border-rose-800 z-10\" style=\"left: 42%; top: 20%; width: 16%; height: 6%;\">\n Backdrop\n <\/div>\n\n <!-- ====== BOOTHS ====== -->\n <!-- Top Left Row (15 to 11) -->\n <div class=\"booth booth-available\" style=\"left: 10%; top: 28%;\">15<span class=\"tooltip\">Booth 15 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 15.5%; top: 28%;\">14<span class=\"tooltip\">Booth 14 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 21%; top: 28%;\">13<span class=\"tooltip\">Booth 13 (Available)<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 26.5%; top: 28%;\">12<span class=\"tooltip\">Booth 12 (Gold\/Platinum Only)<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 32%; top: 28%;\">11<span class=\"tooltip\">Booth 11 (Gold\/Platinum Only)<\/span><\/div>\n\n <!-- Top Right Row (10 to 6) -->\n <div class=\"booth booth-premium\" style=\"left: 63%; top: 28%;\">10<span class=\"tooltip\">Booth 10 (Gold\/Platinum Only)<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 68.5%; top: 28%;\">9<span class=\"tooltip\">Booth 9 (Gold\/Platinum Only)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 74%; top: 28%;\">8<span class=\"tooltip\">Booth 8 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 79.5%; top: 28%;\">7<span class=\"tooltip\">Booth 7 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 85%; top: 28%;\">6<span class=\"tooltip\">Booth 6 (Available)<\/span><\/div>\n\n <!-- Left Column (16 to 18) -->\n <div class=\"booth booth-available\" style=\"left: 6%; top: 38%;\">16<span class=\"tooltip\">Booth 16 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 6%; top: 48%;\">17<span class=\"tooltip\">Booth 17 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 6%; top: 58%;\">18<span class=\"tooltip\">Booth 18 (Available)<\/span><\/div>\n\n <!-- Bottom Left Row (19 to 23 + Photo Booth) -->\n <div class=\"booth booth-available\" style=\"left: 8%; bottom: 22%;\">19<span class=\"tooltip\">Booth 19 (Available)<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 13.5%; bottom: 22%;\">20<span class=\"tooltip\">Booth 20 (Gold\/Platinum Only)<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 19%; bottom: 22%;\">21<span class=\"tooltip\">Booth 21 (Gold\/Platinum Only)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 24.5%; bottom: 22%;\">22<span class=\"tooltip\">Booth 22 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 30%; bottom: 22%;\">23<span class=\"tooltip\">Booth 23 (Available)<\/span><\/div>\n \n <!-- Photo Booth (Adjusted Size to not overlap lifts) -->\n <div class=\"booth booth-activity\" style=\"left: 34.5%; bottom: 21%; width: 6.5%; height: 8%; flex-direction: column;\">\n <i class=\"fas fa-camera text-xl mb-1\"><\/i>\n <span class=\"text-[10px] leading-tight text-center\">Photo<br>Booth<\/span>\n <span class=\"tooltip\">Activity: Photo Booth<\/span>\n <\/div>\n\n <!-- Right Column (1 to 5) -->\n <div class=\"booth booth-available\" style=\"left: 88%; top: 38%;\">5<span class=\"tooltip\">Booth 5 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 88%; top: 48%;\">4<span class=\"tooltip\">Booth 4 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 88%; top: 58%;\">3<span class=\"tooltip\">Booth 3 (Available)<\/span><\/div>\n <div class=\"booth booth-available\" style=\"left: 88%; top: 68%;\">2<span class=\"tooltip\">Booth 2 (Available)<\/span><\/div>\n <div class=\"booth booth-premium\" style=\"left: 80%; top: 68%;\">1<span class=\"tooltip\">Booth 1 (Gold\/Platinum Only)<\/span><\/div>\n <\/div>\n <\/div>\n \n <!-- Legend Section -->\n <div class=\"mt-4 bg-white rounded-xl shadow-sm border border-slate-200 p-4\">\n <div class=\"flex flex-wrap gap-x-6 gap-y-3 text-sm justify-center md:justify-start\">\n <!-- Available Booth -->\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-rose-800 to-rose-900 border border-rose-950 shadow-sm flex items-center justify-center text-white font-bold text-xs\">#<\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e27\u0e48\u0e32\u0e07 (Available Booth)<\/span>\n <\/div>\n\n <!-- Premium Booth -->\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-yellow-300 to-amber-500 border border-amber-700 shadow-sm flex items-center justify-center text-amber-900 font-bold text-xs\">#<\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e1a\u0e39\u0e18\u0e1e\u0e34\u0e40\u0e28\u0e29 (Gold\/Platinum)<\/span>\n <\/div>\n \n <!-- Reserved Booth -->\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-slate-400 to-slate-500 border border-slate-600 shadow-sm flex items-center justify-center text-white font-bold text-xs\">#<\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e16\u0e39\u0e01\u0e08\u0e2d\u0e07\u0e41\u0e25\u0e49\u0e27 (Reserved)<\/span>\n <\/div>\n\n <!-- Activity Zone -->\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded bg-gradient-to-br from-blue-900 to-blue-800 border border-blue-950 shadow-sm flex items-center justify-center text-white font-bold text-xs\"><i class=\"fas fa-camera text-[10px]\"><\/i><\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 (Activity)<\/span>\n <\/div>\n\n <!-- VIP Lounge -->\n <div class=\"flex items-center gap-2\">\n <div class=\"w-6 h-6 rounded-full bg-amber-50 border border-amber-300 shadow-sm flex items-center justify-center text-amber-600 font-bold text-xs\"><i class=\"fas fa-coffee text-[10px]\"><\/i><\/div>\n <span class=\"text-slate-700 font-medium text-xs\">\u0e0b\u0e38\u0e49\u0e21\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07 (VIP Lounge)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- ================= BADGE MOCKUP SECTION ================= -->\n <div class=\"bg-slate-50 rounded-2xl border border-slate-200 p-6 md:p-8 mockup-container relative overflow-hidden\">\n <div class=\"absolute top-0 left-0 w-full h-1 gold-gradient\"><\/div>\n \n <div class=\"text-center mb-8\">\n <h3 class=\"text-xl font-black text-navy-900 mb-1 flex items-center justify-center gap-2\">\n <i class=\"fas fa-id-card-clip text-burgundy-700\"><\/i> Your Brand, Front & Center\n <\/h3>\n <p class=\"text-sm text-slate-500\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1c\u0e39\u0e49\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e1a\u0e19\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23 (Badge & Lanyard Mockup)<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12\">\n \n <!-- Front Badge Preview -->\n <div class=\"flex flex-col items-center\">\n <div class=\"bg-navy-900 text-white text-[10px] font-bold px-3 py-1 rounded-full mb-4 tracking-wider uppercase\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32 (Front)<\/div>\n \n <!-- Mockup CSS Render -->\n <div class=\"badge-mockup bg-white rounded-md shadow-[0_15px_30px_rgba(0,0,0,0.15)] border border-slate-200 flex flex-col relative overflow-hidden\">\n <!-- Hole -->\n <div class=\"absolute top-[3%] left-1\/2 -translate-x-1\/2 w-[14%] h-[3%] bg-slate-100 rounded-full border border-slate-300 shadow-inner z-20\"><\/div>\n \n <!-- Header -->\n <div class=\"h-[16%] bg-navy-900 w-full pt-[9%] text-center\">\n <div class=\"text-[min(8px,2.5vw)] font-black text-white tracking-widest opacity-90\">PMK MDT FORUM<\/div>\n <\/div>\n <div class=\"h-[1%] w-full gold-gradient\"><\/div>\n\n <!-- Sticker Area -->\n <div class=\"w-[71%] h-[68%] mx-auto mt-[1%] border border-dashed border-slate-300 flex flex-col items-center justify-center\">\n <i class=\"far fa-user-circle text-2xl text-slate-200 mb-1\"><\/i>\n <span class=\"text-[min(7px,2vw)] text-slate-400 font-bold uppercase\">Attendee Info<\/span>\n <\/div>\n\n <!-- Footer (Plat & Gold) -->\n <div class=\"h-[14%] mt-auto w-full flex flex-col items-center justify-center bg-white border-t border-slate-100 px-[5%]\">\n <div class=\"text-[min(6px,1.8vw)] font-bold text-slate-400 uppercase tracking-widest mb-1\">Platinum & Gold Sponsors<\/div>\n <div class=\"flex justify-center gap-2 w-full\">\n <div class=\"h-4 w-[28%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[5px] text-slate-400 font-bold\">GOLD<\/div>\n <div class=\"h-4 w-[32%] bg-amber-50 border border-amber-200 shadow-sm rounded flex items-center justify-center text-[5.5px] text-amber-800 font-black\">PLATINUM<\/div>\n <div class=\"h-4 w-[28%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[5px] text-slate-400 font-bold\">GOLD<\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4 text-center px-4\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <strong>Platinum & Gold<\/strong> \u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d<\/p>\n <\/div>\n\n <!-- Back Badge Preview (Detailed Mockup) -->\n <div class=\"flex flex-col items-center\">\n <div class=\"bg-slate-300 text-slate-700 text-[10px] font-bold px-3 py-1 rounded-full mb-4 tracking-wider uppercase\">\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07 (Back)<\/div>\n \n <!-- Mockup CSS Render -->\n <div class=\"badge-mockup bg-white rounded-md shadow-[0_15px_30px_rgba(0,0,0,0.15)] border border-slate-200 flex flex-col relative overflow-hidden\">\n <!-- Hole -->\n <div class=\"absolute top-[3%] left-1\/2 -translate-x-1\/2 w-[14%] h-[3%] bg-white rounded-full border border-slate-300 shadow-inner z-20\"><\/div>\n \n <!-- Header -->\n <div class=\"h-[11%] bg-navy-900 w-full pt-[7%] text-center\">\n <div class=\"text-[min(7px,2vw)] font-black text-white tracking-widest uppercase opacity-90\">Agenda Overview<\/div>\n <\/div>\n <div class=\"h-[1%] w-full gold-gradient\"><\/div>\n\n <!-- Detailed Agenda Mockup -->\n <div class=\"flex-1 bg-[#fafafa] flex flex-col p-[3%] overflow-hidden\">\n <!-- 2 Columns -->\n <div class=\"flex gap-[2%] h-full\">\n <!-- Main Hall -->\n <div class=\"flex-1 flex flex-col\">\n <div class=\"bg-navy-900 text-white text-center text-[min(4px,1.2vw)] font-bold py-[2%] rounded-[2px] mb-[2%]\">\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21\u0e43\u0e2b\u0e0d\u0e48<\/div>\n <div class=\"bg-slate-200 text-navy-900 text-[min(3.5px,1vw)] font-bold py-[1%] px-[2%] rounded-[1px] mb-[2%] flex items-center gap-[2%]\"><i class=\"far fa-calendar-check\"><\/i> 19 \u0e01.\u0e22. 69<\/div>\n <!-- Mock events -->\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-navy-900 font-bold text-[min(3.5px,1vw)] w-[15%]\">08.30<\/div>\n <div class=\"flex-1\"><div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">\u0e1e\u0e34\u0e18\u0e35\u0e40\u0e1b\u0e34\u0e14\u0e07\u0e32\u0e19<\/div><\/div>\n <\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-navy-900 font-bold text-[min(3.5px,1vw)] w-[15%]\">09.00<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">MDT I: Gastric Cancer<\/div>\n <div class=\"text-[min(3px,0.8vw)] text-slate-500 leading-tight\">The Power of Comprehensive…<\/div>\n <\/div>\n <\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-navy-900 font-bold text-[min(3.5px,1vw)] w-[15%]\">10.55<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">Symposium I<\/div>\n <div class=\"text-[min(3px,0.8vw)] text-slate-500 leading-tight\">IO’s Role in Perioperative<\/div>\n <\/div>\n <\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-navy-900 font-bold text-[min(3.5px,1vw)] w-[15%]\">12.55<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">MDT II: Unresectable HCC<\/div>\n <\/div>\n <\/div>\n <!-- Day 2 -->\n <div class=\"bg-slate-200 text-navy-900 text-[min(3.5px,1vw)] font-bold py-[1%] px-[2%] rounded-[1px] mb-[2%] mt-[2%] flex items-center gap-[2%]\"><i class=\"far fa-calendar-check\"><\/i> 20 \u0e01.\u0e22. 69<\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-navy-900 font-bold text-[min(3.5px,1vw)] w-[15%]\">09.00<\/div>\n <div class=\"flex-1\"><div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">MDT III: Bladder Cancer<\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- Nurse Track -->\n <div class=\"flex-1 flex flex-col\">\n <div class=\"bg-burgundy-700 text-white text-center text-[min(4px,1.2vw)] font-bold py-[2%] rounded-[2px] mb-[2%]\">Nurse Track<\/div>\n <div class=\"bg-rose-100 text-burgundy-700 text-[min(3.5px,1vw)] font-bold py-[1%] px-[2%] rounded-[1px] mb-[2%] flex items-center gap-[2%]\"><i class=\"far fa-calendar-check\"><\/i> 19 \u0e01.\u0e22. 69<\/div>\n <!-- Mock events -->\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-burgundy-700 font-bold text-[min(3.5px,1vw)] w-[15%]\">09.00<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">The Art of Precision<\/div>\n <div class=\"text-[min(3px,0.8vw)] text-slate-500 leading-tight\">\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e22\u0e32\u0e40\u0e04\u0e21\u0e35\u0e1a\u0e33\u0e1a\u0e31\u0e14…<\/div>\n <\/div>\n <\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-burgundy-700 font-bold text-[min(3.5px,1vw)] w-[15%]\">10.45<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">Toxicity Management<\/div>\n <\/div>\n <\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-burgundy-700 font-bold text-[min(3.5px,1vw)] w-[15%]\">13.00<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-slate-800 leading-tight\">Mastering Vascular Access<\/div>\n <\/div>\n <\/div>\n <div class=\"flex gap-[2%] mb-[2%] border-b border-dashed border-slate-300 pb-[2%]\">\n <div class=\"text-burgundy-700 font-bold text-[min(3.5px,1vw)] w-[15%]\">14.45<\/div>\n <div class=\"flex-1\">\n <div class=\"text-[min(4px,1.2vw)] font-bold text-burgundy-700 leading-tight\">Workshop: Care Port<\/div>\n <\/div>\n <\/div>\n \n <!-- QR Codes -->\n <div class=\"mt-auto bg-white border border-slate-200 rounded-[2px] p-[2%] flex gap-[2%] shadow-sm\">\n <div class=\"flex-1 flex flex-col items-center justify-center\">\n <div class=\"w-[80%] aspect-square border border-slate-300 rounded-[1px] flex items-center justify-center mb-[2%] bg-slate-50\">\n <i class=\"fas fa-qrcode text-[min(8px,3vw)] text-navy-900\"><\/i>\n <\/div>\n <div class=\"text-[min(2.5px,0.7vw)] font-bold text-navy-900 text-center leading-tight\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a<br>\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e23\u0e22\u0e32\u0e22<\/div>\n <\/div>\n <div class=\"w-px bg-slate-200\"><\/div>\n <div class=\"flex-1 flex flex-col items-center justify-center\">\n <div class=\"w-[80%] aspect-square border border-slate-300 rounded-[1px] flex items-center justify-center mb-[2%] bg-slate-50\">\n <i class=\"fas fa-qrcode text-[min(8px,3vw)] text-navy-900\"><\/i>\n <\/div>\n <div class=\"text-[min(2.5px,0.7vw)] font-bold text-navy-900 text-center leading-tight\">\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<br>\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Footer (Silver) -->\n <div class=\"h-[8%] w-full flex flex-col items-center justify-center bg-white border-t border-slate-100 px-[5%]\">\n <div class=\"text-[min(5px,1.5vw)] font-bold text-slate-400 uppercase tracking-widest mb-0.5\">Silver Sponsors<\/div>\n <div class=\"flex justify-center gap-1.5 w-full\">\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-bold\">SILVER<\/div>\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-bold\">SILVER<\/div>\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-bold\">SILVER<\/div>\n <div class=\"h-2.5 w-[22%] bg-slate-50 border border-slate-100 rounded flex items-center justify-center text-[4px] text-slate-400 font-bold\">SILVER<\/div>\n <\/div>\n <\/div>\n <!-- Ribbon Area -->\n <div class=\"h-[3.5%] bg-slate-100 border-t border-slate-200\"><\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4 text-center px-4\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <strong>Silver Sponsor<\/strong> \u0e41\u0e2a\u0e14\u0e07\u0e42\u0e25\u0e42\u0e01\u0e49\u0e40\u0e23\u0e35\u0e22\u0e07\u0e1a\u0e23\u0e34\u0e40\u0e27\u0e13\u0e14\u0e49\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e1b\u0e49\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d<\/p>\n <\/div>\n\n <\/div>\n \n <!-- Lanyard Mockup -->\n <div class=\"mt-10 pt-8 border-t border-slate-200\">\n <div class=\"flex flex-col items-center\">\n <div class=\"bg-navy-900 text-white text-[10px] font-bold px-3 py-1 rounded-full mb-4 tracking-wider uppercase\">\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23 (Lanyard)<\/div>\n \n <div class=\"w-full max-w-3xl h-[120px] bg-white rounded-xl shadow-inner border border-slate-200 relative overflow-hidden flex items-center justify-center\">\n <!-- Lanyard Strip -->\n <div class=\"absolute w-[120%] h-[36px] bg-navy-900 shadow-md transform -rotate-2 flex items-center justify-center gap-8 border-y border-navy-950\">\n <!-- Fabric texture -->\n <div class=\"absolute inset-0 opacity-[0.15]\" style=\"background-image: repeating-linear-gradient(90deg, transparent, transparent 2px, #ffffff 2px, #ffffff 4px);\"><\/div>\n \n <!-- Content -->\n <div class=\"relative z-10 flex items-center gap-8 w-full justify-center opacity-90\">\n <div class=\"bg-white px-3 py-1 rounded-[3px] shadow-sm text-navy-900 text-[10px] font-black leading-none\">LOGO<\/div>\n <div class=\"text-white font-black tracking-widest text-[13px]\">PMK MDT FORUM 2026<\/div>\n <div class=\"bg-white px-3 py-1 rounded-[3px] shadow-sm text-navy-900 text-[10px] font-black leading-none\">LOGO<\/div>\n <div class=\"text-white font-black tracking-widest text-[13px]\">PMK MDT FORUM 2026<\/div>\n <div class=\"bg-white px-3 py-1 rounded-[3px] shadow-sm text-navy-900 text-[10px] font-black leading-none\">LOGO<\/div>\n <div class=\"text-white font-black tracking-widest text-[13px]\">PMK MDT FORUM 2026<\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-500 mt-4 text-center px-4\">\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a <strong>Lanyard Sponsor<\/strong> \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e42\u0e25\u0e42\u0e01\u0e49\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e01\u0e31\u0e1a\u0e0a\u0e37\u0e48\u0e2d\u0e07\u0e32\u0e19\u0e1a\u0e19\u0e2a\u0e32\u0e22\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e1a\u0e31\u0e15\u0e23\u0e2a\u0e35 Navy<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/main>\n\n <!-- ================= HIGHLIGHTS & FOOTER ================= -->\n <div class=\"bg-navy-950 p-8 border-t border-navy-800 relative\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 items-center mb-8\">\n \n <!-- Tax Benefit -->\n <div class=\"bg-white\/5 border border-white\/10 p-5 rounded-xl flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-full bg-emerald-500\/20 text-emerald-400 flex items-center justify-center flex-shrink-0 text-xl\">\n <i class=\"fas fa-file-invoice-dollar\"><\/i>\n <\/div>\n <div>\n <h5 class=\"font-bold text-white text-lg\">\u0e25\u0e14\u0e2b\u0e22\u0e48\u0e2d\u0e19\u0e20\u0e32\u0e29\u0e35\u0e44\u0e14\u0e49 2 \u0e40\u0e17\u0e48\u0e32<\/h5>\n <p class=\"text-xs text-slate-300 mt-1 leading-relaxed\">\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 \u0e15\u0e32\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e01\u0e23\u0e21\u0e2a\u0e23\u0e23\u0e1e\u0e32\u0e01\u0e23\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Deadline -->\n <div class=\"bg-white\/5 border border-white\/10 p-5 rounded-xl flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-full bg-rose-500\/20 text-rose-400 flex items-center justify-center flex-shrink-0 text-xl\">\n <i class=\"fas fa-stopwatch\"><\/i>\n <\/div>\n <div>\n <h5 class=\"font-bold text-white text-lg\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e15\u0e2d\u0e1a\u0e23\u0e31\u0e1a<\/h5>\n <p class=\"text-sm text-slate-300 mt-1\">\n \u0e42\u0e1b\u0e23\u0e14\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19<br>\n <strong class=\"text-rose-400\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 30 \u0e40\u0e21\u0e29\u0e32\u0e22\u0e19 \u0e1e.\u0e28. 2569<\/strong>\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Contact Info -->\n <div class=\"pt-6 border-t border-white\/10 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-slate-300\">\n <div class=\"font-bold text-white flex items-center\">\n <div class=\"w-8 h-8 rounded bg-white\/10 text-white flex items-center justify-center mr-3 shadow-sm\">\n <i class=\"fas fa-hospital\"><\/i>\n <\/div>\n \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 \u0e23\u0e1e.\u0e1e\u0e23\u0e30\u0e21\u0e07\u0e01\u0e38\u0e0e\u0e40\u0e01\u0e25\u0e49\u0e32\n <\/div>\n <div class=\"flex flex-wrap justify-center gap-6 font-medium\">\n <span class=\"flex items-center\"><i class=\"fas fa-user text-burgundy-500 mr-2\"><\/i> \u0e04\u0e38\u0e13\u0e0d\u0e32\u0e13\u0e27\u0e38\u0e12\u0e34 \u0e20\u0e39\u0e48\u0e23\u0e30\u0e2b\u0e07\u0e29\u0e4c<\/span>\n <span class=\"flex items-center\"><i class=\"fas fa-phone-alt text-burgundy-500 mr-2\"><\/i> 02-763-3325<\/span>\n <span class=\"flex items-center\"><i class=\"fas fa-envelope text-burgundy-500 mr-2\"><\/i> cancercenter@pmk.ac.th<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- Main Print Button (Visible only on screen) -->\n <button onclick=\"printSpecificElement('main-prospectus-container')\" class=\"no-print absolute top-6 right-6 bg-white\/10 hover:bg-white\/20 text-white border border-white\/20 rounded-full px-4 py-2 text-sm backdrop-blur-md transition-all shadow-lg cursor-pointer z-20 flex items-center gap-2\">\n <i class=\"fas fa-print\"><\/i> \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32 \/ Save PDF\n <\/button>\n\n <\/div>\n\n <!-- JavaScript for Specific Element Printing -->\n <script>\n function printSpecificElement(elementId) {\n const elem = document.getElementById(elementId);\n if (!elem) return;\n\n \/\/ Use a popup window for clean, isolated printing that won't capture parent WordPress headers\/footers\n const printWindow = window.open('', '_blank');\n \n \/\/ Gather all current styles to preserve the look\n let styles = '';\n document.querySelectorAll('style, link[rel=\"stylesheet\"]').forEach(el => {\n styles += el.outerHTML;\n });\n\n \/\/ Set up Tailwind explicitly for the print window\n const tailwindScript = '<script src=\"https:\/\/cdn.tailwindcss.com\"><\\\/script>';\n const tailwindConfig = `\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: { sans: ['Kanit', 'sans-serif'] },\n colors: { \n navy: { 800: '#11294d', 900: '#0B1F3A', 950: '#061121' }, \n burgundy: { 600: '#9b2735', 700: '#7C1F2A', 800: '#5c171f' } \n }\n }\n }\n }\n <\\\/script>\n `;\n\n \/\/ \u0e01\u0e33\u0e2b\u0e19\u0e14 Style \u0e1e\u0e34\u0e40\u0e28\u0e29\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23 Print \u0e41\u0e15\u0e48\u0e25\u0e30\u0e41\u0e1a\u0e1a\n let pageStyle = '';\n if (elementId === 'floorplan-section') {\n \/\/ \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07 -> \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e49\u0e1e\u0e2d\u0e14\u0e35\n pageStyle = `\n @page { size: A4 landscape; margin: 10mm; }\n body { \n display: flex; \n align-items: center; \n justify-content: center; \n min-height: 100vh; \n }\n .floorplan-only-print { \n border: none !important; \n box-shadow: none !important;\n width: 1000px;\n transform: scale(0.98); \/* \u0e22\u0e48\u0e2d\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e48\u0e19\u0e43\u0e08\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e15\u0e01\u0e02\u0e2d\u0e1a\u0e2b\u0e19\u0e49\u0e32 A4 \u0e41\u0e19\u0e27\u0e19\u0e2d\u0e19 *\/\n transform-origin: center center;\n }\n \/* \u0e0b\u0e48\u0e2d\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e21\u0e35\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 *\/\n .floorplan-only-print > div.text-center.mb-8 { display: none !important; }\n .overflow-x-auto { overflow: visible !important; }\n `;\n } else {\n \/\/ \u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32 -> \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07\n pageStyle = `\n @page { size: A4 portrait; margin: 10mm; }\n `;\n }\n\n printWindow.document.write(`\n <!DOCTYPE html>\n <html lang=\"th\">\n <head>\n <meta charset=\"UTF-8\">\n <title>Print - PMK MDT Forum 2026<\/title>\n ${styles}\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n ${tailwindScript}\n ${tailwindConfig}\n <style>\n body { background-color: white !important; margin: 0; padding: 0; }\n \/* Ensure background colors and images print properly *\/\n * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }\n \/* Hide elements meant only for screens *\/\n .no-print { display: none !important; }\n \/* Clean up shadows and borders for print *\/\n .print-shadow { box-shadow: none !important; border: none !important; }\n ${pageStyle}\n <\/style>\n <\/head>\n <!-- \u0e43\u0e2a\u0e48 class is-popup-print \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e22\u0e01 CSS \u0e01\u0e32\u0e23\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e1b\u0e01\u0e15\u0e34 -->\n <body class=\"is-popup-print\">\n <div style=\"max-width: 1000px; margin: 0 auto; width: 100%;\" class=\"${elementId === 'floorplan-section' ? 'floorplan-only-print' : ''}\">\n ${elem.outerHTML}\n <\/div>\n <script>\n \/\/ Wait a brief moment for Tailwind to render classes, then print\n setTimeout(() => {\n window.focus();\n window.print();\n window.close();\n }, 1500);\n <\\\/script>\n <\/body>\n <\/html>\n `);\n printWindow.document.close();\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sponsorship Prospect […]<\/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-751","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":"Sponsorship Prospect […]","ticketed":false,"_links":{"self":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/751","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=751"}],"version-history":[{"count":5,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/751\/revisions"}],"predecessor-version":[{"id":826,"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/pages\/751\/revisions\/826"}],"wp:attachment":[{"href":"https:\/\/cancercenter.pmk.ac.th\/wordpress\/wp-json\/wp\/v2\/media?parent=751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}