/* 喬雍官網元件庫。
 * 由 scripts/build_css.py 從舊站兩層 CSS 機械合併而成——搬遷一次性產物。
 * 已移除：非 cy-* 的套版補丁規則、全部 !important。
 * 之後要調樣式請直接改本檔（別再回頭跑 build_css.py，來源已是歷史）。
 */

/* === 來源：HEAD 自訂 CSS（2026-06-30 版） === */
.cy-blk a:hover {
  color:#ffbe19 ;
}

.cy-crumb {
  margin:-32px 0 18px ; font-size:13px ; clear:both ;
}

.cy-crumb ol.breadcrumb {
  background:none ; padding:0 ; margin:0 ;
}

.cy-crumb .cy-bc {
  list-style:none ; padding:0 ; margin:0 ; background:none ;
}

.cy-crumb .cy-bc li {
  display:inline-block ;
}

.cy-crumb .cy-bc li + li::before {
  content:"/" ; padding:0 8px ; color:#9aa6ab ;
}

.cy-crumb .cy-bc a {
  color:inherit ;
}

.cy-start {
  display:block ; font-size:17px ; margin-top:4px ; margin-bottom:10px ;
}

.cy-ciaoyong {
  font-family:'Helvetica Neue',Arial,'PingFang TC','Microsoft JhengHei',sans-serif ; letter-spacing:2px ;
}

.cy-svc-submenu {
  display:flex ; justify-content:space-between ; gap:6px ; margin:8px 0 22px ;
}

.cy-svc-submenu a {
  flex:1 1 0 ; text-align:center ; white-space:nowrap ; font-size:clamp(12px,4.0vw,17px) ; color:#1d6a8c ; font-weight:bold ; text-decoration:none ; padding:8px 3px ; border:1px solid #cfe0e8 ; border-radius:8px ; background:#f4f9fb ; box-sizing:border-box ;
}

.cy-svc-submenu a:hover {
  color:#ffbe19 ; border-color:#ffbe19 ;
}

.cy-svc-submenu a.cy-active {
  color:#ffffff ; background:#80c862 ; border-color:#80c862 ;
}

@media (min-width:992px) {
  .cy-svc-submenu {
    display:none ;
  }
}

@media (max-width:991px) {
  .col-md-9.margin-btm-40 > div:not(.cy-crumb):not(.cy-blk):not(.row) {
    padding-left:20px ; padding-right:20px ;
  }
}

.cy-contact-banner-box img.cy-contact-banner {
  width:100% ; max-width:100% ; height:auto ;
}

@media (min-width:992px) {
  html.cy-contact .col-md-9 {
    float:none ; margin-left:auto ; margin-right:auto ;
  }
  .cy-contact-unboxed {
    max-width:75% ; margin-left:auto ; margin-right:auto ;
  }
}

@media (max-width:991px) {
  html.cy-contact .row {
    margin-left:0 ; margin-right:0 ;
  }
  html.cy-contact .col-md-9, html.cy-contact .col-sm-12 {
    padding-left:0 ; padding-right:0 ;
  }
  html.cy-contact .cy-contact-unboxed, html.cy-contact .contactForm {
    width:100% ; max-width:100% ; box-sizing:border-box ; margin-left:0 ; margin-right:0 ; padding-left:24px ; padding-right:24px ;
  }
}

html.cy-no-side .col-md-3.margin-btm-40 {
  display:none ;
}

html.cy-no-side .col-md-9.margin-btm-40 {
  width:100% ; max-width:100% ; flex:0 0 100% ;
}

.cy-blk .cy-mb-0 {
  margin-bottom:0 ;
}

.cy-crumb {
  margin-top:-38px ; margin-bottom:4px ;
}

.cy-blk {
  color:#304854; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:22px; line-height:1.8; max-width:100%; display:block; clear:both; word-break:break-word;
}

.cy-blk *,.cy-blk *::before,.cy-blk *::after {
  box-sizing:border-box;
}

.cy-blk p {
  font-size:22px; line-height:1.8; margin:0 0 1.15em 0; color:#304854; text-align:justify;
}

.cy-blk h2 {
  font-size:36px; font-weight:800; margin:0 0 0.8em 0; color:#304854; line-height:1.4;
}

.cy-blk h3 {
  font-size:26px; font-weight:800; margin:0 0 0.6em 0; color:#304854; line-height:1.4;
}

.cy-en-title {
  font-size:16px; letter-spacing:2px; text-transform:uppercase; font-weight:800; margin-bottom:6px; display:block; font-family:Arial,sans-serif;
}

.cy-c-yellow,.cy-blk p.cy-c-yellow,.cy-blk span.cy-c-yellow {
  color:#ffbe19;
}

.cy-c-dark,.cy-blk p.cy-c-dark,.cy-blk span.cy-c-dark {
  color:#304854;
}

.cy-c-teal,.cy-blk p.cy-c-teal,.cy-blk span.cy-c-teal {
  color:#1d6a8c;
}

.cy-c-green,.cy-blk p.cy-c-green,.cy-blk span.cy-c-green {
  color:#80c862;
}

.cy-c-white,.cy-blk p.cy-c-white,.cy-blk span.cy-c-white {
  color:#ffffff;
}

.cy-bold {
  font-weight:800;
}

.cy-mb-0 {
  margin-bottom:0;
}

.cy-text-center {
  text-align:center;
}

.cy-blk p.cy-text-center {
  text-align:center;
}

.cy-nowrap {
  white-space:nowrap;
}

.cy-container {
  width:100%; max-width:1040px; margin:0 auto; padding:0 24px; display:block;
}

.cy-max-w-650 {
  width:100%; max-width:650px; margin-left:auto; margin-right:auto; margin-bottom:24px; display:block;
}

.cy-max-w-700 {
  width:100%; max-width:700px; margin-left:auto; margin-right:auto; display:block;
}

.cy-section {
  padding:48px 0; border-bottom:1px solid rgba(48,72,84,0.1);
}

.cy-section:last-child {
  border-bottom:none;
}

.cy-flex {
  display:flex; flex-wrap:wrap; gap:30px; align-items:stretch;
}

.cy-col-half {
  flex:1 1 calc(50% - 15px); min-width:320px;
}

.cy-col-third {
  flex:1 1 calc(33.333% - 20px); min-width:260px;
}

.cy-vc {
  align-items:center;
}

.cy-stack {
  flex-direction:column;
}

.cy-card {
  background:#ffffff; padding:24px 32px; border-radius:12px; box-shadow:0 8px 30px rgba(48,72,84,0.24); border-top:6px solid #ffbe19; height:100%;
}

