:root {
  --vm-ink: #008080;        /* 主色：藍綠 */
  --vm-brass: #ff7043;      /* 點綴：橘（裝飾線、圖示） */
  --vm-brass-d: #ff7043;    /* 點綴文字色 */
  --vm-paper: #ffffff;
  --vm-mist: #f2f5f8;
  --vm-text: #008080;
  --vm-muted: rgb(68, 74, 80);
  --vm-line: #e2e7ed;
  --vm-h: 84px;             /* 頂部高度 */
  --vm-h-s: 64px;           /* 捲動後高度 */
  --vm-max: 1240px;
  --vm-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --vm-serif: "Noto Serif TC", "PMingLiU", serif;
  --vm-ease: cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   2. Header 選單
   ========================================================= */
.vm-header, .vm-header *, .vm-tabbar, .vm-tabbar * { box-sizing: border-box; }

/* ---------- Header 外框 ---------- */
.vm-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background: var(--vm-paper);
  background-color: #fff !important;
  font-family: var(--vm-sans);
  color: var(--vm-text);
  transition: transform .35s var(--vm-ease), box-shadow .3s ease;
}
.vm-header.is-scrolled {
  box-shadow: 0 1px 0 var(--vm-line), 0 10px 28px rgba(0, 90, 90, .08);
}
.vm-header.is-hidden { transform: translateY(-100%); }

/* header 改為 fixed 後，固定留出展開時的高度，縮放時內容不會跳動 */
body { padding-top: var(--vm-h); }
html { scroll-padding-top: var(--vm-h-s); scrollbar-gutter: stable; }

.vm-bar {
  max-width: var(--vm-max);
  height: var(--vm-h);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  transition: height .3s var(--vm-ease);
}
.vm-header.is-scrolled .vm-bar { height: var(--vm-h-s); }

.vm-logo { flex: none; display: block; }
.vm-logo img { display: block; height: 52px; width: auto; transition: height .3s var(--vm-ease); }
.vm-header.is-scrolled .vm-logo img { height: 42px; }

.vm-menu, .vm-col ul, .vm-drop-list { list-style: none; margin: 0; padding: 0; }

.vm-link {
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--vm-text);
  background: none;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.vm-chev { width: 12px; height: 12px; flex: none; transition: transform .25s var(--vm-ease); }
.vm-chev path { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.vm-item.is-open > .vm-link .vm-chev { transform: rotate(180deg); }

.vm-header a:focus-visible,
.vm-header button:focus-visible,
.vm-tabbar a:focus-visible,
.vm-tabbar button:focus-visible {
  outline: 2px solid var(--vm-brass);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---------- 右側動作 ---------- */
.vm-actions { flex: none; display: flex; align-items: center; gap: 16px; margin-left: auto; }
.vm-tel {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--vm-ink);
  text-decoration: none;
}
.vm-cta {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--vm-ink);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease;
}
.vm-cta:hover { background: var(--vm-brass-d); color: #fff; }

.vm-burger { display: none; }

/* ---------- 遮罩 ---------- */
.vm-overlay {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: rgba(0, 90, 90, .32);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility 0s linear .3s;
}
.vm-overlay.is-show { opacity: 1; visibility: visible; transition-delay: 0s; }

html.vm-lock, html.vm-lock body { overflow: hidden; }

.vm-tabbar { display: none; }

/* =========================================================
   桌機版（> 1080px）：Mega Menu
   ========================================================= */
@media (min-width: 1081px) {
  .vm-nav { align-self: stretch; margin-left: auto; }
  .vm-actions { margin-left: 8px; }
  .vm-menu { display: flex; height: 100%; }
  .vm-item { display: flex; align-items: center; }
  .vm-item.has-drop { position: relative; }

  .vm-link { position: relative; height: 100%; padding: 0 16px; }
  .vm-link::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 3px;
    background: var(--vm-brass);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s var(--vm-ease);
  }
  .vm-item:hover > .vm-link,
  .vm-item.is-open > .vm-link { color: var(--vm-ink); }
  .vm-item:hover > .vm-link::after,
  .vm-item.is-open > .vm-link::after { transform: scaleX(1); }

  /* Mega 面板：以整條 header 為定位基準 */
  .vm-mega {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--vm-paper);
    border-top: 1px solid var(--vm-line);
    box-shadow: 0 28px 48px rgba(0, 90, 90, .14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .25s ease, transform .3s var(--vm-ease), visibility 0s linear .3s;
  }
  .vm-item.is-open > .vm-mega {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s;
  }
  .vm-mega-inner {
    max-width: var(--vm-max);
    margin: 0 auto;
    padding: 40px 24px 44px;
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 56px;
  }
  .vm-mega-intro { padding-right: 40px; border-right: 1px solid var(--vm-line); }
  .vm-intro-title {
    margin: 0 0 14px;
    font-family: var(--vm-serif);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--vm-ink);
  }
  .vm-intro-text { margin: 0; font-size: 15px; line-height: 1.85; color: var(--vm-muted); }
  .vm-intro-call {
    display: inline-block;
    margin-top: 22px;
    padding-bottom: 3px;
    border-bottom: 2px solid var(--vm-brass);
    font-size: 15px;
    font-weight: 700;
    color: var(--vm-ink);
    text-decoration: none;
  }
  .vm-intro-call:hover { color: var(--vm-brass-d); }

  .vm-mega-cols {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px 40px;
    align-content: start;
  }
  .vm-col.is-wide { grid-column: span 2; }
  .vm-col.is-wide ul { columns: 2; column-gap: 40px; }
  .vm-col-title {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--vm-line);
    font-family: var(--vm-serif);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--vm-ink);
    text-decoration: none;
  }
  .vm-col-title:hover { color: var(--vm-brass-d); }
  .vm-col li { break-inside: avoid; }
  .vm-col li a, .vm-drop-list a {
    display: block;
    padding: 7px 0;
    font-size: 15px;
    color: var(--vm-text);
    text-decoration: none;
    transition: color .2s ease, transform .2s var(--vm-ease);
  }
  .vm-col li a:hover { color: var(--vm-brass-d); transform: translateX(4px); }

  /* 小型下拉 */
  .vm-drop {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 230px;
    padding: 10px 0;
    background: var(--vm-paper);
    border-top: 3px solid var(--vm-brass);
    box-shadow: 0 20px 40px rgba(0, 90, 90, .14);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -8px);
    transition: opacity .25s ease, transform .3s var(--vm-ease), visibility 0s linear .3s;
  }
  .vm-item.is-open > .vm-drop {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition-delay: 0s;
  }
  .vm-drop-list a { padding: 10px 24px; }
  .vm-drop-list a:hover { background: var(--vm-mist); color: var(--vm-ink); }
}

/* 中尺寸桌機：收起電話文字 */
@media (min-width: 1081px) and (max-width: 1260px) {
  .vm-tel { display: none; }
  .vm-link { padding: 0 12px; }
  .vm-link::after { left: 12px; right: 12px; }
  .vm-mega-inner { grid-template-columns: 220px 1fr; gap: 40px; }
}

/* =========================================================
   手機 / 平板（≤ 1080px）：側邊抽屜 + 手風琴
   ========================================================= */
@media (max-width: 1080px) {
  :root { --vm-h: 68px; --vm-h-s: 60px; }
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }

  .vm-bar {                      /* 白底並疊在抽屜上方，漢堡按鈕不會被蓋住 */
    position: relative;
    z-index: 1002;
    padding: 0 16px;
    gap: 12px;
    background-color: #fff;
  }
  .vm-logo img { height: 42px; }
  .vm-header.is-scrolled .vm-logo img { height: 38px; }
  .vm-tel { display: none; }
  .vm-cta { height: 38px; padding: 0 16px; font-size: 14px; }

  .vm-burger {
    position: relative;
    z-index: 1002;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 44px;
    height: 44px;
    padding: 0 11px;
    background: none;
    border: 0;
    cursor: pointer;
  }
  .vm-burger span {
    display: block;
    height: 2px;
    border-radius: 2px;
    background: var(--vm-ink);
    transition: transform .3s var(--vm-ease), opacity .2s ease;
  }
  .vm-header.menu-open .vm-burger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .vm-header.menu-open .vm-burger span:nth-child(2) { opacity: 0; }
  .vm-header.menu-open .vm-burger span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

  .vm-nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
    width: min(420px, 88vw);
    height: 100vh;
    height: 100dvh;
    padding: calc(var(--vm-h) + 4px) 0 calc(40px + env(safe-area-inset-bottom, 0px));
    background: var(--vm-paper);
    box-shadow: -20px 0 40px rgba(0, 90, 90, .12);
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .4s var(--vm-ease), visibility 0s linear .4s;
  }
  .vm-header.menu-open .vm-nav { transform: none; visibility: visible; transition-delay: 0s; }

  .vm-menu { border-top: 1px solid var(--vm-line); }
  .vm-item { border-bottom: 1px solid var(--vm-line); }
  .vm-link {
    width: 100%;
    justify-content: space-between;
    padding: 18px 24px;
    font-size: 17px;
  }
  .vm-item.is-open > .vm-link { color: var(--vm-ink); font-weight: 700; }

  /* 手風琴：grid-rows 0fr → 1fr 平滑展開 */
  .vm-mega, .vm-drop {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s var(--vm-ease);
  }
  .vm-item.is-open > .vm-mega,
  .vm-item.is-open > .vm-drop { grid-template-rows: 1fr; }
  .vm-mega-inner, .vm-drop-list {
    min-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: visibility 0s linear .35s;
  }
  .vm-item.is-open .vm-mega-inner,
  .vm-item.is-open .vm-drop-list { visibility: visible; transition-delay: 0s; }

  .vm-mega-intro { display: none; }
  .vm-mega-cols { padding: 0 24px 18px; background: var(--vm-paper); }
  .vm-col + .vm-col { margin-top: 14px; }
  .vm-col-title {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--vm-brass-d);
    text-decoration: none;
  }
  .vm-col ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .vm-col li a, .vm-drop-list a {
    display: block;
    padding: 9px 0;
    font-size: 15px;
    color: var(--vm-text);
    text-decoration: none;
  }
  .vm-drop-list { padding: 0 24px; }
  .vm-drop-list li:last-child a { padding-bottom: 18px; }

  /* 底部快捷列 */
  .vm-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: calc(64px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    background: var(--vm-paper);
    border-top: 1px solid var(--vm-line);
    font-family: var(--vm-sans);
  }
  .vm-tabbar a, .vm-tabbar button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font: inherit;
    font-size: 12px;
    color: var(--vm-muted);
    background: none;
    border: 0;
    cursor: pointer;
    text-decoration: none;
  }
  .vm-tabbar svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .vm-tabbar .is-primary { color: #fff; background: var(--vm-ink); }
}

