{"id":2961,"date":"2020-05-28T11:17:41","date_gmt":"2020-05-28T04:17:41","guid":{"rendered":"http:\/\/pbk.ac.th\/?page_id=2961"},"modified":"2026-04-27T18:27:13","modified_gmt":"2026-04-27T11:27:13","slug":"%e0%b8%9a%e0%b8%97%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%ad%e0%b8%ad%e0%b8%99%e0%b9%84%e0%b8%a5%e0%b8%99%e0%b9%8c%e0%b8%81%e0%b8%b1%e0%b8%9a%e0%b8%84%e0%b8%a3%e0%b8%b9%e0%b8%9e%e0%b8%b1","status":"publish","type":"page","link":"https:\/\/pbk.ac.th\/?page_id=2961","title":{"rendered":"\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e04\u0e23\u0e39\u0e1e\u0e31\u0e0a\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c"},"content":{"rendered":"\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap');\n\n    .krutoon-main-container {\n        max-width: 850px;\n        margin: 15px auto;\n        font-family: 'Sarabun', sans-serif;\n    }\n\n    .dashboard-box {\n        background: #ffffff;\n        border-radius: 25px;\n        padding: 20px;\n        margin-bottom: 20px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    \/* Header *\/\n    .header-flex {\n        display: flex;\n        align-items: center;\n        margin-bottom: 20px;\n        padding-bottom: 15px;\n        border-bottom: 1px solid #f1f5f9;\n    }\n\n    .logo-img {\n        width: 65px;\n        height: 65px;\n        object-fit: cover;\n        border-radius: 15px;\n        margin-right: 15px;\n    }\n\n    .header-text h1 { color: #0369a1; font-size: 1.4rem; font-weight: 700; margin: 0; }\n    .header-text p { color: #64748b; font-size: 0.85rem; margin: 0; }\n\n    \/* 5 \u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 *\/\n    .system-row {\n        display: flex;\n        justify-content: space-between;\n        gap: 10px;\n        overflow-x: auto;\n        padding-bottom: 10px;\n    }\n\n    .card-link {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 18px 5px;\n        min-width: 125px;\n        background: #f8fafc;\n        border: 2px solid transparent;\n        border-radius: 20px;\n        text-decoration: none;\n        color: #1e293b !important;\n        transition: all 0.3s ease;\n        white-space: nowrap;\n    }\n\n    .card-link:hover { transform: translateY(-5px); border-color: #38bdf8; box-shadow: 0 8px 15px rgba(0,0,0,0.05); }\n    .icon-box { font-size: 30px; margin-bottom: 8px; }\n    .title-txt { font-weight: 700; font-size: 1.05rem; }\n\n    \/* \u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c *\/\n    .course-list { display: flex; flex-direction: column; gap: 12px; }\n    .course-item {\n        display: flex;\n        align-items: center;\n        padding: 15px 20px;\n        background: #f8fafc;\n        border-radius: 20px;\n        text-decoration: none;\n        color: #1e293b !important;\n        border: 2px solid transparent;\n        transition: 0.3s;\n    }\n    .course-item:hover { transform: translateX(10px); border-color: #fb923c; background: #fff; }\n    .course-info { display: flex; flex-direction: column; }\n    .c-code { font-size: 0.8rem; font-weight: 700; color: #fb923c; }\n    .c-name { font-size: 1.15rem; font-weight: 700; }\n\n    \/* Hide Scrollbar *\/\n    .system-row::-webkit-scrollbar { display: none; }\n    .system-row { -ms-overflow-style: none; scrollbar-width: none; }\n<\/style>\n\n<div class=\"krutoon-main-container\">\n    <div class=\"dashboard-box\">\n        <div class=\"header-flex\">\n            <img decoding=\"async\" src=\"https:\/\/i.postimg.cc\/T3x7VNGn\/Chat-GPT-Image-25-me-y-2569-16-55-44.png\" class=\"logo-img\">\n            <div class=\"header-text\">\n                <h1>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c KRu-Toon<\/h1>\n                <p>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e1e\u0e23\u0e1a\u0e36\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e04\u0e21 \u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"system-row\">\n            <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbwqKz_SY0z6LSSLnjm250KckVQuH5jlFr-Yfj-kMGbqVK-GeZ0FldojLU8GUGx7RGw1wg\/exec\" target=\"_blank\" class=\"card-link\">\n                <div class=\"icon-box\">&#x1f4dd;<\/div>\n                <span class=\"title-txt\">\u0e40\u0e0a\u0e47\u0e04\u0e0a\u0e37\u0e48\u0e2d\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/span>\n            <\/a>\n            <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbynAapGtcj5fg0wzafS60309QAej4-IncgHa67ExSzShPXQY_SUFmlHiVtGJFQbBIAMxw\/exec\" target=\"_blank\" class=\"card-link\">\n                <div class=\"icon-box\">&#x1f4ca;<\/div>\n                <span class=\"title-txt\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n            <\/a>\n            <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbw3LgEi9W1coqJXixPXAmgogtQRV79_cARXVdSp4ZwaXJgz1dUmisW3TxhWR0b9Fp8F\/exec\" target=\"_blank\" class=\"card-link\">\n                <div class=\"icon-box\">&#x1f4e4;<\/div>\n                <span class=\"title-txt\">\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e48\u0e07\u0e07\u0e32\u0e19<\/span>\n            <\/a>\n            <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbxwU2GTsY0lSoNS2DN8LGo3yGT-r7i380e3IT9ACylxGeqw-9hEJjXD_zzRqCNNpm7x\/exec\" target=\"_blank\" class=\"card-link\" style=\"background:#fff7ed\">\n                <div class=\"icon-box\">&#x1f3e0;<\/div>\n                <span class=\"title-txt\" style=\"color:#c2410c\">\u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n            <\/a>\n            <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbwHnCFYQkSy6ANvSI9wdgZtfVjgHnqROMHyfWJOdxat9W06oJW6XvGsguTY0O2ndbpg\/exec\" target=\"_blank\" class=\"card-link\" style=\"background:#f0fdf4\">\n                <div class=\"icon-box\">&#x1f4c8;<\/div>\n                <span class=\"title-txt\" style=\"color:#15803d\">\u0e2a\u0e16\u0e34\u0e15\u0e34\u0e01\u0e32\u0e23\u0e21\u0e32\u0e40\u0e23\u0e35\u0e22\u0e19<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n  <\/div>\n\n\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap');\n\n    .subject-box {\n        max-width: 750px;\n        margin: 20px auto;\n        padding: 25px;\n        font-family: 'Sarabun', sans-serif;\n        background: #ffffff;\n        border-radius: 30px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .subject-header {\n        display: flex;\n        align-items: center;\n        margin-bottom: 25px;\n        border-left: 8px solid #fb923c; \/* \u0e41\u0e16\u0e1a\u0e2a\u0e35\u0e2a\u0e49\u0e21\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32 *\/\n        padding-left: 15px;\n    }\n\n    .subject-header h2 {\n        color: #1e293b;\n        font-size: 1.6rem;\n        font-weight: 700;\n        margin: 0;\n    }\n\n    .subject-list {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .course-card {\n        display: flex;\n        align-items: center;\n        padding: 22px;\n        background: #f8fafc;\n        border: 2px solid transparent;\n        border-radius: 22px;\n        text-decoration: none;\n        color: #1e293b !important;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .course-card:hover {\n        background: #ffffff;\n        transform: translateY(-5px);\n        box-shadow: 0 12px 20px rgba(0,0,0,0.06);\n    }\n\n    \/* \u0e2a\u0e35\u0e41\u0e22\u0e01\u0e15\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32 *\/\n    .color-1:hover { border-color: #38bdf8; } \/* \u0e1f\u0e49\u0e32 *\/\n    .color-2:hover { border-color: #fb923c; } \/* \u0e2a\u0e49\u0e21 *\/\n    .color-3:hover { border-color: #4ade80; } \/* \u0e40\u0e02\u0e35\u0e22\u0e27 *\/\n\n    .course-icon {\n        font-size: 35px;\n        margin-right: 20px;\n        background: #ffffff;\n        width: 60px;\n        height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 15px;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.03);\n    }\n\n    .course-detail {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .course-code {\n        font-size: 0.85rem;\n        font-weight: 700;\n        color: #64748b;\n        letter-spacing: 0.5px;\n    }\n\n    .course-name {\n        font-size: 1.25rem; \/* \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23\u0e43\u0e2b\u0e0d\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 *\/\n        font-weight: 700;\n        margin: 2px 0;\n    }\n\n    .course-target {\n        font-size: 0.9rem;\n        color: #94a3b8;\n    }\n\n    @media (max-width: 500px) {\n        .course-name { font-size: 1.1rem; }\n        .course-icon { width: 50px; height: 50px; font-size: 28px; }\n    }\n<\/style>\n\n<div class=\"subject-box\">\n    <div class=\"subject-header\">\n        <h2>\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e23\u0e32\u0e22\u0e27\u0e34\u0e0a\u0e32\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h2>\n    <\/div>\n\n    <div class=\"subject-list\">\n        <a href=\"\u0e27\u0e32\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e2732104\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\" target=\"_blank\" class=\"course-card color-1\">\n            <div class=\"course-icon\">&#x2699;&#xfe0f;<\/div>\n            <div class=\"course-detail\">\n                <span class=\"course-code\">\u0e2732104<\/span>\n                <span class=\"course-name\">\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 2<\/span>\n                <span class=\"course-target\">\u0e0a\u0e31\u0e49\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 5<\/span>\n            <\/div>\n        <\/a>\n\n        <a href=\"\u0e27\u0e32\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e2732288\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\" target=\"_blank\" class=\"course-card color-2\">\n            <div class=\"course-icon\">&#x1f4bb;<\/div>\n            <div class=\"course-detail\">\n                <span class=\"course-code\">\u0e2732288<\/span>\n                <span class=\"course-name\">\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c 3<\/span>\n                <span class=\"course-target\">\u0e0a\u0e31\u0e49\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 5<\/span>\n            <\/div>\n        <\/a>\n\n        <a href=\"\u0e27\u0e32\u0e07\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e2733290\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\" target=\"_blank\" class=\"course-card color-3\">\n            <div class=\"course-icon\">&#x1f5a5;&#xfe0f;<\/div>\n            <div class=\"course-detail\">\n                <span class=\"course-code\">\u0e2733290<\/span>\n                <span class=\"course-name\">\u0e04\u0e2d\u0e21\u0e1e\u0e34\u0e27\u0e40\u0e15\u0e2d\u0e23\u0e4c 5<\/span>\n                <span class=\"course-target\">\u0e0a\u0e31\u0e49\u0e19\u0e21\u0e31\u0e18\u0e22\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e1b\u0e35\u0e17\u0e35\u0e48 6<\/span>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>\n\n\n\n<!--nextpage-->\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center has-luminous-vivid-amber-background-color has-background\"><a rel=\"noreferrer noopener\" href=\"https:\/\/pbk.ac.th\/wp-content\/uploads\/2021\/07\/\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19-\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35-\u0e215.pdf\" target=\"_blank\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19 \u0e21.5 \u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 2<\/a><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c KRu-Toon \u0e42\u0e23\u0e07\u0e40. <a class=\"read-more-link\" href=\"https:\/\/pbk.ac.th\/?page_id=2961\">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-2961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2961","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=2961"}],"version-history":[{"count":231,"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2961\/revisions"}],"predecessor-version":[{"id":15027,"href":"https:\/\/pbk.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/2961\/revisions\/15027"}],"wp:attachment":[{"href":"https:\/\/pbk.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}