.cy-card-principle {
  background:#ffffff; padding:22px 30px; border-radius:12px; box-shadow:0 8px 30px rgba(48,72,84,0.24); height:100%;
}

.cy-card-soft {
  padding:24px 32px; border-radius:12px; box-shadow:0 8px 30px rgba(48,72,84,0.24); height:100%; transition:transform .3s,box-shadow .3s;
}

.cy-card-soft:hover {
  transform:translateY(-5px); box-shadow:0 10px 25px rgba(48,72,84,0.12);
}

.cy-card-soft-teal {
  background:rgba(29,106,140,0.05); border-top:6px solid #1d6a8c;
}

.cy-card-soft-yellow {
  background:rgba(255,190,25,0.08); border-top:6px solid #ffbe19;
}

.cy-card-soft-green {
  background:rgba(128,200,98,0.08); border-top:6px solid #80c862;
}

.cy-card-soft-dark {
  background:rgba(48,72,84,0.04); border-top:6px solid #304854;
}

.cy-card-dual {
  background:#fff; border-radius:12px; box-shadow:0 10px 34px rgba(48,72,84,0.34); overflow:hidden; height:100%; display:flex; flex-direction:column; position:relative; z-index:1; transition:transform .3s,box-shadow .3s;
}

.cy-card-dual:hover {
  transform:translateY(-5px); box-shadow:0 10px 25px rgba(48,72,84,0.12);
}

.cy-card-dual-header {
  padding:16px 32px;
}

.cy-card-dual-header h3 {
  color:#fff; margin:0; font-size:22px; line-height:1.4;
}

.cy-card-dual-body {
  padding:20px 32px; flex-grow:1;
}

.cy-card-dual-body p {
  font-size:19px;
}

.cy-card-dual-dark .cy-card-dual-header {
  background:#304854; border-bottom:5px solid #ffbe19;
}

.cy-card-dual-teal .cy-card-dual-header {
  background:#1d6a8c; border-bottom:5px solid #80c862;
}

.cy-dept-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-bottom:30px;
}

.cy-dept-row {
  background:#fff; margin:0; padding:20px 32px; border-radius:12px; box-shadow:0 8px 30px rgba(48,72,84,0.24); border-left:6px solid #304854; transition:transform .2s ease;
}

.cy-dept-row:hover {
  transform:translateX(4px);
}

.cy-dept-row p {
  font-size:19px;
}

.cy-quote {
  border-left:6px solid #1d6a8c; padding:28px 40px; background:rgba(29,106,140,0.04); border-radius:0 12px 12px 0; font-weight:800;
}

.cy-tag-box {
  background:rgba(48,72,84,0.05); padding:24px 32px; border-radius:12px; font-weight:800; color:#1d6a8c; line-height:2.0; letter-spacing:1px;
}

.cy-tag-gap {
  margin-bottom:40px;
}

.cy-btn {
  display:inline-block; padding:14px 35px; border-radius:50px; font-weight:800; text-decoration:none; margin-top:35px; width:max-content; transition:all .3s ease; font-size:18px; text-align:center;
}

.cy-btn-outline {
  border:2px solid #ffbe19; color:#ffbe19; background:transparent;
}

.cy-btn-outline:hover {
  background:#ffbe19; color:#304854; transform:translateY(-2px);
}

@media (max-width:991px) {
  .cy-flex {
    flex-direction:column; gap:30px;
  }
  .cy-col-half,.cy-col-third {
    min-width:100%; flex:1 1 100%;
  }
  .cy-dept-grid {
    grid-template-columns:1fr; gap:20px;
  }
  .cy-max-w-650 {
    max-width:100%;
  }
  .cy-section {
    padding:40px 0;
  }
  .cy-blk {
    font-size:18px;
  }
  .cy-blk p {
    font-size:18px; line-height:1.7;
  }
  .cy-blk h2 {
    font-size:26px;
  }
  .cy-blk h3 {
    font-size:22px;
  }
  .cy-card,.cy-card-principle,.cy-card-soft,.cy-dept-row,.cy-quote,.cy-card-dual-header,.cy-card-dual-body {
    padding-left:24px; padding-right:24px;
  }
  .cy-btn {
    width:100%; margin-top:25px;
  }
}

html.cy-services .cy-card-principle {
  border-top: 6px solid #304854 ; transition: transform 0.3s ease, box-shadow 0.3s ease ;
}

html.cy-services .cy-dept-row {
  max-width: 750px ; margin: 0 auto 25px auto ;
}

html.cy-services .cy-flex {
  justify-content: center ;
}

html.cy-services .cy-meta-text {
  display: none ;
}

html.cy-services .cy-max-w-750 {
  width: 100% ; max-width: 750px ; margin-left: auto ; margin-right: auto ; display: block ;
}

html.cy-services .cy-mt-4 {
  margin-top: 2rem ;
}

html.cy-services .cy-mt-5 {
  margin-top: 3.5rem ;
}

html.cy-services .cy-card-principle:hover {
  transform: translateY(-5px) ; box-shadow: 0 10px 25px rgba(48, 72, 84, 0.12) ;
}

html.cy-services .cy-card-principle h3 {
  margin-bottom: 15px ; font-size: 22px ;
}

html.cy-services .cy-counter-wrap {
  counter-reset: cy-pain-counter;
}

html.cy-services .cy-card-dual-body::after {
  counter-increment: cy-pain-counter; content: "0" counter(cy-pain-counter); position: absolute ; right: 15px ; bottom: -15px ; font-size: 90px ; font-weight: 900 ; color: rgba(48, 72, 84, 0.04) ; z-index: -1 ; line-height: 1 ; font-family: Arial, sans-serif ; pointer-events: none ;
}

html.cy-services .cy-card-soft h3 {
  margin-bottom: 15px ; font-size: 22px ;
}

html.cy-services .cy-alert-box {
  background: rgba(255, 190, 25, 0.1) ; border-left: 6px solid #ffbe19 ; padding: 30px 40px ; border-radius: 12px ; margin-bottom: 40px ;
}

html.cy-services .cy-process-row {
  display: flex ; flex-wrap: wrap ; align-items: center ; justify-content: center ; gap: 15px ; background: rgba(48, 72, 84, 0.03) ; padding: 35px ; border-radius: 12px ;
}

html.cy-services .cy-process-item {
  background: #1d6a8c ; color: #ffffff ; padding: 12px 25px ; border-radius: 50px ; font-weight: 800 ; font-size: 18px ; text-align: center ;
}

