{"id":73,"date":"2026-08-05T14:21:43","date_gmt":"2026-08-05T07:21:43","guid":{"rendered":"https:\/\/samrong.cms.opendata.go.th\/?page_id=73"},"modified":"2026-08-05T14:51:37","modified_gmt":"2026-08-05T07:51:37","slug":"smart-hospital","status":"publish","type":"page","link":"https:\/\/samrong.cms.opendata.go.th\/?page_id=73","title":{"rendered":"SMART HOSPITAL"},"content":{"rendered":"\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.27:9090\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-\u0e21\u0e34.\u0e22.-2569-14_17_12.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.18:8082\/#\/account\/login\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_qc7u9dqc7u9dqc7u-1.png\" alt=\"SMART LR\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/patient-chart-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-\u0e21\u0e34.\u0e22.-2569-14_54_17.png\" alt=\"Chart System\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.35\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_rlbsyrlbsyrlbsyr.png\" alt=\"ACCIDENT SYSTEM\">\n    <\/a>\n\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.16\/circular-system\/pages\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-\u0e21\u0e34.\u0e22.-2569-15_10_20.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/hr-dashboard\/index.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-\u0e21\u0e34.\u0e22.-2569-15_14_10.png\" alt=\"SMART LR\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/ot-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-\u0e21\u0e34.\u0e22.-2569-15_17_00.png\" alt=\"Chart System\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.15\/ACCIDENT2022\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-18-\u0e21\u0e34.\u0e22.-2569-14_47_47.png\" alt=\"ACCIDENT SYSTEM\">\n    <\/a>\n\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.16\/booking\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_szu1puszu1puszu1.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/itservice\/addjob.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_49io2x49io2x49io.png\" alt=\"SMART LR\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/hospital_report\/index.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_crqll3crqll3crql.png\" alt=\"Chart System\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.39:8081\/sign-in\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_ffmf5pffmf5pffmf.png\" alt=\"Risk SYSTEM\">\n    <\/a>\n\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.16\/hi_dashboard\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2ykfd42ykfd42ykf.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"https:\/\/www.srh.thai-nrls.org\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_pcbmkzpcbmkzpcbm.png\" alt=\"Risk SYSTEM\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/sendlab\/auth\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_kmgksekmgksekmgk.png\" alt=\"Chart System\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.5\/helpdesk\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_81ugut81ugut81ug.png\" alt=\"Risk SYSTEM\">\n    <\/a>\n\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.16\/blood-bank-system\/pages\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_melqeimelqeimelq.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/kpi-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_4mzkem4mzkem4mzk.png\" alt=\"SMART LR\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/science_inventory\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2qc2912qc2912qc2.png\" alt=\"Chart System\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/medical-equipment-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_e3krkfe3krkfe3kr.png\" alt=\"ACCIDENT SYSTEM\">\n    <\/a>\n\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.16\/budget-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_x682p2x682p2x682.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/fire-dashboard\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_siuio8siuio8siui.png\" alt=\"SMART LR\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/certificate-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9uyk8v9uyk8v9uyk.png\" alt=\"Chart System\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/flat-system\/auth\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/flat_system.png\" alt=\"ACCIDENT SYSTEM\">\n    <\/a>\n\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n\n\n\n<div class=\"image-button-grid\">\n    \n    <a href=\"http:\/\/192.168.121.16\/health_checkup_system\/auth\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_lni0pflni0pflni0.png\" alt=\"SMART REFER\">\n    <\/a>\n\n    <a href=\"http:\/\/192.168.121.16\/nurse_registry\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_qplomrqplomrqplo.png\" alt=\"SMART LR\">\n    <\/a>\n\n\n    <a href=\"http:\/\/192.168.121.16\/hi-system\/login.php\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_gktc3qgktc3qgktc.png\" alt=\"SMART LR\">\n    <\/a>\n\n<a href=\"http:\/\/192.168.121.15\/claimpk\/web\/\" target=\"_blank\" class=\"image-link-button\">\n        <img decoding=\"async\" src=\"http:\/\/samrong.cms.opendata.go.th\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_hbubz9hbubz9hbub.png\" alt=\"SMART LR\">\n    <\/a>\n<\/div>\n\n<style>\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07 Grid \u0e41\u0e1a\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e17\u0e48\u0e32\u0e46 \u0e01\u0e31\u0e19 *\/\n.image-button-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr); \/* \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 4 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    gap: 15px; \/* \u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21 *\/\n    width: 100%;\n    margin: 20px 0;\n}\n\n\/* \u0e15\u0e31\u0e49\u0e07\u0e04\u0e48\u0e32\u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e21\u0e34\u0e15\u0e34 \u0e44\u0e21\u0e48\u0e40\u0e1a\u0e35\u0e49\u0e22\u0e27 \u0e44\u0e21\u0e48\u0e22\u0e49\u0e27\u0e22 *\/\n.image-link-button img {\n    width: 100%;        \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e02\u0e22\u0e32\u0e22\u0e40\u0e15\u0e47\u0e21\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 *\/\n    height: 140px;      \/* \ud83d\udccc \u0e1a\u0e31\u0e07\u0e04\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e (\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21-\u0e25\u0e14\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02 px \u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e15\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n    object-fit: cover;  \/* \ud83d\udccc \u0e04\u0e23\u0e2d\u0e1b\u0e15\u0e31\u0e14\u0e02\u0e2d\u0e1a\u0e20\u0e32\u0e1e\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e34\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e40\u0e17\u0e48\u0e32\u0e01\u0e31\u0e19\u0e1e\u0e2d\u0e14\u0e35 *\/\n    object-position: center; \/* \u0e08\u0e31\u0e14\u0e43\u0e2b\u0e49\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e20\u0e32\u0e1e\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e01\u0e25\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a *\/\n    display: block;\n    border-radius: 6px; \/* \u0e04\u0e27\u0e32\u0e21\u0e42\u0e04\u0e49\u0e07\u0e21\u0e19\u0e02\u0e2d\u0e07\u0e02\u0e2d\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1); \/* \u0e43\u0e2a\u0e48\u0e40\u0e07\u0e32\u0e1a\u0e32\u0e07\u0e46 \u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e21\u0e35\u0e21\u0e34\u0e15\u0e34 *\/\n    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;\n    cursor: pointer;\n}\n\n\/* \u0e40\u0e2d\u0e1f\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e41\u0e16\u0e21\u0e43\u0e2b\u0e49: \u0e15\u0e2d\u0e19\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e21\u0e32\u0e0a\u0e35\u0e49 (Hover) *\/\n.image-link-button img:hover {\n    transform: translateY(-3px); \/* \u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22\u0e02\u0e36\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 3px *\/\n    box-shadow: 0 6px 12px rgba(0,0,0,0.15); \/* \u0e40\u0e07\u0e32\u0e40\u0e02\u0e49\u0e21\u0e02\u0e36\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e2d\u0e22 *\/\n    opacity: 0.95; \/* \u0e20\u0e32\u0e1e\u0e08\u0e32\u0e07\u0e25\u0e07\u0e19\u0e34\u0e14\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e01\u0e14\u0e44\u0e14\u0e49 *\/\n}\n\n\/* \u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e41\u0e25\u0e30\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15 (Responsive) *\/\n@media (max-width: 992px) {\n    .image-button-grid {\n        grid-template-columns: repeat(2, 1fr); \/* \u0e1a\u0e19\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e47\u0e15\/\u0e08\u0e2d\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07 \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e41\u0e16\u0e27\u0e25\u0e30 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c *\/\n    }\n    .image-link-button img {\n        height: 125px; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e08\u0e2d *\/\n    }\n}\n@media (max-width: 576px) {\n    .image-button-grid {\n        grid-template-columns: repeat(1, 1fr); \/* \u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e08\u0e2d\u0e40\u0e25\u0e47\u0e01 \u0e40\u0e23\u0e35\u0e22\u0e07\u0e40\u0e14\u0e35\u0e48\u0e22\u0e27\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e19\u0e25\u0e07\u0e21\u0e32 *\/\n    }\n    .image-link-button img {\n        height: 140px; \/* \u0e04\u0e37\u0e19\u0e04\u0e48\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e41\u0e2a\u0e14\u0e07\u0e41\u0e1a\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e43\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-73","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":8,"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/samrong.cms.opendata.go.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}