@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");

@media (min-width: 1361px) {
  .container {
    max-width: 1400px;
  }
}

/*------解決手機漢堡展開會跳至頁面頂部的問題------*/
body,
html {
  height: initial;
}

.ov-hidden {
  height: initial;
}

.navbar-collapse.collapse.show {
  height: 100vh;
}
/*------*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span {
  font-family: "Poppins", "Noto Sans TC", "微軟正黑體" !important;
  letter-spacing: 1px;
}

*,
body,
htnl {
  font-family:
    "Poppins",
    "Noto Sans TC",
    "微軟正黑體",
    Arial,
    sans-serif,
    "新細明體",
    Microsoft JhengHei,
    jaf-bernino-sans,
    "Lucida Grande",
    "Lucida Sans Unicode",
    "Lucida Sans",
    Geneva,
    Verdana,
    sans-serif;
}

.MyFollow .fas.fa-heart {
  color: red !important;
}

.gray-btn {
  border: medium none;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  margin-top: 20px;
  padding: 10px 30px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  cursor: pointer;
  border-radius: 4px;
  background: #ddd;
  color: #737373;
}

.gray-btn:hover {
  background: #e76667;
  color: #fff;
}

.footer {
  /*position: fixed;*/
  bottom: 0;
  width: 100%;
}

.fx-btn-area .fx-btn-threads {
  background-color: #000000;
}

.fx-btn-threads img {
  filter: brightness(100);
  width: 30px;
  position: relative;
  top: 3px;
}

@media (max-width: 991px) {
  .fx-btn-threads img {
    width: 24px;
  }
}

@media (min-width: 992px) {
  .pc-pr {
    padding-right: 30px;
  }
  .pc-pl {
    padding-left: 30px;
  }
}

.breadcrumb {
  align-items: center;
}

.breadcrumb li:nth-last-child(1) {
  margin-right: 0px;
}

.tab_rwd .btn-outline-primary {
  padding: 8px 5px;
  font-size: var(--fs-body);
}

.tab_rwd .dropdown-item {
  padding: 8px 5px;
  font-size: var(--fs-body);
}

.story-section02 .btn-outline-primary {
  color: var(--brand-color);
  border-color: var(--brand-color);
}

.story-section02 .btn-outline-primary:not(:disabled):not(.disabled).active,
.story-section02 .btn-outline-primary:not(:disabled):not(.disabled):active,
.story-section02 .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}

.story-section02 .btn-outline-primary:hover {
  color: #fff;
  background-color: var(--brand-color);
  border-color: var(--brand-color);
}

.story-section02 .dropdown-item.active,
.story-section02 .dropdown-item:active {
  color: #fff;
  background-color: var(--brand-color);
}

.story-section02 .btn-outline-primary.focus,
.story-section02 .btn-outline-primary:focus,
.story-section02
  .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.story-section02
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.story-section02 .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.5);
}

.modal {
  height: auto;
}

/*---------------------202602 41新增----------------------*/

.content,
.inside-content {
  overflow: hidden;
}

:root {
  /* Hero / 主視覺大標 */
  --fs-hero: clamp(28px, 3.6vw + 12px, 56px);

  /* 區塊大標（Section Title） */
  --fs-heading-lg: clamp(24px, 2.2vw + 10px, 36px);

  /* 小標 / 卡片標題 */
  --fs-heading-md: clamp(16px, 1.2vw + 10px, 20px);

  /* 主要內容文字 */
  --fs-body: clamp(14px, 0.6vw + 12px, 16px);

  /* 次要文字 */
  --fs-body-sm: clamp(13px, 0.4vw + 11px, 14px);
}

.fs-hero {
  font-size: var(--fs-hero);
  line-height: 1.1;
}

.fs-heading-lg {
  font-size: var(--fs-heading-lg);
  line-height: 1.25;
}

.fs-heading-md {
  font-size: var(--fs-heading-md);
  line-height: 1.35;
}

.fs-body {
  font-size: var(--fs-body);
  line-height: 1.65;
  letter-spacing: 0.2px;
}

.fs-body-sm {
  font-size: var(--fs-body-sm);
  line-height: 1.6;
}

/* ===== Bootstrap 5 Gutter System for Bootstrap 4 ===== */

:root {
  --bs-gutter-x: 30px;
  /* 預設水平間距 */
  --bs-gutter-y: 0px;
  /* 預設垂直間距 */
}

/* 讓 row 支援 BS5 gutter 變數 */
.row {
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}

.row > [class*="col"] {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* ===== gap utilities ===== */
.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 1rem;
}

.gap-4 {
  gap: 1.5rem;
}

.gap-5 {
  gap: 3rem;
}

/* ===== row-gap utilities ===== */
.row-gap-0 {
  row-gap: 0;
}

.row-gap-1 {
  row-gap: 0.25rem;
}

.row-gap-2 {
  row-gap: 0.5rem;
}

.row-gap-3 {
  row-gap: 1rem;
}

.row-gap-4 {
  row-gap: 1.5rem;
}

.row-gap-5 {
  row-gap: 3rem;
}

/* ===== column-gap utilities ===== */
.column-gap-0 {
  column-gap: 0;
}

.column-gap-1 {
  column-gap: 0.25rem;
}

.column-gap-2 {
  column-gap: 0.5rem;
}

.column-gap-3 {
  column-gap: 1rem;
}

.column-gap-4 {
  column-gap: 1.5rem;
}

.column-gap-5 {
  column-gap: 3rem;
}