html.cy-services .cy-process-arrow {
  color: #ffbe19 ; font-weight: 900 ; font-size: 24px ; display: flex ; align-items: center ; justify-content: center ;
}

html.cy-services .cy-checklist {
  list-style: none ; padding: 0 ; margin: 0 ;
}

html.cy-services .cy-checklist li {
  position: relative ; padding-left: 35px ; margin-bottom: 15px ; font-weight: 800 ; color: #304854 ; font-size: 20px ;
}

html.cy-services .cy-checklist li::before {
  content: '✓' ; position: absolute ; left: 0 ; top: -2px ; color: #1d6a8c ; font-weight: 900 ; font-size: 22px ;
}

html.cy-services .cy-timeline {
  list-style: none ; padding: 0 ; margin: 0 ; position: relative ;
}

html.cy-services .cy-timeline::before {
  content: '' ; position: absolute ; left: 17px ; top: 10px ; bottom: 10px ; width: 3px ; background: rgba(29, 106, 140, 0.2) ;
}

html.cy-services .cy-timeline li {
  position: relative ; margin-bottom: 25px ; padding-left: 55px ; font-weight: 800 ; color: #304854 ; display: flex ; align-items: center ; min-height: 38px ; font-size: 20px ;
}

html.cy-services .cy-timeline li:last-child {
  margin-bottom: 0 ;
}

html.cy-services .cy-timeline-num {
  position: absolute ; left: 0 ; top: -2px ; width: 38px ; height: 38px ; background: #1d6a8c ; color: #ffffff ; border-radius: 50% ; display: flex ; align-items: center ; justify-content: center ; font-size: 18px ; font-weight: 900 ;
}

html.cy-services .cy-btn {
  display: inline-block ; padding: 18px 45px ; border-radius: 50px ; background: #1d6a8c ; color: #ffffff ; border: 2px solid #1d6a8c ; font-weight: 800 ; text-decoration: none ; transition: 0.3s ; font-size: 20px ; cursor: pointer ;
}

html.cy-services .cy-btn:hover {
  background: #304854 ; border-color: #304854 ;
}

html.cy-services .cy-btn-project-premium {
  display: inline-block ; padding: 18px 45px ; border-radius: 50px ; background: rgba(29, 106, 140, 0.05) ; color: #1d6a8c ; border: 2px solid #1d6a8c ; font-weight: 800 ; text-decoration: none ; font-size: 20px ; transition: all 0.3s ease ; cursor: pointer ; letter-spacing: 1px ;
}

html.cy-services .cy-btn-project-premium:hover {
  background: #304854 ; border-color: #304854 ; color: #ffffff ; transform: translateY(-2px) ; box-shadow: 0 6px 20px rgba(48, 72, 84, 0.1) ;
}

@media (max-width: 991px) {
  html.cy-services .cy-btn-project-premium {
    width: 100% ; text-align: center ; padding: 15px 20px ; font-size: 18px ;
  }
  html.cy-services .cy-max-w-750 {
    max-width: 100% ;
  }
}

@media (max-width: 767px) {
  html.cy-services .cy-card-principle h3, html.cy-services .cy-card-soft h3 {
    font-size: 22px ;
  }
  html.cy-services .cy-card-dual-body::after {
    font-size: 80px ; bottom: -10px ; right: 10px ;
  }
  html.cy-services .cy-alert-box {
    padding: 25px 20px ;
  }
  html.cy-services .cy-checklist li {
    padding-left: 30px ; font-size: 18px ;
  }
  html.cy-services .cy-timeline li {
    padding-left: 45px ; font-size: 18px ;
  }
  html.cy-services .cy-timeline-num {
    width: 30px ; height: 30px ; font-size: 16px ; top: 0 ;
  }
  html.cy-services .cy-timeline::before {
    left: 13px ;
  }
  html.cy-services .cy-process-row {
    flex-direction: column ; align-items: stretch ; gap: 10px ; padding: 25px ;
  }
  html.cy-services .cy-process-arrow {
    transform: rotate(90deg) ; margin: 5px 0 ;
  }
  html.cy-services .cy-btn {
    width: 100% ; text-align: center ; padding: 15px 20px ; font-size: 18px ; white-space: normal ; line-height: 1.5 ;
  }
}

@media (max-width:767px) {
  .cy-blk p, .cy-blk .cy-lead p, .cy-blk .cy-quote p {
    text-align:left ;
  }
}

html.cy-knowledge .cy-container {
  max-width: 750px ;
}

html.cy-knowledge .cy-card-soft h3 {
  font-size: 22px ;
}

html.cy-knowledge .cy-container > .cy-section:first-child {
  padding-top: 4px ;
}

html.cy-knowledge .cy-section {
  border-bottom: none ;
}

html.cy-knowledge .cy-meta-text {
  display: none ;
}

html.cy-knowledge .cy-flex {
  align-items: stretch ;
}

html.cy-knowledge .cy-card-soft {
  padding-top: 22px ; padding-bottom: 14px ;
}

html.cy-knowledge .cy-card-soft p:last-child {
  margin-bottom: 0 ;
}

html.cy-knowledge .cy-kn-sec ul, html.cy-knowledge .cy-kn-sec ol,
html.cy-knowledge .cy-quote ul, html.cy-knowledge .cy-quote ol,
html.cy-knowledge .cy-alert-box ul, html.cy-knowledge .cy-alert-box ol {
  list-style: none ; padding-left: 0 ; margin-left: 0 ;
}

html.cy-knowledge .cy-kn-article {
  padding: 4rem 0 ;
}

html.cy-knowledge .cy-lead {
  background: transparent ; border: none ; padding: 0 ; border-radius: 0 ; margin: 0 0 1.15em 0 ;
}

html.cy-knowledge .cy-lead p {
  font-size: 22px ; line-height: 1.8 ; font-weight: 400 ; color: #304854 ; margin: 0 0 1.15em 0 ; text-align: justify ;
}

html.cy-knowledge .cy-lead p:last-child {
  margin-bottom: 0 ;
}

html.cy-knowledge .cy-toc {
  background: rgba(48,72,84,0.04) ; border: 1px solid rgba(48,72,84,0.12) ; border-radius: 12px ; padding: 30px 38px ; margin: 0 0 1.6em 0 ; counter-reset: cy-toc-counter;
}

html.cy-knowledge .cy-toc-title {
  font-size: 15px ; letter-spacing: 2px ; text-transform: uppercase ; font-weight: 800 ; color: #1d6a8c ; margin: 0 0 16px 0 ; display: block ; font-family: Arial, sans-serif ; background: transparent ; padding: 0 ; box-shadow: none ; border-radius: 0 ;
}

