@charset "UTF-8";
/* Simple CSS Reset */

.soy_Isoflavones,
.soy_Isoflavones div, 
.soy_Isoflavones span,
.soy_Isoflavones applet,
.soy_Isoflavones object,
.soy_Isoflavones iframe,
.soy_Isoflavones h1,
.soy_Isoflavones h2,
.soy_Isoflavones h3,
.soy_Isoflavones h4,
.soy_Isoflavones h5,
.soy_Isoflavones h6,
.soy_Isoflavones p,
.soy_Isoflavones blockquote,
.soy_Isoflavones pre,
.soy_Isoflavones a,
.soy_Isoflavones abbr,
.soy_Isoflavones acronym,
.soy_Isoflavones address,
.soy_Isoflavones big,
.soy_Isoflavones cite,
.soy_Isoflavones code,
.soy_Isoflavones del,
.soy_Isoflavones dfn,
.soy_Isoflavones em,
.soy_Isoflavones img,
.soy_Isoflavones ins,
.soy_Isoflavones kbd,
.soy_Isoflavones q,
.soy_Isoflavones s,
.soy_Isoflavones samp,
.soy_Isoflavones small,
.soy_Isoflavones strike,
.soy_Isoflavones strong,
.soy_Isoflavones sub,
.soy_Isoflavones sup,
.soy_Isoflavones tt,
.soy_Isoflavones var,
.soy_Isoflavones b,
.soy_Isoflavones u,
.soy_Isoflavones i,
.soy_Isoflavones center,
.soy_Isoflavones dl,
.soy_Isoflavones dt,
.soy_Isoflavones dd,
.soy_Isoflavones ol,
.soy_Isoflavones ul,
.soy_Isoflavones li,
.soy_Isoflavones fieldset,
.soy_Isoflavones form,
.soy_Isoflavones label,
.soy_Isoflavones legend,
.soy_Isoflavones table,
.soy_Isoflavones caption,
.soy_Isoflavones tbody,
.soy_Isoflavones tfoot,
.soy_Isoflavones thead,
.soy_Isoflavones tr,
.soy_Isoflavones th,
.soy_Isoflavones td,
.soy_Isoflavones article,
.soy_Isoflavones aside,
.soy_Isoflavones canvas,
.soy_Isoflavones details,
.soy_Isoflavones embed,
.soy_Isoflavones figure,
.soy_Isoflavones figcaption,
.soy_Isoflavones footer,
.soy_Isoflavones header,
.soy_Isoflavones hgroup,
.soy_Isoflavones menu,
.soy_Isoflavones nav,
.soy_Isoflavones output,
.soy_Isoflavones ruby,
.soy_Isoflavones section,
.soy_Isoflavones summary,
.soy_Isoflavones time,
.soy_Isoflavones mark,
.soy_Isoflavones audio,
.soy_Isoflavones video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
.soy_Isoflavones article,
.soy_Isoflavones aside,
.soy_Isoflavones details,
.soy_Isoflavones figcaption,
.soy_Isoflavones figure,
.soy_Isoflavones footer,
.soy_Isoflavones header,
.soy_Isoflavones hgroup,
.soy_Isoflavones menu,
.soy_Isoflavones nav,
.soy_Isoflavones section {
  display: block;
}

.soy_Isoflavones {
  --font-sans: "Noto Sans TC", "Noto Sans", "Noto Sans CJK TC", "PingFang TC", sans-serif;
  --font-serif: "Noto Serif TC", "Noto Serif CJK TC", "Songti TC", serif;
  color: #000;
  font-family: var(--font-serif);
  font-optical-sizing: auto;
  font-weight: 800;
  line-height: 1;
}

.soy_Isoflavones ol,
.soy_Isoflavones ul {
  list-style: none;
}

.soy_Isoflavones blockquote,
.soy_Isoflavones q {
  quotes: none;
}

.soy_Isoflavones blockquote:before,
.soy_Isoflavones blockquote:after,
.soy_Isoflavones q:before,
.soy_Isoflavones q:after {
  content: none;
}

.soy_Isoflavones table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

.soy_Isoflavones img,
.soy_Isoflavones picture,
.soy_Isoflavones video,
.soy_Isoflavones canvas,
.soy_Isoflavones svg {
  display: block;
  max-width: 100%;
}

.soy_Isoflavones input,
.soy_Isoflavones button,
.soy_Isoflavones textarea,
.soy_Isoflavones select {
  font: inherit;
}

.soy_Isoflavones a {
  text-decoration: none;
  color: inherit;
}

.soy_Isoflavones .color-pink,
.soy_Isoflavones .color-magenta {
  color: #db2273;
}

.soy_Isoflavones .color-green {
  color: #69b82e;
}

.soy_Isoflavones .color-purple {
  color: #602c89;
}

.soy_Isoflavones .color-red {
  color: #8f1e22;
}

