{"id":231,"date":"2026-09-06T13:49:24","date_gmt":"2026-09-06T13:49:24","guid":{"rendered":"https:\/\/blm.ac.th\/web2026\/e-service\/"},"modified":"2026-09-08T05:37:49","modified_gmt":"2026-09-08T05:37:49","slug":"e-service","status":"publish","type":"page","link":"https:\/\/blm.ac.th\/web2026\/e-service\/","title":{"rendered":"E-Service"},"content":{"rendered":"<!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    <!-- \u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e1f\u0e2d\u0e19\u0e15\u0e4c Anuphan \u0e41\u0e25\u0e30 FontAwesome -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anuphan:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        .blm-eservice-page {\n            font-family: 'Anuphan', sans-serif !important;\n            background-color: #FBFBFD !important;\n            padding: 70px 20px !important;\n            color: #1D1D1F !important;\n        }\n\n        .blm-eservice-container {\n            max-width: 1100px !important;\n            margin: 0 auto !important;\n        }\n\n        \/* \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07 *\/\n        .blm-eservice-title {\n            text-align: center !important;\n            margin-bottom: 50px !important;\n        }\n\n        .blm-eservice-title h2 {\n            font-size: 36px !important;\n            font-weight: 600 !important;\n            color: #153F7A !important;\n            margin: 0 0 10px 0 !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        .blm-eservice-title p {\n            font-size: 18px !important;\n            color: #86868B !important;\n            margin: 0 !important;\n        }\n\n        \/* \u0e23\u0e30\u0e1a\u0e1a Grid \u0e25\u0e47\u0e2d\u0e01\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2b\u0e49\u0e32\u0e21\u0e41\u0e15\u0e01 *\/\n        .blm-eservice-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;\n            gap: 24px !important;\n        }\n\n        \/* \u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e38\u0e48\u0e21 \u0e41\u0e25\u0e30\u0e1b\u0e34\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49\u0e25\u0e34\u0e07\u0e01\u0e4c *\/\n        .blm-service-card {\n            background: #FFFFFF !important;\n            border-radius: 20px !important;\n            padding: 20px !important;\n            display: flex !important;\n            align-items: center !important;\n            text-decoration: none !important; \/* \u0e1b\u0e34\u0e14\u0e40\u0e2a\u0e49\u0e19\u0e43\u0e15\u0e49 *\/\n            border: 1px solid #E5E5EA !important;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;\n            transition: all 0.3s ease !important;\n            cursor: pointer !important;\n        }\n\n        .blm-service-card:hover {\n            transform: translateY(-5px) !important;\n            box-shadow: 0 15px 30px rgba(21, 63, 122, 0.08) !important;\n            border-color: rgba(21, 63, 122, 0.15) !important;\n        }\n\n        \/* \u0e25\u0e47\u0e2d\u0e01\u0e02\u0e19\u0e32\u0e14\u0e01\u0e23\u0e2d\u0e1a\u0e44\u0e2d\u0e04\u0e2d\u0e19\u0e2a\u0e44\u0e15\u0e25\u0e4c App Icon *\/\n        .blm-app-icon {\n            min-width: 64px !important;\n            max-width: 64px !important;\n            min-height: 64px !important;\n            max-height: 64px !important;\n            border-radius: 18px !important;\n            display: flex !important;\n            justify-content: center !important;\n            align-items: center !important;\n            font-size: 28px !important;\n            color: #FFFFFF !important;\n            margin-right: 20px !important;\n            flex-shrink: 0 !important;\n            background: linear-gradient(135deg, #153F7A 0%, #3065B5 100%) !important;\n            box-shadow: 0 8px 16px rgba(21, 63, 122, 0.2) !important;\n            transition: transform 0.3s ease !important;\n        }\n\n        .blm-service-card:hover .blm-app-icon {\n            transform: scale(1.05) !important;\n        }\n\n        \/* \u0e2a\u0e35\u0e44\u0e2d\u0e04\u0e2d\u0e19 *\/\n        .icon-blue   { background: linear-gradient(135deg, #153F7A 0%, #356BBD 100%) !important; box-shadow: 0 6px 15px rgba(21, 63, 122, 0.25) !important; }\n        .icon-pink   { background: linear-gradient(135deg, #F198BF 0%, #F5B0CE 100%) !important; box-shadow: 0 6px 15px rgba(241, 152, 191, 0.35) !important; }\n        .icon-purple { background: linear-gradient(135deg, #5E5CE6 0%, #827FF3 100%) !important; box-shadow: 0 6px 15px rgba(94, 92, 230, 0.25) !important; }\n        .icon-green  { background: linear-gradient(135deg, #34C759 0%, #5DD87D 100%) !important; box-shadow: 0 6px 15px rgba(52, 199, 89, 0.25) !important; }\n        .icon-orange { background: linear-gradient(135deg, #FF9500 0%, #FFB340 100%) !important; box-shadow: 0 6px 15px rgba(255, 149, 0, 0.25) !important; }\n        .icon-red    { background: linear-gradient(135deg, #FF3B30 0%, #FF6961 100%) !important; box-shadow: 0 6px 15px rgba(255, 59, 48, 0.25) !important; }\n        .icon-cyan   { background: linear-gradient(135deg, #0ED2F7 0%, #0771DF 100%) !important; box-shadow: 0 6px 15px rgba(7, 113, 223, 0.25) !important; } \n        .icon-teal   { background: linear-gradient(135deg, #20C997 0%, #12A074 100%) !important; box-shadow: 0 6px 15px rgba(32, 201, 151, 0.25) !important; } \/* \u0e2a\u0e35\u0e43\u0e2b\u0e21\u0e48\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 *\/\n\n        \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 *\/\n        .blm-service-text {\n            display: flex !important;\n            flex-direction: column !important;\n            justify-content: center !important;\n        }\n\n        .blm-service-text h3 {\n            color: #1D1D1F !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            margin: 0 0 4px 0 !important;\n            line-height: 1.2 !important;\n            text-decoration: none !important;\n        }\n\n        .blm-service-text p {\n            color: #86868B !important;\n            font-size: 14px !important;\n            font-weight: 400 !important;\n            margin: 0 !important;\n            line-height: 1.3 !important;\n        }\n\n        @media (max-width: 768px) {\n            .blm-eservice-page { padding: 40px 15px !important; }\n            .blm-eservice-grid { grid-template-columns: 1fr !important; gap: 16px !important; }\n            .blm-app-icon { min-width: 56px !important; min-height: 56px !important; max-width: 56px !important; max-height: 56px !important; font-size: 24px !important; border-radius: 14px !important; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"blm-eservice-page\">\n    <div class=\"blm-eservice-container\">\n        \n        <div class=\"blm-eservice-title\">\n            <h2>\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 (E-Service)<\/h2>\n            <p>\u0e23\u0e27\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e2d\u0e34\u0e40\u0e25\u0e47\u0e01\u0e17\u0e23\u0e2d\u0e19\u0e34\u0e01\u0e2a\u0e4c<\/p>\n        <\/div>\n\n        <div class=\"blm-eservice-grid\">\n            \n            <!-- 1. E-School -->\n            <a href=\"https:\/\/pnb.mreschool.net\/mainEschool\/login.php?icon=teacher\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-blue\"><i class=\"fa-solid fa-school\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>E-School<\/h3>\n                    <p>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e16\u0e32\u0e19\u0e28\u0e36\u0e01\u0e29\u0e32<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 2. HRMS -->\n            <a href=\"https:\/\/hrms.obec.go.th\/\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-purple\"><i class=\"fa-solid fa-users-gear\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>HRMS<\/h3>\n                    <p>\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e1a\u0e38\u0e04\u0e04\u0e25<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 3. SGS -->\n            <a href=\"https:\/\/sgs.bopp-obec.info\/sgs\/Security\/SignIn.aspx?MasterPage=..\/Master%20Pages\/HorizontalMenu.master&#038;Target=\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-pink\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>SGS<\/h3>\n                    <p>\u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 (Secondary)<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 4. STUDENT CARE -->\n            <a href=\"https:\/\/www.student.co.th\/\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-green\"><i class=\"fa-solid fa-hand-holding-heart\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>STUDENT CARE<\/h3>\n                    <p>\u0e23\u0e30\u0e1a\u0e1a\u0e14\u0e39\u0e41\u0e25\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 5. DMC -->\n            <a href=\"https:\/\/portal.bopp-obec.info\/obec69\/\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-orange\"><i class=\"fa-solid fa-database\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>DMC<\/h3>\n                    <p>\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e19\u0e31\u0e01\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e32\u0e22\u0e1a\u0e38\u0e04\u0e04\u0e25<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 6. OBEC ASSET -->\n            <a href=\"https:\/\/asset.bopp-obec.info\/\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-red\"><i class=\"fa-solid fa-building-shield\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>OBEC ASSET<\/h3>\n                    <p>\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e34\u0e48\u0e07\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 (\u0e2a\u0e1e\u0e10.)<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 7. \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c ICT -->\n            <a href=\"https:\/\/blm-school.github.io\/ict\/\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-cyan\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e28\u0e39\u0e19\u0e22\u0e4c ICT<\/h3>\n                    <p>\u0e41\u0e08\u0e49\u0e07\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e20\u0e32\u0e1e \u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e07 \u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e1a\u0e1a\u0e2d\u0e34\u0e19\u0e40\u0e17\u0e2d\u0e23\u0e4c\u0e40\u0e19\u0e47\u0e15<\/p>\n                <\/div>\n            <\/a>\n\n            <!-- 8. \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 60 \u0e1b\u0e35 (\u0e1b\u0e38\u0e48\u0e21\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e43\u0e2b\u0e21\u0e48) -->\n            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSejrrBqYyiFAr1NRneZTiQb6Exc1YTVEiRxyEa-ZLVp0U6Etg\/viewform\" class=\"blm-service-card\" target=\"_blank\">\n                <div class=\"blm-app-icon icon-teal\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\n                <div class=\"blm-service-text\">\n                    <h3>\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e2d\u0e07\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21 60 \u0e1b\u0e35<\/h3>\n                    <p>\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e02\u0e2d\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e0a\u0e49\u0e2b\u0e49\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e0a\u0e38\u0e21<\/p>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 (E-Service) \u0e23\u0e27\u0e21\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-231","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/pages\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":7,"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/pages\/231\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/blm.ac.th\/web2026\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}