{"id":15631,"date":"2026-05-10T17:31:05","date_gmt":"2026-05-10T10:31:05","guid":{"rendered":"https:\/\/pbk.ac.th\/?page_id=15631"},"modified":"2026-05-10T18:22:38","modified_gmt":"2026-05-10T11:22:38","slug":"%e0%b8%97%e0%b8%b1%e0%b8%81%e0%b8%a9%e0%b8%b0%e0%b8%8a%e0%b8%b5%e0%b8%a7%e0%b8%b4%e0%b8%95","status":"publish","type":"page","link":"https:\/\/pbk.ac.th\/?page_id=15631","title":{"rendered":"\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0e17\u0e33\u0e40\u0e19\u0e35\u0e22\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15 <\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        * { box-sizing: border-box; text-decoration: none !important; }\n\n        body {\n            background-color: #f4f9f4;\n            margin: 0;\n            padding: 40px 10px;\n            font-family: 'Sarabun', sans-serif;\n            color: #1b331b;\n        }\n\n        .life-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: #ffffff;\n            padding: 50px 30px;\n            border-radius: 30px;\n            box-shadow: 0 10px 40px rgba(46, 125, 50, 0.1);\n            text-align: center;\n        }\n\n        .life-header h1 {\n            color: #2e7d32;\n            font-size: 32px;\n            font-weight: 800;\n            margin: 0;\n        }\n\n        .life-header p {\n            color: #4c664c;\n            font-size: 18px;\n            font-weight: 600;\n            margin-top: 8px;\n        }\n\n        .life-divider {\n            width: 100px;\n            height: 5px;\n            background: linear-gradient(90deg, #2e7d32, #a5d6a7, #2e7d32);\n            margin: 20px auto;\n            border-radius: 10px;\n        }\n\n        .org-container {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n        }\n\n        .row-flex {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 15px;\n            width: 100%;\n        }\n\n        \/* Card Design *\/\n        .staff-card {\n            background: white;\n            border-radius: 15px;\n            padding: 15px;\n            text-align: center;\n            border: 1px solid #e8f5e9;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.03);\n            width: 220px;\n            transition: 0.3s;\n            position: relative;\n        }\n\n        .staff-card:hover {\n            transform: translateY(-5px);\n            border-color: #2e7d32;\n            box-shadow: 0 10px 20px rgba(46, 125, 50, 0.1);\n        }\n\n        .img-frame {\n            width: 110px;\n            height: 145px;\n            margin: 0 auto 10px;\n            border-radius: 8px;\n            overflow: hidden;\n            border: 3px solid #fff;\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n        }\n\n        .img-frame img { width: 100%; height: 100%; object-fit: cover; }\n\n        .name-text {\n            font-size: 14px;\n            font-weight: 700;\n            color: #1b5e20;\n            margin-bottom: 5px;\n            display: block;\n            white-space: nowrap;\n        }\n\n        .pos-text {\n            font-size: 11px;\n            font-weight: 600;\n            color: white;\n            background: #2e7d32;\n            padding: 4px 10px;\n            border-radius: 5px;\n            display: inline-block;\n            white-space: nowrap;\n            border-left: 3px solid #ffd700;\n        }\n\n        \/* Special Cards *\/\n        .top-boss { width: 260px; border: 2px solid #2e7d32; background: #f1f8f1; }\n        .top-boss .pos-text { background: #1b5e20; font-size: 13px; }\n\n        \/* Grade Section Header *\/\n        .grade-header {\n            width: 100%;\n            background: #e8f5e9;\n            color: #1b5e20;\n            padding: 8px;\n            border-radius: 10px;\n            font-weight: 800;\n            margin: 30px 0 10px;\n            font-size: 16px;\n            border-bottom: 3px solid #2e7d32;\n        }\n\n        .badge {\n            position: absolute;\n            top: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #1b5e20;\n            color: #fff;\n            padding: 2px 12px;\n            border-radius: 5px;\n            font-size: 10px;\n            font-weight: 800;\n        }\n\n        @media (max-width: 768px) {\n            .staff-card { width: 100%; }\n            .name-text, .pos-text { white-space: normal; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"life-wrapper\">\n    <div class=\"life-header\">\n        <h1>\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15 (Life Skills)<\/h1>\n        <p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e1e\u0e23\u0e1a\u0e36\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21 <\/p>\n        <div class=\"life-divider\"><\/div>\n    <\/div>\n\n    <div class=\"org-container\">\n        \n        <div class=\"row-flex\">\n            <div class=\"staff-card top-boss\">\n                <div class=\"badge\">\u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e1c\u0e2d-3-684x1024.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e2a\u0e38\u0e08\u0e34\u0e19\u0e15\u0e4c \u0e2b\u0e25\u0e49\u0e32\u0e04\u0e33<\/span>\n                <span class=\"pos-text\">\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32 \/ \u0e1c\u0e39\u0e49\u0e2d\u0e33\u0e19\u0e27\u0e22\u0e01\u0e32\u0e23\u0e01\u0e2d\u0e07<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"row-flex\">\n            <div class=\"staff-card top-boss\" style=\"width: 240px; border-color: #66bb6a;\">\n                <div class=\"badge\" style=\"background:#66bb6a;\">ADVISOR<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e19\u0e23\u0e34\u0e28\u0e23\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c-4-684x1024.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e07\u0e19\u0e23\u0e34\u0e28\u0e23\u0e32\u0e23\u0e31\u0e15\u0e19\u0e4c \u0e0a\u0e31\u0e22\u0e20\u0e39\u0e23\u0e34\u0e42\u0e20\u0e04\u0e2b\u0e34\u0e23\u0e31\u0e0d<\/span>\n                <span class=\"pos-text\">\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"grade-header\">\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15<\/div>\n        <div class=\"row-flex\">\n            <div class=\"staff-card\">\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e2a\u0e21\u0e20\u0e1e-1.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e2a\u0e21\u0e20\u0e1e \u0e42\u0e04\u0e15\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span>\n                <span class=\"pos-text\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15<\/span>\n            <\/div>\n            <div class=\"staff-card\">\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e27\u0e31\u0e12\u0e19\u0e30-3.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e27\u0e31\u0e12\u0e19\u0e30 \u0e2a\u0e30\u0e14\u0e27\u0e01<\/span>\n                <span class=\"pos-text\">\u0e23\u0e2d\u0e07\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15<\/span>\n            <\/div>\n            <div class=\"staff-card\">\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e1b\u0e19\u0e31\u0e14\u0e14\u0e32-4.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e07\u0e1b\u0e19\u0e31\u0e14\u0e14\u0e32 \u0e2b\u0e25\u0e49\u0e32\u0e04\u0e33<\/span>\n                <span class=\"pos-text\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\/\u0e40\u0e25\u0e02\u0e32\u0e19\u0e38\u0e01\u0e32\u0e23<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"grade-header\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 \u0e54<\/div>\n        <div class=\"row-flex\">\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e2d\u0e23\u0e0a\u0e23-3.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e07\u0e2d\u0e23\u0e0a\u0e23 \u0e42\u0e04\u0e15\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span>\n                <span class=\"pos-text\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \u0e21.\u0e54<\/span>\n            <\/div>\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e2a\u0e21\u0e20\u0e1e-1.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e2a\u0e21\u0e20\u0e1e \u0e42\u0e04\u0e15\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span>\n                <span class=\"pos-text\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e21.\u0e54<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"grade-header\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 \u0e55<\/div>\n        <div class=\"row-flex\">\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e0d\u0e32\u0e13\u0e34\u0e28\u0e32-2.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e07\u0e0d\u0e32\u0e13\u0e34\u0e28\u0e32 \u0e04\u0e39\u0e13\u0e27\u0e07\u0e29\u0e4c<\/span>\n                <span class=\"pos-text\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \u0e21.\u0e55<\/span>\n            <\/div>\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e40\u0e2d\u0e01\u0e2d\u0e23\u0e38\u0e13-2.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e2d\u0e23\u0e38\u0e13 \u0e1b\u0e23\u0e30\u0e2d\u0e32\u0e07<\/span>\n                <span class=\"pos-text\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e21.\u0e55<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"grade-header\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 \u0e56<\/div>\n        <div class=\"row-flex\">\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e1b\u0e19\u0e31\u0e14\u0e14\u0e32-4.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e07\u0e1b\u0e19\u0e31\u0e14\u0e14\u0e32 \u0e2b\u0e25\u0e49\u0e32\u0e04\u0e33<\/span>\n                <span class=\"pos-text\">\u0e2b\u0e31\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e04\u0e13\u0e30\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23 \u0e21.\u0e56<\/span>\n            <\/div>\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e27\u0e31\u0e12\u0e19\u0e30-3.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e27\u0e31\u0e12\u0e19\u0e30 \u0e2a\u0e30\u0e14\u0e27\u0e01<\/span>\n                <span class=\"pos-text\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e21.\u0e56<\/span>\n            <\/div>\n            <div class=\"staff-card\">\n                <div class=\"badge\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32<\/div>\n                <div class=\"img-frame\"><img decoding=\"async\" src=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2023\/09\/\u0e27\u0e34\u0e40\u0e0a\u0e35\u0e22\u0e23-3.jpg\"><\/div>\n                <span class=\"name-text\">\u0e19\u0e32\u0e22\u0e27\u0e34\u0e40\u0e0a\u0e35\u0e22\u0e23 \u0e44\u0e0a\u0e22\u0e42\u0e0a\u0e15\u0e34<\/span>\n                <span class=\"pos-text\">\u0e04\u0e23\u0e39\u0e17\u0e35\u0e48\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21 \u0e21.\u0e56<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e17\u0e33\u0e40\u0e19\u0e35\u0e22\u0e1a\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e17\u0e31\u0e01\u0e29\u0e30\u0e0a\u0e35\u0e27\u0e34\u0e15 \u0e01\u0e34\u0e08\u0e01\u0e23. <a class=\"read-more-link\" href=\"https:\/\/pbk.ac.th\/?page_id=15631\">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-15631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/15631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pbk.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15631"}],"version-history":[{"count":6,"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/15631\/revisions"}],"predecessor-version":[{"id":15693,"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/15631\/revisions\/15693"}],"wp:attachment":[{"href":"https:\/\/pbk.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}