html.cy-knowledge .cy-toc ol, html.cy-knowledge .cy-toc ul {
  list-style: none ; padding: 0 ; margin: 0 ;
}

html.cy-knowledge .cy-toc li {
  margin: 0 ; padding: 0 ;
}

html.cy-knowledge .cy-toc a {
  display: flex ; align-items: baseline ; gap: 14px ; padding: 12px 0 ; border-bottom: 1px solid rgba(48,72,84,0.08) ; color: #304854 ; text-decoration: none ; font-size: 19px ; font-weight: 800 ; line-height: 1.5 ; transition: color 0.2s ease ;
}

html.cy-knowledge .cy-toc li:last-child a {
  border-bottom: none ;
}

html.cy-knowledge .cy-toc a::before {
  counter-increment: cy-toc-counter; content: counter(cy-toc-counter, decimal-leading-zero) ; color: #ffbe19 ; font-weight: 900 ; font-size: 16px ; font-family: Arial, sans-serif ; flex: 0 0 auto ; min-width: 26px ;
}

html.cy-knowledge .cy-toc a:hover {
  color: #1d6a8c ;
}

html.cy-knowledge .cy-kn-sec {
  padding-top: 26px ; padding-bottom: 0 ; margin-top: 26px ; border-top: 1px solid rgba(48,72,84,0.1) ; scroll-margin-top: 90px ;
}

html.cy-knowledge .cy-toc[id], html.cy-knowledge h2[id], html.cy-knowledge h3[id] {
  scroll-margin-top: 90px ;
}

html.cy-knowledge .cy-toc-back {
  display: inline-block ; margin-top: 6px ; font-size: 15px ; font-weight: 800 ; color: #1d6a8c ; text-decoration: none ; letter-spacing: 0.5px ; opacity: 0.65 ; transition: opacity 0.2s ease ;
}

html.cy-knowledge .cy-toc-back:hover {
  opacity: 1 ;
}

html.cy-knowledge .cy-kn-foot {
  margin-top: 1.15em ; padding-top: 0 ; border-top: none ;
}

html.cy-knowledge .cy-btn {
  margin-top: 14px ;
}

html.cy-knowledge .cy-kn-foot-title {
  font-size: 15px ; letter-spacing: 2px ; text-transform: uppercase ; font-weight: 800 ; color: #1d6a8c ; margin: 0 0 16px 0 ; display: block ; font-family: Arial, sans-serif ;
}

html.cy-knowledge .cy-cat-label {
  font-size: 14px ; letter-spacing: 2px ; text-transform: uppercase ; font-weight: 800 ; color: #1d6a8c ; display: block ; margin-bottom: 6px ; font-family: Arial, sans-serif ; opacity: 0.8 ;
}

html.cy-knowledge .cy-cat-main {
  font-size: 22px ; font-weight: 800 ; color: #304854 ; display: block ; margin-bottom: 22px ; letter-spacing: 1px ;
}

html.cy-knowledge .cy-kw-wrap {
  display: flex ; flex-wrap: wrap ; gap: 10px ;
}

html.cy-knowledge .cy-kw {
  display: inline-block ; background: #fff ; border: 1px solid rgba(29,106,140,0.25) ; color: #1d6a8c ; padding: 7px 16px ; border-radius: 50px ; font-size: 15px ; font-weight: 800 ; letter-spacing: 0.5px ; line-height: 1.4 ;
}

html.cy-knowledge .cy-related {
  list-style: none ; padding: 0 ; margin: 0 ;
}

html.cy-knowledge .cy-related li {
  margin: 0 0 16px 0 ; padding-left: 26px ; position: relative ;
}

html.cy-knowledge .cy-related li:last-child {
  margin-bottom: 0 ;
}

html.cy-knowledge .cy-related li::before {
  content: '→' ; position: absolute ; left: 0 ; top: 0 ; color: #ffbe19 ; font-weight: 900 ;
}

html.cy-knowledge .cy-related a {
  color: #1d6a8c ; text-decoration: none ; font-weight: 800 ; font-size: 19px ; line-height: 1.6 ; border-bottom: 1px solid rgba(29,106,140,0.3) ; transition: color 0.2s ease, border-color 0.2s ease ;
}

html.cy-knowledge .cy-related a:hover {
  color: #304854 ; border-color: #304854 ;
}

html.cy-knowledge .cy-byline {
  font-size: 16px ; color: rgba(48,72,84,0.6) ; font-weight: 700 ; letter-spacing: 0.5px ; margin: 0 0 6px 0 ;
}

html.cy-knowledge .cy-archive-wrapper {
  background: #FDFCF8 ; border: 1px solid rgba(48,72,84,0.12) ; border-left: 5px solid #1d6a8c ; border-radius: 8px ; margin: 2.5rem 0 ; padding: 0 ; overflow: hidden ;
}

html.cy-knowledge .cy-archive-trigger {
  padding: 24px 30px ; cursor: pointer ; background: #FDFCF8 ; display: flex ; justify-content: space-between ; align-items: center ; user-select: none ;
}

html.cy-knowledge .cy-archive-trigger h3 {
  font-size: 22px ; font-weight: 800 ; color: #304854 ; margin: 0 ;
}

html.cy-knowledge .cy-archive-icon {
  font-size: 16px ; color: #1d6a8c ; font-weight: 800 ; transition: transform 0.3s ease ;
}

html.cy-knowledge .cy-archive-wrapper[open] .cy-archive-icon {
  transform: rotate(180deg) ;
}

html.cy-knowledge .cy-archive-content {
  padding: 0 30px 30px 30px ; border-top: 1px dashed rgba(48,72,84,0.1) ; background: #ffffff ;
}

html.cy-knowledge .cy-index-grid {
  display: flex ; flex-wrap: wrap ; gap: 25px ; margin-top: 25px ;
}

html.cy-knowledge .cy-index-box {
  flex: 1 1 calc(50% - 13px) ; min-width: 280px ;
}

html.cy-knowledge .cy-index-box h4 {
  font-size: 18px ; font-weight: 800 ; color: #1d6a8c ; margin: 0 0 12px 0 ; border-bottom: 2px solid rgba(29,106,140,0.1) ; padding-bottom: 6px ;
}

html.cy-knowledge .cy-index-list {
  list-style: none ; padding: 0 ; margin: 0 ;
}

html.cy-knowledge .cy-index-list li {
  font-size: 16px ; margin-bottom: 8px ; color: #304854 ; line-height: 1.5 ;
}

