\u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28 | \u0e2a\u0e2a\u0e2d.\u0e28\u0e23\u0e35\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48<\/title>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n\n<link rel=\"stylesheet\"\nhref=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n\n<style>\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n font-family: 'Sarabun', sans-serif;\n\n background:\n radial-gradient(circle at top left,\n rgba(0,150,136,.06),\n transparent 35%),\n linear-gradient(135deg,#f2fbfc,#f8ffff);\n\n color: #172b2f;\n}\n\n\n\/* =========================\n MAIN\n========================= *\/\n\n.container {\n width: 100%;\n max-width: 1450px;\n margin: auto;\n padding: 38px 28px 50px;\n}\n\n\n\/* =========================\n SECTION\n========================= *\/\n\n.section {\n margin-bottom: 48px;\n}\n\n.section-title {\n display: flex;\n align-items: center;\n gap: 12px;\n\n font-size: 25px;\n font-weight: 700;\n\n margin-bottom: 18px;\n\n color: #17383b;\n}\n\n.section-title i {\n color: #008f73;\n font-size: 26px;\n}\n\n\n\/* =========================\n GRID\n========================= *\/\n\n.card-grid {\n display: grid;\n\n grid-template-columns:\n repeat(4, minmax(0, 1fr));\n\n gap: 24px;\n}\n\n\n\/* =========================\n CARD\n========================= *\/\n\n.system-card {\n\n position: relative;\n\n min-height: 125px;\n\n background: #ffffff;\n\n border-radius: 22px;\n\n padding: 27px 25px;\n\n display: flex;\n align-items: center;\n\n gap: 20px;\n\n text-decoration: none;\n\n color: #172b2f;\n\n overflow: hidden;\n\n box-shadow:\n 0 10px 30px rgba(0, 120, 110, .08);\n\n transition:\n transform .25s ease,\n box-shadow .25s ease;\n}\n\n\n\/* \u0e27\u0e07\u0e01\u0e25\u0e21\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07 *\/\n\n.system-card::after {\n\n content: \"\";\n\n position: absolute;\n\n width: 105px;\n height: 105px;\n\n right: -40px;\n bottom: -43px;\n\n border-radius: 50%;\n\n background: #f1f8f7;\n\n transition: .25s;\n}\n\n\n\/* Hover *\/\n\n.system-card:hover {\n\n transform: translateY(-5px);\n\n box-shadow:\n 0 16px 35px rgba(0, 120, 110, .14);\n\n}\n\n.system-card:hover::after {\n transform: scale(1.25);\n}\n\n\n\/* =========================\n ICON\n========================= *\/\n\n.icon-box {\n\n width: 68px;\n height: 68px;\n\n min-width: 68px;\n\n border-radius: 18px;\n\n background: #e4faf4;\n\n color: #008c70;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n font-size: 31px;\n\n position: relative;\n\n z-index: 2;\n}\n\n\n\/* =========================\n TEXT\n========================= *\/\n\n.card-content {\n\n position: relative;\n\n z-index: 2;\n\n flex: 1;\n\n min-width: 0;\n}\n\n.card-title {\n\n font-size: 21px;\n\n font-weight: 600;\n\n line-height: 1.25;\n\n margin-bottom: 5px;\n\n color: #182b30;\n}\n\n.card-description {\n\n font-size: 15px;\n\n line-height: 1.45;\n\n color: #71838b;\n}\n\n\n\/* =========================\n ARROW\n========================= *\/\n\n.arrow {\n\n position: relative;\n\n z-index: 3;\n\n color: #9db1b8;\n\n font-size: 25px;\n\n transition: .2s;\n}\n\n.system-card:hover .arrow {\n\n color: #008c70;\n\n transform: translateX(4px);\n}\n\n\n\/* =========================\n 2 ITEMS\n========================= *\/\n\n.card-grid.two {\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n}\n\n\n\/* =========================\n RESPONSIVE\n========================= *\/\n\n@media (max-width: 1100px) {\n\n .card-grid {\n\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n}\n\n@media (max-width: 700px) {\n\n .container {\n\n padding:\n 25px 15px 40px;\n }\n\n .section {\n\n margin-bottom: 35px;\n }\n\n .section-title {\n\n font-size: 21px;\n }\n\n .card-grid,\n .card-grid.two {\n\n grid-template-columns: 1fr;\n\n gap: 15px;\n }\n\n .system-card {\n\n min-height: 110px;\n\n padding: 20px;\n }\n\n .icon-box {\n\n width: 58px;\n height: 58px;\n\n min-width: 58px;\n\n font-size: 27px;\n }\n\n .card-title {\n\n font-size: 18px;\n }\n\n .card-description {\n\n font-size: 14px;\n }\n\n}\n\n\n\/* =========================\n FOOTER\n========================= *\/\n\n.footer {\n\n text-align: center;\n\n padding: 20px;\n\n font-size: 14px;\n\n color: #809399;\n}\n\n<\/style>\n<\/head>\n\n\n<body>\n\n\n<div class=\"container\">\n\n\n \n\n <section class=\"section\">\n\n <div class=\"section-title\">\n\n <i class=\"bi bi-building-fill\"><\/i>\n\n \u0e23\u0e30\u0e1a\u0e1a\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\n\n <\/div>\n\n\n <div class=\"card-grid\">\n\n\n \n\n <a href=\"#\"\n class=\"system-card\"\n target=\"_blank\">\n\n <div class=\"icon-box\">\n\n <i class=\"bi bi-people-fill\"><\/i>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <div class=\"card-title\">\n Smart HR\n <\/div>\n\n <div class=\"card-description\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<br>\n \u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\n <\/div>\n\n <\/div>\n\n <i class=\"bi bi-chevron-right arrow\"><\/i>\n\n <\/a>\n\n\n \n\n <a href=\"#\"\n class=\"system-card\"\n target=\"_blank\">\n\n <div class=\"icon-box\">\n\n <i class=\"bi bi-folder-fill\"><\/i>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <div class=\"card-title\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n <\/div>\n\n <div class=\"card-description\">\n \u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30<br>\n \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\n <\/div>\n\n <\/div>\n\n <i class=\"bi bi-chevron-right arrow\"><\/i>\n\n <\/a>\n\n\n \n\n <a href=\"#\"\n class=\"system-card\"\n target=\"_blank\">\n\n <div class=\"icon-box\">\n\n <i class=\"bi bi-car-front-fill\"><\/i>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <div class=\"card-title\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e16\u0e23\u0e32\u0e0a\u0e01\u0e32\u0e23\n <\/div>\n\n <div class=\"card-description\">\n \u0e02\u0e2d\u0e43\u0e0a\u0e49\u0e23\u0e16\u0e41\u0e25\u0e30\u0e2d\u0e19\u0e38\u0e21\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<br>\n \u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\n <\/div>\n\n <\/div>\n\n <i class=\"bi bi-chevron-right arrow\"><\/i>\n\n <\/a>\n\n\n \n\n <a href=\"#\"\n class=\"system-card\"\n target=\"_blank\">\n\n <div class=\"icon-box\">\n\n <i class=\"bi bi-calendar-event-fill\"><\/i>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <div class=\"card-title\">\n \u0e1b\u0e0f\u0e34\u0e17\u0e34\u0e19\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\n <\/div>\n\n <div class=\"card-description\">\n \u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\n <\/div>\n\n <\/div>\n\n <i class=\"bi bi-chevron-right arrow\"><\/i>\n\n <\/a>\n\n\n <\/div>\n\n <\/section>\n\n\n\n \n\n <section class=\"section\">\n\n <div class=\"section-title\">\n\n <i class=\"bi bi-shield-check\"><\/i>\n\n \u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e41\u0e25\u0e30\u0e18\u0e23\u0e23\u0e21\u0e32\u0e20\u0e34\u0e1a\u0e32\u0e25\n\n <\/div>\n\n\n <div class=\"card-grid two\">\n\n\n \n\n <a href=\"#\"\n class=\"system-card\"\n target=\"_blank\">\n\n <div class=\"icon-box\">\n\n <i class=\"bi bi-file-earmark-check-fill\"><\/i>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <div class=\"card-title\">\n ITA\n <\/div>\n\n <div class=\"card-description\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e42\u0e1b\u0e23\u0e48\u0e07\u0e43\u0e2a\n <\/div>\n\n <\/div>\n\n <i class=\"bi bi-chevron-right arrow\"><\/i>\n\n <\/a>\n\n\n \n\n <a href=\"#\"\n class=\"system-card\"\n target=\"_blank\">\n\n <div class=\"icon-box\">\n\n <i class=\"bi bi-cash-stack\"><\/i>\n\n <\/div>\n\n <div class=\"card-content\">\n\n <div class=\"card-title\">\n \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e14\u0e40\u0e01\u0e47\u0e1a\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\n <\/div>\n\n <div class=\"card-description\">\n \u0e01\u0e2d\u0e07\u0e17\u0e38\u0e19\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\n <\/div>\n\n <\/div>\n\n <i class=\"bi bi-chevron-right arrow\"><\/i>\n\n <\/a>\n\n\n <\/div>\n\n <\/section>\n\n\n<\/div>\n\n\n<div class=\"footer\">\n\n \u00a9 2569 \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e2a\u0e32\u0e18\u0e32\u0e23\u0e13\u0e2a\u0e38\u0e02\u0e2d\u0e33\u0e40\u0e20\u0e2d\u0e28\u0e23\u0e35\u0e40\u0e21\u0e37\u0e2d\u0e07\u0e43\u0e2b\u0e21\u0e48\n\n<\/div>\n\n\n<\/body>\n<\/html>\n“`\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e01\u0e25\u0e38\u0e48\u0e21\u0e07\u0e32\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e15\u0e23\u0e4c \u0e1c\u0e39\u0e49\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a \u0e19\u0e32\u0e07\u0e2a\u0e32\u0e27\u0e40\u0e2a\u0e32\u0e27\u0e25\u0e31\u0e01\u0e29\u0e4c \u0e42\u0e1e\u0e18\u0e32 \u0e41\u0e1c\u0e19…<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/smmpho.org\/websso\/%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%a2%e0%b8%b8%e0%b8%97%e0%b8%98%e0%b8%a8%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b9%8c\/\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> “\u0e01\u0e25\u0e38\u0e48\u0e21\u0e07\u0e32\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e15\u0e23\u0e4c”<\/span> »<\/a><\/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-402","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/pages\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":27,"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/pages\/402\/revisions"}],"predecessor-version":[{"id":1176,"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/pages\/402\/revisions\/1176"}],"wp:attachment":[{"href":"https:\/\/smmpho.org\/websso\/wp-json\/wp\/v2\/media?parent=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":402,"date":"2023-05-16T02:32:26","date_gmt":"2023-05-16T02:32:26","guid":{"rendered":"https:\/\/smmpho.org\/websso\/?page_id=402"},"modified":"2026-09-21T03:26:38","modified_gmt":"2026-09-21T03:26:38","slug":"%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%a2%e0%b8%b8%e0%b8%97%e0%b8%98%e0%b8%a8%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b9%8c","status":"publish","type":"page","link":"https:\/\/smmpho.org\/websso\/%e0%b8%81%e0%b8%a5%e0%b8%b8%e0%b9%88%e0%b8%a1%e0%b8%87%e0%b8%b2%e0%b8%99%e0%b8%a2%e0%b8%b8%e0%b8%97%e0%b8%98%e0%b8%a8%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b9%8c\/","title":{"rendered":"\u0e01\u0e25\u0e38\u0e48\u0e21\u0e07\u0e32\u0e19\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e15\u0e23\u0e4c"},"content":{"rendered":"\n\n\n

\u0e41\u0e1c\u0e19\u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e35 2569<\/h6>\n

\u0e04\u0e48\u0e32\u0e40\u0e2a\u0e37\u0e48\u0e2d\u0e21 2569<\/h6>\n

\u0e23\u0e30\u0e1a\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e04\u0e19\u0e44\u0e02\u0e49\u0e43\u0e19\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e32\u0e19\u0e38\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c<\/h6>\n