@charset "UTF-8";
@font-face {
  font-family: "DFHeiStd-W7";
  src: url("../font/DFHeiStd-W7.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "DFHeiStd-W9";
  src: url("../font/DFHeiStd-W9.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  font-family: "DFHeiStd-W7";
}
* .W9 {
  font-family: "DFHeiStd-W9";
}

html {
  font-size: 16px; /*根尺寸*/
}
@media (min-width: 1800px) {
  html {
    font-size: 20px;
  }
}
@media (max-width: 1800px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 12px;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 10px;
  }
}

h3 {
  font-family: "DFHeiStd-W9";
}

.overlay {
  display: none;
  position: absolute;
  top: 0vw;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000; /* 保證圖片位於最上層，可以根據需求調整 */
  pointer-events: none; /* 這樣可以讓用戶互動不會被圖片阻擋 */
}
.overlay img {
  width: 100%;
  height: auto;
  opacity: 0.2; /* 背景參考圖片設置透明度 */
  -o-object-fit: cover;
     object-fit: cover; /* 保持圖片比例並覆蓋整個視口 */
  margin-top: 0;
}

section.ss_midware-4 .box-mid4 {
  height: auto;
  display: flex;
  align-items: start;
}
section.ss_midware-4 .box-mid4 .right {
  height: 50vw;
  flex: 0 0 52%;
  display: flex;
  align-items: center;
}
section.ss_midware-4 .box-mid4 .right .box-text {
  font-family: "DFHeiStd-W9";
  width: 85%;
  margin-left: auto;
  margin-right: -1vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
section.ss_midware-4 .box-mid4 .right .box-text h1 {
  font-size: 3.75vw;
  letter-spacing: 0.625vw;
  color: rgb(255, 113, 0);
  font-weight: bold;
  position: relative;
  top: 4vw;
  left: 5.5vw;
}
section.ss_midware-4 .box-mid4 .right .box-text p {
  font-size: 1.5625vw;
  color: rgb(255, 113, 0);
  font-weight: bold;
  position: relative;
  top: 4vw;
  left: 5.5vw;
}
section.ss_midware-4 .box-mid4 .right .box-text div {
  margin: 0 0 0 2vw;
  line-height: 3.375vw;
  font-size: 2vw;
  font-weight: bold;
  text-align: start;
  position: relative;
  top: 8vw;
  left: 3vw;
}
section.ss_midware-4 .box-mid4 .right .box-text div.p1 {
  display: block;
}
section.ss_midware-4 .box-mid4 .right .box-text div.p1_m {
  display: none;
}
section.ss_midware-4 .box-mid4 .left {
  flex: 0 0 48%;
}
section.ss_midware-4 .box-mid4 .left img.m {
  display: none;
}
section.ss_midware-4 .box-mid4 .left img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  section.ss_midware-4 .box-mid4 {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  section.ss_midware-4 .box-mid4 .right {
    width: 100%;
    height: 100%;
    flex: initial;
    display: flex;
    align-items: center;
    padding-bottom: 15vw;
  }
  section.ss_midware-4 .box-mid4 .right .box-text {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  section.ss_midware-4 .box-mid4 .right .box-text h1 {
    font-size: 7.4vw;
    top: 0;
    left: 0;
  }
  section.ss_midware-4 .box-mid4 .right .box-text p {
    font-size: 3.5vw;
    top: 0;
    left: 0;
  }
  section.ss_midware-4 .box-mid4 .right .box-text div {
    margin: 0;
    width: 86%;
    line-height: 7.5vw;
    font-size: 4.5vw;
    position: relative;
    top: 7vw;
    font-family: "DFHeiStd-W7";
  }
  section.ss_midware-4 .box-mid4 .right .box-text div.p1 {
    display: none;
  }
  section.ss_midware-4 .box-mid4 .right .box-text div.p1_m {
    display: block;
    left: 0;
    text-align: center;
  }
  section.ss_midware-4 .box-mid4 .left {
    display: flex;
    justify-content: end;
    flex: initial;
  }
  section.ss_midware-4 .box-mid4 .left img {
    display: none;
  }
  section.ss_midware-4 .box-mid4 .left img.m {
    display: block;
    width: 80%;
    position: static;
    margin-bottom: 2rem;
  }
}

section.ss_side_nav {
  width: 100%;
  height: 260vw;
  margin: 0;
  padding: 0;
  margin-top: -3.5vw;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
section.ss_side_nav .fs_container {
  display: flex;
  width: 92%;
  margin: 0;
  margin-left: 0vw;
  margin-right: 3vw;
  padding: 0;
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container {
    width: 100%;
    margin: 0;
  }
}
section.ss_side_nav .fs_container .menu_container {
  flex: 0 0 100%;
}
section.ss_side_nav .fs_container .menu_container .navigation li {
  position: relative;
}
section.ss_side_nav .fs_container .menu_container .navigation li div {
  position: absolute;
  z-index: 1000;
  display: flex;
  align-items: center;
}
section.ss_side_nav .fs_container .menu_container .navigation li div img {
  width: 1.6vw;
  margin-left: 0vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div a {
  text-decoration: none;
  color: #000000;
  margin-left: 0.6vw;
  font-size: 2vw;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  cursor: pointer;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu1 {
  width: 16vw;
  height: 2vw;
  top: 9.1vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu2 {
  width: 16vw;
  height: 2vw;
  top: 14.8vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu3 {
  width: 16vw;
  height: 2vw;
  top: 20.4vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu4 {
  width: 18vw;
  height: 2vw;
  top: 26.1vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu5 {
  width: 16vw;
  height: 2vw;
  top: 31.8vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu6 {
  width: 16vw;
  height: 2vw;
  top: 37.55vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu7 {
  width: 16vw;
  height: 2vw;
  top: 43.4vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu8 {
  width: 16vw;
  height: 2vw;
  top: 49.3vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu9 {
  width: 16vw;
  height: 2vw;
  top: 55vw;
  margin-left: 5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li div.menu10 {
  width: 16vw;
  height: 2vw;
  top: 60.8vw;
  margin-left: 5vw;
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li div.menu1, section.ss_side_nav .fs_container .menu_container .navigation li div.menu2, section.ss_side_nav .fs_container .menu_container .navigation li div.menu3, section.ss_side_nav .fs_container .menu_container .navigation li div.menu4, section.ss_side_nav .fs_container .menu_container .navigation li div.menu5, section.ss_side_nav .fs_container .menu_container .navigation li div.menu6, section.ss_side_nav .fs_container .menu_container .navigation li div.menu7, section.ss_side_nav .fs_container .menu_container .navigation li div.menu8, section.ss_side_nav .fs_container .menu_container .navigation li div.menu9, section.ss_side_nav .fs_container .menu_container .navigation li div.menu10 {
    display: none;
  }
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu {
  display: none;
  position: absolute;
  z-index: 0;
  width: 100%;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu img {
  position: relative;
  width: 100%;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu img.img-m {
  display: none;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container {
  position: absolute;
  width: 65%;
  margin-left: 30%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container h1.title {
  font-size: 3.6vw;
  color: rgb(255, 113, 0);
  letter-spacing: 0.5vw;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 7.7vw;
  margin-left: 2.8vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container p.content {
  font-size: 1.83vw;
  letter-spacing: 0.1vw;
  line-height: 1.65;
  font-weight: bold;
  margin-top: 2.6vw;
  margin-left: 2.7vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container p.c-m {
  display: none;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container h1.subtitle1 {
  font-size: 3vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 5vw;
  margin-left: 2.8vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1,
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 {
  position: static;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 2.4vw;
  margin-left: 2.8vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line,
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line {
  position: static;
  display: flex;
  margin-bottom: 2vw;
  flex-wrap: wrap;
  gap: 1rem;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv,
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv {
  position: static;
  font-size: 1.9vw;
  font-weight: bold;
  margin-right: 0.8vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv-s,
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv-s {
  background-image: url(../image/fixed-service/BKbtn_sm.png);
  background-size: 100% 100%; /* 拉伸图片使其填满整个元素 */
  background-repeat: no-repeat; /* 防止图片重复 */
  background-position: center; /* 使背景图片居中显示 */
  padding: 0.8vw 2vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv-m,
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv-m {
  background-image: url(../image/fixed-service/BKbtn_mid.png);
  background-size: 100% 100%; /* 拉伸图片使其填满整个元素 */
  background-repeat: no-repeat; /* 防止图片重复 */
  background-position: center; /* 使背景图片居中显示 */
  padding: 0.8vw 2.5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv-l,
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv-l {
  background-image: url(../image/fixed-service/BKbtn_big.png);
  background-size: 100% 100%; /* 拉伸图片使其填满整个元素 */
  background-repeat: no-repeat; /* 防止图片重复 */
  background-position: center; /* 使背景图片居中显示 */
  padding: 0.8vw 2.5vw;
}
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container h1.subtitle2 {
  font-size: 3vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-left: 2.8vw;
  margin-top: 3.5vw;
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu img {
    display: none;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu img.img-m {
    display: flex;
    margin-bottom: -4rem;
    margin-top: 2rem;
    width: 100%;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container {
    position: relative;
    width: 100%;
    margin: 0;
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container h1.title {
    font-size: 7.4vw;
    margin-left: 7.4vw;
    align-self: flex-start;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container p.content {
    width: auto;
    line-height: 7.5vw;
    font-size: 4.5vw;
    font-weight: bold;
    margin-left: 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container p.c-d {
    display: none;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container p.c-m {
    display: block;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container h1.subtitle1,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container h1.subtitle2 {
    font-size: 5.4vw;
    margin-left: 7.4vw;
    align-self: flex-start;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 {
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line {
    width: 86%;
    gap: 0rem;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv, section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv-s, section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv-m, section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container div.service_container1 div.line div.sv-l,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv-s,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv-m,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu .text_container .service_container2 div.line div.sv-l {
    font-size: 4.5vw;
    padding: 1.6vw 4vw;
    margin: 1rem 0.5rem;
  }
}
section.ss_side_nav .fs_container .menu_container .navigation li.active > ul.submenu {
  display: block;
}
section.ss_side_nav .fs_container .menu_container .navigation li.active > div > a {
  color: rgb(255, 113, 0);
}

.mobile-nav-buttons {
  display: none;
}
@media (max-width: 768px) {
  .mobile-nav-buttons {
    display: block;
    width: 100%;
    padding: 5vw 0;
    background-color: #f5f5f5;
    margin-top: 100px;
  }
  .mobile-nav-buttons .nav-section {
    margin-bottom: 5vw;
    margin-left: 7.4vw;
    margin-right: 7.4vw;
  }
  .mobile-nav-buttons .nav-section h3 {
    font-size: 5vw;
    color: rgb(255, 113, 0);
    font-weight: bold;
    margin-bottom: 3vw;
    font-family: "DFHeiStd-W9";
  }
  .mobile-nav-buttons .nav-section a {
    display: inline-block;
    width: auto;
    padding: 1vw 4vw;
    margin: 1vw;
    background-color: white;
    color: #333;
    text-decoration: none;
    font-size: 3.5vw;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    font-family: "DFHeiStd-W7";
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mobile-nav-buttons .nav-section a:hover {
    background-color: rgb(255, 113, 0);
    color: white;
  }
}

/* ============================================================
   menu11(無塵室清潔)/ menu12(如新防護鍍膜)分頁樣式 —— 自給自足版
   ★ 兩頁所有樣式都在本檔;class 已重新命名,不再沿用舊站名稱:
       無塵室清潔 = 容器 .submenu.cr,元件前綴 cr-*(cr = cleanroom)
       如新防護鍍膜 = 容器 .submenu.pc,元件前綴 pc-*(pc = protective coating)
   ★ 仍保留的選單框架 class(勿改):.submenu(顯示/隱藏)、a.menu、div.menu11/menu12
     —— 這些屬於左側選單系統,負責點擊切換,非本頁內容樣式。
   ★ 由上到下對應版面;每段有中文註解。先桌機規則,後接該段 @media 響應式。
   ============================================================ */
/* ##################  無塵室清潔(menu11)= .submenu.cr  ################## */
/* --- 基礎排版:標題/標語/內文/小標/標籤(原繼承自舊站 ul.submenu,已內聯於此,可獨立調整) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body {
  position: absolute;
  width: 65%;
  margin-left: 30%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-title {
  font-size: 3.6vw;
  color: rgb(255, 113, 0);
  letter-spacing: 0.5vw;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 7.7vw;
  margin-left: 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-intro {
  font-size: 1.83vw;
  letter-spacing: 0.1vw;
  line-height: 1.65;
  font-weight: bold;
  margin-top: 2.6vw;
  margin-left: 2.7vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-head {
  font-size: 3vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 4vw;
  margin-left: 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-head2 {
  margin-top: 5vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-head-sop {
  margin-top: 6vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tags {
  position: static;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 3vw;
  margin-left: 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-row {
  position: static;
  display: flex;
  margin-bottom: 2vw;
  flex-wrap: wrap;
  gap: 2rem;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag {
  position: static;
  font-size: 2.1vw;
  font-weight: bold;
  margin-right: 0.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-s {
  background-image: url(../image/fixed-service/BKbtn_sm.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-m {
  background-image: url(../image/fixed-service/BKbtn_mid.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2.5vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-l {
  background-image: url(../image/fixed-service/BKbtn_big.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2.5vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body {
    position: relative;
    width: 100%;
    margin: 0;
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-title {
    font-size: 7.4vw;
    margin-left: 7.4vw;
    align-self: flex-start;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-intro {
    width: auto;
    line-height: 7.5vw;
    font-size: 4.5vw;
    font-weight: bold;
    margin-left: 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-head {
    font-size: 5.4vw;
    margin-left: 7.4vw;
    align-self: flex-start;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tags {
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-row {
    width: 86%;
    gap: 0rem;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-s,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-m,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-l,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-tag-xl {
    font-size: 4.5vw;
    padding: 1.6vw 4vw;
    margin: 1rem 0.5rem;
  }
}
/* --- 卡片背景圖 + 白底卡片框 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-card {
  background: url(../image/specific-service/ss-wu-cardbg.webp) center top/100% 100% no-repeat;
  border: none;
  box-shadow: none;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-card {
  position: relative;
  display: block;
  z-index: auto;
  width: 100%;
  min-height: 80vw;
  /* 還原無塵室「此分頁大背景」(白底卡片含左側凹槽);非 CSS 邊框 */
  background: url(../image/specific-service/ss-wu-cardbg.webp) center top/100% 100% no-repeat;
  border: none;
  border-radius: 1.6vw;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-card {
    min-height: 0;
    border-radius: 4vw;
    background: #ffffff; /* 手機板不顯示大背景圖,改白底 */
  }
}
/* --- 內容文字欄(整體寬度/位置) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body {
  position: relative;
  top: 0;
  height: auto;
  width: 64%;
  margin-left: 31%;
  padding-bottom: 4vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body {
    width: 88%;
    margin-left: 6%;
    padding-bottom: 8vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .ss-tabs-4 {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body img {
    display: block;
    width: 100%;
    margin: 4vw 0 0 0;
  }
}
/* --- 開頭小標(1,000 CLASS ～ 100,000 CLASS) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-sub {
  font-size: 1.75vw;
  color: #8a8f8c;
  letter-spacing: 0.18vw;
  font-weight: bold;
  margin-top: 1vw;
  margin-left: 2.9vw;
  font-family: "DFHeiStd-W7";
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-sub {
  margin-top: 3.5vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-sub {
    font-size: 4vw;
    margin-left: 0;
    align-self: flex-start;
  }
}
/* --- 開頭簡介內文 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body p.cr-intro {
  margin-top: 0.6vw;
  margin-right: 4vw;
  letter-spacing: 0;
}

/* --- 開頭橢圓標籤(IPA酒精布 / 無塵室專用清潔劑) --- */
/* 特別項目:兩大服務專項內的子標題 PH 試紙驗收 / 職安配置(加 .cr-h-hl)文字改橘色 */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-h.cr-h-hl {
  color: #ff7100;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-tags div.cr-row div.cr-tag-xl {
  background-image: url(../image/specific-service/BKbtn_xl.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-body .cr-tags {
  position: static;
  display: flex;
  z-index: auto;
  flex-direction: column;
  align-items: flex-start;
  margin: 1.3vw 0 0 0;
}

@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row {
    -moz-column-gap: 1vw;
         column-gap: 1vw;
    row-gap: 2.2vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row-class {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row div.cr-tag {
    font-size: 2vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row div.cr-tag2 {
    font-size: 1.5vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row div.cr-tag-s {
    padding: 0.55vw 1.4vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row div.cr-tag-m {
    padding: 0.55vw 1.7vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row div.cr-tag-l {
    padding: 0.55vw 1.7vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body div.cr-tags div.cr-row div.cr-tag-xl {
    padding: 0.55vw 1.9vw;
  }
}
/* --- 兩大服務專項:切換鈕 + 內容面板 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle {
  position: static;
  display: block;
  z-index: auto;
  width: 92%;
  margin: 1.4vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-panels {
  position: static;
  display: block;
  z-index: auto;
  margin-top: 2.5vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-panel {
  position: static;
  display: none;
  z-index: auto;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-panel.active {
  display: block;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img {
  position: relative;
  display: block;
  z-index: auto;
  line-height: 0;
  margin-left: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-bg {
  display: block;
  width: 100%;
  margin: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-hit {
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-tg .cr-toggle-img {
  width: 97%;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .ss-tabwrap-eq .cr-toggle-img {
  width: 100%;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-tg .cr-toggle-img,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .ss-tabwrap-eq .cr-toggle-img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-bg {
    margin: 0;
  }
}
/* 切換按鈕:A/B 兩張狀態圖都先載入、疊在一起,點擊只切換 data-active(淡入淡出),
   不再即時換 src,消除「按鈕比內容慢一拍」的延遲;hover 給淡綠色回饋。 */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-bg {
  transition: opacity 0.12s ease;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-bg-b {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img[data-active="1"] .cr-toggle-bg-a {
  opacity: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img[data-active="1"] .cr-toggle-bg-b {
  opacity: 1;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-hit {
  transition: background-color 0.12s ease;
  border-radius: 0.6vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle-img .cr-toggle-hit:hover {
  background-color: rgba(4, 112, 92, 0.1);
}

/* --- 條列項目:綠色小標(天、地、壁…) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-h {
  font-size: 2vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 2vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-h::before {
  content: "● ";
  font-size: 1.2vw;
  vertical-align: 0.15vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-h {
    font-size: 5vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-h::before {
    font-size: 3vw;
  }
}
/* --- 條列項目:內文 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-p {
  font-size: 1.8vw;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: bold;
  color: #333333;
  margin-top: 0.7vw;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-p {
    font-size: 4vw;
    margin-left: 3vw;
  }
}
/* --- 條列項目:區塊容器 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-block {
  position: static;
  display: block;
  z-index: auto;
  align-items: initial;
  width: 90%;
  margin-left: 2.8vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-block {
    margin-left: 0;
  }
}
/* --- 無塵服配置標準(1,000 CLASS 以下 / 以上) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg {
  position: static;
  display: block;
  z-index: auto;
  width: 88%;
  margin: 3vw 0 0 3vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-high {
  margin-top: 2.3vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-head {
  display: inline-block;
  font-family: "DFHeiStd-W9";
  font-weight: bold;
  font-size: 1.64vw;
  letter-spacing: 0.12vw;
  padding: 0.7vw 5vw;
  border-radius: 0;
  position: relative;
  z-index: 1;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-low .cr-cfg-head {
  background: #e8f2eb;
  color: #2a6b50;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-high .cr-cfg-head {
  background: #68a18a;
  color: #ffffff;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-body {
  position: static;
  display: block;
  z-index: auto;
  align-items: initial;
  background: #ffffff;
  border-radius: 0;
  padding: 2.3vw 1.7vw 0vw;
  box-sizing: border-box;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-low .cr-cfg-body {
  border: 0.22vw solid #9bc0ad;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-high .cr-cfg-body {
  border: 0.28vw solid #639d85;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-title {
  font-size: 1.9vw;
  font-weight: bold;
  color: #222222;
  font-family: "DFHeiStd-W9";
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-desc {
  font-size: 1.8vw;
  line-height: 1.4;
  font-weight: bold;
  color: #444444;
  margin-top: 1vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-foot {
  font-size: 0.9vw;
  color: #9aa09c;
  text-align: right;
  margin: 0.4vw 0 0 0;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-head {
    font-size: 3.8vw;
    padding: 1.8vw 6vw;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-body {
    border-radius: 0;
    padding: 4vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-title {
    font-size: 4.6vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-desc {
    font-size: 3.8vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-chips {
    gap: 2vw;
    margin-top: 3vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-chips span {
    font-size: 3.4vw;
    padding: 1.4vw 4vw;
    border-radius: 6vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-foot {
    font-size: 3vw;
  }
}
/* --- 專業機具與職安配置(四分頁) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp {
  position: static;
  display: block;
  z-index: auto;
  width: 92%;
  margin: 1.5vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tabs {
  position: static;
  display: flex;
  z-index: auto;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 0.12vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tab {
  position: relative;
  flex: 0 0 auto;
  background: #e8f2eb;
  color: #68a18a;
  font-family: "DFHeiStd-W9";
  font-weight: bold;
  font-size: 1.64vw;
  border: none;
  cursor: pointer;
  padding: 0.75vw 1.2vw;
  border-radius: 0;
  transition: background-color 0.12s ease, color 0.12s ease;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tab.active {
  background: #006344;
  color: #ffffff;
  margin-bottom: 0;
  z-index: 2;
}

/* 四分頁鈕:hover 回饋(未選取時加深淡綠;選取中的維持深綠不變)*/
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tab:not(.active):hover {
  background-color: #d4e8dc;
  color: #3f7d64;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-body {
  position: relative;
  z-index: 1;
  display: block;
  align-items: initial;
  background: #ffffff;
  border: none;
  border-radius: 0;
  box-shadow: 0 0.3vw 1.4vw rgba(104, 161, 138, 0.45);
  padding: 1.6vw 1.8vw;
  padding-right: 0;
  margin-top: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-panel {
  position: static;
  display: none;
  z-index: auto;
  align-items: initial;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-panel.active {
  display: block;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-title {
  font-size: 1.9vw;
  letter-spacing: 0.1vw;
  font-weight: bold;
  color: #222222;
  font-family: "DFHeiStd-W9";
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-desc {
  font-size: 1.8vw;
  line-height: 1.5;
  font-weight: bold;
  color: #444444;
  margin-top: 0.7vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tabs {
    gap: 1vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tab {
    font-size: 3.4vw;
    padding: 1.8vw 3vw;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tab.active {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-body {
    border: none;
    box-shadow: 0 0.8vw 3vw rgba(104, 161, 138, 0.45);
    border-radius: 0;
    padding: 4vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-title {
    font-size: 4.6vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-desc {
    font-size: 3.8vw;
  }
}
/* --- 標準施工流程圖(整張圖) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flowimg {
  display: block;
  width: 91%;
  margin: 2vw 0 0 2.8vw;
}

/* 標準施工流程:桌機用整張流程圖,手機板改用 5 張步驟圖(見下方 @media);桌機隱藏步驟圖容器 */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flow-m {
  display: none;
}

/* ==================================================================
   手機板統一調整(≤768px):對齊舊分頁慣例 —— 內容靠左、不強制置中
   字級階層(同舊頁):大標 7.4vw > 區段標題 5.4vw > 子標題 4.8vw > 內文 4.5vw > 註記 3.4vw
   間距:區段標題上方 9vw(本頁文字比舊頁密,加大區塊間距以利閱讀);標題與內文間 ~2.6vw
   (放在 cr 最後,覆蓋上面各段手機板數值;要微調手機板就改這裡)
   ================================================================== */
@media (max-width: 768px) {
  /* 手機板頂部多邊形圖(沿用其他分頁慣例;目前用 c1/c2 佔位,之後換成本頁專屬) */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-topimg {
    width: 100%;
    margin: 1rem 0 3vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-topimg {
    width: 100%;
    margin: 1rem 0 3vw;
  }
  /* 標準施工流程:隱藏整張流程圖,改用 5 張步驟圖,一行 3 個分兩行;圖上已有數字順序,不放箭頭 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flowimg {
    display: none;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flow-m {
    position: static;
    z-index: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 2.5vw 2.5vw;
    margin: 4vw 0 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flow-m .cr-flow-step {
    position: static;
    z-index: auto;
    width: 29%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flow-m img {
    display: block;
    width: 100%;
    height: auto;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-flow-m .cr-flow-label {
    margin-top: 1.5vw;
    font-size: 3.2vw;
    line-height: 1.35;
    text-align: center;
    color: #0a6e4e;
    font-weight: bold;
  }
  /* 大標 / 區段標題:真正靠左(去除基礎殘留的 7.4vw 左邊距,與內文同一條左緣) */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-title {
    margin-left: 0;
  }
  /* 區段標題:5.4vw、靠左(margin-left:0);區塊間距(上方)9vw */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-head {
    font-size: 5.4vw;
    margin-top: 9vw;
    margin-left: 0;
  }
  /* 各區段「標題→內容」間距統一為 4vw(原本 toggle/eqp/注意事項 太貼) */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-toggle {
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp {
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-block {
    margin-top: 4vw;
  }
  /* 開頭簡介內文:同舊頁 4.5vw、靠左(清除桌機殘留的 margin-right) */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body p.cr-intro {
    font-size: 4.5vw;
    line-height: 1.7;
    margin-right: 0;
  }
  /* 條列:綠色子標題 + 條列內文 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-h {
    font-size: 4.8vw;
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-p {
    font-size: 4.5vw;
    line-height: 1.65;
    margin-top: 1.5vw;
  }
  /* 開頭標籤:靠左流動、縮小內距讓一行可並排多個 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-tag {
    font-size: 4.3vw;
    padding: 1vw 2.6vw;
    margin: 1.2vw 0.8vw;
  }
  /* 無塵服配置框:框與框間距、框標題列、子標、說明、註記 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg {
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-head {
    font-size: 4.8vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-title {
    font-size: 4.8vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-desc {
    font-size: 4.5vw;
    line-height: 1.65;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-cfg-foot {
    font-size: 3.4vw;
  }
  /* 專業機具四分頁:分頁鈕文字、子標、說明 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-tab {
    font-size: 3.5vw;
    padding: 1vw 0.7vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-title {
    font-size: 4.8vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.cr .cr-body .cr-eqp-desc {
    font-size: 4.5vw;
    line-height: 1.65;
  }
}
/* ##################  如新防護鍍膜(menu12)= .submenu.pc  ################## */
/* --- 基礎排版:標題/標語/內文/小標/標籤(原繼承自舊站 ul.submenu,已內聯於此,可獨立調整) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body {
  position: absolute;
  width: 65%;
  margin-left: 30%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-title {
  font-size: 3.6vw;
  color: rgb(255, 113, 0);
  letter-spacing: 0.5vw;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 7.7vw;
  margin-left: 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-intro {
  font-size: 1.83vw;
  letter-spacing: 0.1vw;
  line-height: 1.65;
  font-weight: bold;
  margin-top: 2.6vw;
  margin-left: 2.7vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head {
  font-size: 3vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 5vw;
  margin-left: 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head-patent {
  margin-top: 3.5vw;
  font-size: 2.7vw;
  letter-spacing: 0.2vw;
  margin-left: 3.3vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head-why {
  margin-top: 4vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head-mat {
  margin-top: 4vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head-sop {
  margin-top: 4vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head-service {
  margin-top: 3.7vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tags {
  position: static;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2.4vw;
  margin-left: 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-row {
  position: static;
  display: flex;
  margin-bottom: 2vw;
  margin-top: 0.5vw;
  flex-wrap: wrap;
  gap: 1rem;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag {
  position: static;
  font-size: 1.9vw;
  font-weight: bold;
  margin-right: 0.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-s {
  background-image: url(../image/fixed-service/BKbtn_sm.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-m {
  background-image: url(../image/fixed-service/BKbtn_mid.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2.5vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-l {
  background-image: url(../image/fixed-service/BKbtn_big.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2.5vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body {
    position: relative;
    width: 100%;
    margin: 0;
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-title {
    font-size: 7.4vw;
    margin-left: 7.4vw;
    align-self: flex-start;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-intro {
    width: auto;
    line-height: 7.5vw;
    font-size: 4.5vw;
    font-weight: bold;
    margin-left: 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-head {
    font-size: 5.4vw;
    margin-left: 7.4vw;
    align-self: flex-start;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tags {
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-row {
    width: 86%;
    gap: 0rem;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-s,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-m,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-l,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-tag-xl {
    font-size: 4.5vw;
    padding: 1.6vw 4vw;
    margin: 1rem 0.5rem;
  }
}
/* --- 卡片背景圖 + 白底卡片框 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-card {
  background: url(../image/specific-service/ss-du-cardbg.webp) center top/100% 100% no-repeat;
  border: none;
  box-shadow: none;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-card {
  position: relative;
  display: block;
  z-index: auto;
  width: 100%;
  min-height: 80vw;
  /* 還原防護鍍膜「此分頁大背景」(白底卡片含左側凹槽);非 CSS 邊框 */
  background: url(../image/specific-service/ss-du-cardbg.webp) center top/100% 100% no-repeat;
  border: none;
  border-radius: 1.6vw;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-card {
    min-height: 0;
    border-radius: 4vw;
    background: #ffffff; /* 手機板不顯示大背景圖,改白底 */
  }
}
/* --- 內容文字欄(整體寬度/位置) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body {
  position: relative;
  top: 0;
  height: auto;
  width: 64%;
  margin-left: 31%;
  padding-bottom: 4vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body {
    width: 88%;
    margin-left: 6%;
    padding-bottom: 8vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .ss-tabs-4 {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body img {
    display: block;
    width: 100%;
    margin: 4vw 0 0 0;
  }
}
/* --- 開頭標語(不吸水・不吃色…) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-sub {
  font-size: 1.9vw;
  color: #8a8f8c;
  letter-spacing: 0.18vw;
  font-weight: bold;
  margin-top: 1vw;
  margin-left: 2.9vw;
  font-family: "DFHeiStd-W9";
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-sub {
  margin-top: 3.8vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-sub {
    font-size: 4vw;
    margin-left: 0;
    align-self: flex-start;
  }
}
/* --- 開頭簡介內文 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body p.pc-intro {
  margin-top: 0.6vw;
  margin-right: 4vw;
  letter-spacing: 0;
}

/* --- 上方樣本照片 + 標籤 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shots {
  position: static;
  display: flex;
  z-index: auto;
  gap: 1.4vw;
  width: 90%;
  margin: 1.6vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot {
  position: relative;
  display: block;
  z-index: auto;
  flex: 1;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot img {
  width: 100%;
  border-radius: 0.6vw;
  margin: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5vw;
  padding: 0 0.7vw;
  z-index: auto;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap .pc-shot-l {
  color: #555555;
  font-weight: bold;
  font-size: 0.92vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap .pc-shot-r {
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  font-size: 0.92vw;
  float: right;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap small {
  display: block;
  clear: both;
  color: #8a8a8a;
  font-size: 0.78vw;
  margin-top: 0.15vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell .pc-shot {
  margin-bottom: 1.4vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell .pc-shot-mat {
  margin-bottom: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-pill {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -15%);
  color: #ffffff;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  font-size: 2vw;
  padding: 0.6vw 2.5vw;
  border-radius: 1.6vw;
  white-space: nowrap;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shots {
    width: 100%;
    margin-left: 0;
    gap: 2vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot img {
    margin: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap .pc-shot-l,
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap .pc-shot-r {
    font-size: 2.4vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shot-cap small {
    font-size: 2vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-pill {
    font-size: 5vw;
    padding: 1vw 4vw;
    transform: translate(-50%, -30%);
  }
}
/* --- 橢圓標籤(防護效果) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-tags div.pc-row div.pc-tag-xl {
  background-image: url(../image/specific-service/BKbtn_xl.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0.8vw 2.8vw;
}

@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body div.pc-tags div.pc-row {
    -moz-column-gap: 1vw;
         column-gap: 1vw;
    row-gap: 2vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body div.pc-tags div.pc-row div.pc-tag {
    font-size: 2vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body div.pc-tags div.pc-row div.pc-tag-s {
    padding: 0.55vw 1.4vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body div.pc-tags div.pc-row div.pc-tag-m {
    padding: 0.55vw 1.7vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body div.pc-tags div.pc-row div.pc-tag-l {
    padding: 0.55vw 1.7vw;
  }
}
@media (min-width: 769px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body div.pc-tags div.pc-row div.pc-tag-xl {
    padding: 0.55vw 1.9vw;
  }
}
/* --- 條列項目:綠色小標(為什麼選擇…) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-h {
  font-size: 2vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 2vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-h::before {
  content: "● ";
  font-size: 1.2vw;
  vertical-align: 0.15vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-h {
    font-size: 5vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-h::before {
    font-size: 3vw;
  }
}
/* --- 條列項目:內文 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-p {
  font-size: 1.8vw;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: bold;
  color: #333333;
  margin-top: 0.8vw;
  margin-left: 0;
  margin-right: 3vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-p {
    font-size: 4vw;
    margin-left: 3vw;
  }
}
/* --- 條列項目:區塊容器 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-block {
  position: static;
  display: block;
  z-index: auto;
  align-items: initial;
  width: 94%;
  margin-left: 2.8vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-block {
    margin-left: 0;
  }
}
/* --- 五大技術特點:編號標題(❶❷…/橘字) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-hn {
  font-size: 2.1vw;
  color: rgb(4, 112, 92);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  margin-top: 2vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-hn .pc-num {
  color: rgb(4, 112, 92);
  margin-right: 0.5vw;
  font-size: 2vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-hl {
  color: rgb(255, 113, 0);
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-hn {
    font-size: 5vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-hn .pc-num {
    font-size: 5vw;
  }
}
/* --- 客戶常見困擾(Q&A 方框) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa {
  position: static;
  display: block;
  z-index: auto;
  width: 88%;
  margin: 1.8vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-box {
  position: static;
  display: block;
  z-index: auto;
  background: #ffffff;
  border: 0.1vw solid #e3e3e3;
  border-radius: 0;
  padding: 1.7vw 1.6vw;
  margin-bottom: 0.6vw;
  box-shadow: 0 0.15vw 0.5vw rgba(0, 0, 0, 0.03);
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-q {
  color: rgb(255, 113, 0);
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  font-size: 2vw;
  letter-spacing: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-a {
  color: #444444;
  font-weight: bold;
  font-size: 1.8vw;
  line-height: 1.5;
  margin-top: 0.7vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-foot {
  position: static;
  display: block;
  z-index: auto;
  background: #eef4ef;
  border-radius: 0;
  padding: 1.2vw 1.6vw;
  font-size: 1.15vw;
  color: #666666;
  line-height: 1.7;
  font-weight: bold;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-q {
    font-size: 4.2vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-a {
    font-size: 3.8vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-foot {
    font-size: 3.2vw;
  }
}
/* --- 適用材質與場域(照片格) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat {
  position: static;
  z-index: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 87%;
  margin: 2.2vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell {
  position: static;
  display: block;
  z-index: auto;
  width: 48%;
  text-align: center;
  margin-bottom: 1.9vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell img {
  width: 100%;
  border-radius: 0.6vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell .pc-mat-st {
  font-size: 2vw;
  font-weight: bold;
  color: rgb(4, 112, 92);
  font-family: "DFHeiStd-W9";
  margin-top: 0.6vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell .pc-mat-desc {
  font-size: 1.45vw;
  color: #555555;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: bold;
  margin-top: 1vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell {
    width: 80%;
    margin-bottom: 6vw;
    align-items: center;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell img {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell .pc-mat-st {
    font-size: 4.5vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-cell .pc-mat-desc {
    font-size: 3.6vw;
  }
}
/* --- 四大施工關鍵 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key {
  position: static;
  display: flex;
  z-index: auto;
  flex-wrap: wrap;
  width: 88%;
  margin: 2.5vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-cell {
  position: relative;
  display: block;
  z-index: auto;
  width: 50%;
  box-sizing: border-box;
  padding: 4.2vw 2vw 2vw 2vw;
  text-align: center;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-cell:nth-child(1),
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-cell:nth-child(2) {
  border-bottom: 0.1vw solid #e2e2e2;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-cell:nth-child(odd) {
  border-right: 0.1vw solid #e2e2e2;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-num {
  position: absolute;
  top: 0.6vw;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  color: #e6f0ea;
  line-height: 1;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-title {
  position: relative;
  font-size: 3vw;
  font-weight: bold;
  color: #ff7100;
  font-family: "DFHeiStd-W9";
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-desc {
  font-size: 1.45vw;
  color: #555555;
  line-height: 1.65;
  font-weight: bold;
  margin-top: 0.6vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-cell {
    padding: 11vw 3vw 5vw 3vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-num {
    font-size: 11vw;
    top: 1.5vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-title {
    font-size: 4.8vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-desc {
    font-size: 3.6vw;
  }
}
/* --- 標準施工流程(圖示列) --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow {
  position: static;
  display: flex;
  z-index: auto;
  align-items: flex-start;
  justify-content: space-between;
  width: 96%;
  margin: 2vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-item {
  position: static;
  display: flex;
  z-index: auto;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 16%;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-item img {
  width: 5.5vw;
  margin: 0;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-label {
  font-size: 1.2vw;
  font-weight: bold;
  color: #1a6b4f;
  font-family: "DFHeiStd-W9";
  margin-top: 0.6vw;
  line-height: 1.35;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-note {
  font-size: 0.95vw;
  color: #8a8f8c;
  margin-top: 0.4vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-arrow {
  width: 1vw;
  margin: 2vw 0 0 0;
  align-self: flex-start;
  opacity: 0.55;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-item {
    width: 30%;
    margin-bottom: 4vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-item img {
    width: 16vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-label {
    font-size: 3.4vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-note {
    font-size: 2.6vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-arrow {
    display: none;
  }
}
/* --- 服務保障 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar {
  position: static;
  display: flex;
  z-index: auto;
  gap: 1.5vw;
  width: 88%;
  margin: 1.6vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-item {
  position: static;
  display: block;
  z-index: auto;
  flex: 1;
  text-align: center;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-pill {
  position: static;
  display: block;
  z-index: auto;
  background: #0a6e4e;
  color: #ffffff;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
  font-size: 2.4vw;
  padding: 1.2vw 0;
  border-radius: 0.6vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-cap {
  font-size: 1.32vw;
  color: #04705c;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 0.8vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar {
    width: 100%;
    margin-left: 0;
    gap: 2vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-pill {
    font-size: 6vw;
    padding: 3vw 0;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-cap {
    font-size: 2.9vw;
  }
}
/* --- 說明 / DEMO 註記框 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .rich-note {
  font-size: 1.1vw;
  color: #9aa09c;
  width: 100%;
  text-align: right;
  margin-top: 1vw;
  padding-right: 1vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-note {
  position: static;
  display: block;
  z-index: auto;
  align-items: initial;
  background: #eef4ef;
  border-radius: 0;
  padding: 1vw 1vw;
  margin: 2.5vw 0 0 2.8vw;
  width: 88%;
  box-sizing: border-box;
  font-size: 1.4vw;
  color: #444444;
  line-height: 1.7;
  font-weight: bold;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-note-center {
  text-align: center;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .rich-note {
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-note {
    width: 100%;
    margin-left: 0;
    font-size: 4vw;
    padding: 4vw;
  }
}
/* --- 改用整張圖的三個區塊(四大關鍵 / 標準施工流程 / 服務保障);寬度比照原本方格,可再微調 --- */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-keyimg {
  display: block;
  width: 88%;
  margin: 1vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flowimg {
  display: block;
  width: 91%;
  margin: 2.5vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guarimg {
  display: block;
  width: 88%;
  margin: 1.6vw 0 0 2.8vw;
}

/* 服務保障:pill 圖底下的三段說明文字(三等分對齊每顆 pill) */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-caps {
  position: static;
  display: flex;
  width: 88%;
  margin: 0.7vw 0 0 2.8vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-caps .pc-guar-cap {
  flex: 1;
  text-align: center;
  margin-top: 0;
  padding: 0 1vw;
}

/* DEMO 試做服務:標題在淡綠框內(綠色標題 + 灰色內文) */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-demo-title {
  margin: 0.4vw 0 0.2vw;
  color: rgb(4, 112, 92);
  font-size: 1.4vw;
  font-weight: bold;
  font-family: "DFHeiStd-W9";
}

section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-demo-body {
  margin: 0;
  font-size: 1.25vw;
  color: #444444;
  line-height: 1;
  letter-spacing: normal;
  font-weight: bold;
}

/* 標準施工流程:桌機用整張流程圖,手機板改 5 張步驟圖;桌機隱藏步驟圖容器 */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-m {
  display: none;
}

/* 四大關鍵:桌機用整張圖,手機板改 4 張卡片直向列出;桌機隱藏卡片容器 */
section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-m {
  display: none;
}

/* ==================================================================
   手機板統一調整(≤768px)— 比照無塵室(cr)的概念套用到鍍膜(pc)
   靠左不置中;字級階層:區段標題 5.4vw > 子標題 4.8vw > 內文 4.5vw > 註記 3.4vw
   區段間距 9vw;標題與內容間距 4vw;改用整圖的區塊放大、流程改 3+2 步驟圖
   ================================================================== */
@media (max-width: 768px) {
  /* 大標 / 區段標題:靠左(去除 7.4vw 左邊距);區段間距 9vw */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-title {
    margin-left: 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-head {
    font-size: 5.4vw;
    margin-top: 9vw;
    margin-left: 0;
  }
  /* 開頭簡介:4.5vw、靠左(清除桌機殘留 margin-right) */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body p.pc-intro {
    font-size: 4.5vw;
    line-height: 1.7;
    margin-right: 0;
  }
  /* 子標題統一 4.8vw、內文 4.5vw、靠左 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-h {
    font-size: 4.8vw;
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-hn {
    font-size: 4.8vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-p {
    font-size: 4.5vw;
    line-height: 1.65;
    margin-top: 1.5vw;
    margin-left: 0;
  }
  /* 開頭/防護效果標籤:靠左流動、縮小內距 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-tag {
    font-size: 4.3vw;
    padding: 1vw 2.6vw;
    margin: 1.2vw 0.8vw;
  }
  /* 客戶常見困擾 Q&A 字級 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-q {
    font-size: 4.6vw;
    line-height: 1.5;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa-a {
    font-size: 4.3vw;
    line-height: 1.6;
  }
  /* 適用材質卡片字級 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-st {
    font-size: 4.4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat-desc {
    font-size: 3.9vw;
    line-height: 1.55;
  }
  /* 各區段「標題→內容」間距統一 4vw */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-block {
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-qa {
    margin-top: 4vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-mat {
    margin-top: 4vw;
    justify-content: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shots {
    margin-top: 3vw;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3vw 3vw;
    width: 94%;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-shots .pc-shot {
    flex: 0 0 45%;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-tags {
    margin-top: 3vw;
  }
  /* 改用整圖的區塊:手機板放大易讀、靠左 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-keyimg {
    display: none;
  }
  /* 四大關鍵:整圖太小 → 改 4 張卡片直向列出(+ 底部說明) */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-m {
    position: static;
    z-index: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3vw;
    width: 88%;
    margin: 4vw 0 0 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-m img {
    display: block;
    width: 100%;
    height: auto;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-m img:not(.pc-key-m-note) {
    border-radius: 2vw;
  }
  /* 四大關鍵底部說明:改用 HTML 文字(取代原本的圖片)*/
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-key-m .pc-key-m-note {
    margin: 1.5vw 0 0;
    padding: 2.6vw 3vw;
    background: #f4f6f5;
    border-radius: 1.6vw;
    text-align: center;
    color: #666666;
    font-size: 3.5vw;
    line-height: 1.6;
    font-weight: bold;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guarimg {
    width: 96%;
    margin: 4vw 0 0 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-caps {
    width: 96%;
    margin-left: 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-guar-caps .pc-guar-cap {
    font-size: 3.4vw;
  }
  /* 標準施工流程:隱藏整張圖,改 5 張步驟圖 3+2(箭頭省略,圖上已有數字)*/
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flowimg {
    display: none;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-m {
    position: static;
    z-index: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 2.5vw 2.5vw;
    margin: 4vw 0 0;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-m .pc-flow-step {
    position: static;
    z-index: auto;
    width: 29%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-m img {
    display: block;
    width: 100%;
    height: auto;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-flow-m .pc-flow-label {
    margin-top: 1.5vw;
    font-size: 3.2vw;
    line-height: 1.35;
    text-align: center;
    color: #0a6e4e;
    font-weight: bold;
  }
  /* DEMO 試做服務:手機板字級(桌機 vw 太小)+ 與上一段拉開間距 */
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-demo {
    margin-top: 9vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-demo-title {
    font-size: 4.6vw;
    margin: 0 0 1.5vw;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li ul.submenu.pc .pc-body .pc-demo-body {
    font-size: 4.3vw;
    line-height: 1.7;
  }
}
/* ##################  共用結構 / 校正疊圖(框架,維持不變)  ################## */
.ref-overlay {
  position: absolute;
  top: -20px;
  left: 10px;
  width: 100%;
  z-index: 99999;
  pointer-events: none;
}

.ref-overlay img {
  display: block;
  width: 100%;
  opacity: 0; /* 校正用疊圖;校正完改回 0(或移除 .ref-overlay 與 php 的 menu11/menu12 區塊) */
}

section.ss_side_nav .fs_container .menu_container .navigation li div.menu11 {
  width: 18vw;
  height: 2vw;
  top: 66vw;
  margin-left: 5vw;
}

section.ss_side_nav .fs_container .menu_container .navigation li div.menu12 {
  width: 18vw;
  height: 2vw;
  top: 72.5vw;
  margin-left: 5vw;
}

@media (max-width: 768px) {
  section.ss_side_nav .fs_container .menu_container .navigation li div.menu11,
  section.ss_side_nav .fs_container .menu_container .navigation li div.menu12 {
    display: none;
  }
}
/* ==================================================================
   手機板:section 高度自動撐開(不依賴 JS),根本解決底部被裁切
   原因:ul.submenu 是 position:absolute 脫離文件流 → section 不會被內容撐開,
        原本靠 JS 設固定高度;字型(DFHeiStd)/內容載入後變高就可能不足,被 overflow:hidden 裁掉。
   解法:手機板時讓「作用中的 cr/pc submenu」回到文件流(static),section 高度改 auto,
        section 自然被內容撐開,永不裁切、也不靠 JS。
   (:has 限定只在「目前作用頁是 cr/pc」時生效,不影響其他舊分頁;JS 那套保留為舊瀏覽器後援)
   ================================================================== */
@media (max-width: 768px) {
  section.ss_side_nav:has(li.active ul.submenu.cr),
  section.ss_side_nav:has(li.active ul.submenu.pc) {
    height: auto !important;
  }
  section.ss_side_nav .fs_container .menu_container .navigation li.active ul.submenu.cr,
  section.ss_side_nav .fs_container .menu_container .navigation li.active ul.submenu.pc {
    position: relative !important; /* 不用 static:保留 z-index:0 堆疊脈絡,內容才不會蓋住固定的服務專線/LINE 按鈕(仍在文件流,section 照樣自動撐高) */
    z-index: 0;
  }
}/*# sourceMappingURL=specific-service.css.map */