html.cy-knowledge .cy-index-list a {
  color: #304854 ; text-decoration: none ; font-weight: 700 ; transition: color 0.2s ease ;
}

html.cy-knowledge .cy-index-list a:hover {
  color: #ffbe19 ; text-decoration: underline ;
}

html.cy-knowledge .cy-tag {
  display: inline-block ; padding: 2px 8px ; background: rgba(48,72,84,0.05) ; color: #304854 ; border-radius: 4px ; font-size: 13px ; font-weight: 800 ; margin-right: 6px ;
}

html.cy-knowledge .cy-author-sign {
  text-align: right ; font-size: 16px ; color: rgba(48,72,84,0.6) ; margin: 4rem 0 2rem 0 ; font-weight: 800 ; border-top: 1px solid rgba(48,72,84,0.1) ; padding-top: 20px ;
}

@media (max-width: 991px) {
  html.cy-knowledge .cy-index-box {
    flex: 1 1 100% ;
  }
}

@media (max-width: 767px) {
  html.cy-knowledge .cy-kn-article {
    padding: 2.5rem 0 ;
  }
  html.cy-knowledge .cy-lead {
    padding: 0 ;
  }
  html.cy-knowledge .cy-lead p {
    font-size: 18px ; line-height: 1.7 ;
  }
  html.cy-knowledge .cy-toc {
    padding: 24px 22px ;
  }
  html.cy-knowledge .cy-toc a {
    font-size: 17px ; padding: 11px 0 ;
  }
  html.cy-knowledge .cy-kn-sec {
    padding-top: 22px ; margin-top: 22px ;
  }
  html.cy-knowledge .cy-cat-main {
    font-size: 19px ;
  }
  html.cy-knowledge .cy-related a {
    font-size: 17px ;
  }
  html.cy-knowledge .cy-archive-trigger {
    padding: 20px 20px ;
  }
  html.cy-knowledge .cy-archive-content {
    padding: 0 20px 20px 20px ;
  }
}

html.cy-knowledge .cy-card-principle {
  border-top: 6px solid #304854 ; transition: transform 0.3s ease, box-shadow 0.3s ease ;
}

html.cy-knowledge .cy-card-principle:hover {
  transform: translateY(-5px) ; box-shadow: 0 10px 25px rgba(48,72,84,0.12) ;
}

html.cy-knowledge .cy-card-principle h3 {
  margin-bottom: 15px ; font-size: 22px ;
}

html.cy-knowledge .cy-counter-wrap {
  counter-reset: cy-pain-counter;
}

html.cy-knowledge .cy-card-dual-body::after {
  counter-increment: cy-pain-counter; content: "0" counter(cy-pain-counter); position: absolute ; right: 15px ; bottom: -15px ; font-size: 90px ; font-weight: 900 ; color: rgba(48,72,84,0.04) ; z-index: -1 ; line-height: 1 ; font-family: Arial, sans-serif ; pointer-events: none ;
}

html.cy-knowledge .cy-alert-box {
  background: rgba(255,190,25,0.1) ; border-left: 6px solid #ffbe19 ; padding: 30px 40px ; border-radius: 12px ; margin-top: 32px ; margin-bottom: 40px ;
}

html.cy-knowledge .cy-quote:has(ol), html.cy-knowledge .cy-quote:has(ul) {
  border-radius: 12px ;
}

html.cy-knowledge .cy-process-row {
  display: flex ; flex-wrap: wrap ; align-items: center ; justify-content: center ; gap: 15px ; background: rgba(48,72,84,0.03) ; padding: 35px ; border-radius: 12px ;
}

html.cy-knowledge .cy-process-item {
  background: #1d6a8c ; color: #ffffff ; padding: 12px 25px ; border-radius: 50px ; font-weight: 800 ; font-size: 18px ; text-align: center ;
}

html.cy-knowledge .cy-process-arrow {
  color: #ffbe19 ; font-weight: 900 ; font-size: 24px ; display: flex ; align-items: center ; justify-content: center ;
}

html.cy-knowledge .cy-checklist {
  list-style: none ; padding: 0 ; margin: 0 ;
}

html.cy-knowledge .cy-checklist li {
  position: relative ; padding-left: 35px ; margin-bottom: 15px ; font-weight: 800 ; color: #304854 ; font-size: 20px ;
}

html.cy-knowledge .cy-checklist li::before {
  content: '✓' ; position: absolute ; left: 0 ; top: -2px ; color: #1d6a8c ; font-weight: 900 ; font-size: 22px ;
}

html.cy-knowledge .cy-timeline {
  list-style: none ; padding: 0 ; margin: 0 ; position: relative ;
}

html.cy-knowledge .cy-timeline::before {
  content: '' ; position: absolute ; left: 17px ; top: 10px ; bottom: 10px ; width: 3px ; background: rgba(29,106,140,0.2) ;
}

html.cy-knowledge .cy-timeline li {
  position: relative ; margin-bottom: 25px ; padding-left: 55px ; font-weight: 800 ; color: #304854 ; display: flex ; align-items: center ; min-height: 38px ; font-size: 20px ;
}

html.cy-knowledge .cy-timeline li:last-child {
  margin-bottom: 0 ;
}

html.cy-knowledge .cy-timeline-num {
  position: absolute ; left: 0 ; top: -2px ; width: 38px ; height: 38px ; background: #1d6a8c ; color: #ffffff ; border-radius: 50% ; display: flex ; align-items: center ; justify-content: center ; font-size: 18px ; font-weight: 900 ;
}

html.cy-knowledge .cy-quote li {
  position: relative ; padding-left: 55px ; margin-bottom: 20px ; min-height: 38px ;
}

html.cy-knowledge .cy-quote li:last-child {
  margin-bottom: 0 ;
}

@media (max-width: 767px) {
  html.cy-knowledge .cy-alert-box {
    padding: 25px 20px ;
  }
  html.cy-knowledge .cy-checklist li {
    padding-left: 30px ; font-size: 18px ;
  }
  html.cy-knowledge .cy-timeline li {
    padding-left: 45px ; font-size: 18px ;
  }
  html.cy-knowledge .cy-timeline-num {
    width: 30px ; height: 30px ; font-size: 16px ; top: 0 ;
  }
  html.cy-knowledge .cy-timeline::before {
    left: 13px ;
  }
  html.cy-knowledge .cy-process-row {
    flex-direction: column ; align-items: stretch ; gap: 10px ; padding: 25px ;
  }
  html.cy-knowledge .cy-process-arrow {
    transform: rotate(90deg) ; margin: 5px 0 ;
  }
  html.cy-knowledge .cy-quote li {
    padding-left: 45px ;
  }
}