/* ===== g-x / g-y / g ===== */
.g-0 {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.g-1 {
  --bs-gutter-x: 0.25rem;
  --bs-gutter-y: 0.25rem;
}

.g-2 {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0.5rem;
}

.g-3 {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.g-4 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

.g-5 {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}

.gx-0 {
  --bs-gutter-x: 0;
}

.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.gx-3 {
  --bs-gutter-x: 1rem;
}

.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.gx-5 {
  --bs-gutter-x: 3rem;
}

.gy-0 {
  --bs-gutter-y: 0;
}

.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.gy-3 {
  --bs-gutter-y: 1rem;
}

.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.gy-5 {
  --bs-gutter-y: 3rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/*---------------brand-color---------------*/

:root {
  --brand-color: #cb935d;
  --brand-color2: #374151;
  --brand-color3: #e9c614;
  --brand-color4: #eee4bc;
  --brand-color5: #c9a56a;
  --brand-content-txt01: #101828;
  --brand-content-txt02: #374151;
  --brand-content-txt03: #62666b;
}

.brand-content-txt03 {
  color: var(--brand-content-txt03);
}

/*---------------section01---------------*/

@media (max-width: 768px) {
  .logo img {
    max-width: 70vw !important;
  }

  .logo.navbar-brand {
    display: flex;
    align-items: center;
  }
}

/* 區塊底色 */
.mc-advantage {
  background: linear-gradient(0deg, #fbfbfa, transparent);
}

/* 標題 */
.mc__kicker {
  font-size: var(--fs-body-sm);
  letter-spacing: 1px;
  font-weight: 400;
  color: #7c7e81;
}

.mc-title {
  font-size: var(--fs-heading-lg);
  font-weight: 700;
  line-height: 1.5;
}

.mc-title span {
  font-size: inherit;
  font-weight: inherit;
  color: var(--brand-color);
}

.mc-title span.bc5 {
  font-size: inherit;
  font-weight: inherit;
  color: var(--brand-color5);
}

.mc-desc {
  color: var(--brand-content-txt02);
  line-height: 1.9;
  font-size: var(--fs-body);
}

.mc-desc span {
  color: var(--brand-color);
  font-size: inherit;
  /*font-weight: inherit;*/
}

/* 卡片 */
.mc-card {
  background: linear-gradient(315deg, #f7f4e9, #f6ede2bf);
  border-radius: 12px;
  padding: 20px 15px;
  height: 100%;
  /*box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);*/
  transition: all 0.25s ease;
  border: 1px solid #e9e5e2;
}

@media (max-width: 991px) {
  .mc-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px 7px;
  }

  .mc-card .mc-icon {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .section01 .row.g-4,
  .ab-s2 .row.g-4 {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
}

.mc-card:hover {
  transform: translateY(-6px);
  /*box-shadow: 0 10px 24px rgba(0,0,0,0.08);*/
}

.mc-icon {
  min-width: clamp(42px, 2.5vw + 10px, 52px);
  height: clamp(42px, 2.5vw + 10px, 52px);
  border-radius: 50%;
  background: linear-gradient(315deg, #1f3044, #576e94);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-heading-md);
  margin-right: 15px;
}

.mc-icon i {
  font-size: var(--fs-heading-md);
}

.mc-card h5 {
  font-size: var(--fs-heading-md);
  color: var(--brand-content-txt01);
  font-weight: 700;
  margin-bottom: 8px;
}

.mc-card p {
  margin: 0;
  font-size: var(--fs-body);
  color: var(--brand-content-txt02);
  line-height: 1.8;
  letter-spacing: 0;
}

.s1-img {
  width: 100%;
}

@media (max-width: 991px) {
  .s1-img {
    max-width: 66px !important;
  }

  .mc-advantage__header {
    text-align: center;
  }
}

/*---------------section02---------------*/

/* 區塊底色 */
.mc-about {
  background:
    url(../images/s2-bg.png) right bottom no-repeat,
    linear-gradient(0deg, #f2f2f0, #fbfbfa);
}

@media (max-width: 768px) {
  .mc-about {
    background-position: left -200px;
  }
}

/* 左圖 */
.mc-about__photo-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  /*box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);*/
}

.mc-about__photo-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to top,
    rgba(242, 242, 240, 0.7) 0%,
    rgba(242, 242, 240, 0) 40%
  );
}

.mc-about__photo-wrap--swap {
  position: relative;
}

.mc-about__photo-wrap--swap .mc-about__photo {
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}

.mc-about__photo--default {
  display: block;
  width: 100%;
  height: auto;
}

.mc-about__photo--hover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}

@media (min-width: 992px) {
  .mc-about__photo-wrap--swap:hover .mc-about__photo--default {
    opacity: 0;
  }

  .mc-about__photo-wrap--swap:hover .mc-about__photo--hover {
    opacity: 1;
  }
}

.mc-about__photo {
  width: 100%;
  height: auto;
  display: block;
}

.mc-about__signature {
  position: absolute;
  right: 18px;
  bottom: 16px;
  font-size: var(--fs-body);
  letter-spacing: 0.5px;
  opacity: 1;
  z-index: 2;
}

/* 圖片下方標語（帶引號感） */
.mc-about__caption {
  color: #1f3a5f;
  font-weight: 700;
  font-size: var(--fs-body);
  position: relative;
  /*padding-left: 34px;*/
}

.mc-about__caption span {
  font-size: inherit;
  font-weight: inherit;
}

.mc-about__caption .mc-about__quote--r {
  right: 0px;
  bottom: 0px;
}

.mc-about__caption .mc-about__quote--l {
  left: 0;
  top: 0px;
}

/*.mc-about__caption::before {
    content: "“";
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 40px;
    opacity: .25;
}*/

/* 右側標題 */
.mc-about__kicker {
  font-size: 14px;
  letter-spacing: 2px;
  color: #8c8c8c;
  margin-bottom: 8px;
}

.mc-about__headline {
  margin: 0;
  font-size: var(--fs-heading-lg);
  font-weight: 700;
  line-height: 1.35;
  position: relative;
  width: fit-content;
}

/* 大引號裝飾 */
.mc-about__headline-inner {
  position: relative;
  display: inline-block;
  padding: 0 26px;
  font-size: inherit;
  font-weight: inherit;
  color: var(--brand-content-txt01);
}

.mc-about__headline-inner {
  position: relative;
  display: inline-block;
  padding: 0 34px;
  /* 留空間給 icon */
  letter-spacing: 2px;
}

/* 左右引號 icon */
.mc-about__quote {
  position: absolute;
  font-size: var(--fs-heading-md);
  /* 引號大小 */
  opacity: 0.3;
  color: var(--brand-color);
}

.mc-about__quote--l {
  left: 0;
  top: 8px;
}

.mc-about__quote--r {
  right: 8px;
  bottom: 8px;
}

.mc-about__source {
  margin-top: 10px;
  color: var(--brand-color);
  font-size: var(--fs-body);
  letter-spacing: 1px;
  font-weight: 600;
  text-align: right;
}

/* 內文 */
.mc-about__lead {
  color: var(--brand-content-txt01);
  line-height: 1.9;
  font-size: var(--fs-body);
}

.mc-about__body p {
  color: var(--brand-content-txt01);
  line-height: 1.8;
  font-size: var(--fs-body);
  margin: 0;
}

/* 三條特色 */
.mc-about__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  color: var(--brand-content-txt01);
  font-weight: 500;
  font-size: var(--fs-body);
  line-height: 1.8;
}

.mc-about__check {
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #c9b08a;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  margin-right: 12px;
  margin-top: 4px;
}

.mc-about__check i {
  font-size: inherit;
}

/* CTA 按鈕 */
.mc-btn {
  border-radius: 999px;
  padding: 10px 30px;
  font-weight: 400;
  transition: all 0.2s ease;
  font-size: var(--fs-body);
}

.mc-btn--primary {
  background: var(--brand-color2);
  color: #fff;
  border: 1px solid var(--brand-color2);
}

.mc-btn--primary:hover {
  filter: brightness(1.2);
  transform: translateY(-2px);
  color: #fff;
  /*box-shadow: 0 10px 20px rgba(31, 58, 95, .18);*/
}

.mc-btn--primary2 {
  background: var(--brand-color);
  color: #fff;
}

.mc-btn--primary2:hover {
  background: var(--brand-color3);
  transform: translateY(-2px);
  color: #fff;
  /*box-shadow: 0 10px 20px rgba(31, 58, 95, .18);*/
}

.mc-btn--outline {
  background: #ffffff;
  color: var(--brand-color2);
  border: 1px solid #dddddd;
}

.mc-btn--outline:hover {
  border: 1px solid var(--brand-color4);
  background: var(--brand-color4);
  /*color: #fff;*/
  transform: translateY(-2px);
}

.mc-btn--outline2 {
  background: #ffffff14;
  color: #ffffff;
  border: 1px solid #dddddd80;
}

.mc-btn--outline2:hover {
  border: 1px solid #ffffff14;
  filter: brightness(1.2);
  color: #fff;
  transform: translateY(-2px);
}

.mc-dash_block {
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #bd9e88, #bd9e8800);
}

.mc-divider-msg__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mc-divider-msg__line {
  flex: 1 1 auto;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  /* 線條淡淡的 */
}

/* 中間文字 */
.mc-divider-msg__text {
  flex: 0 0 auto;
  margin: 0 18px;
  /* 線與字的距離 */
  font-weight: 700;
  color: var(--brand-content-txt01);
  letter-spacing: 0.5px;
  text-align: center;
  font-size: var(--fs-body);
  line-height: 1.6;
}

/* 手機：字太長就讓左右線縮短一點 */
@media (max-width: 575.98px) {
  .mc-divider-msg__text {
    margin: 0 12px;
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .mc-about__headline {
    width: 100%;
  }

  .mc-about__headline-inner {
    width: 100%;
    text-align: center;
  }

  .mc-dash_block {
    margin: auto;
  }

  .mc-about__header.mb-3 {
    text-align: center;
  }

  .mc-about__source {
    text-align: center;
  }

  .mc-about__quote--r {
    right: 0px;
  }

  .mc-about__cta {
    justify-content: center;
  }

  .mc-about__lead {
    text-align: center;
  }
}

/*---------------合作單位---------------*/

/* 外框留空給箭頭＋圓點 */
.mc-logo-slick {
  background: transparent;
}

.mc-logo-slick__track {
  padding: 18px 0px 18px;
}

/* 單個 logo */
.mc-logo {
  display: flex !important;
  /* slick 會加 display:block，這裡強制 */
  align-items: center;
  justify-content: center;
  opacity: 0.95;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.mc-logo:hover {
  opacity: 1;
  transform: translateY(-2px);
}

.mc-logo img {
  height: 28px;
  width: auto;
  display: block;
}

/* slick 內層避免溢出 */
.mc-slick__track .slick-list {
  overflow: hidden;
}

/* 圓形箭頭 */
.mc-slick__track .slick-arrow {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #dddddd;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  z-index: 5;
  top: 50%;
  transform: translate(-0%, -50%);
}

.mc-slick__track .slick-prev {
  left: -50px;
}

.mc-slick__track .slick-next {
  right: -50px;
}

@media (max-width: 991px) {
  .mc-slick__track .slick-prev {
    left: 0px;
  }

  .mc-slick__track .slick-next {
    right: 0px;
  }
}

/* 用 FA5 取代 slick 預設字 */
.mc-slick__track .slick-prev:before,
.mc-slick__track .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #111;
  font-size: 16px;
  opacity: 1;
}

.mc-slick__track .slick-prev:before {
  content: "\f053";
}

/* chevron-left */
.mc-slick__track .slick-next:before {
  content: "\f054";
}

/* chevron-right */

/* 圓點 */
.mc-slick__track .slick-dots {
  padding-right: 0px;
  bottom: 0px;
  width: fit-content;
  transform: translate(-50%, -50%);
  top: 100%;
  left: 50%;
}

.mc-slick__track .slick-dots li {
  margin: 0 6px;
}

.mc-slick__track .slick-dots li button:before {
  font-size: 14px;
  opacity: 0.25;
  color: #000;
}

.mc-slick__track .slick-dots li.slick-active button:before {
  opacity: 1;
  color: var(--brand-color);
}

/* RWD：手機縮小，必要時換行就改成 2 列（可選） */
@media (max-width: 575.98px) {
  .mc-slick__track {
    padding-left: 44px;
    padding-right: 44px;
  }

  .mc-logo img {
    height: 24px;
  }
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  background: transparent;
  border: 0px solid #ececec;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

/*---------------section03---------------*/

.section03 {
  background:
    radial-gradient(
      800px 420px at 10% 30%,
      rgba(254, 243, 199, 0.65),
      transparent 55%
    ),
    radial-gradient(
      900px 520px at 90% 10%,
      rgba(55, 65, 81, 0.08),
      transparent 55%
    ),
    linear-gradient(rgba(250, 247, 242, 0.3), rgba(250, 247, 242, 0.3)),
    url(../images/180422527.png) center no-repeat,
    url(../images/s3-bg.jpg) center no-repeat,
    #faf7f2;
  background-size: cover, cover, cover, contain, cover, cover;
  background-attachment: scroll, scroll, scroll, fixed, fixed, scroll;
  border-top: 1px solid #ece5dc;
  border-bottom: 1px solid #ece5dc;
}

@media (max-width: 991px) {
  .section03 {
    background-size: cover, cover, cover, cover, cover;
    background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
  }
}

/* 核心：Grid 佈局 */
.mc-practice__grid {
  display: grid;
  grid-template-columns: 1fr 235px 1fr;
  /* 左｜中｜右 */
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 40px;
  grid-row-gap: 26px;
  align-items: start;
}

/* 中間留白（桌機才顯示） */
.mc-practice__center {
  grid-column: 2;
  grid-row: 1 / 4;
  align-items: center;
  justify-content: center;
  min-height: 260px;
}

/* 每個項目定位到左右欄 */
.mc-service-item--01 {
  grid-column: 1;
  grid-row: 1;
}

.mc-service-item--02 {
  grid-column: 3;
  grid-row: 1;
}

.mc-service-item--03 {
  grid-column: 1;
  grid-row: 2;
}

.mc-service-item--04 {
  grid-column: 3;
  grid-row: 2;
}

.mc-service-item--05 {
  grid-column: 1;
  grid-row: 3;
}

.mc-service-item--06 {
  grid-column: 3;
  grid-row: 3;
}

.mc-service-item--07 {
  grid-column: 1;
  grid-row: 4;
}

.mc-service-item--08 {
  grid-column: 3;
  grid-row: 4;
}

/* item 風格 */
.mc-service-item {
  display: flex;
  align-items: flex-start;
  gap: 3px;
}

.mc-service-item__head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 6px;
}

.mc-service-item__no {
  color: var(--brand-color);
  font-weight: 600;
  letter-spacing: 0px;
  position: relative;
  bottom: 5px;
}

.mc-service-item__name {
  color: var(--brand-content-txt01);
  font-weight: 600;
  font-size: var(--fs-heading-md);
}

.mc-service-item__desc {
  color: var(--brand-content-txt03);
  line-height: 1.85;
  font-size: var(--fs-body);
}

/* 右欄：文字靠右、視覺更像設計稿 */
/*.mc-service-item--right {
    flex-direction: row-reverse;
    text-align: right;
}

.mc-service-item--right .mc-service-item__head {
    justify-content: flex-end;
}*/

/* ✅ 手機/平板：變單欄，順序自然 01→06 */
@media (max-width: 991.98px) {
  .mc-practice__grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column-gap: 0;
  }

  .mc-service-item--01,
  .mc-service-item--02,
  .mc-service-item--03,
  .mc-service-item--04,
  .mc-service-item--05,
  .mc-service-item--06,
  .mc-service-item--07,
  .mc-service-item--08 {
    grid-column: 1;
    grid-row: auto;
  }

  .mc-service-item--right {
    flex-direction: row;
    text-align: left;
  }

  .mc-service-item--right .mc-service-item__head {
    justify-content: flex-start;
  }
}

/*-------------------section04------------------*/

.section04 {
  background: url(../images/s4-bg.jpg) center;
  background-size: cover;
  background-attachment: fixed;
  border-bottom: 1px solid #ece5dc;
}

@media (max-width: 991px) {
  .section04 {
    background-attachment: scroll;
  }
}

/* 讓 slick 的 padding */
.mc-team__track .slick-slide {
  padding: 10px 14px;
  /* 讓卡片之間有間距 */
}

@media (min-width: 992px) {
  .mc-team__track .slick-slide {
    padding: 10px 25px;
  }
}

/* 人物卡片 */
.mc-team-card {
  display: block;
  color: inherit;
  text-decoration: none;
  text-align: center;
  position: relative;
  padding-top: 58px;
  /* 給頭像浮起空間 */
}

/* 頭像圈 */
.mc-team-card__avatar {
  max-width: 200px;
  max-height: 200px;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  margin: 0 auto;
  border: 2px solid var(--brand-color);
  /* 淡金外框 */
  padding: 6px;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.mc-team-card__avatar-inner {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
}

.mc-team-card__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1s ease;
  transform: scale(1);
  transform-origin: center center;
}

.section04.mc-team .mc-team-card:hover .mc-team-card__avatar img,
.section04.mc-team .mc-team-card:focus-visible .mc-team-card__avatar img {
  transform: scale(1.12);
}

.section04.mc-team .mc-team-card__avatar {
  width: 200px;
  height: 200px;
  max-width: 200px;
  max-height: 200px;
}

@media (max-width: 991px) {
  .section04.mc-team .mc-team-card__avatar {
    width: 56vw;
    height: 56vw;
    max-width: 200px;
    max-height: 200px;
  }
}

/* 下面半圓底 */
.mc-team-card__body {
  margin-top: -95px;
  padding: 110px 18px 18px;
  border-radius: 110px 110px 0px 0px;
  background: linear-gradient(180deg, #b8967e40, #b8967e00);
  border: 0px solid rgba(0, 0, 0, 0.04);
  /*box-shadow: 0 10px 22px rgba(0, 0, 0, .05);*/
}

/* 文字 */
.mc-team-card__name {
  font-size: clamp(20px, 1.7vw + 10px, 24px);
  font-weight: 600;
  color: var(--brand-content-txt01);
  margin-bottom: 6px;
}

.mc-team-card__role {
  font-size: var(--fs-body);
  font-weight: 600;
  color: var(--brand-color);
  letter-spacing: 1px;
  margin-bottom: 14px;
}

/* 引言 */
.mc-team-card__quote {
  position: relative;
  color: var(--brand-content-txt03);
  line-height: 1.9;
  font-size: var(--fs-body);
  padding: 0 18px;
}

.mc-team-card__body .mc-team-card__quote {
  width: fit-content;
  margin: auto;
}

.mc-team-card__body .mc-about__quote--l {
  left: -8px;
  font-size: var(--fs-body);
}

.mc-team-card__body .mc-about__quote--r {
  right: -8px;
  font-size: var(--fs-body);
}

/*團隊tab切換*/

.mc-lawyer-switcher {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}

.mc-lawyer-switcher__nav-title {
  font-size: var(--fs-heading-md);
  font-weight: 600;
  color: var(--brand-content-txt01);
  padding-bottom: 10px;
  margin-bottom: 12px;
  border-bottom: 2px solid var(--brand-content-txt01);
}

.mc-lawyer-switcher__tab {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 8px;
  border: 0;
  border-bottom: 1px solid #ece7df;
  background: transparent;
  text-align: left;
  transition: background 0.2s ease;
}

.mc-lawyer-switcher__tab:hover,
.mc-lawyer-switcher__tab.is-active {
  background: #f7f3ed;
  outline: 0px;
}

.mc-lawyer-switcher__thumb {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  background: #f3efe8;
  flex: 0 0 60px;
}

.mc-lawyer-switcher__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-lawyer-switcher__name {
  display: block;
  font-size: var(--fs-heading-md);
  font-weight: 700;
  color: var(--brand-content-txt01);
}

.mc-lawyer-switcher__role {
  display: block;
  margin-top: 2px;
  font-size: var(--fs-body);
  color: var(--brand-color5);
}

.mc-lawyer-switcher__panel {
  display: none;
  animation: mcLawyerFade 0.28s ease;
  scroll-margin-top: 110px;
}

.mc-lawyer-switcher__panel.is-active {
  display: block;
}

.ab-s4.mc-team {
  scroll-margin-top: 110px;
}

.mc-lawyer-switcher__hero {
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 40px;
}

.mc-lawyer-switcher__hero img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

.mc-lawyer-switcher__title {
  font-size: clamp(22px, 1.3vw + 16px, 30px);
  font-weight: 600;
  color: var(--brand-content-txt01);
  margin-bottom: 18px;
}

.mc-lawyer-switcher__intro span.mc-lawyer-switcher__title-role {
  margin-left: 8px;
  font-size: var(--fs-body);
  color: var(--brand-color5);
  font-weight: 400;
}

.mc-lawyer-switcher__desc p {
  font-size: var(--fs-body);
  line-height: 1.5;
  color: var(--brand-content-txt02);
  text-align: justify;
  margin-bottom: 14px;
}

.mc-lawyer-switcher__block {
  margin-top: 24px;
}

.mc-lawyer-switcher__block-title {
  background: #fafaf9;
  border-left: 4px solid var(--brand-color5);
  padding: 10px 14px;
  font-size: var(--fs-body);
  font-weight: 400;
  color: var(--brand-content-txt01);
  margin-bottom: 14px;
}

.mc-lawyer-switcher__list {
  list-style: none;
  padding-left: 0;
}

.mc-lawyer-switcher__list li {
  position: relative;
  padding-left: 18px;
  color: var(--brand-content-txt02);
  line-height: 2;
}

.mc-lawyer-switcher__list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 11px;
}

.ck-area .mc-lawyer-switcher__list li::marker {
  content: "";
  opacity: 0;
  color: #fff;
}

@keyframes mcLawyerFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .mc-lawyer-switcher {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .mc-lawyer-switcher__hero img {
    height: 220px !important;
  }
}

/*-------------------section05------------------*/

.section05 {
  background: url(../images/s5-bg.jpg) center no-repeat;
  background-size: cover;
  border-bottom: 1px solid #ece5dc;
}

.mc-posts__kicker {
  font-size: var(--fs-body-sm);
  letter-spacing: 2px;
  color: #8c8c8c;
  margin-bottom: 8px;
}

.mc-posts__title {
  font-size: var(--fs-heading-lg);
  font-weight: 800;
  color: #1f3a5f;
  margin: 0;
}

/* Tabs：膠囊 */
.mc-posts__tabs .nav-link {
  border-radius: 999px;
  padding: 10px 22px;
  font-weight: 600;
  border: 1px solid #ddd;
  color: var(--brand-color2);
  background: rgba(255, 255, 255, 0.55);
  transition: all 0.2s ease;
}

.mc-posts__tabs .nav-item + .nav-item {
  margin-left: 14px;
}

.mc-posts__tabs .nav-link.active {
  background: var(--brand-color);
  /* 淡金 */
  border-color: var(--brand-color);
  color: #fff;
}

/* 文章卡 */
.mc-post-card {
  text-decoration: none !important;
  color: inherit;
}

.mc-post-card__media {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.06);
  /*box-shadow: 0 10px 22px rgba(0,0,0,.08);*/
  margin-bottom: 14px;
  overflow: hidden;
}

.mc-post-card__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1s ease;
  transform: scale(1);
  transform-origin: center center;
}

/* hover */
.mc-post-card:hover .mc-post-card__media img {
  transform: scale(1.12);
}

.mc-post-card__title {
  font-weight: 600;
  color: var(--brand-content-txt01);
  font-size: var(--fs-body);
  line-height: 1.6;
  margin-bottom: 10px;
}

.mc-post-card__date {
  color: var(--brand-content-txt03);
  font-size: var(--fs-body-sm);
  letter-spacing: 0.5px;
}

.mc-post-card__desc {
  color: #6c757d;
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 10px;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*-------------------section06------------------*/

.section06 {
  padding: 80px 0;
}

/*-------------------section07------------------*/

.section07 {
  padding: 80px 0;
  background: url(../images/s7-bg.jpg) center no-repeat;
  background-size: cover;
}

@media (max-width: 768px) {
  .section07 {
    background: url(../images/s7-bg-mo.jpg) center no-repeat;
    background-size: cover;
  }
}

/*-------------------footer------------------*/

.mc-footer {
  padding: 52px 0 26px;
  color: rgba(255, 255, 255, 0.78);
  background:
    radial-gradient(
      900px 420px at 20% 0%,
      rgba(255, 255, 255, 0.08),
      transparent 60%
    ),
    radial-gradient(
      900px 520px at 80% 10%,
      rgba(255, 255, 255, 0.05),
      transparent 55%
    ),
    linear-gradient(180deg, #3b4252 0%, #1f2a3b 35%, #0f172a 100%);
}

.mc-footer__brand {
  font-size: clamp(20px, 1.7vw + 10px, 24px);
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--brand-color4);
  margin-bottom: 25px;
}

@media (max-width: 991px) {
  .mc-footer__brand {
    text-align: center;
  }
}

.mc-footer__info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 56px;
  margin-bottom: 36px;
  /*max-width: 760px;*/
}

.mc-footer__info-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.mc-footer__info-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(238, 228, 188, 0.45);
  color: var(--brand-color4);
  background-color: #272f3f;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
}