@media (max-width: 420px) {
  .vm-cta { display: none; }   /* 小螢幕交給底部列的 LINE 按鈕 */
}

@media (prefers-reduced-motion: reduce) {
  .vm-header, .vm-header *, .vm-overlay { transition: none !important; }
}


/* 文章內頁：標示目前所在的分類 */
.vm-item.is-current > .vm-link { color: var(--vm-ink); font-weight: 700; }
@media (min-width: 1081px) {
  .vm-item.is-current > .vm-link::after { transform: scaleX(1) ;  }
}
.vm-col a[aria-current="page"] { color: var(--vm-brass-d); font-weight: 700; }


/* =========================================================
   3. 首頁：Hero 橫幅
   ========================================================= */
.vm-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(320px, 52vh, 560px);
  background: url("/img/hero-bg.jpg") center / cover no-repeat;
}
.vm-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/front-bg.jpg) no-repeat center / 100% 100%;
}
.vm-hero-inner {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 80px 24px;
}
.vm-hero-title {
  margin: 0;
  font-family: "Noto Serif TC", serif;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.4;
  letter-spacing: .06em;
  color: #fff;
}
.vm-hero-text {
  margin: 16px 0 0;
  max-width: 640px;
  line-height: 1.9;
  color: rgba(255, 255, 255, .85);
}

@media (max-width: 768px) {
  .vm-hero { min-height: 280px; background-position: 70% center; }
  .vm-hero::before { background: url(../img/front-bg.jpg); }
  .vm-hero-inner { padding: 56px 20px; }
}


/* =========================================================
   4. 共用區塊標題（首頁各區塊、文章頁都會用到）
   ========================================================= */