html.cy-services .cy-blk .cy-container > .cy-section:first-child {
  padding-top:4px ;
}

html.cy-knowledge .col-md-9 > .s-event-content:first-of-type {
  margin-top:24px ;
}

html.cy-knowledge .cy-faq-block h2 {
  font-size:28px ;
}

html.cy-knowledge .cy-faq-block h3 {
  font-size:19px ;font-weight:700 ;line-height:1.5 ;
}

html.cy-knowledge .cy-faq-block p {
  font-size:17px ;line-height:1.75 ;
}

html.cy-services .sidebar-widget ul.list-unstyled li,html.cy-knowledge .sidebar-widget ul.list-unstyled li,html.cy-services .sidebar-widget ul.list-unstyled li a,html.cy-knowledge .sidebar-widget ul.list-unstyled li a {
  text-indent:24px ;
}

html.cy-knowledge .cy-blk .cy-container > .cy-section:first-child {
  padding-bottom:24px ;
}

html.cy-knowledge .cy-blk .cy-kn-sign,html.cy-knowledge .cy-blk .cy-byline {
  font-size:16px ;color:#647882 ;margin-top:-14px ;padding-top:0 ;border-top:none ;display:block ;font-weight:400 ;
}

html.cy-knowledge .cy-kn-foot > .cy-kn-foot-title {
  border-bottom:2px solid #f5b926 ;padding-bottom:0px ;display:inline-block ;line-height:25px ;
}

html.cy-knowledge .cy-tag-box .cy-cat-label {
  margin-bottom:-4px ;
}

html.cy-knowledge .cy-tag-box .cy-cat-main {
  margin-bottom:4px ;
}

html.cy-knowledge .cy-faq-block details.cy-faq-item {
  border-bottom:1px solid #e3e8ea;
}

html.cy-knowledge .cy-faq-block summary {
  font-size:19px ;font-weight:700 ;color:#304854 ;line-height:1.5 ;cursor:pointer;list-style:none;padding:16px 28px 16px 0;position:relative;
}

html.cy-knowledge .cy-faq-block summary::-webkit-details-marker {
  display:none;
}

html.cy-knowledge .cy-faq-block summary::after {
  content:'＋';position:absolute;right:2px;top:14px;font-weight:400;color:#9aabb0;
}

html.cy-knowledge .cy-faq-block details[open] summary::after {
  content:'－';
}

html.cy-knowledge .cy-faq-block .cy-faq-ans {
  padding:0 0 18px;
}

html.cy-knowledge .cy-faq-block .cy-faq-ans p {
  margin:0;
}

html.cy-knowledge .cy-faq-block details:not([open]) > .cy-faq-ans {
  display:none ;
}

html.cy-knowledge .cy-toc .cy-toc-title {
  margin-bottom:0px ;
}

html.cy-knowledge .cy-faq-block {
  padding-top:28px ;
}

html.cy-knowledge .cy-kn-foot .cy-tag-box {
  margin-bottom:18px ;
}

@media (max-width:767px) {
  html.cy-knowledge .cy-blk h1 {
    font-size:34px ;
  }
  html.cy-knowledge .cy-card-soft,html.cy-knowledge .cy-quote,html.cy-knowledge .cy-card,html.cy-knowledge .cy-dept-row {
    padding-left:22px ;padding-right:22px ;
  }
  html.cy-knowledge .cy-toc {
    padding-left:20px ;padding-right:20px ;
  }
  html.cy-knowledge .cy-alert-box {
    padding-left:18px ;padding-right:18px ;
  }
  html.cy-knowledge .cy-tag-box {
    padding-left:20px ;padding-right:20px ;
  }
  html.cy-knowledge .cy-process-row {
    padding-left:23px ;padding-right:23px ;
  }
}

/* === 來源：頁內 style（pages_about） === */
.cy-blk .cy-section .cy-card-dual {
  box-shadow:0 10px 34px rgba(48,72,84,0.34);
}

@media(max-width:991px) {
  .cy-blk .cy-container .cy-card-dual .cy-card-dual-body p {
    letter-spacing:-0.1px;
  }
}

.cy-blk .cy-card-principle,.cy-blk .cy-card-dual,.cy-blk .cy-dept-row,.cy-blk .cy-card-soft {
  box-shadow:0 8px 30px rgba(48,72,84,0.24);
}

@media(max-width:991px) {
  .cy-blk .cy-container .cy-card-dual .cy-card-dual-header,.cy-blk .cy-container .cy-card-dual .cy-card-dual-body {
    padding-left:24px;padding-right:24px;
  }
}

.cy-blk .cy-dept-row {
  padding-left:38px;padding-right:38px;
}

@media(max-width:991px) {
  .cy-blk .cy-card-dual-header,.cy-blk .cy-card-dual-body {
    padding-left:26px;padding-right:26px;
  }
  .cy-blk .cy-card-brand {
    padding-left:37px;padding-right:37px;
  }
}

@media(max-width:991px) {
  .cy-blk h1 {
    font-size:34px;
  }
  .cy-blk .cy-btn-outline,.cy-blk .cy-btn-haoshi {
    padding:9px 22px;font-size:18px;
  }
}

.cy-blk .cy-card-brand {
  padding-top:29px;padding-bottom:29px;
}

@media(min-width:992px) {
  .cy-blk .cy-card-dual-body p,.cy-blk .cy-dept-row p,.cy-blk .cy-card-brand p {
    font-size:19px;
  }
}

.cy-blk .cy-en-title {
  margin-bottom:6px;
}

.cy-blk .cy-card-dual-body p {
  font-size:19px;
}

.cy-blk .cy-dept-row {
  padding-top:14px;padding-bottom:14px;
}

.cy-blk .cy-card-dual .cy-card-dual-header {
  padding:16px 30px;
}

.cy-blk .cy-card-dual .cy-card-dual-body {
  padding:20px 30px;
}

.cy-blk .cy-container>.cy-section.cy-tight-top {
  padding-top:6px;
}

.cy-blk .cy-card-principle .cy-en-title {
  margin-bottom:-2px;
}

@media(max-width:991px) {
  .cy-blk .cy-d-br {
    display:none;
  }
}

@media(min-width:992px) {
  .cy-blk .cy-dept-row,.cy-blk .cy-dept-row p {
    font-size:19px;
  }
}

.cy-blk .cy-card-dual-body::after {
  content:none;
}

.cy-blk .cy-card-dual {
  background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(48,72,84,0.08);overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;z-index:1;transition:transform .3s,box-shadow .3s;
}

