{"id":13211,"date":"2026-03-30T15:11:57","date_gmt":"2026-03-30T08:11:57","guid":{"rendered":"https:\/\/scphlp.pi.ac.th\/?page_id=13211"},"modified":"2026-04-03T13:57:36","modified_gmt":"2026-04-03T06:57:36","slug":"e-service-2","status":"publish","type":"page","link":"https:\/\/scphlp.pi.ac.th\/?page_id=13211","title":{"rendered":"E-Service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13211\" class=\"elementor elementor-13211\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4467d9e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4467d9e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a01b18d\" data-id=\"a01b18d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ba1171 elementor-widget elementor-widget-html\" data-id=\"4ba1171\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<meta charset=\"UTF-8\">\r\n<div class=\"eservice-container\">\r\n  <h1 class=\"eservice-title\">E-Service \u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32<\/h1>\r\n  <div class=\"eservices-grid\">\r\n\r\n    <!-- \u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 1 -->\r\n    <div class=\"eservice-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/scphlp.pi.ac.th\/wp-content\/uploads\/\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d-3.jpg\" alt=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0b\u0e48\u0e2d\u0e21\">\r\n      <div class=\"eservice-content\">\r\n        <h3>\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e08\u0e49\u0e07\u0e0b\u0e48\u0e2d\u0e21<\/h3>\r\n        <p>\u0e41\u0e08\u0e49\u0e07\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e38\u0e1b\u0e01\u0e23\u0e13\u0e4c\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a IT \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28<\/p>\r\n        <a href=\"https:\/\/scphlp.pi.ac.th\/?page_id=13581\">\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 2 -->\r\n    <div class=\"eservice-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/scphlp.pi.ac.th\/wp-content\/uploads\/PHAS-ONE-Logo2.png\" alt=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\">\r\n      <div class=\"eservice-content\">\r\n        <h3>PHAS-ONE<\/h3>\r\n        <p>PHAS-ONE<\/p>\r\n        <a href=\"https:\/\/phas-one.scphub.ac.th\/\" target=\"_blank\" rel=\"noopener\">\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/a>\r\n      <\/div>\r\n    <\/div>\r\n<!-- \u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e1a\u0e23\u0e34\u0e01\u0e323 2 -->\r\n    <div class=\"eservice-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/scphlp.pi.ac.th\/wp-content\/uploads\/\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e2d\u0e35\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e34\u0e23\u0e4c\u0e0b\u0e41\u0e25\u0e30\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c-Photoroom.png\" alt=\"\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e32\u0e23\u0e2a\u0e19\u0e40\u0e17\u0e28\">\r\n      <div class=\"eservice-content\">\r\n        <h3>\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/h3>\r\n        <p>\u0e23\u0e30\u0e1a\u0e1a\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e04\u0e23\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/p>\r\n        <a href=\"https:\/\/scphlp.pi.ac.th\/it\/Front-end\/index.php\">\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/a>\r\n      <\/div>\r\n    <\/div>\r\n   \r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Container *\/\r\n.eservice-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  padding: 40px 20px;\r\n  text-align: center;\r\n  font-family: Arial, sans-serif;\r\n  background-color: #f3f0f8;\r\n}\r\n\r\n\/* Title *\/\r\n.eservice-title {\r\n  font-size: 2.2rem; \/* \u0e43\u0e0a\u0e49 rem \u0e43\u0e2b\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e32\u0e21 root font \u0e44\u0e14\u0e49 *\/\r\n  color: #4b0082;\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.eservices-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 2rem;\r\n}\r\n\r\n\/* Card *\/\r\n.eservice-card {\r\n  background-color: #fff;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 20px rgba(75, 0, 130, 0.2);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: column;\r\n  animation: fadeInUp 1s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n\/* Animation delay \u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a *\/\r\n.eservice-card:nth-child(1) { animation-delay: 0.1s; }\r\n.eservice-card:nth-child(2) { animation-delay: 0.3s; }\r\n.eservice-card:nth-child(3) { animation-delay: 0.5s; }\r\n.eservice-card:nth-child(4) { animation-delay: 0.7s; }\r\n\r\n\/* Hover Effect *\/\r\n.eservice-card:hover {\r\n  transform: translateY(-8px) scale(1.03);\r\n  box-shadow: 0 15px 30px rgba(75, 0, 130, 0.3);\r\n}\r\n\r\n\/* Card Image *\/\r\n.eservice-card img {\r\n  width: 100%;\r\n  aspect-ratio: 16\/9; \/* \u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e2a\u0e48\u0e27\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34 *\/\r\n  object-fit: cover;\r\n  border-top-left-radius: 15px;\r\n  border-top-right-radius: 15px;\r\n  transition: transform 0.4s ease, filter 0.4s ease;\r\n}\r\n\r\n.eservice-card:hover img {\r\n  transform: scale(1.07);\r\n  filter: brightness(1.1);\r\n}\r\n\r\n\/* Card Content *\/\r\n.eservice-content {\r\n  padding: 1.5rem;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between; \/* \u0e43\u0e2b\u0e49\u0e1b\u0e38\u0e48\u0e21\u0e2d\u0e22\u0e39\u0e48\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 *\/\r\n}\r\n\r\n.eservice-content h3 {\r\n  margin: 0 0 0.5rem 0;\r\n  color: #4b0082;\r\n  font-size: 1.4rem;\r\n}\r\n\r\n.eservice-content p {\r\n  color: #555;\r\n  flex: 1;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.eservice-content a {\r\n  text-decoration: none;\r\n  color: #fff;\r\n  background-color: #4b0082;\r\n  padding: 0.6rem 1rem;\r\n  border-radius: 5px;\r\n  display: inline-block;\r\n  margin-top: 1rem;\r\n  transition: background-color 0.3s ease;\r\n}\r\n\r\n.eservice-content a:hover {\r\n  background-color: #360066;\r\n}\r\n\r\n\/* Fade In Up Animation *\/\r\n@keyframes fadeInUp {\r\n  0% {\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive Adjustments *\/\r\n@media (max-width: 768px) {\r\n  .eservice-title {\r\n    font-size: 1.8rem;\r\n    margin-bottom: 2rem;\r\n  }\r\n\r\n  .eservice-content h3 {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .eservice-content p {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .eservice-content a {\r\n    padding: 0.5rem 0.8rem;\r\n    font-size: 0.9rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .eservice-container {\r\n    padding: 30px 15px;\r\n  }\r\n\r\n  .eservices-grid {\r\n    gap: 1.5rem;\r\n  }\r\n\r\n  .eservice-content h3 {\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .eservice-content p {\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .eservice-content a {\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 0.5rem;\r\n    font-size: 0.85rem;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>E-Service \u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32 \u0e1a\u0e23\u0e34 [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/13211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13211"}],"version-history":[{"count":44,"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/13211\/revisions"}],"predecessor-version":[{"id":13627,"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=\/wp\/v2\/pages\/13211\/revisions\/13627"}],"wp:attachment":[{"href":"https:\/\/scphlp.pi.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}