\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 - THAI CRANE CO.<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;500;600;700&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n<script>\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#f2f20d\",\r\n primaryHover: \"#d9d90c\",\r\n \"background-light\": \"#F9FAFB\",\r\n \"background-dark\": \"#111827\",\r\n \"card-light\": \"#FFFFFF\",\r\n \"card-dark\": \"#1F2937\",\r\n \"text-light\": \"#1F2937\",\r\n \"text-dark\": \"#F3F4F6\",\r\n \"text-muted-light\": \"#6B7280\",\r\n \"text-muted-dark\": \"#9CA3AF\",\r\n },\r\n fontFamily: {\r\n display: [\"'Prompt'\", \"sans-serif\"],\r\n body: [\"'Sarabun'\", \"sans-serif\"],\r\n },\r\n borderRadius: {\r\n DEFAULT: \"0.5rem\",\r\n xl: \"1rem\",\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n\r\n\r\n <style type=\"text\/tailwindcss\">\r\n body { font-family: 'Sarabun', sans-serif; }\r\n h1, h2, h3, h4, h5, h6, .font-display { font-family: 'Prompt', sans-serif; }\r\n .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }\r\n\r\n .gallery-wrapper {\r\n --per-view: 4;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n.gallery-viewport {\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n\r\n.gallery-track {\r\n display: flex;\r\n transition: transform 0.4s ease;\r\n will-change: transform;\r\n }\r\n\r\n.gallery-item {\r\n flex: 0 0 calc(100% \/ var(--per-view));\r\n padding: 6px;\r\n }\r\n\r\n.gallery-item img {\r\n width: 100%;\r\n aspect-ratio: 1\/1;\r\n object-fit: cover;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n}\r\n\r\n.nav-btn {\r\n background: #f2f20d;\r\n color: #111827;\r\n border: 1px solid #d9d90c;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 9999px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\r\n transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n .dark .nav-btn {\r\n background: #f2f20d;\r\n color: #111827;\r\n border-color: #d9d90c;\r\n }\r\n .nav-btn .material-symbols-outlined {\r\n font-size: 20px;\r\n line-height: 1;\r\n font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;\r\n }\r\n .nav-btn:hover {\r\n transform: translateY(-1px) scale(1.02);\r\n background: #d9d90c;\r\n border-color: #c7c70b;\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);\r\n }\r\n .dark .nav-btn:hover {\r\n background: #d9d90c;\r\n }\r\n .nav-btn:focus-visible {\r\n outline: 2px solid #f2f20d;\r\n outline-offset: 2px;\r\n }\r\n .nav-btn:disabled {\r\n opacity: 0.45;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n\r\n @media (max-width: 1023px) {\r\n .gallery-wrapper { --per-view: 3; }\r\n }\r\n @media (max-width: 639px) {\r\n .gallery-wrapper {\r\n --per-view: 2;\r\n gap: 8px;\r\n }\r\n .gallery-item { padding: 4px; }\r\n }\r\n \r\n main a,\r\n main a:hover,\r\n main a:focus,\r\n main a:visited,\r\n .recommended-card,\r\n .recommended-card:hover,\r\n .recommended-card:focus,\r\n .recommended-card:visited {\r\n text-decoration: none !important;\r\n }\r\n \/* Lightbox *\/\r\n.lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,.8);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n}\r\n\r\n.lightbox img {\r\n max-width: 90%;\r\n max-height: 80vh;\r\n border-radius: 10px;\r\n}\r\n\r\n.lightbox.active {\r\n display: flex;\r\n}\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark text-text-light dark:text-text-dark min-h-screen flex flex-col transition-colors duration-300 font-body\">\r\n\r\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 w-full\">\r\n<div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<main class=\"flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-12 w-full\">\r\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12\">\r\n<div class=\"lg:col-span-12 xl:col-span-12\">\r\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12\">\r\n<div class=\"space-y-4\">\r\n<div class=\"relative rounded-2xl overflow-hidden shadow-lg aspect-[16\/10] bg-gray-200 dark:bg-gray-800 group\">\r\n<img decoding=\"async\" alt=\"All-Terrain Crane Main View\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/53538_0.jpg\"\/>\r\n\r\n<\/div>\r\n<div class=\"gallery-wrapper\">\r\n <button class=\"nav-btn\" id=\"prevBtn\" aria-label=\"\u0e23\u0e39\u0e1b\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button>\r\n\r\n <div class=\"gallery-viewport\">\r\n <div class=\"gallery-track\" id=\"galleryTrack\">\r\n\r\n \r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/53539_0.jpg\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/53540_0.jpg\"><\/div>\r\n\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"nav-btn\" id=\"nextBtn\" aria-label=\"\u0e23\u0e39\u0e1b\u0e16\u0e31\u0e14\u0e44\u0e1b\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\r\n<\/div>\r\n\r\n\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <img id=\"lightboxImg\">\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex flex-col justify-center\">\r\n<div class=\"mb-6\">\r\n<span class=\"inline-block py-1 px-3 rounded bg-gray-100 dark:bg-gray-700 text-xs font-semibold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-3\">\u0e23\u0e38\u0e48\u0e19 STC250<\/span>\r\n<h1 class=\"text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white leading-tight mb-4 font-title\">\u0e40\u0e04\u0e23\u0e19 25 \u0e15\u0e31\u0e19 <\/h1>\r\n<p class=\"text-xl text-gray-700 dark:text-gray-300 font-medium\">\r\n<span class=\"bg-primary\/20 border-l-4 border-primary px-2 py-1\">Premium Heavy Duty Rental Service<\/span>\r\n<\/p>\r\n<\/div>\r\n<div class=\"space-y-4 mb-8\">\r\n<div class=\"flex items-start\">\r\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\r\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e23\u0e27\u0e21\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e23\u0e16\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07<\/span>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\r\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 24 \u0e0a\u0e21.<\/span>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\r\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e41\u0e1c\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex flex-col sm:flex-row gap-4\">\r\n\r\n<a class=\"flex-1 py-4 px-6 border-2 border-primary rounded-lg shadow-sm text-lg font-bold text-gray-900 bg-primary hover:bg-primaryHover focus:outline-none transition-colors flex justify-center items-center gap-3 font-title\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\r\n<span class=\"material-symbols-outlined\">chat<\/span> \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n<div class=\"lg:col-span-1 bg-card-light dark:bg-card-dark rounded-xl shadow-sm p-6 sm:p-8 border border-gray-100 dark:border-gray-800\">\r\n<h2 class=\"text-2xl font-bold mb-6 border-b-4 border-primary inline-block font-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h2>\r\n<div class=\"prose dark:prose-invert max-w-none text-text-muted-light dark:text-text-muted-dark font-normal leading-relaxed\">\r\n<p>\r\n \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e22\u0e01\u0e22\u0e49\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e2b\u0e19\u0e31\u0e01\r\n<p class=\"mt-4\">\r\n \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\r\n <\/p>\r\n<ul class=\"mt-6 space-y-3\">\r\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07-\u0e43\u0e2b\u0e0d\u0e48: \u0e14\u0e49\u0e27\u0e22\u0e01\u0e33\u0e25\u0e31\u0e07\u0e22\u0e01 25 \u0e15\u0e31\u0e19 \u0e08\u0e36\u0e07\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e01\u0e27\u0e49\u0e32\u0e07\u0e01\u0e27\u0e48\u0e32 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e22\u0e01\u0e41\u0e1c\u0e48\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e1c\u0e19\u0e31\u0e07\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b (Precast), \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e04\u0e32\u0e19\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e07\u0e32\u0e19\u0e27\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e19\u0e49\u0e33\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/li>\r\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e2a\u0e39\u0e07: \u0e1a\u0e39\u0e21\u0e2b\u0e25\u0e31\u0e01 (Main Boom) \u0e22\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 33.5 - 40 \u0e40\u0e21\u0e15\u0e23 (\u0e41\u0e25\u0e49\u0e27\u0e41\u0e15\u0e48\u0e23\u0e38\u0e48\u0e19\u0e22\u0e48\u0e2d\u0e22) \u0e41\u0e25\u0e30\u0e15\u0e48\u0e2d\u0e08\u0e34\u0e4a\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e44\u0e14\u0e49\u0e2d\u0e35\u0e01 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2a\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e02\u0e36\u0e49\u0e19\u0e14\u0e32\u0e14\u0e1f\u0e49\u0e32\u0e15\u0e36\u0e01 7-8 \u0e0a\u0e31\u0e49\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e44\u0e14\u0e49\u0e2a\u0e1a\u0e32\u0e22<\/li>\r\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e22\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e2b\u0e19\u0e31\u0e01: \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e22\u0e49\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 10 \u0e15\u0e31\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e04\u0e23\u0e19\u0e23\u0e38\u0e48\u0e19\u0e40\u0e25\u0e47\u0e01\u0e2d\u0e32\u0e08\u0e17\u0e33\u0e23\u0e30\u0e22\u0e30\u0e23\u0e31\u0e28\u0e21\u0e35 (Radius) \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"lg:col-span-2 bg-card-light dark:bg-card-dark rounded-xl shadow-sm p-6 sm:p-8 border-2 border-gray-100 dark:border-gray-800\">\r\n<div class=\"flex items-center justify-between mb-8 border-b border-gray-100 dark:border-gray-800 pb-2\">\r\n<h2 class=\"text-2xl font-bold font-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 (Technical Specifications)<\/h2>\r\n<span class=\"material-symbols-outlined text-gray-900 dark:text-white bg-primary p-1 rounded\">engineering<\/span>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-y-8 gap-x-12\">\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">fitness_center<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">Max Load<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">\u0e40\u0e04\u0e23\u0e19 25 \u0e15\u0e31\u0e19 <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">expand<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e1a\u0e39\u0e21\u0e22\u0e32\u0e27 <\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\"> 10.5 - 33.5 \u0e40\u0e21\u0e15\u0e23<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">height<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e02\u0e19\u0e32\u0e14\u0e15\u0e31\u0e27\u0e23\u0e16<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">2.5 \u0e40\u0e21\u0e15\u0e23 x \u0e22\u0e32\u0e27 12.6 \u0e40\u0e21\u0e15\u0e23 x \u0e2a\u0e39\u0e07 3.4 \u0e40\u0e21\u0e15\u0e23<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">speed<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e22\u0e01\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">25 \u0e15\u0e31\u0e19 \u0e17\u0e35\u0e48\u0e23\u0e31\u0e28\u0e21\u0e35\u0e17\u0e33\u0e07\u0e32\u0e19 3 \u0e40\u0e21\u0e15\u0e23<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">settings<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e23\u0e30\u0e22\u0e30\u0e01\u0e32\u0e07\u0e02\u0e32\u0e40\u0e04\u0e23\u0e19<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">5.15 x 6 \u0e40\u0e21\u0e15\u0e23(\u0e15\u0e32\u0e21\u0e41\u0e19\u0e27\u0e22\u0e32\u0e27 x \u0e41\u0e19\u0e27\u0e02\u0e27\u0e32\u0e07)<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<div class=\"mt-12 pt-8 border-t border-gray-100 dark:border-gray-800\">\r\n<div class=\"flex flex-wrap gap-4\">\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mt-16\">\r\n<div class=\"flex items-center justify-between mb-8\">\r\n<h2 class=\"text-3xl font-bold font-title\">\u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e41\u0e19\u0e30\u0e19\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e38\u0e13 (Recommended Models)<\/h2>\r\n<div class=\"h-1 flex-grow mx-8 bg-primary\/20 hidden sm:block\"><\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n<a class=\"recommended-card no-underline hover:no-underline focus:no-underline group bg-card-light dark:bg-card-dark rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all border border-transparent hover:border-primary\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-1089\/\">\r\n<div class=\"relative h-56 overflow-hidden\">\r\n<img decoding=\"async\" alt=\"\u0e40\u0e04\u0e23\u0e19 35 \u0e15\u0e31\u0e19\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/S__98541643_0.jpg\"\/>\r\n<div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black\/80 to-transparent\">\r\n<p class=\"text-white font-bold text-lg font-title\">\u0e40\u0e04\u0e23\u0e19 35 \u0e15\u0e31\u0e19<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h4 class=\"text-sm font-bold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-2 font-title\">\u0e40\u0e04\u0e23\u0e19 35 \u0e15\u0e31\u0e19<\/h4>\r\n<p class=\"text-xl font-bold text-gray-900 dark:text-white mb-4\">\u0e23\u0e38\u0e48\u0e19 STC350T4<\/p>\r\n<span class=\"text-gray-900 dark:text-white bg-primary px-3 py-1 rounded font-bold inline-flex items-center text-sm font-title\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 <span class=\"material-symbols-outlined ml-1 text-sm\">arrow_forward<\/span><\/span>\r\n<\/div>\r\n<\/a>\r\n<a class=\"recommended-card no-underline hover:no-underline focus:no-underline group bg-card-light dark:bg-card-dark rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all border border-transparent hover:border-primary\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-1146\/\">\r\n<div class=\"relative h-56 overflow-hidden\">\r\n<img decoding=\"async\" alt=\"\u0e40\u0e04\u0e23\u0e19 60 \u0e15\u0e31\u0e19\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/423186_0.jpg\"\/>\r\n<div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black\/80 to-transparent\">\r\n<p class=\"text-white font-bold text-lg font-title\">\u0e40\u0e04\u0e23\u0e19 60 \u0e15\u0e31\u0e19<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h4 class=\"text-sm font-bold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-2 font-title\">\u0e40\u0e04\u0e23\u0e19 60 \u0e15\u0e31\u0e19<\/h4>\r\n<p class=\"text-xl font-bold text-gray-900 dark:text-white mb-4\">\u0e23\u0e38\u0e48\u0e19 STC600T5<\/p>\r\n<span class=\"text-gray-900 dark:text-white bg-primary px-3 py-1 rounded font-bold inline-flex items-center text-sm font-title\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 <span class=\"material-symbols-outlined ml-1 text-sm\">arrow_forward<\/span><\/span>\r\n<\/div>\r\n<\/a>\r\n\r\n<div class=\"hidden lg:flex flex-col justify-center p-8 bg-primary\/10 rounded-xl border-2 border-dashed border-primary\">\r\n<h4 class=\"text-2xl font-bold mb-4 font-title\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23?<\/h4>\r\n<p class=\"text-text-muted-light dark:text-text-muted-dark mb-6\">\u0e40\u0e23\u0e32\u0e21\u0e35\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e2d\u0e35\u0e01\u0e21\u0e32\u0e01 \u0e23\u0e38\u0e48\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19<\/p>\r\n<a class=\"btn-no-underline no-underline hover:no-underline focus:no-underline inline-flex items-center justify-center gap-2 px-5 py-3 rounded-lg border-2 border-primary bg-primary hover:bg-primaryHover text-gray-900 font-bold font-title shadow-sm transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\r\n<span class=\"material-symbols-outlined text-base\">chat<\/span> \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/main>\r\n <footer class=\"bg-black text-white py-16\">\r\n <div class=\"max-w-[1280px] mx-auto px-6 md:px-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6 flex flex-col gap-6\">\r\n <div class=\"flex items-center gap-2 text-primary\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M4 42.4379C4 42.4379 14.0962 36.0744 24 41.1692C35.0664 46.8624 44 42.2078 44 42.2078L44 7.01134C44 7.01134 35.068 11.6577 24.0031 5.96913C14.0971 0.876274 4 7.27094 4 7.27094L4 42.4379Z\" fill=\"currentColor\"><\/path>\r\n <\/svg>\r\n <span class=\"text-2xl font-black\">WCMS<\/span>\r\n <\/div>\r\n <p class=\"text-gray-300 text-sm leading-relaxed\">\r\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e22\u0e01\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\r\n <\/p>\r\n \r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e25\u0e31\u0e14<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/\">Home<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-221\/\">Services<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-226\/\">our Fleet\/Equipment<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/portfolio\/\">Portfolio<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/about\/\">About<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/articles\/\">Articles<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/\">\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e1b\u0e17\u0e38\u0e21\u0e18\u0e32\u0e19\u0e35, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span>063-939-1515<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span>tamonpat@workcrane.co.th<\/span>\r\n <\/li>\r\n <br>\r\n\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e2a\u0e32\u0e04\u0e23, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span>088-079-5555, 034-136-209<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span>workcrane2017@gmail.com<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h5>\r\n <div class=\"bg-white\/8 border border-white\/10 p-4 rounded-lg\">\r\n <div class=\"flex justify-between text-xs mb-2\">\r\n <span>\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e40\u0e2a\u0e32\u0e23\u0e4c:<\/span>\r\n <span class=\"text-primary font-bold\">08:00 - 18:00<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs\">\r\n <span>\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c:<\/span>\r\n <span class=\"text-gray-500\">\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/footer>\r\n<script>\r\nconst track = document.getElementById(\"galleryTrack\");\r\nconst nextBtn = document.getElementById(\"nextBtn\");\r\nconst prevBtn = document.getElementById(\"prevBtn\");\r\nconst items = document.querySelectorAll(\".gallery-item\");\r\n\r\nlet index = 0;\r\n\r\nfunction getPerView() {\r\n if (window.innerWidth < 640) return 2;\r\n if (window.innerWidth < 1024) return 3;\r\n return 4;\r\n}\r\n\r\nfunction getMaxIndex() {\r\n const perView = getPerView();\r\n return Math.max(0, Math.ceil(items.length \/ perView) - 1);\r\n}\r\n\r\nfunction update() {\r\n const maxIndex = getMaxIndex();\r\n if (index > maxIndex) index = maxIndex;\r\n if (index < 0) index = 0;\r\n\r\n track.style.transform = `translateX(-${index * 100}%)`;\r\n\r\n prevBtn.disabled = index === 0;\r\n nextBtn.disabled = index === maxIndex;\r\n prevBtn.style.opacity = prevBtn.disabled ? \"0.45\" : \"1\";\r\n nextBtn.style.opacity = nextBtn.disabled ? \"0.45\" : \"1\";\r\n}\r\n\r\nnextBtn.addEventListener(\"click\", () => {\r\n if (index < getMaxIndex()) {\r\n index++;\r\n update();\r\n }\r\n});\r\n\r\nprevBtn.addEventListener(\"click\", () => {\r\n if (index > 0) {\r\n index--;\r\n update();\r\n }\r\n});\r\n\r\nwindow.addEventListener(\"resize\", update);\r\nupdate();\r\n\r\n\/* Lightbox *\/\r\nconst lightbox = document.getElementById(\"lightbox\");\r\nconst lightboxImg = document.getElementById(\"lightboxImg\");\r\n\r\nitems.forEach(item => {\r\n item.querySelector(\"img\").addEventListener(\"click\", function() {\r\n lightboxImg.src = this.src;\r\n lightbox.classList.add(\"active\");\r\n });\r\n});\r\n\r\nlightbox.addEventListener(\"click\", () => {\r\n lightbox.classList.remove(\"active\");\r\n});\r\n<\/script>\r\n\r\n<\/body><\/html>\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>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 &#8 […]<\/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-1084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/1084","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=1084"}],"version-history":[{"count":15,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/1084\/revisions"}],"predecessor-version":[{"id":1569,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/1084\/revisions\/1569"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=1084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 - THAI CRANE CO.<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@400;500;600;700&family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap\" rel=\"stylesheet\"\/>\r\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\r\n<script>\r\n tailwind.config = {\r\n darkMode: \"class\",\r\n theme: {\r\n extend: {\r\n colors: {\r\n primary: \"#f2f20d\",\r\n primaryHover: \"#d9d90c\",\r\n \"background-light\": \"#F9FAFB\",\r\n \"background-dark\": \"#111827\",\r\n \"card-light\": \"#FFFFFF\",\r\n \"card-dark\": \"#1F2937\",\r\n \"text-light\": \"#1F2937\",\r\n \"text-dark\": \"#F3F4F6\",\r\n \"text-muted-light\": \"#6B7280\",\r\n \"text-muted-dark\": \"#9CA3AF\",\r\n },\r\n fontFamily: {\r\n display: [\"'Prompt'\", \"sans-serif\"],\r\n body: [\"'Sarabun'\", \"sans-serif\"],\r\n },\r\n borderRadius: {\r\n DEFAULT: \"0.5rem\",\r\n xl: \"1rem\",\r\n },\r\n },\r\n },\r\n };\r\n <\/script>\r\n\r\n\r\n <style type=\"text\/tailwindcss\">\r\n body { font-family: 'Sarabun', sans-serif; }\r\n h1, h2, h3, h4, h5, h6, .font-display { font-family: 'Prompt', sans-serif; }\r\n .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }\r\n\r\n .gallery-wrapper {\r\n --per-view: 4;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n.gallery-viewport {\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n\r\n.gallery-track {\r\n display: flex;\r\n transition: transform 0.4s ease;\r\n will-change: transform;\r\n }\r\n\r\n.gallery-item {\r\n flex: 0 0 calc(100% \/ var(--per-view));\r\n padding: 6px;\r\n }\r\n\r\n.gallery-item img {\r\n width: 100%;\r\n aspect-ratio: 1\/1;\r\n object-fit: cover;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n}\r\n\r\n.nav-btn {\r\n background: #f2f20d;\r\n color: #111827;\r\n border: 1px solid #d9d90c;\r\n width: 46px;\r\n height: 46px;\r\n border-radius: 9999px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\r\n transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\r\n }\r\n .dark .nav-btn {\r\n background: #f2f20d;\r\n color: #111827;\r\n border-color: #d9d90c;\r\n }\r\n .nav-btn .material-symbols-outlined {\r\n font-size: 20px;\r\n line-height: 1;\r\n font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;\r\n }\r\n .nav-btn:hover {\r\n transform: translateY(-1px) scale(1.02);\r\n background: #d9d90c;\r\n border-color: #c7c70b;\r\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);\r\n }\r\n .dark .nav-btn:hover {\r\n background: #d9d90c;\r\n }\r\n .nav-btn:focus-visible {\r\n outline: 2px solid #f2f20d;\r\n outline-offset: 2px;\r\n }\r\n .nav-btn:disabled {\r\n opacity: 0.45;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n\r\n\r\n @media (max-width: 1023px) {\r\n .gallery-wrapper { --per-view: 3; }\r\n }\r\n @media (max-width: 639px) {\r\n .gallery-wrapper {\r\n --per-view: 2;\r\n gap: 8px;\r\n }\r\n .gallery-item { padding: 4px; }\r\n }\r\n \r\n main a,\r\n main a:hover,\r\n main a:focus,\r\n main a:visited,\r\n .recommended-card,\r\n .recommended-card:hover,\r\n .recommended-card:focus,\r\n .recommended-card:visited {\r\n text-decoration: none !important;\r\n }\r\n \/* Lightbox *\/\r\n.lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,.8);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n}\r\n\r\n.lightbox img {\r\n max-width: 90%;\r\n max-height: 80vh;\r\n border-radius: 10px;\r\n}\r\n\r\n.lightbox.active {\r\n display: flex;\r\n}\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-background-light dark:bg-background-dark text-text-light dark:text-text-dark min-h-screen flex flex-col transition-colors duration-300 font-body\">\r\n\r\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 w-full\">\r\n<div class=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<main class=\"flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pb-12 w-full\">\r\n<div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12\">\r\n<div class=\"lg:col-span-12 xl:col-span-12\">\r\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12\">\r\n<div class=\"space-y-4\">\r\n<div class=\"relative rounded-2xl overflow-hidden shadow-lg aspect-[16\/10] bg-gray-200 dark:bg-gray-800 group\">\r\n<img decoding=\"async\" alt=\"All-Terrain Crane Main View\" class=\"object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/53538_0.jpg\"\/>\r\n\r\n<\/div>\r\n<div class=\"gallery-wrapper\">\r\n <button class=\"nav-btn\" id=\"prevBtn\" aria-label=\"\u0e23\u0e39\u0e1b\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\"><span class=\"material-symbols-outlined\">arrow_back<\/span><\/button>\r\n\r\n <div class=\"gallery-viewport\">\r\n <div class=\"gallery-track\" id=\"galleryTrack\">\r\n\r\n \r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/53539_0.jpg\"><\/div>\r\n <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/53540_0.jpg\"><\/div>\r\n\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"nav-btn\" id=\"nextBtn\" aria-label=\"\u0e23\u0e39\u0e1b\u0e16\u0e31\u0e14\u0e44\u0e1b\"><span class=\"material-symbols-outlined\">arrow_forward<\/span><\/button>\r\n<\/div>\r\n\r\n\r\n<div class=\"lightbox\" id=\"lightbox\">\r\n <img id=\"lightboxImg\">\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex flex-col justify-center\">\r\n<div class=\"mb-6\">\r\n<span class=\"inline-block py-1 px-3 rounded bg-gray-100 dark:bg-gray-700 text-xs font-semibold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-3\">\u0e23\u0e38\u0e48\u0e19 STC250<\/span>\r\n<h1 class=\"text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white leading-tight mb-4 font-title\">\u0e40\u0e04\u0e23\u0e19 25 \u0e15\u0e31\u0e19 <\/h1>\r\n<p class=\"text-xl text-gray-700 dark:text-gray-300 font-medium\">\r\n<span class=\"bg-primary\/20 border-l-4 border-primary px-2 py-1\">Premium Heavy Duty Rental Service<\/span>\r\n<\/p>\r\n<\/div>\r\n<div class=\"space-y-4 mb-8\">\r\n<div class=\"flex items-start\">\r\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\r\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e23\u0e27\u0e21\u0e1e\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e23\u0e16\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e43\u0e1a\u0e23\u0e31\u0e1a\u0e23\u0e2d\u0e07<\/span>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\r\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1a\u0e33\u0e23\u0e38\u0e07\u0e23\u0e31\u0e01\u0e29\u0e32 24 \u0e0a\u0e21.<\/span>\r\n<\/div>\r\n<div class=\"flex items-start\">\r\n<span class=\"material-symbols-outlined text-green-500 mr-3 mt-1\">verified<\/span>\r\n<span class=\"text-text-muted-light dark:text-text-muted-dark text-lg\">\u0e41\u0e1c\u0e19\u0e1b\u0e23\u0e30\u0e01\u0e31\u0e19\u0e20\u0e31\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e17\u0e38\u0e01\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"flex flex-col sm:flex-row gap-4\">\r\n\r\n<a class=\"flex-1 py-4 px-6 border-2 border-primary rounded-lg shadow-sm text-lg font-bold text-gray-900 bg-primary hover:bg-primaryHover focus:outline-none transition-colors flex justify-center items-center gap-3 font-title\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\r\n<span class=\"material-symbols-outlined\">chat<\/span> \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n <\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n<div class=\"lg:col-span-1 bg-card-light dark:bg-card-dark rounded-xl shadow-sm p-6 sm:p-8 border border-gray-100 dark:border-gray-800\">\r\n<h2 class=\"text-2xl font-bold mb-6 border-b-4 border-primary inline-block font-title\">\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23<\/h2>\r\n<div class=\"prose dark:prose-invert max-w-none text-text-muted-light dark:text-text-muted-dark font-normal leading-relaxed\">\r\n<p>\r\n \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e22\u0e01\u0e22\u0e49\u0e32\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e2b\u0e19\u0e31\u0e01\r\n<p class=\"mt-4\">\r\n \u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\r\n <\/p>\r\n<ul class=\"mt-6 space-y-3\">\r\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e01\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e19\u0e32\u0e14\u0e01\u0e25\u0e32\u0e07-\u0e43\u0e2b\u0e0d\u0e48: \u0e14\u0e49\u0e27\u0e22\u0e01\u0e33\u0e25\u0e31\u0e07\u0e22\u0e01 25 \u0e15\u0e31\u0e19 \u0e08\u0e36\u0e07\u0e23\u0e31\u0e1a\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e01\u0e27\u0e49\u0e32\u0e07\u0e01\u0e27\u0e48\u0e32 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e22\u0e01\u0e41\u0e1c\u0e48\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e1c\u0e19\u0e31\u0e07\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b (Precast), \u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e04\u0e32\u0e19\u0e2a\u0e30\u0e1e\u0e32\u0e19\u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e07\u0e32\u0e19\u0e27\u0e32\u0e07\u0e17\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e32\u0e22\u0e19\u0e49\u0e33\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48<\/li>\r\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e25\u0e47\u0e01\u0e2a\u0e39\u0e07: \u0e1a\u0e39\u0e21\u0e2b\u0e25\u0e31\u0e01 (Main Boom) \u0e22\u0e32\u0e27\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 33.5 - 40 \u0e40\u0e21\u0e15\u0e23 (\u0e41\u0e25\u0e49\u0e27\u0e41\u0e15\u0e48\u0e23\u0e38\u0e48\u0e19\u0e22\u0e48\u0e2d\u0e22) \u0e41\u0e25\u0e30\u0e15\u0e48\u0e2d\u0e08\u0e34\u0e4a\u0e1a\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e44\u0e14\u0e49\u0e2d\u0e35\u0e01 \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2a\u0e48\u0e07\u0e02\u0e2d\u0e07\u0e02\u0e36\u0e49\u0e19\u0e14\u0e32\u0e14\u0e1f\u0e49\u0e32\u0e15\u0e36\u0e01 7-8 \u0e0a\u0e31\u0e49\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2b\u0e25\u0e31\u0e07\u0e04\u0e32\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48\u0e44\u0e14\u0e49\u0e2a\u0e1a\u0e32\u0e22<\/li>\r\n<li class=\"flex items-center gap-2\"><span class=\"w-2 h-2 bg-primary rounded-full\"><\/span> \u0e07\u0e32\u0e19\u0e22\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e2b\u0e19\u0e31\u0e01: \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e22\u0e49\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e40\u0e01\u0e34\u0e19 10 \u0e15\u0e31\u0e19 \u0e0b\u0e36\u0e48\u0e07\u0e40\u0e04\u0e23\u0e19\u0e23\u0e38\u0e48\u0e19\u0e40\u0e25\u0e47\u0e01\u0e2d\u0e32\u0e08\u0e17\u0e33\u0e23\u0e30\u0e22\u0e30\u0e23\u0e31\u0e28\u0e21\u0e35 (Radius) \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"lg:col-span-2 bg-card-light dark:bg-card-dark rounded-xl shadow-sm p-6 sm:p-8 border-2 border-gray-100 dark:border-gray-800\">\r\n<div class=\"flex items-center justify-between mb-8 border-b border-gray-100 dark:border-gray-800 pb-2\">\r\n<h2 class=\"text-2xl font-bold font-title\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e32\u0e07\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04 (Technical Specifications)<\/h2>\r\n<span class=\"material-symbols-outlined text-gray-900 dark:text-white bg-primary p-1 rounded\">engineering<\/span>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-y-8 gap-x-12\">\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">fitness_center<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">Max Load<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">\u0e40\u0e04\u0e23\u0e19 25 \u0e15\u0e31\u0e19 <\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">expand<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e1a\u0e39\u0e21\u0e22\u0e32\u0e27 <\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\"> 10.5 - 33.5 \u0e40\u0e21\u0e15\u0e23<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">height<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e02\u0e19\u0e32\u0e14\u0e15\u0e31\u0e27\u0e23\u0e16<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">2.5 \u0e40\u0e21\u0e15\u0e23 x \u0e22\u0e32\u0e27 12.6 \u0e40\u0e21\u0e15\u0e23 x \u0e2a\u0e39\u0e07 3.4 \u0e40\u0e21\u0e15\u0e23<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">speed<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e22\u0e01\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">25 \u0e15\u0e31\u0e19 \u0e17\u0e35\u0e48\u0e23\u0e31\u0e28\u0e21\u0e35\u0e17\u0e33\u0e07\u0e32\u0e19 3 \u0e40\u0e21\u0e15\u0e23<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"spec-item flex items-center group\">\r\n<div class=\"p-3 rounded-xl bg-primary text-gray-900 mr-5 border border-primary\/10 group-hover:bg-primaryHover transition-colors\">\r\n<span class=\"material-symbols-outlined text-2xl\">settings<\/span>\r\n<\/div>\r\n<div>\r\n<p class=\"text-xs uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark font-bold mb-1 font-title\">\u0e23\u0e30\u0e22\u0e30\u0e01\u0e32\u0e07\u0e02\u0e32\u0e40\u0e04\u0e23\u0e19<\/p>\r\n<p class=\"text-2xl font-bold text-gray-900 dark:text-white\">5.15 x 6 \u0e40\u0e21\u0e15\u0e23(\u0e15\u0e32\u0e21\u0e41\u0e19\u0e27\u0e22\u0e32\u0e27 x \u0e41\u0e19\u0e27\u0e02\u0e27\u0e32\u0e07)<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<div class=\"mt-12 pt-8 border-t border-gray-100 dark:border-gray-800\">\r\n<div class=\"flex flex-wrap gap-4\">\r\n\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mt-16\">\r\n<div class=\"flex items-center justify-between mb-8\">\r\n<h2 class=\"text-3xl font-bold font-title\">\u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e41\u0e19\u0e30\u0e19\u0e33\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e38\u0e13 (Recommended Models)<\/h2>\r\n<div class=\"h-1 flex-grow mx-8 bg-primary\/20 hidden sm:block\"><\/div>\r\n<\/div>\r\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n<a class=\"recommended-card no-underline hover:no-underline focus:no-underline group bg-card-light dark:bg-card-dark rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all border border-transparent hover:border-primary\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-1089\/\">\r\n<div class=\"relative h-56 overflow-hidden\">\r\n<img decoding=\"async\" alt=\"\u0e40\u0e04\u0e23\u0e19 35 \u0e15\u0e31\u0e19\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/S__98541643_0.jpg\"\/>\r\n<div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black\/80 to-transparent\">\r\n<p class=\"text-white font-bold text-lg font-title\">\u0e40\u0e04\u0e23\u0e19 35 \u0e15\u0e31\u0e19<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h4 class=\"text-sm font-bold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-2 font-title\">\u0e40\u0e04\u0e23\u0e19 35 \u0e15\u0e31\u0e19<\/h4>\r\n<p class=\"text-xl font-bold text-gray-900 dark:text-white mb-4\">\u0e23\u0e38\u0e48\u0e19 STC350T4<\/p>\r\n<span class=\"text-gray-900 dark:text-white bg-primary px-3 py-1 rounded font-bold inline-flex items-center text-sm font-title\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 <span class=\"material-symbols-outlined ml-1 text-sm\">arrow_forward<\/span><\/span>\r\n<\/div>\r\n<\/a>\r\n<a class=\"recommended-card no-underline hover:no-underline focus:no-underline group bg-card-light dark:bg-card-dark rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all border border-transparent hover:border-primary\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-1146\/\">\r\n<div class=\"relative h-56 overflow-hidden\">\r\n<img decoding=\"async\" alt=\"\u0e40\u0e04\u0e23\u0e19 60 \u0e15\u0e31\u0e19\" class=\"w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500\" src=\"https:\/\/workcrane.co.th\/wp-content\/uploads\/2026\/02\/423186_0.jpg\"\/>\r\n<div class=\"absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black\/80 to-transparent\">\r\n<p class=\"text-white font-bold text-lg font-title\">\u0e40\u0e04\u0e23\u0e19 60 \u0e15\u0e31\u0e19<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"p-6\">\r\n<h4 class=\"text-sm font-bold uppercase tracking-widest text-text-muted-light dark:text-text-muted-dark mb-2 font-title\">\u0e40\u0e04\u0e23\u0e19 60 \u0e15\u0e31\u0e19<\/h4>\r\n<p class=\"text-xl font-bold text-gray-900 dark:text-white mb-4\">\u0e23\u0e38\u0e48\u0e19 STC600T5<\/p>\r\n<span class=\"text-gray-900 dark:text-white bg-primary px-3 py-1 rounded font-bold inline-flex items-center text-sm font-title\">\u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14 <span class=\"material-symbols-outlined ml-1 text-sm\">arrow_forward<\/span><\/span>\r\n<\/div>\r\n<\/a>\r\n\r\n<div class=\"hidden lg:flex flex-col justify-center p-8 bg-primary\/10 rounded-xl border-2 border-dashed border-primary\">\r\n<h4 class=\"text-2xl font-bold mb-4 font-title\">\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e23\u0e38\u0e48\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23?<\/h4>\r\n<p class=\"text-text-muted-light dark:text-text-muted-dark mb-6\">\u0e40\u0e23\u0e32\u0e21\u0e35\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e2d\u0e35\u0e01\u0e21\u0e32\u0e01 \u0e23\u0e38\u0e48\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e17\u0e35\u0e21\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e22\u0e34\u0e19\u0e14\u0e35\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e31\u0e01\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e17\u0e48\u0e32\u0e19<\/p>\r\n<a class=\"btn-no-underline no-underline hover:no-underline focus:no-underline inline-flex items-center justify-center gap-2 px-5 py-3 rounded-lg border-2 border-primary bg-primary hover:bg-primaryHover text-gray-900 font-bold font-title shadow-sm transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">\r\n<span class=\"material-symbols-outlined text-base\">chat<\/span> \u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/main>\r\n <footer class=\"bg-black text-white py-16\">\r\n <div class=\"max-w-[1280px] mx-auto px-6 md:px-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6 flex flex-col gap-6\">\r\n <div class=\"flex items-center gap-2 text-primary\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 48 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M4 42.4379C4 42.4379 14.0962 36.0744 24 41.1692C35.0664 46.8624 44 42.2078 44 42.2078L44 7.01134C44 7.01134 35.068 11.6577 24.0031 5.96913C14.0971 0.876274 4 7.27094 4 7.27094L4 42.4379Z\" fill=\"currentColor\"><\/path>\r\n <\/svg>\r\n <span class=\"text-2xl font-black\">WCMS<\/span>\r\n <\/div>\r\n <p class=\"text-gray-300 text-sm leading-relaxed\">\r\n \u0e1c\u0e39\u0e49\u0e19\u0e33\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e48\u0e32\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19\u0e41\u0e25\u0e30\u0e42\u0e0b\u0e25\u0e39\u0e0a\u0e31\u0e19\u0e01\u0e32\u0e23\u0e22\u0e01\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e17\u0e38\u0e01\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\r\n <\/p>\r\n \r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e21\u0e19\u0e39\u0e17\u0e32\u0e07\u0e25\u0e31\u0e14<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/\">Home<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-221\/\">Services<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-226\/\">our Fleet\/Equipment<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/portfolio\/\">Portfolio<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/about\/\">About<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/articles\/\">Articles<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a class=\"no-underline hover:no-underline hover:text-primary transition-colors\" href=\"https:\/\/workcrane.co.th\/index.php\/elementor-page-301\/\">\u0e43\u0e1a\u0e40\u0e2a\u0e19\u0e2d\u0e23\u0e32\u0e04\u0e32<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32<\/h5>\r\n <ul class=\"flex flex-col gap-4 text-sm text-gray-300\">\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e1b\u0e17\u0e38\u0e21\u0e18\u0e32\u0e19\u0e35, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span>063-939-1515<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span>tamonpat@workcrane.co.th<\/span>\r\n <\/li>\r\n <br>\r\n\r\n <li class=\"flex items-start gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">location_on<\/span>\r\n <span>\u0e2a\u0e32\u0e02\u0e32\u0e2a\u0e21\u0e38\u0e17\u0e23\u0e2a\u0e32\u0e04\u0e23, \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">call<\/span>\r\n <span>088-079-5555, 034-136-209<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-3\">\r\n <span class=\"material-symbols-outlined text-primary\">mail<\/span>\r\n <span>workcrane2017@gmail.com<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"rounded-2xl border border-white\/10 bg-white\/[0.03] p-6\">\r\n <h5 class=\"text-lg font-bold mb-6 text-primary\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/h5>\r\n <div class=\"bg-white\/8 border border-white\/10 p-4 rounded-lg\">\r\n <div class=\"flex justify-between text-xs mb-2\">\r\n <span>\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c - \u0e40\u0e2a\u0e32\u0e23\u0e4c:<\/span>\r\n <span class=\"text-primary font-bold\">08:00 - 18:00<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between text-xs\">\r\n <span>\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c:<\/span>\r\n <span class=\"text-gray-500\">\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e13\u0e35\u0e09\u0e38\u0e01\u0e40\u0e09\u0e34\u0e19<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/footer>\r\n<script>\r\nconst track = document.getElementById(\"galleryTrack\");\r\nconst nextBtn = document.getElementById(\"nextBtn\");\r\nconst prevBtn = document.getElementById(\"prevBtn\");\r\nconst items = document.querySelectorAll(\".gallery-item\");\r\n\r\nlet index = 0;\r\n\r\nfunction getPerView() {\r\n if (window.innerWidth < 640) return 2;\r\n if (window.innerWidth < 1024) return 3;\r\n return 4;\r\n}\r\n\r\nfunction getMaxIndex() {\r\n const perView = getPerView();\r\n return Math.max(0, Math.ceil(items.length \/ perView) - 1);\r\n}\r\n\r\nfunction update() {\r\n const maxIndex = getMaxIndex();\r\n if (index > maxIndex) index = maxIndex;\r\n if (index < 0) index = 0;\r\n\r\n track.style.transform = `translateX(-${index * 100}%)`;\r\n\r\n prevBtn.disabled = index === 0;\r\n nextBtn.disabled = index === maxIndex;\r\n prevBtn.style.opacity = prevBtn.disabled ? \"0.45\" : \"1\";\r\n nextBtn.style.opacity = nextBtn.disabled ? \"0.45\" : \"1\";\r\n}\r\n\r\nnextBtn.addEventListener(\"click\", () => {\r\n if (index < getMaxIndex()) {\r\n index++;\r\n update();\r\n }\r\n});\r\n\r\nprevBtn.addEventListener(\"click\", () => {\r\n if (index > 0) {\r\n index--;\r\n update();\r\n }\r\n});\r\n\r\nwindow.addEventListener(\"resize\", update);\r\nupdate();\r\n\r\n\/* Lightbox *\/\r\nconst lightbox = document.getElementById(\"lightbox\");\r\nconst lightboxImg = document.getElementById(\"lightboxImg\");\r\n\r\nitems.forEach(item => {\r\n item.querySelector(\"img\").addEventListener(\"click\", function() {\r\n lightboxImg.src = this.src;\r\n lightbox.classList.add(\"active\");\r\n });\r\n});\r\n\r\nlightbox.addEventListener(\"click\", () => {\r\n lightbox.classList.remove(\"active\");\r\n});\r\n<\/script>\r\n\r\n<\/body><\/html>\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>\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e23\u0e16\u0e40\u0e04\u0e23\u0e19 &#8 […]<\/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-1084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/1084","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=1084"}],"version-history":[{"count":15,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/1084\/revisions"}],"predecessor-version":[{"id":1569,"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/pages\/1084\/revisions\/1569"}],"wp:attachment":[{"href":"https:\/\/workcrane.co.th\/index.php\/wp-json\/wp\/v2\/media?parent=1084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}