.cy-blk .cy-card-dual:hover {
  transform:translateY(-5px);box-shadow:0 10px 25px rgba(48,72,84,0.12);
}

.cy-blk .cy-card-dual-header {
  padding:25px 35px;
}

.cy-blk .cy-card-dual-header h3 {
  color:#fff;margin:0;font-size:22px;line-height:1.4;
}

.cy-blk .cy-card-dual-body {
  padding:35px;flex-grow:1;
}

.cy-blk .cy-card-dual-dark .cy-card-dual-header {
  background:#304854;border-bottom:5px solid #ffbe19;
}

.cy-blk .cy-card-dual-teal .cy-card-dual-header {
  background:#1d6a8c;border-bottom:5px solid #80c862;
}

.cy-blk .cy-btn-outline:hover {
  color:#304854;
}

.cy-blk .cy-btn-haoshi:hover {
  color:#ffffff;
}

.cy-blk p.cy-text-center {
  text-align:center
}

.cy-blk .cy-max-w-650 {
  margin-bottom: 1.09em
}

.cy-blk .cy-vc {
  align-items:center
}

.cy-blk .cy-stack {
  flex-direction:column
}

.cy-blk {
  color: #304854 ;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif ;
  font-size: 22px ;
  line-height: 1.8 ;
  max-width: 100% ;
  display: block ;
  clear: both ;
  word-break: break-word ;
}

.cy-blk *, .cy-blk *::before, .cy-blk *::after {
  box-sizing: border-box ;
}

.cy-container {
  width: 100% ;
  max-width: 1040px ;
  margin: 0 auto ;
  padding: 0 24px ;
  display: block ;
}

.cy-max-w-650 {
  width: 100% ;
  max-width: 650px ;
  margin-left: auto ;
  margin-right: auto ;
  display: block ;
}

.cy-text-limit {
  max-width: 450px ;
}

.cy-blk h2 {
  font-size: 36px ;
  font-weight: 800 ;
  margin: 0 0 0.8em 0 ;
  color: #304854 ;
  line-height: 1.4 ;
}

.cy-blk h3 {
  font-size: 26px ;
  font-weight: 800 ;
  margin: 0 0 0.6em 0 ;
  color: #304854 ;
  line-height: 1.4 ;
}

.cy-blk .cy-c-yellow, .cy-blk p.cy-c-yellow, .cy-blk span.cy-c-yellow {
  color: #ffbe19 ;
}

.cy-blk .cy-c-dark, .cy-blk p.cy-c-dark, .cy-blk span.cy-c-dark {
  color: #304854 ;
}

.cy-blk .cy-c-teal, .cy-blk p.cy-c-teal, .cy-blk span.cy-c-teal {
  color: #1d6a8c ;
}

.cy-blk .cy-c-green, .cy-blk p.cy-c-green, .cy-blk span.cy-c-green {
  color: #80c862 ;
}

.cy-blk .cy-c-white, .cy-blk p.cy-c-white, .cy-blk span.cy-c-white {
  color: #ffffff ;
}

.cy-nowrap {
  white-space: nowrap ;
}

.cy-bold {
  font-weight: 800 ;
}

.cy-mb-0 {
  margin-bottom: 0 ;
}

.cy-text-center {
  text-align: center ;
}

.cy-en-title {
  font-size: 16px ;
  letter-spacing: 2px ;
  text-transform: uppercase ;
  font-weight: 800 ;
  margin-bottom: 12px ;
  display: block ;
  font-family: Arial, sans-serif ;
}

.cy-section:last-child {
  border-bottom: none ;
}

.cy-flex {
  display: flex ;
  flex-wrap: wrap ;
  gap: 30px ;
  align-items: stretch ;
}

.cy-col-half {
  flex: 1 1 calc(50% - 15px) ; min-width: 320px ;
}

.cy-col-third {
  flex: 1 1 calc(33.333% - 20px) ; min-width: 260px ;
}

.cy-card {
  background: #ffffff ;
  padding: 40px ;
  border-radius: 12px ;
  box-shadow: 0 4px 20px rgba(48, 72, 84, 0.06) ;
  border-top: 6px solid #ffbe19 ;
  height: 100% ;
}

.cy-tag-box {
  background: rgba(48, 72, 84, 0.05) ;
  padding: 30px 35px ;
  border-radius: 12px ;
  font-weight: 800 ;
  color: #1d6a8c ;
  line-height: 2.0 ;
  letter-spacing: 1px ;
}

.cy-tag-gap {
  margin-bottom: 40px ;
}

.cy-quote {
  border-left: 6px solid #1d6a8c ;
  padding: 30px 40px ;
  background: rgba(29, 106, 140, 0.04) ;
  border-radius: 0 12px 12px 0 ;
  font-weight: 800 ;
}

.cy-card-principle {
  background: #ffffff ;
  padding: 40px 30px ;
  border-radius: 12px ;
  box-shadow: 0 4px 20px rgba(48, 72, 84, 0.06) ;
  height: 100% ;
}

.cy-dept-grid {
  display: grid ;
  grid-template-columns: repeat(2, 1fr) ;
  gap: 24px ;
  margin-bottom: 30px ;
}

.cy-dept-row {
  background: #ffffff ;
  margin: 0 ;
  padding: 35px 40px ;
  border-radius: 12px ;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04) ;
  border-left: 6px solid #304854 ;
  transition: transform 0.2s ease ;
}

.cy-dept-row:hover {
  transform: translateX(4px) ;
}

.cy-card-brand {
  padding: 45px 35px ;
  border-radius: 12px ;
  display: flex ;
  flex-direction: column ;
  justify-content: space-between ;
  height: 100% ;
}

.cy-btn-outline, .cy-btn-haoshi {
  display: inline-block ;
  padding: 14px 35px ;
  border-radius: 50px ;
  font-weight: 800 ;
  text-decoration: none ;
  margin-top: 35px ;
  width: max-content ;
  transition: all 0.3s ease ;
  font-size: 18px ;
  text-align: center ;
}

.cy-btn-outline {
  border: 2px solid #ffbe19 ; color: #ffbe19 ; background: transparent ;
}

.cy-btn-outline:hover {
  background: #ffbe19 ; color: #304854 ; transform: translateY(-2px) ;
}

.cy-card-haoshi {
  background: #ffffff ;
  border: 3px solid #18B7CD ;
  box-shadow: 0 10px 25px rgba(24, 183, 205, 0.08) ;
}

.cy-card-haoshi .cy-en-title {
  color: #FA9600 ;
}

.cy-card-haoshi p {
  color: #3E7799 ;
}