.mc-footer__info-icon i {
  position: relative;
  left: 1px;
}

.mc-footer__info-label {
  font-size: var(--fs-body);
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}

.mc-footer__info-value {
  font-size: var(--fs-body);
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.78);
}

.mc-footer__info-item--address .mc-footer__info-value {
  max-width: 320px;
}

@media (max-width: 991px) {
  .mc-footer__info-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 28px;
  }
  .mc-footer .d-flex.flex-wrap.mt-5.gap-3 {
    justify-content: center;
  }
}

/* divider */
.mc-footer__hr {
  border: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
  margin: 34px 0 16px;
}

/* copyright */
.mc-footer__copy p {
  text-align: center;
  color: rgba(255, 255, 255, 0.55);
  font-size: var(--fs-body-sm);
  letter-spacing: 0.5px;
}

.footer-map {
  border-radius: 15px;
}

/*-------------------關於我們------------------*/

.mc-page-hero {
  background: transparent;
}

/* 整塊卡片 */
.mc-page-hero__card {
  background: #f6ede2;
  /* 淡米色 */
  border-radius: 14px;
  overflow: hidden;
  /*box-shadow: 0 10px 26px rgba(0, 0, 0, .06);*/
}

/* 左側內容 */
.mc-page-hero__content {
  padding: 58px 48px;
}

