{"id":5449,"date":"2021-01-14T14:32:32","date_gmt":"2021-01-14T07:32:32","guid":{"rendered":"http:\/\/www.plan.lru.ac.th\/web\/?page_id=5449"},"modified":"2026-08-26T15:44:57","modified_gmt":"2026-08-26T08:44:57","slug":"%e0%b8%9a%e0%b8%b8%e0%b8%84%e0%b8%a5%e0%b8%b2%e0%b8%81%e0%b8%a3-%e0%b8%81%e0%b8%ad%e0%b8%87%e0%b8%99%e0%b9%82%e0%b8%a2%e0%b8%9a%e0%b8%b2%e0%b8%a2%e0%b9%81%e0%b8%a5%e0%b8%b0%e0%b9%81%e0%b8%9c%e0%b8%99","status":"publish","type":"page","link":"https:\/\/plan.lru.ac.th\/web\/?page_id=5449","title":{"rendered":"\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23 \u0e01\u0e2d\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23 \u0e01\u0e2d\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19 \u2014 Executive Organizational Visualization<\/title>\r\n <!-- Google Fonts: Prompt (Display\/Headings) & Sarabun (Formal Body\/Documentation) -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\"\r\n rel=\"stylesheet\">\r\n <!-- Font Awesome Pro Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* ==========================================================================\r\n DESIGN SYSTEM & EXECUTIVE DESIGN TOKENS\r\n Studio: Advanced Organizational & Data Visualization\r\n ========================================================================== *\/\r\n :root,\r\n .exec-canvas {\r\n \/* 1. Curated Executive Palette *\/\r\n --c-obsidian-deep: #0b132b;\r\n \/* Primary Executive Anchor *\/\r\n --c-slate-navy: #1c2541;\r\n \/* Tier 2 Section Command *\/\r\n --c-steel-blue: #2a6f97;\r\n \/* Functional Hierarchy Lines *\/\r\n --c-royal-gold: #c59b27;\r\n \/* Executive Distinction & Accents *\/\r\n --c-gold-light: #fef9c3;\r\n \/* Executive Badge Tint *\/\r\n --c-gold-border: #fde047;\r\n \/* Executive Accent Border *\/\r\n --c-emerald-strat: #0d9488;\r\n \/* Tier 4 Strategic Mission Accent *\/\r\n --c-emerald-light: #f0fdfa;\r\n \/* Strategic Mission Light Background *\/\r\n --c-emerald-border: #99f6e4;\r\n \/* Strategic Mission Border *\/\r\n\r\n \/* Neutral Architecture *\/\r\n --c-bg-canvas: #f8fafc;\r\n \/* Executive Crisp Light Canvas *\/\r\n --c-surface-card: #ffffff;\r\n \/* Pure Card Surface *\/\r\n --c-border-subtle: #e2e8f0;\r\n \/* Structural Separation Lines *\/\r\n --c-border-strong: #cbd5e1;\r\n \/* Accent Node Connectors *\/\r\n --c-text-headline: #0f172a;\r\n \/* Formal Primary Typography *\/\r\n --c-text-muted: #475569;\r\n \/* Secondary Supporting Labels *\/\r\n --c-text-subtle: #94a3b8;\r\n \/* Meta & Tier Enumeration *\/\r\n\r\n \/* Elevation & Dimensional Depth *\/\r\n --shadow-executive: 0 16px 36px -10px rgba(197, 155, 39, 0.25), 0 0 0 1.5px rgba(197, 155, 39, 0.35);\r\n --shadow-tier2: 0 10px 24px -8px rgba(28, 37, 65, 0.1), 0 0 0 1px rgba(226, 232, 240, 0.9);\r\n --shadow-card: 0 4px 16px -4px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(226, 232, 240, 0.8);\r\n --shadow-hover: 0 16px 32px -8px rgba(2, 132, 199, 0.18), 0 0 0 1.5px #38bdf8;\r\n\r\n \/* Transitions & Curves *\/\r\n --ease-executive: cubic-bezier(0.16, 1, 0.3, 1);\r\n --radius-sm: 8px;\r\n --radius-md: 12px;\r\n --radius-lg: 16px;\r\n --radius-xl: 22px;\r\n --radius-pill: 9999px;\r\n }\r\n\r\n \/* WordPress Isolated Reset *\/\r\n .exec-canvas,\r\n .exec-canvas *,\r\n .exec-canvas *::before,\r\n .exec-canvas *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: var(--c-bg-canvas);\r\n background-image:\r\n radial-gradient(at 100% 0%, rgba(42, 111, 151, 0.05) 0px, transparent 50%),\r\n radial-gradient(at 0% 100%, rgba(13, 148, 136, 0.04) 0px, transparent 50%),\r\n radial-gradient(#cbd5e1 0.8px, transparent 0.8px);\r\n background-size: 100% 100%, 100% 100%, 32px 32px;\r\n color: var(--c-text-headline);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n padding: 30px 20px 80px;\r\n }\r\n\r\n \/* Container Blueprint *\/\r\n .exec-canvas {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n font-family: 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n color: #0f172a !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* ==========================================================================\r\n 1. EXECUTIVE HEADER (MASTER ARCHITECTURAL BANNER)\r\n ========================================================================== *\/\r\n .exec-canvas .exec-header {\r\n background: linear-gradient(135deg, #ffffff 0%, #f8fafc 60%, #f1f5f9 100%) !important;\r\n border: 1px solid rgba(203, 213, 225, 0.8) !important;\r\n border-radius: var(--radius-xl) !important;\r\n padding: 34px 30px 30px !important;\r\n text-align: center !important;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 16px 36px -12px rgba(15, 23, 42, 0.06) !important;\r\n margin-bottom: 36px !important;\r\n }\r\n\r\n .exec-canvas .exec-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #0b132b 0%, #c59b27 50%, #2a6f97 100%) !important;\r\n }\r\n\r\n .exec-canvas .exec-header-badge {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 8px !important;\r\n padding: 5px 16px !important;\r\n background: #ffffff !important;\r\n border: 1px solid var(--c-border-subtle) !important;\r\n border-radius: var(--radius-pill) !important;\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 12px !important;\r\n font-weight: 600 !important;\r\n color: #1c2541 !important;\r\n box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;\r\n margin-bottom: 14px !important;\r\n letter-spacing: 0.3px !important;\r\n }\r\n\r\n .exec-canvas .exec-header-badge i {\r\n color: #c59b27 !important;\r\n font-size: 13px !important;\r\n }\r\n\r\n .exec-canvas .exec-title {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: clamp(28px, 3.8vw, 38px) !important;\r\n font-weight: 800 !important;\r\n color: #0b132b !important;\r\n line-height: 1.25 !important;\r\n letter-spacing: -0.5px !important;\r\n margin: 0 0 8px 0 !important;\r\n }\r\n\r\n .exec-canvas .exec-sub-hierarchy {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 12px !important;\r\n flex-wrap: wrap !important;\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 500 !important;\r\n color: #475569 !important;\r\n }\r\n\r\n .exec-canvas .exec-div-tag {\r\n color: #2a6f97 !important;\r\n font-weight: 700 !important;\r\n background: #f0f9ff !important;\r\n border: 1px solid #bae6fd !important;\r\n padding: 3px 12px !important;\r\n border-radius: var(--radius-pill) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 5px !important;\r\n }\r\n\r\n \/* ==========================================================================\r\n 2. ARCHITECTURAL HIERARCHICAL TREE LAYOUT\r\n ========================================================================== *\/\r\n .exec-canvas .exec-hierarchy-tree {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n \/* Visual Structural Connector Spine *\/\r\n .exec-canvas .exec-spine-flow {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .exec-canvas .exec-spine-line {\r\n width: 2.5px;\r\n height: 38px;\r\n background: linear-gradient(180deg, #c59b27 0%, #2a6f97 100%) !important;\r\n border-radius: 2px;\r\n }\r\n\r\n .exec-canvas .exec-spine-node {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: #ffffff !important;\r\n border: 3px solid #2a6f97 !important;\r\n box-shadow: 0 0 0 3px rgba(42, 111, 151, 0.15) !important;\r\n margin: -3px 0;\r\n z-index: 2;\r\n }\r\n\r\n \/* Tier Stage Section Container *\/\r\n .exec-canvas .exec-tier-stage {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n margin-bottom: 6px;\r\n }\r\n\r\n \/* Tier Echelon Label Rail *\/\r\n .exec-canvas .exec-tier-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 22px;\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .exec-canvas .exec-tier-header::before,\r\n .exec-canvas .exec-tier-header::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #e2e8f0 50%, #e2e8f0 100%);\r\n max-width: 180px;\r\n }\r\n\r\n .exec-canvas .exec-tier-header::before {\r\n background: linear-gradient(90deg, transparent, #e2e8f0 100%);\r\n }\r\n\r\n .exec-canvas .exec-tier-pill {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 11.5px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 0.8px !important;\r\n text-transform: uppercase !important;\r\n padding: 4px 16px !important;\r\n border-radius: var(--radius-pill) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 7px !important;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;\r\n line-height: normal !important;\r\n }\r\n\r\n \/* TIER PILL 1 - EXECUTIVE LEADERSHIP (HARDENED FOR WORDPRESS) *\/\r\n .exec-canvas .pill-tier1 {\r\n background: #0b132b !important;\r\n color: #ffffff !important;\r\n border: 1px solid #c59b27 !important;\r\n }\r\n\r\n .exec-canvas .pill-tier1 i {\r\n color: #fde047 !important;\r\n }\r\n\r\n \/* TIER PILL 2 - HEAD OF SECTIONS *\/\r\n .exec-canvas .pill-tier2 {\r\n background: #f1f5f9 !important;\r\n color: #1c2541 !important;\r\n border: 1px solid #cbd5e1 !important;\r\n }\r\n\r\n .exec-canvas .pill-tier2 i {\r\n color: #2a6f97 !important;\r\n }\r\n\r\n \/* TIER PILL 3 - CORE SUPPORT *\/\r\n .exec-canvas .pill-tier3 {\r\n background: #eff6ff !important;\r\n color: #1e40af !important;\r\n border: 1px solid #bfdbfe !important;\r\n }\r\n\r\n .exec-canvas .pill-tier3 i {\r\n color: #2563eb !important;\r\n }\r\n\r\n \/* TIER PILL 4 - STRATEGIC MISSION *\/\r\n .exec-canvas .pill-tier4 {\r\n background: #f0fdfa !important;\r\n color: #0f766e !important;\r\n border: 1px solid #99f6e4 !important;\r\n }\r\n\r\n .exec-canvas .pill-tier4 i {\r\n color: #0d9488 !important;\r\n }\r\n\r\n \/* ==========================================================================\r\n 3. UNIFIED EQUAL-SIZE CARD & PHOTO SYSTEM (100% BALANCED)\r\n ========================================================================== *\/\r\n .exec-matrix-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 22px;\r\n width: 100%;\r\n max-width: 980px;\r\n }\r\n\r\n \/* Standalone Standard Card Format for All Tiers *\/\r\n .exec-card-tier1,\r\n .exec-card-tier2,\r\n .exec-matrix-card {\r\n background: #ffffff;\r\n border: 1px solid var(--c-border-subtle);\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-card);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n width: calc(33.333% - 16px);\r\n min-width: 260px;\r\n max-width: 285px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.45s ease;\r\n will-change: transform, box-shadow;\r\n }\r\n\r\n \/* Shimmer Gleam Reflection on Hover (\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e44\u0e1f\u0e25\u0e4c page_id5449.html) *\/\r\n .exec-card-tier1::after,\r\n .exec-card-tier2::after,\r\n .exec-matrix-card::after {\r\n content: '';\r\n position: absolute;\r\n top: -60%;\r\n left: -80%;\r\n width: 60%;\r\n height: 220%;\r\n background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 100%);\r\n transform: rotate(28deg);\r\n transition: transform 0.85s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n pointer-events: none;\r\n opacity: 0;\r\n z-index: 5;\r\n }\r\n\r\n .exec-card-tier1:hover::after,\r\n .exec-card-tier2:hover::after,\r\n .exec-matrix-card:hover::after {\r\n opacity: 1;\r\n transform: translateX(380%) rotate(28deg);\r\n }\r\n\r\n \/* Tier 1 Specific Accents *\/\r\n .exec-card-tier1 {\r\n border: 1.5px solid var(--c-royal-gold);\r\n box-shadow: var(--shadow-executive);\r\n width: 285px;\r\n }\r\n\r\n .exec-card-tier1::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--c-royal-gold) 0%, #fde047 50%, var(--c-royal-gold) 100%);\r\n z-index: 2;\r\n }\r\n\r\n .exec-card-tier1:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 22px 45px -10px rgba(197, 155, 39, 0.38);\r\n }\r\n\r\n \/* Tier 2 Specific Accents *\/\r\n .exec-card-tier2 {\r\n border-top: 3.5px solid var(--c-steel-blue);\r\n box-shadow: var(--shadow-tier2);\r\n width: 285px;\r\n }\r\n\r\n .exec-card-tier2.dual-hatted {\r\n border-top: 3.5px solid #ea580c;\r\n }\r\n\r\n .exec-card-tier2:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: #93c5fd;\r\n }\r\n\r\n \/* Tier 3 & Tier 4 Specific Accents *\/\r\n .exec-matrix-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #0284c7, #38bdf8);\r\n }\r\n\r\n .exec-matrix-card.strategic-card::before {\r\n background: linear-gradient(90deg, #0d9488, #2dd4bf);\r\n }\r\n\r\n .exec-matrix-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: #bae6fd;\r\n }\r\n\r\n .exec-matrix-card.strategic-card:hover {\r\n box-shadow: 0 18px 36px -8px rgba(13, 148, 136, 0.25), 0 0 0 1.5px #2dd4bf;\r\n border-color: #99f6e4;\r\n }\r\n\r\n \/* UNIFIED PHOTO WRAPPER: EXACT EQUAL PROPORTION ACROSS ALL TIERS *\/\r\n .matrix-photo-wrap,\r\n .exec-photo-col,\r\n .tier2-photo-box {\r\n width: 100%;\r\n aspect-ratio: 3 \/ 4;\r\n height: 290px;\r\n max-height: 300px;\r\n overflow: hidden;\r\n background: #f8fafc;\r\n position: relative;\r\n cursor: pointer;\r\n border-bottom: 1px solid #f1f5f9;\r\n }\r\n\r\n .matrix-photo-wrap img,\r\n .exec-photo-col img,\r\n .tier2-photo-box img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: 50% 12%;\r\n display: block;\r\n transition: transform 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n will-change: transform;\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n transform: translate3d(0, 0, 0);\r\n }\r\n\r\n .exec-card-tier1:hover img,\r\n .exec-card-tier2:hover img,\r\n .exec-matrix-card:hover img {\r\n transform: scale(1.06) translate3d(0, 0, 0);\r\n }\r\n\r\n .exec-photo-zoom {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(11, 19, 43, 0.35);\r\n color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n font-size: 15px;\r\n }\r\n\r\n .matrix-photo-wrap:hover .exec-photo-zoom,\r\n .exec-photo-col:hover .exec-photo-zoom,\r\n .tier2-photo-box:hover .exec-photo-zoom {\r\n opacity: 1;\r\n }\r\n\r\n \/* COMPACT CARD BODY & TYPOGRAPHY *\/\r\n .exec-canvas .matrix-card-body {\r\n padding: 8px 10px 10px !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n text-align: center !important;\r\n width: 100% !important;\r\n flex-grow: 1 !important;\r\n background: #ffffff !important;\r\n }\r\n\r\n .exec-canvas .matrix-dept-pill {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 600 !important;\r\n color: #0369a1 !important;\r\n background: #f0f9ff !important;\r\n border: 1px solid #bae6fd !important;\r\n padding: 1.5px 8px !important;\r\n border-radius: var(--radius-pill) !important;\r\n margin-bottom: 4px !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 3px !important;\r\n line-height: normal !important;\r\n }\r\n\r\n .exec-canvas .strategic-card .matrix-dept-pill {\r\n color: #0f766e !important;\r\n background: #f0fdfa !important;\r\n border-color: #99f6e4 !important;\r\n }\r\n\r\n .exec-canvas .exec-status-tag {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n color: #854d0e !important;\r\n background: #fef9c3 !important;\r\n border: 1px solid #fde047 !important;\r\n padding: 1.5px 8px !important;\r\n border-radius: var(--radius-pill) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 3px !important;\r\n margin-bottom: 4px !important;\r\n line-height: normal !important;\r\n }\r\n\r\n .exec-canvas .tier2-dept-badge {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 10px !important;\r\n font-weight: 700 !important;\r\n color: #1c2541 !important;\r\n background: #f1f5f9 !important;\r\n border: 1px solid #cbd5e1 !important;\r\n padding: 1.5px 8px !important;\r\n border-radius: var(--radius-pill) !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 3px !important;\r\n margin-bottom: 4px !important;\r\n line-height: normal !important;\r\n }\r\n\r\n .exec-canvas .matrix-person-name {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 14px !important;\r\n font-weight: 700 !important;\r\n color: #0b132b !important;\r\n line-height: 1.25 !important;\r\n margin: 0 0 2px 0 !important;\r\n min-height: auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n }\r\n\r\n .exec-canvas .matrix-person-role {\r\n font-family: 'Sarabun', sans-serif !important;\r\n font-size: 11.5px !important;\r\n color: #475569 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n min-height: auto !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n text-align: center !important;\r\n }\r\n\r\n .exec-canvas .dual-badge {\r\n font-family: 'Prompt', sans-serif !important;\r\n font-size: 9.5px !important;\r\n font-weight: 700 !important;\r\n color: #c2410c !important;\r\n background: #ffedd5 !important;\r\n border: 1px solid #fed7aa !important;\r\n padding: 1px 6px !important;\r\n border-radius: var(--radius-pill) !important;\r\n margin-top: 3px !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n gap: 3px !important;\r\n line-height: normal !important;\r\n }\r\n\r\n \/* ==========================================================================\r\n 4. FOOTER CITATION & PRINT\/MODAL STYLES\r\n ========================================================================== *\/\r\n .exec-footer-citation {\r\n margin-top: 50px;\r\n border-top: 1px solid var(--c-border-subtle);\r\n padding-top: 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: 12px;\r\n color: var(--c-text-subtle);\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .exec-seal-group {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Prompt', sans-serif;\r\n font-weight: 600;\r\n color: var(--c-text-muted);\r\n }\r\n\r\n .exec-modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n z-index: 999999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.25s ease, visibility 0.25s ease;\r\n }\r\n\r\n .exec-modal-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .exec-modal-container {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n border: 3px solid #ffffff;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);\r\n max-width: 460px;\r\n width: 100%;\r\n max-height: 82vh;\r\n position: relative;\r\n transform: scale(0.92);\r\n transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .exec-modal-overlay.active .exec-modal-container {\r\n transform: scale(1);\r\n }\r\n\r\n .exec-modal-img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 75vh;\r\n object-fit: contain;\r\n display: block;\r\n border-radius: 13px;\r\n }\r\n\r\n .exec-modal-close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n background: rgba(15, 23, 42, 0.75);\r\n color: #ffffff !important;\r\n border: 2px solid #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n font-size: 14px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n transition: all 0.2s ease;\r\n z-index: 10;\r\n }\r\n\r\n .exec-modal-close:hover {\r\n background: #dc2626;\r\n transform: scale(1.1);\r\n }\r\n\r\n @media print {\r\n body {\r\n background: #ffffff !important;\r\n padding: 0 !important;\r\n }\r\n\r\n .exec-toolbar,\r\n .exec-modal-overlay {\r\n display: none !important;\r\n }\r\n\r\n .exec-header {\r\n box-shadow: none !important;\r\n border: 1px solid #94a3b8 !important;\r\n padding: 24px !important;\r\n }\r\n\r\n .exec-card-tier1,\r\n .exec-card-tier2,\r\n .exec-matrix-card {\r\n box-shadow: none !important;\r\n border: 1px solid #cbd5e1 !important;\r\n page-break-inside: avoid;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n\r\n .exec-card-tier1,\r\n .exec-card-tier2,\r\n .exec-matrix-card {\r\n width: calc(50% - 12px);\r\n min-width: 200px;\r\n }\r\n }\r\n\r\n @media (max-width: 520px) {\r\n\r\n .exec-card-tier1,\r\n .exec-card-tier2,\r\n .exec-matrix-card {\r\n width: 100%;\r\n max-width: 290px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <main class=\"exec-canvas\">\r\n\r\n <!-- 1. MASTER HEADER -->\r\n <section class=\"exec-header\">\r\n <div class=\"exec-header-badge\">\r\n <i class=\"fas fa-university\"><\/i> Policy and Planning Division LRU.\r\n <\/div>\r\n <h1 class=\"exec-title\">\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23<\/h1>\r\n <div class=\"exec-sub-hierarchy\">\r\n <span>\u0e01\u0e2d\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19 \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2d\u0e18\u0e34\u0e01\u0e32\u0e23\u0e1a\u0e14\u0e35 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e25\u0e22<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 2. HIERARCHICAL TREE CONTAINER -->\r\n <div class=\"exec-hierarchy-tree\">\r\n\r\n <!-- ================================================================\r\n 1. EXECUTIVE LEADERSHIP (UNIFORM EQUAL PHOTO SIZE)\r\n ================================================================ -->\r\n <section class=\"exec-tier-stage\">\r\n <div class=\"exec-tier-header\">\r\n <span class=\"exec-tier-pill pill-tier1\">\r\n <i class=\"fas fa-crown\"><\/i> \u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e01\u0e2d\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"exec-card-tier1\">\r\n <div class=\"exec-photo-col\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/10\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B9%82%E0%B8%AD%E0%B9%8B-Copy-1024x1536.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/10\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B9%82%E0%B8%AD%E0%B9%8B-Copy-1024x1536.png\"\r\n alt=\"\u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e07\u0e28\u0e4c \u0e1a\u0e23\u0e23\u0e1e\u0e25\u0e32\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h2 class=\"matrix-person-name\" style=\"font-size: 16.5px;\">\u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e07\u0e28\u0e4c \u0e1a\u0e23\u0e23\u0e1e\u0e25\u0e32<\/h2>\r\n <div class=\"matrix-person-role\" style=\"color: var(--c-royal-gold); font-weight: 600;\">\r\n \u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 <br>\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e2d\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Spine Connector 1 -> 2 -->\r\n <div class=\"exec-spine-flow\">\r\n <div class=\"exec-spine-line\"><\/div>\r\n <div class=\"exec-spine-node\"><\/div>\r\n <\/div>\r\n\r\n <!-- ================================================================\r\n 2. SECTION COMMAND (UNIFORM EQUAL PHOTO SIZE)\r\n ================================================================ -->\r\n <section class=\"exec-tier-stage\" style=\"margin-top: 10px;\">\r\n <div class=\"exec-tier-header\">\r\n <span class=\"exec-tier-pill pill-tier2\">\r\n <i class=\"fas fa-user-tie\"><\/i> \u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19 (2 \u0e1d\u0e48\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01)\r\n <\/span>\r\n <\/div>\r\n\r\n <div class=\"exec-matrix-grid\" style=\"max-width: 620px; gap: 24px;\">\r\n <!-- Head Wing 1 -->\r\n <div class=\"exec-card-tier2 dual-hatted\">\r\n <div class=\"tier2-photo-box\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/02\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B9%82%E0%B8%AD%E0%B9%8B1-1024x1536.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/02\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B9%82%E0%B8%AD%E0%B9%8B1-1024x1536.png\"\r\n alt=\"\u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e07\u0e28\u0e4c \u0e1a\u0e23\u0e23\u0e1e\u0e25\u0e32\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h3 class=\"matrix-person-name\">\u0e19\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1e\u0e07\u0e28\u0e4c \u0e1a\u0e23\u0e23\u0e1e\u0e25\u0e32<\/h3>\r\n <div class=\"matrix-person-role\">\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07<br>\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\u0e41\u0e25\u0e30\u0e15\u0e34\u0e14\u0e15\u0e32\u0e21\u0e07\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Head Wing 2 -->\r\n <div class=\"exec-card-tier2\">\r\n <div class=\"tier2-photo-box\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/05\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%99%E0%B9%89%E0%B8%AD%E0%B8%A2-1024x1536.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/05\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%99%E0%B9%89%E0%B8%AD%E0%B8%A2-1024x1536.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e0c\u0e34\u0e0a\u0e21\u0e19 \u0e27\u0e34\u0e0a\u0e31\u0e22\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h3 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e0c\u0e34\u0e0a\u0e21\u0e19 \u0e27\u0e34\u0e0a\u0e31\u0e22<\/h3>\r\n <div class=\"matrix-person-role\">\u0e23\u0e31\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07<br>\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Spine Connector 2 -> 3 -->\r\n <div class=\"exec-spine-flow\" style=\"margin: 14px auto 22px;\">\r\n <div class=\"exec-spine-line\" style=\"height: 36px;\"><\/div>\r\n <div class=\"exec-spine-node\" style=\"border-color: #2563eb;\"><\/div>\r\n <\/div>\r\n\r\n <!-- ================================================================\r\n 3. CORE SUPPORT & TECHNICAL CADRE (5 PERSONNEL: 3 + 2)\r\n ================================================================ -->\r\n <section class=\"exec-tier-stage\">\r\n\r\n\r\n <div class=\"exec-matrix-grid\">\r\n <!-- Row 1: Card 1 -->\r\n <div class=\"exec-matrix-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B9%80%E0%B8%A1%E0%B8%A2%E0%B9%8C-1024x1536.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B9%80%E0%B8%A1%E0%B8%A2%E0%B9%8C-1024x1536.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e28\u0e34\u0e23\u0e34\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e42\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e21\u0e07\u0e04\u0e25\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e28\u0e34\u0e23\u0e34\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e42\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e21\u0e07\u0e04\u0e25<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 1: Card 2 -->\r\n <div class=\"exec-matrix-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%AA%E0%B8%B2%E0%B8%A2%E0%B8%A3%E0%B8%B8%E0%B9%89%E0%B8%87-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%AA%E0%B8%B2%E0%B8%A2%E0%B8%A3%E0%B8%B8%E0%B9%89%E0%B8%87-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e23\u0e34\u0e19\u0e18\u0e23 \u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10\u0e16\u0e32\u0e27\u0e23\u0e28\u0e34\u0e23\u0e34\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e27\u0e23\u0e34\u0e19\u0e18\u0e23 \u0e1b\u0e23\u0e30\u0e40\u0e2a\u0e23\u0e34\u0e10\u0e16\u0e32\u0e27\u0e23\u0e28\u0e34\u0e23\u0e34<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 1: Card 3 -->\r\n <div class=\"exec-matrix-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/10\/%E0%B8%AD%E0%B8%B8%E0%B9%89%E0%B8%A21-1024x1536.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/10\/%E0%B8%AD%E0%B8%B8%E0%B9%89%E0%B8%A21-1024x1536.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0d\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0a\u0e39\u0e1e\u0e34\u0e1e\u0e31\u0e12\u0e19\u0e4c\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e18\u0e31\u0e0d\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e0a\u0e39\u0e1e\u0e34\u0e1e\u0e31\u0e12\u0e19\u0e4c<\/h4>\r\n <p class=\"matrix-person-role\">\u0e40\u0e08\u0e49\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2: Card 4 -->\r\n <div class=\"exec-matrix-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/03\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%AD%E0%B8%B2%E0%B8%A2-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/03\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%AD%E0%B8%B2%E0%B8%A2-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e13\u0e34\u0e10\u0e32 \u0e18\u0e31\u0e0d\u0e0d\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2d\u0e13\u0e34\u0e10\u0e32 \u0e18\u0e31\u0e0d\u0e0d\u0e32\u0e23\u0e31\u0e01\u0e29\u0e4c<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2: Card 5 -->\r\n <div class=\"exec-matrix-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/03\/%E0%B9%82%E0%B8%A3%E0%B8%9A%E0%B8%AD%E0%B8%97-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/03\/%E0%B9%82%E0%B8%A3%E0%B8%9A%E0%B8%AD%E0%B8%97-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e22\u0e15\u0e30\u0e27\u0e31\u0e19 \u0e41\u0e1c\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e18\u0e19\u0e32\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e22\u0e15\u0e30\u0e27\u0e31\u0e19 \u0e41\u0e1c\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e18\u0e19\u0e32<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e34\u0e15\u0e34<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Spine Connector 3 -> 4 -->\r\n <div class=\"exec-spine-flow\" style=\"margin: 14px auto 22px;\">\r\n <div class=\"exec-spine-line\"\r\n style=\"height: 36px; background: linear-gradient(180deg, #2563eb 0%, var(--c-emerald-strat) 100%);\">\r\n <\/div>\r\n <div class=\"exec-spine-node\" style=\"border-color: var(--c-emerald-strat);\"><\/div>\r\n <\/div>\r\n\r\n <!-- ================================================================\r\n 4. STRATEGIC PROJECT MISSION (6 PERSONNEL: 3 + 3)\r\n ================================================================ -->\r\n <section class=\"exec-tier-stage\">\r\n\r\n <div class=\"exec-matrix-grid\">\r\n <!-- Row 1: Card 6 -->\r\n <div class=\"exec-matrix-card strategic-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%A1%E0%B8%B4%E0%B9%89%E0%B8%99-1-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%A1%E0%B8%B4%E0%B9%89%E0%B8%99-1-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e08\u0e19\u0e08\u0e34\u0e23\u0e32 \u0e42\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e21\u0e07\u0e04\u0e25\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e08\u0e19\u0e08\u0e34\u0e23\u0e32 \u0e42\u0e2a\u0e18\u0e23\u0e23\u0e21\u0e21\u0e07\u0e04\u0e25<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2f<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 1: Card 7 -->\r\n <div class=\"exec-matrix-card strategic-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%99%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%88%E0%B8%B9%E0%B8%99-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%99%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%88%E0%B8%B9%E0%B8%99-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e1e\u0e47\u0e0d\u0e19\u0e20\u0e32 \u0e40\u0e2e\u0e35\u0e22\u0e07\u0e04\u0e33\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e1e\u0e47\u0e0d\u0e19\u0e20\u0e32 \u0e40\u0e2e\u0e35\u0e22\u0e07\u0e04\u0e33<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2f<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 1: Card 8 -->\r\n <div class=\"exec-matrix-card strategic-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%99%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%AD%E0%B8%B8%E0%B9%89%E0%B8%A1-1-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/%E0%B8%99%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%AD%E0%B8%B8%E0%B9%89%E0%B8%A1-1-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e19\u0e15\u0e23\u0e0a\u0e19\u0e01 \u0e2b\u0e32\u0e41\u0e01\u0e49\u0e27\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e19\u0e15\u0e23\u0e0a\u0e19\u0e01 \u0e2b\u0e32\u0e41\u0e01\u0e49\u0e27<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2f<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2: Card 9 -->\r\n <div class=\"exec-matrix-card strategic-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/T-%E0%B8%9B%E0%B8%B2%E0%B8%95%E0%B8%B5%E0%B9%89-%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%A1%E0%B8%B4%E0%B8%99%E0%B8%B4-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2025\/12\/T-%E0%B8%9B%E0%B8%B2%E0%B8%95%E0%B8%B5%E0%B9%89-%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%A1%E0%B8%B4%E0%B8%99%E0%B8%B4-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e22\u0e13\u0e31\u0e10\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e40\u0e01\u0e29\u0e40\u0e01\u0e29\u0e23\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e22\u0e13\u0e31\u0e10\u0e27\u0e31\u0e12\u0e19\u0e4c \u0e40\u0e01\u0e29\u0e40\u0e01\u0e29\u0e23<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2f<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2: Card 10 -->\r\n <div class=\"exec-matrix-card strategic-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/01\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%82%E0%B9%89%E0%B8%B2%E0%B8%A7%E0%B8%AA%E0%B8%A7%E0%B8%A2-1024x1536.jpg')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/01\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%82%E0%B9%89%E0%B8%B2%E0%B8%A7%E0%B8%AA%E0%B8%A7%E0%B8%A2-1024x1536.jpg\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c \u0e04\u0e25\u0e49\u0e32\u0e22\u0e1e\u0e38\u0e18\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e23\u0e34\u0e22\u0e32\u0e20\u0e23\u0e13\u0e4c \u0e04\u0e25\u0e49\u0e32\u0e22\u0e1e\u0e38\u0e18<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2f<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Row 2: Card 11 -->\r\n <div class=\"exec-matrix-card strategic-card\">\r\n <div class=\"matrix-photo-wrap\"\r\n onclick=\"openModal('https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/08\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%95%E0%B8%B8%E0%B9%89%E0%B8%A2.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/plan.lru.ac.th\/web\/wp-content\/uploads\/2026\/08\/%E0%B8%9E%E0%B8%B5%E0%B9%88%E0%B8%95%E0%B8%B8%E0%B9%89%E0%B8%A2.png\"\r\n alt=\"\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e18\u0e34\u0e15\u0e23\u0e32 \u0e19\u0e32\u0e21\u0e27\u0e07\u0e29\u0e32\" loading=\"lazy\">\r\n <div class=\"exec-photo-zoom\"><i class=\"fas fa-search-plus\"><\/i><\/div>\r\n <\/div>\r\n <div class=\"matrix-card-body\">\r\n <h4 class=\"matrix-person-name\">\u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e2a\u0e38\u0e18\u0e34\u0e15\u0e23\u0e32 \u0e19\u0e32\u0e21\u0e27\u0e07\u0e29\u0e32<\/h4>\r\n <p class=\"matrix-person-role\">\u0e19\u0e31\u0e01\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e20\u0e32\u0e22\u0e43\u0e15\u0e49\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e2f<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <!-- 3. CITATION FOOTNOTE -->\r\n <footer class=\"exec-footer-citation\">\r\n <div class=\"exec-seal-group\">\r\n <i class=\"fas fa-certificate\" style=\"color: var(--c-royal-gold);\"><\/i>\r\n <span>\u0e01\u0e2d\u0e07\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e41\u0e25\u0e30\u0e41\u0e1c\u0e19 \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2d\u0e18\u0e34\u0e01\u0e32\u0e23\u0e1a\u0e14\u0e35 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e32\u0e0a\u0e20\u0e31\u0e0f\u0e40\u0e25\u0e22 (LRU)<\/span>\r\n <\/div>\r\n <\/footer>\r\n\r\n <\/main>\r\n\r\n <!-- FULL PHOTO LIGHTBOX MODAL -->\r\n <div id=\"execModal\" class=\"exec-modal-overlay\" onclick=\"closeModal(event)\">\r\n <div class=\"exec-modal-container\" onclick=\"event.stopPropagation()\">\r\n <button type=\"button\" class=\"exec-modal-close\" onclick=\"closeModal()\" aria-label=\"\u0e1b\u0e34\u0e14\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <img decoding=\"async\" id=\"modalImg\" class=\"exec-modal-img\" src=\"\" alt=\"\u0e20\u0e32\u0e1e\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e04\u0e27\u0e32\u0e21\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2a\u0e39\u0e07\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- MODAL SCRIPT -->\r\n <script>\r\n const modal = document.getElementById('execModal');\r\n const modalImg = document.getElementById('modalImg');\r\n\r\n function openModal(src) {\r\n if (!src) return;\r\n modalImg.src = src;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n\r\n function closeModal(e) {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape' && modal.classList.contains('active')) {\r\n closeModal();\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e1c\u0e19\u0e1c\u0e31\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"colormag_page_container_layout":"no_sidebar_full_width","colormag_page_sidebar_layout":"no_sidebar","footnotes":""},"class_list":["post-5449","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/5449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5449"}],"version-history":[{"count":163,"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/5449\/revisions"}],"predecessor-version":[{"id":13602,"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=\/wp\/v2\/pages\/5449\/revisions\/13602"}],"wp:attachment":[{"href":"https:\/\/plan.lru.ac.th\/web\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}