{"id":27180,"date":"2026-04-01T14:24:44","date_gmt":"2026-04-01T07:24:44","guid":{"rendered":"https:\/\/transport.co.th\/home\/?p=27180"},"modified":"2026-04-02T13:19:26","modified_gmt":"2026-04-02T06:19:26","slug":"%e0%b8%84%e0%b8%b3%e0%b8%99%e0%b8%a7%e0%b8%93%e0%b8%84%e0%b9%88%e0%b8%b2%e0%b8%82%e0%b8%99%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%9e%e0%b8%b1%e0%b8%aa%e0%b8%94%e0%b8%b8%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91","status":"publish","type":"post","link":"https:\/\/transport.co.th\/home\/%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3-%e0%b8%9a%e0%b8%82%e0%b8%aa\/2026\/04\/01\/%e0%b8%84%e0%b8%b3%e0%b8%99%e0%b8%a7%e0%b8%93%e0%b8%84%e0%b9%88%e0%b8%b2%e0%b8%82%e0%b8%99%e0%b8%aa%e0%b9%88%e0%b8%87%e0%b8%9e%e0%b8%b1%e0%b8%aa%e0%b8%94%e0%b8%b8%e0%b8%a0%e0%b8%b1%e0%b8%93%e0%b8%91\/","title":{"rendered":"\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e48\u0e32\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e48\u0e07\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19 (Hub To Door)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"27180\" class=\"elementor elementor-27180\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8979b59 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8979b59\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2e846 exad-sticky-section-no exad-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"bd2e846\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\nbody .parcel-calculator-wrapper,\nbody .parcel-calculator-wrapper * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nbody .parcel-calculator-wrapper {\n    font-family: 'Kanit', sans-serif;\n    padding: 24px;\n    width: 100%;\n}\n\nbody .parcel-calculator-wrapper .container {\n    background: #ffffff !important;\n    border-radius: 18px !important;\n    box-shadow: 0 14px 40px rgba(0,0,0,0.18) !important;\n    max-width: 640px;\n    width: 100%;\n    padding: 32px;\n    margin: 0 auto;\n    border: 1px solid #91b4d9 !important;\n}\n\n\/* ===== HEADER ===== *\/\nbody .parcel-calculator-wrapper .header {\n    width: 100% !important;\n    display: block !important;\n    text-align: center !important;\n    margin-bottom: 30px;\n    border-bottom: 2px solid #0076c0 !important;\n    padding-bottom: 16px;\n    background: #ffffff !important;\n}\n\nbody .parcel-calculator-wrapper .header-title {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto !important;\n    text-align: center !important;\n    font-size: 24px;\n    line-height: 1.45;\n    color: #023e6b !important;\n    font-weight: 700;\n    white-space: normal !important;\n    word-break: normal !important;\n    overflow-wrap: break-word !important;\n}\n\nbody .parcel-calculator-wrapper .header-title .emoji {\n    margin-right: 6px;\n}\n\n\/* ===== FORM ===== *\/\nbody .parcel-calculator-wrapper .form-group {\n    margin-bottom: 20px;\n}\n\nbody .parcel-calculator-wrapper label {\n    display: block;\n    margin-bottom: 8px;\n    color: #333 !important;\n    font-weight: 600;\n    font-size: 16px;\n}\n\nbody .parcel-calculator-wrapper input {\n    width: 100%;\n    padding: 12px 14px;\n    border: 2px solid #e0e0e0 !important;\n    border-radius: 8px !important;\n    font-size: 16px;\n    background: #ffffff !important;\n    color: #000000 !important;\n    box-shadow: none !important;\n    outline: none !important;\n}\n\nbody .parcel-calculator-wrapper input:focus {\n    border-color: #0076c0 !important;\n    background: #ffffff !important;\n    color: #000000 !important;\n}\n\n\/* ===== BUTTON ===== *\/\nbody .parcel-calculator-wrapper .button-group {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    margin: 30px 0;\n}\n\nbody .parcel-calculator-wrapper button {\n    padding: 13px;\n    border-radius: 8px !important;\n    font-weight: 700;\n    cursor: pointer;\n    border: none !important;\n    font-size: 16px;\n    box-shadow: none !important;\n}\n\nbody .parcel-calculator-wrapper .btn-calculate {\n    background: #0076c0 !important;\n    color: #ffffff !important;\n}\n\nbody .parcel-calculator-wrapper .btn-reset {\n    background: #e7f1ff !important;\n    color: #023e6b !important;\n}\n\n\/* ===== RESULT ===== *\/\nbody .parcel-calculator-wrapper .result-card {\n    background: #f4f7fc !important;\n    border-left: 4px solid #0076c0 !important;\n    border-radius: 10px !important;\n    padding: 18px;\n    display: none;\n}\n\nbody .parcel-calculator-wrapper .result-card.show {\n    display: block;\n}\n\nbody .parcel-calculator-wrapper .result-row {\n    display: flex;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 8px 0;\n    font-size: 16px;\n    color: #222 !important;\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 600px) {\n    body .parcel-calculator-wrapper {\n        padding: 14px;\n    }\n\n    body .parcel-calculator-wrapper .container {\n        padding: 20px;\n    }\n\n    body .parcel-calculator-wrapper .header-title {\n        font-size: 20px;\n    }\n\n    body .parcel-calculator-wrapper .button-group {\n        grid-template-columns: 1fr;\n    }\n\n    body .parcel-calculator-wrapper .result-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 4px;\n    }\n}\n<\/style>\n\n<div class=\"parcel-calculator-wrapper\">\n    <div class=\"container\">\n\n        <div class=\"header\">\n            <div class=\"header-title\">\n                <span class=\"emoji\">\ud83d\ude9a<\/span>\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e48\u0e32\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e48\u0e07\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19  <br>(\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e13\u0e11\u0e25)\n            <\/div>\n        <\/div>\n\n        <form id=\"calcForm\">\n            <div class=\"form-group\">\n                <label for=\"itemCount\">\u0e08\u0e33\u0e19\u0e27\u0e19\u0e0a\u0e34\u0e49\u0e19<\/label>\n                <input type=\"number\" id=\"itemCount\" min=\"1\" required>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label for=\"weight\">\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e23\u0e27\u0e21 (\u0e01\u0e01.)<\/label>\n                <input type=\"number\" id=\"weight\" min=\"0\" step=\"0.01\" required>\n            <\/div>\n\n            <div class=\"form-group\">\n                <label for=\"distance\">\u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07 (\u0e01\u0e21.)<\/label>\n                <input type=\"number\" id=\"distance\" min=\"0\" step=\"0.01\" required>\n            <\/div>\n\n            <div class=\"button-group\">\n                <button type=\"submit\" class=\"btn-calculate\">\u0e04\u0e33\u0e19\u0e27\u0e13<\/button>\n                <button type=\"reset\" class=\"btn-reset\">\u0e25\u0e49\u0e32\u0e07<\/button>\n            <\/div>\n        <\/form>\n\n        <div class=\"result-card\" id=\"result\">\n            <div class=\"result-row\">\n                <span>\u0e2d\u0e31\u0e15\u0e23\u0e32\/\u0e01\u0e21.<\/span>\n                <span id=\"rate\"><\/span>\n            <\/div>\n            <div class=\"result-row\">\n                <span>\u0e23\u0e32\u0e04\u0e32\u0e04\u0e48\u0e32\u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07<\/span>\n                <span id=\"distancePrice\"><\/span>\n            <\/div>\n            <div class=\"result-row\">\n                <span><b>\u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/b><\/span>\n                <span>150.00 \u0e1a\u0e32\u0e17<\/span>\n            <\/div>\n            <div class=\"result-row\">\n                <span><b>\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/b><\/span>\n                <span id=\"total\"><\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n(function () {\n    const form = document.getElementById('calcForm');\n    const result = document.getElementById('result');\n\n    function formatBaht(num) {\n        return Number(num).toLocaleString('th-TH', {\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2\n        }) + ' \u0e1a\u0e32\u0e17';\n    }\n\n    form.addEventListener('submit', function (e) {\n        e.preventDefault();\n\n        const item = parseInt(document.getElementById('itemCount').value || 0, 10);\n        const weight = parseFloat(document.getElementById('weight').value || 0);\n        const distance = parseFloat(document.getElementById('distance').value || 0);\n\n        const rate = (item > 10 || weight > 500) ? 15 : 12;\n        const price = distance * rate;\n        const total = price + 150;\n\n        document.getElementById('rate').innerText = rate + ' \u0e1a\u0e32\u0e17';\n        document.getElementById('distancePrice').innerText = formatBaht(price);\n        document.getElementById('total').innerText = formatBaht(total);\n\n        result.classList.add('show');\n    });\n\n    form.addEventListener('reset', function () {\n        result.classList.remove('show');\n    });\n})();\n<\/script>\t\t\t\t<\/div>\n\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>\ud83d\ude9a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e48\u0e32\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e48\u0e07\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19 (\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e13\u0e11\u0e25) \u0e08\u0e33\u0e19\u0e27\u0e19\u0e0a\u0e34\u0e49\u0e19 \u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e23\u0e27\u0e21 (\u0e01\u0e01.) \u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07 (\u0e01\u0e21.) \u0e04\u0e33\u0e19\u0e27\u0e13 \u0e25\u0e49\u0e32\u0e07 \u0e2d\u0e31\u0e15\u0e23\u0e32\/\u0e01\u0e21. \u0e23\u0e32\u0e04\u0e32\u0e04\u0e48\u0e32\u0e23\u0e30\u0e22\u0e30\u0e17\u0e32\u0e07 \u0e04\u0e48\u0e32\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19 150.00 \u0e1a\u0e32\u0e17 \u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/p>\n","protected":false},"author":1,"featured_media":1415,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[270],"tags":[1605],"post_folder":[274],"class_list":["post-27180","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-270","tag-hub-to-door"],"rttpg_featured_image_url":{"full":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"landscape":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"portraits":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"thumbnail":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo-150x150.png",150,150,true],"medium":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"large":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"1536x1536":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"2048x2048":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"woocommerce_thumbnail":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"woocommerce_single":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo.png",300,300,false],"woocommerce_gallery_thumbnail":["https:\/\/transport.co.th\/home\/wp-content\/uploads\/2024\/11\/The_Transport_Company_Limited_Logo-100x100.png",100,100,true]},"rttpg_author":{"display_name":"Krittawat","author_link":"https:\/\/transport.co.th\/home\/author\/krittawat\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/transport.co.th\/home\/category\/%e0%b8%9a%e0%b8%a3%e0%b8%b4%e0%b8%81%e0%b8%b2%e0%b8%a3-%e0%b8%9a%e0%b8%82%e0%b8%aa\/\" rel=\"category tag\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e1a\u0e02\u0e2a.<\/a>","rttpg_excerpt":"\ud83d\ude9a\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e48\u0e32\u0e02\u0e19\u0e2a\u0e48\u0e07\u0e1e\u0e31\u0e2a\u0e14\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e48\u0e07\u0e16\u0e36\u0e07\u0e1a\u0e49\u0e32\u0e19 (\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e01\u0e23\u0e38\u0e07\u0e40\u0e17\u0e1e\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21&hellip;","_links":{"self":[{"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/posts\/27180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/comments?post=27180"}],"version-history":[{"count":7,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/posts\/27180\/revisions"}],"predecessor-version":[{"id":27203,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/posts\/27180\/revisions\/27203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/media\/1415"}],"wp:attachment":[{"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/media?parent=27180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/categories?post=27180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/tags?post=27180"},{"taxonomy":"post_folder","embeddable":true,"href":"https:\/\/transport.co.th\/home\/wp-json\/wp\/v2\/post_folder?post=27180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}