{"id":673,"date":"2026-01-28T09:41:09","date_gmt":"2026-01-28T09:41:09","guid":{"rendered":"https:\/\/ilsiftransmart.com\/?page_id=673"},"modified":"2026-02-02T09:42:23","modified_gmt":"2026-02-02T09:42:23","slug":"673-2","status":"publish","type":"page","link":"https:\/\/ilsiftransmart.com\/vi\/673-2\/","title":{"rendered":"B\u00e1o gi\u00e1 c\u01b0\u1edbc v\u1eadn chuy\u1ec3n t\u1ee9c th\u1eddi"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n    \/* --- CSS GIAO DI\u1ec6N (GI\u1eee NGUY\u00caN HO\u00c0N TO\u00c0N 100%) --- *\/\n    .ilsi-calc-wrapper {\n        font-family: 'Inter', sans-serif;\n        max-width: 1100px;\n        margin: 30px auto;\n        display: flex;\n        gap: 30px;\n        flex-wrap: wrap;\n    }\n\n    .calc-form-box {\n        flex: 1;\n        min-width: 350px;\n        background: #fff;\n        padding: 40px;\n        border-radius: 12px;\n        box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n        border-top: 5px solid #003366;\n    }\n    .calc-title { color: #003366; margin-top: 0; font-size: 1.8rem; margin-bottom: 5px; }\n    .calc-desc { color: #666; margin-bottom: 25px; font-size: 0.95rem; }\n\n    \/* TAB CHUY\u1ec2N \u0110\u1ed4I *\/\n    .service-tabs {\n        display: flex;\n        background: #f0f2f5;\n        padding: 5px;\n        border-radius: 8px;\n        margin-bottom: 25px;\n    }\n    .tab-btn {\n        flex: 1;\n        padding: 12px;\n        border: none;\n        background: none;\n        cursor: pointer;\n        font-weight: 600;\n        color: #666;\n        border-radius: 6px;\n        transition: 0.3s;\n    }\n    .tab-btn.active {\n        background: #003366;\n        color: white;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    }\n\n    .form-grid { display: grid; gap: 20px; }\n    .input-wrapper label { display: block; font-weight: 600; color: #333; margin-bottom: 8px; font-size: 0.9rem; }\n    \n    .input-wrapper select, \n    .input-wrapper input {\n        width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 1rem; box-sizing: border-box;\n    }\n    \n    .input-readonly { background-color: #e9ecef; color: #495057; cursor: not-allowed; font-weight: bold; }\n    .hidden { display: none; }\n\n    \/* H\u00e0ng nh\u1eadp Kg v\u00e0 S\u1ed1 l\u01b0\u1ee3ng (Chia \u0111\u00f4i c\u1ed9t) *\/\n    .row-split { display: flex; gap: 15px; }\n    .row-split .input-wrapper { flex: 1; }\n\n    .btn-calc {\n        width: 100%; padding: 15px; background: #FFCC00; color: #003366; font-weight: 800;\n        border: none; border-radius: 6px; font-size: 1.1rem; cursor: pointer; margin-top: 25px;\n        transition: 0.3s; text-transform: uppercase;\n    }\n    .btn-calc:hover { background: #e6b800; transform: translateY(-2px); }\n\n    \/* C\u1ed8T PH\u1ea2I: K\u1ebeT QU\u1ea2 *\/\n    .calc-result-box {\n        flex: 1.2; min-width: 350px; background: #f8f9fa; border-radius: 12px;\n        border: 2px dashed #ccd; display: flex; align-items: center; justify-content: center;\n        position: relative; overflow: hidden; min-height: 450px;\n    }\n    .empty-state { text-align: center; color: #999; }\n    .empty-icon { font-size: 4rem; margin-bottom: 15px; display: block; opacity: 0.3; }\n\n    .result-content { width: 100%; padding: 30px; display: none; animation: fadeIn 0.5s; }\n    .quote-header { border-bottom: 2px solid #eee; padding-bottom: 15px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }\n    .route-display { font-size: 1.1rem; font-weight: 700; color: #003366; }\n    .route-arrow { color: #FFCC00; margin: 0 10px; }\n    \n    .cost-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #ddd; color: #555; }\n    .cost-row.total { border-top: 2px solid #003366; border-bottom: none; margin-top: 15px; padding-top: 15px; font-weight: 800; font-size: 1.5rem; color: #d63031; }\n    \n    .action-buttons { display: flex; gap: 10px; margin-top: 25px; }\n    .btn-book { flex: 2; background: #003366; color: white; padding: 12px; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; }\n    \n    .loader { border: 5px solid #f3f3f3; border-top: 5px solid #FFCC00; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 15px auto; }\n    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n    @media (max-width: 768px) { .ilsi-calc-wrapper { flex-direction: column; } }\n<\/style>\n\n<div class=\"ilsi-calc-wrapper\">\n    <div class=\"calc-form-box\">\n        <h2 class=\"calc-title\">Instant Freight Quote<\/h2>\n        <p class=\"calc-desc\">Real-time pricing for B2B Domestic &#038; International Logistics.<\/p>\n\n        <div class=\"service-tabs\">\n            <button type=\"button\" class=\"tab-btn active\" id=\"tab-dom\" onclick=\"switchService('domestic')\">DOMESTIC (VIETNAM)<\/button>\n            <button type=\"button\" class=\"tab-btn\" id=\"tab-intl\" onclick=\"switchService('international')\">INTERNATIONAL (GLOBAL)<\/button>\n        <\/div>\n\n        <form onsubmit=\"calculateRate(event)\">\n            <div class=\"form-grid\">\n                \n                <div class=\"input-wrapper\">\n                    <label>Origin (Point of Loading)<\/label>\n                    <input type=\"text\" id=\"origin-dom\" class=\"input-readonly\" value=\"ILSI Warehouse - My Dinh, Hanoi\" readonly>\n                    <select id=\"origin-intl\" class=\"hidden\">\n                        <option value=\"vn-hph\">VN &#8211; Hai Phong Port (HPH)<\/option>\n                        <option value=\"vn-hcm\">VN &#8211; Cat Lai Port (SGN)<\/option>\n                        <option value=\"vn-dad\">VN &#8211; Da Nang Port (DAD)<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"input-wrapper\">\n                    <label>Destination (Point of Delivery)<\/label>\n                    \n                    <select id=\"dest-dom\">\n                        <option value=\"\" disabled selected>&#8212; Select Destination &#8212;<\/option>\n                        \n                        <optgroup label=\"H\u00c0 N\u1ed8I (N\u1ed9i th\u00e0nh)\">\n                            <option value=\"hn_inner\">H\u00e0 N\u1ed9i (Hanoi City)<\/option>\n                        <\/optgroup>\n\n                        <optgroup label=\"MI\u1ec0N B\u1eaeC (North)\">\n                            <option value=\"north\">H\u1ea3i Ph\u00f2ng<\/option>\n                            <option value=\"north\">Qu\u1ea3ng Ninh<\/option>\n                            <option value=\"north\">B\u1eafc Ninh<\/option>\n                            <option value=\"north\">H\u1ea3i D\u01b0\u01a1ng<\/option>\n                            <option value=\"north\">H\u01b0ng Y\u00ean<\/option>\n                            <option value=\"north\">V\u0129nh Ph\u00fac<\/option>\n                            <option value=\"north\">Nam \u0110\u1ecbnh<\/option>\n                            <option value=\"north\">Th\u00e1i B\u00ecnh<\/option>\n                            <option value=\"north\">Ninh B\u00ecnh<\/option>\n                            <option value=\"north\">H\u00e0 Nam<\/option>\n                            <option value=\"north\">Ph\u00fa Th\u1ecd<\/option>\n                            <option value=\"north\">B\u1eafc Giang<\/option>\n                            <option value=\"north\">Th\u00e1i Nguy\u00ean<\/option>\n                            <option value=\"north\">L\u1ea1ng S\u01a1n<\/option>\n                            <option value=\"north\">Tuy\u00ean Quang<\/option>\n                            <option value=\"north\">Y\u00ean B\u00e1i<\/option>\n                            <option value=\"north\">L\u00e0o Cai<\/option>\n                            <option value=\"north\">Ho\u00e0 B\u00ecnh<\/option>\n                            <option value=\"north\">S\u01a1n La<\/option>\n                            <option value=\"north\">\u0110i\u1ec7n Bi\u00ean<\/option>\n                            <option value=\"north\">Lai Ch\u00e2u<\/option>\n                            <option value=\"north\">H\u00e0 Giang<\/option>\n                            <option value=\"north\">Cao B\u1eb1ng<\/option>\n                            <option value=\"north\">B\u1eafc K\u1ea1n<\/option>\n                        <\/optgroup>\n\n                        <optgroup label=\"MI\u1ec0N TRUNG (Central)\">\n                            <option value=\"central\">\u0110\u00e0 N\u1eb5ng<\/option>\n                            <option value=\"central\">Thanh Ho\u00e1<\/option>\n                            <option value=\"central\">Ngh\u1ec7 An<\/option>\n                            <option value=\"central\">H\u00e0 T\u0129nh<\/option>\n                            <option value=\"central\">Qu\u1ea3ng B\u00ecnh<\/option>\n                            <option value=\"central\">Qu\u1ea3ng Tr\u1ecb<\/option>\n                            <option value=\"central\">Th\u1eeba Thi\u00ean Hu\u1ebf<\/option>\n                            <option value=\"central\">Qu\u1ea3ng Nam<\/option>\n                            <option value=\"central\">Qu\u1ea3ng Ng\u00e3i<\/option>\n                            <option value=\"central\">B\u00ecnh \u0110\u1ecbnh<\/option>\n                            <option value=\"central\">Ph\u00fa Y\u00ean<\/option>\n                            <option value=\"central\">Kh\u00e1nh Ho\u00e0 (Nha Trang)<\/option>\n                            <option value=\"central\">Ninh Thu\u1eadn<\/option>\n                            <option value=\"central\">B\u00ecnh Thu\u1eadn<\/option>\n                            <option value=\"central\">Kon Tum<\/option>\n                            <option value=\"central\">Gia Lai<\/option>\n                            <option value=\"central\">\u0110\u1eafk L\u1eafk<\/option>\n                            <option value=\"central\">\u0110\u1eafk N\u00f4ng<\/option>\n                            <option value=\"central\">L\u00e2m \u0110\u1ed3ng (\u0110\u00e0 L\u1ea1t)<\/option>\n                        <\/optgroup>\n\n                        <optgroup label=\"MI\u1ec0N NAM (South)\">\n                            <option value=\"south\">TP. H\u1ed3 Ch\u00ed Minh<\/option>\n                            <option value=\"south\">B\u00ecnh D\u01b0\u01a1ng<\/option>\n                            <option value=\"south\">\u0110\u1ed3ng Nai<\/option>\n                            <option value=\"south\">B\u00e0 R\u1ecba &#8211; V\u0169ng T\u00e0u<\/option>\n                            <option value=\"south\">T\u00e2y Ninh<\/option>\n                            <option value=\"south\">B\u00ecnh Ph\u01b0\u1edbc<\/option>\n                            <option value=\"south\">Long An<\/option>\n                            <option value=\"south\">Ti\u1ec1n Giang<\/option>\n                            <option value=\"south\">B\u1ebfn Tre<\/option>\n                            <option value=\"south\">Tr\u00e0 Vinh<\/option>\n                            <option value=\"south\">V\u0129nh Long<\/option>\n                            <option value=\"south\">\u0110\u1ed3ng Th\u00e1p<\/option>\n                            <option value=\"south\">An Giang<\/option>\n                            <option value=\"south\">Ki\u00ean Giang<\/option>\n                            <option value=\"south\">C\u1ea7n Th\u01a1<\/option>\n                            <option value=\"south\">H\u1eadu Giang<\/option>\n                            <option value=\"south\">S\u00f3c Tr\u0103ng<\/option>\n                            <option value=\"south\">B\u1ea1c Li\u00eau<\/option>\n                            <option value=\"south\">C\u00e0 Mau<\/option>\n                        <\/optgroup>\n                    <\/select>\n\n                    <select id=\"dest-intl\" class=\"hidden\">\n                        <optgroup label=\"Europe (EU)\">\n                            <option value=\"de-ham\">DE &#8211; Hamburg, Germany<\/option>\n                            <option value=\"nl-rtm\">NL &#8211; Rotterdam, Netherlands<\/option>\n                            <option value=\"gb-fxst\">UK &#8211; Felixstowe, United Kingdom<\/option>\n                        <\/optgroup>\n                        <optgroup label=\"North America (US\/CA)\">\n                            <option value=\"us-lax\">US &#8211; Los Angeles, USA<\/option>\n                            <option value=\"us-nyc\">US &#8211; New York, USA<\/option>\n                            <option value=\"ca-van\">CA &#8211; Vancouver, Canada<\/option>\n                        <\/optgroup>\n                        <optgroup label=\"Asia (AS)\">\n                            <option value=\"jp-tyo\">JP &#8211; Tokyo, Japan<\/option>\n                            <option value=\"cn-sha\">CN &#8211; Shanghai, China<\/option>\n                            <option value=\"kr-bus\">KR &#8211; Busan, South Korea<\/option>\n                            <option value=\"sg-sin\">SG &#8211; Singapore<\/option>\n                        <\/optgroup>\n                    <\/select>\n                <\/div>\n\n                <div id=\"cargo-domestic\">\n                    <div class=\"row-split\">\n                        <div class=\"input-wrapper\">\n                            <label>Total Weight (Kg) *<\/label>\n                            <input type=\"number\" id=\"weight-input\" placeholder=\"e.g. 50\" min=\"1\">\n                        <\/div>\n                        <div class=\"input-wrapper\">\n                            <label>Total Boxes *<\/label>\n                            <input type=\"number\" id=\"qty-input\" placeholder=\"e.g. 5\" min=\"1\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"cargo-intl\" class=\"hidden\">\n                    <div class=\"input-wrapper\">\n                        <label>Container Type<\/label>\n                        <select id=\"type-intl\">\n                            <option value=\"20dc\">20&#8242; Dry Container (20DC)<\/option>\n                            <option value=\"40dc\">40&#8242; Dry Container (40DC)<\/option>\n                            <option value=\"40hc\">40&#8242; High Cube (40HC)<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n\n                <div class=\"input-wrapper\">\n                    <label>Ready to Load Date<\/label>\n                    <input type=\"date\" required>\n                <\/div>\n            <\/div>\n            <button type=\"submit\" class=\"btn-calc\"><span>CALCULATE COST<\/span><\/button>\n        <\/form>\n    <\/div>\n\n    <div class=\"calc-result-box\" id=\"result-area\">\n        <div class=\"empty-state\" id=\"empty-view\">\n            <span class=\"empty-icon\">&#x1f69b;<\/span>\n            <h3>Freight Calculator<\/h3>\n            <p>Enter details to see pricing.<\/p>\n        <\/div>\n\n        <div class=\"empty-state\" id=\"loading-view\" style=\"display: none;\">\n            <div class=\"loader\"><\/div>\n            <h3>Calculating&#8230;<\/h3>\n            <p>Checking zones &#038; handling fees.<\/p>\n        <\/div>\n\n        <div class=\"result-content\" id=\"result-view\">\n            <div class=\"quote-header\">\n                <div>\n                    <div style=\"font-size:0.8rem; color:#888; text-transform:uppercase;\">Shipping Route<\/div>\n                    <div class=\"route-display\">\n                        <span id=\"res-origin\">MY DINH<\/span> \n                        <span class=\"route-arrow\">\u279d<\/span> \n                        <span id=\"res-dest\">DA NANG<\/span>\n                    <\/div>\n                <\/div>\n                <div><span style=\"background:#e3f2fd; color:#003366; padding:4px 8px; border-radius:4px; font-weight:bold; font-size:0.8rem;\" id=\"res-info\">50 KG<\/span><\/div>\n            <\/div>\n\n            <div class=\"cost-breakdown\">\n                <div id=\"dynamic-costs\"><\/div>\n                <div class=\"cost-row total\">\n                    <span>TOTAL ESTIMATED<\/span> \n                    <span id=\"price-total\">0 \u20ab<\/span>\n                <\/div>\n            <\/div>\n            \n            <p style=\"font-size:0.8rem; color:#888; margin-top:10px; font-style:italic;\">* Price includes VAT &#038; Fuel Surcharge.<\/p>\n            <div class=\"action-buttons\">\n                <button class=\"btn-book\" onclick=\"alert('Booking request sent!')\">BOOK NOW<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ --- KHAI B\u00c1O BI\u1ebeN (D\u00f9ng var \u0111\u1ec3 tr\u00e1nh l\u1ed7i tr\u00f9ng l\u1eb7p khi l\u01b0u nh\u00e1p) ---\n    var currentMode = 'domestic';\n\n    \/\/ 1. D\u1eee LI\u1ec6U N\u1ed8I \u0110\u1ecaA 2026 (An to\u00e0n)\n    \/\/ [0-5kg, 5-10kg, 10-20kg, 20-30kg, Base >30kg, Extra\/kg]\n    var safeDomesticTiers = {\n        \"hn_inner\": [25000, 35000, 50000, 70000, 70000, 2000],\n        \"north\":    [40000, 60000, 90000, 120000, 120000, 3000],\n        \"central\":  [60000, 90000, 130000, 180000, 180000, 5000],\n        \"south\":    [80000, 120000, 180000, 250000, 250000, 8000]\n    };\n\n    \/\/ 2. D\u1eee LI\u1ec6U QU\u1ed0C T\u1ebe (USD)\n    var safeSeaRates = { \n        \"de-ham\": 1250, \"nl-rtm\": 1200, \"gb-fxst\": 1350,\n        \"us-lax\": 2600, \"us-nyc\": 3100, \"ca-van\": 2550,\n        \"jp-tyo\": 350, \"cn-sha\": 150, \"kr-bus\": 280, \"sg-sin\": 100\n    };\n    var safeSeaMultipliers = { \"20dc\": 1, \"40dc\": 1.6, \"40hc\": 1.7 };\n\n    \/\/ --- H\u00c0M \u0110\u1ecaNH D\u1ea0NG TI\u1ec0N ---\n    function safeFormatCurrency(amount, currency) {\n        if (currency === 'VND') return amount.toLocaleString('vi-VN') + ' \u20ab';\n        return '$' + amount.toLocaleString('en-US');\n    }\n\n    \/\/ --- H\u00c0M CHUY\u1ec2N TAB ---\n    function switchService(mode) {\n        currentMode = mode;\n        \/\/ C\u1eadp nh\u1eadt giao di\u1ec7n Tab\n        document.getElementById('tab-dom').className = (mode === 'domestic') ? 'tab-btn active' : 'tab-btn';\n        document.getElementById('tab-intl').className = (mode === 'international') ? 'tab-btn active' : 'tab-btn';\n\n        \/\/ \u1ea8n hi\u1ec7n c\u00e1c tr\u01b0\u1eddng nh\u1eadp li\u1ec7u t\u01b0\u01a1ng \u1ee9ng\n        var ids = ['origin-dom', 'origin-intl', 'dest-dom', 'dest-intl', 'cargo-domestic', 'cargo-intl'];\n        ids.forEach(function(id) {\n            var el = document.getElementById(id);\n            if(el) {\n                \/\/ Logic hi\u1ec3n th\u1ecb: N\u1ebfu mode l\u00e0 domestic th\u00ec hi\u1ec7n dom, \u1ea9n intl v\u00e0 ng\u01b0\u1ee3c l\u1ea1i\n                var isDomElement = id.includes('dom') || id.includes('domestic');\n                if (mode === 'domestic') {\n                    if(isDomElement) el.classList.remove('hidden'); else el.classList.add('hidden');\n                } else {\n                    if(!isDomElement) el.classList.remove('hidden'); else el.classList.add('hidden');\n                }\n            }\n        });\n    }\n\n    \/\/ --- H\u00c0M T\u00cdNH TO\u00c1N CH\u00cdNH (C\u00d3 TRY-CATCH) ---\n    function calculateRate(e) {\n        e.preventDefault(); \n        \n        \/\/ B\u1eaft \u0111\u1ea7u hi\u1ec3n th\u1ecb Loading\n        document.getElementById('empty-view').style.display = 'none';\n        document.getElementById('result-view').style.display = 'none';\n        document.getElementById('loading-view').style.display = 'block';\n\n        \/\/ D\u00f9ng setTimeout \u0111\u1ec3 gi\u1ea3 l\u1eadp th\u1eddi gian t\u00ednh to\u00e1n v\u00e0 tr\u00e1nh treo tr\u00ecnh duy\u1ec7t\n        setTimeout(function() {\n            try {\n                \/\/ --- KH\u1ed0I X\u1eec L\u00dd CH\u00cdNH ---\n                var total = 0;\n                var rowsHtml = '';\n                var originTxt = 'ORIGIN';\n                var destTxt = 'DESTINATION';\n                var infoTxt = 'INFO';\n                var currency = 'USD';\n\n                if (currentMode === 'domestic') {\n                    \/\/ === LOGIC N\u1ed8I \u0110\u1ecaA ===\n                    currency = 'VND';\n                    var destEl = document.getElementById('dest-dom');\n                    var zoneCode = destEl.value;\n                    var wInput = document.getElementById('weight-input').value;\n                    var qInput = document.getElementById('qty-input').value;\n\n                    \/\/ Validate\n                    if (!zoneCode) throw \"Vui l\u00f2ng ch\u1ecdn T\u1ec9nh\/Th\u00e0nh ph\u1ed1 \u0111\u1ebfn!\";\n                    var kg = parseFloat(wInput);\n                    if (!kg || kg <= 0) throw \"Vui l\u00f2ng nh\u1eadp s\u1ed1 c\u00e2n n\u1eb7ng h\u1ee3p l\u1ec7!\";\n                    var boxes = parseInt(qInput) || 1;\n\n                    \/\/ L\u1ea5y b\u1ea3ng gi\u00e1 an to\u00e0n\n                    var tiers = safeDomesticTiers[zoneCode];\n                    if (!tiers) throw \"Khu v\u1ef1c n\u00e0y ch\u01b0a h\u1ed7 tr\u1ee3 t\u00ednh gi\u00e1 t\u1ef1 \u0111\u1ed9ng. Vui l\u00f2ng li\u00ean h\u1ec7 Hotline.\";\n\n                    \/\/ T\u00ednh c\u01b0\u1edbc\n                    var shippingFee = 0;\n                    var tierInfo = \"\";\n\n                    if (kg <= 5) { shippingFee = tiers[0]; tierInfo = \"G\u00f3i c\u01b0\u1edbc: 0 - 5 Kg\"; }\n                    else if (kg <= 10) { shippingFee = tiers[1]; tierInfo = \"G\u00f3i c\u01b0\u1edbc: 5 - 10 Kg\"; }\n                    else if (kg <= 20) { shippingFee = tiers[2]; tierInfo = \"G\u00f3i c\u01b0\u1edbc: 10 - 20 Kg\"; }\n                    else if (kg <= 30) { shippingFee = tiers[3]; tierInfo = \"G\u00f3i c\u01b0\u1edbc: 20 - 30 Kg\"; }\n                    else {\n                        var extraKg = kg - 30;\n                        shippingFee = tiers[4] + (extraKg * tiers[5]);\n                        tierInfo = \"G\u00f3i c\u01b0\u1edbc: >30 Kg (C\u1ed9ng th\u00eam)\";\n                    }\n\n                    var boxFee = boxes * 5000;\n                    total = shippingFee + boxFee;\n\n                    \/\/ Text hi\u1ec3n th\u1ecb\n                    originTxt = \"ILSI HANOI\";\n                    destTxt = destEl.options[destEl.selectedIndex].text;\n                    \/\/ L\u00e0m s\u1ea1ch t\u00ean t\u1ec9nh (B\u1ecf ch\u1eef trong ngo\u1eb7c n\u1ebfu c\u1ea7n)\n                    if (destTxt.includes('(')) destTxt = destTxt.split('(')[0].trim();\n                    infoTxt = kg + \" KG\";\n\n                    rowsHtml += '<div class=\"cost-row\"><span>' + tierInfo + '<\/span> <span>' + safeFormatCurrency(shippingFee, 'VND') + '<\/span><\/div>';\n                    rowsHtml += '<div class=\"cost-row\"><span>Ph\u00ed x\u1eed l\u00fd (' + boxes + ' ki\u1ec7n)<\/span> <span>' + safeFormatCurrency(boxFee, 'VND') + '<\/span><\/div>';\n\n                } else {\n                    \/\/ === LOGIC QU\u1ed0C T\u1ebe ===\n                    currency = 'USD';\n                    var destIntlEl = document.getElementById('dest-intl');\n                    var destCode = destIntlEl.value;\n                    \n                    if (!destCode) throw \"Please select a destination port!\";\n                    \n                    var typeEl = document.getElementById('type-intl');\n                    var typeCode = typeEl.value;\n\n                    var basePrice = safeSeaRates[destCode] || 1500; \/\/ Gi\u00e1 m\u1eb7c \u0111\u1ecbnh n\u1ebfu kh\u00f4ng t\u00ecm th\u1ea5y\n                    var multiplier = safeSeaMultipliers[typeCode] || 1;\n\n                    var oceanFreight = Math.floor(basePrice * multiplier);\n                    var localCharges = 150;\n                    total = oceanFreight + localCharges;\n\n                    \/\/ X\u1eed l\u00fd text an to\u00e0n\n                    var originObj = document.getElementById('origin-intl');\n                    originTxt = originObj.options[originObj.selectedIndex].text;\n                    if(originTxt.includes('-')) originTxt = originTxt.split('-')[1].trim();\n                    \n                    var fullDestIntl = destIntlEl.options[destIntlEl.selectedIndex].text;\n                    if(fullDestIntl.includes('-')) {\n                        destTxt = fullDestIntl.split('-')[1];\n                        if(destTxt.includes(',')) destTxt = destTxt.split(',')[0];\n                    } else {\n                        destTxt = fullDestIntl;\n                    }\n                    destTxt = destTxt.trim().toUpperCase();\n\n                    var typeTxt = typeEl.options[typeEl.selectedIndex].text;\n                    if(typeTxt.includes('(')) infoTxt = typeTxt.split('(')[1].replace(')', '');\n\n                    rowsHtml += '<div class=\"cost-row\"><span>Ocean Freight (' + infoTxt + ')<\/span> <span>' + safeFormatCurrency(oceanFreight, 'USD') + '<\/span><\/div>';\n                    rowsHtml += '<div class=\"cost-row\"><span>THC & Local Charges<\/span> <span>' + safeFormatCurrency(localCharges, 'USD') + '<\/span><\/div>';\n                }\n\n                \/\/ --- XU\u1ea4T K\u1ebeT QU\u1ea2 RA M\u00c0N H\u00ccNH ---\n                document.getElementById('res-origin').innerText = originTxt;\n                document.getElementById('res-dest').innerText = destTxt;\n                document.getElementById('res-info').innerText = infoTxt;\n                document.getElementById('dynamic-costs').innerHTML = rowsHtml;\n                document.getElementById('price-total').innerText = safeFormatCurrency(total, currency);\n\n                \/\/ T\u1eaft Loading, Hi\u1ec7n k\u1ebft qu\u1ea3\n                document.getElementById('loading-view').style.display = 'none';\n                document.getElementById('result-view').style.display = 'block';\n\n            } catch (err) {\n                \/\/ N\u1ebeU C\u00d3 L\u1ed6I: T\u1eaft loading v\u00e0 b\u00e1o l\u1ed7i ngay\n                document.getElementById('loading-view').style.display = 'none';\n                document.getElementById('empty-view').style.display = 'block'; \/\/ Quay v\u1ec1 tr\u1ea1ng th\u00e1i \u0111\u1ea7u\n                alert(\"L\u1ed7i t\u00ednh to\u00e1n: \" + err); \/\/ Hi\u1ec7n th\u00f4ng b\u00e1o cho ng\u01b0\u1eddi d\u00f9ng bi\u1ebft\n                console.error(err);\n            }\n        }, 1000); \/\/ Delay 1 gi\u00e2y\n    }\n<\/script>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* Container bao quanh b\u1ea3ng *\/\n    .price-table-container {\n        font-family: 'Inter', sans-serif;\n        max-width: 1100px;\n        margin: 40px auto;\n        background: #fff;\n        padding: 40px;\n        border-radius: 12px;\n        box-shadow: 0 5px 20px rgba(0,0,0,0.08);\n        border-top: 5px solid #003366; \/* Vi\u1ec1n tr\u00ean m\u00e0u xanh th\u01b0\u01a1ng hi\u1ec7u *\/\n    }\n\n    \/* Ti\u00eau \u0111\u1ec1 b\u1ea3ng *\/\n    .table-title {\n        color: #003366;\n        font-size: 1.5rem;\n        margin-bottom: 10px;\n        text-align: center;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .table-subtitle {\n        text-align: center;\n        color: #666;\n        margin-bottom: 30px;\n        font-style: italic;\n    }\n\n    \/* Cu\u1ed9n ngang tr\u00ean mobile *\/\n    .table-responsive {\n        overflow-x: auto;\n    }\n\n    \/* Style cho b\u1ea3ng *\/\n    .ref-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 0.95rem;\n        text-align: center;\n        min-width: 600px; \/* \u0110\u1ea3m b\u1ea3o kh\u00f4ng b\u1ecb co qu\u00e1 nh\u1ecf tr\u00ean mobile *\/\n    }\n\n    .ref-table th, .ref-table td {\n        border: 1px solid #e1e1e1;\n        padding: 15px;\n    }\n\n    \/* H\u00e0ng ti\u00eau \u0111\u1ec1 (Header) *\/\n    .ref-table thead tr th {\n        background-color: #003366; \/* N\u1ec1n xanh \u0111\u1eadm *\/\n        color: white;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n        font-weight: 700;\n        padding: 18px;\n    }\n\n    \/* C\u1ed9t \u0111\u1ea7u ti\u00ean (C\u00e2n n\u1eb7ng) *\/\n    .ref-table tbody td:first-child {\n        background-color: #fff8e1; \/* N\u1ec1n v\u00e0ng nh\u1ea1t l\u00e0m n\u1ed5i b\u1eadt *\/\n        color: #d35400; \/* Ch\u1eef m\u00e0u cam \u0111\u1ea5t *\/\n        font-weight: 800;\n        text-align: left;\n    }\n\n    \/* C\u00e1c \u00f4 gi\u00e1 ti\u1ec1n *\/\n    .ref-table tbody td:not(:first-child) {\n        font-weight: 600;\n        color: #333;\n    }\n\n    \/* Hi\u1ec7u \u1ee9ng khi di chu\u1ed9t v\u00e0o h\u00e0ng *\/\n    .ref-table tbody tr:hover {\n        background-color: #f9f9f9;\n    }\n\n    \/* H\u00e0ng cu\u1ed1i c\u00f9ng (Tr\u00ean 30kg) *\/\n    .ref-table tbody tr:last-child td {\n        border-bottom: 2px solid #003366;\n    }\n\n    \/* Ghi ch\u00fa d\u01b0\u1edbi b\u1ea3ng *\/\n    .table-note {\n        margin-top: 15px;\n        text-align: right;\n        font-size: 0.85rem;\n        color: #777;\n    }\n\n    @media (max-width: 768px) {\n        .price-table-container { padding: 20px; }\n        .table-title { font-size: 1.2rem; }\n    }\n<\/style>\n\n<div class=\"price-table-container\">\n    <h3 class=\"table-title\">Service price list for 2026<\/h3>\n    <p class=\"table-subtitle\">\u00c1p d\u1ee5ng cho kh\u00e1ch h\u00e0ng Doanh nghi\u1ec7p &#038; \u0110\u1ea1i l\u00fd (Ch\u01b0a bao g\u1ed3m VAT)<\/p>\n\n    <div class=\"table-responsive\">\n        <table class=\"ref-table\">\n            <thead>\n                <tr>\n                    <th style=\"width: 25%;\">M\u1ee9c C\u00e2n (Weight Tier)<\/th>\n                    <th>N\u1ed9i th\u00e0nh HN<\/th>\n                    <th>Mi\u1ec1n B\u1eafc (North)<\/th>\n                    <th>Mi\u1ec1n Trung (Central)<\/th>\n                    <th>Mi\u1ec1n Nam (South)<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                <tr>\n                    <td>0 &#8211; 5 Kg<\/td>\n                    <td>25.000 \u20ab<\/td>\n                    <td>40.000 \u20ab<\/td>\n                    <td>60.000 \u20ab<\/td>\n                    <td>80.000 \u20ab<\/td>\n                <\/tr>\n                <tr>\n                    <td>5 &#8211; 10 Kg<\/td>\n                    <td>35.000 \u20ab<\/td>\n                    <td>60.000 \u20ab<\/td>\n                    <td>90.000 \u20ab<\/td>\n                    <td>120.000 \u20ab<\/td>\n                <\/tr>\n                <tr>\n                    <td>10 &#8211; 20 Kg<\/td>\n                    <td>50.000 \u20ab<\/td>\n                    <td>90.000 \u20ab<\/td>\n                    <td>130.000 \u20ab<\/td>\n                    <td>180.000 \u20ab<\/td>\n                <\/tr>\n                <tr>\n                    <td>20 &#8211; 30 Kg<\/td>\n                    <td>70.000 \u20ab<\/td>\n                    <td>120.000 \u20ab<\/td>\n                    <td>180.000 \u20ab<\/td>\n                    <td>250.000 \u20ab<\/td>\n                <\/tr>\n                <tr>\n                    <td>Tr\u00ean 30 Kg <br><small style=\"font-weight:normal; color:#666\">(Gi\u00e1 m\u1ed7i kg ti\u1ebfp theo)<\/small><\/td>\n                    <td>+ 2.000 \u20ab\/kg<\/td>\n                    <td>+ 3.000 \u20ab\/kg<\/td>\n                    <td>+ 5.000 \u20ab\/kg<\/td>\n                    <td>+ 8.000 \u20ab\/kg<\/td>\n                <\/tr>\n            <\/tbody>\n        <\/table>\n    <\/div>\n    <div class=\"table-note\">* B\u1ea3ng gi\u00e1 mang t\u00ednh ch\u1ea5t tham kh\u1ea3o. Vui l\u00f2ng li\u00ean h\u1ec7 Hotline \u0111\u1ec3 nh\u1eadn b\u00e1o gi\u00e1 chi ti\u1ebft cho l\u00f4 h\u00e0ng l\u1edbn.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Instant Freight Quote Real-time pricing for B2B Domestic &#038; International Logistics. DOMESTIC (VIETNAM) INTERNATIONAL (GLOBAL) Origin (Point of Loading) VN &#8211; Hai Phong Port (HPH)VN &#8211; Cat Lai Port (SGN)VN &#8211; Da Nang Port (DAD) Destination (Point of Delivery) &#8212; Select Destination &#8212;H\u00e0 N\u1ed9i (Hanoi City) H\u1ea3i Ph\u00f2ngQu\u1ea3ng NinhB\u1eafc NinhH\u1ea3i D\u01b0\u01a1ngH\u01b0ng Y\u00eanV\u0129nh Ph\u00facNam \u0110\u1ecbnhTh\u00e1i B\u00ecnhNinh B\u00ecnhH\u00e0 NamPh\u00fa Th\u1ecdB\u1eafc GiangTh\u00e1i Nguy\u00eanL\u1ea1ng S\u01a1nTuy\u00ean QuangY\u00ean B\u00e1iL\u00e0o CaiHo\u00e0 B\u00ecnhS\u01a1n La\u0110i\u1ec7n Bi\u00eanLai Ch\u00e2uH\u00e0 GiangCao B\u1eb1ngB\u1eafc K\u1ea1n \u0110\u00e0 N\u1eb5ngThanh Ho\u00e1Ngh\u1ec7 AnH\u00e0 T\u0129nhQu\u1ea3ng B\u00ecnhQu\u1ea3ng Tr\u1ecbTh\u1eeba Thi\u00ean Hu\u1ebfQu\u1ea3ng NamQu\u1ea3ng Ng\u00e3iB\u00ecnh \u0110\u1ecbnhPh\u00fa Y\u00eanKh\u00e1nh Ho\u00e0 (Nha Trang)Ninh Thu\u1eadnB\u00ecnh Thu\u1eadnKon TumGia Lai\u0110\u1eafk L\u1eafk\u0110\u1eafk N\u00f4ngL\u00e2m \u0110\u1ed3ng (\u0110\u00e0 L\u1ea1t) TP. H\u1ed3 Ch\u00ed MinhB\u00ecnh D\u01b0\u01a1ng\u0110\u1ed3ng NaiB\u00e0 R\u1ecba &#8211; V\u0169ng T\u00e0uT\u00e2y NinhB\u00ecnh Ph\u01b0\u1edbcLong AnTi\u1ec1n GiangB\u1ebfn TreTr\u00e0 VinhV\u0129nh Long\u0110\u1ed3ng Th\u00e1pAn GiangKi\u00ean GiangC\u1ea7n Th\u01a1H\u1eadu GiangS\u00f3c Tr\u0103ngB\u1ea1c Li\u00eauC\u00e0 Mau DE &#8211; Hamburg, GermanyNL &#8211; Rotterdam, NetherlandsUK &#8211; Felixstowe, United Kingdom US &#8211; Los Angeles, USAUS &#8211; New York, USACA &#8211; Vancouver, Canada JP &#8211; Tokyo, JapanCN &#8211; Shanghai, ChinaKR &#8211; Busan, South KoreaSG &#8211; Singapore Total Weight (Kg) * Total Boxes * Container Type 20&#8242; Dry Container (20DC)40&#8242; Dry Container (40DC)40&#8242; High Cube (40HC) Ready to Load Date CALCULATE COST &#x1f69b; Freight Calculator Enter details to see pricing. Calculating&#8230; Checking zones &#038; handling fees. Shipping Route MY DINH \u279d DA NANG 50 KG TOTAL ESTIMATED 0 \u20ab * Price includes VAT &#038; Fuel Surcharge. BOOK NOW Service price list for 2026 \u00c1p d\u1ee5ng cho kh\u00e1ch h\u00e0ng Doanh nghi\u1ec7p &#038; \u0110\u1ea1i l\u00fd (Ch\u01b0a bao g\u1ed3m VAT) M\u1ee9c C\u00e2n (Weight Tier) N\u1ed9i th\u00e0nh HN Mi\u1ec1n B\u1eafc (North) Mi\u1ec1n Trung (Central) Mi\u1ec1n Nam (South) 0 &#8211; 5 Kg 25.000 \u20ab 40.000 \u20ab 60.000 \u20ab 80.000 \u20ab 5 &#8211; 10 Kg 35.000 \u20ab 60.000 \u20ab 90.000 \u20ab 120.000 \u20ab 10 &#8211; 20 Kg 50.000 \u20ab 90.000 \u20ab 130.000 \u20ab 180.000 \u20ab 20 &#8211; 30 Kg 70.000 \u20ab 120.000 \u20ab 180.000 \u20ab 250.000 \u20ab Tr\u00ean 30 Kg (Gi\u00e1 m\u1ed7i kg ti\u1ebfp theo) + 2.000 \u20ab\/kg + 3.000 \u20ab\/kg + 5.000 \u20ab\/kg + 8.000 \u20ab\/kg * B\u1ea3ng gi\u00e1 mang t\u00ednh ch\u1ea5t tham kh\u1ea3o. Vui l\u00f2ng li\u00ean h\u1ec7 Hotline \u0111\u1ec3 nh\u1eadn b\u00e1o gi\u00e1 chi ti\u1ebft cho l\u00f4 h\u00e0ng l\u1edbn.<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-673","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/pages\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":10,"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/pages\/673\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/pages\/673\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/ilsiftransmart.com\/vi\/wp-json\/wp\/v2\/media?parent=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}