{"id":2966,"date":"2025-09-04T22:33:42","date_gmt":"2025-09-04T14:33:42","guid":{"rendered":"https:\/\/www.acsnets.tw\/?p=2966"},"modified":"2025-09-05T11:15:51","modified_gmt":"2025-09-05T03:15:51","slug":"%e7%a9%ba%e9%81%8b%e5%bf%ab%e9%81%9e-%e6%9d%90%e7%a9%8d%e8%a8%88%e7%ae%97%e6%a9%9f","status":"publish","type":"post","link":"https:\/\/www.acsnets.tw\/en\/%e7%a9%ba%e9%81%8b%e5%bf%ab%e9%81%9e-%e6%9d%90%e7%a9%8d%e8%a8%88%e7%ae%97%e6%a9%9f\/","title":{"rendered":"\u7a7a\u904b\u5feb\u905e\u6750\u7a4d\u8a08\u7b97"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u7a7a\u904b\u6750\u7a4d\u8a08\u7b97\u5de5\u5177<\/title>\n <style>\n \/* \u57fa\u790e\u6a23\u5f0f *\/\n .air-cargo-calculator {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 25px;\n background: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n color: #333;\n }\n \n .air-cargo-header {\n text-align: center;\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px solid #eaeaea;\n }\n \n .air-cargo-header h2 {\n color: #2c3e50;\n margin-bottom: 10px;\n font-size: 28px;\n }\n \n .air-cargo-header p {\n color: #7f8c8d;\n font-size: 16px;\n }\n \n \/* \u8f38\u5165\u5340\u57df *\/\n .input-section {\n background: white;\n padding: 25px;\n border-radius: 8px;\n margin-bottom: 25px;\n box-shadow: 0 1px 5px rgba(0,0,0,0.05);\n }\n \n .unit-toggle {\n display: flex;\n margin-bottom: 20px;\n border-radius: 5px;\n overflow: hidden;\n border: 1px solid #ddd;\n }\n \n .toggle-btn {\n flex: 1;\n padding: 12px;\n background: #f1f1f1;\n border: none;\n cursor: pointer;\n font-size: 16px;\n font-weight: 600;\n transition: all 0.3s;\n text-align: center;\n }\n \n .toggle-btn.active {\n background: #3498db;\n color: white;\n }\n \n .dimension-inputs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n margin-bottom: 20px;\n }\n \n @media (max-width: 600px) {\n .dimension-inputs {\n grid-template-columns: 1fr;\n }\n }\n \n .input-group {\n margin-bottom: 15px;\n }\n \n .input-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #2c3e50;\n }\n \n .input-field {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n transition: border-color 0.3s;\n }\n \n .input-field:focus {\n border-color: #3498db;\n outline: none;\n box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);\n }\n \n .calculate-btn {\n width: 100%;\n padding: 15px;\n background: #2ecc71;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s;\n margin-top: 10px;\n }\n \n .calculate-btn:hover {\n background: #27ae60;\n }\n \n \/* \u7d50\u679c\u5340\u57df *\/\n .result-section {\n background: white;\n padding: 25px;\n border-radius: 8px;\n box-shadow: 0 1px 5px rgba(0,0,0,0.05);\n }\n \n .result-title {\n font-weight: bold;\n margin-bottom: 20px;\n color: #2c3e50;\n font-size: 22px;\n text-align: center;\n padding-bottom: 10px;\n border-bottom: 1px solid #eee;\n }\n \n .result-box {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n margin-bottom: 20px;\n }\n \n @media (max-width: 600px) {\n .result-box {\n grid-template-columns: 1fr;\n }\n }\n \n .result-item {\n background: #f8f9fa;\n padding: 20px;\n border-radius: 8px;\n text-align: center;\n }\n \n .result-label {\n display: block;\n font-weight: 600;\n margin-bottom: 10px;\n color: #7f8c8d;\n }\n \n .result-value {\n font-size: 24px;\n font-weight: 700;\n }\n \n .volumetric .result-value {\n color: #e74c3c;\n }\n \n .actual .result-value {\n color: #3498db;\n }\n \n .chargeable .result-value {\n color: #2ecc71;\n }\n \n .comparison {\n text-align: center;\n font-size: 18px;\n margin: 20px 0;\n padding: 15px;\n border-radius: 8px;\n background: #fff4e6;\n font-weight: 600;\n }\n \n .formula {\n background: #e8f4fc;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n }\n \n .formula-title {\n font-weight: bold;\n margin-bottom: 10px;\n color: #3498db;\n font-size: 18px;\n }\n \n .formula-desc {\n line-height: 1.6;\n }\n \n .highlight {\n background: #fff;\n padding: 3px 6px;\n border-radius: 4px;\n font-weight: 700;\n color: #e74c3c;\n }\n \n \/* WordPress\u517c\u5bb9\u6a23\u5f0f *\/\n .wp-container {\n max-width: 800px;\n margin: 0 auto;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wp-container\">\n <div class=\"air-cargo-calculator\">\n <div class=\"air-cargo-header\">\n <h2>\u6700\u65b9\u4fbf\u7684\u7a7a\u904b\u6750\u7a4d\u8a08\u7b97\u6a5f<\/h2>\n <p>\u8a08\u7b97\u7a7a\u904b\u8ca8\u7269\u7684\u9ad4\u7a4d\u91cd\u91cf\uff0c\u99ac\u4e0a\u7d66\u7b54\u6848\uff01<\/p>\n <\/div>\n \n <div class=\"input-section\">\n <div class=\"unit-toggle\">\n <button class=\"toggle-btn active\" id=\"cm-btn\">\u516c\u5206 (cm)<\/button>\n <button class=\"toggle-btn\" id=\"inch-btn\">\u82f1\u540b (in)<\/button>\n <\/div>\n \n <div class=\"input-group\">\n <label>\u5305\u88f9\u5c3a\u5bf8<\/label>\n <div class=\"dimension-inputs\">\n <div>\n <input type=\"number\" id=\"length\" class=\"input-field\" placeholder=\"\u9577\u5ea6\">\n <\/div>\n <div>\n <input type=\"number\" id=\"width\" class=\"input-field\" placeholder=\"\u5bec\u5ea6\">\n <\/div>\n <div>\n <input type=\"number\" id=\"height\" class=\"input-field\" placeholder=\"\u9ad8\u5ea6\">\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"input-group\">\n <label for=\"weight\">\u5be6\u969b\u91cd\u91cf (\u516c\u65a4)<\/label>\n <input type=\"number\" id=\"weight\" class=\"input-field\" placeholder=\"\u91cd\u91cf\">\n <\/div>\n \n <button class=\"calculate-btn\" id=\"calculate\">\u8a08\u7b97\u6750\u7a4d<\/button>\n <\/div>\n \n <div class=\"result-section\">\n <div class=\"result-title\">\u8a08\u7b97\u7d50\u679c<\/div>\n \n <div class=\"result-box\">\n <div class=\"result-item volumetric\">\n <span class=\"result-label\">\u9ad4\u7a4d\u91cd\u91cf<\/span>\n <span class=\"result-value\" id=\"volumetric-result\">0.00 kg<\/span>\n <\/div>\n \n <div class=\"result-item actual\">\n <span class=\"result-label\">\u5be6\u969b\u91cd\u91cf<\/span>\n <span class=\"result-value\" id=\"actual-result\">0.00 kg<\/span>\n <\/div>\n \n <div class=\"result-item chargeable\">\n <span class=\"result-label\">\u8a08\u8cbb\u91cd\u91cf<\/span>\n <span class=\"result-value\" id=\"chargeable-result\">0.00 kg<\/span>\n <\/div>\n <\/div>\n \n <div class=\"comparison\" id=\"comparison-text\">\n \u8de8\u5883\u96fb\u5546 \u5bc4\u4ef6\u6700\u597d\u7528\u7684\u5de5\u5177\uff01\n <\/div>\n \n <div class=\"formula\">\n <div class=\"formula-title\">\u8a08\u7b97\u516c\u5f0f<\/div>\n <div class=\"formula-desc\">\n <p>\u516c\u5206: <span class=\"highlight\">(\u9577 \u00d7 \u5bec \u00d7 \u9ad8) \/ 6000<\/span> = \u9ad4\u7a4d\u91cd\u91cf (\u516c\u65a4)<\/p>\n <p>\u82f1\u540b: <span class=\"highlight\">(\u9577 \u00d7 \u5bec \u00d7 \u9ad8) \/ 366<\/span> = \u9ad4\u7a4d\u91cd\u91cf (\u516c\u65a4)<\/p>\n <p>\u8a08\u8cbb\u91cd\u91cf\u53d6\u9ad4\u7a4d\u91cd\u91cf\u548c\u5be6\u969b\u91cd\u91cf\u4e2d\u8f03\u5927\u8005\u4f5c\u70ba\u8a08\u8cbb\u91cd\u91cf<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n const cmBtn = document.getElementById('cm-btn');\n const inchBtn = document.getElementById('inch-btn');\n const lengthInput = document.getElementById('length');\n const widthInput = document.getElementById('width');\n const heightInput = document.getElementById('height');\n const weightInput = document.getElementById('weight');\n const calculateBtn = document.getElementById('calculate');\n const volumetricResult = document.getElementById('volumetric-result');\n const actualResult = document.getElementById('actual-result');\n const chargeableResult = document.getElementById('chargeable-result');\n const comparisonText = document.getElementById('comparison-text');\n \n let currentUnit = 'cm';\n \n \/\/ \u55ae\u4f4d\u5207\u63db\n cmBtn.addEventListener('click', function() {\n if (currentUnit !== 'cm') {\n currentUnit = 'cm';\n cmBtn.classList.add('active');\n inchBtn.classList.remove('active');\n updatePlaceholders();\n }\n });\n \n inchBtn.addEventListener('click', function() {\n if (currentUnit !== 'inch') {\n currentUnit = 'inch';\n inchBtn.classList.add('active');\n cmBtn.classList.remove('active');\n updatePlaceholders();\n }\n });\n \n function updatePlaceholders() {\n const unit = currentUnit === 'cm' ? 'cm' : 'in';\n lengthInput.placeholder = `\u9577\u5ea6 (${unit})`;\n widthInput.placeholder = `\u5bec\u5ea6 (${unit})`;\n heightInput.placeholder = `\u9ad8\u5ea6 (${unit})`;\n }\n \n \/\/ \u8a08\u7b97\u6750\u7a4d\n calculateBtn.addEventListener('click', function() {\n const length = parseFloat(lengthInput.value);\n const width = parseFloat(widthInput.value);\n const height = parseFloat(heightInput.value);\n const weight = parseFloat(weightInput.value);\n \n if (isNaN(length) || isNaN(width) || isNaN(height)) {\n alert('\u8acb\u8f38\u5165\u6709\u6548\u7684\u5c3a\u5bf8\u6578\u503c');\n return;\n }\n \n if (isNaN(weight) || weight <= 0) {\n alert('\u8acb\u8f38\u5165\u6709\u6548\u7684\u91cd\u91cf\u6578\u503c');\n return;\n }\n \n let volumetricWeight;\n \n if (currentUnit === 'cm') {\n \/\/ \u516c\u5206\u8a08\u7b97\u516c\u5f0f: (\u9577 \u00d7 \u5bec \u00d7 \u9ad8) \/ 6000\n volumetricWeight = (length * width * height) \/ 6000;\n } else {\n \/\/ \u82f1\u540b\u8a08\u7b97\u516c\u5f0f: (\u9577 \u00d7 \u5bec \u00d7 \u9ad8) \/ 366\n volumetricWeight = (length * width * height) \/ 366;\n }\n \n \/\/ \u53d6\u5c0f\u6578\u9ede\u5f8c\u5169\u4f4d\n volumetricWeight = Math.round(volumetricWeight * 100) \/ 100;\n \n \/\/ \u8a08\u8cbb\u91cd\u91cf\u53d6\u8f03\u5927\u503c\n const chargeableWeight = Math.max(volumetricWeight, weight);\n \n \/\/ \u66f4\u65b0\u7d50\u679c\n volumetricResult.textContent = volumetricWeight.toFixed(2) + ' kg';\n actualResult.textContent = weight.toFixed(2) + ' kg';\n chargeableResult.textContent = chargeableWeight.toFixed(2) + ' kg';\n \n \/\/ \u66f4\u65b0\u6bd4\u8f03\u8aaa\u660e\n if (volumetricWeight > weight) {\n comparisonText.innerHTML = '\u9ad4\u7a4d\u91cd\u91cf\u5927\u65bc\u5be6\u969b\u91cd\u91cf\uff0c\u56e0\u6b64\u8a08\u8cbb\u91cd\u91cf\u4ee5\u9ad4\u7a4d\u91cd\u91cf\u70ba\u6e96';\n } else if (volumetricWeight < weight) {\n comparisonText.innerHTML = '\u5be6\u969b\u91cd\u91cf\u5927\u65bc\u9ad4\u7a4d\u91cd\u91cf\uff0c\u56e0\u6b64\u8a08\u8cbb\u91cd\u91cf\u4ee5\u5be6\u969b\u91cd\u91cf\u70ba\u6e96';\n } else {\n comparisonText.innerHTML = '\u9ad4\u7a4d\u91cd\u91cf\u548c\u5be6\u969b\u91cd\u91cf\u76f8\u7b49\uff0c\u8a08\u8cbb\u91cd\u91cf\u4ee5\u6b64\u6578\u503c\u70ba\u6e96';\n }\n });\n \n \/\/ \u521d\u59cb\u5316\n updatePlaceholders();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u7a7a\u904b\u6750\u7a4d\u8a08\u7b97\u5de5\u5177 \u6700\u65b9\u4fbf\u7684\u7a7a\u904b\u6750\u7a4d\u8a08\u7b97\u6a5f \u8a08\u7b97\u7a7a\u904b\u8ca8\u7269\u7684\u9ad4\u7a4d\u91cd\u91cf\uff0c\u99ac\u4e0a\u7d66\u7b54\u6848\uff01 \u516c\u5206 (cm) \u82f1\u540b (in) […]<\/p>\n","protected":false},"author":1,"featured_media":3012,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[7],"tags":[31,33,32],"class_list":["post-2966","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-7","tag-31","tag-33","tag-32","entry","has-media"],"_links":{"self":[{"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/posts\/2966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/comments?post=2966"}],"version-history":[{"count":20,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/posts\/2966\/revisions"}],"predecessor-version":[{"id":2994,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/posts\/2966\/revisions\/2994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/media\/3012"}],"wp:attachment":[{"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/media?parent=2966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/categories?post=2966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.acsnets.tw\/en\/wp-json\/wp\/v2\/tags?post=2966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}