\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 (White Immersive Theme) – WCMS<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Prompt:wght@300;400;500;600&family=Sarabun:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\n<script id=\"tailwind-config\">\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n \"primary\": \"#f2f20d\",\n \"brand-dark\": \"#1a1a1a\",\n \"brand-gray\": \"#4b5563\",\n },\n fontFamily: {\n \"display\": [\"Inter\", \"Prompt\", \"sans-serif\"],\n \"thai-body\": [\"Sarabun\", \"sans-serif\"],\n \"thai-head\": [\"Prompt\", \"sans-serif\"]\n },\n borderRadius: {\"DEFAULT\": \"0.25rem\", \"lg\": \"0.5rem\", \"xl\": \"0.75rem\", \"full\": \"9999px\"},\n },\n },\n }\n <\/script>\n<style type=\"text\/tailwindcss\">body {\n font-family: \"Inter\", \"Sarabun\", sans-serif\n }\n.bg-immersive-light {background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.95)), url(https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCa8mDJozJRlcTVNP3FtZbuHc_kxx1w_4IwYE4PgLaB-OEg2w_mk-jQJUWhQiI82ZQ_rfFMjpGJyJuw1GS1MDpVYmATd3I-rwKde-PsysgvCht97_HGzeXi6weUA37SNrLMx9VuNCqE8I13NJnIVbEiDhIvxXztD91NRgTXzizgcEYBXUnp8ojwQEDeC4tGYqIOdt3lmgdBFQmlVZU1BPT7Zcyiy7IZUfQ-adSd4yBKHlBCVxJMlBhPEHCumX1beQo_n8NB4EyS5A);\n background-size: cover;\n background-position: center;\n background-attachment: fixed\n }\n.form-card {\n background: white;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n border: 1px solid rgba(0, 0, 0, 0.05)\n }.form-label {\n font-family: \"Prompt\", sans-serif;\n color: #1a1a1a\n }\n.form-input {\n font-family: \"Sarabun\", sans-serif;\n color: #1a1a1a\n }<\/style>\n<\/head>\n<body class=\"bg-white text-gray-900 min-h-screen\">\n<div class=\"bg-immersive-light min-h-screen flex items-center justify-center p-4 md:p-12\">\n<div class=\"form-card w-full max-w-4xl rounded-2xl overflow-hidden\">\n<div class=\"px-6 py-8 md:px-10 border-b border-gray-100 flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n<div>\n<h1 class=\"font-thai-head text-3xl md:text-4xl font-bold text-primary tracking-tight\" style=\"text-shadow: 0 1px 2px rgba(0,0,0,0.1);\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19<\/h1>\n<p class=\"font-thai-body text-brand-gray mt-2 text-lg\">WCMS Premium Crane & Logistics Services<\/p>\n<\/div>\n<div class=\"bg-primary px-4 py-2 rounded-lg shadow-sm\">\n<span class=\"block text-[10px] uppercase tracking-widest text-brand-dark\/60 font-bold\">Request ID<\/span>\n<span class=\"font-mono text-brand-dark font-bold\">REQ-20231027-001<\/span>\n<\/div>\n<\/div>\n<form class=\"p-6 md:p-10\">\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n<div class=\"space-y-6\">\n<div class=\"flex items-center gap-3 mb-6\">\n<span class=\"w-1.5 h-6 bg-primary rounded-full\"><\/span>\n<h2 class=\"font-thai-head text-xl font-bold text-brand-dark\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h2>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \/ Name<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" type=\"text\"\/>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ Phone<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"08X-XXX-XXXX\" type=\"tel\"\/>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ Company (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\" type=\"text\"\/>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">Line ID \u0e2b\u0e23\u0e37\u0e2d \u0e2d\u0e35\u0e40\u0e21\u0e25 \/ Contact<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"@lineid \u0e2b\u0e23\u0e37\u0e2d example@mail.com\" type=\"text\"\/>\n<\/div>\n<\/div>\n<div class=\"space-y-6\">\n<div class=\"flex items-center gap-3 mb-6\">\n<span class=\"w-1.5 h-6 bg-primary rounded-full\"><\/span>\n<h2 class=\"font-thai-head text-xl font-bold text-brand-dark\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19<\/h2>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19 \/ Work Type<\/label>\n<div class=\"relative\">\n<select class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 appearance-none focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\">\n<option value=\"\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e07\u0e32\u0e19<\/option>\n<option value=\"lifting\">\u0e07\u0e32\u0e19\u0e22\u0e01\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (General Lifting)<\/option>\n<option value=\"transport\">\u0e07\u0e32\u0e19\u0e02\u0e19\u0e2a\u0e48\u0e07 (Transport)<\/option>\n<option value=\"installation\">\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e08\u0e31\u0e01\u0e23\u0e01\u0e25 (Installation)<\/option>\n<option value=\"other\">\u0e2d\u0e37\u0e48\u0e19\u0e46 (Other)<\/option>\n<\/select>\n<div class=\"absolute inset-y-0 right-0 flex items-center pr-4 pointer-events-none\">\n<span class=\"material-symbols-outlined text-brand-gray\">expand_more<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 \/ Location<\/label>\n<div class=\"flex gap-2\">\n<input class=\"form-input flex-grow bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e40\u0e02\u0e15\/\u0e2d\u0e33\u0e40\u0e20\u0e2d, \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\" type=\"text\"\/>\n<button class=\"bg-gray-100 hover:bg-gray-200 text-brand-gray p-3 rounded-xl transition-colors border border-gray-200 flex items-center justify-center\" type=\"button\">\n<span class=\"material-symbols-outlined\">location_on<\/span>\n<\/button>\n<\/div>\n<\/div>\n<div class=\"grid grid-cols-2 gap-4\">\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \/ Date<\/label>\n<div class=\"relative\">\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" type=\"date\"\/>\n<\/div>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e40\u0e27\u0e25\u0e32 \/ Time<\/label>\n<div class=\"relative\">\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" type=\"time\"\/>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ Notes<\/label>\n<textarea class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e04\u0e27\u0e32\u0e21\u0e22\u0e32\u0e27\u0e41\u0e02\u0e19, \u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e01\" rows=\"1\"><\/textarea>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-12 pt-8 border-t border-gray-100\">\n<div class=\"flex items-start mb-8\">\n<div class=\"flex items-center h-5\">\n<input class=\"w-5 h-5 text-primary bg-gray-100 border-gray-300 rounded focus:ring-primary\" id=\"terms\" type=\"checkbox\"\/>\n<\/div>\n<label class=\"ml-3 font-thai-body text-sm text-brand-gray\" for=\"terms\">\n \u0e09\u0e31\u0e19\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a <a class=\"text-brand-dark font-bold hover:underline\" href=\"#\">\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/a> \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e01\u0e47\u0e1a\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e32\u0e21\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\n <\/label>\n<\/div>\n<button class=\"w-full bg-primary hover:brightness-95 text-brand-dark font-thai-head font-bold py-5 px-8 rounded-xl text-xl shadow-lg shadow-primary\/30 active:scale-[0.99] transition-all flex items-center justify-center gap-3\" type=\"submit\">\n \u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\n <span class=\"material-symbols-outlined font-bold\">arrow_forward<\/span>\n<\/button>\n<p class=\"text-center mt-6 font-thai-body text-gray-400 text-sm\">\n * \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e20\u0e32\u0e22\u0e43\u0e19 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 (08:00 – 18:00 \u0e19.)\n <\/p>\n<\/div>\n<\/form>\n<\/div>\n<div class=\"hidden lg:block absolute bottom-12 right-12 bg-white\/90 backdrop-blur-md p-4 rounded-2xl border border-gray-200 shadow-xl max-w-xs\">\n<div class=\"flex items-center gap-4\">\n<div class=\"w-12 h-12 rounded-xl bg-primary\/20 flex items-center justify-center text-primary flex-shrink-0\">\n<span class=\"material-symbols-outlined text-brand-dark\">map<\/span>\n<\/div>\n<div>\n<p class=\"text-xs text-brand-gray font-thai-body\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n<p class=\"text-sm text-brand-dark font-thai-head font-bold\">\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e13\u0e11\u0e25<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 (W […]<\/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":"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":11,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/305\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n\n\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 (White Immersive Theme) – WCMS<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Prompt:wght@300;400;500;600&family=Sarabun:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\n<script id=\"tailwind-config\">\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n \"primary\": \"#f2f20d\",\n \"brand-dark\": \"#1a1a1a\",\n \"brand-gray\": \"#4b5563\",\n },\n fontFamily: {\n \"display\": [\"Inter\", \"Prompt\", \"sans-serif\"],\n \"thai-body\": [\"Sarabun\", \"sans-serif\"],\n \"thai-head\": [\"Prompt\", \"sans-serif\"]\n },\n borderRadius: {\"DEFAULT\": \"0.25rem\", \"lg\": \"0.5rem\", \"xl\": \"0.75rem\", \"full\": \"9999px\"},\n },\n },\n }\n <\/script>\n<style type=\"text\/tailwindcss\">body {\n font-family: \"Inter\", \"Sarabun\", sans-serif\n }\n.bg-immersive-light {background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.95)), url(https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuCa8mDJozJRlcTVNP3FtZbuHc_kxx1w_4IwYE4PgLaB-OEg2w_mk-jQJUWhQiI82ZQ_rfFMjpGJyJuw1GS1MDpVYmATd3I-rwKde-PsysgvCht97_HGzeXi6weUA37SNrLMx9VuNCqE8I13NJnIVbEiDhIvxXztD91NRgTXzizgcEYBXUnp8ojwQEDeC4tGYqIOdt3lmgdBFQmlVZU1BPT7Zcyiy7IZUfQ-adSd4yBKHlBCVxJMlBhPEHCumX1beQo_n8NB4EyS5A);\n background-size: cover;\n background-position: center;\n background-attachment: fixed\n }\n.form-card {\n background: white;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);\n border: 1px solid rgba(0, 0, 0, 0.05)\n }.form-label {\n font-family: \"Prompt\", sans-serif;\n color: #1a1a1a\n }\n.form-input {\n font-family: \"Sarabun\", sans-serif;\n color: #1a1a1a\n }<\/style>\n<\/head>\n<body class=\"bg-white text-gray-900 min-h-screen\">\n<div class=\"bg-immersive-light min-h-screen flex items-center justify-center p-4 md:p-12\">\n<div class=\"form-card w-full max-w-4xl rounded-2xl overflow-hidden\">\n<div class=\"px-6 py-8 md:px-10 border-b border-gray-100 flex flex-col md:flex-row justify-between items-start md:items-center gap-4\">\n<div>\n<h1 class=\"font-thai-head text-3xl md:text-4xl font-bold text-primary tracking-tight\" style=\"text-shadow: 0 1px 2px rgba(0,0,0,0.1);\">\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19<\/h1>\n<p class=\"font-thai-body text-brand-gray mt-2 text-lg\">WCMS Premium Crane & Logistics Services<\/p>\n<\/div>\n<div class=\"bg-primary px-4 py-2 rounded-lg shadow-sm\">\n<span class=\"block text-[10px] uppercase tracking-widest text-brand-dark\/60 font-bold\">Request ID<\/span>\n<span class=\"font-mono text-brand-dark font-bold\">REQ-20231027-001<\/span>\n<\/div>\n<\/div>\n<form class=\"p-6 md:p-10\">\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-8\">\n<div class=\"space-y-6\">\n<div class=\"flex items-center gap-3 mb-6\">\n<span class=\"w-1.5 h-6 bg-primary rounded-full\"><\/span>\n<h2 class=\"font-thai-head text-xl font-bold text-brand-dark\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h2>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e0a\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \/ Name<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d-\u0e19\u0e32\u0e21\u0e2a\u0e01\u0e38\u0e25\" type=\"text\"\/>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \/ Phone<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"08X-XXX-XXXX\" type=\"tel\"\/>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \/ Company (\u0e16\u0e49\u0e32\u0e21\u0e35)<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e23\u0e30\u0e1a\u0e38\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\" type=\"text\"\/>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">Line ID \u0e2b\u0e23\u0e37\u0e2d \u0e2d\u0e35\u0e40\u0e21\u0e25 \/ Contact<\/label>\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"@lineid \u0e2b\u0e23\u0e37\u0e2d example@mail.com\" type=\"text\"\/>\n<\/div>\n<\/div>\n<div class=\"space-y-6\">\n<div class=\"flex items-center gap-3 mb-6\">\n<span class=\"w-1.5 h-6 bg-primary rounded-full\"><\/span>\n<h2 class=\"font-thai-head text-xl font-bold text-brand-dark\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e07\u0e32\u0e19<\/h2>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19 \/ Work Type<\/label>\n<div class=\"relative\">\n<select class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 appearance-none focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\">\n<option value=\"\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e07\u0e32\u0e19<\/option>\n<option value=\"lifting\">\u0e07\u0e32\u0e19\u0e22\u0e01\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b (General Lifting)<\/option>\n<option value=\"transport\">\u0e07\u0e32\u0e19\u0e02\u0e19\u0e2a\u0e48\u0e07 (Transport)<\/option>\n<option value=\"installation\">\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e08\u0e31\u0e01\u0e23\u0e01\u0e25 (Installation)<\/option>\n<option value=\"other\">\u0e2d\u0e37\u0e48\u0e19\u0e46 (Other)<\/option>\n<\/select>\n<div class=\"absolute inset-y-0 right-0 flex items-center pr-4 pointer-events-none\">\n<span class=\"material-symbols-outlined text-brand-gray\">expand_more<\/span>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19 \/ Location<\/label>\n<div class=\"flex gap-2\">\n<input class=\"form-input flex-grow bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e40\u0e02\u0e15\/\u0e2d\u0e33\u0e40\u0e20\u0e2d, \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\" type=\"text\"\/>\n<button class=\"bg-gray-100 hover:bg-gray-200 text-brand-gray p-3 rounded-xl transition-colors border border-gray-200 flex items-center justify-center\" type=\"button\">\n<span class=\"material-symbols-outlined\">location_on<\/span>\n<\/button>\n<\/div>\n<\/div>\n<div class=\"grid grid-cols-2 gap-4\">\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 \/ Date<\/label>\n<div class=\"relative\">\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" type=\"date\"\/>\n<\/div>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e40\u0e27\u0e25\u0e32 \/ Time<\/label>\n<div class=\"relative\">\n<input class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" type=\"time\"\/>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"relative group\">\n<label class=\"form-label block text-sm font-semibold mb-2 group-focus-within:text-brand-dark\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 \/ Notes<\/label>\n<textarea class=\"form-input w-full bg-gray-50 border border-gray-200 rounded-xl py-3 px-4 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-primary\/40 focus:border-primary focus:bg-white transition-all\" placeholder=\"\u0e04\u0e27\u0e32\u0e21\u0e22\u0e32\u0e27\u0e41\u0e02\u0e19, \u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e22\u0e01\" rows=\"1\"><\/textarea>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"mt-12 pt-8 border-t border-gray-100\">\n<div class=\"flex items-start mb-8\">\n<div class=\"flex items-center h-5\">\n<input class=\"w-5 h-5 text-primary bg-gray-100 border-gray-300 rounded focus:ring-primary\" id=\"terms\" type=\"checkbox\"\/>\n<\/div>\n<label class=\"ml-3 font-thai-body text-sm text-brand-gray\" for=\"terms\">\n \u0e09\u0e31\u0e19\u0e22\u0e2d\u0e21\u0e23\u0e31\u0e1a <a class=\"text-brand-dark font-bold hover:underline\" href=\"#\">\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23<\/a> \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e01\u0e47\u0e1a\u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e15\u0e32\u0e21\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e15\u0e31\u0e27\n <\/label>\n<\/div>\n<button class=\"w-full bg-primary hover:brightness-95 text-brand-dark font-thai-head font-bold py-5 px-8 rounded-xl text-xl shadow-lg shadow-primary\/30 active:scale-[0.99] transition-all flex items-center justify-center gap-3\" type=\"submit\">\n \u0e2a\u0e48\u0e07\u0e04\u0e33\u0e02\u0e2d\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32\n <span class=\"material-symbols-outlined font-bold\">arrow_forward<\/span>\n<\/button>\n<p class=\"text-center mt-6 font-thai-body text-gray-400 text-sm\">\n * \u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e08\u0e30\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e01\u0e25\u0e31\u0e1a\u0e20\u0e32\u0e22\u0e43\u0e19 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23 (08:00 – 18:00 \u0e19.)\n <\/p>\n<\/div>\n<\/form>\n<\/div>\n<div class=\"hidden lg:block absolute bottom-12 right-12 bg-white\/90 backdrop-blur-md p-4 rounded-2xl border border-gray-200 shadow-xl max-w-xs\">\n<div class=\"flex items-center gap-4\">\n<div class=\"w-12 h-12 rounded-xl bg-primary\/20 flex items-center justify-center text-primary flex-shrink-0\">\n<span class=\"material-symbols-outlined text-brand-dark\">map<\/span>\n<\/div>\n<div>\n<p class=\"text-xs text-brand-gray font-thai-body\">\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e31\u0e48\u0e27\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/p>\n<p class=\"text-sm text-brand-dark font-thai-head font-bold\">\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e2f \u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e13\u0e11\u0e25<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<\/body><\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e41\u0e1a\u0e1a\u0e1f\u0e2d\u0e23\u0e4c\u0e21\u0e08\u0e2d\u0e07\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 (W […]<\/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":"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-305","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":11,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/305\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}