.soy_Isoflavones .mark {
  padding: 0;
  background-color: transparent;
}
.soy_Isoflavones .btn {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  vertical-align: baseline;
  transition: none;
}
.soy_Isoflavones .table {
  width: auto;
  margin-bottom: 0;
  vertical-align: baseline;
}
.soy_Isoflavones .card {
  display: block;
  min-width: 0;
  border-radius: 0;
}
.soy_Isoflavones .card-title {
  margin-bottom: 0;
}
.soy_Isoflavones .wrapper {
  max-width: 960px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
.soy_Isoflavones .wrapper > div {
  position: relative;
}
.soy_Isoflavones .wrapper [class$=-bg] {
  width: 100%;
}
.soy_Isoflavones .wrapper [class$=-bg] img {
  height: auto;
}
.soy_Isoflavones .wrapper [class$=-info] {
  position: absolute;
  inset: 0;
  /* 文字圖層整塊蓋滿 section 會攔截點擊，改為穿透；只留文字本身可選取 */
  pointer-events: none;
}
.soy_Isoflavones .wrapper [class$=-info] h2, .soy_Isoflavones .wrapper [class$=-info] h3, .soy_Isoflavones .wrapper [class$=-info] p, .soy_Isoflavones .wrapper [class$=-info] span, .soy_Isoflavones .wrapper [class$=-info] li {
  pointer-events: auto;
}
/* =================== SECT1 =================== */
.soy_Isoflavones .wrapper .sect1-info .sub-title {
  position: absolute;
  top: 7.82%;
  left: 50.43%;
  transform: translateX(-50%);
  --unit: calc(52.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 16.5 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #a37d53;
  font-weight: 300;
  font-family: var(--font-sans);
}
.soy_Isoflavones .wrapper .sect1-info .main-title {
  position: absolute;
  top: 12.8%;
  left: 50.26%;
  transform: translateX(-50%);
  --unit: calc(88.2px * var(--wrapper-scale, 1));
  font-family: var(--font-serif);
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  white-space: nowrap;
  text-align: center;
  line-height: 1.16;
  font-weight: 900;
  color: #734c24;
}
.soy_Isoflavones .wrapper .sect1-info .pill {
  position: absolute;
  top: 28.07%;
  left: 50.21%;
  transform: translateX(-50%);
  --unit: calc(36px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 12 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #673c2b;
  font-weight: 400;
}
.soy_Isoflavones .wrapper .sect1-info .sub-line {
  position: absolute;
  top: 33.05%;
  left: 50.19%;
  transform: translateX(-50%);
  --unit: calc(35.1px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 11.5 / 100);
  white-space: nowrap;
  color: #6d4f3d;
  font-weight: 400;
}
/* =================== SECT2 =================== */
.soy_Isoflavones .wrapper .sect2-info .title {
  position: absolute;
  top: 4.4%;
  left: 50.76%;
  transform: translateX(-50%);
  --unit: calc(84.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 18 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-weight: 900;
  background: linear-gradient(180deg, #9c7038, #7a5326);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.soy_Isoflavones .wrapper .sect2-info .subtitle {
  position: absolute;
  top: 12.07%;
  left: 50.15%;
  transform: translateX(-50%);
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 7 / 100);
  white-space: nowrap;
  text-align: center;
  line-height: 1.18;
  color: #2c2c2c;
  font-family: var(--font-sans);
  font-weight: 300;
}
.soy_Isoflavones .wrapper .sect2-info .subtitle .color-pink {
  color: #b7272d;
}
.soy_Isoflavones .wrapper .sect2-info .chart-bubble {
  position: absolute;
  top: 20.6%;
  left: 30.9%;
  transform: translateX(-50%);
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #111;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect2-info .chart-age {
  position: absolute;
  top: 25.4%;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  white-space: nowrap;
  color: #1a1a1a;
  font-weight: 700;
  line-height: 1;
}
.soy_Isoflavones .wrapper .sect2-info .chart-age .u {
  --unit: calc(17.1px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect2-info .chart-age-1 {
  left: 19.7%;
  transform: translateX(-50%);
  top: 25.25%;
}
.soy_Isoflavones .wrapper .sect2-info .chart-age-2 {
  left: 40.9%;
  transform: translateX(-50%);
  top: 25.25%;
}
.soy_Isoflavones .wrapper .sect2-info .chart-age-3 {
  left: 62.1%;
  transform: translateX(-50%);
  top: 25.25%;
}
.soy_Isoflavones .wrapper .sect2-info .chart-age-4 {
  left: 82.9%;
  transform: translateX(-50%);
  top: 25.25%;
}
.soy_Isoflavones .wrapper .sect2-info .chart-y-high {
  position: absolute;
  top: 26.5%;
  left: 9.1%;
  --unit: calc(19.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  color: #6a6a6a;
}
.soy_Isoflavones .wrapper .sect2-info .chart-y-low {
  position: absolute;
  top: 41.39%;
  left: 9.1%;
  --unit: calc(19.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  color: #6a6a6a;
}
.soy_Isoflavones .wrapper .sect2-info .chart-y-label {
  position: absolute;
  top: 30.09%;
  left: 4.6%;
  --unit: calc(22.5px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  line-height: 1.5;
  color: #6a6a6a;
  writing-mode: vertical-rl;
  letter-spacing: 2px;
}
.soy_Isoflavones .wrapper .sect2-info .chart-x-label {
  position: absolute;
  top: 41.19%;
  right: 4.4%;
  --unit: calc(21.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  color: #6a6a6a;
}
.soy_Isoflavones .wrapper .sect2-info .mid-title {
  position: absolute;
  top: 46.6%;
  left: 5.6%;
  --unit: calc(48.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 15 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #673c2b;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  font-family: var(--font-sans);
}
.soy_Isoflavones .wrapper .sect2-info .mid-title .color-pink {
  color: #db2273;
  --unit: calc(64.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect2-info .mid-title .mark {
  color: #db2273;
  --unit: calc(90px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1;
  margin-left: calc(var(--unit) * -0.03);
  transform: rotate(20deg);
}
.soy_Isoflavones .wrapper .sect2-info .sym {
  position: absolute;
  --unit: calc(36px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #2a2622;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect2-info .sym-1 {
  top: 61.18%;
  left: 26.6%;
  transform: translateX(-50%);
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect2-info .sym-2 {
  top: 57.88%;
  left: 71.5%;
  transform: translateX(-50%);
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect2-info .sym-3 {
  top: 71.79%;
  left: 15.8%;
  transform: translateX(-50%);
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect2-info .sym-4 {
  top: 68.77%;
  left: 84.9%;
  transform: translateX(-50%);
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect2-info .sym-5 {
  top: 81.28%;
  left: 19.1%;
  transform: translateX(-50%);
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect2-info .sym-6 {
  top: 79.16%;
  left: 80.4%;
  transform: translateX(-50%);
  font-weight: 500;
}
/* =================== SECT3 =================== */
.soy_Isoflavones .wrapper .sect3-info .title {
  position: absolute;
  top: 8.77%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(18px * var(--wrapper-scale, 1));
  white-space: nowrap;
  text-align: center;
  line-height: 0.72;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect3-info .title .title-1 {
  --unit: calc(46.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 12 / 100);
  color: #673c2b;
  font-weight: 500;
  font-family: var(--font-sans);
  line-height: 1;
}
.soy_Isoflavones .wrapper .sect3-info .title .title-2 {
  --unit: calc(59.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  color: #673c2b;
  font-weight: 500;
  font-family: var(--font-sans);
  line-height: 1;
}
.soy_Isoflavones .wrapper .sect3-info .title .title-2 .color-pink {
  color: #db2273;
}
.soy_Isoflavones .wrapper .sect3-info .pill {
  position: absolute;
  top: 22.29%;
  left: 50.16%;
  transform: translateX(-50%);
  --unit: calc(40.5px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 27.5 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #fff;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect3-info .big-title {
  position: absolute;
  top: 27.69%;
  left: 50.17%;
  transform: translateX(-50%);
  --unit: calc(86.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  white-space: nowrap;
  text-align: center;
  line-height: 1.22;
  color: #111;
  font-weight: 900;
}
.soy_Isoflavones .wrapper .sect3-info .big-title .bl-1 {
  display: block;
}
.soy_Isoflavones .wrapper .sect3-info .big-title .bl-2 {
  display: block;
}
.soy_Isoflavones .wrapper .sect3-info .card {
  position: absolute;
  left: 41.8%;
  background: none;
  border: 0;
}
.soy_Isoflavones .wrapper .sect3-info .card .card-title {
  display: block;
  --unit: calc(46.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 12 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-weight: 500;
  font-family: var(--font-sans);
}
.soy_Isoflavones .wrapper .sect3-info .card .card-desc {
  display: block;
  --unit: calc(42.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #1a1a1a;
  font-weight: 300;
  margin-top: calc(14px * var(--wrapper-scale, 1));
}
.soy_Isoflavones .wrapper .sect3-info .card-1 {
  top: 45.69%;
  left: 41.5%;
}
.soy_Isoflavones .wrapper .sect3-info .card-2 {
  top: 63.89%;
  left: 41.5%;
}
.soy_Isoflavones .wrapper .sect3-info .card-3 {
  top: 82.78%;
  left: 41.5%;
}
/* =================== SECT4 =================== */
.soy_Isoflavones .wrapper .sect4-info .title {
  position: absolute;
  top: 8.64%;
  left: 9.44%;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  font-weight: 700;
  font-family: var(--font-serif);
  --unit: calc(16.65px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect4-info .title .line-1 {
  --unit: calc(69.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 24 / 100);
  line-height: 1.44;
  color: #673c2b;
}
.soy_Isoflavones .wrapper .sect4-info .title .line-2 {
  --unit: calc(74.7px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 35 / 100);
  line-height: 1.44;
  color: #673c2b;
}
.soy_Isoflavones .wrapper .sect4-info .title .line-2 .grad {
  background: linear-gradient(180deg, #4fbf54, #2f8f3d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.soy_Isoflavones .wrapper .sect4-info .title .line-2 .pct {
  --unit: calc(74.7px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
}
/* 「80%＋高濃度大豆異黃酮」合為一個 h2（SEO 指定範圍）；
   .badge-wrap 不定位，兩個 span 維持各自對 -info 絕對定位 */
.soy_Isoflavones .wrapper .sect4-info .badge-wrap {
  position: static;
}
.soy_Isoflavones .wrapper .sect4-info .badge-num {
  position: absolute;
  top: 25.69%;
  left: 47.3%;
  --unit: calc(110.7px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  white-space: nowrap;
  color: #37ac4a;
  line-height: 1;
  font-weight: 900;
}
.soy_Isoflavones .wrapper .sect4-info .badge-num .pct {
  --unit: calc(84.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect4-info .badge-desc {
  position: absolute;
  top: 33.09%;
  left: 46.4%;
  --unit: calc(49.05px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 14 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #673c2b;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect4-info .watermark {
  position: absolute;
<<<<<<< HEAD
  --unit: calc(45.9px * var(--wrapper-scale));
  font-size: var(--unit); 
=======
  --unit: calc(45.9px * var(--wrapper-scale, 1));
  font-size: var(--unit);
>>>>>>> origin/main
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 700;
  letter-spacing: 2px;
}
.soy_Isoflavones .wrapper .sect4-info .watermark-1 {
  top: 42.89%;
  left: 74.3%;
}
.soy_Isoflavones .wrapper .sect4-info .watermark-2 {
  top: 71.09%;
  left: 11.25%;
}
.soy_Isoflavones .wrapper .sect4-info .point {
  position: absolute;
  inset: 0;
}
.soy_Isoflavones .wrapper .sect4-info .point .pt-num {
  position: absolute;
  --unit: calc(96.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  color: #37ac4a;
  font-weight: 700;
  line-height: 1;
  transform: skewX(-10deg);
}
.soy_Isoflavones .wrapper .sect4-info .point .pt-tag {
  position: absolute;
  --unit: calc(18px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 7 / 100);
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 500;
  white-space: nowrap;
}
.soy_Isoflavones .wrapper .sect4-info .point .pt-title {
  position: absolute;
  --unit: calc(52.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  color: #1c1c1c;
  font-weight: 900;
  white-space: nowrap;
}
.soy_Isoflavones .wrapper .sect4-info .point .pt-body {
  position: absolute;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 17 / 100);
  color: #2c2c2c;
  line-height: 1.42;
  white-space: nowrap;
  font-family: var(--font-sans);
  font-weight: 300;
}
.soy_Isoflavones .wrapper .sect4-info .point .pt-body .hl {
  color: #1c1c1c;
  font-weight: 700;
  font-family: var(--font-sans);
}
.soy_Isoflavones .wrapper .sect4-info .point-1 .pt-num {
  top: 44.8%;
  left: 17.8%;
}
.soy_Isoflavones .wrapper .sect4-info .point-1 .pt-tag {
  top: 44.79%;
  left: 30.6%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 20 / 100);
  line-height: 1.5;
  color: #334723;
}
.soy_Isoflavones .wrapper .sect4-info .point-1 .pt-title {
  top: 46.47%;
  left: 30.78%;
  --unit: calc(48.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 16 / 100);
  line-height: 1.5;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect4-info .point-1 .pt-body {
  top: 50.59%;
  left: 30.5%;
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect4-info .point-2 .pt-num {
  top: 73.1%;
  left: 26.9%;
}
.soy_Isoflavones .wrapper .sect4-info .point-2 .pt-tag {
  top: 73.48%;
  left: 40%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 20 / 100);
  line-height: 1.5;
  color: #334723;
}
.soy_Isoflavones .wrapper .sect4-info .point-2 .pt-title {
  top: 75.48%;
  left: 39.8%;
  --unit: calc(48.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 16 / 100);
  line-height: 1.5;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect4-info .point-2 .pt-body {
  top: 79.77%;
  left: 27.65%;
  line-height: 1.5;
  color: #080404;
}
/* =================== SECT5 =================== */
.soy_Isoflavones .wrapper .sect5-info .title {
  position: absolute;
  top: 5.1%;
  left: 50.3%;
  transform: translateX(-50%);
  --unit: calc(74.7px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 8 / 100);
  margin-right: calc(var(--unit) * 8 / 100 * -1);
  white-space: nowrap;
  text-align: center;
  line-height: 1.5;
  font-weight: 500;
  font-family: var(--font-sans);
  background: linear-gradient(180deg, #b28a3f, #7c5a26);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.soy_Isoflavones .wrapper .sect5-info .title .big {
  display: block;
  --unit: calc(91.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 8 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 8 / 100 * -1);
  font-family: var(--font-serif);
  background: linear-gradient(180deg, #7a4d30, #4f2f1a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.soy_Isoflavones .wrapper .sect5-info .card-l-title {
  position: absolute;
  top: 28.11%;
  left: 24.6%;
  transform: translate(-50%, -50%);
  --unit: calc(42.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  text-align: center;
  line-height: 1.1;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
}
.soy_Isoflavones .wrapper .sect5-info .card-r-title {
  position: absolute;
  top: 28.51%;
  left: 76.3%;
  transform: translate(-50%, -50%);
  --unit: calc(31.5px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  text-align: center;
  line-height: 1.2;
  color: #5f5b57;
  font-weight: 500;
  white-space: nowrap;
}
.soy_Isoflavones .wrapper .sect5-info .vs {
  position: absolute;
  top: 38.95%;
  left: 49.6%;
  transform: translate(-50%, -50%);
  --unit: calc(79.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  color: #69b82f;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect5-info .label-tang {
  position: absolute;
  top: 34.31%;
  left: 84.6%;
  --unit: calc(30.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 14 / 100);
  line-height: 1.5;
  color: #111;
  font-weight: 500;
  white-space: nowrap;
}
.soy_Isoflavones .wrapper .sect5-info .list-l, .soy_Isoflavones .wrapper .sect5-info .list-r {
  /* 勾勾／驚嘆號已在底圖，文字靠左對齊即可。 */
  position: absolute;
  white-space: nowrap;
  font-weight: 500;
  color: #141210;
}
.soy_Isoflavones .wrapper .sect5-info .list-l li, .soy_Isoflavones .wrapper .sect5-info .list-r li {
  display: block;
}
.soy_Isoflavones .wrapper .sect5-info .list-l .ck, .soy_Isoflavones .wrapper .sect5-info .list-l .wn, .soy_Isoflavones .wrapper .sect5-info .list-r .ck, .soy_Isoflavones .wrapper .sect5-info .list-r .wn {
  display: none;
}
.soy_Isoflavones .wrapper .sect5-info .list-l {
  top: 43.61%;
  left: 17.6%;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 3 / 100);
  line-height: 1.2;
}
.soy_Isoflavones .wrapper .sect5-info .list-l li:first-child {
  color: #db2273;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect5-info .list-r {
  top: 43.21%;
  left: 69.4%;
  --unit: calc(33.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1.286;
}
.soy_Isoflavones .wrapper .sect5-info .mid {
  position: absolute;
  top: 57.85%;
  left: 50.18%;
  transform: translateX(-50%);
  --unit: calc(62.1px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #0a0605;
  font-weight: 900;
}
.soy_Isoflavones .wrapper .sect5-info .table {
  position: absolute;
  inset: 0;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  color: #000;
  font-weight: 500;
  line-height: 1.25;
}
.soy_Isoflavones .wrapper .sect5-info .table > p, .soy_Isoflavones .wrapper .sect5-info .table > span {
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}
.soy_Isoflavones .wrapper .sect5-info .table .th {
  font-weight: 500;
  top: 71.9%;
}
.soy_Isoflavones .wrapper .sect5-info .table .th-us {
  left: 32.2%;
  top: 70.05%;
  color: #fff;
  --unit: calc(32.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 8 / 100);
  line-height: 1.2;
}
.soy_Isoflavones .wrapper .sect5-info .table .th-a {
  left: 59.3%;
  color: #000;
  top: 71.12%;
}
.soy_Isoflavones .wrapper .sect5-info .table .th-b {
  left: 84.6%;
  color: #000;
  top: 70.82%;
}
.soy_Isoflavones .wrapper .sect5-info .table .rl {
  left: 5.7%;
  transform: translateY(-50%);
  text-align: left;
  color: #fff;
  font-weight: 500;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 15 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .rl-1 {
  top: 75.8%;
  left: 5.8%;
}
.soy_Isoflavones .wrapper .sect5-info .table .rl-2 {
  top: 81.32%;
  left: 5.8%;
  line-height: 1.25;
}
.soy_Isoflavones .wrapper .sect5-info .table .rl-3 {
  top: 87.22%;
  left: 5.8%;
}
.soy_Isoflavones .wrapper .sect5-info .table .rl-4 {
  top: 92.02%;
  left: 5.8%;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv {
  left: 32.3%;
  color: #333;
  font-weight: 900;
  --unit: calc(45px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1.15;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv .pct {
  --unit: calc(36px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv.two {
  --unit: calc(39.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv-1 {
  top: 75.65%;
  left: 32.2%;
  --unit: calc(39.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv-2 {
  top: 81.04%;
  left: 32.3%;
  line-height: 1;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv-3 {
  top: 87.02%;
  left: 32.2%;
  --unit: calc(39.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .uv-4 {
  top: 91.82%;
  left: 32.3%;
  --unit: calc(39.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .win {
  transform: translate(-50%, -50%) rotate(15deg);
  color: #8b9c4b;
  font-weight: 900;
  --unit: calc(33.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1;
}
.soy_Isoflavones .wrapper .sect5-info .table .win-1 {
  left: 42.2%;
  top: 75.74%;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .win-2 {
  left: 42.2%;
  top: 81.18%;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .win-3 {
  left: 38.56%;
  top: 87.12%;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .win-4 {
  left: 38.66%;
  top: 91.84%;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect5-info .table .av {
  left: 58.7%;
}
.soy_Isoflavones .wrapper .sect5-info .table .av-1 {
  top: 75.82%;
  left: 59.4%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .av-2 {
  top: 81.3%;
  left: 59.3%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .av-3 {
  top: 87.32%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
  left: 59.2%;
}
.soy_Isoflavones .wrapper .sect5-info .table .av-4 {
  top: 91.94%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
  left: 59.2%;
}
.soy_Isoflavones .wrapper .sect5-info .table .bv {
  left: 84.6%;
}
.soy_Isoflavones .wrapper .sect5-info .table .bv-1 {
  top: 75.82%;
  left: 84.6%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .bv-2 {
  top: 81.3%;
  left: 84.5%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .bv-3 {
  top: 87.32%;
  left: 84.6%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect5-info .table .bv-4 {
  top: 92.04%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
}
/* =================== SECT6 =================== */
.soy_Isoflavones .wrapper .sect6-info .title {
  position: absolute;
  top: 8.2%;
  left: 50.44%;
  transform: translate(-50%, -50%);
  --unit: calc(88.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 14 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #0a0606;
  font-weight: 700; /* 設計稿為明體 700，非 900 */
}
.soy_Isoflavones .wrapper .sect6-info .subtitle {
  position: absolute;
  top: 15.35%;
  left: 50.33%;
  transform: translate(-50%, -50%);
  --unit: calc(64.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-weight: 500;
  font-family: var(--font-sans); /* 設計稿副標為黑體，非明體 */
  color: #a27b51; /* 純色淺咖啡，非漸層 */
}
.soy_Isoflavones .wrapper .sect6-info .sub-head {
  position: absolute;
  top: 26.82%;
  left: 50.47%;
  transform: translate(-50%, -50%);
  --unit: calc(78.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 12 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-weight: 700; /* 明體 700，非 900 */
  color: #602c89; /* 純色紫，非漸層 */
}
.soy_Isoflavones .wrapper .sect6-info .checks {
  position: absolute;
  top: 71.69%;
  left: 50.99%;
  transform: translateX(-50%);
  width: 89%;
  display: flex;
  justify-content: space-around;
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  line-height: 1.5;
  color: #602c89;
  font-weight: 700;
  white-space: nowrap;
  -webkit-text-stroke: calc(8px * var(--wrapper-scale, 1)) #fff;
  paint-order: stroke fill; /* 設計稿為實心白描邊，非光暈 */
}
.soy_Isoflavones .wrapper .sect6-info .checks li {
  display: flex;
  align-items: center;
  gap: calc(9px * var(--wrapper-scale, 1));
}
.soy_Isoflavones .wrapper .sect6-info .checks .ck {
  /* 勾勾已在底圖，關閉文字勾勾及其描邊。 */
  color: transparent;
  -webkit-text-stroke: 0;
}
.soy_Isoflavones .wrapper .sect6-info .body {
  position: absolute;
  top: 81.11%;
  left: 9.37%;
  --unit: calc(36px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 23 / 100);
  /* 設計稿內文有明顯字距 */
  white-space: nowrap;
  line-height: 1.8;
  color: #1a1a1a; /* 較緊行距、較深近黑 */
}
.soy_Isoflavones .wrapper .sect6-info .body .color-purple {
  color: #602c89;
  font-weight: 500;
}
/* =================== SECT7 =================== */
/* 標題兩行分別定位（明體 700，字距寬）；.title 不定位，讓 span 掛在 -info 上。 */
.soy_Isoflavones .wrapper .sect7-info .title {
  position: static;
}
.soy_Isoflavones .wrapper .sect7-info .line-1, .soy_Isoflavones .wrapper .sect7-info .line-2 {
  position: absolute;
  left: 7.7%;
  transform: translateY(-50%);
  --unit: calc(81px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 23 / 100);
  white-space: nowrap;
  font-weight: 700;
  line-height: 1; /* 設計稿為明體 700，非 900 */
}
.soy_Isoflavones .wrapper .sect7-info .line-1 {
  top: 9.9%;
  color: #1a1a1a;
}
.soy_Isoflavones .wrapper .sect7-info .line-2 {
  top: 16.21%;
  color: #db2273;
}
.soy_Isoflavones .wrapper .sect7-info .subtitle {
  position: absolute;
  top: 22.49%;
  left: 7.89%;
  transform: translateY(-50%);
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 15.5 / 100);
  white-space: nowrap;
  color: #000;
  font-weight: 500;
  line-height: 1; /* 黑體，整段同字重 */
}
.soy_Isoflavones .wrapper .sect7-info .subtitle .color-magenta {
  color: #db2273;
}
.soy_Isoflavones .wrapper .sect7-info .feat {
  position: absolute;
  left: 26.7%;
  transform: translateY(-50%);
  --unit: calc(41.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  white-space: nowrap;
  color: #8b3e3c;
  font-weight: 700;
  font-family: var(--font-serif);
  line-height: 1; /* 設計稿特色標籤為明體（非黑體） */
}
.soy_Isoflavones .wrapper .sect7-info .feat-1 {
  top: 36.51%;
  left: 26.6%;
}
.soy_Isoflavones .wrapper .sect7-info .feat-2 {
  top: 50.2%;
  left: 26.6%;
}
.soy_Isoflavones .wrapper .sect7-info .feat-3 {
  top: 63.82%;
  left: 26.6%;
}
/* =================== SECT8 =================== */
.soy_Isoflavones .wrapper .sect8-info .title {
  position: absolute;
  inset: 0;
  font-family: var(--font-sans);
  font-weight: 900;
  white-space: nowrap;
  top: 0%;
  left: 0%;
}
.soy_Isoflavones .wrapper .sect8-info .title .line-1, .soy_Isoflavones .wrapper .sect8-info .title .line-2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.soy_Isoflavones .wrapper .sect8-info .title .line-1 {
  top: 11.9%;
  --unit: calc(86.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 3 / 100);
  line-height: 1.5;
  color: #1d8d44;
  left: 50.13%;
}
.soy_Isoflavones .wrapper .sect8-info .title .line-2 {
  top: 23.3%;
  --unit: calc(74.7px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 3 / 100);
  line-height: 1.5;
  color: #673c2b;
  -webkit-text-stroke: calc(18px * var(--wrapper-scale, 1)) #fff;
  paint-order: stroke fill;
  left: 50.11%;
}
.soy_Isoflavones .wrapper .sect8-info .prod-title {
  position: absolute;
  --unit: calc(33.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-weight: 900;
  -webkit-text-stroke: calc(10px * var(--wrapper-scale, 1)) #fff;
  paint-order: stroke fill;
}
.soy_Isoflavones .wrapper .sect8-info .prod-title-main {
  top: 72.09%;
  left: 4.3%;
  transform: translateY(-50%);
  color: #c3611c;
  --unit: calc(32.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 8.5 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect8-info .prod-title-teal {
  top: 71.67%;
  left: 60.1%;
  transform: translate(-50%, -50%);
  --unit: calc(32.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 18 / 100);
  line-height: 1.5;
  color: #1f9199;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect8-info .prod-title-navy {
  top: 71.67%;
  left: 85.7%;
  transform: translate(-50%, -50%);
  --unit: calc(32.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 18 / 100);
  line-height: 1.5;
  color: #17324e;
}
.soy_Isoflavones .wrapper .sect8-info .prod-list {
  position: absolute;
  white-space: nowrap;
  color: #111;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect8-info .prod-list li {
  display: flex;
  align-items: center;
}
.soy_Isoflavones .wrapper .sect8-info .prod-list .ck {
  display: none;
}
.soy_Isoflavones .wrapper .sect8-info .prod-list.list-main {
  top: 75.69%;
  left: 8.5%;
  --unit: calc(30.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1.25;
  -webkit-text-stroke: calc(8px * var(--wrapper-scale, 1)) #fff;
  paint-order: stroke fill; /* 設計稿黑字有白描邊 */
}
.soy_Isoflavones .wrapper .sect8-info .prod-list.list-teal {
  top: 74.79%;
  left: 52.9%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1.4;
}
.soy_Isoflavones .wrapper .sect8-info .prod-list.list-navy {
  top: 74.79%;
  left: 77.4%;
  --unit: calc(27px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1.4;
}
.soy_Isoflavones .wrapper .sect8-info .card-tag {
  position: absolute;
  top: 41.5%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #fff;
  font-weight: 900;
}
.soy_Isoflavones .wrapper .sect8-info .card-tag.tag-teal {
  left: 60.1%;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 5 / 100);
  line-height: 1.5;
  top: 41.28%;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect8-info .card-tag.tag-navy {
  left: 86.2%;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 5 / 100);
  line-height: 1.5;
  top: 41.28%;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect8-info .btn {
  position: absolute;
  top: 85.5%;
  --unit: calc(30.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  line-height: 1.5;
  white-space: nowrap;
  color: #fff;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect8-info .btn.btn-buy {
  left: 12.4%;
  top: 86.29%;
  --unit: calc(36px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  line-height: 1.5;
}
.soy_Isoflavones .wrapper .sect8-info .btn.btn-teal {
  left: 58.1%;
  transform: translateX(-50%);
  top: 86.09%;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect8-info .btn.btn-navy {
  left: 83.9%;
  transform: translateX(-50%);
  top: 86.09%;
  font-weight: 500;
}
.soy_Isoflavones .wrapper .sect8-info .btn-arrow {
  position: absolute;
  top: 89%;
  width: calc(19px * var(--wrapper-scale, 1));
  height: calc(19px * var(--wrapper-scale, 1));
  border-top: calc(7px * var(--wrapper-scale, 1)) solid currentColor;
  border-right: calc(7px * var(--wrapper-scale, 1)) solid currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.soy_Isoflavones .wrapper .sect8-info .btn-arrow.arrow-buy {
  left: 34.8%;
  color: #d04d27;
  top: 89.29%;
}
.soy_Isoflavones .wrapper .sect8-info .btn-arrow.arrow-teal {
  left: 68.1%;
  color: #1f9199;
  top: 88.99%;
}
.soy_Isoflavones .wrapper .sect8-info .btn-arrow.arrow-navy {
  left: 93.7%;
  color: #17324e;
  top: 88.99%;
}
.soy_Isoflavones .wrapper .sect8-info .green-plus {
  position: absolute;
  top: 56.99%;
  left: 43.7%;
  transform: translate(-50%, -50%);
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
<<<<<<< HEAD
  letter-spacing: calc(var(--unit) * 0 / 100);
=======
  letter-spacing: 0;
>>>>>>> origin/main
  line-height: 1;
  color: #fff;
  font-weight: 900;
  font-family: var(--font-sans);
}
/* =================== SECT9 =================== */
.soy_Isoflavones .wrapper .sect9-info .title {
  position: absolute;
  top: 11.5%;
  left: 50.46%;
  transform: translate(-50%, -50%);
  --unit: calc(77.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 12 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-weight: 900;
  background: linear-gradient(180deg, #e0a417, #b7860f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.soy_Isoflavones .wrapper .sect9-info .checks {
  position: absolute;
  top: 69.66%;
  left: 50.28%;
  transform: translateX(-50%);
  width: 92%;
  display: flex;
  justify-content: space-around;
  --unit: calc(39.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 4 / 100);
  line-height: 1.5;
  color: #cf9412;
  font-weight: 500;
  white-space: nowrap;
  -webkit-text-stroke: calc(8px * var(--wrapper-scale, 1)) #fff;
  paint-order: stroke fill; /* 設計稿為實心白描邊 */
}
.soy_Isoflavones .wrapper .sect9-info .checks li {
  display: flex;
  align-items: center;
  gap: calc(10px * var(--wrapper-scale, 1));
}
.soy_Isoflavones .wrapper .sect9-info .checks .ck {
  /* 勾勾已在底圖，關閉文字勾勾及其描邊。 */
  color: transparent;
  -webkit-text-stroke: 0;
}
.soy_Isoflavones .wrapper .sect9-info .body {
  position: absolute;
  top: 80.38%;
  left: 54.38%;
  transform: translateX(-50%);
  width: 90%;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 20 / 100);
  white-space: nowrap;
  line-height: 1.75;
  text-align: left;
  color: #2c2c2c; /* 設計稿兩行齊左 */
}
.soy_Isoflavones .wrapper .sect9-info .body .color-green {
  /* 設計稿 GLA 為金色，非綠色。 */
  color: #c78e1c;
  font-weight: 500;
}
/* =================== SECT10 =================== */
.soy_Isoflavones .wrapper .sect10-info .title {
  position: static;
}
.soy_Isoflavones .wrapper .sect10-info .line-1 {
  position: absolute;
  top: 3.93%;
  left: 50.58%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-family: var(--font-serif);
  font-weight: 900;
  --unit: calc(82.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 14 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 14 / 100 * -1);
  color: #1a1a1a;
}
.soy_Isoflavones .wrapper .sect10-info .line-2 {
  position: absolute;
  top: 7.65%;
  left: 50.57%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-family: var(--font-serif);
  font-weight: 700;
  --unit: calc(75.6px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 17 / 100);
  line-height: 1.5;
  margin-right: calc(var(--unit) * 17 / 100 * -1);
  color: #1e8d44;
}
.soy_Isoflavones .wrapper .sect10-info .who {
  position: absolute;
  left: 8.1%;
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: 0;
  line-height: 1.5;
  white-space: nowrap;
  color: #1a1a1a;
  font-weight: 700;
}
.soy_Isoflavones .wrapper .sect10-info .who .name {
  --unit: calc(37.8px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 5 / 100);
  line-height: 1.5;
  font-weight: 700;
  font-family: var(--font-serif);
  font-style: normal;
  margin-right: calc(1px * var(--wrapper-scale, 1));
}
.soy_Isoflavones .wrapper .sect10-info .who .age {
  --unit: calc(32.4px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  line-height: 1.5;
  font-weight: 500;
  font-family: var(--font-serif);
}
.soy_Isoflavones .wrapper .sect10-info .who .tag {
  --unit: calc(27.9px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 6 / 100);
  line-height: 1.5;
  color: #1a1a1a;
  font-weight: 400;
  font-family: var(--font-sans);
}
.soy_Isoflavones .wrapper .sect10-info .who-1 {
  top: 21.38%;
  transform: translateY(-50%);
  left: 7.93%;
}
.soy_Isoflavones .wrapper .sect10-info .who-2 {
  top: 50.48%;
  transform: translateY(-50%);
  left: 8.32%;
}
.soy_Isoflavones .wrapper .sect10-info .who-3 {
  top: 80.18%;
  transform: translateY(-50%);
}
.soy_Isoflavones .wrapper .sect10-info .head {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  --unit: calc(44.1px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 2 / 100);
  line-height: 1.5;
  white-space: nowrap;
  font-family: var(--font-sans);
  font-weight: 700;
  text-align: center;
}
.soy_Isoflavones .wrapper .sect10-info .head-1 {
  top: 24.44%;
  left: 50.11%;
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 5 / 100);
  line-height: 1.5;
  font-weight: 500;
  color: #69b82f;
}
.soy_Isoflavones .wrapper .sect10-info .head-2 {
  top: 53.8%;
  left: 50.11%;
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 5 / 100);
  line-height: 1.5;
  font-weight: 500;
  color: #69b82f;
}
.soy_Isoflavones .wrapper .sect10-info .head-3 {
  top: 83.13%;
  left: 50.11%;
  --unit: calc(43.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 5 / 100);
  line-height: 1.5;
  font-weight: 500;
  color: #69b82f;
}
.soy_Isoflavones .wrapper .sect10-info .review {
  position: absolute;
  left: 11%;
  width: 78%;
  --unit: calc(33.3px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.44;
  color: #222;
  font-weight: 500;
  text-align: justify;
  font-family: var(--font-sans);
}
.soy_Isoflavones .wrapper .sect10-info .review-1 {
  top: 26.31%;
  left: 11.16%;
  width: 78%;
  --unit: calc(34.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.4;
}
.soy_Isoflavones .wrapper .sect10-info .review-2 {
  top: 55.86%;
  left: 11.86%;
  width: 76.6%;
  --unit: calc(34.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.4;
}
.soy_Isoflavones .wrapper .sect10-info .review-3 {
  top: 85.23%;
  left: 10.87%;
  width: 78.6%;
  --unit: calc(34.2px * var(--wrapper-scale, 1));
  font-size: var(--unit);
  letter-spacing: calc(var(--unit) * 10 / 100);
  line-height: 1.4;
}
.soy_Isoflavones .wrapper .sect10-info .review .color-red {
  color: #8f1e22;
}

/* ---------------- 字型工具類別 ----------------
   全站只用兩支字：黑體 Noto Sans TC、明體 Noto Serif TC，都由 Google Fonts 提供，
   <link> 寫在 index.html <head>，本檔不再宣告任何 @font-face。
   .font-* 這三個類別 index.html 用了 60 幾處，不要刪。 */
.font-noto-sans,
.font-en-italic {
  font-family: var(--font-sans);
}

.font-noto-sans {
  font-weight: 400;
}

.font-en-italic {
  font-style: italic;
  font-weight: 700;
}

.font-num-serif {
  font-family: var(--font-serif);
  font-style: normal;
  font-weight: 700;
}

.soy_Isoflavones .goodsItemInfoBox .card-header {
  background: #f09551;
}
.soy_Isoflavones .goodsItemInfoBox .card-header button:hover {
  color: #fff;
}
.goodsDetailInfo .ls_soy_Isoflavones strong,
.ls_soy_Isoflavones li::marker {
  color: #f09551;
}
.goodsDetailInfo ul.ls_soy_Isoflavones li.square {
  color: #666;
  list-style-type: square;
}
.goodsDetailInfo ul.ls_soy_Isoflavones li.square::marker {
  color: #666;
}
.soy_Isoflavones .color {
  color: #f09551;
}

.goodsItemTitle h2 {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.2em;
}
.box1 {
  display: none;
}
.box1_m {
  display: block;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .box1_m {
    display: none;
  }
  .box1 {
    display: block;
    margin-top: 100px !important;
  }
}
.soy_Isoflavones .goodsItemInfoBox {
  margin-bottom: 40px;
}
.soy_Isoflavones .goodsItemInfoBox .card-body {
  padding: var(--bs-card-spacer-y, 1rem) var(--bs-card-spacer-x, 1rem);
}