{"id":12431,"date":"2025-02-16T07:35:26","date_gmt":"2025-02-15T23:35:26","guid":{"rendered":"https:\/\/stooper.co\/?page_id=12431"},"modified":"2025-12-07T12:25:14","modified_gmt":"2025-12-07T04:25:14","slug":"pemuat-kontena-laut","status":"publish","type":"page","link":"https:\/\/stooper.co\/ms\/sea-container-loader\/","title":{"rendered":"Pemuat Kontena Laut Malaysia: Optimumkan Ruang Kargo Anda dengan Mudah"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12431\" class=\"elementor elementor-12431\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae32bce e-con-full e-flex e-con e-parent\" data-id=\"ae32bce\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79aa88a e-flex e-con-boxed e-con e-parent\" data-id=\"79aa88a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-10056dd e-con-full e-flex e-con e-child\" data-id=\"10056dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b61d606 elementor-widget elementor-widget-heading\" data-id=\"b61d606\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pemuat Kontena Laut Malaysia: Selesaikan Masalah Muatan Kargo Anda Dengan Segera!\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ff27d5 elementor-widget elementor-widget-text-editor\" data-id=\"0ff27d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"566\" data-end=\"901\">Pernah sakit kepala memikirkan sama ada barangan anda boleh dimuatkan ke dalam kontena penghantaran untuk eksport? Jangan risau lagi! Pemuat Kontena Laut Malaysia kami direka khas untuk memudahkan kerja anda, membantu menjimatkan ruang, kos dan mengurangkan tekanan. Hanya masukkan ukuran kargo anda dan lihat dengan segera sejauh mana semuanya boleh dimuatkan. Klik, kira dan uruskan dengan lebih tenang!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-f49427a e-flex e-con-boxed e-con e-parent\" data-id=\"f49427a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8386ce4 e-flex e-con-boxed e-con e-child\" data-id=\"8386ce4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9026d39 elementor-widget elementor-widget-shortcode\" data-id=\"9026d39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"sr-wizard-container\">\n      <div class=\"sr-progress-bar\">\n        <div class=\"sr-step\" data-step=\"1\">Langkah 1<\/div>\n\t<div class=\"sr-step\" data-step=\"2\">Langkah 2<\/div>\n\t<div class=\"sr-step\" data-step=\"3\">Langkah 3<\/div>\n\t<div class=\"sr-step\" data-step=\"4\">Langkah 4<\/div>\n\t<div class=\"sr-step\" data-step=\"5\">Langkah 5<\/div>\n\t<div class=\"sr-step\" data-step=\"6\">Langkah 6<\/div>\n\t<!-- \u25bc\u00a0rename these two only\u00a0\u25bc -->\n  <div class=\"sr-step\" data-step=\"7\">Palet<\/div>         <!-- was \u201cStep\u00a07\u201d -->\n  <div class=\"sr-step\" data-step=\"8\">Kotak Karton Longgar<\/div>    <!-- was \u201cStep\u00a08\u201d -->\n      <\/div>\n\n      <!-- Step 1: Container Type -->\n      <div class=\"sr-panel\" data-step=\"1\">\n        <h2>Pilih Jenis Kontena<\/h2>\n        <div class=\"container-options\">\n                            <label class=\"sr-tile sr-selectable\">\n        <input type=\"radio\" name=\"container-type\" value=\"20gp\">\n        <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/20gp.png\"\n             alt=\"20 GP\">\n        <span>20 GP<\/span>\n      <\/label>\n                            <label class=\"sr-tile sr-selectable\">\n        <input type=\"radio\" name=\"container-type\" value=\"40gp\">\n        <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/40gp.png\"\n             alt=\"40 GP\">\n        <span>40 GP<\/span>\n      <\/label>\n                            <label class=\"sr-tile sr-selectable\">\n        <input type=\"radio\" name=\"container-type\" value=\"40hc\">\n        <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/40hc.png\"\n             alt=\"40 HC\">\n        <span>40 HC<\/span>\n      <\/label>\n                            <label class=\"sr-tile sr-selectable\">\n        <input type=\"radio\" name=\"container-type\" value=\"45hc\">\n        <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/45hc.png\"\n             alt=\"45 HC\">\n        <span>45 HC<\/span>\n      <\/label>\n                            <label class=\"sr-tile sr-selectable\">\n        <input type=\"radio\" name=\"container-type\" value=\"custom\">\n        <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/custom.png\"\n             alt=\"Tersuai\">\n        <span>Tersuai<\/span>\n      <\/label>\n                  <\/div>\n       <div id=\"custom-dims\" class=\"hidden\" style=\"margin-top:1rem;\">\n  <label>Panjang (cm): <input type=\"number\" id=\"c-l\" step=\"1\" min=\"0\"><\/label>\n  <label>Lebar (cm): <input type=\"number\" id=\"c-w\" step=\"1\" min=\"0\"><\/label>\n  <label>Tinggi (cm): <input type=\"number\" id=\"c-h\" step=\"1\" min=\"0\"><\/label>\n<\/div>\n\n<input type=\"hidden\" id=\"tare-20gp\" value=\"2250\">\n<input type=\"hidden\" id=\"tare-40gp\" value=\"3800\">\n<input type=\"hidden\" id=\"tare-40hc\" value=\"4000\">\n<input type=\"hidden\" id=\"tare-45hc\" value=\"4800\">\n\n      <\/div>\n\n      <!-- Step 2 \u00b7 Cargo Mode -->\n      <div class=\"sr-panel\" data-step=\"2\">\n        <h2>Pilih Mod Kargo<\/h2>\n\n        <!-- Flex wrapper centres the tiles -->\n        <div class=\"cargo-mode-options\">\n\n          <!-- Carton -->\n          <label class=\"sr-tile sr-selectable\">\n            <!-- If you want Carton pre-selected, add checked -->\n            <input type=\"radio\" name=\"cargo-type\" value=\"carton\">\n            <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/carton.png\" alt=\"Karton\">\n            <span>Karton<\/span>\n          <\/label>\n\n          <!-- Pallet -->\n          <label class=\"sr-tile sr-selectable\">\n            <input type=\"radio\" name=\"cargo-type\" value=\"pallet\">\n            <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/pallet.png\" alt=\"Palet\">\n            <span>Palet<\/span>\n          <\/label>\n\n        <\/div><!-- \/.cargo-mode-options -->\n      <\/div><!-- \/.sr-panel -->\n\n           <!-- Step 3 \u00b7 Cargoes (all in one view) -->\n      <div class=\"sr-panel\" data-step=\"3\">\n\n<!-- \u2500\u2500 Orientation choices (new) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<div class=\"sr-orient-block\">\n  <label>Gaya susunan silinder:<\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"cyl-orient\" value=\"sleep\" checked>\n    Baring \/ Tidur mengiring\n  <\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"cyl-orient\" value=\"stand\">\n    Berdiri \/ Menegak\n  <\/label>\n<\/div>\n\n<div class=\"sr-orient-block\">\n  <label>Gaya susunan beg:<\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"bag-orient\" value=\"sleep\" checked>\n    Baring \/ Tidur sahaja\n  <\/label>\n  <span class=\"sr-orient-note\" style=\"margin-left:10px;color:#64748b;font-size:0.92em;\">Beg \/ guni akan ditetapkan kepada mod baring untuk perancangan muatan dan susunan yang lebih realistik.<\/span>\n<\/div>\n\n<!-- Carton orientation pills -->\n<div class=\"sr-orient-block\">\n  <label>Sisi panjang karton:<\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"carton-long\" value=\"depth\" checked>\n    Depan \u2194 Belakang\n  <\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"carton-long\" value=\"width\">\n    Kiri \u2194 Kanan\n  <\/label>\n<\/div>\n\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n\n\n        <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BOX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <h2>\ud83d\udce6 Kargo Kotak<\/h2>\n        <table class=\"sr-cargo-table\" data-type=\"box\">\n          <thead>\n            <tr>\n              <th>Gunakan<\/th><th>Nama<\/th><th>Panjang (cm)<\/th><th>Lebar (cm)<\/th><th>Tinggi (cm)<\/th>\n              <th>Kuantiti<\/th><th>Berat (kg)<\/th><th>Jumlah Berat<\/th><th>Isipadu (m\u00b3)<\/th><th>\u2014<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody id=\"cargo-body-box\">\n            <tr class=\"cargo-row\" data-type=\"box\">\n              <td><input type=\"checkbox\" class=\"cargo-include\" checked><\/td>\n              <td><input type=\"text\"    class=\"cargo-name\"  placeholder=\"Nama\"><\/td>\n              <td><input type=\"number\"  class=\"cargo-l\"><\/td>\n              <td><input type=\"number\"  class=\"cargo-w\"><\/td>\n              <td><input type=\"number\"  class=\"cargo-h\"><\/td>\n              <td><input type=\"number\"  class=\"cargo-qty\"   value=\"1\"><\/td>\n              <td><input type=\"number\"  class=\"cargo-weight\"><\/td>\n              <td><input type=\"number\"  class=\"cargo-total-weight\" readonly><\/td>\n              <td><input type=\"number\"  class=\"cargo-volume\"      readonly><\/td>\n              <td><button class=\"remove-cargo\">\u00d7<\/button><\/td>\n            <\/tr>\n          <\/tbody>\n          <tfoot>\n            <tr>\n              <td colspan=\"5\">Jumlah:<\/td>\n              <td class=\"sum-qty\">0<\/td><td><\/td>\n              <td class=\"sum-wt\">0<\/td><td class=\"sum-vol\">0<\/td><td><\/td>\n            <\/tr>\n          <\/tfoot>\n        <\/table>\n        <button id=\"add-cargo-box\" class=\"sr-add-btn\">+ Tambah kargo kotak<\/button>\n\n        <div class=\"sr-scroll-track\"><\/div>\n\n        <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 CYLINDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n        <h2>\ud83d\udee2\ufe0f Kargo Silinder<\/h2>\n        <table class=\"sr-cargo-table\" data-type=\"cylinder\">\n         <thead>\n  <tr>\n    <th>Gunakan<\/th>\n    <th>Nama<\/th>\n    <th>Panjang (cm)<\/th>\n    <th>Lebar (cm)<\/th>\n    <th>Tinggi (cm)<\/th>\n    <th>Diameter (cm)<\/th>\n    <th>Tinggi (cm)<\/th>\n    <th>Kuantiti<\/th>\n    <th>Berat (kg)<\/th>\n    <th>Jumlah Berat<\/th>\n    <th>Isipadu (m\u00b3)<\/th>\n    <th>\u2014<\/th>\n  <\/tr>\n<\/thead>\n\n\n          <tbody id=\"cargo-body-cylinder\">\n           <tr class=\"cargo-row\" data-type=\"cylinder\">\n  <td><input type=\"checkbox\" class=\"cargo-include\" checked><\/td>\n  <td><input type=\"text\" class=\"cargo-name\" placeholder=\"Nama\"><\/td>\n  <td><input type=\"number\" class=\"cargo-l\"><\/td>\n  <td><input type=\"number\" class=\"cargo-w\"><\/td>\n  <td><input type=\"number\" class=\"cargo-h\"><\/td>\n  <td><input type=\"number\" class=\"cargo-d\"><\/td>\n  <td><input type=\"number\" class=\"cargo-h2\"><\/td>\n  <td><input type=\"number\" class=\"cargo-qty\" value=\"1\"><\/td>\n  <td><input type=\"number\" class=\"cargo-weight\"><\/td>\n  <td><input type=\"number\" class=\"cargo-total-weight\" readonly><\/td>\n  <td><input type=\"number\" class=\"cargo-volume\" readonly><\/td>\n  <td><button class=\"remove-cargo\">\u00d7<\/button><\/td>\n<\/tr>\n\n          <\/tbody>\n          <tfoot>\n  <tr>\n    <td colspan=\"7\">Jumlah:<\/td>\n    <td class=\"sum-qty\">0<\/td>\n    <td><\/td>\n    <td class=\"sum-wt\">0<\/td>\n    <td class=\"sum-vol\">0<\/td>\n    <td><\/td>\n  <\/tr>\n<\/tfoot>\n\n\n        <\/table>\n        <button id=\"add-cargo-cylinder\" class=\"sr-add-btn\">+ Tambah kargo silinder<\/button>\n\n        <div class=\"sr-scroll-track\"><\/div>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 BAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<h2>\ud83d\udecd\ufe0f Kargo Beg \/ Guni<\/h2>\n<table class=\"sr-cargo-table\" data-type=\"bag\">\n  <thead>\n    <tr>\n      <th>Gunakan<\/th>\n      <th>Nama<\/th>\n      <th>Panjang (cm)<\/th>\n      <th>Lebar (cm)<\/th>\n      <th>Tinggi (cm)<\/th>\n      <th>Diameter (cm)<\/th>\n      <th>Tinggi (cm)<\/th>\n      <th>Kuantiti<\/th>\n      <th>Berat (kg)<\/th>\n      <th>Jumlah Berat<\/th>\n      <th>Isipadu (m\u00b3)<\/th>\n      <th>\u2014<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody id=\"cargo-body-bag\">\n    <tr class=\"cargo-row\" data-type=\"bag\">\n      <td><input type=\"checkbox\" class=\"cargo-include\" checked><\/td>\n      <td><input type=\"text\" class=\"cargo-name\" placeholder=\"Nama\"><\/td>\n      <td><input type=\"number\" class=\"cargo-l\" readonly tabindex=\"-1\"><\/td>\n      <td><input type=\"number\" class=\"cargo-w\" readonly tabindex=\"-1\"><\/td>\n      <td><input type=\"number\" class=\"cargo-h\" readonly tabindex=\"-1\"><\/td>\n      <td><input type=\"number\" class=\"cargo-d\" placeholder=\"Diameter (cm)\"><\/td>\n      <td><input type=\"number\" class=\"cargo-h2\" placeholder=\"Tinggi (cm)\"><\/td>\n      <td><input type=\"number\" class=\"cargo-qty\" value=\"1\"><\/td>\n      <td><input type=\"number\" class=\"cargo-weight\" placeholder=\"Berat (kg)\"><\/td>\n      <td><input type=\"number\" class=\"cargo-total-weight\" readonly><\/td>\n      <td><input type=\"number\" class=\"cargo-volume\" readonly><\/td>\n      <td><button class=\"remove-cargo\">\u00d7<\/button><\/td>\n    <\/tr>\n  <\/tbody>\n  <tfoot>\n  <tr>\n    <td colspan=\"7\">Jumlah:<\/td>     <!-- Spans: Use, Name, L, W, H, \u00d8, H -->\n    <td class=\"sum-qty\">0<\/td>       <!-- Under Qty -->\n    <td><\/td>                        <!-- Under Wt (kg) -->\n    <td class=\"sum-wt\">0<\/td>        <!-- Under Total Wt -->\n    <td class=\"sum-vol\">0<\/td>       <!-- Under Vol -->\n    <td><\/td>                        <!-- Under \u2014 (Remove) -->\n  <\/tr>\n<\/tfoot>\n<\/table>\n<button id=\"add-cargo-bag\" class=\"sr-add-btn\">+ Tambah kargo beg<\/button>\n\n\n\n<h3 class=\"sr-grand-head\">Jumlah Keseluruhan Kargo<\/h3>\n<table class=\"sr-grand-table\">\n  <thead>\n    <tr><th>Jumlah Kuantiti<\/th><th>Jumlah Berat (kg)<\/th><th>Jumlah Isipadu (m\u00b3)<\/th><\/tr>\n  <\/thead>\n  <tbody>\n    <tr>\n      <td id=\"grand-qty\">0<\/td>\n      <td id=\"grand-wt\">0<\/td>\n      <td id=\"grand-vol\">0<\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n\n      <\/div><!-- \/Step 3 panel -->\n\n\n      <!-- Step 4 \u00b7 Pallet Loading Type -->\n<div class=\"sr-panel\" data-step=\"4\">\n  <h2>Jenis Muatan Palet<\/h2>\n\n  <!-- CENTRED ROW -->\n  <div class=\"pallet-type-options\">   <!-- flex-centres the cards -->\n\n    <!-- Floor loading -->\n    <label class=\"sr-tile sr-selectable\">\n      <input type=\"radio\" name=\"loading-type\" value=\"floor\" checked>\n      <img decoding=\"async\" src=\"https:\/\/stooper.co\/wp-content\/plugins\/sea-rates-stuffing-wizard\/img\/floor.png\" alt=\"Floor Loading\">\n      <span>Lantai<\/span>\n    <\/label>\n\n\n  <\/div><!-- \/.pallet-type-options -->\n<\/div><!-- \/.sr-panel -->\n\n\n<!-- Step 5a \u00b7 Full Pallet (with Carton) -->\n<div class=\"sr-panel\" data-step=\"5\">\n  <h2>Langkah 5 \u2013 Palet Penuh (dengan Karton)<\/h2>\n\n  <!-- pallet illustration -->\n  <div class=\"sr-pallet-wrap\">\n    <!-- pallet sketch \u2014 arrows now inside the panel -->\n    <svg id=\"sr-pallet-svg\" viewbox=\"0 0 520 300\" width=\"100%\" aria-hidden=\"true\">\n      <!-- markers & gradients -->\n      <defs>\n        <marker id=\"arrow\" viewbox=\"0 0 6 6\" refx=\"3\" refy=\"3\"\n                markerwidth=\"6\" markerheight=\"6\" orient=\"auto\">\n          <path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#444\"\/>\n        <\/marker>\n        <lineargradient id=\"boxFront\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stop-color=\"#f0cb8c\"\/>\n          <stop offset=\"100%\" stop-color=\"#e1b973\"\/>\n        <\/lineargradient>\n        <lineargradient id=\"boxSide\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n          <stop offset=\"0%\" stop-color=\"#e4be7a\"\/>\n          <stop offset=\"100%\" stop-color=\"#d3ab63\"\/>\n        <\/lineargradient>\n        <lineargradient id=\"woodTop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\" stop-color=\"#caa36b\"\/>\n          <stop offset=\"100%\" stop-color=\"#b68a4e\"\/>\n        <\/lineargradient>\n        <lineargradient id=\"woodFace\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n          <stop offset=\"0%\" stop-color=\"#b68a4e\"\/>\n          <stop offset=\"100%\" stop-color=\"#956a3c\"\/>\n        <\/lineargradient>\n      <\/defs>\n      <!-- pallet deck & slats -->\n      <polygon points=\"140,245 360,245 410,270 190,270\"\n               fill=\"url(#woodTop)\" stroke=\"#8f6838\" stroke-width=\"1.4\"\/>\n      <polygon points=\"140,245 190,270 190,287 140,262\"\n               fill=\"url(#woodFace)\"\/>\n      <polygon points=\"360,245 410,270 410,287 360,262\"\n               fill=\"url(#woodFace)\"\/>\n      <!-- 3\u00d73 carton stack -->\n      <g stroke=\"#a57a46\" stroke-width=\"1.8\" fill=\"url(#boxFront)\">\n        <rect x=\"180\" y=\"45\"  width=\"60\" height=\"60\"\/>\n        <rect x=\"240\" y=\"45\"  width=\"60\" height=\"60\"\/>\n        <rect x=\"300\" y=\"45\"  width=\"60\" height=\"60\"\/>\n        <rect x=\"180\" y=\"105\" width=\"60\" height=\"60\"\/>\n        <rect x=\"240\" y=\"105\" width=\"60\" height=\"60\"\/>\n        <rect x=\"300\" y=\"105\" width=\"60\" height=\"60\"\/>\n        <rect x=\"180\" y=\"165\" width=\"60\" height=\"60\"\/>\n        <rect x=\"240\" y=\"165\" width=\"60\" height=\"60\"\/>\n        <rect x=\"300\" y=\"165\" width=\"60\" height=\"60\"\/>\n      <\/g>\n      <!-- side faces -->\n      <g stroke=\"#a57a46\" stroke-width=\"1.8\" fill=\"url(#boxSide)\">\n        <polygon points=\"360,45 420,75 420,135 360,105\"\/>\n        <polygon points=\"360,105 420,135 420,195 360,165\"\/>\n        <polygon points=\"360,165 420,195 420,255 360,225\"\/>\n      <\/g>\n      <!-- tape lines -->\n      <g stroke=\"#d0ad6d\" stroke-width=\"5\">\n        <line x1=\"180\" y1=\"75\"  x2=\"420\" y2=\"75\"\/>\n        <line x1=\"180\" y1=\"135\" x2=\"420\" y2=\"135\"\/>\n        <line x1=\"180\" y1=\"195\" x2=\"420\" y2=\"195\"\/>\n        <line x1=\"210\" y1=\"45\"  x2=\"210\" y2=\"255\"\/>\n        <line x1=\"270\" y1=\"45\"  x2=\"270\" y2=\"255\"\/>\n        <line x1=\"330\" y1=\"45\"  x2=\"330\" y2=\"255\"\/>\n      <\/g>\n      <!-- dimension arrows -->\n      <line x1=\"173\" y1=\"45\" x2=\"173\" y2=\"255\" stroke=\"#444\"\n            marker-start=\"url(#arrow)\" marker-end=\"url(#arrow)\"\/>\n      <text id=\"svg-h\" x=\"160\" y=\"150\" text-anchor=\"end\" font-size=\"14\">Tinggi (cm)<\/text>\n      <line x1=\"180\" y1=\"270\" x2=\"330\" y2=\"270\" stroke=\"#444\"\n            marker-start=\"url(#arrow)\" marker-end=\"url(#arrow)\"\/>\n      <text id=\"svg-w\" x=\"255\" y=\"287\" text-anchor=\"middle\" font-size=\"14\">Lebar (cm)<\/text>\n      <line x1=\"370\" y1=\"250\" x2=\"435\" y2=\"280\" stroke=\"#444\"\n            marker-start=\"url(#arrow)\" marker-end=\"url(#arrow)\"\/>\n      <text id=\"svg-l\" x=\"440\" y=\"288\" font-size=\"14\">Panjang (cm)<\/text>\n    <\/svg>\n  <\/div><!-- \/.sr-pallet-wrap -->\n\n  <!-- pallet dimensions + weight table (5a) -->\n  <table class=\"sr-pallet-table\" id=\"pallet-table-5a\">\n    <thead>\n      <tr>\n        <th>Gunakan<\/th><th>Panjang (cm)<\/th><th>Lebar (cm)<\/th><th>Tinggi (cm)<\/th>\n        <th>Kuantiti<\/th><th>Berat Palet (kg)<\/th><th>Jumlah Berat<\/th><th>Isipadu (m\u00b3)<\/th><th>\u2014<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody id=\"pallet-body-5a\">\n      <tr class=\"pallet-row\">\n        <td><input type=\"checkbox\" class=\"pallet-use\" checked><\/td>\n        <td><input type=\"number\" class=\"p-l\"   step=\"0.01\"><\/td>\n        <td><input type=\"number\" class=\"p-w\"   step=\"0.01\"><\/td>\n        <td><input type=\"number\" class=\"p-h\"   step=\"0.01\"><\/td>\n        <td><input type=\"number\" class=\"p-qty\" min=\"1\" value=\"1\"><\/td>\n        <td><input type=\"number\" class=\"p-uwt\"><\/td>\n        <td><input type=\"number\" class=\"p-twt\"  readonly><\/td>\n        <td><input type=\"number\" class=\"p-vol\"  readonly><\/td>\n        <td><button class=\"remove-pallet\">\u00d7<\/button><\/td>\n      <\/tr>\n    <\/tbody>\n    <tfoot>\n      <tr>\n        <td colspan=\"6\">Jumlah:<\/td>\n        <td class=\"sum-wt\">0<\/td><td class=\"sum-vol\">0<\/td><td><\/td>\n      <\/tr>\n    <\/tfoot>\n  <\/table>\n  <button id=\"add-pallet-5a\" class=\"sr-add-btn\">+ Tambah saiz palet<\/button>\n<\/div><!-- \/.sr-panel (Step 5a) -->\n\n\n      <!-- Step 6: Number of Containers -->\n      <div class=\"sr-panel\" data-step=\"6\">\n        <h2>Berapa Banyak Kontena?<\/h2>\n        <input type=\"number\" id=\"num-containers\" min=\"1\" value=\"1\">\n      <\/div>\n\n      <!-- Step 7: 2D Top-View -->\n      <div class=\"sr-panel\" data-step=\"7\">\n        <h2>Susunan Visual<\/h2>\n          <div id=\"step8-pallet-summary\" style=\"margin-bottom:8px;color:#007bff;font-weight:bold;\"><\/div>\n        <div id=\"container-view\"><\/div>\n      <\/div>\n\n      <!-- Step 8: Calculation Results (data-step=\"9\") -->\n\n<div class=\"sr-panel\" data-step=\"8\">\n  <h2>Keputusan Pengiraan<\/h2>\n\n  <!-- numeric results injected by wizard.js -->\n  <div id=\"results-content\"><\/div>\n  \n<!-- keep this wrapper (needed by JS) but drop the heading -->\n<div id=\"stackmap-area\" style=\"margin-top:18px;\">\n\n  <canvas id=\"map-cylinder\" width=\"800\" height=\"300\"\n          style=\"border:1px solid #ccc;background:#f8f8fa;margin-bottom:18px;\"><\/canvas>\n\n  <canvas id=\"map-carton\"   width=\"800\" height=\"300\"\n          style=\"border:1px solid #ccc;background:#f8f8fa;margin-bottom:18px;\"><\/canvas>\n\n  <canvas id=\"map-bag\"      width=\"800\" height=\"300\"\n          style=\"border:1px solid #ccc;background:#f8f8fa;\"><\/canvas>\n<\/div>\n\n\n\n<!-- NEW fixed\u2011angle 3\u2011D length preview -->\n<div id=\"static-tabs\" style=\"margin-bottom:12px;\"><\/div>\n\n<!-- fluid container for the static 3\u2011D tabs -->\n<div id=\"length-preview3d\"><div class=\"srp-3d-placeholder\">3D preview is paused for faster calculation. Use the Real 3-D Preview button when needed.<\/div><\/div>\n\n\n\n\n  <!-- The \"View 3D\" button (hidden by default, shown by JS on step 9) -->\n<button id=\"open-3d-preview\" class=\"sr-btn\" style=\"margin-bottom:16px;display:none;\">\n  Pratonton 3D dijeda untuk pengiraan yang lebih pantas. Gunakan butang Pratonton 3D Sebenar apabila diperlukan.\n<\/button>\n\n<!-- 3D Modal Popup (hidden by default) -->\n<div id=\"cargo3d-modal\" class=\"hidden\" style=\"  position:fixed;top:0;left:0;width:100vw;height:100vh;  background:rgba(0,0,0,0.38);display:flex;align-items:center;justify-content:center;z-index:10010;\">\n  <div style=\"background:#fff;border-radius:12px;padding:32px 22px;min-width:900px;min-height:480px;position:relative;box-shadow:0 2px 32px rgba(0,0,0,0.18);\">\n    <button id=\"close-cargo3d-modal\" style=\"position:absolute;top:12px;right:18px;background:transparent;border:none;font-size:1.7em;line-height:1;cursor:pointer;\">x<\/button>\n    <div id=\"cargo3d\"\n         style=\"width:100%;max-width:900px;height:420px;                margin:2rem auto;border:1px solid #ddd;                display:flex;align-items:center;justify-content:center;\">\n      <!-- will be replaced by Three.js canvas -->\n      <span style=\"color:#888;font-size:0.9rem;\">Sedang memuatkan pratonton 3D\u2026<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- 3D Pallet Modal -->\n<div id=\"pallet3d-modal\" class=\"pallet3d-modal hidden\">\n  <div class=\"pallet3d-content\">\n    <span id=\"close-pallet3d-modal\" class=\"pallet3d-close\">x<\/span>\n    <h3>Pratonton 3D Palet<\/h3>\n    <div class=\"pallet3d-mode-btns\">\n      <button id=\"pallet3d-wrapall\" class=\"pallet3d-toggle active\">Palet Berbalut<\/button>\n    <\/div>\n    <div id=\"pallet3d-viewer\" style=\"width: 800px; height: 600px; background: #fff;\"><\/div>\n  <\/div>\n<\/div>\n\n\n    <\/div><!-- \/.sr-wizard-container -->\n\n      <!-- Navigation Buttons -->\n      <div class=\"sr-wizard-nav\">\n        <button class=\"sr-btn sr-back\" disabled>Kembali<\/button>\n        <button class=\"sr-btn sr-next\">Seterusnya<\/button>\n      <\/div><!-- \/.sr-wizard-nav -->\n\n    <\/div>\n\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Malaysia Sea Container Loader: Solve Your Cargo Loading Problems Instantly! Ever had headaches wondering if your goods will fit into the shipping container for export? Worry no more! Our Malaysia sea container loader is specially designed to make your life easier\u2014saving you space, money, and stress. Simply enter your cargo dimensions and instantly see how [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-12431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/pages\/12431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/comments?post=12431"}],"version-history":[{"count":12,"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/pages\/12431\/revisions"}],"predecessor-version":[{"id":13190,"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/pages\/12431\/revisions\/13190"}],"wp:attachment":[{"href":"https:\/\/stooper.co\/ms\/wp-json\/wp\/v2\/media?parent=12431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}