{"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":"%e6%99%ba%e8%83%bd%e6%9c%88%e5%ba%a6%e6%94%af%e5%87%ba%e8%ae%a1%e7%ae%97%e5%99%a8","status":"publish","type":"page","link":"https:\/\/stooper.co\/zh\/sea-container-loader\/","title":{"rendered":"\u6d77\u8fd0\u96c6\u88c5\u7bb1\u88c5\u8f7d\u5668\u9a6c\u6765\u897f\u4e9a\uff1a\u8f7b\u677e\u4f18\u5316\u60a8\u7684\u8d27\u7269\u7a7a\u95f4"},"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\">Malaysia Sea Container Loader: Solve Your Cargo Loading Problems Instantly!\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\">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 well everything fits. Click, calculate, and relax!<\/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\">Step 1<\/div>\n\t<div class=\"sr-step\" data-step=\"2\">Step 2<\/div>\n\t<div class=\"sr-step\" data-step=\"3\">Step 3<\/div>\n\t<div class=\"sr-step\" data-step=\"4\">Step 4<\/div>\n\t<div class=\"sr-step\" data-step=\"5\">Step 5<\/div>\n\t<div class=\"sr-step\" data-step=\"6\">Step 6<\/div>\n\t<!-- \u25bc\u00a0rename these two only\u00a0\u25bc -->\n  <div class=\"sr-step\" data-step=\"7\">Pallet<\/div>         <!-- was \u201cStep\u00a07\u201d -->\n  <div class=\"sr-step\" data-step=\"8\">Loose\u00a0Carton<\/div>    <!-- was \u201cStep\u00a08\u201d -->\n      <\/div>\n\n      <!-- Step 1: Container Type -->\n      <div class=\"sr-panel\" data-step=\"1\">\n        <h2>Select Container Type<\/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=\"Custom\">\n        <span>Custom<\/span>\n      <\/label>\n                  <\/div>\n       <div id=\"custom-dims\" class=\"hidden\" style=\"margin-top:1rem;\">\n  <label>Length (cm): <input type=\"number\" id=\"c-l\" step=\"1\" min=\"0\"><\/label>\n  <label>Width  (cm): <input type=\"number\" id=\"c-w\" step=\"1\" min=\"0\"><\/label>\n  <label>Height (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>Select Cargo Mode<\/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=\"Carton\">\n            <span>Carton<\/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=\"Pallet\">\n            <span>Pallet<\/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>Cylinder stacking&nbsp;style:<\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"cyl-orient\" value=\"sleep\" checked>\n    Sleep&nbsp;(lying)\n  <\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"cyl-orient\" value=\"stand\">\n    Stand&nbsp;(upright)\n  <\/label>\n<\/div>\n\n<div class=\"sr-orient-block\">\n  <label>Bag stacking&nbsp;style:<\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"bag-orient\" value=\"sleep\" checked>\n    Sleep&nbsp;(lying only)\n  <\/label>\n  <span class=\"sr-orient-note\" style=\"margin-left:10px;color:#64748b;font-size:0.92em;\">Bag \/ sack is forced to lying mode for more realistic planning and stacking.<\/span>\n<\/div>\n\n<!-- Carton orientation pills -->\n<div class=\"sr-orient-block\">\n  <label>Carton long&nbsp;side:<\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"carton-long\" value=\"depth\" checked>\n    Front&nbsp;\u2194&nbsp;Back\n  <\/label>\n  <label class=\"sr-orient-pill\">\n    <input type=\"radio\" name=\"carton-long\" value=\"width\">\n    Left&nbsp;\u2194&nbsp;Right\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 Box Cargo<\/h2>\n        <table class=\"sr-cargo-table\" data-type=\"box\">\n          <thead>\n            <tr>\n              <th>Use<\/th><th>\u59d3\u540d<\/th><th>L&nbsp;(cm)<\/th><th>W&nbsp;(cm)<\/th><th>H&nbsp;(cm)<\/th>\n              <th>Qty<\/th><th>Wt&nbsp;(kg)<\/th><th>Total&nbsp;Wt<\/th><th>Vol&nbsp;(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=\"\u59d3\u540d\"><\/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\">Totals:<\/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\">+ Add box cargo<\/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 Cylindrical Cargo<\/h2>\n        <table class=\"sr-cargo-table\" data-type=\"cylinder\">\n         <thead>\n  <tr>\n    <th>Use<\/th>\n    <th>\u59d3\u540d<\/th>\n    <th>L (cm)<\/th>\n    <th>W (cm)<\/th>\n    <th>H (cm)<\/th>\n    <th>\u00d8 (cm)<\/th>\n    <th>H (cm)<\/th>\n    <th>Qty<\/th>\n    <th>Wt (kg)<\/th>\n    <th>Total Wt<\/th>\n    <th>Vol (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=\"\u59d3\u540d\"><\/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\">Totals:<\/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\">+ Add cylindrical cargo<\/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 Bag \/ Sack Cargo<\/h2>\n<table class=\"sr-cargo-table\" data-type=\"bag\">\n  <thead>\n    <tr>\n      <th>Use<\/th>\n      <th>\u59d3\u540d<\/th>\n      <th>L (cm)<\/th>\n      <th>W (cm)<\/th>\n      <th>H (cm)<\/th>\n      <th>\u00d8 (cm)<\/th>\n      <th>H (cm)<\/th>\n      <th>Qty<\/th>\n      <th>Wt (kg)<\/th>\n      <th>Total Wt<\/th>\n      <th>Vol (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=\"\u59d3\u540d\"><\/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=\"\u00d8 (cm)\"><\/td>\n      <td><input type=\"number\" class=\"cargo-h2\" placeholder=\"H (cm)\"><\/td>\n      <td><input type=\"number\" class=\"cargo-qty\" value=\"1\"><\/td>\n      <td><input type=\"number\" class=\"cargo-weight\" placeholder=\"Wt (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\">Totals:<\/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\">+ Add bag cargo<\/button>\n\n\n\n<h3 class=\"sr-grand-head\">All Cargo Totals<\/h3>\n<table class=\"sr-grand-table\">\n  <thead>\n    <tr><th>Total&nbsp;Qty<\/th><th>Total&nbsp;Wt&nbsp;(kg)<\/th><th>Total&nbsp;Vol&nbsp;(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>Pallet Loading Type<\/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>Floor<\/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>Step 5 \u2013 Full Pallet (with Carton)<\/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\">H&nbsp;(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\">W&nbsp;(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\">L&nbsp;(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>Use<\/th><th>L&nbsp;(cm)<\/th><th>W&nbsp;(cm)<\/th><th>H&nbsp;(cm)<\/th>\n        <th>Qty<\/th><th>Pallet&nbsp;Wt&nbsp;(kg)<\/th><th>Total&nbsp;Wt<\/th><th>Vol&nbsp;(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\">Totals:<\/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\">+ Add pallet size<\/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>How Many Containers?<\/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>Visual Arrangement<\/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>Calculation Results<\/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  Real\u00a03\u2011D\u00a0Preview\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;\">&times;<\/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;\">Loading 3-D preview\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\">&times;<\/span>\n    <h3>Pallet 3D Preview<\/h3>\n    <div class=\"pallet3d-mode-btns\">\n      <button id=\"pallet3d-wrapall\" class=\"pallet3d-toggle active\">Wrap Pallet<\/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>Back<\/button>\n        <button class=\"sr-btn sr-next\">Next<\/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\/zh\/wp-json\/wp\/v2\/pages\/12431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/comments?post=12431"}],"version-history":[{"count":12,"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/pages\/12431\/revisions"}],"predecessor-version":[{"id":13190,"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/pages\/12431\/revisions\/13190"}],"wp:attachment":[{"href":"https:\/\/stooper.co\/zh\/wp-json\/wp\/v2\/media?parent=12431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}