.vm-adv-heading {
  margin: 0 0 14px;
  text-align: center;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .08em;
  color: var(--vm-ink, #17324d);
}
/* 天平圖示 + 左右細線 */
.vm-adv-deco {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 clamp(36px, 5vw, 56px);
  font-size: 20px;
  line-height: 1;
  color: var(--vm-brass, #ff7043);
}
.vm-adv-deco::before,
.vm-adv-deco::after {
  content: "";
  width: 52px;
  height: 1px;
  background: currentColor;
}


/* =========================================================
   5. 首頁：四大優勢
   ========================================================= */
.vm-adv, .vm-adv * { box-sizing: border-box; }

.vm-adv {
  padding: clamp(56px, 8vw, 96px) 0;
  color: var(--vm-text, #24313f);
}
.vm-adv-inner {
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 0 24px;
}

.vm-adv-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}
.vm-adv-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--vm-line, #e2e7ed) ;
  border-radius: 6px;
  overflow: hidden;
}

/* 圖片在上 */
.vm-adv-media {
  position: relative;
  aspect-ratio: 3 / 2;
  background: var(--vm-line, #e2e7ed);
}
.vm-adv-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 編號徽章：壓在圖片底邊正中央 */
.vm-adv-num {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--vm-ink, #17324d);
  border: 3px solid #fff;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

/* 標題在中間（只在逗號處換行） */
.vm-adv-title {
  margin: 44px 20px 14px;
  text-align: center;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04em;
  color: var(--vm-ink, #17324d);
}
.vm-adv-title span { display: inline-block; }

/* 內文在下 */
.vm-adv-text {
  margin: 0;
  padding: 0 24px 28px;
  font-size: 15px;
  line-height: 1.9;
  text-align: justify;
  color: var(--vm-muted, #5e6b78);
}

@media (max-width: 1080px) {
  .vm-adv-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 600px) {
  .vm-adv-inner { padding: 0 16px; }
  .vm-adv-list { grid-template-columns: 1fr; gap: 20px; }
  .vm-adv-title { font-size: 19px; }
}


/* =========================================================
   6. 首頁：免費法律諮詢流程
   ========================================================= */
.vm-flow, .vm-flow * { box-sizing: border-box; }

.vm-flow {
  --flow-gap: 28px;     /* 欄距 */
  --flow-icon: 76px;    /* 圖示圓圈大小 */
  padding: clamp(56px, 8vw, 96px) 0;
  background: var(--vm-paper, #fff);
  font-family: var(--vm-sans, "Noto Sans TC", "Microsoft JhengHei", sans-serif);
  color: var(--vm-text, #24313f);
}
.vm-flow-inner {
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 0 24px;
}
.vm-flow-list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--flow-gap);
}
/* 時間軸橫線：從第一個圓心連到最後一個圓心 */
.vm-flow-list::before {
  content: "";
  position: absolute;
  top: calc(var(--flow-icon) / 2 - 1px);
  left: calc((100% - var(--flow-gap) * 4) / 10);
  right: calc((100% - var(--flow-gap) * 4) / 10);
  height: 2px;
  background: var(--vm-ink, #17324d);
  opacity: .25;
}
.vm-flow-step {
  position: relative;
  text-align: center;
}
.vm-flow-icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: var(--flow-icon);
  height: var(--flow-icon);
  margin: 0 auto 22px;
  border: 2px solid var(--vm-ink, #17324d);
  border-radius: 50%;
  background: var(--vm-paper, #fff);
  font-size: 28px;
  color: var(--vm-ink, #17324d);
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s var(--vm-ease, ease);
}
@media (hover: hover) {
  .vm-flow-step .vm-flow-icon:hover {
    background: var(--vm-brass, #ff7043);
    border-color: var(--vm-brass, #ff7043);
    color: #fff;
  }
}
.vm-flow-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--vm-brass-d, #86622a);
}
.vm-flow-title {
  margin: 0 0 12px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .04em;
  color: var(--vm-ink, #17324d);
}
.vm-flow-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
  color: var(--vm-muted, #5e6b78);
}
.vm-flow-text a {
  font-weight: 700;
  color: var(--vm-ink, #17324d);
  text-decoration: none;
  border-bottom: 1px solid var(--vm-brass, #a9823f);
  white-space: nowrap;
}

/* 平板以下：改為直向時間軸 */
@media (max-width: 860px) {
  .vm-flow { --flow-icon: 68px; }
  .vm-flow-list { grid-template-columns: 1fr; gap: 0; }
  .vm-flow-list::before { display: none; }
  .vm-flow-step {
    max-width: 480px;
    margin: 0 auto;
    padding-bottom: 56px;
  }
  .vm-flow-step:last-child { padding-bottom: 0; }
  .vm-flow-step:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 2px;
    height: 34px;
    background: var(--vm-ink, #17324d);
    opacity: .25;
    transform: translateX(-50%);
  }
  .vm-flow-icon { margin-bottom: 18px; font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .vm-flow-icon { transition: none; }
}


/* =========================================================
   7. 首頁：服務項目（照片卡片，整張可點擊）
   ========================================================= */
.vm-tp, .vm-tp * { box-sizing: border-box; }

.vm-tp {
  padding: clamp(56px, 8vw, 96px) 0;
  font-family: var(--vm-sans, "Noto Sans TC", "Microsoft JhengHei", sans-serif);
  color: var(--vm-text, #24313f);
}
.vm-tp-inner {
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 0 24px;
}
.vm-tp-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}
.vm-tp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--vm-paper, #fff);
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--vm-ease, ease);
}
.vm-tp-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--vm-line, #e2e7ed);
}
.vm-tp-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s var(--vm-ease, ease);
}
.vm-tp-tag {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 4px 12px;
  border-radius: 4px;
  background: var(--vm-ink, #17324d);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
}
.vm-tp-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 22px 24px 24px;
}
.vm-tp-title {
  margin: 0 0 10px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.4;
}
.vm-tp-title a {
  color: var(--vm-ink, #17324d);
  text-decoration: none;
}
.vm-tp-title a::after {       /* 標題連結延伸成整張卡片的點擊範圍 */
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.vm-tp-text {
  flex: 1;
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.85;
  color: var(--vm-muted, #5e6b78);
}
.vm-tp-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--vm-brass-d, #bf360c);
}
.vm-tp-more i { font-size: 13px; transition: transform .25s var(--vm-ease, ease); }

@media (hover: hover) {
  .vm-tp-card:hover {
    border-color: var(--vm-ink, #17324d);
    box-shadow: 0 18px 36px rgba(0, 90, 90, .12);
    transform: translateY(-4px);
  }
  .vm-tp-card:hover .vm-tp-media img { transform: scale(1.06); }
  .vm-tp-card:hover .vm-tp-more i { transform: translateX(5px); }
}
.vm-tp-card:focus-within {
  outline: 2px solid var(--vm-brass, #ff7043);
  outline-offset: 3px;
}
.vm-tp-title a:focus-visible { outline: none; }

@media (max-width: 1080px) {
  .vm-tp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 600px) {
  .vm-tp-inner { padding: 0 16px; }
  .vm-tp-list { grid-template-columns: 1fr; gap: 14px; }
  .vm-tp-card { flex-direction: row; }
  .vm-tp-media { flex: none; width: 34%; aspect-ratio: auto; }
  .vm-tp-tag { display: none; }
  .vm-tp-body { padding: 14px 16px; }
  .vm-tp-title { margin-bottom: 6px; font-size: 18px; }
  .vm-tp-text { margin-bottom: 8px; font-size: 14px; line-height: 1.7; }
  .vm-tp-more { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .vm-tp-card, .vm-tp-media img, .vm-tp-more i { transition: none; }
}


/* =========================================================
   8. 首頁：常用法律諮詢單位（桌機表格、手機卡片）
   ========================================================= */
.vm-ct, .vm-ct * { box-sizing: border-box; }

.vm-ct {
  padding: clamp(56px, 8vw, 96px) 0;
  background: var(--vm-paper, #fff);
  font-family: var(--vm-sans, "Noto Sans TC", "Microsoft JhengHei", sans-serif);
  color: var(--vm-text, #24313f);
}
.vm-ct-inner {
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 0 24px;
}
.vm-ct-wrap {
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 10px;
  overflow: hidden;
}
.vm-ct-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.vm-ct-table th {
  padding: 16px 24px;
  background: var(--vm-ink, #17324d);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: left;
}
.vm-ct-table th:first-child { width: 32%; }
.vm-ct-table th:nth-child(2) { width: 26%; }
.vm-ct-table td {
  padding: 22px 24px;
  vertical-align: top;
  border-top: 1px solid var(--vm-line, #e2e7ed);
}
.vm-ct-table tbody tr { transition: background-color .2s ease; }
.vm-ct-table tbody tr:nth-child(even) { background: var(--vm-mist, #f2f5f8); }
@media (hover: hover) {
  .vm-ct-table tbody tr:hover { background: #fff4ef; }
}

.vm-ct-catin { display: flex; align-items: flex-start; gap: 14px; }
.vm-ct-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 46px;
  height: 40px;
  background: var(--vm-ink, #17324d);
  color: #fff;
  font-size: 17px;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}
.vm-ct-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
.vm-ct-tags li {
  padding: 3px 12px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 999px;
  background: var(--vm-paper, #fff);
  font-size: 14px;
  color: var(--vm-ink, #17324d);
}
.vm-ct-org {
  padding-top: 28px !important;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.7;
  color: var(--vm-ink, #17324d);
}
.vm-ct-tel { margin: 0; padding: 0; list-style: none; }
.vm-ct-tel li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding: 5px 0;
}
.vm-ct-tel span {
  min-width: 9.5em;
  font-size: 14px;
  color: var(--vm-muted, #5e6b78);
}
.vm-ct-tel a {
  font-size: 16px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: .03em;
  color: var(--vm-ink, #17324d);
  text-decoration: none;
  white-space: nowrap;
}
.vm-ct-tel a:hover { color: var(--vm-brass-d, #bf360c); text-decoration: underline; }
.vm-ct-tel em {
  padding: 1px 8px;
  border-radius: 4px;
  background: var(--vm-brass, #ff7043);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}
.vm-ct-note {
  margin: 6px 0 0;
  font-size: 14px;
  color: var(--vm-muted, #5e6b78);
}
.vm-ct-note a, .vm-ct-foot a {
  font-weight: 700;
  color: var(--vm-ink, #17324d);
  text-decoration: none;
  border-bottom: 1px solid var(--vm-brass, #ff7043);
}
.vm-ct-foot {
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--vm-muted, #5e6b78);
}
.vm-ct a:focus-visible {
  outline: 2px solid var(--vm-brass, #ff7043);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (max-width: 760px) {
  .vm-ct-inner { padding: 0 16px; }
  .vm-ct-wrap { border: 0; border-radius: 0; overflow: visible; }
  .vm-ct-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
  .vm-ct-table, .vm-ct-table tbody, .vm-ct-table tr, .vm-ct-table td { display: block; }
  .vm-ct-table tbody tr,
  .vm-ct-table tbody tr:nth-child(even) {
    margin-bottom: 16px;
    border: 1px solid var(--vm-line, #e2e7ed);
    border-radius: 10px;
    background: var(--vm-paper, #fff);
    overflow: hidden;
  }
  .vm-ct-table td { padding: 14px 18px; border-top: 0; }
  .vm-ct-table td + td { border-top: 1px dashed var(--vm-line, #e2e7ed); }
  .vm-ct-cat { background: var(--vm-mist, #f2f5f8); }
  .vm-ct-org { padding-top: 14px !important; font-size: 16px; }
  .vm-ct-table td[data-label]::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    font-family: var(--vm-sans, sans-serif);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--vm-brass-d, #bf360c);
  }
  .vm-ct-tel span { min-width: 8.5em; }
}


/* =========================================================
   9. 首頁：常見問答 Q&A
   ========================================================= */
.vm-faq, .vm-faq * { box-sizing: border-box; }

.vm-faq {
  position: relative;
  overflow: hidden;              /* 右側圖示超出螢幕的部分裁掉 */
  padding: clamp(56px, 8vw, 104px) 0;
  background: var(--vm-mist, #f2f5f8);
  font-family: var(--vm-sans, "Noto Sans TC", "Microsoft JhengHei", sans-serif);
  color: var(--vm-text, #24313f);
}
.vm-faq-inner {
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 72px;
  align-items: start;
}

/* 標題靠左 */
.vm-faq .vm-adv-heading { text-align: left; }
.vm-faq .vm-adv-deco { justify-content: flex-start; }
.vm-faq .vm-adv-deco::before { display: none; }
.vm-faq .vm-adv-deco::after { width: 80px; }
.vm-faq-qa { color: var(--vm-brass, #ff7043); }

/* 問答卡片 */
.vm-faq-list { overflow-anchor: none; }   /* 避免瀏覽器自動捲動修正和 JS 互搶 */
.vm-faq-item {
  background: var(--vm-paper, #fff);
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 8px;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.vm-faq-item + .vm-faq-item { margin-top: 14px; }
.vm-faq-item.is-open {
  border-color: var(--vm-ink, #17324d);
  box-shadow: 0 14px 30px rgba(0, 90, 90, .08);
}
.vm-faq-h { margin: 0; font-size: inherit; font-weight: inherit; }
.vm-faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 20px;
  font: inherit;
  text-align: left;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}
.vm-faq-q:focus-visible {
  outline: 2px solid var(--vm-brass, #ff7043);
  outline-offset: -2px;
  border-radius: 8px;
}

/* Q 正方形、A 菱形 */
.vm-faq-tag {
  flex: none;
  display: grid;
  place-items: center;
  width: 52px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #fff;
}
.vm-faq-tag.is-q {
  height: 46px;
  background: var(--vm-muted, #17324d);
}
.vm-faq-tag.is-a {
  height: 52px;
  font-size: 14px;
  background: var(--vm-brass-d, #bf360c);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.vm-faq-qtext {
  flex: 1;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--vm-ink, #17324d);
}

/* + / − 開關 */
.vm-faq-toggle {
  flex: none;
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 50%;
  transition: background-color .25s ease, border-color .25s ease;
}
.vm-faq-toggle::before,
.vm-faq-toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: var(--vm-ink, #17324d);
  transform: translate(-50%, -50%);
  transition: transform .3s var(--vm-ease, ease), background-color .25s ease;
}
.vm-faq-toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.vm-faq-q:hover .vm-faq-toggle { border-color: var(--vm-ink, #17324d); }
.vm-faq-item.is-open .vm-faq-toggle {
  background: var(--vm-ink, #17324d);
  border-color: var(--vm-ink, #17324d);
}
.vm-faq-item.is-open .vm-faq-toggle::before,
.vm-faq-item.is-open .vm-faq-toggle::after { background: #fff; }
.vm-faq-item.is-open .vm-faq-toggle::after { transform: translate(-50%, -50%) rotate(90deg) scaleX(0); }

/* 開合：高度由 vw-faq.js 控制 */
.vm-faq-panel {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: height .35s var(--vm-ease, ease), visibility 0s linear .35s;
}
.vm-faq-item.is-open .vm-faq-panel {
  height: auto;
  visibility: visible;
  transition: height .35s var(--vm-ease, ease), visibility 0s;
}
.vm-faq-a {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 0 20px;
}
.vm-faq-a .vm-faq-tag { margin: 4px 0 20px; }
.vm-faq-a p {
  flex: 1;
  margin: 0;
  padding: 16px 0 22px;
  border-top: 1px dashed var(--vm-line, #e2e7ed);
  font-size: 15px;
  line-height: 1.9;
  text-align: justify;
  color: var(--vm-muted, #5e6b78);
}

/* 右側照片＋法律圖示（可超出 1240px） */
.vm-faq-side {
  position: relative;
  align-self: stretch;
  min-height: 560px;
}
.vm-faq-art {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 600px;
  transform-origin: top left;
}
.vm-faq-ring {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 560px;
  height: 560px;
  border: 1px dashed var(--vm-brass, #ff7043);
  border-radius: 50%;
}
.vm-faq-disc {
  position: absolute;
  top: 80px;
  left: 80px;
  width: 440px;
  height: 440px;
  border: 10px solid var(--vm-paper, #fff);
  border-radius: 50%;
  overflow: hidden;
  background: var(--vm-line, #e2e7ed);
  box-shadow: 0 30px 60px rgba(0, 90, 90, .16);
}
.vm-faq-disc img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 40% 50%;
  animation: vm-faq-zoom 18s ease-in-out infinite alternate;
}
.vm-faq-badge {
  position: absolute;
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  font-size: 36px;
  color: #fff;
  animation: vm-faq-float 6s ease-in-out infinite;
}
.vm-faq-badge.is-circle {
  border-radius: 50%;
  background: var(--vm-ink, #17324d);
}
.vm-faq-badge.is-hex {
  width: 104px;
  height: 92px;
  background: var(--vm-brass, #ff7043);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}
.vm-faq-badge.is-diamond {
  width: 78px;
  height: 78px;
  border: 2px solid var(--vm-ink, #17324d);
  background: var(--vm-paper, #fff);
  color: var(--vm-ink, #17324d);
  font-size: 30px;
  transform: rotate(45deg);
}
.vm-faq-badge.is-diamond i { transform: rotate(-45deg); }
.vm-faq-badge.b1 { top: 54px;  left: 54px; }
.vm-faq-badge.b2 { top: 350px; left: -10px; animation-delay: -2s; }
.vm-faq-badge.b3 { top: 520px; left: 170px; animation-delay: -4s; }

.vm-faq-shape { position: absolute; }
.vm-faq-shape.s1 {
  top: 34px;
  left: 430px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--vm-brass, #ff7043);
  transform: rotate(45deg);
}
.vm-faq-shape.s2 {
  top: 230px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--vm-brass, #ff7043);
}

@keyframes vm-faq-float { 50% { translate: 0 -10px; } }
@keyframes vm-faq-zoom  { from { scale: 1; } to { scale: 1.08; } }

@media (max-width: 1080px) {
  .vm-faq-inner { grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; }
  .vm-faq-art { transform: scale(.78); }
  .vm-faq-side { min-height: 470px; }
}
@media (max-width: 860px) {
  .vm-faq-inner { grid-template-columns: 1fr; }
  .vm-faq-side { display: none; }
}
@media (max-width: 600px) {
  .vm-faq-inner { padding: 0 16px; }
  .vm-faq-q { gap: 12px; padding: 14px; }
  .vm-faq-a { gap: 12px; padding: 0 14px; }
  .vm-faq-tag { width: 44px; font-size: 14px; }
  .vm-faq-tag.is-q { height: 40px; }
  .vm-faq-tag.is-a { height: 44px; font-size: 13px; }
  .vm-faq-qtext { font-size: 16px; }
  .vm-faq-toggle { width: 28px; height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .vm-faq-badge, .vm-faq-disc img { animation: none; }
  .vm-faq-panel, .vm-faq-item, .vm-faq-toggle,
  .vm-faq-toggle::before, .vm-faq-toggle::after { transition: none; }
}

/* =========================================================
   10–11. 文章內頁與文章元件
   ========================================================= */
.vm-art-page, .vm-art-page * { box-sizing: border-box; }

.vm-art-page {
  --vm-body: #2f363c;          /* 文章內文用深灰，長篇閱讀比主色更舒服 */
  background: var(--vm-paper, #fff);
  font-family: var(--vm-sans, "Noto Sans TC", "Microsoft JhengHei", sans-serif);
  color: var(--vm-body);
}

/* ---------- 閱讀進度條 ---------- */
.vm-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  height: 3px;
  pointer-events: none;
}
.vm-progress span {
  display: block;
  height: 100%;
  background: var(--vm-brass, #ff7043);
  transform: scaleX(0);
  transform-origin: left center;
}

/* ---------- 文章標頭 ---------- */
.vm-art-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(110px, 5vw, 64px) 0 clamp(40px, 5vw, 64px);
  background: var(--vm-mist, #f2f5f8);
}
.vm-art-hero-inner {
  position: relative;
  z-index: 1;
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 0 24px;
}
.vm-art-hero-deco {
  position: absolute;
  right: -90px;
  bottom: -90px;
  font-size: 340px;
  color: var(--vm-ink, #008080);
  opacity: .06;
}

.vm-crumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: var(--vm-muted, #5e6b78);
}
.vm-crumb li + li::before { content: "/"; margin-right: 4px; opacity: .5; }
.vm-crumb a { color: var(--vm-muted, #5e6b78); text-decoration: none; }
.vm-crumb a:hover { color: var(--vm-ink, #008080); }

.vm-art-cat {
  display: inline-block;
  margin-bottom: 14px;
  padding: 4px 12px;
  border-radius: 4px;
  background: var(--vm-ink, #008080);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
}
.vm-art-title {
  max-width: 22em;
  margin: 0 0 16px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .04em;
  text-wrap: balance;                          /* 標題換行時兩行長度較平均 */
  color: var(--vm-ink, #008080);
}
.vm-art-sub {
  max-width: 44em;
  margin: 0 0 22px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--vm-muted, #5e6b78);
}
.vm-art-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: var(--vm-muted, #5e6b78);
}
.vm-art-meta i { margin-right: 6px; color: var(--vm-brass, #ff7043); }

/* ---------- 主版面：文章 + 側欄 ---------- */
.vm-art-layout {
  max-width: var(--vm-max, 1240px);
  margin: 0 auto;
  padding: 48px 24px 88px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 64px;
  align-items: start;
}

.vm-art-cover {
  margin: 0 0 40px;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: var(--vm-line, #e2e7ed);
}
.vm-art-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }

.vm-art-body { max-width: 780px; }
.vm-art-body > p,
.vm-sec > p,
.vm-steps p {
  margin: 0 0 1.2em;
  font-size: 17px;
  line-height: 2;
  text-align: justify;
  color: var(--vm-body);
}
.vm-lead {
  padding-left: 20px;
  border-left: 3px solid var(--vm-brass, #ff7043);
  font-size: 18px !important;
}
.vm-art-body a:not(.vm-btn) {
  color: var(--vm-ink, #008080);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid var(--vm-brass, #ff7043);
}
.vm-art-body a:not(.vm-btn):hover { color: var(--vm-brass-d, #bf360c); }
.vm-art-body strong { color: var(--vm-ink, #008080); }

/* H2：六角形編號，延續首頁的幾何語言 */
.vm-sec h2 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 64px 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--vm-line, #e2e7ed);
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .03em;
  color: var(--vm-ink, #008080);
}
.vm-h2-num {
  flex: none;
  display: grid;
  place-items: center;
  width: 50px;
  height: 44px;
  margin-top: -2px;
  background: var(--vm-ink, #008080);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  font-family: var(--vm-sans, sans-serif);
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

/* H3：左側橘色短條 */
.vm-sec h3 {
  margin: 44px 0 16px;
  padding-left: 16px;
  border-left: 4px solid var(--vm-brass, #ff7043);
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--vm-ink, #008080);
}

/* ---------- 法條引用 ---------- */
.vm-law {
  margin: 20px 0 26px;
  padding: 20px 24px;
  border-left: 4px solid var(--vm-ink, #008080);
  border-radius: 0 8px 8px 0;
  background: var(--vm-mist, #f2f5f8);
}
.vm-law-src {
  margin: 0 0 10px !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--vm-ink, #008080) !important;
}
.vm-law-src i { margin-right: 8px; color: var(--vm-brass, #ff7043); }
.vm-law p {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.9;
  color: var(--vm-body);
}
.vm-law p:last-child { margin-bottom: 0; }
.vm-law ol {
  margin: 0;
  padding-left: 2.8em;
  list-style-type: cjk-ideographic;   /* 一、二、三、 */
}
.vm-law li {
  padding: 2px 0;
  font-size: 16px;
  line-height: 1.9;
  color: var(--vm-body);
}
.vm-law li::marker { color: var(--vm-ink, #008080); font-weight: 700; }

/* ---------- 重點數字 ---------- */
.vm-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 8px 0 26px;
  padding: 0;
  list-style: none;
}
.vm-facts li {
  padding: 18px 12px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 8px;
  background: var(--vm-paper, #fff);
  text-align: center;
}
.vm-facts strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 34px;
  line-height: 1.2;
  color: var(--vm-ink, #008080);
}
.vm-facts small { margin-left: 2px; font-family: var(--vm-sans, sans-serif); font-size: 15px; }
.vm-facts span { font-size: 14px; line-height: 1.6; color: var(--vm-muted, #5e6b78); }
.vm-facts.is-inline { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 14px 0 0; }

/* ---------- 提醒框 ---------- */
.vm-note {
  margin: 8px 0 28px;
  padding: 20px 24px;
  border: 1px solid #ffd6c7;
  border-radius: 8px;
  background: #fff6f2;
}
.vm-note-title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--vm-brass-d, #bf360c);
}
.vm-note-title i { margin-right: 8px; }
.vm-note > p:not(.vm-note-title) {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  text-align: justify;
  color: var(--vm-body);
}
.vm-note.is-key { border-color: #cce5e5; background: #eef7f7; }
.vm-note.is-key .vm-note-title { color: var(--vm-ink, #008080); }

/* ---------- 權利事項 vs 調整事項 ---------- */
.vm-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 28px 0 12px;
}
.vm-compare-card {
  padding: 24px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-top: 4px solid var(--vm-ink, #008080);
  border-radius: 10px;
  background: var(--vm-paper, #fff);
}
.vm-compare-card.is-alt { border-top-color: var(--vm-brass, #ff7043); }
.vm-compare-card p { margin: 0; font-size: 15px; line-height: 1.85; color: var(--vm-body); }
.vm-compare-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px !important;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 21px !important;
  font-weight: 700;
  color: var(--vm-ink, #008080) !important;
}
.vm-compare-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--vm-ink, #008080);
  color: #fff;
  font-size: 18px;
}
.is-alt .vm-compare-icon { background: var(--vm-brass, #ff7043); }
.vm-compare-label {
  margin: 16px 0 6px !important;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--vm-brass-d, #bf360c) !important;
}
.vm-compare-card ul { margin: 0; padding: 0; list-style: none; }
.vm-compare-card li {
  position: relative;
  padding: 3px 0 3px 18px;
  font-size: 15px;
  line-height: 1.7;
  color: var(--vm-body);
}
.vm-compare-card li::before {           /* 小菱形項目符號 */
  content: "";
  position: absolute;
  left: 2px;
  top: .8em;
  width: 6px;
  height: 6px;
  background: var(--vm-ink, #008080);
  transform: rotate(45deg);
}
.vm-compare-way { font-weight: 700; color: var(--vm-ink, #008080) !important; }

/* ---------- 處理步驟（時間軸） ---------- */
.vm-steps { margin: 28px 0 8px; padding: 0; list-style: none; }
.vm-steps > li {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 20px;
  padding-bottom: 28px;
}
.vm-steps > li:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 62px;
  bottom: 6px;
  width: 2px;
  background: var(--vm-ink, #008080);
  opacity: .25;
}
.vm-step-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 2px solid var(--vm-ink, #008080);
  border-radius: 50%;
  background: var(--vm-paper, #fff);
  font-size: 22px;
  color: var(--vm-ink, #008080);
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s var(--vm-ease, ease);
}
@media (hover: hover) {
  .vm-steps .vm-step-icon:hover {
    background: var(--vm-brass, #ff7043);
    border-color: var(--vm-brass, #ff7043);
    color: #fff;
    transform: scale(1.08);
  }
}
.vm-steps .vm-step-label {
  margin: 4px 0 2px !important;
  font-size: 13px !important;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--vm-brass-d, #bf360c) !important;
}
.vm-sec .vm-steps h3 {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  font-size: 20px;
}

/* ---------- 文末諮詢 ---------- */
.vm-art-cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 56px 0 18px;
  padding: 32px 36px;
  border-radius: 12px;
  background: var(--vm-ink, #008080);
  color: #fff;
}
.vm-art-cta::after {                   /* 右側淡淡的六角形裝飾 */
  content: "";
  position: absolute;
  right: -60px;
  top: -50px;
  width: 220px;
  height: 194px;
  background: rgba(255, 255, 255, .08);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}
.vm-art-cta-text { position: relative; z-index: 1; }
.vm-art-cta-title {
  margin: 0 0 8px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.vm-art-cta-text p:not(.vm-art-cta-title) { margin: 0; font-size: 15px; line-height: 1.85; opacity: .92; }
.vm-art-cta-actions { position: relative; z-index: 1; flex: none; display: flex; flex-direction: column; gap: 10px; }

.vm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 24px;
  border: 2px solid var(--vm-ink, #008080);
  border-radius: 999px;
  background: var(--vm-ink, #008080);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.vm-btn:hover { background: var(--vm-brass-d, #bf360c); border-color: var(--vm-brass-d, #bf360c); color: #fff; }
.vm-btn.is-light { background: #fff; border-color: #fff; color: var(--vm-ink, #008080); }
.vm-btn.is-light:hover { background: var(--vm-brass, #ff7043); border-color: var(--vm-brass, #ff7043); color: #fff; }
.vm-btn.is-line { background: transparent; border-color: #fff; color: #fff; }
.vm-btn.is-line:hover { background: #fff; color: var(--vm-ink, #008080); }

.vm-art-disclaimer {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: var(--vm-muted, #5e6b78) !important;
}

/* ---------- 側欄 ---------- */
.vm-art-side { align-self: stretch; }        /* 撐滿文章高度，sticky 才能一路跟著捲動 */
.vm-art-side-inner {
  position: sticky;
  top: calc(var(--vm-h-s, 64px) + 24px);
}
.vm-toc {
  padding: 22px 22px 14px;
  border: 1px solid var(--vm-line, #e2e7ed) !important;
  border-radius: 10px;
  background: var(--vm-paper, #fff);
}
.vm-toc-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--vm-ink, #008080);
}
.vm-toc-title i { margin-right: 8px; color: var(--vm-brass, #ff7043); }
.vm-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.vm-toc li { counter-increment: toc; }
.vm-toc a {
  display: grid;
  grid-template-columns: 26px 1fr;
  padding: 10px 0 10px 12px;
  border-left: 2px solid var(--vm-line, #e2e7ed);
  font-size: 14px;
  line-height: 1.65;
  color: var(--vm-muted, #5e6b78);
  text-decoration: none;
  transition: color .2s ease, border-color .2s ease;
}
.vm-toc a::before {
  content: counter(toc, decimal-leading-zero);
  font-weight: 700;
  color: var(--vm-brass, #ff7043);
}
.vm-toc a:hover { color: var(--vm-ink, #008080); }
.vm-toc a.is-active {
  border-left-color: var(--vm-brass, #ff7043);
  color: var(--vm-ink, #008080);
  font-weight: 700;
}

.vm-side-card {
  margin-top: 20px;
  padding: 26px 22px;
  border-radius: 10px;
  background: var(--vm-mist, #f2f5f8);
  text-align: center;
}
.vm-side-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 50px;
  margin: 0 auto 12px;
  background: var(--vm-ink, #008080);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  font-size: 20px;
  color: #fff;
}
.vm-side-title {
  margin: 0 0 4px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 19px;
  font-weight: 700;
  color: var(--vm-ink, #008080);
}
.vm-side-text { margin: 0 0 16px; font-size: 14px; color: var(--vm-muted, #5e6b78); }
.vm-side-card .vm-btn { width: 100%; }


/* ---------- 分類導覽（企業智財） ---------- */
.vm-catnav {
  margin-bottom: 20px;
  border: 1px solid var(--vm-line, #e2e7ed) !important;
  border-radius: 10px;
  background: var(--vm-paper, #fff);
  overflow: hidden;
}
.vm-catnav-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 20px;
  background: var(--vm-ink, #008080);
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #fff;
}
.vm-catnav-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 30px;
  background: #fff;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  font-size: 14px;
  color: var(--vm-ink, #008080);
}
.vm-catnav-group { padding: 16px 20px 14px; }
.vm-catnav-group + .vm-catnav-group { border-top: 1px dashed var(--vm-line, #e2e7ed); }
.vm-catnav-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--vm-brass-d, #bf360c);
}
.vm-catnav-label::before {               /* 小菱形，對應首頁的幾何符號 */
  content: "";
  width: 7px;
  height: 7px;
  background: var(--vm-brass, #ff7043);
  transform: rotate(45deg);
}
.vm-catnav ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-catnav a {
  display: block;
  padding: 7px 10px;
  border-left: 3px solid transparent;
  border-radius: 0 4px 4px 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--vm-body);
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
.vm-catnav a:hover { background: var(--vm-mist, #f2f5f8); color: var(--vm-ink, #008080); }
.vm-catnav a.is-current {
  border-left-color: var(--vm-brass, #ff7043);
  background: #eef7f7;
  font-weight: 700;
  color: var(--vm-ink, #008080);
}
.vm-catnav a:focus-visible { outline: 2px solid var(--vm-brass, #ff7043); outline-offset: 1px; }

/* ---------- 延伸閱讀 ---------- */
.vm-related { padding: 64px 0 88px; background: var(--vm-mist, #f2f5f8); }
.vm-related-inner { max-width: var(--vm-max, 1240px); margin: 0 auto; padding: 0 24px; }
.vm-related-heading {
  margin: 0 0 32px;
  text-align: center;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--vm-ink, #008080);
}
.vm-related-heading::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  margin: 14px auto 0;
  background: var(--vm-brass, #ff7043);
}
.vm-related-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-related-card {
  position: relative;
  display: flex;
  gap: 16px;
  padding: 22px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 10px;
  background: var(--vm-paper, #fff);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--vm-ease, ease);
}
.vm-related-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 48px;
  height: 42px;
  background: var(--vm-brass, #ff7043);
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  font-size: 17px;
  color: #fff;
}
.vm-related-cat { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .1em; color: var(--vm-brass-d, #bf360c); }
.vm-related-card h3 {
  margin: 2px 0 6px;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 19px;
  font-weight: 700;
}
.vm-related-card h3 a { color: var(--vm-ink, #008080); text-decoration: none; }
.vm-related-card h3 a::after { content: ""; position: absolute; inset: 0; }
.vm-related-card p:last-child { margin: 0; font-size: 14px; line-height: 1.8; color: var(--vm-muted, #5e6b78); }
@media (hover: hover) {
  .vm-related-card:hover {
    border-color: var(--vm-ink, #008080);
    box-shadow: 0 14px 30px rgba(0, 90, 90, .1);
    transform: translateY(-3px);
  }
}
.vm-related-card:focus-within { outline: 2px solid var(--vm-brass, #ff7043); outline-offset: 3px; }
.vm-related-card h3 a:focus-visible { outline: none; }


/* =========================================================
   文章元件（第二批）：表格、判決摘要、時間軸、迷思卡、清單
   ========================================================= */

/* ---------- 表格 ---------- */
.vm-table-wrap {
  margin: 8px 0 28px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 10px;
  overflow: hidden;
}
.vm-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.vm-table thead th {
  padding: 14px 20px;
  background: var(--vm-ink, #008080);
  color: #fff;
  font-weight: 700;
  letter-spacing: .08em;
  text-align: left;
}
.vm-table thead th i { margin-right: 8px; }
.vm-table tbody th,
.vm-table tbody td {
  padding: 14px 20px;
  border-top: 1px solid var(--vm-line, #e2e7ed);
  line-height: 1.8;
  text-align: left;
  vertical-align: top;
}
.vm-table tbody th {
  width: 32%;
  font-weight: 700;
  color: var(--vm-ink, #008080);
  background: var(--vm-mist, #f2f5f8);
}
.vm-table tbody td { color: var(--vm-body); }
.vm-table.is-myth tbody th i { margin-right: 8px; color: var(--vm-brass-d, #bf360c); }
.vm-table.is-vs tbody th { width: 22%; }
.vm-table.is-vs tbody td { width: 39%; }
.vm-table.is-vs thead th:nth-child(3) { background: var(--vm-brass-d, #bf360c); }

/* ---------- 判決摘要 ---------- */
.vm-verdict {
  margin: 12px 0 28px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 12px;
  overflow: hidden;
}
.vm-verdict-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--vm-ink, #008080);
  color: #fff;
}
.vm-verdict-icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 52px;
  height: 46px;
  background: #fff;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  font-size: 20px;
  color: var(--vm-ink, #008080);
}
.vm-verdict-case { margin: 0 0 2px; font-size: 14px; letter-spacing: .06em; opacity: .9; }
.vm-verdict-sum {
  margin: 0;
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 22px;
  font-weight: 700;
}
.vm-verdict-sum strong { white-space: nowrap; color: #fff; border-bottom: 3px solid var(--vm-brass, #ff7043); }
.vm-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.vm-points li {
  position: relative;
  padding: 20px 24px 20px 64px;
  border-top: 1px solid var(--vm-line, #e2e7ed);
}
.vm-points li:nth-child(odd) { border-right: 1px solid var(--vm-line, #e2e7ed); }
.vm-points i {
  position: absolute;
  left: 24px;
  top: 22px;
  width: 26px;
  text-align: center;
  font-size: 18px;
  color: var(--vm-brass, #ff7043);
}
.vm-points p { margin: 0; font-size: 15px; line-height: 1.8; color: var(--vm-body); }
.vm-points .vm-point-title {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--vm-ink, #008080);
}

/* ---------- 案件時間軸 ---------- */
.vm-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 8px 0 24px;
  padding: 0;
  list-style: none;
}
.vm-timeline::before {                    /* 橫向軸線 */
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 9px;
  height: 2px;
  background: var(--vm-ink, #008080);
  opacity: .25;
}
.vm-timeline li { position: relative; text-align: center; }
.vm-timeline li::before {                 /* 菱形節點 */
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: 2px auto 14px;
  border: 2px solid var(--vm-ink, #008080);
  background: var(--vm-paper, #fff);
  transform: rotate(45deg);
}
.vm-timeline li.is-end::before { background: var(--vm-brass, #ff7043); border-color: var(--vm-brass, #ff7043); }
.vm-tl-date {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--vm-ink, #008080);
}
.vm-tl-text { display: block; font-size: 14px; line-height: 1.6; color: var(--vm-body); }

/* ---------- 迷思卡 ---------- */
.vm-myths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 12px 0 28px;
}
.vm-myth {
  padding: 22px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 10px;
  background: var(--vm-paper, #fff);
}
.vm-myth p { margin: 0 0 10px; font-size: 15px; line-height: 1.85; color: var(--vm-body); }
.vm-myth p:last-child { margin-bottom: 0; }
.vm-myth .vm-myth-q {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--vm-line, #e2e7ed);
  font-family: var(--vm-serif, "Noto Serif TC", serif);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--vm-ink, #008080);
}
.vm-myth-tag {
  display: table;                         /* 標籤獨立一行，標題換行較整齊 */
  margin-bottom: 8px;
  padding: 2px 10px;
  border-radius: 4px;
  background: var(--vm-brass-d, #bf360c);
  color: #fff;
  font-family: var(--vm-sans, sans-serif);
  font-size: 13px;
}
.vm-myth .vm-myth-label {
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--vm-muted, #5e6b78);
}
.vm-myth .vm-myth-label i { margin-right: 6px; }
.vm-myth .vm-myth-label.is-fact { color: var(--vm-ink, #008080); }

/* ---------- 勾選清單 ---------- */
.vm-checklist {
  margin: 8px 0 28px;
  padding: 20px 24px;
  border: 1px solid var(--vm-line, #e2e7ed);
  border-radius: 10px;
  background: var(--vm-mist, #f2f5f8);
  list-style: none;
}
.vm-checklist li {
  position: relative;
  padding: 7px 0 7px 32px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--vm-body);
}
.vm-checklist li::before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 10px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--vm-ink, #008080);
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  color: #fff;
}

@media (max-width: 760px) {
  /* 表格：每一列變成卡片 */
  .vm-table-wrap { border: 0; border-radius: 0; overflow: visible; }
  .vm-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .vm-table, .vm-table tbody, .vm-table tr, .vm-table th, .vm-table td { display: block; width: auto !important; }
  .vm-table tbody tr {
    margin-bottom: 12px;
    border: 1px solid var(--vm-line, #e2e7ed);
    border-radius: 10px;
    overflow: hidden;
  }
  .vm-table tbody th { border-top: 0; padding: 12px 16px; }
  .vm-table tbody td { padding: 12px 16px; border-top: 1px dashed var(--vm-line, #e2e7ed); }
  .vm-table tbody td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--vm-brass-d, #bf360c);
  }
  .vm-table:not(.is-vs) tbody td::before { display: none; }

  .vm-verdict-head { gap: 12px; padding: 16px 18px; }
  .vm-verdict-icon { width: 44px; height: 39px; font-size: 17px; }
  .vm-verdict-case { font-size: 12px; }
  .vm-verdict-sum { font-size: 17px; }
  .vm-table.is-vs tbody td:nth-of-type(1)::before { color: var(--vm-ink, #008080); }
  .vm-points { grid-template-columns: 1fr; }
  .vm-points li { padding: 16px 18px 16px 54px; border-right: 0 !important; }
  .vm-points i { left: 18px; top: 18px; }

  /* 時間軸：改成直向 */
  .vm-timeline { grid-template-columns: 1fr; gap: 0; padding-left: 4px; }
  .vm-timeline::before { left: 10px; right: auto; top: 8px; bottom: 8px; width: 2px; height: auto; }
  .vm-timeline li { display: grid; grid-template-columns: 30px 7.5em 1fr; align-items: baseline; padding: 6px 0; text-align: left; }
  .vm-timeline li::before { margin: 0; align-self: center; }
  .vm-tl-date { margin: 0; font-size: 13px; }

  .vm-myths { grid-template-columns: 1fr; gap: 14px; }
  .vm-myth { padding: 18px; }
  .vm-myth .vm-myth-q { font-size: 17px; }

  .vm-checklist { padding: 16px 18px; }
  .vm-checklist li { font-size: 15px; }
}

/* =========================================================
   響應式
   ========================================================= */
@media (max-width: 1080px) {
  .vm-art-layout { grid-template-columns: 1fr; gap: 28px; padding-top: 32px; }
  /* 手機／平板：側欄拆開排列 → 快速導覽在文章前，分類導覽在文章後 */
  .vm-art-side { display: contents; }
  .vm-art-side-inner { order: -1; position: static; }
  .vm-art { order: 0; }
  .vm-catnav { order: 1; margin-bottom: 0; }
  .vm-catnav ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vm-side-card { display: none; }            /* 手機已有底部快捷列可撥打 */
  .vm-art-body { max-width: none; }
  .vm-related-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .vm-art-hero-inner, .vm-art-layout, .vm-related-inner { padding-left: 16px; padding-right: 16px; }
  .vm-art-hero-deco { display: none; }
  .vm-art-sub { font-size: 16px; }
  .vm-art-cover { margin-bottom: 28px; border-radius: 8px; }

  .vm-art-body > p, .vm-sec > p, .vm-steps p { font-size: 16px; line-height: 1.95; }
  .vm-lead { font-size: 17px !important; }
  .vm-sec h2 { gap: 12px; margin-top: 48px; font-size: 21px; }
  .vm-h2-num { width: 42px; height: 37px; font-size: 14px; }
  .vm-sec h3 { margin-top: 36px; font-size: 19px; }

  .vm-law { padding: 16px 18px; }
  .vm-law p, .vm-law li, .vm-note > p:not(.vm-note-title) { font-size: 15px; }
  .vm-law ol { padding-left: 2.4em; }

  .vm-facts { gap: 10px; }
  .vm-facts li { padding: 14px 8px; }
  .vm-facts strong { font-size: 26px; }
  .vm-facts span { font-size: 12px; }

  .vm-compare { grid-template-columns: 1fr; }

  .vm-steps > li { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
  .vm-steps > li:not(:last-child)::before { left: 21px; top: 50px; }
  .vm-step-icon { width: 44px; height: 44px; font-size: 17px; }

  .vm-art-cta { flex-direction: column; align-items: stretch; padding: 26px 22px; }
  .vm-art-cta-title { font-size: 19px; }
  .vm-art-cta-actions .vm-btn { width: 100%; }

  .vm-related { padding: 48px 0 64px; }
  .vm-related-list { grid-template-columns: 1fr; gap: 14px; }
  .vm-catnav ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .vm-step-icon, .vm-related-card, .vm-btn, .vm-toc a { transition: none; }
}
/* 遺產繼承 */

.vm-points.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vm-points.is-3 li:nth-child(odd) { border-right: 0; }
.vm-points.is-3 li + li { border-left: 1px solid var(--vm-line, #e2e7ed); }

/* 多欄表格：第一欄窄一點，手機版每格都顯示欄位名稱 */
.vm-table.is-multi tbody th { width: 16%; }
.vm-table.is-multi td[data-label="法條"] { width: 14%; white-space: nowrap; }

/* 時間軸：四個節點 */
.vm-timeline.is-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vm-timeline.is-4::before { left: 12.5%; right: 12.5%; }

@media (max-width: 760px) {
  .vm-points.is-3 { grid-template-columns: 1fr; }
  .vm-points.is-3 li + li { border-left: 0; }

  .vm-table.is-multi tbody td::before { display: block; }
  .vm-table.is-multi td[data-label="法條"] { white-space: normal; }

  .vm-timeline.is-4 { grid-template-columns: 1fr; }
  .vm-timeline.is-4::before { left: 10px; right: auto; }
}




























body{
	/* font-family: 'sans-serif',"Heiti SC Light","Heiti TC Light","Adobe Fan Heiti Std B","Adobe LiGothic Medium","Apple SD Gothic Neo Light","MHeiGB5-Light-U","Hiragino Sans GB","Hiragino Sans GB W3",微軟正黑體 !important; */
	line-height: 21pt;
	background-color:#ecf5ec;
	padding:0;
	margin:0;
	  font-size: 16px;
}
html{
	scrollbar-gutter: stable;
	background-size: cover;
	max-width: 100%;
	background-position: center;
}
.credtt,.credtt:hover{
	color:#5a42d5;
}
a{
	color:#1D0C0D;
	text-decoration:none;
}
ul{
	list-style:none;
	padding:0px;
}
h1,h2,h3,h4,h6{
	color: #795538;
	  margin: 0;
	  padding:0;

}
.arttxtlef ul li{
	list-style:inherit!important;
}
.ogcolor{
    font-size: 14pt;
    text-align: center;
    line-height: 26pt;
    border: 1px solid #4DB6AC;
    background: #fafafb;
    border-radius: 10px;
    letter-spacing: 5px;
    color: #4DB6AC;
    margin-bottom: 5px;
	    font-weight: bold;
    cursor: pointer;	
}
.ogcolor:hover{
	background:#ededed;
	border:1px solid #3aa197;
	color:#3aa197;
}
/* img{
	cursor:pointer;
	}
img:hover{
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);}
#bdall img:hover{
	opacity:1!important;
	-moz-opacity:1!important;
	filter:alpha(opacity=100)!important;} */

h1{
	font-size: 20px;
	padding: 25px 0;
}
h2{
	font-size: 18pt;
}
h3{
	font-size: 12pt;
	text-shadow:none;
}
h4{
	font-size: 12pt;
}
h5{
	display:none;
}
/* p{
	  text-indent: 2em;
	  font-size: 16px;
} */
.caret{
    margin-left: 8px!important;
}
img, object, embed, video,iframe{
     max-width: 100%;

}
#bdall{
	  max-width: 1080px;
  margin-top: 20px;
  background: #4db6ac;
  border-radius: 15px;
  display: block;
  margin: 15px auto 15px auto;
  padding: 20px;
  box-shadow: 0 2px 5px #666;
}
.topthis{
	max-width:1080px;
	display:block;
	  margin: 15px auto 0 auto;
}
.topthis header {
	  display: inline-block;
  text-align: right;
  width: 65%;
  vertical-align: top;
}
.lefbt img{
    border-radius: 15px;
    border: 1px solid #ccc;	
}
.log{
	display:inline-block;
	vertical-align:top;
}
.lefig a img{
	border:none;
	border-radius:none;
}
.navbar-inverse {
  background-color: #fff!important;
  border-color: #080808;
}
.topnav nav{
	max-width:1080px;
	display:block;
	margin:0 auto;
}
.topnav{
	width:100%;
	background-color:#fff;
}
nav{
	border:none!important;
}
.linetop{
	margin-top:15px;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.btn-group-vertical .dropdown-toggle{
  border-bottom-right-radius: 15px!important;
  border-bottom-left-radius: 15px!important;
}
.lefbt,.rigbt{
	display:inline-block;
}
.lefbt{
	/* vertical-align:top;
	  max-width: 850px; */
	  text-align: center;
	  margin-bottom: 15px;
}
header #___gcse_0{
	  max-width: 300px;
  margin: 0 0 0 auto;
}
.cse .gsc-control-cse, .gsc-control-cse {
	background: none!important;
	border: none!important;
}
.cse input.gsc-input, input.gsc-input {
	border-radius:10px!important;
}
input.gsc-input {
  background-position-x: 15px!important;
}
input.gsc-search-button {
  height: 36px!important;
  line-height: 10pt!important;
  border-radius: 10px!important;
}
.dropdown-menu {
	top:30px!important;
	  min-width: 166px!important;
}
#artcen{
	max-width:1080px;
	display:block;
	margin:0 auto;
}
.rig_txt p{
	margin:0;
	  color: #702C29;
}
/* .lefig{
	margin-top:15px;
} */
/*下方水平頁籤*/
#tbthis {
	  width: 770px;
	    display: inline-block;
	  vertical-align: top;
}
#tbthis ul, #tbthis li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#tbthis .tabs li {
	float: left;
	margin: 0 0 -1px 5px;
	border: 1px solid #ddd;
	background: #fafafa;
	height: 32px;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
}
.arttxtlef ul li a:hover{
	color:#800000;
}
#tbthis .tabs li.active {
	background: #fff;
	padding-bottom: 1px;
	border-bottom: none;
}
#tbthis .tabs li.hover{
	background: #f5f5f5;
}
#tbthis .tabs span {
	  display: block;
  float: left;
  overflow: hidden;
  padding: 2px 13px 7px 13px;
  font-size: 11pt;
  font-weight: bold;
}
.red{
    font-size: 14pt;
    color: #ff0000;
    font-weight: bold;
    letter-spacing: 5px;
}
#tbthis .tab_container {
	clear: both;
	border: 1px solid #DDD;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
}
#tbthis .tab_container ul {
	position: relative;
	height: 290px;
	overflow: hidden;
}
#tbthis .tab_container .tab_content li {
	position: absolute;
	width: 768px;
	height: 100%;
	padding: 15px;
	margin-top: 10px;
	background: #fff;

}
#tbthis .tab_container .tab_content li img {
	display: block;
	float: left;
	margin-right: 15px;
}
#tbthis .tab_container .tab_content li h3 {
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 10px;
	  color: #715f27;
}
.gsc-control-cse {
	padding: 3px!important;
}
.tab_content li table{
  font-size: 9pt!important;
  line-height: 16pt!important;
}
.rigtop_txt{
    display: inline-block;
  max-width: 290px;
  margin-left: 15px;

}
.rig_txt{
  padding: 12px;
  border: 2px solid #fff;
  font-size: 10pt;
    max-height: 155px;
  border-radius: 15px;
  max-height: 137px;
  overflow-x: hidden;
  letter-spacing: 1px;
    background-color: #fff;
}
.tab{
  border: 2px solid #F5B9D0;
  margin-top: 5px;
  border-radius: 15px;
  font-size: 9pt;
  letter-spacing: 1px;
  padding: 10px;
  background-color: #FDF2F7;
  max-height: 200px;
  overflow: scroll;
}
.tabwd{
	width:30%;
}
.tab table tbody tr th{
	font-size:11pt;
	color:#990301;
	  border-bottom: 1px solid #ccc;
}
.tab table tbody tr td{
	text-align:center;
	    line-height: 17pt;
}
.tab table tbody tr{
  border-bottom: 1px solid #ccc;
}
.rig_ft{
	float:right;
	max-width:200px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.tab table{
  background-color: #FDF2F7;
}
.tab table tbody tr td a{
	color:#B78C59;
}
.tab_content li table tbody tr td a{
	  FONT-SIZE: 10pt;

}
footer{
	  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 5px #666;
  /* margin-top: 15px; */
  padding:10px;
}
.container-fluid .navbar-header a{
    padding: 11px 13.5px;
    line-height: 38pt;
    font-size: 12pt;
}

.h03{
	display:inline-block;
}
.tab_content li h3{
	display:inline-block;
}
.text{
	  text-align: center;
	  color:#702C29;
	    margin-top: 20px;
}
.container-fluid .navbar-header a:hover{
	color:#4DB6AC;
	font-weight:bold;
	border-bottom:3px solid #4DB6AC;
}
.arttxtlef{
	  max-width: 25%;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  border-radius: 10px;
	border-image-source:url(../img/bg_side_middle.gif);
	border-image-slice: 20;
border-image-width: 1em;
border-image-repeat: stretch;
  background-color: #fff;
}
.arttxtrig{
	   max-width: 73%;
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  padding: 15px;
    background-color: #fff;
  box-shadow: 2px 2px 5px #ccc;
  border-radius:10px;
      min-width: 73%;
}
.arttxtlef ul{
	    padding-left:31px !important;
			list-style: DECIMAL!important;
}
.arttxtlef ul li{
    line-height: 14pt;
	  background: url(../img/bg_hr.gif) repeat-x top;
	     padding: 5px 0;
}
/*dropdown*/

.dropdown-menu{
    margin-top: 19px!important;
    border: none;
    border-top: 3px solid #3aa197;
}
.dropdown-menu>li>a{
    padding: 10px 20px!important;
}
.dropdown-menu li{
	line-height:30pt;

}

/*dropdown*/
.arttxtlef ul li a{
	  color:#B78C59;
	  font-weight:bold;
	  	    font-size: 10pt;
}
.arttxtrig .lefig a img{
	max-width:245px;
}
.arttxtlef img{
	margin-bottom:15px;
}
.newthis{
	background-color:#fff;
	padding: 15px;
	  background-image: url(../img/bg-mi.png);
	  border-radius:15px;
}
#serviceBox{
  display: inline-block;
  vertical-align: top;
    background-color: #fff;
}
#serviceBox a {
  display: inline-block;
    /* max-width: 700px; */
  margin-right: 12px;
  margin-bottom: 10px;
  border: 3px solid #eee;
  border-radius: 5px;

	vertical-align:top;
}
#serviceBox a strong {
	padding: 5px 10px 0 25px;
	display: block;
	color: #785600;
	font-size: 130%;
    line-height: 30pt;
	text-align: center;
  /* background: url(../img/ico_arrow_r_br.gif) 5px center no-repeat; */
}
#serviceBox a span {
    font-size: 11pt;
  padding: 0px 10px 10px 10px;
  display: block;
  color: #333;
  line-height: 16pt;
  letter-spacing: 1px;
}
.voiceblogBoxs{
  max-width: 330px;
  padding: 5px;
  margin-bottom:10px;
    background-color: #fff;
}
.voiceblogBoxs a{
  color: #6b4c1a;
}
.rig_bot{
  display: inline-block;
  max-width: 333px;
}
.list{
	max-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}
.list a span{
  font-weight: bold;
  font-size: 80%;
  display: block;
  padding-left: 20px;
  background: url(../img/ico_flower.gif) center left no-repeat;
}
.sp{
	  font-size: 16pt;
	  font-weight:bold;
	    color: #715f27;
		  line-height: 40px;
}
.sp img{
	margin-right:15px;
}
.padd-tab img{
	display:block;
	margin-bottom:10px;

}
.myoli{
	  border-radius: 10px;
  background-color: #f1f1f1;
}
.cortxt dt{
	  border: solid 2px#f1f1f1;
  padding-left: 15px;
  border-radius: 8px;
    color: #795538;
  font-size: 130%;
  line-height:30px;
  font-weight:bold;
  line-height:40px;
}
.cortop li {
    display: inline-block;
}
.cortop li h3 img {
	  padding-left: 17px;
  padding-right: 17px;
}
.cortxt dd{
  margin-bottom: 25px;
}
.teltxt h4{
  font-size: 130%;
  line-height: 40px;
  background-color: #F1E8B9;
  margin-bottom: 15px;
	letter-spacing:2px;
  text-align: center;
  border-radius: 7px;
  box-shadow: 2px 2px 2px #ccc;
}
.teltxt h3{
  font-size: 130%;
  line-height: 40px;
  background-color: #F1E8B9;
  margin-bottom: 15px;
	letter-spacing:2px;
  text-align: center;
  border-radius: 7px;
  box-shadow: 2px 2px 2px #ccc;
}
.teltxt dt{
	background-image:url(../img/my/titbg.png);
	padding-left:30px;
	  color: #678208;
	font-weight:bold;
	font-size:13pt;
}
.teltxt dd{
  text-indent: 2em;
}
.leta div{
	text-align:center;
	letter-spacing:3px;
	color: #31708f;
	font-size:12pt;
	  min-height: 30pt;
  line-height: 31pt;
  border-radius:5px;
}
.leta ul li{
	background:none;
}
.leta ul li a{
	color:#333;
}
.leta ul{
	list-style:inherit;
	padding-left:40px;
}
.padd-tab i{
	margin-right:15px;
	margin-left:5px;
}
.ptthis ul{
	vertical-align: top;
	margin-left: 10px;
}
.ptthis{
	display: block;
	font-weight:bold;
	font-size:12pt;
	color: #795538;
}
.iit{
	display:inline-block;
	font-size:12pt;
}
.tbdow{
  width: 100%;
  text-align: center;
  margin-top:20px;
}
.cent{
	  display: block;
  margin: 0 auto;
}
.rig_txt p i{
	font-size:11pt;
}
.navbar-default .container-fluid{
	padding:0!important;
}
.rigbt{
	padding-left:1%;
}
/*水平頁籤結束*/
@media screen and (max-width: 481px) {

	/* .log{
	width:100%;
} */
header{
	width:30%;
}
.btn-group, .btn-group-vertical {
  margin-left: 0px!important;
}
.topthis header{
	width:100%;
}
.rigbt{
	width:100%;
	margin-top:15px;
}
.lefig a img,.btn-group-vertical,.linecr img{
    width: 100%;
}
#tbthis {
  width: 350px;
  display:block;
  margin:0 auto;
}
#tbthis .tab_container .tab_content li img {
	display:none;
}
.h03 {
	display:inherit!important;
}
.rigtop_txt {
	max-width:inherit!important;
}
.rigtop_txt div img{
	  width: 100%;
	  margin-top:10px;
	  margin-bottom:10px;
}

.arttxtrig {
  max-width: 67%;
    margin-left: 5px;
	min-width:67%;
}
.arttxtlef {
  max-width: 30%;
    padding: 3px;
}
.panel-body{
  padding-left: 0px!important;
  list-style:none;
}
.panel-body li{
	border-bottom:1px solid #f1f1f1;
}
#serviceBox a strong {
	  line-height: 20pt;
}
.rig_txt p i{
	font-size:11pt;
}
.newthis{
	margin-top:10px;
}
.linetop{
	max-width:50%;
	max-height:50%;
}
/* .banner{
	display:none;
} */
	img{
		pointer-events: none;
	}
}

@media screen and (max-width: 768px) {

	header{
		width:30%;
	}
	.btn-group, .btn-group-vertical {
	  margin-left: 0px!important;
	}
	.topthis header{
		width:100%;
	}
	.rigbt{
		width:100%;
		margin-top:15px;
	}
	.lefig a img,.btn-group-vertical,.linecr img{
		width: 100%;
	}
	#tbthis {
	  width: 350px;
	  display:block;
	  margin:0 auto;
	}
	#tbthis .tab_container .tab_content li img {
		display:none;
	}
	.h03 {
		display:inherit!important;
	}
	.rigtop_txt {
		max-width:inherit!important;
	}
	.rigtop_txt div img{
		  width: 100%;
		  margin-top:10px;
		  margin-bottom:10px;
	}
	
	.arttxtrig {
	  max-width: 67%;
		margin-left: 5px;
		min-width:67%;
	}
	.arttxtlef {
	  max-width: 30%;
		padding: 3px;
	}
	.panel-body{
	  padding-left: 0px!important;
	  list-style:none;
	}
	.panel-body li{
		border-bottom:1px solid #f1f1f1;
	}
	#serviceBox a strong {
		  line-height: 20pt;
	}
	.rig_txt p i{
		font-size:11pt;
	}
	.newthis{
		margin-top:10px;
	}
	.linetop{
		max-width:50%;
		max-height:50%;
	}
	/* .banner{
		display:none;
	} */
	}

	@media screen and (max-width: 923px) {



		/* .log{
			width:100%;
		} */
		header{
			width:30%;
		}
		.btn-group, .btn-group-vertical {
		  margin-left: 0px!important;
		}
		.topthis header{
			width:100%;
		}
		.rigbt{
			width:100%;
			margin-top:15px;
		}
		.lefig a img,.btn-group-vertical,.linecr img{
			width: 100%;
		}
		#tbthis {
		  width: 350px;
		  display:block;
		  margin:0 auto;
		}
		#tbthis .tab_container .tab_content li img {
			display:none;
		}
		.h03 {
			display:inherit!important;
		}
		.rigtop_txt {
			max-width:inherit!important;
		}
		.rigtop_txt div img{
			  width: 100%;
			  margin-top:10px;
			  margin-bottom:10px;
		}
		
		.arttxtrig {
		  max-width: 67%;
			margin-left: 5px;
			min-width:67%;
		}
		.arttxtlef {
		  max-width: 30%;
			padding: 3px;
		}
		.panel-body{
		  padding-left: 0px!important;
		  list-style:none;
		}
		.panel-body li{
			border-bottom:1px solid #f1f1f1;
		}
		#serviceBox a strong {
			  line-height: 20pt;
		}
		.rig_txt p i{
			font-size:11pt;
		}
		.newthis{
			margin-top:10px;
		}
		.linetop{
			max-width:50%;
			max-height:50%;
		}
		/* .banner{
			display:none;
		} */
		}

	/* 標題 */
	.d_flex{
	display: flex;
	align-items: center;
	 p{
	margin-left: -31px;
    color: black;
    font-size: 22px;
    font-weight: bold;
	 }
	}

	.title1 {
	position: relative;
	padding-bottom: 10px;
	}
	.title1::after {
	content: ""; 
	position: absolute; 
	left: 0;
	bottom: 3px;
	width: 105%;
	height: 3px; 
	background-color: #1e9350; 
	}

	.navbar{
		min-height: 33px !important;
	}



.lefbt,
.rigbt {
  display: inline-block;
  vertical-align: top;
}

/* 左邊內容 */
.lefbt {
  text-align: center;
  margin-bottom: 15px;
}
.lefbt img {
  border-radius: 15px;
  border: 1px solid #ccc;
}

/* 右邊內容（預設為 100% 寬）*/
.rigbt {
  width: 100%;
  margin-top: 15px;
  padding-left: 1%;
}

/* ✅ 尺寸大於 1024px：左右並排 */
@media screen and (min-width: 1025px) {
  #bdall {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 100px;
  }

  .lefbt {
    width: 100%;
  }

  .rigbt {
    width: 20%;
    margin-top: 0;
  }
}

@media screen and (max-width: 1024px) {
	.btn-group, .btn-group-vertical,.lefbt, .rigbt{
		display: block;
	}
}


@media screen and (min-width: 768px) {
  .main-wrap {
    display: flex;
    align-items: flex-start;
  }

  #tbthis {
    flex: 1;
  }

  /* .rigtop_txt {
    display: block;
    max-width: 290px;
    margin-left: 15px;
  } */
}

@media screen and (max-width: 425px) {
  .main-wrap {
    display: block;
  }

  .rigtop_txt {
    max-width: 100% !important;
    margin-left: 0;
  }

  .rigtop_txt div img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1024px) {
#tbthis .tabs span{
	font-size: 17px;
}
}

@media screen and (max-width: 768px) {
#tbthis .tabs span{
	font-size: 13px;
	padding: 0px 1px 6px 5px;
}
.topthis header{
	width: 57%;
}
}

@media screen and (max-width: 425px) {
#tbthis .tabs span{
	font-size: 13px;
	padding: unset;
}
.rigtop_txt{
	display: block;
	max-width: unset;
	margin-left: unset;
}
.topthis header{
	width: 100%;
}
h1{
	font-size: 16px;
}
header{
	padding: 0 15px;
}
.d_flex p{
	font-size: 14px;
	margin-left: unset;
} 
/* .padd-tab img {
width: 8%;
margin-bottom: 54px;

} */
}