{"id":522,"date":"2026-02-14T05:10:46","date_gmt":"2026-02-14T05:10:46","guid":{"rendered":"https:\/\/pitipatprint.com\/?page_id=522"},"modified":"2026-03-11T14:45:21","modified_gmt":"2026-03-11T14:45:21","slug":"ordering-procedure","status":"publish","type":"page","link":"https:\/\/pitipatprint.com\/index.php\/ordering-procedure\/","title":{"rendered":"\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19"},"content":{"rendered":"\n<style>\n\/* 1. Section \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 *\/\n.step-image-section {\n  padding: 60px 20px;\n  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  font-family: 'Prompt', sans-serif;\n}\n\n\/* 2. \u0e01\u0e25\u0e48\u0e2d\u0e07 Card *\/\n.step-image-card {\n  width: 100%;\n  \/* --- \u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e08\u0e32\u0e01 1000px \u0e40\u0e1b\u0e47\u0e19 900px \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e43\u0e2b\u0e0d\u0e48\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b --- *\/\n  max-width: 900px; \n  background: #ffffff;\n  \n  box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);\n  border-radius: 24px;\n  border: 1px solid rgba(0,0,0,0.05);\n  overflow: hidden;\n  \n  animation: fadeUp 0.8s ease-out forwards;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.step-image-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.2);\n}\n\n\/* 3. \u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 *\/\n.step-header {\n  background: linear-gradient(135deg, #0f4c3a, #16a085);\n  padding: 18px 20px;\n  text-align: center;\n  color: #fff;\n}\n.step-header h2 {\n  margin: 0;\n  font-size: 22px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n}\n\n\/* 4. \u0e15\u0e31\u0e27\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n.step-image-wrapper {\n  max-height: 80vh;\n  overflow-y: auto;\n  position: relative;\n  \/* \u0e40\u0e1e\u0e34\u0e48\u0e21 padding \u0e1a\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e43\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07 *\/\n  padding: 20px 0; \n  background: #f9f9f9;\n}\n\n.step-image-wrapper img {\n  width: auto;     \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e27\u0e32\u0e21\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e2d\u0e07 *\/\n  max-width: 90%;  \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e41\u0e04\u0e1a\u0e01\u0e27\u0e48\u0e32\u0e01\u0e25\u0e48\u0e2d\u0e07 5% \u0e41\u0e1a\u0e1a\u0e21\u0e35\u0e23\u0e30\u0e22\u0e30\u0e2b\u0e48\u0e32\u0e07 *\/\n  height: auto;\n  display: block;\n  margin: auto;    \/* \u0e08\u0e31\u0e14\u0e01\u0e36\u0e48\u0e07\u0e01\u0e25\u0e32\u0e07 *\/\n  border-radius: 8px;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n}\n\n\/* Animation *\/\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .step-image-section { padding: 40px 15px; }\n  .step-image-card { border-radius: 16px; max-width: 100%; }\n  .step-header h2 { font-size: 18px; }\n  .step-image-wrapper img { max-width: 95%; }\n}\n<\/style>\n\n<section class=\"step-image-section\">\n  <div class=\"step-image-card\">\n    \n    <!-- \u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e02\u0e49\u0e2d -->\n    <div class=\"step-header\">\n      <h1>\ud83d\udccb \u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19<\/h1>\n    <\/div>\n    \n    <!-- \u0e2a\u0e48\u0e27\u0e19\u0e41\u0e2a\u0e14\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e -->\n    <div class=\"step-image-wrapper\">\n      <img decoding=\"async\" \n        src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e07\u0e32\u0e19\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e08\u0e32\u0e01\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c.png\"\n        alt=\"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\"\n        loading=\"lazy\"\n      >\n    <\/div>\n    \n  <\/div>\n<\/section>\n\n\n\n<style>\n\/* 1. Section \u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07 *\/\n.step-image-section {\n  padding: 60px 20px;\n  background: linear-gradient(180deg, #f0fbf7 0%, #ffffff 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 80vh; \/* \u0e25\u0e14\u0e25\u0e07\u0e08\u0e32\u0e01 100vh \u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 *\/\n  font-family: 'Prompt', sans-serif;\n}\n\n\/* 2. \u0e01\u0e25\u0e48\u0e2d\u0e07 Card (\u0e1b\u0e23\u0e31\u0e1a\u0e25\u0e14\u0e02\u0e19\u0e32\u0e14\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48) *\/\n.step-image-container {\n  \/* --- \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e08\u0e32\u0e01 1100px \u0e40\u0e1b\u0e47\u0e19 850px \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e40\u0e25\u0e47\u0e01\u0e25\u0e07 --- *\/\n  max-width: 850px; \n  width: 100%;\n  margin: auto;\n  \n  \/* \u0e40\u0e1e\u0e34\u0e48\u0e21 Padding \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e01\u0e23\u0e2d\u0e1a\u0e2a\u0e35\u0e02\u0e32\u0e27\u0e23\u0e2d\u0e1a\u0e23\u0e39\u0e1b (\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e14\u0e39\u0e44\u0e21\u0e48\u0e43\u0e2b\u0e0d\u0e48\u0e08\u0e19\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b) *\/\n  padding: 25px; \n  \n  background: #ffffff;\n  border-radius: 20px;\n  border: 1px solid rgba(0,0,0,0.05);\n  \n  \/* \u0e40\u0e07\u0e32\u0e19\u0e38\u0e48\u0e21\u0e46 *\/\n  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);\n  \n  text-align: center;\n  transition: transform 0.3s ease;\n}\n\n\/* Hover Effect \u0e41\u0e1a\u0e1a\u0e40\u0e1a\u0e32\u0e46 *\/\n.step-image-container:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\n}\n\n\/* 3. \u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e *\/\n.step-image-container img {\n  width: auto;       \/* \u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e04\u0e33\u0e19\u0e27\u0e13\u0e02\u0e19\u0e32\u0e14\u0e40\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e14\u0e2a\u0e48\u0e27\u0e19 *\/\n  max-width: 100%;   \/* \u0e44\u0e21\u0e48\u0e43\u0e2b\u0e49\u0e25\u0e49\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07 *\/\n  height: auto;\n  display: block;\n  margin: auto;\n  \n  \/* \u0e08\u0e33\u0e01\u0e31\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e39\u0e07\u0e16\u0e49\u0e32\u0e23\u0e39\u0e1b\u0e22\u0e32\u0e27\u0e21\u0e32\u0e01 *\/\n  max-height: 75vh; \n  \n  \/* \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e1b\u0e21\u0e35\u0e21\u0e38\u0e21\u0e21\u0e19\u0e15\u0e32\u0e21\u0e01\u0e25\u0e48\u0e2d\u0e07 (\u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23) *\/\n  border-radius: 8px; \n}\n\n\/* Mobile Responsive *\/\n@media (max-width: 768px) {\n  .step-image-section {\n    padding: 40px 15px;\n  }\n  .step-image-container {\n    padding: 15px; \/* \u0e25\u0e14\u0e01\u0e23\u0e2d\u0e1a\u0e1a\u0e19\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d *\/\n    border-radius: 16px;\n  }\n}\n<\/style>\n\n<section class=\"step-image-section\">\n  <div class=\"step-image-container\">\n    <img decoding=\"async\" \n      src=\"https:\/\/pitipatprint.com\/wp-content\/uploads\/2026\/02\/\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2b\u0e31\u0e27\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07.png\"\n      alt=\"\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e2a\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19\"\n      loading=\"lazy\"\n    >\n  <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udccb \u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e31\u0e48\u0e07\u0e07\u0e32\u0e19<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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-522","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages\/522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/comments?post=522"}],"version-history":[{"count":30,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages\/522\/revisions"}],"predecessor-version":[{"id":1786,"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/pages\/522\/revisions\/1786"}],"wp:attachment":[{"href":"https:\/\/pitipatprint.com\/index.php\/wp-json\/wp\/v2\/media?parent=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}