{"id":29,"date":"2025-12-13T08:17:36","date_gmt":"2025-12-13T08:17:36","guid":{"rendered":"http:\/\/cabku.local\/?page_id=29"},"modified":"2026-05-10T22:56:38","modified_gmt":"2026-05-10T15:56:38","slug":"logo","status":"publish","type":"page","link":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/","title":{"rendered":"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-21886a4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"21886a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7070ef elementor-widget elementor-widget-cab_v19_slider\" data-id=\"c7070ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_v19_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<style>\n\t\t\t\/* ========================================================\n\t\t\t   CAB19 THE PERFECT ENGINE\n\t\t\t======================================================== *\/\n\t\t\t.cab19-container { \n\t\t\t\twidth: 100%; position: relative; overflow: hidden; \n\t\t\t\tbackground-color: var(--cab16-bg-color, #1a1a1c); \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif !important; \n\t\t\t\tdisplay: block; \n\t\t\t\t\n\t\t\t\t\/* System Fallbacks *\/\n\t\t\t\t--card-ratio: 2\/3; --trans-speed: 0.5s; --trans-ease: ease;\n\t\t\t\t--card-gap: 20px; --card-x: 50%; --card-y: 90%; --card-w: 150px;\n\t\t\t\t--arr-gap: 10px; --arr-x: 60%; --arr-y: 80%; --icon-size: 16px; --icon-color: #fff; --icon-color-hover: #000;\n\t\t\t\t--dot-gap: 8px; --dot-x: 50%; --dot-y: 95%;\n\n\t\t\t\t\/* Content Box Fallbacks *\/\n\t\t\t\t--content-max-w: 1140px; \n\t\t\t\t--content-x: 50%; \n\t\t\t\t--content-y: 25%;\n\n\t\t\t\t\/* True Stroke Defaults (Fallback is fully transparent) *\/\n\t\t\t\t--t-str-w: 0px; --t-str-c: rgba(255,255,255,0);\n\t\t\t\t--tp-str-w: 0px; --tp-str-c: rgba(255,255,255,0);\n\t\t\t\t\n\t\t\t\t\/* Title\/Topic Gap *\/\n\t\t\t\t--tt-gap: 0px;\n\n\t\t\t\ttouch-action: pan-y; \n\t\t\t}\n\t\t\t.cab19-container img, .cab19-container video { -webkit-user-drag: none; user-drag: none; -webkit-user-select: none; user-select: none; }\n\t\t\t\n\t\t\t\/* --- 1. Backgrounds & Overlay --- *\/\n\t\t\t.cab19-bg-wrapper { position: absolute; inset: 0; z-index: 10; pointer-events: none;}\n\t\t\t.cab19-bg-item { position: absolute; inset: 0; z-index: 1; }\n\t\t\t.cab19-bg-item.active { z-index: 11; }\n\t\t\t\n\t\t\t.cab19-bg-item .bg-media { \n\t\t\t\twidth: 100%; height: 100%; \n\t\t\t\tobject-fit: var(--bg-fit, cover); \n\t\t\t\tobject-position: var(--bg-x, 50%) var(--bg-y, 50%);\n\t\t\t\ttransform-origin: var(--bg-x, 50%) var(--bg-y, 50%);\n\t\t\t\ttransform: scale(var(--bg-scale, 1));\n\t\t\t\ttransition: transform 0.5s ease, object-position 0.1s linear, transform-origin 0.1s linear; \n\t\t\t}\n\n\t\t\t.cab19-overlay { position: absolute; inset: 0; z-index: 15; pointer-events: none; transition: all 0.3s ease; }\n\n\t\t\t\/* Effects *\/\n\t\t\t.cab19-container[data-effect=\"fade\"] .cab19-bg-item { opacity: 0; transition: opacity var(--trans-speed) var(--trans-ease); }\n\t\t\t.cab19-container[data-effect=\"fade\"] .cab19-bg-item.active { opacity: 1; }\n\t\t\t.cab19-container[data-effect=\"zoom\"] .cab19-bg-item { opacity: 0; transform: scale(1.15); transition: opacity var(--trans-speed) var(--trans-ease), transform var(--trans-speed) var(--trans-ease); }\n\t\t\t.cab19-container[data-effect=\"zoom\"] .cab19-bg-item.active { opacity: 1; transform: scale(1); }\n\t\t\t.cab19-container[data-effect=\"slide\"] .cab19-bg-item { opacity: 0; transform: translateX(100%); transition: transform var(--trans-speed) var(--trans-ease), opacity var(--trans-speed) var(--trans-ease); }\n\t\t\t.cab19-container[data-effect=\"slide\"].is-prev .cab19-bg-item { transform: translateX(-100%); }\n\t\t\t.cab19-container[data-effect=\"slide\"] .cab19-bg-item.active { opacity: 1; transform: translateX(0); }\n\t\t\t.cab19-container[data-effect=\"lundev\"] .cab19-bg-item { opacity: 0; transition: opacity var(--trans-speed); }\n\t\t\t.cab19-container[data-effect=\"lundev\"] .cab19-bg-item.active { opacity: 1; }\n\t\t\t.cab19-container[data-effect=\"lundev\"].is-next .cab19-bg-item.active .bg-media { animation: fZoomLegacy var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t@keyframes fZoomLegacy {\n\t\t\t\tfrom { width: var(--card-w); aspect-ratio: var(--card-ratio); position: absolute; bottom: var(--card-y); left: var(--card-x); transform: translate(calc(-1 * var(--card-x)), calc(-1 * var(--card-y))); border-radius: 20px; }\n\t\t\t\tto { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; transform: translate(0, 0); border-radius: 0; }\n\t\t\t}\n\n\t\t\t\/* --- 2. Content Box & Typography --- *\/\n\t\t\t.cab19-content-wrapper { position: absolute; inset: 0; z-index: 20; pointer-events: none; }\n\t\t\t.cab19-content-item { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity var(--trans-speed) var(--trans-ease), visibility var(--trans-speed); }\n\t\t\t.cab19-content-item.active { opacity: 1; visibility: visible; }\n\t\t\t\n\t\t\t.cab19-content-inner { \n\t\t\t\tposition: absolute; \n\t\t\t\tleft: var(--content-x, 50%); \n\t\t\t\ttop: var(--content-y, 25%); \n\t\t\t\ttransform: translate(calc(-1 * var(--content-x, 50%)), calc(-1 * var(--content-y, 25%))); \n\t\t\t\twidth: max-content; \n\t\t\t\tmax-width: 100%; \n\t\t\t\tcolor: #fff; pointer-events: none; \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif !important;\n\t\t\t\tdisplay: flex; flex-direction: column; gap: var(--content-gap, 15px);\n\t\t\t}\n\t\t\t.cab19-content-inner > * { pointer-events: auto; }\n\n\t\t\t.cab19-author { display: inline-block; font-weight: bold; letter-spacing: 5px; margin: 0; width: fit-content; max-width: 100%; }\n\t\t\t.cab19-author-img { display: inline-block; object-fit: contain; margin: 0; width: fit-content; }\n\t\t\t\n\t\t\t\/* \ud83d\udd25 TRUE STICKER STROKE (Z-INDEX HACK) *\/\n\t\t\t.cab19-heading-wrapper {\n\t\t\t\tdisplay: grid; grid-template-columns: 1fr; grid-template-rows: 1fr;\n\t\t\t\talign-items: flex-start; width: 100%; position: relative;\n\t\t\t}\n\n\t\t\t.cab19-stroke-layer, .cab19-fill-layer {\n\t\t\t\tgrid-column: 1 \/ -1; grid-row: 1 \/ -1;\n\t\t\t\tdisplay: flex; flex-direction: column; width: 100%;\n\t\t\t\tgap: var(--tt-gap, 0px); \/* \ud83d\udd25 Fix 2: \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07 Title <-> Topic *\/\n\t\t\t}\n\t\t\t.cab19-stroke-layer { z-index: 8; pointer-events: none; user-select: none; }\n\t\t\t.cab19-fill-layer { z-index: 10; position: relative; }\n\n\t\t\t.cab19-title, .cab19-topic { \n\t\t\t\tfont-size: 4em; font-weight: 800; line-height: 1.1em; margin: 0; \n\t\t\t\tposition: relative; display: block; \n\t\t\t\tpadding-top: 0.1em; margin-top: -0.1em; \n\t\t\t}\n\n\t\t\t\/* \ud83c\udfa8 STROKE LAYER (\u0e0a\u0e31\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07) *\/\n\t\t\t.cab19-title.cab-stroke { \n\t\t\t\t--str-w: var(--t-str-w, 0px); --str-c: var(--t-str-c, rgba(255,255,255,0));\n\t\t\t\tcolor: var(--str-c) !important;\n\t\t\t\t-webkit-text-stroke: var(--str-w) var(--str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--str-w)*1) 0 0 var(--str-c), calc(var(--str-w)*0.9239) calc(var(--str-w)*0.3827) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*0.7071) calc(var(--str-w)*0.7071) 0 var(--str-c), calc(var(--str-w)*0.3827) calc(var(--str-w)*0.9239) 0 var(--str-c),\n\t\t\t\t\t0 calc(var(--str-w)*1) 0 var(--str-c), calc(var(--str-w)*-0.3827) calc(var(--str-w)*0.9239) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*-0.7071) calc(var(--str-w)*0.7071) 0 var(--str-c), calc(var(--str-w)*-0.9239) calc(var(--str-w)*0.3827) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*-1) 0 0 var(--str-c), calc(var(--str-w)*-0.9239) calc(var(--str-w)*-0.3827) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*-0.7071) calc(var(--str-w)*-0.7071) 0 var(--str-c), calc(var(--str-w)*-0.3827) calc(var(--str-w)*-0.9239) 0 var(--str-c),\n\t\t\t\t\t0 calc(var(--str-w)*-1) 0 var(--str-c), calc(var(--str-w)*0.3827) calc(var(--str-w)*-0.9239) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*0.7071) calc(var(--str-w)*-0.7071) 0 var(--str-c), calc(var(--str-w)*0.9239) calc(var(--str-w)*-0.3827) 0 var(--str-c);\n\t\t\t}\n\n\t\t\t.cab19-topic.cab-stroke { \n\t\t\t\t--str-w: var(--tp-str-w, 0px); --str-c: var(--tp-str-c, rgba(255,255,255,0));\n\t\t\t\tcolor: var(--str-c) !important;\n\t\t\t\t-webkit-text-stroke: var(--str-w) var(--str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--str-w)*1) 0 0 var(--str-c), calc(var(--str-w)*0.9239) calc(var(--str-w)*0.3827) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*0.7071) calc(var(--str-w)*0.7071) 0 var(--str-c), calc(var(--str-w)*0.3827) calc(var(--str-w)*0.9239) 0 var(--str-c),\n\t\t\t\t\t0 calc(var(--str-w)*1) 0 var(--str-c), calc(var(--str-w)*-0.3827) calc(var(--str-w)*0.9239) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*-0.7071) calc(var(--str-w)*0.7071) 0 var(--str-c), calc(var(--str-w)*-0.9239) calc(var(--str-w)*0.3827) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*-1) 0 0 var(--str-c), calc(var(--str-w)*-0.9239) calc(var(--str-w)*-0.3827) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*-0.7071) calc(var(--str-w)*-0.7071) 0 var(--str-c), calc(var(--str-w)*-0.3827) calc(var(--str-w)*-0.9239) 0 var(--str-c),\n\t\t\t\t\t0 calc(var(--str-w)*-1) 0 var(--str-c), calc(var(--str-w)*0.3827) calc(var(--str-w)*-0.9239) 0 var(--str-c),\n\t\t\t\t\tcalc(var(--str-w)*0.7071) calc(var(--str-w)*-0.7071) 0 var(--str-c), calc(var(--str-w)*0.9239) calc(var(--str-w)*-0.3827) 0 var(--str-c);\n\t\t\t}\n\n\t\t\t\/* \ud83c\udfa8 FILL LAYER (\u0e0a\u0e31\u0e49\u0e19\u0e15\u0e31\u0e27\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e08\u0e23\u0e34\u0e07\u0e17\u0e35\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a Text Shadow \u0e02\u0e2d\u0e07 Elementor) *\/\n\t\t\t.cab19-title.cab-fill { color: var(--fill-c); }\n\t\t\t.cab19-topic.cab-fill { color: var(--fill-c); }\n\n\t\t\t\/* \ud83d\udd25 Fix 1: Description Lacks Hardcoded Margins (\u0e1b\u0e25\u0e48\u0e2d\u0e22\u0e2d\u0e34\u0e2a\u0e23\u0e30 100%) *\/\n\t\t\t.cab19-desc { margin: 0; font-size: 1rem; }\n\t\t\t\n\t\t\t\/* Buttons *\/\n\t\t\t\/* \ud83d\udd25 Fix 1: Button Negative Margin Top *\/\n\t\t\t.cab19-buttons { display: flex; gap: 15px; margin-top: 0; }\n\t\t\t.cab19-btn-1, .cab19-btn-2 { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 600; }\n\t\t\t.cab19-btn-icon { display: flex; align-items: center; justify-content: center; line-height: 1; }\n\t\t\t.cab19-btn-icon svg { fill: currentColor; }\n\t\t\t.cab19-btn-icon i { color: currentColor; }\n\n\t\t\t.cab19-content-item:not(.active) .cab19-content-inner > * { opacity: 0; visibility: hidden; }\n\t\t\t\n\t\t\t\/* Animation delays *\/\n\t\t\t.cab19-content-item.active .cab19-content-inner > * { opacity: 0; animation: fShowContent 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }\n\t\t\t.cab19-content-item.active .cab19-author, .cab19-content-item.active .cab19-author-img { animation-delay: calc(var(--trans-speed) + 0.1s); }\n\t\t\t.cab19-content-item.active .cab19-heading-wrapper { animation-delay: calc(var(--trans-speed) + 0.2s); }\n\t\t\t.cab19-content-item.active .cab19-desc { animation-delay: calc(var(--trans-speed) + 0.4s); }\n\t\t\t.cab19-content-item.active .cab19-buttons { animation-delay: calc(var(--trans-speed) + 0.5s); }\n\t\t\t@keyframes fShowContent { from { transform: translateY(50px) scale(0.9); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } }\n\n\t\t\t\/* PNG LAYERS (\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2b\u0e21\u0e38\u0e19 Rotate) *\/\n\t\t\t.cab19-png-pos { position: absolute; pointer-events: none; z-index: 5; }\n\t\t\t\n\t\t\t\/* \ud83d\udd25 \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15 CSS \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e04\u0e48\u0e32\u0e2b\u0e21\u0e38\u0e19\u0e20\u0e32\u0e1e (--pi-r) \u0e21\u0e32\u0e1c\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 X\/Y *\/\n\t\t\t.cab19-png-pos.layer-1 { opacity: var(--p1-o, 1); left: var(--p1-x, 50%); top: var(--p1-y, 50%); transform: translate(calc(-1 * var(--p1-x, 50%)), calc(-1 * var(--p1-y, 50%))) rotate(var(--p1-r, 0deg)); width: var(--p1-w, 300px); }\n\t\t\t.cab19-png-pos.layer-2 { opacity: var(--p2-o, 1); left: var(--p2-x, 50%); top: var(--p2-y, 50%); transform: translate(calc(-1 * var(--p2-x, 50%)), calc(-1 * var(--p2-y, 50%))) rotate(var(--p2-r, 0deg)); width: var(--p2-w, 300px); }\n\t\t\t.cab19-png-pos.layer-3 { opacity: var(--p3-o, 1); left: var(--p3-x, 50%); top: var(--p3-y, 50%); transform: translate(calc(-1 * var(--p3-x, 50%)), calc(-1 * var(--p3-y, 50%))) rotate(var(--p3-r, 0deg)); width: var(--p3-w, 300px); }\n\n\t\t\t.cab19-png-anim { opacity: 0; display: block; width: 100%; }\n\t\t\t.cab19-content-item.active .cab19-png-anim { opacity: 1; }\n\t\t\t\n\t\t\t.ent-fade { animation: pFade var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t.ent-left { animation: pLeft var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t.ent-right { animation: pRight var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t.ent-top { animation: pTop var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t.ent-bottom { animation: pBottom var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t.ent-zoom { animation: pZoom var(--trans-speed) var(--trans-ease) forwards; }\n\t\t\t@keyframes pFade { from { opacity: 0; } to { opacity: 1; } }\n\t\t\t@keyframes pLeft { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes pRight { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes pTop { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes pBottom { from { opacity: 0; transform: translateY(100px); } to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes pZoom { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n\n\t\t\t.cab19-content-item.active .loop-float { animation: lFloat 3s ease-in-out infinite; animation-delay: var(--trans-speed); }\n\t\t\t.cab19-content-item.active .loop-swing { animation: lSwing 4s ease-in-out infinite; animation-delay: var(--trans-speed); }\n\t\t\t.cab19-content-item.active .loop-pulse { animation: lPulse 2s ease-in-out infinite; animation-delay: var(--trans-speed); }\n\t\t\t@keyframes lFloat { 0%, 100% { margin-top: 0; } 50% { margin-top: -20px; } }\n\t\t\t@keyframes lSwing { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }\n\t\t\t@keyframes lPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }\n\n\t\t\t\/* --- 3. UI NAVIGATIONS --- *\/\n\t\t\t.cab19-cards { \n\t\t\t\tposition: absolute; z-index: 100; display: flex; align-items: flex-end; pointer-events: auto; \n\t\t\t\tleft: var(--card-x); bottom: var(--card-y); gap: var(--card-gap); \n\t\t\t\ttransform: translate(calc(-1 * var(--card-x)), calc(-1 * var(--card-y)));\n\t\t\t}\n\t\t\t.cab19-cards .cab19-card { \n\t\t\t\twidth: var(--card-w); aspect-ratio: var(--card-ratio); height: auto;\n\t\t\t\tflex-shrink: 0; position: relative; cursor: pointer; transition: 0.3s; opacity: 0.7; border: 0px solid #fff; overflow: hidden;\n\t\t\t}\n\t\t\t.cab19-card.active { opacity: 1; border-width: 2px; }\n\t\t\t.cab19-card:hover { opacity: 1; transform: translateY(-5px); }\n\t\t\t.cab19-card img, .cab19-card video { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; pointer-events: none;}\n\t\t\t.cab19-card .cab19-title-mini { position: absolute; bottom: 15px; left: 10px; right: 10px; color: #fff; font-weight: bold; font-size: 14px; text-shadow: 0 2px 5px #000; pointer-events: none; font-family: 'Noto Sans Thai', sans-serif !important;}\n\n\t\t\t.cab19-arrows { position: absolute; z-index: 100; display: flex; pointer-events: auto; }\n\t\t\t.cab19-arrows.pos-custom { \n\t\t\t\tleft: var(--arr-x); top: var(--arr-y); gap: var(--arr-gap); \n\t\t\t\ttransform: translate(calc(-1 * var(--arr-x)), calc(-1 * var(--arr-y)));\n\t\t\t}\n\t\t\t.cab19-arrows.pos-sides { top: var(--arr-y); left: var(--arr-x); right: var(--arr-x); transform: translateY(-50%); justify-content: space-between; pointer-events: none; }\n\t\t\t.cab19-arrows.pos-sides button { pointer-events: auto; }\n\t\t\t.cab19-arrows button { display: flex; align-items: center; justify-content: center; border-radius: 50%; border: none; cursor: pointer; transition: 0.3s; padding: 0; overflow: hidden; }\n\t\t\t.cab19-arrows button i, .cab19-arrows button svg { display: block !important; width: var(--icon-size) !important; height: var(--icon-size) !important; font-size: var(--icon-size) !important; color: var(--icon-color) !important; fill: var(--icon-color) !important; line-height: 1 !important; transition: 0.3s; }\n\t\t\t.cab19-arrows button:hover i, .cab19-arrows button:hover svg { color: var(--icon-color-hover) !important; fill: var(--icon-color-hover) !important; }\n\n\t\t\t.cab19-dots { \n\t\t\t\tposition: absolute; z-index: 100; display: flex; pointer-events: auto; \n\t\t\t\tleft: var(--dot-x); top: var(--dot-y); gap: var(--dot-gap); \n\t\t\t\ttransform: translate(calc(-1 * var(--dot-x)), calc(-1 * var(--dot-y)));\n\t\t\t}\n\t\t\t.cab19-dots span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.4); cursor: pointer; transition: 0.3s; }\n\t\t\t.cab19-dots span.active, .cab19-dots span:hover { background: #fff; transform: scale(1.3); }\n\t\t\t\n\t\t\t.cab19-timebar { position: absolute; z-index: 110; width: 0%; height: 4px; background: #f1683a; left: 0; top: 0; pointer-events: none; }\n\n\t\t\t@media (max-width: 768px) {\n\t\t\t\t.cab19-title, .cab19-topic { font-size: 2.5em; }\n\t\t\t}\n\t\t\t<\/style>\n\n\t\t\t<div class=\"cab19-container\" id=\"cab19-c7070ef\" data-effect=\"fade\" data-swipe=\"false\" style=\"--cab16-bg-color: #ffffff;\">\n\t\t\t\t\n\t\t\t\t<div class=\"cab19-bg-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cab19-bg-item elementor-repeater-item-2fd7363 active\" data-index=\"0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"bg-media\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"cab19-overlay\"><\/div>\n\n\t\t\t\t<div class=\"cab19-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"cab19-content-item elementor-repeater-item-2fd7363 active\" data-index=\"0\">\n\t\t\t\t\t\t\t<div class=\"cab19-content-inner align-flex-start\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"cab19-author\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/div>\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"cab19-heading-wrapper\"><div class=\"cab19-stroke-layer\" aria-hidden=\"true\"><h2 class=\"cab19-title cab-stroke\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c<\/h2><\/div><div class=\"cab19-fill-layer\"><h2 class=\"cab19-title cab-fill\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c<\/h2><\/div><\/div>\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"cab19-buttons\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"cab19-png-pos layer-1\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"cab19-png-anim ent-zoom loop-pulse\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/ca2@2x.png\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6d54418 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"6d54418\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3baa0f4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3baa0f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f765204 elementor-widget elementor-widget-cab_smart_image\" data-id=\"f765204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  \">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"456\" height=\"456\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Logo_AI.png\" class=\"attachment-large size-large wp-image-7735\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Logo_AI.png 456w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Logo_AI-300x300.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Logo_AI-150x150.png 150w\" sizes=\"(max-width: 456px) 100vw, 456px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-3c09297 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3c09297\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec9d4c elementor-widget elementor-widget-cab_heading_pro\" data-id=\"4ec9d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_heading_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<style>\n\t\t\t{{WRAPPER}} .cab-hpro-container { \n\t\t\t\twidth: 100%; display: flex; flex-direction: column; \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif;\n\t\t\t\t--m-str-w: 0px; --m-str-c: rgba(255,255,255,0);\n\t\t\t\t--s-str-w: 0px; --s-str-c: rgba(255,255,255,0);\n\t\t\t\t\n\t\t\t\t--sw-w: 64px; --sw-h: 32px; --sw-handle-s: 26px;\n\t\t\t\t--track-bg-1: #fde3a7; --handle-bg-1: #f1c40f; --icon-c-1: #ffffff;\n\t\t\t\t--track-bg-2: #0d2c40; --handle-bg-2: #3498db; --icon-c-2: #ffffff;\n\t\t\t}\n\t\t\t\n\t\t\t\/* \ud83d\udd25 V8.18 \u0e1b\u0e23\u0e32\u0e1a Apple Safari (\u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48 \"\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\" !important \u0e04\u0e23\u0e31\u0e1a\u0e19\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e01\u0e31\u0e1a System CSS \u0e02\u0e2d\u0e07 iOS) *\/\n\t\t\t{{WRAPPER}} .cab-hpro-container a[href^=\"tel\"] {\n\t\t\t\tcolor: inherit !important;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tfont-family: inherit !important;\n\t\t\t\tfont-weight: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t\tcursor: default !important;\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-master-row { display: flex; flex-direction: row; width: 100%; gap: var(--side-gap, 20px); align-items: center; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-master-row { justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-master-row { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-master-row { justify-content: flex-end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-side-media { \n\t\t\t\torder: var(--sm-order, -1); \n\t\t\t\tdisplay: flex; \n\t\t\t\tflex: 0 0 var(--side-s, 120px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t\talign-items: center; \n\t\t\t\tjustify-content: center; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon { width: var(--side-s, 120px); height: var(--side-s, 120px); font-size: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon svg, {{WRAPPER}} .cab-hpro-side-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-side-img-wrap { width: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-wrap { \n\t\t\t\tdisplay: flex; flex-direction: column; position: relative; \n\t\t\t\twidth: fit-content; max-width: 100%; \n\t\t\t\tflex-shrink: 1; min-width: 0; \n\t\t\t\ttext-decoration: none; outline: none; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-wrap:hover, {{WRAPPER}} .cab-hpro-wrap:focus { text-decoration: none; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text-group-wrap { display: flex; flex-direction: column; gap: var(--tt-gap, 5px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-text-group-wrap { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-text-group-wrap { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-text-group-wrap { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-cluster { display: flex; gap: var(--tt-gap, 3px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-heading-cluster { align-items: flex-start; justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-heading-cluster { align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-heading-cluster { align-items: flex-end; justify-content: flex-end; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-main-row { order: 2; }\n\t\t\t{{WRAPPER}} .cab-hpro-sub-row { order: var(--sub-ord, -1); }\n\n\t\t\t{{WRAPPER}} .cab-pane { display: none; flex-direction: column; width: 100%; animation: cabPaneFade 0.4s ease forwards; }\n\t\t\t{{WRAPPER}} .cab-pane.active { display: flex; }\n\t\t\t@keyframes cabPaneFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-row { display: flex; flex-direction: row; width: fit-content; max-width: 100%; align-items: center; min-width: 0; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper { display: grid; grid-template-areas: \"heading\"; position: relative; width: fit-content; max-width: 100%; min-width: 0; align-items: start; }\n            \n{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-title-wrapper { justify-items: start; }\n{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-title-wrapper { justify-items: center; }\n{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-title-wrapper { justify-items: end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text { grid-area: heading; margin: 0; padding: 0; min-width: 0; overflow-wrap: break-word; word-break: break-word; }\n}\n\n\t\t\t{{WRAPPER}} .cab-hpro-main .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--m-str-w) * 2) var(--m-str-c); -webkit-text-fill-color: var(--m-str-c); color: var(--m-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--m-str-w)*1) 0 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*1) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-1) 0 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*-1) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-sub .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--s-str-w) * 2) var(--s-str-c); -webkit-text-fill-color: var(--s-str-c); color: var(--s-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--s-str-w)*1) 0 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*1) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-1) 0 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*-1) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper .cab-fill { z-index: 2; position: relative; }\n\t\t\t{{WRAPPER}} .cab-hpro-underline { display: block; flex-shrink: 0; }\n\n\t\t\t{{WRAPPER}} .cab-main-row .cab-hpro-media { \n\t\t\t\twidth: var(--m-size, 40px); height: var(--m-size, 40px); font-size: var(--m-size, 40px); \n\t\t\t\tflex: 0 0 var(--m-size, 40px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-sub-row .cab-hpro-media { \n\t\t\t\twidth: var(--s-size, 30px); height: var(--s-size, 30px); font-size: var(--s-size, 30px); \n\t\t\t\tflex: 0 0 var(--s-size, 30px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-media { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-icon svg, {{WRAPPER}} .cab-hpro-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-img { width: 100%; height: auto; display: block; object-fit: cover; }\n\n\t\t\t{{WRAPPER}} .cab-quote-mark { position: absolute; pointer-events: none; z-index: 0; font-family: \"Font Awesome 5 Free\"; font-weight: 900; width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; line-height: 1; margin: 0; padding: 0; }\n\t\t\t{{WRAPPER}} .cab-quote-top { top: 0; left: 0; transform: translate( calc(-50% - var(--q-tl-x, 0px)), calc(-50% - var(--q-tl-y, 0px)) ); } \n\t\t\t{{WRAPPER}} .cab-quote-top::before { content: \"\\f10d\"; } \n\t\t\t{{WRAPPER}} .cab-quote-bottom { bottom: 0; right: 0; transform: translate( calc(50% + var(--q-br-x, 0px)), calc(50% + var(--q-br-y, 0px)) ) rotate(180deg); } \n\t\t\t{{WRAPPER}} .cab-quote-bottom::before { content: \"\\f10d\"; } \n\n\t\t\t{{WRAPPER}} .cab-toggle-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-toggle-wrapper { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-toggle-wrapper { justify-content: flex-end; }\n\t\t\t{{WRAPPER}} .cab-toggle-label { cursor: pointer; font-weight: 600; line-height: 1.2; user-select: none; transition: 0.3s; opacity: 0.5; }\n\t\t\t{{WRAPPER}} .cab-toggle-label.active { opacity: 1; }\n\n\t\t\t{{WRAPPER}} .cab-switch-track { width: var(--sw-w); height: var(--sw-h); background-color: var(--track-bg-1); border-radius: 50px; position: relative; cursor: pointer; transition: background-color 0.4s ease; flex-shrink: 0; }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec { background-color: var(--track-bg-2); }\n\t\t\t{{WRAPPER}} .cab-switch-handle { width: var(--sw-handle-s); height: var(--sw-handle-s); background-color: var(--handle-bg-1); color: var(--icon-c-1); border-radius: 50%; position: absolute; top: 50%; left: calc((var(--sw-h) - var(--sw-handle-s)) \/ 2); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-switch-handle { left: calc(100% - var(--sw-handle-s) - ((var(--sw-h) - var(--sw-handle-s)) \/ 2)); background-color: var(--handle-bg-2); color: var(--icon-c-2); }\n\t\t\t{{WRAPPER}} .cab-sw-icon { position: absolute; transition: 0.4s; display: flex; align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-sw-icon svg, {{WRAPPER}} .cab-sw-icon i { width: 1em; height: 1em; display: block; fill: currentColor; }\n\t\t\t{{WRAPPER}} .cab-sw-icon-1 { opacity: 1; transform: scale(1) rotate(0deg); }\n\t\t\t{{WRAPPER}} .cab-sw-icon-2 { opacity: 0; transform: scale(0.5) rotate(-90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-1 { opacity: 0; transform: scale(0.5) rotate(90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-2 { opacity: 1; transform: scale(1) rotate(0deg); }\n\n\t\t\t@keyframes cab-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-12deg); } 50% { transform: rotate(12deg); } 75% { transform: rotate(-12deg); } }\n\t\t\t{{WRAPPER}} .is-dugdik { animation: cab-wiggle 1.5s infinite ease-in-out; transform-origin: center center; }\n\n\t\t\t{{WRAPPER}} .cab-anim-fade-in { animation: cabEntFade 0.8s ease forwards; opacity: 0; }\n\t\t\t{{WRAPPER}} .cab-anim-slide-up { animation: cabEntSlideUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateY(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-left { animation: cabEntSlideLeft 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-right { animation: cabEntSlideRight 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(-30px); }\n\t\t\t{{WRAPPER}} .cab-anim-zoom-in { animation: cabEntZoom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: scale(0.8); }\n\n\t\t\t@keyframes cabEntFade { to { opacity: 1; } }\n\t\t\t@keyframes cabEntSlideUp { to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes cabEntSlideLeft { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntSlideRight { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntZoom { to { opacity: 1; transform: scale(1); } }\n\t\t\t<\/style>\n\n\t\t\t<div id=\"cab-hpro-4ec9d4c\" class=\"cab-hpro-container align-center\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"cab-hpro-master-row\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"cab-hpro-wrap\" >\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"cab-pane cab-pane-primary active\"><div class=\"cab-hpro-text-group-wrap\"><div class=\"cab-hpro-heading-cluster\"><div class=\"cab-hpro-heading-row cab-main-row cab-hpro-main-row\"><div class=\"cab-hpro-title-wrapper cab-hpro-main\"><h2 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21<\/h2><h2 class=\"cab-hpro-text cab-fill\">\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21<\/h2><\/div><\/div><div class=\"cab-hpro-heading-row cab-sub-row cab-hpro-sub-row\"><div class=\"cab-hpro-title-wrapper cab-hpro-sub\"><h3 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 \"\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56\" \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07<\/h3><h3 class=\"cab-hpro-text cab-fill\">\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 \"\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56\" \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07<\/h3><\/div><\/div><\/div><div class=\"cab-hpro-underline\"><\/div><\/div><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e10bbb elementor-widget elementor-widget-cra_button_pro\" data-id=\"4e10bbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-4e10bbb { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-4e10bbb .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-4e10bbb .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-4e10bbb .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-4e10bbb .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-4e10bbb div.cra-btn { cursor: default; }\n            .cra-btn-group-4e10bbb button.cra-btn, .cra-btn-group-4e10bbb a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-4e10bbb .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-4e10bbb .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-4e10bbb .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-4e10bbb .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-4e10bbb .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-4e10bbb .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-4e10bbb .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-4e10bbb .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-4e10bbb .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-4e10bbb .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-4e10bbb .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-4e10bbb .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-4e10bbb .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-4e10bbb cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"http:\/\/ku.ac.th\/th\/kulogo\/\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-download\"><\/i><\/span><span class=\"cra-btn-text\">\u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <button onclick=\"openCraPopup('cra-pu-4e10bbb-7060049', '4e10bbb-7060049')\" type=\"button\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-download\"><\/i><\/span><span class=\"cra-btn-text\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/span><\/span>                        <\/button>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n                                                <div id=\"cra-pu-4e10bbb-7060049\" class=\"cra-pu-overlay is-pdf\">\n                        <div class=\"cra-pu-box\">\n                            \n                            <div class=\"cra-pu-actions\">\n                                                                <button class=\"cra-pu-close\" onclick=\"closeCraPopup('cra-pu-4e10bbb-7060049')\" title=\"Close\">\n                                    <i class=\"fas fa-times\"><\/i>\n                                <\/button>\n                            <\/div>\n                            \n                            \n                            <div class=\"cra-pu-content\">\n                                <iframe src=\"about:blank\" style=\"width:100%; height:80vh; border:none; border-radius:8px;\" class=\"lazyload\" data-src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KSU_Manual.pdf#toolbar=0\"><\/iframe>                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <script>\n                \/\/ \ud83d\udd25 ENGINE: \u0e23\u0e30\u0e1a\u0e1a Zoom & Pan \u0e20\u0e32\u0e1e\u0e41\u0e1a\u0e1a\u0e2a\u0e21\u0e39\u0e17 (Global Function)\n                if(!window.craImgRegistry) window.craImgRegistry = {};\n\n                window.applyCraTransform = function(uid, smooth) {\n                    const state = window.craImgRegistry[uid];\n                    const img = document.getElementById('img-' + uid);\n                    if(!state || !img) return;\n                    \n                    \/\/ \u0e43\u0e2b\u0e49\u0e0b\u0e39\u0e21\u0e15\u0e2d\u0e19\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e19\u0e38\u0e48\u0e21\u0e46 \u0e41\u0e15\u0e48\u0e15\u0e2d\u0e19\u0e25\u0e32\u0e01\/\u0e44\u0e16\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e43\u0e2b\u0e49\u0e15\u0e34\u0e14\u0e19\u0e34\u0e49\u0e27\n                    img.style.transition = smooth ? 'transform 0.3s cubic-bezier(0.25, 1, 0.5, 1)' : 'none';\n                    img.style.transform = `translate(${state.panX}px, ${state.panY}px) scale(${state.scale})`;\n                };\n\n                window.zoomCraImg = function(action, uid) {\n                    if(!window.craImgRegistry[uid]) return;\n                    const state = window.craImgRegistry[uid];\n                    \n                    if(action === 'in') state.scale = Math.min(state.scale + 0.5, 5);\n                    else if(action === 'out') state.scale = Math.max(state.scale - 0.5, 1);\n                    else if(action === 'reset') { state.scale = 1; state.panX = 0; state.panY = 0; }\n                    \n                    if(state.scale === 1) { state.panX = 0; state.panY = 0; }\n                    state.isDragging = false;\n                    \n                    window.applyCraTransform(uid, true);\n                };\n\n                if(typeof window.openCraPopup !== 'function') {\n                    window.openCraPopup = function(id, img_uid) {\n                        document.getElementById(id).classList.add('active');\n                        document.body.style.overflow = 'hidden';\n                        \n                        if(img_uid && !window.craImgRegistry[img_uid]) {\n                            const viewport = document.getElementById('viewport-' + img_uid);\n                            if(!viewport) return;\n\n                            window.craImgRegistry[img_uid] = { scale: 1, panX: 0, panY: 0, isDragging: false };\n                            const state = window.craImgRegistry[img_uid];\n\n                            viewport.addEventListener('wheel', e => {\n                                e.preventDefault();\n                                state.scale = Math.min(Math.max(1, state.scale + (e.deltaY < 0 ? 0.2 : -0.2)), 5);\n                                if(state.scale === 1) { state.panX = 0; state.panY = 0; }\n                                window.applyCraTransform(img_uid, false); \n                            }, { passive: false });\n\n                            viewport.addEventListener('pointerdown', e => {\n                                if(state.scale > 1) {\n                                    state.isDragging = true;\n                                    state.startX = e.clientX - state.panX;\n                                    state.startY = e.clientY - state.panY;\n                                    viewport.style.cursor = 'grabbing';\n                                }\n                            });\n                            window.addEventListener('pointermove', e => {\n                                if(!state.isDragging) return;\n                                e.preventDefault();\n                                state.panX = e.clientX - state.startX;\n                                state.panY = e.clientY - state.startY;\n                                window.applyCraTransform(img_uid, false);\n                            }, { passive: false });\n                            window.addEventListener('pointerup', () => { \n                                state.isDragging = false; \n                                viewport.style.cursor = 'grab';\n                            });\n                        }\n                    };\n\n                    window.closeCraPopup = function(id) {\n                        document.getElementById(id).classList.remove('active');\n                        document.body.style.overflow = '';\n                    };\n\n                    window.addEventListener('click', function(e) {\n                        if (e.target.classList.contains('cra-pu-overlay')) {\n                            e.target.classList.remove('active');\n                            document.body.style.overflow = '';\n                        }\n                    });\n\n                    window.addEventListener('keydown', function(e) {\n                        if (e.key === \"Escape\") {\n                            document.querySelectorAll('.cra-pu-overlay.active').forEach(p => p.classList.remove('active'));\n                            document.body.style.overflow = '';\n                        }\n                    });\n                }\n                <\/script>\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd58d0b elementor-widget elementor-widget-html\" data-id=\"fd58d0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Thai:wght@400;700&display=swap');\n\n  .color-container {\n    font-family: 'Noto Sans Thai', sans-serif;\n    max-width: 100%;\n    margin: 10px auto;\n    padding: 0 5px;\n    box-sizing: border-box;\n  }\n\n  \/* \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19 5 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e15\u0e25\u0e2d\u0e14\u0e40\u0e27\u0e25\u0e32 *\/\n  .color-grid {\n    display: flex;\n    gap: 8px;\n    width: 100%;\n    align-items: flex-start;\n  }\n\n  .color-item {\n    flex: 1;\n    min-width: 0; \/* \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Content \u0e14\u0e31\u0e19\u0e08\u0e19\u0e2b\u0e25\u0e38\u0e14\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n  }\n\n  .color-label {\n    font-size: clamp(8px, 2vw, 12px);\n    font-weight: 700;\n    color: #888;\n    text-align: center;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .color-box {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    border-radius: 8px;\n    position: relative;\n    transition: transform 0.2s;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n  }\n\n  .color-box:active {\n    transform: scale(0.95);\n  }\n\n  .hex-tag {\n    font-weight: 700;\n    font-size: clamp(9px, 2.2vw, 16px); \/* \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d *\/\n    letter-spacing: -0.2px;\n  }\n\n  \/* \u0e40\u0e2a\u0e49\u0e19\u0e41\u0e1a\u0e48\u0e07\u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07 *\/\n  .divider {\n    width: 1px;\n    align-self: stretch;\n    background: #eee;\n    margin: 15px 2px 0 2px;\n  }\n\n  .dark-text { color: #2d2d2d !important; }\n\n  .copy-toast {\n    position: absolute;\n    top: -25px;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #333;\n    color: #fff;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n    white-space: nowrap;\n    animation: fade 0.8s forwards;\n  }\n\n  @keyframes fade {\n    0% { opacity: 0; }\n    50% { opacity: 1; }\n    100% { opacity: 0; }\n  }\n<\/style>\n\n<div class=\"color-container\">\n  <div class=\"color-grid\">\n    \n    <div class=\"color-item\">\n      <span class=\"color-label\">Primary<\/span>\n      <div class=\"color-box\" style=\"background: #006664; color: white;\" onclick=\"copyColor(this, '#006664')\">\n        <span class=\"hex-tag\">#006664<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"color-item\">\n      <span class=\"color-label\">Primary<\/span>\n      <div class=\"color-box\" style=\"background: #B2BB1E; color: white;\" onclick=\"copyColor(this, '#B2BB1E')\">\n        <span class=\"hex-tag\">#B2BB1E<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"divider\"><\/div>\n\n    <div class=\"color-item\">\n      <span class=\"color-label\">Secondary<\/span>\n      <div class=\"color-box\" style=\"background: #74787B; color: white;\" onclick=\"copyColor(this, '#74787B')\">\n        <span class=\"hex-tag\">#74787B<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"color-item\">\n      <span class=\"color-label\">Secondary<\/span>\n      <div class=\"color-box\" style=\"background: #6E4B32; color: white;\" onclick=\"copyColor(this, '#6E4B32')\">\n        <span class=\"hex-tag\">#6E4B32<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"color-item\">\n      <span class=\"color-label\">Secondary<\/span>\n      <div class=\"color-box dark-text\" style=\"background: #FFD800;\" onclick=\"copyColor(this, '#FFD800')\">\n        <span class=\"hex-tag\">#FFD800<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  function copyColor(element, colorCode) {\n    navigator.clipboard.writeText(colorCode).then(function () {\n      const oldToast = element.querySelector('.copy-toast');\n      if (oldToast) oldToast.remove();\n      const toast = document.createElement('div');\n      toast.className = 'copy-toast';\n      toast.innerText = 'Copied';\n      element.appendChild(toast);\n      setTimeout(() => { if (toast.parentNode === element) toast.remove(); }, 800);\n    });\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-58c2d7c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"58c2d7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1752edb e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"1752edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f06ff6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0f06ff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6825fd elementor-widget elementor-widget-cab_heading_pro\" data-id=\"d6825fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_heading_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<style>\n\t\t\t{{WRAPPER}} .cab-hpro-container { \n\t\t\t\twidth: 100%; display: flex; flex-direction: column; \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif;\n\t\t\t\t--m-str-w: 0px; --m-str-c: rgba(255,255,255,0);\n\t\t\t\t--s-str-w: 0px; --s-str-c: rgba(255,255,255,0);\n\t\t\t\t\n\t\t\t\t--sw-w: 64px; --sw-h: 32px; --sw-handle-s: 26px;\n\t\t\t\t--track-bg-1: #fde3a7; --handle-bg-1: #f1c40f; --icon-c-1: #ffffff;\n\t\t\t\t--track-bg-2: #0d2c40; --handle-bg-2: #3498db; --icon-c-2: #ffffff;\n\t\t\t}\n\t\t\t\n\t\t\t\/* \ud83d\udd25 V8.18 \u0e1b\u0e23\u0e32\u0e1a Apple Safari (\u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48 \"\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\" !important \u0e04\u0e23\u0e31\u0e1a\u0e19\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e01\u0e31\u0e1a System CSS \u0e02\u0e2d\u0e07 iOS) *\/\n\t\t\t{{WRAPPER}} .cab-hpro-container a[href^=\"tel\"] {\n\t\t\t\tcolor: inherit !important;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tfont-family: inherit !important;\n\t\t\t\tfont-weight: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t\tcursor: default !important;\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-master-row { display: flex; flex-direction: row; width: 100%; gap: var(--side-gap, 20px); align-items: center; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-master-row { justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-master-row { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-master-row { justify-content: flex-end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-side-media { \n\t\t\t\torder: var(--sm-order, -1); \n\t\t\t\tdisplay: flex; \n\t\t\t\tflex: 0 0 var(--side-s, 120px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t\talign-items: center; \n\t\t\t\tjustify-content: center; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon { width: var(--side-s, 120px); height: var(--side-s, 120px); font-size: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon svg, {{WRAPPER}} .cab-hpro-side-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-side-img-wrap { width: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-wrap { \n\t\t\t\tdisplay: flex; flex-direction: column; position: relative; \n\t\t\t\twidth: fit-content; max-width: 100%; \n\t\t\t\tflex-shrink: 1; min-width: 0; \n\t\t\t\ttext-decoration: none; outline: none; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-wrap:hover, {{WRAPPER}} .cab-hpro-wrap:focus { text-decoration: none; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text-group-wrap { display: flex; flex-direction: column; gap: var(--tt-gap, 5px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-text-group-wrap { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-text-group-wrap { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-text-group-wrap { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-cluster { display: flex; gap: var(--tt-gap, 3px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-heading-cluster { align-items: flex-start; justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-heading-cluster { align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-heading-cluster { align-items: flex-end; justify-content: flex-end; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-main-row { order: 2; }\n\t\t\t{{WRAPPER}} .cab-hpro-sub-row { order: var(--sub-ord, -1); }\n\n\t\t\t{{WRAPPER}} .cab-pane { display: none; flex-direction: column; width: 100%; animation: cabPaneFade 0.4s ease forwards; }\n\t\t\t{{WRAPPER}} .cab-pane.active { display: flex; }\n\t\t\t@keyframes cabPaneFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-row { display: flex; flex-direction: row; width: fit-content; max-width: 100%; align-items: center; min-width: 0; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper { display: grid; grid-template-areas: \"heading\"; position: relative; width: fit-content; max-width: 100%; min-width: 0; align-items: start; }\n            \n{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-title-wrapper { justify-items: start; }\n{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-title-wrapper { justify-items: center; }\n{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-title-wrapper { justify-items: end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text { grid-area: heading; margin: 0; padding: 0; min-width: 0; overflow-wrap: break-word; word-break: break-word; }\n}\n\n\t\t\t{{WRAPPER}} .cab-hpro-main .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--m-str-w) * 2) var(--m-str-c); -webkit-text-fill-color: var(--m-str-c); color: var(--m-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--m-str-w)*1) 0 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*1) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-1) 0 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*-1) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-sub .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--s-str-w) * 2) var(--s-str-c); -webkit-text-fill-color: var(--s-str-c); color: var(--s-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--s-str-w)*1) 0 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*1) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-1) 0 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*-1) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper .cab-fill { z-index: 2; position: relative; }\n\t\t\t{{WRAPPER}} .cab-hpro-underline { display: block; flex-shrink: 0; }\n\n\t\t\t{{WRAPPER}} .cab-main-row .cab-hpro-media { \n\t\t\t\twidth: var(--m-size, 40px); height: var(--m-size, 40px); font-size: var(--m-size, 40px); \n\t\t\t\tflex: 0 0 var(--m-size, 40px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-sub-row .cab-hpro-media { \n\t\t\t\twidth: var(--s-size, 30px); height: var(--s-size, 30px); font-size: var(--s-size, 30px); \n\t\t\t\tflex: 0 0 var(--s-size, 30px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-media { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-icon svg, {{WRAPPER}} .cab-hpro-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-img { width: 100%; height: auto; display: block; object-fit: cover; }\n\n\t\t\t{{WRAPPER}} .cab-quote-mark { position: absolute; pointer-events: none; z-index: 0; font-family: \"Font Awesome 5 Free\"; font-weight: 900; width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; line-height: 1; margin: 0; padding: 0; }\n\t\t\t{{WRAPPER}} .cab-quote-top { top: 0; left: 0; transform: translate( calc(-50% - var(--q-tl-x, 0px)), calc(-50% - var(--q-tl-y, 0px)) ); } \n\t\t\t{{WRAPPER}} .cab-quote-top::before { content: \"\\f10d\"; } \n\t\t\t{{WRAPPER}} .cab-quote-bottom { bottom: 0; right: 0; transform: translate( calc(50% + var(--q-br-x, 0px)), calc(50% + var(--q-br-y, 0px)) ) rotate(180deg); } \n\t\t\t{{WRAPPER}} .cab-quote-bottom::before { content: \"\\f10d\"; } \n\n\t\t\t{{WRAPPER}} .cab-toggle-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-toggle-wrapper { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-toggle-wrapper { justify-content: flex-end; }\n\t\t\t{{WRAPPER}} .cab-toggle-label { cursor: pointer; font-weight: 600; line-height: 1.2; user-select: none; transition: 0.3s; opacity: 0.5; }\n\t\t\t{{WRAPPER}} .cab-toggle-label.active { opacity: 1; }\n\n\t\t\t{{WRAPPER}} .cab-switch-track { width: var(--sw-w); height: var(--sw-h); background-color: var(--track-bg-1); border-radius: 50px; position: relative; cursor: pointer; transition: background-color 0.4s ease; flex-shrink: 0; }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec { background-color: var(--track-bg-2); }\n\t\t\t{{WRAPPER}} .cab-switch-handle { width: var(--sw-handle-s); height: var(--sw-handle-s); background-color: var(--handle-bg-1); color: var(--icon-c-1); border-radius: 50%; position: absolute; top: 50%; left: calc((var(--sw-h) - var(--sw-handle-s)) \/ 2); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-switch-handle { left: calc(100% - var(--sw-handle-s) - ((var(--sw-h) - var(--sw-handle-s)) \/ 2)); background-color: var(--handle-bg-2); color: var(--icon-c-2); }\n\t\t\t{{WRAPPER}} .cab-sw-icon { position: absolute; transition: 0.4s; display: flex; align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-sw-icon svg, {{WRAPPER}} .cab-sw-icon i { width: 1em; height: 1em; display: block; fill: currentColor; }\n\t\t\t{{WRAPPER}} .cab-sw-icon-1 { opacity: 1; transform: scale(1) rotate(0deg); }\n\t\t\t{{WRAPPER}} .cab-sw-icon-2 { opacity: 0; transform: scale(0.5) rotate(-90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-1 { opacity: 0; transform: scale(0.5) rotate(90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-2 { opacity: 1; transform: scale(1) rotate(0deg); }\n\n\t\t\t@keyframes cab-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-12deg); } 50% { transform: rotate(12deg); } 75% { transform: rotate(-12deg); } }\n\t\t\t{{WRAPPER}} .is-dugdik { animation: cab-wiggle 1.5s infinite ease-in-out; transform-origin: center center; }\n\n\t\t\t{{WRAPPER}} .cab-anim-fade-in { animation: cabEntFade 0.8s ease forwards; opacity: 0; }\n\t\t\t{{WRAPPER}} .cab-anim-slide-up { animation: cabEntSlideUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateY(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-left { animation: cabEntSlideLeft 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-right { animation: cabEntSlideRight 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(-30px); }\n\t\t\t{{WRAPPER}} .cab-anim-zoom-in { animation: cabEntZoom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: scale(0.8); }\n\n\t\t\t@keyframes cabEntFade { to { opacity: 1; } }\n\t\t\t@keyframes cabEntSlideUp { to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes cabEntSlideLeft { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntSlideRight { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntZoom { to { opacity: 1; transform: scale(1); } }\n\t\t\t<\/style>\n\n\t\t\t<div id=\"cab-hpro-d6825fd\" class=\"cab-hpro-container align-center\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"cab-hpro-master-row\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"cab-hpro-wrap\" >\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"cab-pane cab-pane-primary active\"><div class=\"cab-hpro-text-group-wrap\"><div class=\"cab-hpro-heading-cluster\"><div class=\"cab-hpro-heading-row cab-main-row cab-hpro-main-row\"><div class=\"cab-hpro-title-wrapper cab-hpro-main\"><h2 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23\"<br \/>\n(CAB official logo)<\/h2><h2 class=\"cab-hpro-text cab-fill\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23\"<br \/>\n(CAB official logo)<\/h2><\/div><\/div><div class=\"cab-hpro-heading-row cab-sub-row cab-hpro-sub-row\"><div class=\"cab-hpro-title-wrapper cab-hpro-sub\"><h3 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard)<\/h3><h3 class=\"cab-hpro-text cab-fill\">\u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard)<\/h3><\/div><\/div><\/div><div class=\"cab-hpro-underline\"><\/div><\/div><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b81c3f0 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"b81c3f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62788e3 elementor-widget elementor-widget-cab_heading_pro\" data-id=\"62788e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_heading_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<style>\n\t\t\t{{WRAPPER}} .cab-hpro-container { \n\t\t\t\twidth: 100%; display: flex; flex-direction: column; \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif;\n\t\t\t\t--m-str-w: 0px; --m-str-c: rgba(255,255,255,0);\n\t\t\t\t--s-str-w: 0px; --s-str-c: rgba(255,255,255,0);\n\t\t\t\t\n\t\t\t\t--sw-w: 64px; --sw-h: 32px; --sw-handle-s: 26px;\n\t\t\t\t--track-bg-1: #fde3a7; --handle-bg-1: #f1c40f; --icon-c-1: #ffffff;\n\t\t\t\t--track-bg-2: #0d2c40; --handle-bg-2: #3498db; --icon-c-2: #ffffff;\n\t\t\t}\n\t\t\t\n\t\t\t\/* \ud83d\udd25 V8.18 \u0e1b\u0e23\u0e32\u0e1a Apple Safari (\u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48 \"\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\" !important \u0e04\u0e23\u0e31\u0e1a\u0e19\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e01\u0e31\u0e1a System CSS \u0e02\u0e2d\u0e07 iOS) *\/\n\t\t\t{{WRAPPER}} .cab-hpro-container a[href^=\"tel\"] {\n\t\t\t\tcolor: inherit !important;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tfont-family: inherit !important;\n\t\t\t\tfont-weight: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t\tcursor: default !important;\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-master-row { display: flex; flex-direction: row; width: 100%; gap: var(--side-gap, 20px); align-items: center; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-master-row { justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-master-row { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-master-row { justify-content: flex-end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-side-media { \n\t\t\t\torder: var(--sm-order, -1); \n\t\t\t\tdisplay: flex; \n\t\t\t\tflex: 0 0 var(--side-s, 120px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t\talign-items: center; \n\t\t\t\tjustify-content: center; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon { width: var(--side-s, 120px); height: var(--side-s, 120px); font-size: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon svg, {{WRAPPER}} .cab-hpro-side-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-side-img-wrap { width: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-wrap { \n\t\t\t\tdisplay: flex; flex-direction: column; position: relative; \n\t\t\t\twidth: fit-content; max-width: 100%; \n\t\t\t\tflex-shrink: 1; min-width: 0; \n\t\t\t\ttext-decoration: none; outline: none; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-wrap:hover, {{WRAPPER}} .cab-hpro-wrap:focus { text-decoration: none; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text-group-wrap { display: flex; flex-direction: column; gap: var(--tt-gap, 5px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-text-group-wrap { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-text-group-wrap { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-text-group-wrap { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-cluster { display: flex; gap: var(--tt-gap, 3px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-heading-cluster { align-items: flex-start; justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-heading-cluster { align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-heading-cluster { align-items: flex-end; justify-content: flex-end; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-main-row { order: 2; }\n\t\t\t{{WRAPPER}} .cab-hpro-sub-row { order: var(--sub-ord, -1); }\n\n\t\t\t{{WRAPPER}} .cab-pane { display: none; flex-direction: column; width: 100%; animation: cabPaneFade 0.4s ease forwards; }\n\t\t\t{{WRAPPER}} .cab-pane.active { display: flex; }\n\t\t\t@keyframes cabPaneFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-row { display: flex; flex-direction: row; width: fit-content; max-width: 100%; align-items: center; min-width: 0; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper { display: grid; grid-template-areas: \"heading\"; position: relative; width: fit-content; max-width: 100%; min-width: 0; align-items: start; }\n            \n{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-title-wrapper { justify-items: start; }\n{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-title-wrapper { justify-items: center; }\n{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-title-wrapper { justify-items: end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text { grid-area: heading; margin: 0; padding: 0; min-width: 0; overflow-wrap: break-word; word-break: break-word; }\n}\n\n\t\t\t{{WRAPPER}} .cab-hpro-main .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--m-str-w) * 2) var(--m-str-c); -webkit-text-fill-color: var(--m-str-c); color: var(--m-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--m-str-w)*1) 0 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*1) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-1) 0 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*-1) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-sub .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--s-str-w) * 2) var(--s-str-c); -webkit-text-fill-color: var(--s-str-c); color: var(--s-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--s-str-w)*1) 0 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*1) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-1) 0 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*-1) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper .cab-fill { z-index: 2; position: relative; }\n\t\t\t{{WRAPPER}} .cab-hpro-underline { display: block; flex-shrink: 0; }\n\n\t\t\t{{WRAPPER}} .cab-main-row .cab-hpro-media { \n\t\t\t\twidth: var(--m-size, 40px); height: var(--m-size, 40px); font-size: var(--m-size, 40px); \n\t\t\t\tflex: 0 0 var(--m-size, 40px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-sub-row .cab-hpro-media { \n\t\t\t\twidth: var(--s-size, 30px); height: var(--s-size, 30px); font-size: var(--s-size, 30px); \n\t\t\t\tflex: 0 0 var(--s-size, 30px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-media { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-icon svg, {{WRAPPER}} .cab-hpro-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-img { width: 100%; height: auto; display: block; object-fit: cover; }\n\n\t\t\t{{WRAPPER}} .cab-quote-mark { position: absolute; pointer-events: none; z-index: 0; font-family: \"Font Awesome 5 Free\"; font-weight: 900; width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; line-height: 1; margin: 0; padding: 0; }\n\t\t\t{{WRAPPER}} .cab-quote-top { top: 0; left: 0; transform: translate( calc(-50% - var(--q-tl-x, 0px)), calc(-50% - var(--q-tl-y, 0px)) ); } \n\t\t\t{{WRAPPER}} .cab-quote-top::before { content: \"\\f10d\"; } \n\t\t\t{{WRAPPER}} .cab-quote-bottom { bottom: 0; right: 0; transform: translate( calc(50% + var(--q-br-x, 0px)), calc(50% + var(--q-br-y, 0px)) ) rotate(180deg); } \n\t\t\t{{WRAPPER}} .cab-quote-bottom::before { content: \"\\f10d\"; } \n\n\t\t\t{{WRAPPER}} .cab-toggle-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-toggle-wrapper { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-toggle-wrapper { justify-content: flex-end; }\n\t\t\t{{WRAPPER}} .cab-toggle-label { cursor: pointer; font-weight: 600; line-height: 1.2; user-select: none; transition: 0.3s; opacity: 0.5; }\n\t\t\t{{WRAPPER}} .cab-toggle-label.active { opacity: 1; }\n\n\t\t\t{{WRAPPER}} .cab-switch-track { width: var(--sw-w); height: var(--sw-h); background-color: var(--track-bg-1); border-radius: 50px; position: relative; cursor: pointer; transition: background-color 0.4s ease; flex-shrink: 0; }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec { background-color: var(--track-bg-2); }\n\t\t\t{{WRAPPER}} .cab-switch-handle { width: var(--sw-handle-s); height: var(--sw-handle-s); background-color: var(--handle-bg-1); color: var(--icon-c-1); border-radius: 50%; position: absolute; top: 50%; left: calc((var(--sw-h) - var(--sw-handle-s)) \/ 2); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-switch-handle { left: calc(100% - var(--sw-handle-s) - ((var(--sw-h) - var(--sw-handle-s)) \/ 2)); background-color: var(--handle-bg-2); color: var(--icon-c-2); }\n\t\t\t{{WRAPPER}} .cab-sw-icon { position: absolute; transition: 0.4s; display: flex; align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-sw-icon svg, {{WRAPPER}} .cab-sw-icon i { width: 1em; height: 1em; display: block; fill: currentColor; }\n\t\t\t{{WRAPPER}} .cab-sw-icon-1 { opacity: 1; transform: scale(1) rotate(0deg); }\n\t\t\t{{WRAPPER}} .cab-sw-icon-2 { opacity: 0; transform: scale(0.5) rotate(-90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-1 { opacity: 0; transform: scale(0.5) rotate(90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-2 { opacity: 1; transform: scale(1) rotate(0deg); }\n\n\t\t\t@keyframes cab-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-12deg); } 50% { transform: rotate(12deg); } 75% { transform: rotate(-12deg); } }\n\t\t\t{{WRAPPER}} .is-dugdik { animation: cab-wiggle 1.5s infinite ease-in-out; transform-origin: center center; }\n\n\t\t\t{{WRAPPER}} .cab-anim-fade-in { animation: cabEntFade 0.8s ease forwards; opacity: 0; }\n\t\t\t{{WRAPPER}} .cab-anim-slide-up { animation: cabEntSlideUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateY(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-left { animation: cabEntSlideLeft 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-right { animation: cabEntSlideRight 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(-30px); }\n\t\t\t{{WRAPPER}} .cab-anim-zoom-in { animation: cabEntZoom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: scale(0.8); }\n\n\t\t\t@keyframes cabEntFade { to { opacity: 1; } }\n\t\t\t@keyframes cabEntSlideUp { to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes cabEntSlideLeft { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntSlideRight { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntZoom { to { opacity: 1; transform: scale(1); } }\n\t\t\t<\/style>\n\n\t\t\t<div id=\"cab-hpro-62788e3\" class=\"cab-hpro-container align-flex-start\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"cab-hpro-master-row\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"cab-hpro-wrap\" >\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"cab-pane cab-pane-primary active\"><div class=\"cab-hpro-text-group-wrap\"><div class=\"cab-hpro-heading-cluster\"><div class=\"cab-hpro-heading-row cab-main-row cab-hpro-main-row\"><div class=\"cab-hpro-media cab-hpro-icon is-dugdik\"><i aria-hidden=\"true\" class=\"ion ion-logo-codepen\"><\/i><\/div><div class=\"cab-hpro-title-wrapper cab-hpro-main\"><h2 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23<\/h2><h2 class=\"cab-hpro-text cab-fill\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23<\/h2><\/div><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d26af6f e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"d26af6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1404b2b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"1404b2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3016de2 elementor-widget elementor-widget-cab_smart_image\" data-id=\"3016de2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  is-smart-fit\">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"1024\" height=\"330\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x-1024x330.png\" class=\"attachment-large size-large wp-image-7728\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x-1024x330.png 1024w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x-300x97.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x-768x247.png 768w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x.png 1448w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-938c211 elementor-widget elementor-widget-cra_button_pro\" data-id=\"938c211\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-938c211 { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-938c211 .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-938c211 .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-938c211 .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-938c211 .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-938c211 div.cra-btn { cursor: default; }\n            .cra-btn-group-938c211 button.cra-btn, .cra-btn-group-938c211 a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-938c211 .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-938c211 .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-938c211 .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-938c211 .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-938c211 .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-938c211 .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-938c211 .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-938c211 .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-938c211 .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-938c211 .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-938c211 .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-938c211 .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-938c211 .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-938c211 cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x.png\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"ion ion-md-photos\"><\/i><\/span><span class=\"cra-btn-text\">PNG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/CAB-LOGO-Full-TH.svg\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-svg\"><\/i><\/span><span class=\"cra-btn-text\">SVG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e0353af e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e0353af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25c725c elementor-widget elementor-widget-cab_smart_image\" data-id=\"25c725c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  is-smart-fit\">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"1024\" height=\"241\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-3@4x-1024x241.png\" class=\"attachment-large size-large wp-image-7729\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-3@4x-1024x241.png 1024w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-3@4x-300x71.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-3@4x-768x181.png 768w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-3@4x.png 2007w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2598cfb elementor-widget elementor-widget-cra_button_pro\" data-id=\"2598cfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-2598cfb { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-2598cfb .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-2598cfb .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-2598cfb .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-2598cfb .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-2598cfb div.cra-btn { cursor: default; }\n            .cra-btn-group-2598cfb button.cra-btn, .cra-btn-group-2598cfb a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-2598cfb .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-2598cfb .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-2598cfb .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-2598cfb .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-2598cfb .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-2598cfb .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-2598cfb .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-2598cfb .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-2598cfb .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-2598cfb .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-2598cfb .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-2598cfb .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-2598cfb .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-2598cfb cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-1@4x.png\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"ion ion-md-photos\"><\/i><\/span><span class=\"cra-btn-text\">PNG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/CAB-LOGO-Full-Eng.svg\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-svg\"><\/i><\/span><span class=\"cra-btn-text\">SVG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd8ab3 elementor-widget elementor-widget-cab_heading_pro\" data-id=\"4bd8ab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_heading_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<style>\n\t\t\t{{WRAPPER}} .cab-hpro-container { \n\t\t\t\twidth: 100%; display: flex; flex-direction: column; \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif;\n\t\t\t\t--m-str-w: 0px; --m-str-c: rgba(255,255,255,0);\n\t\t\t\t--s-str-w: 0px; --s-str-c: rgba(255,255,255,0);\n\t\t\t\t\n\t\t\t\t--sw-w: 64px; --sw-h: 32px; --sw-handle-s: 26px;\n\t\t\t\t--track-bg-1: #fde3a7; --handle-bg-1: #f1c40f; --icon-c-1: #ffffff;\n\t\t\t\t--track-bg-2: #0d2c40; --handle-bg-2: #3498db; --icon-c-2: #ffffff;\n\t\t\t}\n\t\t\t\n\t\t\t\/* \ud83d\udd25 V8.18 \u0e1b\u0e23\u0e32\u0e1a Apple Safari (\u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48 \"\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\" !important \u0e04\u0e23\u0e31\u0e1a\u0e19\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e01\u0e31\u0e1a System CSS \u0e02\u0e2d\u0e07 iOS) *\/\n\t\t\t{{WRAPPER}} .cab-hpro-container a[href^=\"tel\"] {\n\t\t\t\tcolor: inherit !important;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tfont-family: inherit !important;\n\t\t\t\tfont-weight: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t\tcursor: default !important;\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-master-row { display: flex; flex-direction: row; width: 100%; gap: var(--side-gap, 20px); align-items: center; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-master-row { justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-master-row { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-master-row { justify-content: flex-end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-side-media { \n\t\t\t\torder: var(--sm-order, -1); \n\t\t\t\tdisplay: flex; \n\t\t\t\tflex: 0 0 var(--side-s, 120px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t\talign-items: center; \n\t\t\t\tjustify-content: center; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon { width: var(--side-s, 120px); height: var(--side-s, 120px); font-size: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon svg, {{WRAPPER}} .cab-hpro-side-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-side-img-wrap { width: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-wrap { \n\t\t\t\tdisplay: flex; flex-direction: column; position: relative; \n\t\t\t\twidth: fit-content; max-width: 100%; \n\t\t\t\tflex-shrink: 1; min-width: 0; \n\t\t\t\ttext-decoration: none; outline: none; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-wrap:hover, {{WRAPPER}} .cab-hpro-wrap:focus { text-decoration: none; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text-group-wrap { display: flex; flex-direction: column; gap: var(--tt-gap, 5px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-text-group-wrap { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-text-group-wrap { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-text-group-wrap { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-cluster { display: flex; gap: var(--tt-gap, 3px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-heading-cluster { align-items: flex-start; justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-heading-cluster { align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-heading-cluster { align-items: flex-end; justify-content: flex-end; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-main-row { order: 2; }\n\t\t\t{{WRAPPER}} .cab-hpro-sub-row { order: var(--sub-ord, -1); }\n\n\t\t\t{{WRAPPER}} .cab-pane { display: none; flex-direction: column; width: 100%; animation: cabPaneFade 0.4s ease forwards; }\n\t\t\t{{WRAPPER}} .cab-pane.active { display: flex; }\n\t\t\t@keyframes cabPaneFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-row { display: flex; flex-direction: row; width: fit-content; max-width: 100%; align-items: center; min-width: 0; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper { display: grid; grid-template-areas: \"heading\"; position: relative; width: fit-content; max-width: 100%; min-width: 0; align-items: start; }\n            \n{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-title-wrapper { justify-items: start; }\n{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-title-wrapper { justify-items: center; }\n{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-title-wrapper { justify-items: end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text { grid-area: heading; margin: 0; padding: 0; min-width: 0; overflow-wrap: break-word; word-break: break-word; }\n}\n\n\t\t\t{{WRAPPER}} .cab-hpro-main .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--m-str-w) * 2) var(--m-str-c); -webkit-text-fill-color: var(--m-str-c); color: var(--m-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--m-str-w)*1) 0 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*1) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-1) 0 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*-1) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-sub .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--s-str-w) * 2) var(--s-str-c); -webkit-text-fill-color: var(--s-str-c); color: var(--s-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--s-str-w)*1) 0 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*1) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-1) 0 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*-1) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper .cab-fill { z-index: 2; position: relative; }\n\t\t\t{{WRAPPER}} .cab-hpro-underline { display: block; flex-shrink: 0; }\n\n\t\t\t{{WRAPPER}} .cab-main-row .cab-hpro-media { \n\t\t\t\twidth: var(--m-size, 40px); height: var(--m-size, 40px); font-size: var(--m-size, 40px); \n\t\t\t\tflex: 0 0 var(--m-size, 40px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-sub-row .cab-hpro-media { \n\t\t\t\twidth: var(--s-size, 30px); height: var(--s-size, 30px); font-size: var(--s-size, 30px); \n\t\t\t\tflex: 0 0 var(--s-size, 30px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-media { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-icon svg, {{WRAPPER}} .cab-hpro-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-img { width: 100%; height: auto; display: block; object-fit: cover; }\n\n\t\t\t{{WRAPPER}} .cab-quote-mark { position: absolute; pointer-events: none; z-index: 0; font-family: \"Font Awesome 5 Free\"; font-weight: 900; width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; line-height: 1; margin: 0; padding: 0; }\n\t\t\t{{WRAPPER}} .cab-quote-top { top: 0; left: 0; transform: translate( calc(-50% - var(--q-tl-x, 0px)), calc(-50% - var(--q-tl-y, 0px)) ); } \n\t\t\t{{WRAPPER}} .cab-quote-top::before { content: \"\\f10d\"; } \n\t\t\t{{WRAPPER}} .cab-quote-bottom { bottom: 0; right: 0; transform: translate( calc(50% + var(--q-br-x, 0px)), calc(50% + var(--q-br-y, 0px)) ) rotate(180deg); } \n\t\t\t{{WRAPPER}} .cab-quote-bottom::before { content: \"\\f10d\"; } \n\n\t\t\t{{WRAPPER}} .cab-toggle-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-toggle-wrapper { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-toggle-wrapper { justify-content: flex-end; }\n\t\t\t{{WRAPPER}} .cab-toggle-label { cursor: pointer; font-weight: 600; line-height: 1.2; user-select: none; transition: 0.3s; opacity: 0.5; }\n\t\t\t{{WRAPPER}} .cab-toggle-label.active { opacity: 1; }\n\n\t\t\t{{WRAPPER}} .cab-switch-track { width: var(--sw-w); height: var(--sw-h); background-color: var(--track-bg-1); border-radius: 50px; position: relative; cursor: pointer; transition: background-color 0.4s ease; flex-shrink: 0; }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec { background-color: var(--track-bg-2); }\n\t\t\t{{WRAPPER}} .cab-switch-handle { width: var(--sw-handle-s); height: var(--sw-handle-s); background-color: var(--handle-bg-1); color: var(--icon-c-1); border-radius: 50%; position: absolute; top: 50%; left: calc((var(--sw-h) - var(--sw-handle-s)) \/ 2); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-switch-handle { left: calc(100% - var(--sw-handle-s) - ((var(--sw-h) - var(--sw-handle-s)) \/ 2)); background-color: var(--handle-bg-2); color: var(--icon-c-2); }\n\t\t\t{{WRAPPER}} .cab-sw-icon { position: absolute; transition: 0.4s; display: flex; align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-sw-icon svg, {{WRAPPER}} .cab-sw-icon i { width: 1em; height: 1em; display: block; fill: currentColor; }\n\t\t\t{{WRAPPER}} .cab-sw-icon-1 { opacity: 1; transform: scale(1) rotate(0deg); }\n\t\t\t{{WRAPPER}} .cab-sw-icon-2 { opacity: 0; transform: scale(0.5) rotate(-90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-1 { opacity: 0; transform: scale(0.5) rotate(90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-2 { opacity: 1; transform: scale(1) rotate(0deg); }\n\n\t\t\t@keyframes cab-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-12deg); } 50% { transform: rotate(12deg); } 75% { transform: rotate(-12deg); } }\n\t\t\t{{WRAPPER}} .is-dugdik { animation: cab-wiggle 1.5s infinite ease-in-out; transform-origin: center center; }\n\n\t\t\t{{WRAPPER}} .cab-anim-fade-in { animation: cabEntFade 0.8s ease forwards; opacity: 0; }\n\t\t\t{{WRAPPER}} .cab-anim-slide-up { animation: cabEntSlideUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateY(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-left { animation: cabEntSlideLeft 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-right { animation: cabEntSlideRight 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(-30px); }\n\t\t\t{{WRAPPER}} .cab-anim-zoom-in { animation: cabEntZoom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: scale(0.8); }\n\n\t\t\t@keyframes cabEntFade { to { opacity: 1; } }\n\t\t\t@keyframes cabEntSlideUp { to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes cabEntSlideLeft { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntSlideRight { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntZoom { to { opacity: 1; transform: scale(1); } }\n\t\t\t<\/style>\n\n\t\t\t<div id=\"cab-hpro-4bd8ab3\" class=\"cab-hpro-container align-flex-start\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"cab-hpro-master-row\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"cab-hpro-wrap\" >\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"cab-pane cab-pane-primary active\"><div class=\"cab-hpro-text-group-wrap\"><div class=\"cab-hpro-heading-cluster\"><div class=\"cab-hpro-heading-row cab-main-row cab-hpro-main-row\"><div class=\"cab-hpro-media cab-hpro-icon is-dugdik\"><i aria-hidden=\"true\" class=\"ion ion-logo-codepen\"><\/i><\/div><div class=\"cab-hpro-title-wrapper cab-hpro-main\"><h2 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23<\/h2><h2 class=\"cab-hpro-text cab-fill\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23<\/h2><\/div><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-52e4bce e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"52e4bce\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4c0b6a8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4c0b6a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6e7353 elementor-widget elementor-widget-cab_smart_image\" data-id=\"d6e7353\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  is-smart-fit\">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"1024\" height=\"200\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-4@4x-1024x200.png\" class=\"attachment-large size-large wp-image-7730\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-4@4x-1024x200.png 1024w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-4@4x-300x59.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-4@4x-768x150.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29d9e33 elementor-widget elementor-widget-cra_button_pro\" data-id=\"29d9e33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-29d9e33 { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-29d9e33 .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-29d9e33 .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-29d9e33 .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-29d9e33 .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-29d9e33 div.cra-btn { cursor: default; }\n            .cra-btn-group-29d9e33 button.cra-btn, .cra-btn-group-29d9e33 a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-29d9e33 .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-29d9e33 .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-29d9e33 .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-29d9e33 .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-29d9e33 .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-29d9e33 .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-29d9e33 .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-29d9e33 .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-29d9e33 .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-29d9e33 .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-29d9e33 .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-29d9e33 .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-29d9e33 .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-29d9e33 cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-4@4x.png\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"ion ion-md-photos\"><\/i><\/span><span class=\"cra-btn-text\">PNG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/CAB-LOGO-TH.svg\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-svg\"><\/i><\/span><span class=\"cra-btn-text\">SVG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-58a4941 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"58a4941\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72bfcdd elementor-widget elementor-widget-cab_smart_image\" data-id=\"72bfcdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  is-smart-fit\">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"1024\" height=\"204\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-5@4x-1024x204.png\" class=\"attachment-large size-large wp-image-7731\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-5@4x-1024x204.png 1024w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-5@4x-300x60.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-5@4x-768x153.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17d21df elementor-widget elementor-widget-cra_button_pro\" data-id=\"17d21df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-17d21df { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-17d21df .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-17d21df .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-17d21df .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-17d21df .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-17d21df div.cra-btn { cursor: default; }\n            .cra-btn-group-17d21df button.cra-btn, .cra-btn-group-17d21df a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-17d21df .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-17d21df .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-17d21df .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-17d21df .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-17d21df .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-17d21df .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-17d21df .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-17d21df .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-17d21df .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-17d21df .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-17d21df .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-17d21df .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-17d21df .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-17d21df cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset-5@4x.png\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"ion ion-md-photos\"><\/i><\/span><span class=\"cra-btn-text\">PNG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/CAB-LOGO-Eng.svg\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-svg\"><\/i><\/span><span class=\"cra-btn-text\">SVG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40dbc33 elementor-widget elementor-widget-cab_heading_pro\" data-id=\"40dbc33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_heading_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<style>\n\t\t\t{{WRAPPER}} .cab-hpro-container { \n\t\t\t\twidth: 100%; display: flex; flex-direction: column; \n\t\t\t\tfont-family: 'Noto Sans Thai', sans-serif;\n\t\t\t\t--m-str-w: 0px; --m-str-c: rgba(255,255,255,0);\n\t\t\t\t--s-str-w: 0px; --s-str-c: rgba(255,255,255,0);\n\t\t\t\t\n\t\t\t\t--sw-w: 64px; --sw-h: 32px; --sw-handle-s: 26px;\n\t\t\t\t--track-bg-1: #fde3a7; --handle-bg-1: #f1c40f; --icon-c-1: #ffffff;\n\t\t\t\t--track-bg-2: #0d2c40; --handle-bg-2: #3498db; --icon-c-2: #ffffff;\n\t\t\t}\n\t\t\t\n\t\t\t\/* \ud83d\udd25 V8.18 \u0e1b\u0e23\u0e32\u0e1a Apple Safari (\u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48 \"\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\" !important \u0e04\u0e23\u0e31\u0e1a\u0e19\u0e32\u0e22 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e39\u0e49\u0e01\u0e31\u0e1a System CSS \u0e02\u0e2d\u0e07 iOS) *\/\n\t\t\t{{WRAPPER}} .cab-hpro-container a[href^=\"tel\"] {\n\t\t\t\tcolor: inherit !important;\n\t\t\t\ttext-decoration: none !important;\n\t\t\t\tfont-size: inherit !important;\n\t\t\t\tfont-family: inherit !important;\n\t\t\t\tfont-weight: inherit !important;\n\t\t\t\tline-height: inherit !important;\n\t\t\t\tpointer-events: none !important;\n\t\t\t\tcursor: default !important;\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-master-row { display: flex; flex-direction: row; width: 100%; gap: var(--side-gap, 20px); align-items: center; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-master-row { justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-master-row { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-master-row { justify-content: flex-end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-side-media { \n\t\t\t\torder: var(--sm-order, -1); \n\t\t\t\tdisplay: flex; \n\t\t\t\tflex: 0 0 var(--side-s, 120px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t\talign-items: center; \n\t\t\t\tjustify-content: center; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon { width: var(--side-s, 120px); height: var(--side-s, 120px); font-size: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-side-icon svg, {{WRAPPER}} .cab-hpro-side-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-side-img-wrap { width: var(--side-s, 120px); display: flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-wrap { \n\t\t\t\tdisplay: flex; flex-direction: column; position: relative; \n\t\t\t\twidth: fit-content; max-width: 100%; \n\t\t\t\tflex-shrink: 1; min-width: 0; \n\t\t\t\ttext-decoration: none; outline: none; \n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-hpro-wrap:hover, {{WRAPPER}} .cab-hpro-wrap:focus { text-decoration: none; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text-group-wrap { display: flex; flex-direction: column; gap: var(--tt-gap, 5px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-text-group-wrap { align-items: flex-start; text-align: left; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-text-group-wrap { align-items: center; text-align: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-text-group-wrap { align-items: flex-end; text-align: right; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-cluster { display: flex; gap: var(--tt-gap, 3px); width: 100%; min-width: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-heading-cluster { align-items: flex-start; justify-content: flex-start; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-heading-cluster { align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-heading-cluster { align-items: flex-end; justify-content: flex-end; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-main-row { order: 2; }\n\t\t\t{{WRAPPER}} .cab-hpro-sub-row { order: var(--sub-ord, -1); }\n\n\t\t\t{{WRAPPER}} .cab-pane { display: none; flex-direction: column; width: 100%; animation: cabPaneFade 0.4s ease forwards; }\n\t\t\t{{WRAPPER}} .cab-pane.active { display: flex; }\n\t\t\t@keyframes cabPaneFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }\n\n\t\t\t{{WRAPPER}} .cab-hpro-heading-row { display: flex; flex-direction: row; width: fit-content; max-width: 100%; align-items: center; min-width: 0; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper { display: grid; grid-template-areas: \"heading\"; position: relative; width: fit-content; max-width: 100%; min-width: 0; align-items: start; }\n            \n{{WRAPPER}} .cab-hpro-container.align-flex-start .cab-hpro-title-wrapper { justify-items: start; }\n{{WRAPPER}} .cab-hpro-container.align-center .cab-hpro-title-wrapper { justify-items: center; }\n{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-hpro-title-wrapper { justify-items: end; }\n\n\t\t\t{{WRAPPER}} .cab-hpro-text { grid-area: heading; margin: 0; padding: 0; min-width: 0; overflow-wrap: break-word; word-break: break-word; }\n}\n\n\t\t\t{{WRAPPER}} .cab-hpro-main .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--m-str-w) * 2) var(--m-str-c); -webkit-text-fill-color: var(--m-str-c); color: var(--m-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--m-str-w)*1) 0 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*1) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-1) 0 0 var(--m-str-c), calc(var(--m-str-w)*-0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*-0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*-0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\t0 calc(var(--m-str-w)*-1) 0 var(--m-str-c), calc(var(--m-str-w)*0.3827) calc(var(--m-str-w)*-0.9239) 0 var(--m-str-c),\n\t\t\t\t\tcalc(var(--m-str-w)*0.7071) calc(var(--m-str-w)*-0.7071) 0 var(--m-str-c), calc(var(--m-str-w)*0.9239) calc(var(--m-str-w)*-0.3827) 0 var(--m-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-sub .cab-stroke {\n\t\t\t\tz-index: 1; pointer-events: none; user-select: none; -webkit-text-stroke: calc(var(--s-str-w) * 2) var(--s-str-c); -webkit-text-fill-color: var(--s-str-c); color: var(--s-str-c);\n\t\t\t\ttext-shadow: \n\t\t\t\t\tcalc(var(--s-str-w)*1) 0 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*1) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-1) 0 0 var(--s-str-c), calc(var(--s-str-w)*-0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*-0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*-0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\t0 calc(var(--s-str-w)*-1) 0 var(--s-str-c), calc(var(--s-str-w)*0.3827) calc(var(--s-str-w)*-0.9239) 0 var(--s-str-c),\n\t\t\t\t\tcalc(var(--s-str-w)*0.7071) calc(var(--s-str-w)*-0.7071) 0 var(--s-str-c), calc(var(--s-str-w)*0.9239) calc(var(--s-str-w)*-0.3827) 0 var(--s-str-c);\n\t\t\t}\n\n\t\t\t{{WRAPPER}} .cab-hpro-title-wrapper .cab-fill { z-index: 2; position: relative; }\n\t\t\t{{WRAPPER}} .cab-hpro-underline { display: block; flex-shrink: 0; }\n\n\t\t\t{{WRAPPER}} .cab-main-row .cab-hpro-media { \n\t\t\t\twidth: var(--m-size, 40px); height: var(--m-size, 40px); font-size: var(--m-size, 40px); \n\t\t\t\tflex: 0 0 var(--m-size, 40px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t{{WRAPPER}} .cab-sub-row .cab-hpro-media { \n\t\t\t\twidth: var(--s-size, 30px); height: var(--s-size, 30px); font-size: var(--s-size, 30px); \n\t\t\t\tflex: 0 0 var(--s-size, 30px); \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14 \u0e2b\u0e49\u0e32\u0e21 Safari \u0e1a\u0e35\u0e1a! *\/\n\t\t\t}\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-media { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t{{WRAPPER}} .cab-hpro-icon svg, {{WRAPPER}} .cab-hpro-icon i { width: 1em; height: 1em; display: block; flex-shrink: 0; min-width: 0; min-height: 0; }\n\t\t\t\n\t\t\t{{WRAPPER}} .cab-hpro-img { width: 100%; height: auto; display: block; object-fit: cover; }\n\n\t\t\t{{WRAPPER}} .cab-quote-mark { position: absolute; pointer-events: none; z-index: 0; font-family: \"Font Awesome 5 Free\"; font-weight: 900; width: 1em; height: 1em; display: flex; align-items: center; justify-content: center; line-height: 1; margin: 0; padding: 0; }\n\t\t\t{{WRAPPER}} .cab-quote-top { top: 0; left: 0; transform: translate( calc(-50% - var(--q-tl-x, 0px)), calc(-50% - var(--q-tl-y, 0px)) ); } \n\t\t\t{{WRAPPER}} .cab-quote-top::before { content: \"\\f10d\"; } \n\t\t\t{{WRAPPER}} .cab-quote-bottom { bottom: 0; right: 0; transform: translate( calc(50% + var(--q-br-x, 0px)), calc(50% + var(--q-br-y, 0px)) ) rotate(180deg); } \n\t\t\t{{WRAPPER}} .cab-quote-bottom::before { content: \"\\f10d\"; } \n\n\t\t\t{{WRAPPER}} .cab-toggle-wrapper { display: flex; align-items: center; gap: 10px; width: 100%; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-center .cab-toggle-wrapper { justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-hpro-container.align-flex-end .cab-toggle-wrapper { justify-content: flex-end; }\n\t\t\t{{WRAPPER}} .cab-toggle-label { cursor: pointer; font-weight: 600; line-height: 1.2; user-select: none; transition: 0.3s; opacity: 0.5; }\n\t\t\t{{WRAPPER}} .cab-toggle-label.active { opacity: 1; }\n\n\t\t\t{{WRAPPER}} .cab-switch-track { width: var(--sw-w); height: var(--sw-h); background-color: var(--track-bg-1); border-radius: 50px; position: relative; cursor: pointer; transition: background-color 0.4s ease; flex-shrink: 0; }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec { background-color: var(--track-bg-2); }\n\t\t\t{{WRAPPER}} .cab-switch-handle { width: var(--sw-handle-s); height: var(--sw-handle-s); background-color: var(--handle-bg-1); color: var(--icon-c-1); border-radius: 50%; position: absolute; top: 50%; left: calc((var(--sw-h) - var(--sw-handle-s)) \/ 2); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-switch-handle { left: calc(100% - var(--sw-handle-s) - ((var(--sw-h) - var(--sw-handle-s)) \/ 2)); background-color: var(--handle-bg-2); color: var(--icon-c-2); }\n\t\t\t{{WRAPPER}} .cab-sw-icon { position: absolute; transition: 0.4s; display: flex; align-items: center; justify-content: center; }\n\t\t\t{{WRAPPER}} .cab-sw-icon svg, {{WRAPPER}} .cab-sw-icon i { width: 1em; height: 1em; display: block; fill: currentColor; }\n\t\t\t{{WRAPPER}} .cab-sw-icon-1 { opacity: 1; transform: scale(1) rotate(0deg); }\n\t\t\t{{WRAPPER}} .cab-sw-icon-2 { opacity: 0; transform: scale(0.5) rotate(-90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-1 { opacity: 0; transform: scale(0.5) rotate(90deg); }\n\t\t\t{{WRAPPER}} .cab-switch-track.active-sec .cab-sw-icon-2 { opacity: 1; transform: scale(1) rotate(0deg); }\n\n\t\t\t@keyframes cab-wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-12deg); } 50% { transform: rotate(12deg); } 75% { transform: rotate(-12deg); } }\n\t\t\t{{WRAPPER}} .is-dugdik { animation: cab-wiggle 1.5s infinite ease-in-out; transform-origin: center center; }\n\n\t\t\t{{WRAPPER}} .cab-anim-fade-in { animation: cabEntFade 0.8s ease forwards; opacity: 0; }\n\t\t\t{{WRAPPER}} .cab-anim-slide-up { animation: cabEntSlideUp 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateY(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-left { animation: cabEntSlideLeft 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(30px); }\n\t\t\t{{WRAPPER}} .cab-anim-slide-right { animation: cabEntSlideRight 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateX(-30px); }\n\t\t\t{{WRAPPER}} .cab-anim-zoom-in { animation: cabEntZoom 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: scale(0.8); }\n\n\t\t\t@keyframes cabEntFade { to { opacity: 1; } }\n\t\t\t@keyframes cabEntSlideUp { to { opacity: 1; transform: translateY(0); } }\n\t\t\t@keyframes cabEntSlideLeft { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntSlideRight { to { opacity: 1; transform: translateX(0); } }\n\t\t\t@keyframes cabEntZoom { to { opacity: 1; transform: scale(1); } }\n\t\t\t<\/style>\n\n\t\t\t<div id=\"cab-hpro-40dbc33\" class=\"cab-hpro-container align-flex-start\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"cab-hpro-master-row\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"cab-hpro-wrap\" >\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"cab-pane cab-pane-primary active\"><div class=\"cab-hpro-text-group-wrap\"><div class=\"cab-hpro-heading-cluster\"><div class=\"cab-hpro-heading-row cab-main-row cab-hpro-main-row\"><div class=\"cab-hpro-media cab-hpro-icon is-dugdik\"><i aria-hidden=\"true\" class=\"ion ion-logo-codepen\"><\/i><\/div><div class=\"cab-hpro-title-wrapper cab-hpro-main\"><h2 class=\"cab-hpro-text cab-stroke\" aria-hidden=\"true\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h2><h2 class=\"cab-hpro-text cab-fill\">\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h2><\/div><\/div><\/div><\/div><\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-71ebfe0 e-grid e-con-full wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"71ebfe0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e2a9b3a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e2a9b3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1836b12 elementor-widget elementor-widget-cab_smart_image\" data-id=\"1836b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  is-smart-fit\">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"911\" height=\"272\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset7@4x-2.png\" class=\"attachment-large size-large wp-image-7732\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset7@4x-2.png 911w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset7@4x-2-300x90.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset7@4x-2-768x229.png 768w\" sizes=\"(max-width: 911px) 100vw, 911px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76066b8 elementor-widget elementor-widget-cra_button_pro\" data-id=\"76066b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-76066b8 { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-76066b8 .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-76066b8 .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-76066b8 .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-76066b8 .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-76066b8 div.cra-btn { cursor: default; }\n            .cra-btn-group-76066b8 button.cra-btn, .cra-btn-group-76066b8 a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-76066b8 .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-76066b8 .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-76066b8 .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-76066b8 .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-76066b8 .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-76066b8 .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-76066b8 .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-76066b8 .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-76066b8 .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-76066b8 .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-76066b8 .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-76066b8 .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-76066b8 .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-76066b8 cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/Asset7@4x-2.png\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"ion ion-md-photos\"><\/i><\/span><span class=\"cra-btn-text\">PNG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU-CAB-LOGO-Full-TH.svg\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-svg\"><\/i><\/span><span class=\"cra-btn-text\">SVG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bff5914 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"bff5914\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-017f7d8 elementor-widget elementor-widget-cab_smart_image\" data-id=\"017f7d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cab_smart_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"cab-simg-wrapper\">\n\n                                    <div class=\"cab-simg-frame  is-smart-fit\">\n                \n                    \n                    <img fetchpriority=\"high\" decoding=\"async\" fetchpriority=\"high\" loading=\"eager\" class=\"cab-simg-image\" width=\"1024\" height=\"220\" src=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Eng-2-1024x220.png\" class=\"attachment-large size-large wp-image-7734\" alt=\"\" srcset=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Eng-2-1024x220.png 1024w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Eng-2-300x64.png 300w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Eng-2-768x165.png 768w, https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Eng-2.png 1624w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\n                    \n                                    <\/div>\n                \n            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5f4c9 elementor-widget elementor-widget-cra_button_pro\" data-id=\"fb5f4c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cra_button_pro.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\n            .cra-btn-group-fb5f4c9 { display: flex; flex-wrap: wrap; width: 100%; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-btn-group-fb5f4c9 .cra-btn-outer-wrapper { display: flex; flex-direction: column; }\n            .cra-btn-group-fb5f4c9 .cra-btn-row { display: flex; align-items: center; max-width: 100%; }\n            .cra-btn-group-fb5f4c9 .cra-btn { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; text-decoration: none; border: none; outline: none; margin: 0; transition: all 0.3s ease; line-height: 1.4; color: var(--btn-c, var(--global-btn-c, #fff)); fill: var(--btn-c, var(--global-btn-c, #fff)); background-color: var(--btn-bg, var(--global-btn-bg, #1d4a43)); font-size: 0.95rem; }\n            .cra-btn-group-fb5f4c9 .cra-btn:hover { color: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); fill: var(--btn-c-hover, var(--global-btn-c-hover, #fff)); background-color: var(--btn-bg-hover, var(--global-btn-bg-hover, #153631)); }\n            .cra-btn-group-fb5f4c9 div.cra-btn { cursor: default; }\n            .cra-btn-group-fb5f4c9 button.cra-btn, .cra-btn-group-fb5f4c9 a.cra-btn { cursor: pointer; }\n            \n            \/* \ud83d\udd25 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e1a\u0e31\u0e4a\u0e01\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e1a\u0e35\u0e49\u0e41\u0e1a\u0e19 \u0e43\u0e2a\u0e48 flex-shrink: 0 \u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32 gap \u0e2a\u0e33\u0e23\u0e2d\u0e07 *\/\n            .cra-btn-group-fb5f4c9 .cra-btn-inner { display: flex; align-items: center; width: 100%; justify-content: inherit; gap: 8px; }\n            .cra-btn-group-fb5f4c9 .cra-btn-icon { \n                display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; \n                transition: all 0.3s ease; overflow: hidden; line-height: 1;\n            }\n            .cra-btn-group-fb5f4c9 .cra-btn-icon svg { width: 1em; height: 1em; display: block; fill: currentColor; }\n            .cra-btn-group-fb5f4c9 .cra-btn-icon i { font-size: 1em; line-height: 1; display: block; color: currentColor; }\n            \n            \/* Icon Slide Directions *\/\n            .cra-btn-group-fb5f4c9 .cra-btn-slide { border-radius: 50px !important; padding: 0 !important; overflow: hidden; width: var(--circle-size, 45px); height: var(--circle-size, 45px); }\n            .cra-btn-group-fb5f4c9 .cra-btn-slide .cra-btn-inner { width: 100%; height: 100%; align-items: center; justify-content: flex-start; padding: 0 calc((var(--circle-size, 45px) - var(--icon-size, 1.2em))\/2); }\n            .cra-btn-group-fb5f4c9 .cra-slide-text { max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: 0.4s ease; padding: 0; }\n            .cra-btn-group-fb5f4c9 .cra-slide-dir-right .cra-btn-inner { flex-direction: row; }\n            .cra-btn-group-fb5f4c9 .cra-slide-dir-right:hover { width: auto; padding-right: 20px !important; }\n            .cra-btn-group-fb5f4c9 .cra-slide-dir-right:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-left: 10px; }\n            .cra-btn-group-fb5f4c9 .cra-slide-dir-left .cra-btn-inner { flex-direction: row-reverse; }\n            .cra-btn-group-fb5f4c9 .cra-slide-dir-left:hover { width: auto; padding-left: 20px !important; }\n            .cra-btn-group-fb5f4c9 .cra-slide-dir-left:hover .cra-slide-text { max-width: 300px; opacity: 1; padding-right: 10px; }\n\n            \/* Popup CSS (Global) *\/\n            .cra-pu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); z-index: 99999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s; font-family: 'Noto Sans Thai', sans-serif; }\n            .cra-pu-overlay.active { opacity: 1; visibility: visible; }\n            \n            .cra-pu-box { background: #fff; width: 90%; max-width: 700px; border-radius: 12px; padding: 30px; position: relative; transform: translateY(20px); transition: 0.3s; max-height: 90vh; overflow-y: auto; }\n            .cra-pu-overlay.is-pdf .cra-pu-box { max-width: 1200px; padding: 10px; background: transparent; }\n            .cra-pu-overlay.is-img .cra-pu-box { max-width: 1200px; }\n            .cra-pu-overlay.active .cra-pu-box { transform: translateY(0); }\n            \n            \/* \ud83d\udd25 \u0e04\u0e25\u0e35\u0e19 CSS: \u0e42\u0e0b\u0e19\u0e1b\u0e38\u0e48\u0e21 Action \u0e21\u0e38\u0e21\u0e02\u0e27\u0e32\u0e1a\u0e19 (Zoom + Close) \u0e43\u0e0a\u0e49 Selector \u0e15\u0e23\u0e07\u0e46 \u0e25\u0e14 !important *\/\n            .cra-pu-actions { position: absolute; top: 15px; right: 15px; display: flex; gap: 8px; z-index: 100; }\n            \n            .cra-pu-actions button {\n                width: 32px; height: 32px; padding: 0; margin: 0; border-radius: 50%;\n                display: flex; align-items: center; justify-content: center; overflow: hidden;\n                border: 1px solid #ddd; background: #fff; color: #555; outline: none;\n                cursor: pointer; transition: 0.2s ease; box-sizing: border-box; flex-shrink: 0;\n            }\n            .cra-pu-actions button:hover { background: #1d4a43; color: #fff; border-color: #1d4a43; }\n            .cra-pu-actions button.cra-pu-close { background: #eee; border-color: #eee; }\n            .cra-pu-actions button.cra-pu-close:hover { background: #f00; color: #fff; border-color: #f00; }\n            \n            .cra-pu-actions button i, .cra-pu-actions button svg {\n                font-size: 14px; width: 14px; height: 14px; margin: 0; padding: 0; line-height: 1;\n                display: flex; align-items: center; justify-content: center; fill: currentColor;\n            }\n\n            .cra-pu-title { margin: 0 0 5px 0; font-size: 1.5rem; font-weight: 700; color: #333; padding-right: 140px; }\n            .cra-pu-subtitle { margin: 0 0 15px 0; font-size: 0.95rem; color: #666; padding-right: 45px; }\n            \n            .cra-pu-content { padding: 0; overflow-y: auto; flex-grow: 1; word-break: break-word; overflow-wrap: anywhere; line-height: 1.6; color: #444; margin-top: 15px; }\n\n            \/* Image Zoom & Pan CSS *\/\n            .cra-pu-img-viewport { position: relative; width: 100%; height: 65vh; overflow: hidden; background: #f8f9fa; border: 1px solid #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; margin-top: 25px; }\n            .cra-pu-img-viewport:active { cursor: grabbing; }\n            .cra-pu-img-viewport img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }\n            <\/style>\n\n            <div class=\"cra-btn-group-fb5f4c9 cra-btn-group-wrapper\">\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-1913941\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU_Eng-2.png\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"ion ion-md-photos\"><\/i><\/span><span class=\"cra-btn-text\">PNG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                                <div class=\"cra-btn-outer-wrapper elementor-repeater-item-7060049\">\n                                        \n                    <div class=\"cra-btn-row\">\n                        \n                        <a href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/KU-CAB-LOGO-Full-Eng.svg\" target=\"_blank\" class=\"cra-btn elementor-animation-shrink\">\n                            <span class=\"cra-btn-inner\"><span class=\"cra-btn-icon\"><i aria-hidden=\"true\" class=\"icomoon icomoon-svg\"><\/i><\/span><span class=\"cra-btn-text\">SVG<\/span><\/span>                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <\/div>\n\n            \n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 &#8220;\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56&#8221; \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07 \u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 &#8220;\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56&#8221; \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07 \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c Primary #006664 Primary #B2BB1E Secondary #74787B Secondary #6E4B32 Secondary #FFD800 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c &#8220;\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23&#8221; (CAB official logo) \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c &#8220;\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23&#8221; (CAB official logo) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard) \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 PNG SVG PNG SVG \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 PNG SVG PNG SVG \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c PNG SVG PNG SVG<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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":""}},"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c - cab.ku<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\" \/>\n<meta property=\"og:description\" content=\"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 &#8220;\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56&#8221; \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07 \u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 &#8220;\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56&#8221; \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07 \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c Primary #006664 Primary #B2BB1E Secondary #74787B Secondary #6E4B32 Secondary #FFD800 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c &#8220;\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23&#8221; (CAB official logo) \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c &#8220;\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23&#8221; (CAB official logo) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard) \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 PNG SVG PNG SVG \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 PNG SVG PNG SVG \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c PNG SVG PNG SVG\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/\" \/>\n<meta property=\"og:site_name\" content=\"cab.ku\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-10T15:56:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/\",\"url\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/\",\"name\":\"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c - cab.ku\",\"isPartOf\":{\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg\",\"datePublished\":\"2025-12-13T08:17:36+00:00\",\"dateModified\":\"2026-05-10T15:56:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#primaryimage\",\"url\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg\",\"contentUrl\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg\",\"width\":1920,\"height\":683},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website\",\"url\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/\",\"name\":\"cab.ku\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c - cab.ku","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/","og_locale":"en_US","og_type":"article","og_title":"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c","og_description":"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e27\u0e07\u0e01\u0e25\u0e21 \u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 &#8220;\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56&#8221; \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07 \u0e21\u0e35\u0e23\u0e39\u0e1b\u0e1e\u0e23\u0e30\u0e1e\u0e34\u0e23\u0e38\u0e13\u0e17\u0e23\u0e07\u0e19\u0e32\u0e04\u0e2d\u0e22\u0e39\u0e48\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e04\u0e27\u0e48\u0e33\u0e41\u0e25\u0e30\u0e01\u0e25\u0e35\u0e1a\u0e1a\u0e31\u0e27\u0e2b\u0e07\u0e32\u0e22\u0e41\u0e25\u0e30\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e27\u0e48\u0e32 &#8220;\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e1e.\u0e28.\u0e52\u0e54\u0e58\u0e56&#8221; \u0e25\u0e49\u0e2d\u0e21\u0e23\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e2d\u0e01\u0e2a\u0e38\u0e14 \u0e15\u0e32\u0e21 \u0e1e.\u0e23.\u0e1a. \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23 \u0e1e\u0e38\u0e17\u0e18\u0e28\u0e31\u0e01\u0e23\u0e32\u0e0a 2482 \u0e17\u0e35\u0e48\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e32\u0e0a\u0e01\u0e34\u0e08\u0e08\u0e32\u0e19\u0e38\u0e40\u0e1a\u0e01\u0e29\u0e32 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 7 \u0e1e\u0e24\u0e28\u0e08\u0e34\u0e01\u0e32\u0e22\u0e19 2540 \u0e40\u0e25\u0e48\u0e21\u0e17\u0e35\u0e48 114 \u0e15\u0e2d\u0e19\u0e1e\u0e34\u0e40\u0e28\u0e29 104 \u0e07 \u0e15\u0e23\u0e32\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c Primary #006664 Primary #B2BB1E Secondary #74787B Secondary #6E4B32 Secondary #FFD800 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c &#8220;\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23&#8221; (CAB official logo) \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c &#8220;\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23&#8221; (CAB official logo) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c (KU identhy standard) \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 PNG SVG PNG SVG \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e0a\u0e37\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 PNG SVG PNG SVG \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e19\u0e4c\u0e23\u0e49\u0e2d\u0e07 \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (CAB OFFICIAL SUB-LOGO) \u0e15\u0e32\u0e21\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e15\u0e23\u0e32\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e01\u0e29\u0e04\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c PNG SVG PNG SVG","og_url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/","og_site_name":"cab.ku","article_modified_time":"2026-05-10T15:56:38+00:00","og_image":[{"url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/","url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/","name":"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c - cab.ku","isPartOf":{"@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#primaryimage"},"image":{"@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#primaryimage"},"thumbnailUrl":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg","datePublished":"2025-12-13T08:17:36+00:00","dateModified":"2026-05-10T15:56:38+00:00","breadcrumb":{"@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#primaryimage","url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg","contentUrl":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-content\/uploads\/2026\/05\/xc1@1.25x.jpg","width":1920,"height":683},{"@type":"BreadcrumbList","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/"},{"@type":"ListItem","position":2,"name":"\u0e15\u0e23\u0e32\u0e2a\u0e31\u0e0d\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c"}]},{"@type":"WebSite","@id":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/#website","url":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/","name":"cab.ku","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":18,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":7765,"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/pages\/29\/revisions\/7765"}],"wp:attachment":[{"href":"https:\/\/cab-dev.kps.ku.ac.th\/cabku\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}