{"id":78,"date":"2017-03-26T17:05:48","date_gmt":"2017-03-26T17:05:48","guid":{"rendered":"http:\/\/pbk.ac.th\/?page_id=78"},"modified":"2026-05-19T18:07:15","modified_gmt":"2026-05-19T11:07:15","slug":"%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b8%b0%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89","status":"publish","type":"page","link":"https:\/\/pbk.ac.th\/%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b8%b0%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89\/","title":{"rendered":"\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49"},"content":{"rendered":"\n<div class=\"pbk-full-width-container\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600;700;800&display=swap');\n\n        \/* \u0e25\u0e49\u0e32\u0e07\u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e40\u0e1a\u0e37\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e19 *\/\n        .pbk-full-width-container a {\n            text-decoration: none !important;\n            box-shadow: none !important;\n        }\n\n        .pbk-full-width-container {\n            font-family: 'Sarabun', sans-serif;\n            width: 100%;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 15px;\n            box-sizing: border-box;\n            display: flex;\n            gap: 20px;\n            align-items: flex-start;\n        }\n\n        \/* 1. \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e16\u0e27\u0e40\u0e21\u0e19\u0e39\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22 (Sidebar) - \u0e1b\u0e23\u0e31\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a\u0e02\u0e36\u0e49\u0e19 *\/\n        .dept-sidebar-left {\n            width: 340px;\n            min-width: 340px;\n            background: #ffffff;\n            border: 1px solid #eef2f6;\n            padding: 15px;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 64, 128, 0.03);\n        }\n\n        .dept-main-header {\n            color: #004080;\n            font-size: 18px;\n            font-weight: 800;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding-bottom: 10px;\n            margin-bottom: 10px;\n            border-bottom: 2px solid #f1f5f9;\n        }\n        .dept-main-header i { color: #ff6a00; }\n\n        \/* \u0e1b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e21\u0e19\u0e39\u0e43\u0e2b\u0e49\u0e0a\u0e34\u0e14\u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a\u0e02\u0e36\u0e49\u0e19\u0e1e\u0e2d\u0e14\u0e35\u0e15\u0e32 *\/\n        .dept-vertical-menu {\n            display: flex;\n            flex-direction: column;\n            gap: 5px; \/* \u0e25\u0e14\u0e08\u0e32\u0e01 8px \u0e40\u0e2b\u0e25\u0e37\u0e2d 5px \u0e43\u0e2b\u0e49\u0e40\u0e21\u0e19\u0e39\u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a *\/\n        }\n\n        \/* \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e21\u0e19\u0e39\u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22 - \u0e1b\u0e23\u0e31\u0e1a Padding \u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19-\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e1a\u0e32\u0e07\u0e25\u0e07 *\/\n        .dept-custom-card {\n            display: flex;\n            align-items: center;\n            background: #ffffff;\n            border: 1px solid #f1f5f9;\n            padding: 7px 12px; \/* \u0e25\u0e14\u0e23\u0e30\u0e22\u0e30\u0e14\u0e49\u0e32\u0e19\u0e43\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e1b\u0e38\u0e48\u0e21\u0e44\u0e21\u0e48\u0e2b\u0e19\u0e32\u0e40\u0e17\u0e2d\u0e30\u0e17\u0e30 *\/\n            border-radius: 10px;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .dept-custom-card:hover {\n            border-color: #004080;\n            background: #f8fafc;\n        }\n\n        \/* \u0e04\u0e25\u0e32\u0e2a\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e21\u0e19\u0e39\u0e19\u0e31\u0e49\u0e19\u0e16\u0e39\u0e01\u0e40\u0e25\u0e37\u0e2d\u0e01 *\/\n        .dept-custom-card.active {\n            background: #004080 !important;\n            border-color: #004080 !important;\n        }\n        .dept-custom-card.active .title-th { color: #ffffff !important; }\n        .dept-custom-card.active .title-en { color: #93c5fd !important; }\n        .dept-custom-card.active .arrow-link-btn { color: #ffffff !important; }\n        .dept-custom-card.active .arrow-link-btn:hover { background: rgba(255,255,255,0.2); color: #ff8c00; }\n\n        \/* \u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e21\u0e19\u0e39 - \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e49\u0e01\u0e30\u0e17\u0e31\u0e14\u0e23\u0e31\u0e14\u0e02\u0e36\u0e49\u0e19\u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e1b\u0e38\u0e48\u0e21 *\/\n        .icon-wrapper-v5 {\n            width: 32px;\n            height: 32px;\n            min-width: 32px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 14px;\n            color: #ffffff;\n            margin-right: 10px;\n        }\n        .color-navy { background-color: #004080; }\n        .color-orange { background-color: #ff6a00; }\n\n        \/* \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e21\u0e19\u0e39\u0e0b\u0e49\u0e32\u0e22 \u0e25\u0e47\u0e2d\u0e04\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27\u0e40\u0e14\u0e47\u0e14\u0e02\u0e32\u0e14 *\/\n        .text-wrapper-v5 {\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n            text-align: left;\n            overflow: hidden; \n            white-space: nowrap; \/* \u0e2b\u0e49\u0e32\u0e21\u0e1b\u0e31\u0e14\u0e1a\u0e23\u0e23\u0e17\u0e31\u0e14\u0e25\u0e07\u0e21\u0e32 *\/\n        }\n\n        .text-wrapper-v5 .title-th {\n            color: #1e293b;\n            font-size: 14px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e1f\u0e2d\u0e19\u0e15\u0e4c\u0e44\u0e17\u0e22\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e43\u0e2b\u0e49\u0e1e\u0e2d\u0e14\u0e35\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e41\u0e04\u0e1a *\/\n            font-weight: 700;\n            overflow: hidden;\n            text-overflow: ellipsis; \/* \u0e16\u0e49\u0e32\u0e22\u0e32\u0e27\u0e40\u0e01\u0e34\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e43\u0e2b\u0e49\u0e02\u0e36\u0e49\u0e19 ... *\/\n        }\n\n        .text-wrapper-v5 .title-en {\n            color: #94a3b8;\n            font-size: 10px;\n            font-weight: 500;\n            text-transform: uppercase;\n            margin-top: -1px;\n        }\n\n        \/* \u0e1b\u0e38\u0e48\u0e21\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01 (\u0e41\u0e17\u0e47\u0e1a\u0e43\u0e2b\u0e21\u0e48) *\/\n        .arrow-link-btn {\n            color: #cbd5e1;\n            width: 28px;\n            height: 28px;\n            min-width: 28px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 6px;\n            font-size: 11px;\n            transition: all 0.2s;\n            margin-left: 5px;\n        }\n        .arrow-link-btn:hover {\n            background: #e2e8f0;\n            color: #ff6a00;\n        }\n\n        \/* 2. \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08\u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32 *\/\n        .dept-content-right {\n            flex-grow: 1;\n            background: #ffffff;\n            border: 1px solid #eef2f6;\n            border-radius: 16px;\n            box-shadow: 0 4px 15px rgba(0, 64, 128, 0.02);\n            box-sizing: border-box;\n            width: 100%;\n            height: 650px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e2a\u0e21\u0e14\u0e38\u0e25\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a\u0e02\u0e2d\u0e07\u0e40\u0e21\u0e19\u0e39\u0e0b\u0e49\u0e32\u0e22 *\/\n            overflow: hidden;\n            position: relative;\n        }\n\n        .dept-web-frame {\n            width: 100%;\n            height: 100%;\n            border: none;\n            border-radius: 16px;\n            background: #f8fafc;\n        }\n\n        \/* \u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e01\u0e48\u0e2d\u0e19\u0e01\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e23\u0e30 *\/\n        .welcome-pane {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: #ffffff;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            padding: 30px;\n            box-sizing: border-box;\n            text-align: center;\n            z-index: 10;\n        }\n        .welcome-pane.hidden {\n            opacity: 0;\n            pointer-events: none;\n        }\n        .welcome-pane h2 { color: #004080; font-size: 22px; font-weight: 700; margin-bottom: 8px; }\n        .welcome-pane p { color: #64748b; font-size: 15px; max-width: 450px; line-height: 1.6; }\n        .welcome-pane i { color: #ff6a00; font-size: 40px; margin-bottom: 15px; }\n\n        \/* &#x1f4f1; \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n        @media (max-width: 991px) {\n            .pbk-full-width-container { flex-direction: column; gap: 15px; }\n            .dept-sidebar-left { width: 100%; min-width: 100%; }\n            .text-wrapper-v5 { white-space: normal; }\n            .dept-content-right { height: 450px; }\n        }\n    <\/style>\n\n    <!-- \u2500\u2500\u2500 \u0e1d\u0e31\u0e48\u0e07\u0e0b\u0e49\u0e32\u0e22: \u0e41\u0e16\u0e27\u0e40\u0e21\u0e19\u0e39\u0e2b\u0e25\u0e31\u0e01 (\u0e41\u0e1a\u0e1a\u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a) \u2500\u2500\u2500 -->\n    <div class=\"dept-sidebar-left\">\n        <div class=\"dept-main-header\">\n            <i class=\"fas fa-layer-group\"><\/i> \u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\n        <\/div>\n\n        <div class=\"dept-vertical-menu\">\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=330\">\n                <div class=\"icon-wrapper-v5 color-navy\"><i class=\"fas fa-book-open\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22<\/span>\n                    <span class=\"title-en\">Thai Language<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=330\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=332\">\n                <div class=\"icon-wrapper-v5 color-orange\"><i class=\"fas fa-calculator\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e04\u0e13\u0e34\u0e15\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/span>\n                    <span class=\"title-en\">Mathematics<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=332\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=248\">\n                <div class=\"icon-wrapper-v5 color-navy\"><i class=\"fas fa-flask-vial\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/span>\n                    <span class=\"title-en\">Science and Technology<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=248\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=338\">\n                <div class=\"icon-wrapper-v5 color-orange\"><i class=\"fas fa-earth-asia\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32 \u0e28\u0e32\u0e2a\u0e19\u0e32\u0e2f<\/span>\n                    <span class=\"title-en\">Social Studies<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=338\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=340\">\n                <div class=\"icon-wrapper-v5 color-navy\"><i class=\"fas fa-volleyball\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e2a\u0e38\u0e02\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e1e\u0e25\u0e28\u0e36\u0e01\u0e29\u0e32<\/span>\n                    <span class=\"title-en\">Health and PE<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=340\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=336\">\n                <div class=\"icon-wrapper-v5 color-orange\"><i class=\"fas fa-palette\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e28\u0e34\u0e25\u0e1b\u0e30<\/span>\n                    <span class=\"title-en\">Arts<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=336\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=344\">\n                <div class=\"icon-wrapper-v5 color-navy\"><i class=\"fas fa-screwdriver-wrench\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e01\u0e32\u0e23\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/span>\n                    <span class=\"title-en\">Career and Tech<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=344\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=334\">\n                <div class=\"icon-wrapper-v5 color-orange\"><i class=\"fas fa-language\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e20\u0e32\u0e29\u0e32\u0e15\u0e48\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28<\/span>\n                    <span class=\"title-en\">Foreign Languages<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=334\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n\n            <div class=\"dept-custom-card\" data-url=\"https:\/\/pbk.ac.th\/?page_id=4073\">\n                <div class=\"icon-wrapper-v5 color-navy\"><i class=\"fas fa-compass\"><\/i><\/div>\n                <div class=\"text-wrapper-v5\">\n                    <span class=\"title-th\">\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n                    <span class=\"title-en\">Learner Development<\/span>\n                <\/div>\n                <a href=\"https:\/\/pbk.ac.th\/?page_id=4073\" target=\"_blank\" class=\"arrow-link-btn\" title=\"\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e22\u0e01\u0e15\u0e48\u0e32\u0e07\u0e2b\u0e32\u0e01\" onclick=\"event.stopPropagation();\">\n                    <i class=\"fas fa-external-link-alt\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 \u0e1d\u0e31\u0e48\u0e07\u0e02\u0e27\u0e32: \u0e41\u0e2a\u0e14\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e1e\u0e08\u0e08\u0e23\u0e34\u0e07\u0e1c\u0e48\u0e32\u0e19 iframe \u2500\u2500\u2500 -->\n    <div class=\"dept-content-right\">\n        <div id=\"welcome-screen\" class=\"welcome-pane\">\n            <i class=\"far fa-hand-pointer\"><\/i>\n            <h2>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e1e\u0e23\u0e1a\u0e36\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21<\/h2>\n            <p>\u0e01\u0e23\u0e38\u0e13\u0e32\u0e04\u0e25\u0e34\u0e01\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22\u0e21\u0e37\u0e2d \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e14\u0e39\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e43\u0e19\u0e0a\u0e48\u0e2d\u0e07\u0e02\u0e27\u0e32\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e04\u0e48\u0e30<\/p>\n        <\/div>\n        <iframe id=\"content-frame\" class=\"dept-web-frame\" src=\"about:blank\"><\/iframe>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const menuItems = document.querySelectorAll('.dept-custom-card');\n        const contentFrame = document.getElementById('content-frame');\n        const welcomeScreen = document.getElementById('welcome-screen');\n\n        menuItems.forEach(item => {\n            item.addEventListener('click', function() {\n                menuItems.forEach(i => i.classList.remove('active'));\n                this.classList.add('active');\n                welcomeScreen.classList.add('hidden');\n                \n                const targetUrl = this.getAttribute('data-url');\n                contentFrame.src = targetUrl;\n            });\n        });\n    });\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e2a\u0e32\u0e23\u0e30\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 T. <a class=\"read-more-link\" href=\"https:\/\/pbk.ac.th\/%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b8%b0%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89\/\">read more&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ngg_post_thumbnail":0,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":52,"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":16058,"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/pages\/78\/revisions\/16058"}],"wp:attachment":[{"href":"https:\/\/pbk.ac.th\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}