{"id":4799,"date":"2024-09-17T10:37:00","date_gmt":"2024-09-17T02:37:00","guid":{"rendered":"https:\/\/aweitec.com.tw\/?p=4799"},"modified":"2026-09-18T13:04:01","modified_gmt":"2026-09-18T05:04:01","slug":"%e3%80%90%e4%bc%81%e6%a5%ad%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%b9%e3%80%91%e5%85%a5%e5%a0%b4%e5%89%8dpip%ef%bc%88%e6%a9%9f%e5%af%86%e6%83%85%e5%a0%b1%e4%bf%9d%e8%ad%b7%ef%bc%89%e3%83%ab%e3%83%bc","status":"publish","type":"post","link":"https:\/\/aweitec.com.tw\/ja\/%e3%80%90%e5%85%ac%e5%8f%b8%e5%8b%95%e6%85%8b%e3%80%91%e8%90%bd%e5%af%a6%e9%80%b2%e5%bb%a0%e5%89%8dpip%e6%a9%9f%e5%af%86%e8%b3%87%e8%a8%8a%e4%bf%9d%e8%ad%b7%e8%a6%8f%e7%af%84\/","title":{"rendered":"\u3010\u4f01\u696d\u30cb\u30e5\u30fc\u30b9\u3011\u5165\u5834\u524dPIP\uff08\u6a5f\u5bc6\u60c5\u5831\u4fdd\u8b77\uff09\u30eb\u30fc\u30eb\u306e\u5fb9\u5e95"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"4799\" class=\"elementor elementor-4799\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d5e746f elementor-section-boxed elementor-section-height-default elementor-section-height-default parallax_section_no qode_elementor_container_no\" data-id=\"d5e746f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c36055\" data-id=\"3c36055\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9d4057e elementor-widget elementor-widget-html\" data-id=\"9d4057e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"pip-flow\">\r\n\r\n  <!-- \u9802\u90e8\u6a19\u984c -->\r\n  <section class=\"pip-intro\">\r\n    <span class=\"pip-kicker\">PIP\u5b89\u5168SOP<\/span>\r\n    <h2>PIP\u5de5\u5834\u5165\u5ba4\u7ba1\u7406\u30d7\u30ed\u30bb\u30b9<\/h2>\r\n    <p>\r\n      \u5165\u5834\u524d\u306e\u96c6\u5408\u3001\u643a\u5e2f\u96fb\u8a71\u306e\u7ba1\u7406\u3001\u8eab\u4f53\u30fb\u6240\u6301\u54c1\u30c1\u30a7\u30c3\u30af\u3001\u6700\u7d42\u5831\u544a\u307e\u3067\u3001\u6a19\u6e96\u5316\u3055\u308c\u305f\u624b\u9806\u306b\u57fa\u3065\u304d\u3001<br>\u5165\u5834\u524d\u306e\u5b89\u5168\u78ba\u8a8d\u3092\u5fb9\u5e95\u3057\u3066\u3044\u307e\u3059\u3002\r\n    <\/p>\r\n\r\n    <div class=\"pip-overview\">\r\n      <span>01 \u96c6\u5408<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>02 \u643a\u5e2f\u96fb\u8a71\u7ba1\u7406<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>03 \u6301\u8fbc\u54c1\u30c1\u30a7\u30c3\u30af<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>04 \u91d1\u5c5e\u63a2\u77e5\u6a5f<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>05 \u7ba1\u7406\u8868<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>06 \u96fb\u8a71\u5831\u544a<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <div class=\"pip-timeline\">\r\n\r\n    <!-- \u4e2d\u592e\u6d41\u7a0b\u7dda -->\r\n    <div class=\"pip-center-line\"><\/div>\r\n    <div class=\"pip-center-progress\"><\/div>\r\n\r\n\r\n    <!-- 01 -->\r\n    <section class=\"pip-step pip-step-left\">\r\n      <div class=\"pip-content\">\r\n        <div class=\"pip-number\">01<\/div>\r\n        <div class=\"pip-copy\">\r\n          <span class=\"pip-label\">\u30b9\u30c6\u30c3\u30d7 01<\/span>\r\n          <h3>\u5165\u5834\u524d\u306b\u30aa\u30d5\u30a3\u30b9\u3078\u96c6\u5408<\/h3>\r\n          <p>\u5165\u5834\u524d\u306b\u3001\u5168\u54e1\u30aa\u30d5\u30a3\u30b9\u3078\u96c6\u5408\u3057\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pip-node\"><\/div>\r\n\r\n      <div class=\"pip-media\">\r\n        <div class=\"pip-img-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/211.png\" alt=\"\u5165\u5834\u524d\u306b\u30aa\u30d5\u30a3\u30b9\u306b\u96c6\u5408\u3057\u3066\u304f\u3060\u3055\u3044\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- 02 -->\r\n    <section class=\"pip-step pip-step-right\">\r\n      <div class=\"pip-media pip-stack\">\r\n        <div class=\"pip-img-wrap pip-main-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/1-4.jpg\" alt=\"\u643a\u5e2f\u96fb\u8a71\u3092\u500b\u4eba\u5c02\u7528\u30ed\u30c3\u30ab\u30fc\u306b\u4fdd\u7ba1\">\r\n        <\/div>\r\n\r\n        <div class=\"pip-img-wrap pip-small-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/3.jpg\" alt=\"\u643a\u5e2f\u96fb\u8a71\u7528\u30ad\u30e3\u30d3\u30cd\u30c3\u30c8\u306e\u9375\u306e\u30a2\u30c3\u30d7\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pip-node\"><\/div>\r\n\r\n      <div class=\"pip-content\">\r\n        <div class=\"pip-number\">02<\/div>\r\n        <div class=\"pip-copy\">\r\n          <span class=\"pip-label\">\u30b9\u30c6\u30c3\u30d7 02<\/span>\r\n          <h3>\u643a\u5e2f\u96fb\u8a71\u3092\u500b\u4eba\u5c02\u7528\u30ed\u30c3\u30ab\u30fc\u306b\u4fdd\u7ba1<\/h3>\r\n          <p>\r\n            \u78ba\u8a8d\u62c5\u5f53\u8005\u306e\u7acb\u3061\u4f1a\u3044\u306e\u3082\u3068\u3001\u643a\u5e2f\u96fb\u8a71\u3092\u500b\u4eba\u5c02\u7528\u30ed\u30c3\u30ab\u30fc\u306b\u78ba\u5b9f\u306b\u4fdd\u7ba1\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <div class=\"pip-note\">\r\n            <strong>\u643a\u5e2f\u96fb\u8a711\u53f0\u306b\u3064\u304d\u5165\u5834\u8a3c1\u679a\u3068\u4ea4\u63db<\/strong>\r\n            <span>\r\n              \u30ed\u30c3\u30ab\u30fc\u5185\u306e\u5de5\u5834\u5165\u5834\u8a3c\u3092\u53d6\u308a\u51fa\u3057\u305f\u5f8c\u3001\u643a\u5e2f\u96fb\u8a71\u3092\u30ed\u30c3\u30ab\u30fc\u306b\u65bd\u9320\u3057\u3066\u4fdd\u7ba1\u3057\u307e\u3059\u3002\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- 03 -->\r\n    <section class=\"pip-step pip-step-left pip-step-feature\">\r\n      <div class=\"pip-content\">\r\n        <div class=\"pip-number\">03<\/div>\r\n        <div class=\"pip-copy\">\r\n          <span class=\"pip-label\">\u30b9\u30c6\u30c3\u30d703<\/span>\r\n          <h3>\u6301\u8fbc\u54c1\u30c1\u30a7\u30c3\u30af<\/h3>\r\n\r\n          <div class=\"pip-rule-block\">\r\n            <h4>\u4e94\u62cd\uff5c5\u304b\u6240\u3092\u78ba\u8a8d<\/h4>\r\n            <p>\r\n              \u80f8\u5143 \u2192 \u5de6\u30dd\u30b1\u30c3\u30c8 \u2192 \u53f3\u30dd\u30b1\u30c3\u30c8 \u2192 \u5f8c\u308d\u5de6\u53f3\u306e\u30dd\u30b1\u30c3\u30c8\uff0f\u305d\u306e\u4ed6\u306e\u6240\u6301\u54c1\u3092\u78ba\u8a8d\u3057\u3001\u643a\u5e2f\u96fb\u8a71\u3001\u8a18\u61b6\u5a92\u4f53\u3001\u305d\u306e\u4ed6\u306e\u6301\u8fbc\u7981\u6b62\u54c1\u304c\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\r\n\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"pip-rule-block\">\r\n            <h4>\u4e00\u7ffb\uff5c\u30dd\u30b1\u30c3\u30c8\u30fb\u30af\u30ea\u30fc\u30f3\u30d0\u30c3\u30b0\u306e\u78ba\u8a8d<\/h4>\r\n            <p>\r\n              \u8863\u670d\u306e\u30dd\u30b1\u30c3\u30c8\u3084\u30af\u30ea\u30fc\u30f3\u30eb\u30fc\u30e0\u30d0\u30c3\u30b0\u3092\u958b\u304d\u3001\u4e2d\u8eab\u3092\u78ba\u8a8d\u62c5\u5f53\u8005\u306b\u63d0\u793a\u3057\u3001\u6301\u8fbc\u7981\u6b62\u54c1\u304c\u306a\u3044\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pip-node\"><\/div>\r\n\r\n      <div class=\"pip-media\">\r\n        <div class=\"pip-gallery\">\r\n          <div class=\"pip-gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/2-1.png\" alt=\"\">\r\n            <span>01<\/span>\r\n          <\/div>\r\n          <div class=\"pip-gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/3-1.png\" alt=\"\">\r\n            <span>02<\/span>\r\n          <\/div>\r\n          <div class=\"pip-gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/4-1.png\" alt=\"\">\r\n            <span>03<\/span>\r\n          <\/div>\r\n          <div class=\"pip-gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/5-e1789551681196.png\" alt=\"\">\r\n            <span>04<\/span>\r\n          <\/div>\r\n          <div class=\"pip-gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/6.png\" alt=\"\">\r\n            <span>05<\/span>\r\n          <\/div>\r\n          <div class=\"pip-gallery-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/7.png\" alt=\"\">\r\n            <span>06<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- 04 -->\r\n    <section class=\"pip-step pip-step-right\">\r\n      <div class=\"pip-media\">\r\n        <div class=\"pip-img-wrap pip-scan-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/8-1.png\" alt=\"\u91d1\u5c5e\u63a2\u77e5\u6a5f\u691c\u67fb\">\r\n          <span class=\"pip-scan-line\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pip-node\"><\/div>\r\n\r\n      <div class=\"pip-content\">\r\n        <div class=\"pip-number\">04<\/div>\r\n        <div class=\"pip-copy\">\r\n          <span class=\"pip-label\">\u30b9\u30c6\u30c3\u30d7 04<\/span>\r\n          <h3>\u91d1\u5c5e\u63a2\u77e5\u6a5f<\/h3>\r\n          <p>\r\n            \u91d1\u5c5e\u63a2\u77e5\u6a5f\u3092\u4f7f\u7528\u3057\u3001\u898b\u843d\u3068\u3057\u3084\u672a\u78ba\u8a8d\u306e\u6301\u8fbc\u7981\u6b62\u54c1\u304c\u306a\u3044\u3053\u3068\u3092\u518d\u5ea6\u78ba\u8a8d\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- 05 -->\r\n    <section class=\"pip-step pip-step-left\">\r\n      <div class=\"pip-content\">\r\n        <div class=\"pip-number\">05<\/div>\r\n        <div class=\"pip-copy\">\r\n          <span class=\"pip-label\">\u30b9\u30c6\u30c3\u30d7 05<\/span>\r\n          <h3>PIP\u7ba1\u7406\u8868<\/h3>\r\n          <p>\r\n            \u672c\u4eba\u304a\u3088\u3073\u78ba\u8a8d\u62c5\u5f53\u8005\u306e\u53cc\u65b9\u304c\u7f72\u540d\u3057\u3001\u78ba\u8a8d\u3092\u5b8c\u4e86\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n\r\n          <div class=\"pip-checks\">\r\n            <span>\u2713 \u672c\u4eba\u7f72\u540d<\/span>\r\n            <span>\u2713 \u78ba\u8a8d\u62c5\u5f53\u8005\u7f72\u540d<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pip-node\"><\/div>\r\n\r\n      <div class=\"pip-media\">\r\n        <div class=\"pip-document\">\r\n          <img decoding=\"async\" src=\"https:\/\/aweitec.com.tw\/wp-content\/uploads\/2026\/09\/750f9570-6ed0-4105-b0a4-b2ceec7fe75f.png\" alt=\"PIP\u7ba1\u7406\u8868\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- 06 -->\r\n    <section class=\"pip-step pip-step-end\">\r\n      <div class=\"pip-node\"><\/div>\r\n\r\n      <div class=\"pip-end-card\">\r\n        <div class=\"pip-number\">06<\/div>\r\n        <span class=\"pip-label\">\u30b9\u30c6\u30c3\u30d7 06<\/span>\r\n        <h3>\u96fb\u8a71\u5831\u544a<\/h3>\r\n        <p>\r\n          \u78ba\u8a8d\u62c5\u5f53\u8005\u306b\u3088\u308b\u30c1\u30a7\u30c3\u30af\u5b8c\u4e86\u5f8c\u3001\u554f\u984c\u306a\u304f\u5165\u5834\u3057\u305f\u3053\u3068\u3092\u96fb\u8a71\u3067\u4e3b\u7ba1\u8005\u3078\u5831\u544a\u3057\u307e\u3059\u3002<br>\u4e3b\u7ba1\u8005\u304b\u3089\u52b4\u50cd\u5b89\u5168\u885b\u751f\u90e8\u9580\u3078\u4e00\u62ec\u3057\u3066\u5831\u544a\u3057\u3001\u4e00\u9023\u306e\u5831\u544a\u624b\u7d9a\u304d\u3092\u5b8c\u4e86\u3057\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n.pip-flow {\r\n  --pip-blue: #074f78;\r\n  --pip-blue-dark: #073c5b;\r\n  --pip-green: #b9eb32;\r\n  --pip-text: #24323b;\r\n  --pip-muted: #73818b;\r\n  --pip-line: #dfe7eb;\r\n  --pip-bg: #f6f9fa;\r\n\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  padding: 90px 24px 120px;\r\n  box-sizing: border-box;\r\n  font-family: inherit;\r\n  color: var(--pip-text);\r\n}\r\n\r\n.pip-flow * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.pip-intro {\r\n  text-align: center;\r\n  max-width: 900px;\r\n  margin: 0 auto 90px;\r\n}\r\n\r\n.pip-kicker,\r\n.pip-label {\r\n  display: inline-block;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  color: var(--pip-blue);\r\n}\r\n\r\n.pip-intro h2 {\r\n  margin: 12px 0 18px;\r\n  font-size: clamp(34px, 5vw, 56px);\r\n  line-height: 1.15;\r\n  color: var(--pip-blue-dark);\r\n}\r\n\r\n.pip-intro > p {\r\n  margin: 0 auto;\r\n  max-width: 720px;\r\n  line-height: 1.9;\r\n  color: var(--pip-muted);\r\n}\r\n\r\n.pip-overview {\r\n  margin-top: 36px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n  font-size: 13px;\r\n  color: var(--pip-blue);\r\n}\r\n\r\n.pip-overview span {\r\n  background: #fff;\r\n  padding: 9px 13px;\r\n  border-radius: 999px;\r\n  border: 1px solid #dce5e9;\r\n  font-weight: 600;\r\n}\r\n\r\n.pip-overview i {\r\n  font-style: normal;\r\n  color: #a4afb5;\r\n}\r\n\r\n\r\n.pip-timeline {\r\n  position: relative;\r\n}\r\n\r\n.pip-center-line,\r\n.pip-center-progress {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 3px;\r\n  transform: translateX(-50%);\r\n  border-radius: 99px;\r\n}\r\n\r\n.pip-center-line {\r\n  background: var(--pip-line);\r\n}\r\n\r\n.pip-center-progress {\r\n  background: linear-gradient(\r\n    to bottom,\r\n    var(--pip-green),\r\n    #7ed957\r\n  );\r\n  height: 0;\r\n  bottom: auto;\r\n  z-index: 2;\r\n  transition: height .15s linear;\r\n}\r\n\r\n\r\n.pip-step {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1fr 72px 1fr;\r\n  align-items: center;\r\n  gap: 36px;\r\n  min-height: 500px;\r\n  padding: 60px 0;\r\n}\r\n\r\n.pip-content,\r\n.pip-media {\r\n  opacity: 0;\r\n  transform: translateY(36px);\r\n  transition:\r\n    opacity .8s ease,\r\n    transform .8s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.pip-step.is-visible .pip-content,\r\n.pip-step.is-visible .pip-media {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.pip-step-left .pip-content {\r\n  grid-column: 1;\r\n}\r\n\r\n.pip-step-left .pip-node {\r\n  grid-column: 2;\r\n}\r\n\r\n.pip-step-left .pip-media {\r\n  grid-column: 3;\r\n}\r\n\r\n.pip-step-right .pip-media {\r\n  grid-column: 1;\r\n}\r\n\r\n.pip-step-right .pip-node {\r\n  grid-column: 2;\r\n}\r\n\r\n.pip-step-right .pip-content {\r\n  grid-column: 3;\r\n}\r\n\r\n\r\n.pip-node {\r\n  width: 22px;\r\n  height: 22px;\r\n  margin: 0 auto;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  border: 4px solid #cfdadd;\r\n  position: relative;\r\n  z-index: 5;\r\n  transition: .45s ease;\r\n}\r\n\r\n.pip-step.is-visible .pip-node {\r\n  background: var(--pip-green);\r\n  border-color: var(--pip-blue);\r\n  box-shadow: 0 0 0 8px rgba(185,235,50,.16);\r\n}\r\n\r\n\r\n.pip-content {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 24px;\r\n}\r\n\r\n.pip-number {\r\n  flex: 0 0 auto;\r\n  font-size: 70px;\r\n  line-height: .9;\r\n  font-weight: 800;\r\n  color: rgba(7,79,120,.12);\r\n  letter-spacing: -4px;\r\n}\r\n\r\n.pip-copy h3,\r\n.pip-end-card h3 {\r\n  margin: 8px 0 18px;\r\n  font-size: clamp(26px, 3vw, 38px);\r\n  line-height: 1.25;\r\n  color: var(--pip-blue-dark);\r\n}\r\n\r\n.pip-copy p,\r\n.pip-end-card p {\r\n  margin: 0;\r\n  line-height: 1.9;\r\n  color: var(--pip-muted);\r\n  font-size: 16px;\r\n}\r\n\r\n.pip-img-wrap {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n  box-shadow: 0 20px 55px rgba(15,55,75,.12);\r\n  background: #fff;\r\n}\r\n\r\n.pip-img-wrap img,\r\n.pip-document img,\r\n.pip-gallery-item img {\r\n  width: 100%;\r\n  display: block;\r\n}\r\n\r\n.pip-img-wrap img {\r\n  aspect-ratio: 4\/3;\r\n  object-fit: cover;\r\n}\r\n\r\n\r\n.pip-note {\r\n  margin-top: 28px;\r\n  padding: 22px 24px;\r\n  border-radius: 18px;\r\n  background: linear-gradient(\r\n    135deg,\r\n    rgba(185,235,50,.22),\r\n    rgba(185,235,50,.08)\r\n  );\r\n  border: 1px solid rgba(145,190,30,.24);\r\n}\r\n\r\n.pip-note strong {\r\n  display: block;\r\n  color: var(--pip-blue-dark);\r\n  font-size: 19px;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.pip-note span {\r\n  line-height: 1.75;\r\n  color: #5c6c75;\r\n}\r\n\r\n\r\n.pip-stack {\r\n  position: relative;\r\n  padding-bottom: 55px;\r\n}\r\n\r\n.pip-main-img {\r\n  width: 88%;\r\n}\r\n\r\n.pip-small-img {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  width: 46%;\r\n  border: 8px solid #fff;\r\n}\r\n\r\n.pip-small-img img {\r\n  aspect-ratio: 4\/3;\r\n}\r\n\r\n\r\n.pip-step-feature {\r\n  align-items: start;\r\n}\r\n\r\n.pip-rule-block {\r\n  margin-top: 24px;\r\n}\r\n\r\n.pip-rule-block h4 {\r\n  margin: 0 0 8px;\r\n  color: var(--pip-blue);\r\n  font-size: 18px;\r\n}\r\n\r\n.pip-gallery {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 14px;\r\n}\r\n\r\n.pip-gallery-item {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 16px;\r\n  opacity: 0;\r\n  transform: translateY(30px) scale(.97);\r\n  transition:\r\n    opacity .6s ease,\r\n    transform .6s ease;\r\n}\r\n\r\n.pip-step.is-visible .pip-gallery-item {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n\r\n.pip-step.is-visible .pip-gallery-item:nth-child(1) { transition-delay: .05s; }\r\n.pip-step.is-visible .pip-gallery-item:nth-child(2) { transition-delay: .13s; }\r\n.pip-step.is-visible .pip-gallery-item:nth-child(3) { transition-delay: .21s; }\r\n.pip-step.is-visible .pip-gallery-item:nth-child(4) { transition-delay: .29s; }\r\n.pip-step.is-visible .pip-gallery-item:nth-child(5) { transition-delay: .37s; }\r\n.pip-step.is-visible .pip-gallery-item:nth-child(6) { transition-delay: .45s; }\r\n\r\n.pip-gallery-item img {\r\n  aspect-ratio: 4\/3;\r\n  object-fit: cover;\r\n}\r\n\r\n.pip-gallery-item span {\r\n  position: absolute;\r\n  left: 12px;\r\n  bottom: 12px;\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  background: rgba(7,79,120,.92);\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n.pip-scan-img {\r\n  overflow: hidden;\r\n}\r\n\r\n.pip-scan-line {\r\n  position: absolute;\r\n  left: 8%;\r\n  right: 8%;\r\n  top: -8%;\r\n  height: 3px;\r\n  background: rgba(185,235,50,.95);\r\n  box-shadow:\r\n    0 0 12px rgba(185,235,50,.8),\r\n    0 0 28px rgba(185,235,50,.5);\r\n  opacity: 0;\r\n}\r\n\r\n.pip-step.is-visible .pip-scan-line {\r\n  opacity: 1;\r\n  animation: pipScan 2.2s ease .5s 1 forwards;\r\n}\r\n\r\n@keyframes pipScan {\r\n  from { top: 8%; }\r\n  to { top: 90%; }\r\n}\r\n\r\n\r\n.pip-document {\r\n  padding: 20px;\r\n  background: #fff;\r\n  border-radius: 20px;\r\n  box-shadow: 0 22px 55px rgba(15,55,75,.12);\r\n  transform: rotate(1.5deg);\r\n}\r\n\r\n.pip-checks {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 26px;\r\n}\r\n\r\n.pip-checks span {\r\n  padding: 9px 14px;\r\n  background: var(--pip-bg);\r\n  border-radius: 999px;\r\n  color: var(--pip-blue);\r\n  font-weight: 600;\r\n  font-size: 14px;\r\n}\r\n\r\n\r\n.pip-step-end {\r\n  display: block;\r\n  min-height: auto;\r\n  padding-top: 100px;\r\n}\r\n\r\n.pip-step-end .pip-node {\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.pip-end-card {\r\n  max-width: 760px;\r\n  margin: 0 auto;\r\n  padding: 56px 54px;\r\n  text-align: center;\r\n  background: linear-gradient(\r\n    145deg,\r\n    var(--pip-blue-dark),\r\n    var(--pip-blue)\r\n  );\r\n  border-radius: 28px;\r\n  color: #fff;\r\n  box-shadow: 0 28px 70px rgba(7,60,91,.22);\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: .8s ease;\r\n}\r\n\r\n.pip-step-end.is-visible .pip-end-card {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.pip-end-card .pip-number {\r\n  color: rgba(255,255,255,.14);\r\n}\r\n\r\n.pip-end-card .pip-label {\r\n  color: var(--pip-green);\r\n}\r\n\r\n.pip-end-card h3 {\r\n  color: #fff;\r\n}\r\n\r\n.pip-end-card p {\r\n  color: rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .pip-flow {\r\n    padding: 70px 18px 90px;\r\n  }\r\n\r\n  .pip-intro {\r\n    margin-bottom: 55px;\r\n  }\r\n\r\n  .pip-overview {\r\n    display: none;\r\n  }\r\n\r\n  .pip-center-line,\r\n  .pip-center-progress {\r\n    left: 14px;\r\n  }\r\n\r\n  .pip-step {\r\n    grid-template-columns: 28px 1fr;\r\n    gap: 18px;\r\n    min-height: auto;\r\n    padding: 38px 0 58px;\r\n    align-items: start;\r\n  }\r\n\r\n  .pip-step-left .pip-node,\r\n  .pip-step-right .pip-node {\r\n    grid-column: 1;\r\n    grid-row: 1 \/ span 2;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .pip-step-left .pip-content,\r\n  .pip-step-right .pip-content,\r\n  .pip-step-left .pip-media,\r\n  .pip-step-right .pip-media {\r\n    grid-column: 2;\r\n  }\r\n\r\n  .pip-step-left .pip-content,\r\n  .pip-step-right .pip-content {\r\n    grid-row: 1;\r\n  }\r\n\r\n  .pip-step-left .pip-media,\r\n  .pip-step-right .pip-media {\r\n    grid-row: 2;\r\n  }\r\n\r\n  .pip-content {\r\n    gap: 14px;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .pip-number {\r\n    font-size: 48px;\r\n  }\r\n\r\n  .pip-media {\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .pip-gallery {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .pip-main-img {\r\n    width: 92%;\r\n  }\r\n\r\n  .pip-small-img {\r\n    width: 48%;\r\n  }\r\n\r\n  .pip-step-end {\r\n    padding-left: 46px;\r\n  }\r\n\r\n  .pip-step-end .pip-node {\r\n    position: absolute;\r\n    left: 3px;\r\n    top: 44px;\r\n  }\r\n\r\n  .pip-end-card {\r\n    padding: 42px 24px;\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n@media (max-width: 560px) {\r\n\r\n  .pip-intro h2 {\r\n    font-size: 34px;\r\n  }\r\n\r\n  .pip-copy h3,\r\n  .pip-end-card h3 {\r\n    font-size: 26px;\r\n  }\r\n\r\n  .pip-gallery {\r\n    gap: 8px;\r\n  }\r\n\r\n  .pip-gallery-item {\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .pip-note {\r\n    padding: 18px;\r\n  }\r\n\r\n  .pip-stack {\r\n    padding-bottom: 42px;\r\n  }\r\n\r\n}\r\n\r\n\/* \u684c\u6a5f\u7248\u6587\u5b57\u5bec\u5ea6\u5fae\u8abf\uff0c\u907f\u514d\u55ae\u5b57\u6389\u5230\u4e0b\u4e00\u884c *\/\r\n@media (min-width: 901px) {\r\n\r\n  .pip-step {\r\n    grid-template-columns: minmax(0, 1.08fr) 72px minmax(0, 1.08fr);\r\n    gap: 28px;\r\n  }\r\n\r\n  .pip-copy {\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  .pip-note {\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n  }\r\n\r\n}\r\n\r\n\/* 02 \u4e00\u6a5f\u63db\u4e00\u8b49\u5361\u7247\u55ae\u7368\u52a0\u5bec *\/\r\n@media (min-width: 901px) {\r\n\r\n  .pip-step-right .pip-note {\r\n    width: calc(100% + 35px);\r\n    max-width: none;\r\n  }\r\n\r\n}\r\n\r\n\/* 02 \u6587\u5b57\u5340\u52a0\u5bec\uff0c\u4e0d\u6539\u5b57\u7d1a *\/\r\n@media (min-width: 901px) {\r\n\r\n  .pip-step-right .pip-content {\r\n    gap: 14px;\r\n  }\r\n\r\n  .pip-step-right .pip-number {\r\n    margin-left: -20px;\r\n  }\r\n\r\n  .pip-step-right .pip-copy {\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const flow = document.querySelector(\".pip-flow\");\r\n\r\n  if (!flow) return;\r\n\r\n  const steps = flow.querySelectorAll(\".pip-step\");\r\n  const timeline = flow.querySelector(\".pip-timeline\");\r\n  const progress = flow.querySelector(\".pip-center-progress\");\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"is-visible\");\r\n      }\r\n    });\r\n  }, {\r\n    threshold: 0.22\r\n  });\r\n\r\n  steps.forEach(step => observer.observe(step));\r\n\r\n\r\n  function updateProgress() {\r\n\r\n    const rect = timeline.getBoundingClientRect();\r\n    const windowHeight = window.innerHeight;\r\n\r\n    const start = windowHeight * 0.55;\r\n    const total = rect.height;\r\n\r\n    let current = start - rect.top;\r\n\r\n    if (current < 0) current = 0;\r\n    if (current > total) current = total;\r\n\r\n    progress.style.height = current + \"px\";\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", updateProgress);\r\n  window.addEventListener(\"resize\", updateProgress);\r\n\r\n  updateProgress();\r\n});\r\n<\/script>\r\n\r\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>PIP SAFETY SOP PIP \u9032\u5ee0\u7ba1\u5236\u6d41\u7a0b \u5f9e\u9032\u5ee0\u524d\u96c6\u5408\u3001\u624b\u6a5f\u7ba1\u5236\u3001\u4e94\u62cd\u4e00\u7ffb\u5230\u6700\u7d42&#8230;<\/p>","protected":false},"author":4,"featured_media":4823,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-4799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-company"],"_links":{"self":[{"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/posts\/4799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/comments?post=4799"}],"version-history":[{"count":9,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/posts\/4799\/revisions"}],"predecessor-version":[{"id":4850,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/posts\/4799\/revisions\/4850"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/media\/4823"}],"wp:attachment":[{"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/media?parent=4799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/categories?post=4799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aweitec.com.tw\/ja\/wp-json\/wp\/v2\/tags?post=4799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}