.cy-btn-haoshi {
  background: #00928A ;
  color: #ffffff ;
  border: 2px solid #00928A ;
}

.cy-btn-haoshi:hover {
  background: #FA9600 ;
  border-color: #FA9600 ;
  color: #ffffff ;
  transform: translateY(-2px) ;
}

@media (max-width: 991px) {
  .cy-flex {
    flex-direction: column ; gap: 30px ;
  }
  .cy-col-half, .cy-col-third {
    min-width: 100% ; flex: 1 1 100% ;
  }
  .cy-dept-grid {
    grid-template-columns: 1fr ; gap: 20px ;
  }
  .cy-text-limit {
    max-width: 100% ;
  }
}

@media (max-width: 767px) {
  .cy-blk {
    font-size: 18px ;
  }
  .cy-blk p {
    font-size: 18px ; line-height: 1.7 ;
  }
  .cy-blk h2 {
    font-size: 26px ;
  }
  .cy-blk h3 {
    font-size: 22px ;
  }
  .cy-max-w-650 {
    max-width: 100% ;
  }
  .cy-card, .cy-card-principle, .cy-card-brand {
    padding: 30px 20px ;
  }
  .cy-tag-box {
    padding: 20px ;
  line-height: 1.7 ;
  letter-spacing: normal ;
  }
  .cy-tag-gap {
    margin-bottom: 25px ;
  }
  .cy-dept-row {
    padding: 25px 20px ;
  }
  .cy-quote {
    padding: 25px 20px ;
  }
  .cy-btn-outline, .cy-btn-haoshi {
    width: 100% ; margin-top: 25px ;
  }
}

.cy-blk .cy-card-dual .cy-card-dual-header {
  padding:16px 32px;
}

.cy-blk .cy-card-dual .cy-card-dual-body {
  padding:20px 32px;
}

.cy-blk .cy-dept-row {
  padding:20px 32px;
}

.cy-blk .cy-card-principle {
  padding:22px 30px;
}

.cy-blk .cy-card-brand {
  padding:28px 32px;
}

.cy-blk .cy-quote {
  padding:28px 40px;
}

/* === 來源：頁內 style（pages_services-onsite） === */
.cy-btn-project-premium {
  display:inline-block ; padding:18px 45px ; border-radius:50px ; background:rgba(29,106,140,0.05) ; color:#1d6a8c ; border:2px solid #1d6a8c ; font-weight:800 ; text-decoration:none ; font-size:18px ; transition:all 0.3s ease ; cursor:pointer ; letter-spacing:1px ;
}

.cy-btn-project-premium:hover {
  background:#304854 ; border-color:#304854 ; color:#ffffff ; transform:translateY(-2px) ; box-shadow:0 6px 20px rgba(48,72,84,0.1) ;
}

@media (max-width:991px) {
  .cy-btn-project-premium {
    width:100% ; text-align:center ; padding:15px 20px ; font-size:18px ;
  }
}

.cy-svc-nav {
  display:none;
}

@media (max-width:767px) {
  .cy-svc-nav {
    display:flex ; flex-wrap:nowrap ; gap:6px ; margin:0 0 22px 0 ;
  }
  .cy-svc-nav .cy-svc-tab {
    flex:1 1 0 ; text-align:center ; white-space:nowrap ; padding:8px 3px ; border:1px solid #cfe0e8 ; border-radius:8px ; background:#f4f9fb ; color:#1d6a8c ; font-size:15px ; font-weight:700 ; text-decoration:none ;
  }
  .cy-svc-nav .is-active {
    background:#80c862 ; color:#ffffff ; border-color:#80c862 ;
  }
}

/* === 來源：頁內 style（pages_services-project） === */
.cy-btn-project-premium {
  display:inline-block ; padding:18px 45px ; border-radius:50px ; background:rgba(29,106,140,0.05) ; color:#1d6a8c ; border:2px solid #1d6a8c ; font-weight:800 ; text-decoration:none ; font-size:18px ; transition:all 0.3s ease ; cursor:pointer ; letter-spacing:1px ;
}

.cy-btn-project-premium:hover {
  background:#304854 ; border-color:#304854 ; color:#ffffff ; transform:translateY(-2px) ; box-shadow:0 6px 20px rgba(48,72,84,0.1) ;
}

@media (max-width:991px) {
  .cy-btn-project-premium {
    width:100% ; text-align:center ; padding:15px 20px ; font-size:18px ;
  }
}

.cy-svc-nav {
  display:none;
}

@media (max-width:767px) {
  .cy-svc-nav {
    display:flex ; flex-wrap:nowrap ; gap:6px ; margin:0 0 22px 0 ;
  }
  .cy-svc-nav .cy-svc-tab {
    flex:1 1 0 ; text-align:center ; white-space:nowrap ; padding:8px 3px ; border:1px solid #cfe0e8 ; border-radius:8px ; background:#f4f9fb ; color:#1d6a8c ; font-size:15px ; font-weight:700 ; text-decoration:none ;
  }
  .cy-svc-nav .is-active {
    background:#80c862 ; color:#ffffff ; border-color:#80c862 ;
  }
}

/* === 來源：頁內 style（pages_services-training） === */
.cy-btn-project-premium {
  display:inline-block ; padding:18px 45px ; border-radius:50px ; background:rgba(29,106,140,0.05) ; color:#1d6a8c ; border:2px solid #1d6a8c ; font-weight:800 ; text-decoration:none ; font-size:18px ; transition:all 0.3s ease ; cursor:pointer ; letter-spacing:1px ;
}

.cy-btn-project-premium:hover {
  background:#304854 ; border-color:#304854 ; color:#ffffff ; transform:translateY(-2px) ; box-shadow:0 6px 20px rgba(48,72,84,0.1) ;
}

@media (max-width:991px) {
  .cy-btn-project-premium {
    width:100% ; text-align:center ; padding:15px 20px ; font-size:18px ;
  }
}

.cy-svc-nav {
  display:none;
}

@media (max-width:767px) {
  .cy-svc-nav {
    display:flex ; flex-wrap:nowrap ; gap:6px ; margin:0 0 22px 0 ;
  }
  .cy-svc-nav .cy-svc-tab {
    flex:1 1 0 ; text-align:center ; white-space:nowrap ; padding:8px 3px ; border:1px solid #cfe0e8 ; border-radius:8px ; background:#f4f9fb ; color:#1d6a8c ; font-size:15px ; font-weight:700 ; text-decoration:none ;
  }
  .cy-svc-nav .is-active {
    background:#80c862 ; color:#ffffff ; border-color:#80c862 ;
  }
}