{"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%90company-news%e3%80%91implementation-of-pre-entry-pip-proprietary-information-protection-procedures","status":"publish","type":"post","link":"https:\/\/aweitec.com.tw\/en\/%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":"\u3010Company News\u3011Implementation of Pre-Entry PIP (Proprietary Information Protection) Procedures"},"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 SAFETY SOP<\/span>\r\n    <h2>PIP Plant Entry Control Procedure<\/h2>\r\n    <p>\r\n      From pre-entry assembly and mobile phone control to personal belongings inspection and final confirmation, AWEITEC follows standardized procedures to ensure compliance with PIP requirements before entering the facility.\r\n    <\/p>\r\n\r\n    <div class=\"pip-overview\">\r\n      <span>01 Assembly<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>02 Mobile Phone Control<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>03 Personal Belongings Inspection<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>04 Metal Detector Screening<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>05 PIP Control Form<\/span>\r\n      <i>\u2192<\/i>\r\n      <span>06 Phone Confirmation<\/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\">STEP 01<\/span>\r\n          <h3>Pre-Entry Assembly at the Office<\/h3>\r\n          <p>All personnel must assemble at the office before entering the facility.<\/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=\"Gather at the office before entering the venue.\">\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=\"Secure Mobile Phones in Individual Lockers\">\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=\"Close-up of a mobile phone cabinet lock\">\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\">STEP 02<\/span>\r\n          <h3>Secure Mobile Phones in Individual Lockers<\/h3>\r\n          <p>\r\n            Personnel must place and securely lock their mobile phones in their designated lockers in the presence of the verifier.\r\n          <\/p>\r\n\r\n          <div class=\"pip-note\">\r\n            <strong>One Phone for One ID Badge<\/strong>\r\n            <span>\r\n              After retrieving the facility ID badge from the locker, the mobile phone must be placed inside and securely locked.\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\">STEP 03<\/span>\r\n          <h3>Personal Belongings Inspection<\/h3>\r\n\r\n          <div class=\"pip-rule-block\">\r\n            <h4>Five-Point Check | Inspect Five Key Areas<\/h4>\r\n            <p>\r\n              Check the chest area \u2192 left pocket \u2192 right pocket \u2192 both rear pockets \/ other areas where items may be concealed to ensure no mobile phones, storage devices, or other prohibited items are being carried.\r\n\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"pip-rule-block\">\r\n            <h4>Pocket &amp; Bag Check | Visual Inspection<\/h4>\r\n            <p>\r\n              Open clothing pockets and the cleanroom bag for inspection, clearly showing the contents to confirm that no prohibited items are being carried.\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=\"metal detector wand check\">\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\">STEP 04<\/span>\r\n          <h3>Metal Detector Screening<\/h3>\r\n          <p>\r\n            Conduct an additional screening to ensure that no prohibited items have been missed during the previous inspection.\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\">STEP 05<\/span>\r\n          <h3>PIP Control Form<\/h3>\r\n          <p>\r\n            Both the personnel and the verifier must sign the form to confirm completion of the inspection.\r\n          <\/p>\r\n\r\n          <div class=\"pip-checks\">\r\n            <span>\u2713 Personnel Signature<\/span>\r\n            <span>\u2713 Verifier Signature<\/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 Control Form\">\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\">STEP 06<\/span>\r\n        <h3>Phone Confirmation<\/h3>\r\n        <p>\r\n          After the verifier completes the inspection, confirms that there are no issues, and the personnel have successfully entered the facility, the verifier must report to the supervisor by phone.<br>The supervisor then reports the completion of the process to the Occupational Safety &amp; Health Department, completing the notification procedure.\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\/en\/wp-json\/wp\/v2\/posts\/4799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/comments?post=4799"}],"version-history":[{"count":9,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/posts\/4799\/revisions"}],"predecessor-version":[{"id":4850,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/posts\/4799\/revisions\/4850"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/media\/4823"}],"wp:attachment":[{"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/media?parent=4799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/categories?post=4799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aweitec.com.tw\/en\/wp-json\/wp\/v2\/tags?post=4799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}