/* 右側圖片 */
.mc-page-hero__image {
  background-image: url("../images/about-hero.png");
  height: 280px;
  /* 圖的高度級距 */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* 左側淡淡的漸層，讓文字區與圖銜接更柔 */
.mc-page-hero__image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f6ede2 0%, rgba(245, 239, 230, 0) 55%);
  pointer-events: none;
}

/* 桌機高度拉高一點更像橫幅 */
@media (min-width: 992px) {
  .mc-page-hero__image {
    height: 300px;
  }
}

/* 手機：上下堆疊、padding 縮小 */
@media (max-width: 575.98px) {
  .mc-page-hero__content {
    padding: 34px 22px;
  }

  .mc-page-hero__image {
    height: 250px;
  }
}

.mc-how {
  background: #faf7f2;
}

/* Steps */
.mc-steps {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.mc-step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.mc-step__no {
  width: clamp(36px, 2.2vw + 10px, 44px);
  height: clamp(36px, 2.2vw + 10px, 44px);
  border-radius: 100%;
  background: linear-gradient(315deg, #1f3044, #576e94);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  /*box-shadow: 0 12px 22px rgba(31, 58, 95, .18);*/
  flex: 0 0 auto;
  font-size: var(--fs-heading-md);
}

.mc-step__title {
  font-size: var(--fs-heading-md);
  font-weight: 900;
  color: var(--brand-content-txt01);
  margin-bottom: 6px;
}

.mc-step__desc {
  font-size: var(--fs-body);
  color: var(--brand-content-txt03);
  line-height: 1.9;
}

/* Right image */
.mc-how__image {
  width: 100%;
  height: 330px;
  border-radius: 14px;
  background-image: url("../images/how-we-work.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*box-shadow: 0 14px 30px rgba(0, 0, 0, .12);*/
  /*border: 1px solid rgba(0, 0, 0, 0.04);*/
}

/* 桌機更接近截圖比例 */
@media (min-width: 992px) {
  .mc-how__image {
    height: 360px;
  }
}

/* 手機調整 */
@media (max-width: 575.98px) {
  .mc-how__title {
    font-size: 26px;
  }

  .mc-how__image {
    height: 220px;
  }

  .mc-step__title {
    font-size: 17px;
  }
}

.ab-s3 {
  padding: 80px 0px;
  background: url(../images/ab-s3-bg.jpg) center no-repeat;
  background-size: cover;
  border-top: 1px solid #ece5dc;
  border-bottom: 1px solid #ece5dc;
}

.ab-s4 {
  padding: 80px 0px;
  background: url(../images/s4-bg.jpg) center;
  background-size: cover;
  background-attachment: fixed;
  border-bottom: 1px solid #ece5dc;
}
@media (max-width: 991px) {
  .ab-s4 {
    background-attachment: scroll;
  }
}
.mc-team-card {
  padding-top: 0px;
}

.column-4 .mc-team-card__body {
  margin-top: -85px;
  padding: 100px 18px 18px;
  border-radius: 100px 100px 0px 0px;
}

.column-4 .mc-team-card__avatar {
  max-width: 180px;
  max-height: 180px;
  width: 100%;
}

.ab-s1-txt .mc-title span,
.ab-s1-txt .mc-title b {
  letter-spacing: 3px;
}

.ab-s1-txt .mc-title b {
  font-weight: 600;
}

@media (max-width: 991px) {
  .ab-s3 {
    padding: 80px 0px 30px 0;
  }
  .ab-s1-txt {
    text-align: center;
  }
  .column-4 .mc-team-card__body {
    padding: 100px 0px 18px;
  }
  .mc-team-card__body {
    padding: 110px 0px 18px;
  }
}

/*@media (min-width: 992px) {
    .column-3 .mc-team-card {
        padding: 10px 25px;
    }
}*/

.ab-s5 {
  padding: 80px 0px;
  background: url(../images/ab-s3-bg.jpg) center no-repeat;
  background-size: cover;
  border-top: 1px solid #ece5dc;
  border-bottom: 1px solid #ece5dc;
}

@media (max-width: 991px) {
  .ab-s3,
  .ab-s5 {
    text-align: center !important;
  }
}

.mc-space__desc {
  color: var(--brand-content-txt03);
  font-size: var(--fs-body);
  line-height: 1.9;
  margin-bottom: 10px;
}

/* 右側拼貼：2欄2列，大圖跨兩列 */
.mc-space__gallery {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  /* 左大、右小 */
  grid-template-rows: 1fr 1fr;
  gap: 18px;
}

.mc-space__img {
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  /*box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);*/
  /*border: 1px solid rgba(0, 0, 0, 0.04);*/
  min-height: 200px;
}

.mc-space__img::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}

/* 大圖跨兩列 */
.mc-space__img--big {
  background-image: url("../images/space-01.jpg");
  grid-column: 1;
  grid-row: 1 / 3;
  min-height: 340px;
}

/* 右側小圖 */
.mc-space__img--top {
  background-image: url("../images/space-02.jpg");
  grid-column: 2;
  grid-row: 1;
  min-height: 160px;
}

.mc-space__img--bottom {
  background-image: url("../images/space-03.jpg");
  grid-column: 2;
  grid-row: 2;
  min-height: 160px;
}

.mc-space__img--big::after {
  background-image: url("../images/space-01-2.jpg");
}

.mc-space__img--top::after {
  background-image: url("../images/space-02-2.jpg");
}

.mc-space__img--bottom::after {
  background-image: url("../images/space-03-2.jpg");
}

.mc-space__gallery:hover .mc-space__img::after {
  opacity: 1;
}

@media (min-width: 992px) {
  .mc-space__img--big {
    min-height: 360px;
  }

  .mc-space__img--top,
  .mc-space__img--bottom {
    min-height: 170px;
  }
}

/* 手機：改成 1欄，依序大圖→右上→右下 */
@media (max-width: 575.98px) {
  .mc-space__gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 14px;
  }

  .mc-space__img--big {
    grid-column: 1;
    grid-row: auto;
    min-height: 220px;
  }

  .mc-space__img--top,
  .mc-space__img--bottom {
    grid-column: 1;
    grid-row: auto;
    min-height: 170px;
  }
}

/*-------------------服務項目------------------*/

.breadcrumb li:before,
.breadcrumb-area .breadcrumb li + li::before {
  top: 2px;
}

/* 外層 */
.mc-service-list .mc-service-item {
  position: relative;
  background: #f3f3f1;
}

/* 左右兩半高度一致的做法：用固定高度 */
.mc-service-list .mc-service-item__media {
  background-color: #dddddd;
  width: 100%;
  aspect-ratio: 5 / 3;
  height: auto;
  /* 取消固定高度 */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 文字區 */
.mc-service-list .mc-service-item__content {
  height: 400px;
  /* 跟圖片同高 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 54px;
  background: #f3f3f1;
  /* 右側淡灰白 */
  align-items: center;
}

.mc-service-list .mc-service-item__title {
  font-size: var(--fs-heading-md);
  font-weight: 600;
  color: var(--brand-content-txt01);
  margin: 0 0 14px;
}

.mc-service-list .mc-service-item__lead {
  font-size: var(--fs-heading-md);
  font-weight: 800;
  color: var(--brand-content-txt02);
  line-height: 1.8;
  margin-bottom: 18px;
}

.mc-service-list .mc-service-item__text {
  color: var(--brand-content-txt03);
  line-height: 2;
  font-size: var(--fs-body);
  max-width: 600px;
  text-align: justify;
}

/* 中間圓形 icon（疊在交界） */
.mc-service-list .mc-service-item__badge {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(48px, 2.5vw + 10px, 60px);
  height: clamp(48px, 2.5vw + 10px, 60px);
  border-radius: 100%;
  background: linear-gradient(315deg, #1f3044, #576e94);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  /*box-shadow: 0 16px 36px rgba(31, 58, 95, .25);*/
  /*border: 6px solid rgba(250, 247, 242, 1);*/
  /* 讓它像切開在中間 */
  z-index: 2;
}

.mc-service-list .mc-service-item__badge i {
  font-size: var(--fs-heading-md);
}

.mc-service-list .mc-service-item.is-reverse .mc-service-item__content {
  background: #f3f3f1;
}

.mc-service-list .mc-service-item__content {
  height: auto;
  /* 取消固定高度 */
  min-height: 100%;
  /* 讓它能跟著 row 拉齊 */
  padding: 48px 54px;
  background: #f6f6f4;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* RWD：手機改上下堆疊 + badge 放到中間偏上 */
@media (max-width: 991px) {
  .mc-service-list .mc-service-item__media,
  .mc-service-list .mc-service-item__content {
    height: auto;
    min-height: 300px;
  }

  .mc-service-list .mc-service-item__content {
    padding: 60px 15px 55px 15px;
  }

  .mc-service-list .mc-service-item__badge {
    top: 300px;
    /* 讓 badge 壓在圖片底部交界處，可依你圖片高度微調 */
  }
}

.mc-service-overview {
  padding: 80px 0 80px;
  /*background: linear-gradient(180deg, #fbf8ef 0%, #f4efe2 100%);*/
  background:
    radial-gradient(
      800px 420px at 10% 30%,
      rgba(254, 243, 199, 0.65),
      transparent 55%
    ),
    radial-gradient(
      900px 520px at 90% 10%,
      rgba(55, 65, 81, 0.08),
      transparent 55%
    ),
    linear-gradient(rgba(250, 247, 242, 0.3), rgba(250, 247, 242, 0.3)),
    url(../images/s3-bg.jpg) center no-repeat,
    #faf7f2;
  background-size: cover, cover, contain, cover, cover;
  background-attachment: scroll, scroll, fixed, fixed, scroll;
  border-top: 1px solid #ece5dc;
  border-bottom: 1px solid #ece5dc;
}

@media (max-width: 991px) {
  .mc-service-overview {
    background-attachment: scroll, scroll, scroll, scroll, scroll;
  }
}

.mc-service-overview__featured {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.mc-service-overview__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 22px;
}

.mc-service-overview__card {
  background: #fff;
  border: 1px solid #ebe4d7;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(31, 48, 68, 0.06);
}

.mc-service-overview__card--featured .mc-service-overview__intro {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 22px 32px;
}

.mc-service-overview__card--compact {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 26px;
  min-height: 166px;
}

.mc-service-overview__icon-box {
  width: 92px;
  height: 92px;
  border-radius: 16px;
  border: 1px solid #f2e8d9;
  background: linear-gradient(315deg, #e1cdbb4a 0%, #f6ede24a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mc-service-overview__icon-box--compact {
  width: 86px;
  height: 86px;
}

.mc-service-overview__icon-img {
  max-width: 89px;
  max-height: 89px;
  object-fit: contain;
}

.mc-service-overview__icon-fallback {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #f1e6d1;
  color: var(--brand-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.mc-service-overview__heading {
  min-width: 0;
  flex: 1;
}

.mc-service-overview__title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.mc-service-overview__no {
  color: var(--brand-color);
  font-size: var(--fs-heading-md);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

.mc-service-overview__title {
  margin: 0;
  color: var(--brand-content-txt01);
  font-size: var(--fs-heading-md);
  font-weight: 500;
  line-height: 1.35;
}

.mc-service-overview__summary {
  color: var(--brand-content-txt03);
  font-size: var(--fs-body);
  line-height: 1.9;
}

.mc-service-overview__body {
  padding: 22px 32px 28px;
  background: #fafaf9;
  border-top: 1px solid #efe7dc;
}

.mc-service-overview__points {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.mc-service-overview__point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mc-service-overview__point-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--brand-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 5px;
}

.mc-service-overview__point-icon i {
  font-size: 10px;
  position: relative;
  left: 1px;
}

.mc-service-overview__point-text {
  color: var(--brand-content-txt03);
  font-size: var(--fs-body);
  line-height: 1.9;
}

.mc-service-overview__point-label {
  color: var(--brand-content-txt01);
  font-weight: 700;
}

.mc-service-overview__card--compact .mc-service-overview__title-row {
  margin-bottom: 8px;
}

@media (max-width: 991px) {
  .mc-service-overview {
    padding: 64px 0 64px;
  }

  .mc-service-overview__grid {
    grid-template-columns: 1fr;
  }

  .mc-service-overview__card--featured .mc-service-overview__intro {
    padding: 20px 22px;
    gap: 16px;
    align-items: flex-start;
  }

  .mc-service-overview__card--compact {
    padding: 20px 22px;
    min-height: 0;
  }

  .mc-service-overview__body {
    padding: 20px 22px 24px;
  }

  .mc-service-overview__icon-box {
    width: 82px;
    height: 82px;
  }

  .mc-service-overview__icon-box--compact {
    width: 74px;
    height: 74px;
  }
}

@media (max-width: 575px) {
  .mc-service-overview__card--featured .mc-service-overview__intro,
  .mc-service-overview__card--compact {
    flex-direction: column;
    align-items: center;
  }

  .mc-service-overview__title-row {
    gap: 8px;
    margin-bottom: 6px;
    justify-content: center;
  }

  .mc-service-overview__no {
    font-size: 20px;
  }

  .mc-service-overview__body {
    padding-top: 18px;
  }
  .mc-service-overview__summary {
    text-align: center;
  }
}

/*------ service01------*/
@media (max-width: 991px) {
  .sc-civil-intro .mc__kicker,
  .sc-civil-intro .mc-title,
  .sc-civil-intro .mc-space__desc {
    text-align: center;
  }
}
.sc-civil-intro__hero-img {
  border-radius: 14px;
  min-height: 340px;
  background-position: center;
  background-size: cover;
}
.sc-civil-intro__sub-img {
  border-radius: 14px;
  min-height: 220px;
  background-position: center;
  background-size: cover;
}
.sc-civil-intro__divider {
  margin: 48px 0;
  border-color: #d9d9d9;
}

/* service-civil: content format (title + intro + bullet points) */
.sc-civil-list .mc-service-item__text {
  text-align: left;
}

.sc-civil-list .mc-service-item__intro {
  margin: 0 0 24px;
  color: var(--brand-content-txt02);
  line-height: 1.8;
  font-size: var(--fs-body);
  text-align: justify;
}

.sc-civil-list .mc-service-item__points {
  margin: 0;
  list-style: disc;
  list-style-position: outside;
}

.sc-civil-list .mc-service-item__points li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
}

.sc-civil-list .mc-service-item__points li:last-child {
  margin-bottom: 0;
}

.sc-civil-list .mc-service-item__points li::marker {
  color: #c6c6c6;
}

.sc-civil-list .mc-service-item__points li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 11px;
}

.sc-civil-list .mc-service-item__point-label {
  display: block;
  margin-bottom: 2px;
  color: var(--brand-content-txt01);
  font-size: var(--fs-body);
  font-weight: 600;
}

.sc-civil-list .mc-service-item__point-desc {
  display: block;
  color: var(--brand-content-txt03);
  font-size: var(--fs-body);
  line-height: 1.8;
  text-align: justify;
}

.sc-civil-consult {
  padding: 80px 0;
  background:
    url(../images/sc-civil-consult.png) right no-repeat,
    linear-gradient(0deg, #fef8dd, #ffffff);
  background-size: cover;
}

.sc-civil-consult__inner {
  padding: clamp(34px, 4vw, 64px) 0;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.sc-civil-consult__content,
.sc-civil-consult__aside {
  position: relative;
  z-index: 1;
}

.sc-civil-consult__subtitle {
  font-size: var(--fs-heading-md);
  line-height: 1.45;
  font-weight: 600;
  color: var(--brand-content-txt01);
}

.sc-civil-consult__desc p {
  margin: 0 0 8px;
  color: var(--brand-content-txt03);
  font-size: var(--fs-body);
  line-height: 1.8;
}

.sc-civil-consult__desc p:last-child {
  margin-bottom: 0;
}

.sc-civil-consult__aside-title {
  font-size: var(--fs-heading-md);
  line-height: 1.4;
  font-weight: 600;
  color: var(--brand-content-txt01);
}

.sc-civil-consult__list {
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

.sc-civil-consult__item {
  position: relative;
  padding-left: 18px;
  margin-bottom: 5px;
  color: var(--brand-content-txt03);
  font-size: var(--fs-body);
  line-height: 1.9;
}

.sc-civil-consult__item:last-child {
  margin-bottom: 0;
}

.sc-civil-consult__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d3d1c9;
  transform: translateY(-50%);
}

.sc-civil-consult__item-label {
  color: var(--brand-content-txt01);
  font-weight: 700;
}

.sc-civil-consult__item-value {
  color: var(--brand-color5);
  font-weight: 600;
  font-size: var(--fs-body);
}

.sc-civil-consult__item-suffix {
  color: var(--brand-content-txt02);
}

.sc-civil-consult__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.sc-civil-consult__actions .mc-btn {
  min-width: 152px;
  padding: 12px 28px;
}

@media (max-width: 991px) {
  @media (max-width: 991px) {
    .sc-civil-consult {
      padding: 60px 0;
      background:
        url(../images/sc-civil-consult-mo.png) center no-repeat,
        linear-gradient(0deg, #fef8dd, #ffffff);
      background-size: cover;
    }
  }

  .sc-civil-consult__inner {
    padding: 30px 22px;
    border-radius: 18px;
  }
}

@media (max-width: 575.98px) {
  .sc-civil-consult__actions {
    gap: 12px;
  }

  .sc-civil-consult__actions .mc-btn {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 991px) {
  .sc-civil-intro__hero-img {
    min-height: 240px;
  }
  .sc-civil-intro__sub-img {
    min-height: 200px;
  }
  .sc-civil-list .mc-service-item__points {
    padding-left: 18px;
  }
}

/*-------------------聯絡我們------------------*/

.des-link {
  font-weight: 600;
  font-size: inherit;
  letter-spacing: 0;
  color: var(--brand-color5);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
}

.des-link:hover {
  color: var(--brand-color3);
  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
}

/*------STEP------*/
.ct-s1 {
  padding: 80px 0px;
  background: url(../images/ab-s3-bg.jpg) center no-repeat;
  background-size: cover;
  border-top: 1px solid #ece5dc;
  border-bottom: 1px solid #ece5dc;
}

.mc-contact-flow {
  margin-top: 64px;
}

.mc-contact-flow__head {
  position: relative;
  margin-bottom: 32px;
}

.mc-contact-flow__bg-no i {
  position: absolute;
  left: 50%;
  top: -60px;
  transform: translateX(-50%);
  font-size: clamp(84px, 9vw, 132px);
  line-height: 1;
  color: rgba(31, 42, 59, 0.08);
  font-weight: 300;
  pointer-events: none;
}

.mc-contact-flow__item {
  /*max-width: 360px;*/
  margin: 0 auto;
}

/* Contact flow avatar: keep the same circular visual language as mc-team-card__avatar
   but isolate it under contact-page naming for easier maintenance. */
.mc-contact-flow__thumb {
  width: clamp(180px, 18vw, 206px);
  max-width: 206px;
  max-height: 206px;
  aspect-ratio: 1 / 1;
  margin: 0 auto 22px;
  border-radius: 100%;
  border: 2px solid var(--brand-color);
  padding: 6px;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  position: relative;
  z-index: 2;
}

.mc-contact-flow__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  display: block;
}

.mc-contact-flow__title {
  margin-bottom: 14px;
  font-size: var(--fs-heading-md);
  font-weight: 600;
  color: var(--brand-content-txt01);
}

.mc-contact-flow__step-no {
  color: var(--brand-color);
  margin-right: 6px;
  letter-spacing: 1px;
  font-size: var(--fs-heading-md);
  font-weight: 600;
}

.mc-contact-flow .mc-space__desc {
  line-height: 1.8;
  color: var(--brand-content-txt02);
}

.mc-space__desc span {
  font-size: inherit;
  font-weight: 600;
  color: var(--brand-color5);
}

.mc-contact-flow__notice {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #e8dfd3;
  background: rgba(255, 255, 255, 0.78);
}

.mc-contact-flow__notice-label {
  position: relative;
  min-width: 280px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(-90deg, var(--brand-color2), #576e94);
  color: #fff;
  font-size: var(--fs-heading-md);
  font-weight: 700;
}

.mc-contact-flow__notice-label i {
  font-size: var(--fs-heading-md);
  color: var(--brand-color5);
}

.mc-contact-flow__notice-label .notice-label-bg_i {
  position: absolute;
  color: #ffffff20;
  font-size: clamp(85px, 4.5vw + 18px, 120px);
  left: 0px;
}

.mc-contact-flow__notice-body {
  flex: 1 1 auto;
  padding: 22px 30px;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .mc-contact-flow__notice {
    flex-direction: column;
  }

  .mc-contact-flow__notice-label {
    min-width: 0;
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  .mc-contact-flow {
    margin-top: 48px;
  }

  .mc-contact-flow__bg-no {
    top: -28px;
  }

  .mc-contact-flow__thumb {
    width: 170px;
    height: 170px;
  }
}

/*------slick------*/

@media (max-width: 767.98px) {
  .mc-contact-flow__track.slick-slider {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 24px !important;
  }

  .mc-contact-flow__track.slick-slider .mc-contact-flow__slide {
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
  }

  .mc-contact-flow__track.slick-slider .slick-list {
    margin: 0 -10px;
  }

  .mc-contact-flow__track.slick-slider .slick-dots {
    bottom: -26px;
  }

  .mc-contact-flow__track.slick-slider .slick-dots li button:before {
    color: var(--brand-color);
    opacity: 0.28;
  }

  .mc-contact-flow__track.slick-slider
    .slick-dots
    li.slick-active
    button:before {
    opacity: 1;
    color: var(--brand-color);
  }
}

/*------contact info------*/

.ct-s2 {
  --ct-s2-gap: 16px;
  --ct-s2-radius: 14px;
  --ct-s2-padding: 10px 15px;
  --ct-s2-icon-size: 42px;
  padding: 80px 0;
}

.ct-s2__info-list {
  display: flex;
  flex-direction: column;
  gap: var(--ct-s2-gap);
}

.ct-s2__info-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: var(--ct-s2-padding);
  border: 1px solid #e5ddd2;
  border-radius: var(--ct-s2-radius);
  background: linear-gradient(90deg, #f6f1e9, #f3ede4);
}

.ct-s2__info-icon,
.ct-s2__line-icon {
  width: var(--ct-s2-icon-size);
  height: var(--ct-s2-icon-size);
  flex: 0 0 var(--ct-s2-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.ct-s2__info-icon {
  background: linear-gradient(315deg, #324765, #5c7399);
  color: #fff;
}

.ct-s2__line-icon {
  background: #fff;
  color: #06c755;
}

.ct-s2__info-icon i,
.ct-s2__line-icon i {
  position: relative;
  top: 1px;
  left: 1px;
  font-size: var(--fs-heading-md);
}

.ct-s2__info-content {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 6px;
  align-items: start;
  padding-top: 8px;
}

.ct-s2__info-main {
  display: contents;
}

.ct-s2__info-label {
  grid-column: 1;
  white-space: nowrap;
  padding-top: 0px;
  font-size: var(--fs-heading-md);
  font-weight: 700;
  color: var(--brand-content-txt01);
}

.ct-s2__info-value,
.ct-s2__info-sub {
  grid-column: 2;
  font-size: var(--fs-body);
  color: var(--brand-content-txt02);
}

.ct-s2__info-value {
  line-height: 1.8;
  word-break: break-word;
  padding-top: 2px;
}

.ct-s2__info-sub {
  margin-top: 0;
  line-height: 1.9;
}

.ct-s2__line-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: var(--ct-s2-padding);
  border-radius: var(--ct-s2-radius);
  background: var(--brand-color5);
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ct-s2__line-btn:hover {
  color: #fff;
  background-color: var(--brand-color3);
  transform: translateY(-2px);
}

.ct-s2__line-text {
  font-size: var(--fs-heading-md);
  font-weight: 700;
  letter-spacing: 0.5px;
}

.ct-s2__line-text small {
  margin-left: 8px;
  font-size: var(--fs-body);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

@media (max-width: 991px) {
  .ct-s2__info-item,
  .ct-s2__line-btn {
    padding: 16px 18px;
  }
}

.ct-s2__info-item--email .ct-s2__info-value {
  word-break: break-all;
}

@media (max-width: 991px) {
  .ct-s2__info-content {
    row-gap: 4px;
  }
  .ct-s2__info-item--address .ct-s2__info-content {
    grid-template-columns: 1fr;
  }
  .ct-s2__info-item--email .ct-s2__info-content {
    display: flex;
    flex-direction: column;
  }
  .ct-s2__info-item--address .ct-s2__info-label,
  .ct-s2__info-item--address .ct-s2__info-value,
  .ct-s2__info-item--address .ct-s2__info-sub {
    grid-column: 1;
  }
}

.ct-s2__info-item--link {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ct-s2__info-item--link:hover {
  color: inherit;
  transform: translateY(-2px);
  filter: brightness(1.05);
  /*box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);*/
}

/*------蓋舊樣式------*/

.re-code {
  font-size: var(--fs-body);
  color: #3c1a6d !important;
}

.ct-s2 .form-control {
  height: 45px;
  padding: 10px 15px;
  font-size: var(--fs-body);
  border: 1px solid #dddddd;
  border-radius: 6px;
}

.newcode-box {
  max-width: 100px;
  position: relative;
  top: 4px;
}

.iframe_map {
  position: relative;
  top: 6px;
}

/*-------------------------------------*/

.header .top-header .top-menu .collapse li a {
  color: var(--brand-content-txt02);
}

.mc-nav-dropdown__toggle.dropdown-toggle {
  position: relative;
  right: 20px;
}

.mc-nav-dropdown__head {
  display: flex;
  align-items: center;
}

.mc-nav-dropdown__link {
  padding-right: 6px;
}

.mc-nav-dropdown__toggle {
  border: 0;
  background: transparent;
  padding: 0 0 0 4px;
  color: inherit;
}

.mc-nav-dropdown__toggle::after {
  margin-left: 0;
}

.mc-nav-dropdown__toggle:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 991px) {
  .mc-nav-dropdown__head {
    display: block;
  }

  .mc-nav-dropdown__toggle {
    display: none;
  }

  .mc-nav-dropdown__link {
    width: 100%;
    padding-right: 15px;
  }

  .header nav .nav .mc-nav-dropdown .dropdown-menu {
    display: block;
    position: static;
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 0 0 18px;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none !important;
    border-radius: 0;
    background: #393030;
  }

  .mc-nav-dropdown .dropdown-item {
    padding: 8px 15px 8px 20px;
    color: rgba(255, 255, 255, 0.88);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 16px;
    white-space: normal;
  }

  .mc-nav-dropdown .dropdown-item:last-child {
    border-bottom: 0;
  }
}

.story-section02.news_section .nav-tabs .nav-link {
  padding: 10px 20px;
  border-radius: 60px;
  margin: 0px 8px;
}

.header-line-btn i {
  font-size: 20px;
  position: relative;
  top: 2px;
}

.header .top-header .top-menu .collapse .header-line-btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% + 39px);
  background-color: var(--brand-color5);
  top: -19px;
}

.header .top-header .top-menu .collapse .header-line-btn a {
  color: #ffffff;
  z-index: 1;
  position: relative;
}

.header .top-header .top-menu .collapse .header-line-btn:hover a {
  color: #ffffff;
  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
}

.header .top-header .top-menu .collapse .header-line-btn:hover:before {
  background-color: var(--brand-color3);
  -webkit-transition: all 300ms ease-in 0s;
  -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
}

@media (max-width: 1244px) {
  .header-line-btn {
    display: none;
  }
}

.header .logo img {
  margin-left: 1rem;
}

.story-section02.news_section .nav-tabs .nav-link.active,
.story-section02.news_section .nav-tabs .nav-link:hover {
  background: var(--brand-color);
}

.news_items .word-item h3,
.news_items .word-item small {
  color: var(--brand-content-txt01);
}

.news_items .word-item small {
  color: var(--brand-content-txt03);
}

.contact-item h6 {
  line-height: 1.8;
}

.header.stick {
  background: #ffffff99;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.header .top-header {
  background-image: unset;
}

/*-------------------字級系統------------------*/

.header .top-header .top-menu .collapse li a {
  font-size: var(--fs-body);
  font-weight: 400;
}

.story-section02.news_section .nav-tabs .nav-link {
  font-size: var(--fs-body);
}

.news_items .word-item h3,
.news_items .word-item small {
  font-size: var(--fs-body);
}

.contact-item h3.custom-title {
  font-size: var(--fs-heading-lg);
}

.contact-item h6 {
  font-size: var(--fs-body);
}

.contact-item .control-label {
  font-size: var(--fs-body);
}

.contact-item .col-md-9 {
  font-size: var(--fs-body);
}

.breadcrumb-area .breadcrumb,
.breadcrumb-area .breadcrumb li a {
  font-size: var(--fs-body);
}

.story-section03 p {
  color: var(--brand-content-txt01);
  font-size: var(--fs-body);
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.main_Blog-date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 5px;
}

.main_Blog-date-img {
  position: relative;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.main_Blog-date span,
.main_Blog-date time {
  margin-bottom: 5px;
  font-size: var(--fs-body);
  color: var(--brand-content-txt01);
}

.main_Blog-date time {
  display: block;
  position: relative;
  margin-left: 9px;
  padding-left: 9px;
}

.main_Blog-date time:before {
  content: "";
  display: block;
  width: 1px;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  background: #d0d0d0;
}

.main_Blog-date--single time {
  margin-left: 0;
  padding-left: 0;
}

.main_Blog-date--single time:before {
  display: none;
}

.modal .modal-title {
  font-size: var(--fs-heading-lg);
}