@charset "UTF-8";
/*! ROOT-PKG evo266702-202500045 2026-10-12T02:18:10Z */
/*
reset css
*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

img {
  max-width: 100%;
  height: auto;
}

img.cover {
  width: 100%;
  height: 100%;
  max-width: unset;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 100%;
  min-height: 100%;
}

.img-radius {
  border-radius: var(--BorderRadius);
  overflow: hidden;
}

a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

a,
button,
button:hover,
a:is(:hover, :active, :focus, :visited) {
  -webkit-transition: var(--TransitionDefault);
  transition: var(--TransitionDefault);
  text-decoration: none;
}

a:hover,
a:focus {
  color: var(--ColorPrimaryHover);
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  color: inherit;
}

button,
input {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  border-radius: 0;
  color: inherit;
}

button,
select {
  text-transform: none;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

textarea {
  width: 100%;
  resize: none;
}

figure,
address,
fieldset,
legend {
  margin: 0;
  padding: 0;
}

*,
*:focus {
  outline: 0;
}

*,
*::before,
*::after,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:is(h1, h2, h3, h4, h5, h6, p) {
  padding: 0;
  margin: 0;
}

/*
basic
*/
:root {
  --TransitionDefault: .3s ease;
  --ColorPrimary: #000000;
  --ColorSecondary: #525252;
  --ColorPrimaryHover: var(--ColorSecondary);
  --ColorSecondaryHover: var(--ColorPrimary);
  --TextColorPrimary: #333;
  --TextColorSecondary: #888;
  --TextColorTitle: #333;
  --BorderPrimary: 1px solid #333;
  --BorderSecondary: 1px solid #ccc;
  --BorderColorPrimary: #333;
  --BorderColorSecondary: #ccc;
  --BtnOutlineTextColor: #676767;
  --BtnOutlineBg: transparent;
  --BtnOutlineHoverTextColor: white;
  --BtnOutlineHoverBg: var(--ColorPrimary);
  --BtnPrimaryTextColor: white;
  --BtnPrimaryBg: var(--ColorPrimary);
  --BtnPrimaryHoverTextColor: white;
  --BtnPrimaryHoverBg: var(--ColorSecondary);
  --BtnSecondaryTextColor: white;
  --BtnSecondaryBg: var(--ColorSecondary);
  --BtnSecondaryHoverTextColor: white;
  --BtnSecondaryHoverBg: var(--ColorSecondaryHover);
  --BtnBorderRadius: 99em;
  --BtnWidth: 200px;
  --BtnHeight: 50px;
  --BtnFontSize: 17px;
  --BtnMarginTop: max(3vw, 2rem);
  --FontFamily: Roboto, "Noto Sans TC", sans-serif;
  --FontFamilyEn: "Roboto", sans-serif;
  --FontFamilyTw: "Noto Sans TC", sans-serif;
  --FontSizePrimary: clamp(1.5625rem, 1.001rem + 1.1712vw, 2.875rem);
  --FontSizeSecondary: clamp(1.25rem, 1.1431rem + 0.2231vw, 1.5rem);
  --FontSizeItemTitle: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);
  --FontSizeHint: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);
  --FontSizeBody: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);
  --FontSizeTitleDeco: clamp(1rem, 0.7861rem + 0.4462vw, 1.5rem);
  --FontSizeNavi: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem);
  --SectionPadding: clamp(3.75rem, -1.7647rem + 7.3529vw, 10rem);
  --SectionTitleBottom: max(3vw, 2rem);
  --ItemPadding: max(2vw, 1.5rem);
  --CardPadding: max(3vw, 2rem);
  --BlockPadding: max(3vw, 2rem);
  --Space1: 1rem;
  --Space2: max(2vw, 1.5rem);
  --Space3: max(3vw, 2rem);
  --Space4: max(4vw, 2.5rem);
  --Space5: max(5vw, 3rem);
  --ContainerDefaultWidth: 85%;
  --BorderRadius: 2em;
  --TransformCenter: translateX(-50%) translateY(-50%);
  --TransformXCenter: translateX(-50%);
  --TransformYCenter: translateY(-50%);
  --SnsLine: #06C755;
  --SnsFB: #1877f2;
  --SnsMessenger: linear-gradient(20deg, rgba(0, 153, 255, 1) 0%, rgba(160, 51, 255, 1) 60%, rgba(255, 82, 128, 1) 90%, rgba(255, 112, 97, 1) 100%);
  --SnsYT: #FF0033;
  --SnsIG: linear-gradient(45deg, rgba(250, 225, 0, 1) 0%, rgba(252, 183, 32, 1) 15%, rgba(255, 121, 80, 1) 30%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%);
  --SnsTwitter: #000;
  --SnsShopee: #ed4c2f;
}

body {
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: var(--FontSizeBody);
  color: var(--TextColorPrimary);
  background-repeat: repeat;
}

.main-content {
  margin-top: var(--headerHeight);
}

/* ============================================================
   STARLIT BRAKE SYSTEM（精上全精密）— Design Tokens
   第 4 棒產出｜2026-09-08｜第二版（Aura 於人工節點 2 裁決改深色速度感方向）

   第一版是「白底當地面、黑只當面板」，量測基準是由紀精密。
   Aura 看過後要求改成參考圖那條路：深色高反差、黃黑斜紋、有速度感，
   視覺語言取自客戶 LOGO 的星形與半圓弧（輪胎）。
   → 骨幹整個翻成深色。理由與代價寫在 風格規格.md 第二版。

   全站所有數值只寫在這裡。
   ============================================================ */
:root {
  /* --- 字體 ---------------------------------------------------
     Archivo 可變字體，寬度軸 62–125。
     顯示字用 wdth 125 擴展體，呼應 STARLIT 字標本身的寬幅幾何字形；
     內文用 wdth 100。規格數字用等寬 IBM Plex Mono——
     材料代號與公差要讀起來像量具刻度。 */
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --wdth-display: 125;
  --wdth-body: 100;
  /* --- 色彩：深色骨幹 ------------------------------------------
     ⚠️ extract_palette.py 建議的綠已否決——那是 LINE 分享按鈕的色。
     品牌黃取自 LOGO 實測（彩色像素 72%，單一色相帶 H45）。

     --void 刻意壓到接近主視覺照片的背景黑（實測邊緣亮度 3.9），
     照片放上去時邊界會融掉，不會出現一塊看得見的方形。 */
  --void: #070709; /* 頁面地面 */
  --panel: #0E0F12; /* 抬起一階：規格帶、技術區 */
  --panel-2: #16171B; /* 卡片、規格表列 */
  --on-void: #FFFFFF;
  --on-soft: #A9ACB3; /* 次要文字 */
  --on-faint: #6C6F77; /* 標籤、說明 */
  --line: #23252A;
  --line-strong: #33363C;
  /* 次要按鈕與漢堡鍵的表面色。
     ⚠️ 原本用 --panel-2，對 --void 只有 1.12:1、對 --panel 1.07:1——等於看不見，
        深色底上的「深灰按鈕」根本讀不出是個按鈕（Aura 2026-09-08 指出）。
     取 3:1 為門檻（WCAG 對非文字 UI 元件的要求）：
        #5A606A 對 --void 3.18:1、對 --panel 3.03:1，白字 6.33:1。
     ⚠️ 不改成黃色：主色只用在主要按鈕與 CTA、強調數字、當前選單項，
        次要按鈕也上黃會跟主要 CTA 打架，底色與大面積一律中性。 */
  --surface-btn: #5A606A;
  --surface-btn-hi:#6C737E; /* hover：再亮一階，對 --panel 4.01:1 */
  --brand: #F0E818; /* LOGO 黃實測值 */
  --brand-deep: #C9C20A; /* hover */
  --brand-glow: rgba(240,232,24,.16);
  --overlay-dark: rgba(7,7,9,.80); /* 亮的工廠照壓深，讓白字讀得到 */
  --overlay-edge: rgba(7,7,9,.92);
  /* --- 速度感的三個母題（全部取自 LOGO）------------------------
     1 流星軌跡：星芒 ＋ 向右拉長並淡出的細線，當區塊分隔
        （初版用黃黑斜紋帶，Aura 2026-09-08 判定太像警示膠帶，改掉）
     2 弧：LOGO 的半圓（輪胎弧），做成細黃弧線當區塊標記
     3 星：LOGO 的星芒，取代條列符號的圓點 */
  --rule-star: 17px;
  --rule-pad: clamp(26px, 3vw, 44px);
  --cut: 26px; /* 切角尺寸：面板與圖片的斜切 */
  --cut-sm: 14px;
  /* --- 字級 ---------------------------------------------------
     英文站。基準 17px（約束下限），行高 1.6。
     標語用擴展體大寫，尺度刻意拉大——尺度是 AI 產首頁最常差的那一截。 */
  --fs-hero: clamp(34px, 3.4vw, 66px);
  --fs-h2: clamp(30px, 3vw, 54px);
  --fs-h3: clamp(20px, 1.4vw, 24px);
  --fs-num: clamp(34px, 3.2vw, 56px); /* 技術區序號 */
  --fs-lead: 19px;
  --fs-body: 17px;
  --fs-sm: 15px;
  --fs-xs: 13px;
  --fs-label: 12px;
  --fs-mono: 15px;
  /* --- 行高與字距 ---------------------------------------------
     擴展體自帶寬度，標題字距只收一點點。eyebrow 走寬字距。 */
  --lh-tight: 1.02;
  --lh-heading: 1.14;
  --lh-body: 1.6;
  --lh-loose: 1.8;
  --ls-heading: -0.01em;
  --ls-eyebrow: 0.14em;
  --ls-body: 0;
  --ls-mono: 0.02em;
  /* --- 版面 ---------------------------------------------------- */
  --container: 1480px; /* Aura 2026-09-08：整體偏窄，往外放一級 */
  --container-w: 1760px;
  --stage-w: clamp(900px, 62vw, 1400px); /* 主視覺舞台寬；素材原生 1672，不放大 */
  --gutter: clamp(20px, 3.4vw, 64px);
  --sp-section: clamp(72px, 8.5vw, 140px);
  --sp-block: clamp(28px, 3.5vw, 52px);
  --header-h: 76px;
  --header-h-sm: 64px;
  /* --- 其他 ---------------------------------------------------- */
  --radius: 0px; /* 切角取代圓角：現站的圓角卡片是要離開的手法 */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .55s;
  --logo-h: 34px; /* 700×121 素材，34px 高 ≈ 197px 寬，維持 3.5× 密度 */
  --logo-h-sm: 28px;
  --logo-h-footer:44px;
}

/* ============================================================
   STARLIT BRAKE SYSTEM — 全站共用（頁首／頁尾／按鈕／母題／動效）
   數值一律取自 tokens.css，這裡不寫死任何色碼與尺寸。
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  background: var(--void);
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-variation-settings: "wdth" var(--wdth-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--on-void);
  background: var(--void);
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
}

h1, h2, h3, h4 {
  margin: 0;
  font-family: var(--font-display);
  font-variation-settings: "wdth" var(--wdth-display);
  font-weight: 700;
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-heading);
  text-transform: uppercase;
}

p {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* --- 版面容器 ------------------------------------------------ */
.container {
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.container--wide {
  max-width: var(--container-w);
}

.section {
  padding: var(--sp-section) 0;
}

.section--panel {
  background: var(--panel);
}

/* ============================================================
   三個母題：斜紋／弧／星　全部取自客戶 LOGO
   ============================================================ */
/* 1 流星軌跡：星芒 ＋ 向右拉長並淡出的細線。
   品牌名是 STARLIT、標語是 Guardian of the Stars——星星拖一道尾巴，
   剛好同時是「星」與「速度」。取代初版的黃黑斜紋帶（太像警示膠帶）。 */
.rule > .inner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-top: var(--rule-pad);
  padding-bottom: var(--rule-pad);
}

.rule .star {
  width: var(--rule-star);
  height: var(--rule-star);
}

.rule i {
  display: block;
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--brand), var(--line-strong) 38%, transparent);
}

/* 2 弧：LOGO 的半圓（輪胎弧）。細黃線，只當標記不當裝飾滿版。
   ⚠️ 樣式必須下在 <svg> 自己身上：<use> 會建 shadow DOM，
      「.arc circle」這種後代選擇器穿不進去，會退回預設的實心黑。 */
.arc {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--brand);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

/* 3 星：LOGO 的星芒，取代條列圓點 */
.star {
  width: 1em;
  height: 1em;
  fill: var(--brand);
  flex: 0 0 auto;
}

/* 切角：直角被斜切一刀，速度感的來源之一 */
.cut {
  clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}

.cut-sm {
  clip-path: polygon(0 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, var(--cut-sm) 100%, 0 calc(100% - var(--cut-sm)));
}

/* --- 區塊標題 ------------------------------------------------ */
.sec-head {
  margin-bottom: var(--sp-block);
}

.eyebrow {
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--brand);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.sec-title {
  font-size: var(--fs-h2);
  max-width: 20ch;
}

.sec-lead {
  margin-top: 20px;
  color: var(--on-soft);
  font-size: var(--fs-lead);
  max-width: 60ch;
  line-height: var(--lh-body);
}

.mono {
  font-family: var(--font-mono);
  letter-spacing: var(--ls-mono);
}

/* --- 無障礙跳過連結 ------------------------------------------
   用 translateY 而不是 1px + overflow:hidden 的老作法——
   老作法會被 _rwd_check 判成「文字被容器裁切」而誤報。 */
.skip-link {
  position: absolute;
  left: var(--gutter);
  top: 0;
  z-index: 200;
  background: var(--brand);
  color: var(--void);
  padding: 12px 20px;
  font-size: var(--fs-sm);
  text-decoration: none;
  transform: translateY(-130%);
  transition: transform 0.2s var(--ease);
}

.skip-link:focus {
  transform: translateY(0);
}

/* --- 頁首 ----------------------------------------------------
   LOGO 只有白字＋黃星芒版，沒有深色字版，深色頁首是必要條件不是選擇。
   不用 backdrop-filter：那會讓行動選單在部分裝置整片糊掉。 */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--void);
  border-bottom: 1px solid var(--line);
}

.site-header > .inner {
  height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* 品牌連結是回首頁的入口，點擊區至少 44px（LOGO 本身只有 28–34px 高） */
.brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex: 0 0 auto;
  min-height: 44px;
}

.brand img {
  height: var(--logo-h);
  width: auto;
}

.nav > ul {
  display: flex;
  align-items: center;
  gap: clamp(18px, 2vw, 34px);
}

.nav a {
  display: block;
  text-decoration: none;
  font-size: var(--fs-sm);
  letter-spacing: 0.04em;
  color: var(--on-void);
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  transition: border-color 0.25s var(--ease), color 0.25s var(--ease);
  white-space: nowrap;
}

.nav a:hover, .nav a:focus-visible {
  border-bottom-color: var(--brand);
}

.nav a[aria-current=page] {
  border-bottom-color: var(--brand);
}

.nav .has-sub {
  position: relative;
}

/* 「+」是可見文字，字級不得低於 12px（約束：任何可見文字 ≥ 12px） */
.nav .has-sub > a::after {
  content: "+";
  font-size: var(--fs-label);
  margin-left: 7px;
  color: var(--on-faint);
}

.nav .sub {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--panel-2);
  border: 1px solid var(--line);
  min-width: 160px;
  padding: 6px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s var(--ease);
}

.nav .has-sub:hover .sub, .nav .has-sub:focus-within .sub {
  opacity: 1;
  visibility: visible;
}

.nav .sub a {
  padding: 10px 18px;
  text-align: center;
  border-bottom: none;
}

.nav .sub a:hover {
  background: var(--panel);
}

/* 頁首右側功能列：Hotline ＋ COOPERATE（舊站頁首就有這兩個） */
.header-util {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 0 0 auto;
}

.hotline {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  line-height: 1.2;
}

.hotline small {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-eyebrow);
  color: var(--on-faint);
  text-transform: uppercase;
}

.hotline strong {
  font-size: var(--fs-sm);
  font-weight: 600;
  white-space: nowrap;
}

.util-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--brand);
  color: var(--void);
  padding: 12px 20px;
  text-decoration: none;
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);
  transition: background 0.25s var(--ease);
}

.util-btn:hover {
  background: var(--brand-deep);
}

/* 只在漢堡斷點以下出現的選單項：桌機版這個入口在頁首右側的按鈕上 */
.nav-mobile-only {
  display: none;
}

/* 漢堡：點擊區 46px */
.nav-toggle {
  display: none;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1px solid var(--surface-btn);
  cursor: pointer;
  padding: 0;
}

.nav-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--on-void);
  position: relative;
}

.nav-toggle span::before, .nav-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background: var(--on-void);
}

.nav-toggle span::before {
  top: -6px;
}

.nav-toggle span::after {
  top: 6px;
}

/* --- 按鈕：平行四邊形切角，讀起來像在往前衝 -------------------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 34px;
  font-size: var(--fs-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  background: var(--brand);
  color: var(--void);
  border: 0;
  clip-path: polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);
  transition: background 0.3s var(--ease), color 0.3s var(--ease);
}

.btn::after {
  content: "↗";
  font-family: var(--font-mono);
  font-weight: 400;
}

.btn:hover {
  background: var(--brand-deep);
}

/* 次要按鈕：切角會把 border 與 inset 陰影的左右兩邊一起切掉，
   只剩上下兩條線，看起來像沒畫完。改用填色面板區分主次，形狀維持一致。
   表面色見 tokens 的 --surface-btn（對底色 3:1，讀得出是個按鈕）。 */
.btn--ghost {
  background: var(--surface-btn);
  color: var(--on-void);
}

.btn--ghost:hover {
  background: var(--surface-btn-hi);
  color: var(--on-void);
}

.btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* --- 頁尾 ---------------------------------------------------- */
.site-footer {
  background: var(--void);
  padding: 0 0 0;
  border-top: 1px solid var(--line);
}

.footer-top {
  padding: clamp(56px, 6vw, 96px) 0 clamp(40px, 5vw, 64px);
}

/* 選單與聯絡資訊排在同一個 grid row，對齊變成結構性的。
   ⚠️ 不用 margin-top 硬推：上面那疊是 LOGO 高度 ＋ 三個 clamp 間距，
      任何一個變動（換 LOGO、改字級、改斷點）對齊就跑掉。 */
.footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 300px;
  column-gap: clamp(32px, 5vw, 80px);
  row-gap: 36px;
}

.footer-brand {
  grid-column: 1;
  grid-row: 1;
}

.footer-info {
  grid-column: 1;
  grid-row: 2;
}

.footer-nav {
  grid-column: 2;
  grid-row: 2;
}

.footer-photo {
  grid-column: 3;
  grid-row: 1/span 2;
}

.footer-brand img {
  height: var(--logo-h-footer);
  width: auto;
}

.footer-brand .footer-cn {
  margin-top: 18px;
  font-size: var(--fs-sm);
  color: var(--on-soft);
}

.footer-brand .footer-tagline {
  margin-top: 8px;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-eyebrow);
  color: var(--brand);
  text-transform: uppercase;
}

.footer-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 40px;
  margin: 0;
}

.footer-info dt {
  font-family: var(--font-mono);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-eyebrow);
  color: var(--on-faint);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.footer-info dd {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.7;
  color: var(--on-void);
}

.footer-info a {
  text-decoration: none;
  border-bottom: 1px solid var(--line-strong);
}

.footer-info a:hover {
  border-bottom-color: var(--brand);
  color: var(--brand);
}

.footer-info .span2 {
  grid-column: 1/-1;
}

.footer-nav {
  display: grid;
  gap: 12px;
  align-content: start;
}

.footer-nav a {
  font-size: var(--fs-sm);
  text-decoration: none;
  color: var(--on-soft);
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-nav a:hover {
  color: var(--brand);
}

.footer-photo {
  align-self: end;
}

.footer-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 2/3;
  object-fit: cover;
}

.footer-rights {
  border-top: 1px solid var(--line);
  padding: 22px 0 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  justify-content: space-between;
  font-size: var(--fs-xs);
  color: var(--on-faint);
}

.footer-rights a {
  text-decoration: none;
}

.footer-rights a:hover {
  color: var(--on-void);
  text-decoration: underline;
}

/* --- 進場動效 ------------------------------------------------
   隱藏狀態掛在 .js .reveal，.js 由 head 行內腳本加上。
   JS 掛掉時 .js 不存在 → 內容照樣看得見，不會整頁空白。
   site.js 另有 2.5 秒保險絲，觀察器沒回報就強制顯示。 */
.js .reveal {
  opacity: 0;
  transform: translateY(22px);
}

.reveal {
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  /* scroll cue 的星芒仍然轉 90 度，只是不做補間——
     拿掉的是動畫過程，不是那個狀態變化。互動仍然看得出來。 */
  .scroll-cue__star, .scroll-cue__mark, .product__reveal, .hotspot::before {
    transition: none;
  }
  /* 不是把東西關掉——內容直接以最終狀態呈現，一格不少。
     hover 的位移改用邊框與明度變化代替，仍看得出可互動。 */
  .js .reveal {
    opacity: 1;
    transform: none;
  }
  .reveal, .btn, .nav a, .util-btn {
    transition: none;
  }
}
/* --- RWD ----------------------------------------------------
   斷點不能各自為政：導覽、主視覺、頁尾格線一起在 1180／767／480 動。
   五個選單項＋Hotline＋COOPERATE，1180 以下就排不下。 */
@media (max-width: 1180px) {
  .nav-toggle {
    display: inline-flex;
  }
  .nav {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--header-h-sm);
    bottom: auto;
    background: var(--void);
    border-bottom: 1px solid var(--line);
    max-height: calc(100vh - var(--header-h-sm));
    overflow-y: auto;
    transform: translateY(-100%);
    transition: transform 0.34s var(--ease);
    visibility: hidden;
  }
  .nav.is-open {
    transform: translateY(0);
    visibility: visible;
  }
  .nav > ul {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px var(--gutter) 22px;
  }
  .nav > ul > li {
    border-bottom: 1px solid var(--line);
  }
  .nav a {
    padding: 16px 0;
    font-size: var(--fs-body);
  }
  .nav .sub {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    border: none;
    padding: 0 0 8px 18px;
    min-width: 0;
    background: transparent;
  }
  .nav .sub a {
    text-align: left;
    padding: 10px 0;
    font-size: var(--fs-sm);
    color: var(--on-soft);
  }
  .nav .has-sub > a::after {
    content: "";
  }
  .site-header > .inner {
    height: var(--header-h-sm);
  }
  .brand img {
    height: var(--logo-h-sm);
  }
  .footer-grid {
    grid-template-columns: 1.3fr 1fr;
  }
  .footer-photo {
    display: none;
  }
}
@media (max-width: 767px) {
  .hotline {
    display: none;
  }
  /* 單欄時把明確的 row/column 指派收掉，讓三塊依序堆疊 */
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-brand, .footer-info, .footer-nav {
    grid-column: 1;
    grid-row: auto;
  }
  .footer-info {
    grid-template-columns: 1fr;
  }
  /* 觸控目標：電話、E-mail 與頁尾選單在手機上撐到 44px。 */
  .footer-info a,
  .footer-nav a,
  .footer-rights a,
  .cta__line {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .footer-nav a {
    gap: 10px;
  }
}
@media (max-width: 480px) {
  .btn {
    width: 100%;
  }
  /* 380 實測橫向捲動 405 > 365：LOGO ＋ COOPERATE ＋ 漢堡三者排不下。
     把 COOPERATE 收進行動選單，頁首只留 LOGO 與漢堡。 */
  .util-btn {
    display: none;
  }
  .nav-mobile-only {
    display: block;
  }
  .footer-rights {
    flex-direction: column;
  }
}
/* ============================================================
   STARLIT BRAKE SYSTEM — 首頁專用（第二版：深色速度感）
   數值一律取自 tokens.css。
   ============================================================ */
/* --- 主視覺 ---------------------------------------------------
   主視覺圖本身已含字標與產品，是一張完整的 key visual。
   所以不壓字：圖完整呈現，標語放在圖下方的斜紋帶與敘述帶。
   舊站是「大圖壓字」，這是要離開的手法。 */
.hero {
  padding-bottom: 0;
}

/* 滿版（Aura 2026-09-08 指定）。
   逐像素量過必留範圍：字標帶 y 23%–45%、紅卡鉗 y 38%–94%，合計必留 71% 高度；
   可裁的只有上緣 23%（字標之上的空黑）與下緣 6%（反光尾巴）。
   初版取 40vw ＋ 79%，上緣裁切算出來是 22.9%——跟字標起點 23% 只差 0.1%，
   等於字標貼著頁首、上面一點空間都不留，圖裡那圈弧形紋理與黃光全被切掉，看起來就是「被切了」。
   ⚠️ 必留範圍不能當成裁切目標，要留餘裕。
   定案 **44vw ＋ 78%**：上緣裁 17.0%（字標從 25% 開始，留 8% 呼吸空間）、下緣保留到 95.2%（紅卡鉗連反光到 95%）。
   ⚠️ 換 Banner 就要重量一次：碟盤縮小版的卡鉗比前一版多延伸 1%，74% 就會切到尾巴。 */
.hero__stage {
  position: relative;
  width: 100%;
  margin: 0;
  height: clamp(300px, 44vw, 1180px);
  overflow: hidden;
  background: var(--void);
}

.hero__stage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 78%;
}

/* 圖右下角的往下捲提示：LOGO 的形狀——輪胎弧包住星芒。
   hover／focus 時星芒順時針轉 90 度。
   ⚠️ 這裡用的是非對稱的 #i-star-cue：全站條列用的四角星四臂等長，
      轉 90 度後跟原本一模一樣，看不出有反應。 */
.scroll-cue {
  position: absolute;
  right: clamp(16px, 3vw, 56px);
  bottom: clamp(14px, 2.4vw, 34px);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  color: var(--on-void);
}

.scroll-cue__mark {
  position: relative;
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  /* 整個圖示逆時針轉 90 度（Aura 2026-09-08）。星芒的 hover 旋轉掛在子元素上，
     會疊在這個基準之上：−90 ＋ 90 ＝ 回正，變化一樣看得出來。 */
  transform: rotate(-90deg);
  transition: background 0.3s var(--ease);
}

.scroll-cue__label {
  transform: none;
}

.scroll-cue__mark .arc {
  position: absolute;
  inset: 0;
}

.scroll-cue__star {
  width: 21px;
  height: 21px;
  fill: var(--brand);
  transition: transform 0.5s var(--ease);
}

.scroll-cue:hover .scroll-cue__star,
.scroll-cue:focus-visible .scroll-cue__star {
  transform: rotate(90deg);
}

.scroll-cue:hover .scroll-cue__mark,
.scroll-cue:focus-visible .scroll-cue__mark {
  background: var(--brand-glow);
}

.scroll-cue__label {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
}

.hero__say {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 88px);
  align-items: end;
  padding-top: clamp(36px, 4.5vw, 72px);
  padding-bottom: clamp(48px, 6vw, 96px);
}

.hero__eyebrow {
  font-size: var(--fs-xs);
  font-weight: 500;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--brand);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
}

.hero__title {
  font-size: var(--fs-hero);
  line-height: var(--lh-tight);
}

.hero__lead {
  font-size: var(--fs-lead);
  color: var(--on-soft);
  max-width: 46ch;
}

.hero .btn-row {
  margin-top: clamp(24px, 2.6vw, 40px);
}

/* --- 規格帶：四個能力宣稱，星形當項目符號 ---------------------- */
.specbar {
  background: var(--panel);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.specbar ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--on-soft);
}

.specbar li {
  padding: 22px 24px 22px 20px;
  border-left: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 12px;
}

.specbar li:first-child {
  border-left: none;
  padding-left: 0;
}

/* --- 區塊 2：客製化服務 --------------------------------------- */
/* 容器加寬後標題還卡在 20ch 而多折一行；放寬行寬，不是再砍字 */
.custom .sec-title {
  max-width: 26ch;
}

.custom__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 112px);
  align-items: start;
}

.custom__desc {
  font-size: var(--fs-lead);
  color: var(--on-void);
  max-width: 50ch;
}

.custom__about {
  margin-top: var(--sp-block);
  padding-top: var(--sp-block);
  border-top: 1px solid var(--line);
  display: grid;
  gap: 16px;
  max-width: 60ch;
  color: var(--on-soft);
}

.custom__about-title {
  font-size: var(--fs-h3);
  color: var(--on-void);
}

.custom .btn-row {
  margin-top: var(--sp-block);
}

.custom__media {
  display: grid;
  gap: clamp(14px, 1.5vw, 24px);
}

.custom__main {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.custom__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(14px, 1.5vw, 24px);
}

.custom__pair img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

/* --- 區塊 3：技術與品管 ---------------------------------------
   四格橫向排列，序號用大號黃色等寬字撐出節奏。 */
.tech__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}

.tech__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 36px);
}

.tech__item {
  display: grid;
  gap: 16px;
  align-content: start;
}

.tech__item img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.tech__num {
  font-size: var(--fs-num);
  font-weight: 500;
  color: var(--brand);
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 14px;
}

.tech__num::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-strong);
}

.tech__item h3 {
  font-size: var(--fs-h3);
}

.tech__item p {
  color: var(--on-soft);
  font-size: var(--fs-sm);
  line-height: var(--lh-loose);
}

/* --- 區塊 4：產品單品聚焦（滿版情境圖，標題疊在左側留白）---------
   底圖 2007×784（2.56:1），Aura 2026-09-08 重生：車推到右邊，左側留大片暗區。
   實測左側到 x=33% 都是乾淨暗部（34% 的最大亮度只有 90），40% 才 112。
   ⚠️ 圖變矮不等於版面變輕鬆：高度從 1072 降到 750，文字沒變少就會塞不下。
      所以規格表與三句賣點移到圖下方的橫排，圖上只留標題區——
      這樣疊字才能一路撐到 1180，不用像上一版卡在 1600。 */
.product {
  padding: 0;
}

.product__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 2007/784;
  overflow: hidden;
}

.product__context {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, var(--overlay-edge), var(--overlay-dark) 30%, transparent 52%);
}

.product__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
}

.product__overlay > .container {
  width: 100%;
}

.product__panel {
  max-width: 40%;
}

.product__panel .sec-title {
  font-size: clamp(28px, 2.6vw, 46px);
  max-width: none;
}

.product__tagline {
  margin-top: 12px;
  font-family: var(--font-display);
  font-variation-settings: "wdth" var(--wdth-display);
  font-size: var(--fs-h3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--ls-heading);
  color: var(--brand);
}

.product .btn-row {
  margin-top: clamp(18px, 1.8vw, 26px);
}

/* 面板寬度被「不能蓋到車身」限制在 40%，按鈕用預設內距會在 1366 折行、
   一折就多 70px，直接把面板撐出圖外。收窄內距讓它在窄螢幕也維持一列。 */
.product__panel .btn {
  padding: 0 24px;
}

/* 三個重點放在面板裡（Aura 2026-09-08：左邊留三個重點就好，規格不出現）。
   規格表整塊拿掉——底圖變矮之後放不下，而且首頁的任務是聚焦不是列清單，
   完整規格留在產品內頁。 */
.product__points {
  margin-top: clamp(18px, 2vw, 28px);
  display: grid;
  gap: 11px;
}

.product__points li {
  display: flex;
  gap: 12px;
  font-size: var(--fs-sm);
}

.product__points .star {
  margin-top: 0.28em;
}

.product__points strong {
  color: var(--on-void);
  font-weight: 700;
  display: block;
}

.product__points span {
  color: var(--on-soft);
}

/* 熱點：壓在紅卡鉗上（實測 74.4% / 51.3%），點擊區 44px */
.hotspot {
  position: absolute;
  left: 74.4%;
  top: 51.3%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  z-index: 3;
  display: grid;
  place-items: center;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.hotspot::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--brand), 0 0 0 6px var(--brand-glow);
  transition: box-shadow 0.3s var(--ease);
}

.hotspot .star {
  width: 15px;
  height: 15px;
  position: relative;
}

/* 感應區：只涵蓋「圓點周圍」，不是整張圖。
   實測前輪卡鉗在 72.7%–76.8%，圓點在 74.4%；卡片退到右緣 71% 才不會壓到產品。
   感應區左 56%（卡片左緣 58.4% 再往外一點）、右 78%（圓點右緣 75.6% 再往外），
   高 300px（卡片 226px ＋ 上下各約 37px 容差）——滑鼠離開圓圈附近就收起來，
   不需要很精準，但也不會整張圖都是熱區。 */
.product__hotzone {
  position: absolute;
  z-index: 2;
  left: 56%;
  right: 22%;
  top: 51.2%;
  height: 300px;
  transform: translateY(-50%);
}

.product__hotzone:hover ~ .hotspot::before,
.hotspot:hover::before,
.hotspot:focus-visible::before {
  box-shadow: inset 0 0 0 1px var(--brand), 0 0 0 12px var(--brand-glow);
}

/* 揭露卡：貼在熱點左側、垂直置中，右緣停在 71%——
   卡鉗左緣是 72.7%，之前用「圓點減 26px」會壓進產品 6px。
   寬度用固定 240px：感應區與連接線的位移都是按這個算的，用百分比會跟著容器變動。 */
.product__reveal {
  position: absolute;
  z-index: 4;
  left: 71%;
  top: 51.2%;
  width: 240px;
  padding: 10px;
  background: var(--panel-2);
  box-shadow: 0 0 0 1px var(--line-strong);
  transform: translate(calc(-100% + 10px), -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s var(--ease), transform 0.35s var(--ease);
}

.product__reveal img {
  width: 100%;
  height: auto;
}

.product__reveal p {
  display: grid;
  gap: 2px;
  margin-top: 8px;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-mono);
  text-transform: uppercase;
  color: var(--on-void);
}

.product__reveal p span {
  color: var(--on-faint);
  text-transform: none;
}

/* 從卡片指向熱點的細線。舞台是滿版，所以 1vw ≈ 舞台的 1%：
   卡片右緣 71% 到圓點中心 74.4% 是 3.4vw，扣掉圓點半徑 22px。 */
.product__reveal::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  width: calc(3.4vw - 22px);
  height: 1px;
  background: var(--brand);
}

@media (hover: hover) {
  .product__hotzone:hover ~ .product__reveal,
  .hotspot:hover ~ .product__reveal,
  .hotspot:focus-visible ~ .product__reveal {
    opacity: 1;
    visibility: visible;
    transform: translate(-100%, -50%);
  }
}
.product__stage.is-open .product__reveal {
  opacity: 1;
  visibility: visible;
  transform: translate(-100%, -50%);
}

/* --- 區塊 5：What's New --------------------------------------- */
.news {
  background: var(--panel);
}

.news__head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}

.news__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 36px);
}

.news__item a {
  display: block;
  text-decoration: none;
  background: var(--panel-2);
  height: 100%;
}

.news__item img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

/* 標題與摘要包在一個 .news__body 裡才是一格（踩過的坑 #14） */
.news__body {
  padding: 24px clamp(18px, 2vw, 28px) 28px;
  display: grid;
  gap: 10px;
}

.news__body time {
  font-size: var(--fs-xs);
  color: var(--brand);
}

.news__body h3 {
  font-size: var(--fs-h3);
}

.news__body p {
  color: var(--on-soft);
  font-size: var(--fs-sm);
  line-height: var(--lh-loose);
}

.news__more {
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--on-void);
  margin-top: 6px;
}

.news__item a:hover h3 {
  color: var(--brand);
}

/* --- 區塊 6：聯絡動作帶 ---------------------------------------
   工廠照是亮調的，壓深才讀得到白字。 */
.cta {
  position: relative;
  overflow: hidden;
  background: var(--void);
}

/* ⚠️ 三層都要給 z-index。::before 是第一個子元素，.cta__bg 在它之後，
   不指定的話圖會蓋在壓深層上面，白字就疊在亮的切削照上讀不到。 */
.cta__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}

.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--overlay-dark);
}

.cta__inner {
  position: relative;
  z-index: 2;
  padding-top: var(--sp-section);
  padding-bottom: var(--sp-section);
}

.cta__title {
  font-size: var(--fs-h2);
  max-width: 18ch;
}

.cta__actions {
  margin-top: var(--sp-block);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 36px;
}

.cta__line {
  font-size: var(--fs-sm);
  text-decoration: none;
  color: var(--on-void);
  border-bottom: 1px solid var(--on-faint);
  padding-bottom: 3px;
}

.cta__line:hover {
  color: var(--brand);
  border-bottom-color: var(--brand);
}

/* --- 產品區：窄螢幕改成圖在上、說明在下 -----------------------
   逐寬實測（面板高 / 圖高）：1920→484/744、1680→478/650、1536→463/594、
   1366→446/528（餘裕 82px）、**1280→507/494 溢出**（按鈕在這裡折行，一折多 70px）。
   所以門檻設 1365，比導覽的漢堡斷點 1180 早一步。
   ⚠️ 這是刻意讓兩者不同步：同一組元素的斷點必須一起動，但產品區的疊字
      是獨立條件（面板高 vs 圖高），跟選單排不排得下無關。
   ⚠️ 這種溢出被 overflow:hidden 藏住，不產生橫向捲動，RWD 檢查器抓不到——
      每次改動都要逐寬量 panel 與 stage 的高度才會現形。 */
@media (max-width: 1365px) {
  .product__stage {
    aspect-ratio: auto;
  }
  .product__context {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 2007/784;
  }
  .product__scrim {
    display: none;
  }
  .product__overlay {
    position: static;
    display: block;
  }
  .product__panel {
    max-width: none;
    padding-top: clamp(28px, 4vw, 52px);
    padding-bottom: clamp(28px, 4vw, 52px);
  }
  .product__panel .sec-title {
    font-size: var(--fs-h2);
  }
  /* 沒有 hover 的裝置也走這條路：熱點收起，裸產品照攤在圖下方，內容不會消失 */
  .hotspot {
    display: none;
  }
  .product__reveal {
    position: static;
    width: auto;
    transform: none;
    opacity: 1;
    visibility: visible;
    margin: clamp(12px, 1.4vw, 20px) auto 0;
    max-width: 420px;
  }
  .product__reveal::after {
    display: none;
  }
  .product__hotzone {
    display: none;
  }
}
/* --- RWD ------------------------------------------------------
   主視覺在 1180 以下把敘述帶改單欄，跟導覽的漢堡斷點對齊。 */
@media (max-width: 1180px) {
  .hero__say {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 28px;
  }
  .specbar ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .specbar li:nth-child(3) {
    border-left: none;
    padding-left: 0;
  }
  /* 容器加寬後標題還卡在 20ch 而多折一行；放寬行寬，不是再砍字 */
  .custom .sec-title {
    max-width: 26ch;
  }
  .custom__grid {
    grid-template-columns: 1fr;
  }
  .tech__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  /* 手機：40vw 只剩 150px 太扁，改用 4:3 容器把卡鉗與碟盤放大。
     字標左右兩端會被裁掉——它本來就是出血設計，頁首也還有 LOGO。 */
  .hero__stage {
    height: auto;
    aspect-ratio: 4/3;
  }
  .hero__stage img {
    object-position: 56% 62%;
  }
  .scroll-cue {
    position: static;
    margin: 14px auto 0;
    justify-content: center;
  }
  .specbar ul {
    grid-template-columns: 1fr;
  }
  .specbar li {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--line);
  }
  .specbar li:first-child {
    border-top: none;
  }
  .tech__head, .news__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .tech__grid {
    grid-template-columns: 1fr;
  }
  .news__list {
    grid-template-columns: 1fr;
  }
  .cta__actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .stripes--split {
    grid-template-columns: 34% 1fr 40%;
  }
}
/* now =>2026-10-05 20:41:46*/
/* Last Midoify Time By 2026-09-08 11:34:58 */
/* Last Midoify Time By 1788838498 */
/* Last Midoify Time By Tue, 08 Sep 2026 03:34:58 +0000 */
/* HTTP_IF_MODIFIED_SINCE=>*/
/* miracle customization start=> */
:root {
  --TransitionEase: .3s ease-in-out;
  --PicTransition: opacity 0.5s ease, filter 0.7s ease, -webkit-filter 0.75s ease;
  --MainColor: var(--wt-MainColor);
  --SubColor: var(--wt-SubColor);
  --FooterTextColor: #E5E5E5;
  --TitleMainColor: #000000;
  --TextMainColor: #222222;
  --TextSubColor: #444444;
  --BorderColor: #dedede;
  --BgColor: #E5E5E5;
  --MainHoverColor: var(--wt-MainColor);
  --SubHoverColor: var(--wt-MainColor); /* 按鈕 */
  --BtnOutlineColor: var(--wt-BtnEmptyColor);
  --BtnOutlineBg: transparent;
  --BtnOutlineHoverColor: white;
  --BtnOutlineHoverBg: var(--wt-SubColor);
  --BtnColor: white;
  --BtnBg: var(--MainColor);
  --BtnHoverColor: white;
  --BtnHoverBg: var(--MainHoverColor);
  --SubBtnColor: white;
  --SubBtnBg: var(--SubColor);
  --SubBtnHoverColor: white;
  --SubBtnHoverBg: var(--SubHoverColor);
  --BtnBorderRadius: 5px;
  --BtnWidth: 200px;
  --BtnHeight: 50px;
  --BtnFontSize: var(--FontSizeP); /* 字體 */
  --FontFamily: "Urbanist", sans-serif;
  --FontFamilyEn: "Urbanist", sans-serif;
  --FontFamilyEnTitle: "Bruno Ace", sans-serif;
  --FontFamilyTw: "Noto Sans TC", sans-serif; /* Navi */
  --NaviHeight: 100px;
  --StickyHeight: calc(var(--NaviHeight) + 1rem);
  --NaviColor: var(--TextMainColor);
  --NaviHoverColor: var(--SubColor);
  --NaviUpColor: var(--TextMainColor);
  --NaviUpHoverColor: var(--SubColor); /* 有會員或電商的時候用 */
  --NaviBtnColor: white;
  --NaviBtnBg: var(--wt-MainColor);
  --NaviBtnHoverColor: white;
  --NaviBtnHoverBg: var(--wt-SubColor);
  --NaviSubBtnColor: white;
  --NaviSubBtnBg: var(--wt-SubColor);
  --NaviSubBtnHoverColor: white;
  --NaviSubBtnHoverBg: var(--wt-SubColor); /* 文字大小 */
  --FontSizeMain: clamp(1.875rem, 1.538rem + 1.3825vw, 3.75rem);
  --FontSizeSub: clamp(1.125rem, 1.1025rem + 0.0922vw, 1.25rem);
  --CardTitleSize: clamp(1.0625rem, 1.0288rem + 0.1382vw, 1.25rem);
  --FontSizeH2: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);
  --FontSizeH3: clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem);
  --FontSizeH4: clamp(1rem, 0.9465rem + 0.1115vw, 1.125rem);
  --FontSizeH5: clamp(0.9375rem, 0.884rem + 0.1115vw, 1.0625rem);
  --FontSizeH6: clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem);
  --FontSizeP: clamp(0.9375rem, 0.915rem + 0.0922vw, 1.0625rem);
  --FontSizeSmall: clamp(0.875rem, 0.8638rem + 0.0461vw, 0.9375rem);
  --FontSizeNavi: var(--FontSizeP); /* 區塊邊界 */
  --SectionPadding: clamp(4rem, 2.9217rem + 4.424vw, 10rem);
  --ItemSpacing: clamp(1.75rem, 1.5rem + 1.25vw, 3.5rem);
  --BlockSpacing: max(5vw, 2rem);
  --CardSpacing: max(3vw, 2rem);
  --SectionTitleBottom: var(--ItemSpacing); /* padding */
  --Spacing: 1.5rem; /* 圓角 */
  --BorderRadius: 99rem;
  --BorderPx1: 1px solid var(--EnTitleColor);
  --BorderGrayPx1: 1px solid #ddd; /* 推回中間的時候用 */
  --TransformCenter: translateX(-50%) translateY(-50%);
  --TransformXCenter: translateX(-50%);
  --TransformYCenter: translateY(-50%); /* sns */
  --SnsLine: #06c755;
  --SnsLineHover: #00b44a;
  --SnsFB: #1877f2;
  --SnsMessenger: linear-gradient(20deg, rgba(0, 153, 255, 1) 0%, rgba(160, 51, 255, 1) 60%, rgba(255, 82, 128, 1) 90%, rgba(255, 112, 97, 1) 100%);
  --SnsYT: #ff0000;
  --SnsIG: linear-gradient(45deg, rgba(250, 225, 0, 1) 0%, rgba(252, 183, 32, 1) 15%, rgba(255, 121, 80, 1) 30%, rgba(255, 28, 116, 1) 50%, rgba(108, 28, 209, 1) 100%);
  --SnsTwitter: #000;
  --SnsShopee: #ed4c2f; /* 箭頭 */
  --swiper-navigation-size: 30px;
  --swiper-theme-color: var(--wt-MainColor);
} /* 圖片撐滿 */
input, select, textarea {
  font-family: var(--FontFamily) !important;
}

img {
  max-width: 100%;
  height: auto;
}

.index .pic {
  position: relative;
}

.index img {
  width: 100%;
}

a, button, button:hover, a:is(:hover, :active, :focus, :visited) {
  transition: var(--TransitionEase);
  text-decoration: none;
}

a:hover, a:focus {
  color: var(--MainHoverColor);
}

:is(.index, .footer-block) ul, :is(.index, .footer-block) ol {
  list-style: none;
  padding: 0;
  margin: 0;
} /* 取消掉預設 */
:is(h1, h2, h3, h4, h5, h6, p) {
  padding: 0;
  margin: 0;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.index .row::before, .index .row::after, :is(.index, .footer-block) .container::before, :is(.index, .footer-block) .container::after {
  display: none;
}

.index .clearfix {
  clear: unset;
}

.wrapper_bg .clear, .wrapper_bg .RWDedictor008 > div:last-of-type, .wrapper_bg .RWDedictor > div:last-of-type {
  display: none;
}

.edit_mask {
  display: block !important;
} /* 有sticky要改成visible */
.cd-main-content {
  overflow: visible;
  position: relative;
}

.cd-main-content:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  background-color: white;
  z-index: -5;
}

.collapsing_header .main {
  top: 0 !important;
  background-color: transparent;
} /* 下滑目標位置設定 */
.scrolltarget-block {
  position: absolute;
  top: calc(0px - var(--NaviHeight));
} /*容器設定*/
.index .container {
  width: 70%;
  z-index: 1;
  position: relative;
  padding: 0;
}

.index .container.container-full {
  width: 100%;
}

.index .container.container-90 {
  width: 90%;
}

.index .container.container-85 {
  width: 85%;
}

.index .container.container-80 {
  width: 80%;
}

.index .container.container-75 {
  width: 75%;
}

.index .container.container-70 {
  width: 70%;
}

.index .container.container-65 {
  width: 65%;
} /* 共用間距 */
.section-block {
  padding: var(--SectionPadding) 0;
  position: relative;
  display: block;
}

.section-none-block {
  padding: 0;
  position: relative;
}

.section-block.section-bottom-block {
  padding: 0 0 var(--SectionPadding);
}

.section-block.section-top-block {
  padding: var(--SectionPadding) 0 0;
} /* 共用位置 */
:is(.main-block, .text-block, .pic-block, .footer-block) {
  position: relative;
} /* 共用編排 */
.flex-row {
  display: flex;
  position: relative;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
  position: relative;
}

.index .grid-container, .grid-block, .grid-item {
  position: relative;
  display: grid;
}

.grid-container .title-block {
  grid-area: title;
}

.grid-container .main-block {
  grid-area: main;
}

.grid-container .text-block {
  grid-area: text;
}

.grid-container .score-block {
  grid-area: score;
}

.grid-container .pic-block {
  grid-area: pic;
}

.grid-container .btn-block {
  grid-area: btn;
}

.grid-container .social-block {
  grid-area: social;
}

.grid-container .info-block {
  grid-area: info;
}

.grid-container .map-block {
  grid-area: map;
} /* 共用文字對齊 */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
} /* 共用文字 */
.wrapper_bg {
  font-family: var(--FontFamily);
  letter-spacing: 0.5px;
  line-height: 1.6;
  font-size: var(--FontSizeP);
  color: var(--TextMainColor);
  font-weight: 300;
} /* 共用標題 */
.title-block {
  position: relative;
}

.section-subject {
  position: relative;
  margin-bottom: var(--ItemSpacing);
}

.section-subject.text-center {
  display: flex;
  flex-direction: column;
  align-items: center;
} /* 主標 */
.main-title {
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: var(--FontSizeMain);
  color: var(--TitleMainColor);
  line-height: 1.2;
  position: relative;
  text-transform: uppercase;
} /* 副標 */
.sub-title {
  letter-spacing: 1.3px;
  font-weight: 300;
  font-size: var(--FontSizeSub);
  line-height: 1.5;
  position: relative;
  color: var(--TextSubColor);
  margin: 0;
}

.main-title + .sub-title {
  margin: 1.5rem 0 0;
}

.text-white span.en-title-num {
  border-color: white;
} /* 橫式標題 */
.section-subject.grid-item {
  grid-template-columns: max-content auto;
  justify-content: space-between;
  grid-gap: 0 15vw;
  align-items: baseline;
}

.section-subject.grid-item .main-title + .sub-title {
  margin: 0;
} /* 全站文字 */
p, ul.index-list, .description {
  font-size: var(--FontSizeP);
  letter-spacing: 1.3px;
  line-height: 1.7;
  font-weight: 300;
  font-family: var(--FontFamily);
  margin-bottom: 15px;
}

.index-content p:last-child {
  margin: 0;
} /* 項目 */
ul.index-list {
  grid-template-columns: repeat(2, max-content);
  grid-gap: 5px 2rem;
  margin: 0;
}

ul.index-list > li > p {
  position: relative;
  left: 33px;
  margin-bottom: 0;
}

ul.index-list > li {
  margin-bottom: max(1.5rem, 15px);
}

ul.index-list > li:last-child {
  margin-bottom: 0;
}

ul.index-list > li > b {
  color: var(--TitleMainColor);
  text-transform: uppercase;
  position: relative;
  font-size: var(--CardTitleSize);
}

ul.index-list > li > b:before {
  content: "\f489";
  font-family: "Ionicons";
  position: relative;
  margin: 0 20px 0 0;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
  font-size: 120%;
  opacity: 0.5;
  top: 3px;
} /* 表單 */
input[type=checkbox], input[type=radio] {
  accent-color: var(--MainColor);
  margin: 0 0;
} /* 文字換色 */
.index .text-white {
  color: white;
}

.index .text-sub {
  color: var(--SubColor);
} /* 共用背景 */
.bg-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -4;
  overflow: hidden;
  pointer-events: none;
}

.bg-block, .bg-block .RWDparallax_new {
  height: 100% !important;
}

.bg-block .RWDparallax_new .picbgbox {
  height: 105% !important;
}

.index-bg {
  height: 100%;
}

.index-bg img {
  max-height: 100%;
  min-height: 100%;
  object-fit: cover;
}

.pic-block .RWDparallax_new, .pic-block .RWDparallax_new .picbgbox {
  height: 105vh !important;
} /* 卡片 */
a.card {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
} /* 圖片 */
.index-image {
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
} /* 其他共通設定 */ /*網頁捲軸-寬度*/
::-webkit-scrollbar {
  width: 8px;
} /*網頁捲軸-背景顏色*/
::-webkit-scrollbar-track {
  background: white;
} /*網頁捲軸-把手顏色*/
::-webkit-scrollbar-thumb {
  background: var(--MainColor);
  transition: var(--TransitionEase);
  border-radius: 10px;
} /*網頁捲軸-滑過時把手的顏色*/
::-webkit-scrollbar-thumb:hover {
  background: var(--MainColor);
  transition: var(--TransitionEase);
} /* 反白顏色設定*/
::selection {
  background: #555;
  color: white;
}

::-moz-selection {
  background: #555;
  color: white;
} /*loading*/
.fl {
  width: 400px;
}

.fl img {
  width: 100%;
  animation-name: zeroall;
  animation-duration: 0.85s;
}

@-webkit-keyframes zeroall {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(40px);
  }
  90% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
.RWDalert_fancybox.bottom {
  z-index: 99999 !important;
  width: 550px !important;
  border: 1px solid var(--BorderColor);
  border-radius: 10px !important;
  padding: 3rem 4.5rem !important;
  color: var(--TextMainColor) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  letter-spacing: 0px !important;
  text-align: left !important;
  display: flex;
  justify-content: space-between;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px !important;
  margin-bottom: 4rem;
  align-items: center;
  flex-direction: column;
  gap: 1rem 0;
  left: auto !important;
  right: 2vw !important;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.RWDalert_fancybox .btn, .RWDalert_fancybox .btn.active {
  color: white !important;
  padding: 5px 2rem;
  border-color: var(--MainColor);
  background: var(--MainColor) !important;
  font-size: var(--FontSizeP);
  border-radius: 5px;
  font-weight: 400;
}

.RWDalert_fancybox.bottom .editor a {
  color: var(--MainColor);
  border-bottom: 1px solid var(--MainColor);
  white-space: nowrap;
}

.RWDalert_fancybox.bottom .editor, .RWDalert_fancybox.bottom .btn-box {
  font-size: calc(var(--FontSizeP) * 1.125) !important;
  letter-spacing: 0.5px;
}

.RWDalert_fancybox.bottom .editor {
  text-align: left;
  margin-bottom: 0 !important;
}

.RWDalert_fancybox.bottom .btn-box {
  margin: 1rem 0 0;
}

@media (max-width: 1500px) {
  .RWDalert_fancybox.bottom {
    width: 40% !important;
    padding: 2rem 4rem !important;
  }
}
@media (max-width: 1200px) {
  .RWDalert_fancybox.bottom {
    width: 60% !important;
    transform: translateX(0%) !important;
    left: 5% !important;
  }
}
@media (max-width: 991px) {
  .RWDalert_fancybox.bottom {
    margin-bottom: 2rem;
  }
  .RWDalert_fancybox.bottom .btn-box {
    text-align: center;
  }
}
@media (max-width: 800px) {
  .RWDalert_fancybox.bottom {
    width: 100% !important;
    border-radius: 0px !important;
    margin-bottom: 0 !important;
    left: 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 30px 30px 20px !important;
  }
}
@media (max-width: 767px) {
  .RWDalert_fancybox.bottom {
    padding: 30px 5rem 20px !important;
  }
}
@media (max-width: 650px) {
  .RWDalert_fancybox.bottom {
    padding: 30px 2rem 20px !important;
  }
  .RWDalert_fancybox.bottom .editor {
    text-align: left;
  }
}
@media (max-width: 414px) {
  .RWDalert_fancybox.bottom {
    padding: 30px 1.5rem 20px !important;
  }
} /*搜尋*/
.RWDmenu_plus04 #search-box.full {
  height: 100vh;
}

.cd-search.full input {
  font-size: 30px;
}

.cd-search.full .ibtn {
  font-size: 25px;
}

.lang_tw .RWDmenu_plus04 #search-box.full .form-control, .lang_cn .RWDmenu_plus04 #search-box.full .form-control, .lang_sg-cn .RWDmenu_plus04 #search-box.full .form-control {
  font-size: 1.5rem !important;
}

@media (min-width: 800px) {
  .cd-search.full .search-in {
    max-width: 1000px;
    width: 80%;
  }
}
.RWDmenu_plus04 #search-box.full .form-control {
  font-size: 1.5rem;
  letter-spacing: 1px;
}

.RWDmenu_plus04 #search-box.full .ibtn {
  font-size: 25px;
}

@media (min-width: 800px) {
  .RWDmenu_plus04 #search-box.full .search-in {
    max-width: 1000px;
    width: 80%;
  }
} /* 搜尋框 */
.RWDmenu_plus04 #search-box.full .form-control {
  padding: 1rem 8rem 1rem 1rem;
}

.RWDmenu_plus04 #search-box.full .btn-box {
  top: 50%;
  transform: translateY(-50%);
  right: 0rem;
}

.RWDmenu_plus04 #search-box.full .ibtn {
  font-size: 1.25rem;
}

@media (max-width: 991px) {
  .lang_tw .RWDmenu_plus04 #search-box.full .form-control, .lang_cn .RWDmenu_plus04 #search-box.full .form-control, .lang_sg-cn .RWDmenu_plus04 #search-box.full .form-control {
    font-size: 1.25rem !important;
  }
} /* Navi */
.RWDmenu_plus04 .container {
  width: 100% !important;
  max-width: unset;
  padding: 0;
}

.RWDmenu_plus04 .header {
  padding: 0 495px 0 1.5rem;
  background: transparent;
  transition: var(--TransitionEase);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.RWDmenu_plus04 .header.is-up {
  background: black;
} /* 統一選單高度 */
.RWDmenu_plus04 .header, .RWDmenu_plus04 .logo {
  height: var(--NaviHeight);
} /* logo設定 */
.RWDmenu_plus04 .logo {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  transition: var(--TransitionEase);
}

.RWDmenu_plus04 .logo img {
  height: calc(var(--NaviHeight) - 55px);
  aspect-ratio: 75/14;
  transition: var(--TransitionEase);
  width: auto;
} /* 選單設定 */
.RWDmenu_plus04 .site-nav .menu > li > a {
  font-size: var(--FontSizeNavi);
  text-align: center;
  padding: 30px 15px;
  color: white;
  letter-spacing: 1px;
  font-weight: 300;
  text-transform: uppercase;
}

.RWDmenu_plus04 .features i, .RWDmenu_plus04 .features .share-group a, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .lang-select, .RWDmenu_plus04 .features .querycar-btn {
  color: white;
}

.RWDmenu_plus04 .is-up .lang-select, .RWDmenu_plus04 .is-up .features i {
  color: white;
} /* 選單收尋icon */
.RWDmenu_plus04 .glyphicon-search {
  position: relative;
  top: 3px;
}

.RWDmenu_plus04 .site-nav {
  left: 10%;
}

.RWDmenu_plus04 .site-nav .menu {
  text-align: left;
}

.RWDmenu_plus04 .features .share-group span, .RWDmenu_plus04 .site-nav .menu ul li a {
  font-size: var(--FontSizeNavi);
  text-align: center;
  color: var(--NaviColor);
}

.RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .lang-select {
  padding-inline: 15px !important;
  height: var(--NaviHeight);
  display: flex;
  align-items: center;
} /* 購物車數字 */
.RWDmenu_plus04 .cart-nu {
  top: 3px;
  position: relative;
  font-size: 10px;
}

.RWDmenu_plus04 .cart-btn img {
  width: 20px;
}

.RWDmenu_plus04 .site-nav .menu > li.active > a:after, .RWDmenu_plus04 .site-nav .menu > li.is-active > a:after {
  border-color: var(--MainColor);
}

.RWDmenu_plus04 .cart-block h3, .RWDmenu_plus04 .querycar-block h3 {
  font-size: 18px;
  font-weight: 500;
} /* 下拉選單 */
.RWDmenu_plus04 .dropdown-menu .manu-item-box ul li.has-child > a:after, .RWDmenu_plus04 .lang-select-label:after, .RWDmenu_plus04 .site-nav .menu li.dropdown > a:after, .RWDmenu_plus04 .site-nav .menu li.has-child > a:after {
  border-color: white;
}

.RWDmenu_plus04 .header.is-up .dropdown-menu .manu-item-box ul li.has-child > a:after, .RWDmenu_plus04 .header.is-up .lang-select-label:after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.dropdown > a:after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child > a:after {
  border-color: white;
}

.RWDmenu_plus04 .site-nav .manu-item:hover > a, .RWDmenu_plus04 .site-nav .menu ul li a:hover, .RWDmenu_plus04 .site-nav .menu > li > ul > li.active > a, .RWDmenu_plus04 .site-nav .menu > li > ul > li > ul > li.active > a {
  text-decoration: unset;
  font-weight: 400;
  color: var(--TextMainColor);
}

.RWDmenu_plus04 .site-nav .menu > li > ul {
  width: 200px;
  margin-left: 0;
  transform: translateX(-50%);
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
}

.RWDmenu_plus04 .site-nav .menu ul li > a {
  padding-right: 10px;
}

.RWDmenu_plus04 .site-nav .menu ul li.has-child > a:after {
  right: 20px;
}

.RWDmenu_plus04 .site-nav .menu > li.active > a {
  background: transparent;
  color: var(--SubColor);
}

.member-block h3 {
  text-align: left;
  font-weight: bold;
  padding-bottom: 1rem;
}

.RWDmenu_plus04 .cart-block-headline, .RWDmenu_plus04 .querycar-block-headline, .member-block .login-headline {
  font-size: var(--FontSizeH4);
  text-align: left;
  font-weight: 500;
}

.RWDmenu_plus04 .cart-block .bottom-box .total, .RWDmenu_plus04 .querycar-block .bottom-box .total {
  font-size: var(--FontSizeNavi);
}

.lang-select-options a {
  color: var(--TextMainColor);
  font-size: var(--FontSizeNavi);
} /* 登入按鈕 */
#btn_member_login {
  float: none;
  background: var(--BtnBg);
  padding: 6px 12px;
}

#btn_member_login, #div_forget_content #forget_table_btn {
  background: var(--BtnBg);
  border: 1px solid var(--BtnColor);
  color: var(--BtnColor);
  border-radius: var(--BtnBorderRadius);
  transform: var(--TransitionEase);
} /* 會員區塊 */
.RWDmenu_plus04 .member-block a.login, .RWDmenu_plus04 .member-block button.login, .RWDmenu_plus04 .member-block a.login.is-on, .RWDmenu_plus04 .member-block button.login.is-on {
  background-color: var(--NaviBtnBg);
  color: var(--NaviBtnColor);
  transition: var(--TransitionEase);
  border-radius: var(--BtnBorderRadius);
}

.RWDmenu_plus04 .querycar-block .bottom-box .pay-btn {
  font-size: var(--FontSizeNavi);
  background: var(--NaviBtnBg);
  transition: var(--TransitionEase);
  color: var(--NaviBtnColor);
}

.RWDsearch01 .bottom-box .search_btn, .RWDmenu_plus04 .cart-block .bottom-box .pay-btn {
  background: var(--NaviBtnBg);
  transition: var(--TransitionEase);
  font-size: var(--FontSizeNavi);
}

.RWDmenu_plus04 .cart-block .pic, .RWDmenu_plus04 .querycar-block .pic {
  background: transparent;
}

.RWDmenu_plus04 .member-block a.login, .RWDmenu_plus04 .member-block button.login {
  background-color: var(--NaviSubBtnBg);
  color: var(--NaviSubBtnColor);
  transition: var(--TransitionEase);
}

.RWDmenu_plus04 .member-block a.signin, .RWDmenu_plus04 .member-block button.signin {
  background-color: var(--BtnOutlineBg);
  color: var(--BtnOutlineColor);
  border: 1px solid var(--BtnOutlineColor);
  transition: var(--TransitionEase);
  border-radius: var(--BtnBorderRadius);
} /* 選單間距 */
.RWDmenu_plus04 .features {
  position: relative;
  width: 170px;
  z-index: 201;
} /* 漢堡選單 */
.RWDmenu_plus04 #mobile-menu .menu > li.active, .RWDmenu_plus04 #mobile-menu .menu > li.active > a {
  background-color: var(--MainColor);
  color: white !important;
}

.RWDmenu_plus04 #mobile-menu .menu > li.active > .toggle-submenu:after, .RWDmenu_plus04 #mobile-menu .menu > li > ul > li.active > .toggle-submenu:after, .RWDmenu_plus04 .dropdown-menu .manu-item-box ul ul a {
  color: white;
}

.RWDmenu_plus04 #mobile-menu .menu li a {
  color: var(--NaviColor);
}

.RWDmenu_plus04 #mobile-menu .menu > li {
  border-bottom: 1px solid #f2ecf3;
}

.RWDmenu_plus04 #mobile-menu .menu > li > ul > li > a {
  letter-spacing: 2px;
}

.ml-stack-nav-toggle {
  color: var(--NaviColor);
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle {
  color: var(--NaviUpColor);
}

.ml-stack-nav-toggle__line {
  background: var(--NaviColor);
}

.RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line {
  background: var(--NaviUpColor);
} /* 搜尋換icon */
.RWDmenu_plus04 i.glyphicon.glyphicon-search:before {
  content: "\f4a4";
  font-family: "Ionicons";
  font-size: 20px;
  top: -2px;
  position: relative;
}

.RWDmenu_plus04 #search-box {
  border-radius: 5px;
  margin-right: 0;
  overflow: hidden;
} /* 詢價 */
.RWDmenu_plus04 .features .cart-btn {
  gap: 0 3px;
} /* 語系 */
.RWDmenu_plus04 .features i.lang-select-symbol {
  display: none;
}

.RWDmenu_plus04 .features .lang-select {
  float: left;
}

.RWDmenu_plus04 .lang-select-label {
  padding: 0;
  position: relative;
  top: 0;
}

.RWDmenu_plus04 .lang-select-label {
  font-size: var(--FontSizeP);
}

.RWDmenu_plus04 .lang-select-label > span:nth-of-type(1) {
  display: none;
}

.RWDmenu_plus04 .lang-select-label .ic_lang-select:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(archive/image/customization/menu-lan-icon.webp) no-repeat;
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
}

.RWDmenu_plus04 .lang-select-label i.fa.ic_lang-select {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 3px;
}

.RWDmenu_plus04 .lang-select-options > li {
  border-right: none;
  border-bottom: 1px solid var(--BorderColor);
}

.RWDmenu_plus04 .lang-select-options {
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid var(--BorderColor);
}

.lang-select-options > li:last-child {
  border-bottom: none;
} /* 測選單 */
#div_forget_content .subject {
  letter-spacing: 1.5px;
  font-weight: 500;
  color: var(--TextMainColor);
}

#forget_table .verifyimg {
  width: 80px;
}

#forget_table .th {
  font-weight: 400;
  color: var(--TextMainColor);
}

.RWDmenu_plus04 .member-block, .RWDmenu_plus04 .cart-block, .RWDmenu_plus04 .querycar-block, .RWDmenu_plus04 .cart-block .bottom-box, .RWDmenu_plus04 .querycar-block .bottom-box {
  background: #f2f2f2;
}

.RWDmenu_plus04 .member-block .form-area .group {
  border-bottom: none;
}

.RWDmenu_plus04 .member-block .form-area .group img.verifyimg {
  width: auto;
  max-width: 82px;
}

.RWDmenu_plus04 .cart-btn img {
  filter: brightness(0) invert(1);
}

.RWDmenu_plus04 .features .cart-btn:hover img {
  filter: none;
} /* 選單滑過 */
.RWDmenu_plus04 .site-nav .menu > li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1.5px;
  background: var(--SubColor);
  right: 0;
  bottom: -6px;
  transition: var(--TransitionEase);
}

.RWDmenu_plus04 .site-nav .menu > li:hover:before {
  right: auto;
  left: 0;
  width: 100%;
  transition: var(--TransitionEase);
} /* 滑過樣式 */
@media (hover: hover) {
  .RWDmenu_plus04 .header.is-up :is(.features .cart-btn, .features .querycar-btn, .features .share-group a, .features i):hover {
    color: var(--NaviUpHoverColor);
  }
  .RWDmenu_plus04 .features > div:hover .cart-nu, .RWDmenu_plus04 .features > div:hover i {
    color: var(--NaviHoverColor);
  }
  .RWDmenu_plus04 .header.is-up .features > div:hover .cart-nu, .RWDmenu_plus04 .header.is-up .features > div:hover i {
    color: var(--NaviUpHoverColor);
  }
  .RWDmenu_plus04 .site-nav .menu > li.dropdown > a:hover:after, .RWDmenu_plus04 .site-nav .menu > li.has-child > a:hover:after {
    border-color: var(--NaviHoverColor);
  }
  .RWDsearch01 .bottom-box .search_btn:hover, .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {
    background: var(--NaviBtnHoverBg);
    transition: var(--TransitionEase);
    color: white;
  }
  .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {
    background: var(--NaviBtnHoverBg);
    transition: var(--TransitionEase);
    font-size: var(--FontSizeNavi);
    color: black;
  }
  .RWDmenu_plus04 .lang-select-label:hover::after, .RWDmenu_plus04 .header .site-nav .menu li.has-child > a:hover:after, .RWDmenu_plus04 .header .site-nav .menu li.active > a:after, .RWDmenu_plus04 .header .site-nav .menu li.has-child:hover > a:after {
    border-color: var(--SubColor);
  }
  .RWDmenu_plus04 .is-up .lang-select-label:hover::after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child > a:hover:after {
    border-color: var(--SubColor);
  }
  .RWDmenu_plus04 .header.is-up .site-nav .menu li.active > a:after, .RWDmenu_plus04 .header.is-up .site-nav .menu li.has-child:hover > a:after {
    border-color: var(--SubColor);
  }
  .lang-select-label:hover i, .RWDmenu_plus04 .features .lang-select:hover .lang-select-label i, .RWDmenu_plus04 .lang-select:hover .lang-select-label {
    color: var(--NaviHoverColor);
  }
  .RWDmenu_plus04 .site-nav .manu-item:hover > a, .RWDmenu_plus04 .site-nav .menu ul li a:hover {
    text-decoration: unset;
    font-weight: 400;
    background: var(--NaviHoverColor);
    color: var(--MainColor);
  }
  .RWDmenu_plus04 .lang-select:hover .lang-select-label, .RWDmenu_plus04 .site-nav .menu > li > a:hover {
    background: transparent;
    color: var(--SubColor);
  }
  .RWDmenu_plus04 .member-block a.signin:hover, .RWDmenu_plus04 .member-block button.signin:hover {
    background-color: var(--BtnOutlineHoverBg);
    color: var(--BtnOutlineHoverColor);
    transition: var(--TransitionEase);
    border-color: var(--BtnOutlineHoverBg);
  }
  .RWDmenu_plus04 .member-block a.login:hover, .RWDmenu_plus04 .member-block button.login:hover, .RWDmenu_plus04 .member-block a.login.is-on:hover, .RWDmenu_plus04 .member-block button.login.is-on:hover {
    background-color: var(--NaviBtnHoverBg);
    color: var(--NaviBtnHoverColor);
    transition: var(--TransitionEase);
  }
  .RWDmenu_plus04 .member-block .other a:hover {
    color: var(--NaviHoverColor);
    transition: var(--TransitionEase);
  }
  .lang-select-options a:hover, .lang-select-options a:hover * {
    font-weight: 400;
    color: var(--NaviHoverColor);
  }
  #btn_member_login:hover, #div_forget_content #forget_table_btn:hover {
    background: var(--BtnHoverBg);
    border: 1px solid var(--BtnHoverColor);
    color: var(--BtnHoverColor);
  }
  .RWDmenu_plus04 #mobile-menu .menu > li:hover > a, .RWDmenu_plus04 #mobile-menu .menu > li > ul > li > a:hover {
    color: var(--MainColor);
  }
  .RWDmenu_plus04 .ml-stack-nav-toggle:hover i, .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover, .RWDmenu_plus04 .ml-stack-nav-toggle:hover {
    color: var(--NaviHoverColor);
  }
  .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line, .RWDmenu_plus04 .ml-stack-nav-toggle:hover .ml-stack-nav-toggle__line {
    background: var(--NaviHoverColor);
  } /* 按鈕 */
  .index-btn.main-btn:hover a {
    color: var(--BtnHoverColor);
    background: var(--BtnHoverBg);
  }
  .index-btn.sub-btn:hover a {
    color: var(--SubBtnHoverColor);
    background: var(--SubBtnHoverBg);
  }
  .index-btn.outline-btn:hover a {
    border-color: var(--BtnOutlineHoverBg);
    background: var(--BtnOutlineHoverBg);
    color: var(--BtnOutlineHoverColor);
  }
  .convert-btn .white-btn:hover {
    color: white;
  }
} /* 按鈕 */
.btn-block {
  margin: var(--ItemSpacing) auto 0;
}

.index-btn-item {
  display: flex;
  justify-content: center;
  gap: 0 1.5rem;
  flex-wrap: wrap;
}

a.index-btn, a.index-btn-outline {
  font-size: var(--FontSizeP);
  padding: 15px 2rem 15px 2rem;
  background: white;
  border-radius: 5px;
  line-height: 1.5;
  max-width: 300px;
  min-width: 300px;
  position: relative;
  color: var(--TextMainColor);
  display: block;
  text-align: left;
  transition: var(--TransitionEase);
  height: fit-content;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 400;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

a.index-btn:hover {
  background: var(--SubColor);
  color: var(--MainColor);
  transition: var(--TransitionEase);
  letter-spacing: 1.5px;
  border-color: rgba(0, 0, 0, 0.2);
}

a.index-btn:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../storage/media/skin/index_btn_icon.png) no-repeat;
  background-size: contain;
  transition: var(--TransitionEase);
  top: 17px;
  right: 1rem;
}

a.index-btn:hover:before {
  top: 20px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  transition: var(--TransitionEase);
} /* 按鈕實心 */
a.index-btn.index-btn-solid {
  background: var(--MainColor);
  color: white;
}

a.index-btn.index-btn-solid:hover {
  background: var(--SubColor);
  color: var(--MainColor);
  border-color: rgba(0, 0, 0, 0.2);
}

a.index-btn.index-btn-solid::before {
  filter: brightness(0) invert(1);
}

a.index-btn.index-btn-solid:hover:before {
  filter: none;
}

/*首頁客製 start*/
/* banner */
.banner-block .RWDbanner_plus01 .slick-caption {
  top: auto;
  bottom: 10%;
}

.banner-block .RWDbanner_plus01 .slick-caption > .container {
  width: 75%;
} /* scroll */
.RWDbanner_plus01 .page-scroll {
  left: auto;
  text-align: right;
  background: var(--SubColor);
  right: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  width: max(4.6875vw, 4rem);
  height: max(4.6875vw, 4rem);
  border-radius: 100%;
  bottom: 13%;
  transition: var(--TransitionEase);
}

.RWDbanner_plus01 .page-scroll a {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: max(1.3641875vw, 20px);
  transition: var(--TransitionEase);
}

.RWDbanner_plus01 .page-scroll a:hover {
  opacity: 1;
  transition: var(--TransitionEase);
}

.RWDbanner_plus01 .page-scroll a:hover img {
  transform: rotate(45deg);
  transition: var(--TransitionEase);
}

.RWDbanner_plus01 .page-scroll:hover {
  width: max(4.296875vw, 3.5rem);
  height: max(4.296875vw, 3.5rem);
  transition: var(--TransitionEase);
}

.RWDbanner_plus01 .page-scroll a img {
  transition: var(--TransitionEase);
} /* 輪播點 */
.RWDbanner_plus01.style-dotnav.dot .slick-dots button {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid white;
}

.RWDbanner_plus01.style-dotnav.dot .slick-dots li.slick-active button {
  background: white;
} /* 引言 */
.intro-block.section-block {
  padding-bottom: calc(var(--SectionPadding) * 2);
}

.index .intro-block > .container {
  width: 90%;
  max-width: 1786px;
}

.intro-all {
  position: relative;
} /* 引言標題 */
h2.main-title.intro-main-title {
  font-size: calc(var(--FontSizeMain) * 1.666);
}

h3.sub-title.intro-sub-title {
  text-transform: uppercase;
  font-size: calc(var(--FontSizeSub) * 1.5);
} /* 引言圖片 */
.index-image.intro-image {
  position: absolute;
  width: 25vw;
  right: 5vw;
  top: 2.5vw;
  aspect-ratio: 20/17;
} /* 關於區塊 */
.index .about-block > .container {
  grid-template-columns: 50% 50%;
  grid-template-areas: "pic text" "pic btn";
  margin: 0 30px;
  width: calc(100% - 30px);
}

.index .about-block > .container:before {
  content: "";
  position: absolute;
  display: block;
  width: calc(50% - 30px);
  height: 100%;
  right: 30px;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  background: var(--BgColor);
}

.about-image-all {
  position: relative;
}

.about-block .pic-block, .about-block .pic-block .RWDbase, .about-image-all, .about-swiper-container, .about-block .index-image, .about-block .pic-block .RWDbase {
  height: 100%;
}

.about-block .index-image img {
  max-height: 100%;
  min-height: 100%;
  object-fit: cover;
  width: auto;
}

.about-block :is(.text-block, .btn-block) {
  padding-right: 12.5vw;
  padding-left: 5vw;
}

.about-block .text-block {
  padding-top: var(--SectionPadding);
}

.about-block .btn-block {
  padding-bottom: var(--SectionPadding);
  align-self: flex-start;
} /* 關於圖片輪播 */
.about-image-all .swiper-pagination {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: flex;
  gap: 0 7.5px;
}

.swiper-pagination-bullet {
  background: transparent;
  border: 1px solid white;
}

.swiper-pagination-bullet-active {
  background: white;
} /* 產品 */
.RWDproduct002_v3 {
  padding: 0;
}

.row.RWDproduct002_v3_itemblock .col-md-12 {
  padding: 0;
}

.RWDproduct002_v3 .popup-portfolio {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.RWDproduct002_v3 .popup-portfolio .portfolio-item {
  padding: 0;
  width: calc(50% - 31px);
  margin: 0 15px 2rem;
  float: none;
}

.RWDproduct002_v3 .portfolio-item > .inner-content {
  border-radius: 1rem;
} /* 產品card動態修正 */ /*bounceIn 修正成 fadeIn start*/
@-webkit-keyframes bounceIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.bounceIn {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
} /* 產品卡片 */
.RWDproduct002_v3 .portfolio-bottom__h4 {
  font-size: var(--CardTitleSize);
  font-weight: 600;
  text-transform: uppercase;
  text-align: -webkit-auto;
  margin: 0 0 10px;
  position: relative;
}

.RWDproduct002_v3 p.portfolio-bottom__p {
  text-align: left;
  position: relative;
  padding-left: 33px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.RWDproduct002_v3 .portfolio-bottom-summary {
  position: absolute;
  bottom: 45px;
  padding: 0 calc(max(2.34375vw, 2.5rem) + 5rem) 0 3rem;
}

.RWDproduct002_v3 .portfolio-bottom__h4:before {
  content: "\f489";
  font-family: "Ionicons";
  position: relative;
  margin: 0 20px 0 0;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
  font-size: 120%;
  opacity: 0.5;
  top: 3px;
} /* 卡片滑過箭頭 */
.RWDproduct002_v3 .portfolio-bottom-summary:before {
  content: "";
  position: absolute;
  width: max(2.34375vw, 2.5rem);
  height: max(2.34375vw, 2.5rem);
  background: url(../storage/media/skin/product_arrow.webp) no-repeat;
  background-size: contain;
  right: 3rem;
  top: 20px;
  opacity: 0;
  transition: var(--TransitionEase);
}

.RWDproduct002_v3 .portfolio-item:hover .portfolio-bottom-summary:before {
  opacity: 1;
  transform: rotate(45deg);
  transition: var(--TransitionEase);
  width: max(1.953125vw, 2.25rem);
  height: max(1.953125vw, 2.25rem);
}

.RWDproduct002_v3 .showbottom:hover .portfolio-bottom__h4 {
  color: var(--MainColor);
} /* 聯絡 */
.contact-block:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--MainColor);
  top: 0;
  left: 0;
  z-index: -5;
} /* 聯絡區塊 */
.contact-block.section-block {
  padding-top: calc(var(--SectionPadding) * 1.5);
}

.contact-block .text-block {
  padding: 15vw 15vw var(--SectionPadding) 62.5vw;
}

.contact-block .title-block {
  padding-left: 15vw;
  padding-bottom: var(--SectionPadding);
}

.contact-block .bg-block {
  width: 80vw;
}

.contact-block .text-block:before {
  content: "";
  position: absolute;
  width: 60vw;
  height: 100%;
  background: linear-gradient(-90deg, var(--MainColor) 43%, transparent);
  top: 0;
  right: 0;
  z-index: -2;
} /* 聯絡標題 */
.section-subject.contact-section-subject {
  margin-bottom: 0;
}

.main-title.contact-main-title {
  font-size: calc(var(--FontSizeMain) * 1.25);
}

.sub-title.contact-sub-title {
  text-transform: uppercase;
  font-size: calc(var(--FontSizeSub) * 1.25); /*letter-spacing: 1px;*/
  margin-bottom: 1rem;
}

.description.contact-description {
  margin-bottom: max(3vw, 2rem);
  letter-spacing: 1.5px;
} /* 最新消息 */
.index .newest-block > .container {
  grid-auto-columns: 20vw auto;
  grid-template-areas: "title main" "btn main";
  grid-gap: 0 5vw;
  align-items: center;
}

.newest-block .main-block {
  background: var(--BgColor);
  padding: 3vw;
  border-radius: 1rem;
}

.RWDnews011 .img-slide > .swiper-container {
  width: 100%;
}

.RWDnews011 .img-view {
  max-width: none;
  border-radius: 1rem;
  overflow: hidden;
}

.RWDnews011 .list-D {
  font-size: calc(var(--FontSizeMain) * 0.9);
  line-height: 1;
  font-weight: 400;
  opacity: 0.5;
}

.RWDnews011 .list-M-Y {
  font-size: var(--FontSizeP);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.5px;
  opacity: 0.5;
}

.RWDnews011 .list-date:before {
  display: none;
}

.RWDnews011 .list-title .t1 {
  height: auto;
  font-size: var(--CardTitleSize);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
}

.RWDnews011 .list-title .t2 {
  font-size: 15px;
  letter-spacing: 1.3px;
  line-height: 1.7;
  height: auto;
}

.RWDnews011 .list-date {
  padding: 0 3rem 0 0;
  margin-right: 0;
  flex: unset;
  flex-direction: column;
  gap: 5px 0;
  flex-wrap: nowrap;
  transition: var(--TransitionEase);
  height: fit-content;
}

.RWDnews011 .list-title {
  flex: auto;
  padding-bottom: 0;
  transition: var(--TransitionEase);
  word-break: normal;
  height: fit-content;
}

.RWDnews011 .more-btn {
  display: none;
}

.RWDnews011 {
  margin: 0 auto;
}

.RWDnews011 .list {
  padding: 0;
}

.RWDnews011 .list .swiper-container {
  height: 350px;
}

.RWDnews011 .news-block {
  min-height: 350px;
} /* 消息滑過 */
.RWDnews011 .img-slide > .swiper-container {
  border-radius: 1rem;
  overflow: hidden;
}

.RWDnews011 .listitem {
  padding: 2.5rem 2rem;
  border-bottom: 1px solid var(--BorderColor);
  position: relative;
}

.RWDnews011 .listitem:hover {
  background: var(--MainColor);
  border-radius: 10px;
  border-color: var(--MainColor);
}

.RWDnews011 .listitem:hover .list-date {
  color: rgba(255, 255, 255, 0.5);
  transition: var(--TransitionEase);
}

.RWDnews011 .listitem:hover .list-title {
  color: white;
  transition: var(--TransitionEase);
} /* 消息箭頭 */
.RWDnews011 .title-block.title-center .ctrl-bar {
  right: auto;
  left: 1rem;
} /* 消息按鈕 */
.newest-block .btn-block {
  margin-top: 0;
  align-self: flex-start;
}

/*首頁客製 end*/
/*footer start*/
/* 跟隨按鈕 */
.fixed-block {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 203;
}

.fixed-btn-item {
  display: flex;
}

a.fixed-btn {
  color: white;
  text-transform: uppercase;
  font-size: var(--CardTitleSize);
  font-weight: 500;
  padding: 20px 2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  min-height: var(--NaviHeight);
}

a.fixed-btn:hover {
  background: var(--SubColor);
  color: black;
}

a.fixed-btn:hover img {
  filter: brightness(0);
  transform: rotate(45deg);
  transition: var(--TransitionEase);
}

a.fixed-btn img {
  transition: var(--TransitionEase);
}

a.fixed-btn.fixed-btn-phone {
  display: flex;
  flex-direction: column;
}

span.fixed-btn-text {
  font-size: 15px;
}

strong.fixed-btn-number {
  font-weight: 500;
}

a.fixed-btn.fixed-btn-form {
  display: grid;
  grid-template-columns: auto 35px;
  align-items: center;
} /* 頁尾 */
.footer-block {
  position: relative;
  padding: var(--SectionPadding) 0 0;
}

.footer-block:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--MainColor);
  top: 0;
  left: 0;
  z-index: -5;
} /* 頁尾排列 */
.wrapper_bg .footer-block > .container {
  display: grid;
  grid-template-columns: auto 960px 255px;
  grid-template-areas: "text text pic" "social edm pic" "keyword keyword keyword" "copyrights copyrights copyrights";
  width: 90%;
  max-width: 1786px;
}

.footer-block .text-block {
  grid-area: text;
}

.footer-block .social-block {
  grid-area: social;
}

.footer-block .pic-block {
  grid-area: pic;
  filter: brightness(0.7);
}

.footer-block .edm-block {
  grid-area: edm;
}

.footer-block .keyword-block {
  grid-area: keyword;
}

.footer-block .copyrights {
  grid-area: copyrights;
}

.footer-logo {
  max-width: 440px;
  margin: 0 0 3rem;
}

.footer-block, .footer-block a {
  color: var(--FooterTextColor);
  font-weight: 300;
  letter-spacing: 1px;
}

ul.footer-info-list.grid-item {
  grid-template-columns: repeat(3, max-content);
  grid-gap: 1rem 7rem;
}

ul.footer-info-list > li > span {
  opacity: 0.25;
  font-weight: 500;
  display: block;
  position: relative;
}

ul.footer-info-list > li p {
  margin: 0;
}

.footer-block .keyword-block p {
  margin: 0;
}

.keyword-block p, .copyrights {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.5;
  opacity: 0.3;
}

.footer-block .copyrights {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
} /* 社群 */
.RWDsocial002 .iconRounded {
  border: none;
  color: white;
  background: transparent;
  padding: 0;
  margin: 0;
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: brightness(0.8);
}

.RWDsocial002 .iconRounded:hover, .color1 .iconRounded:hover {
  background: transparent;
  color: white;
  filter: brightness(1);
}

.RWDsocial002 .iconRounded img {
  max-width: 25px;
}

.RWDsocial002 ul.socialNetwork {
  float: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0 5px;
}

.RWDsocial002 h3 {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 15px;
  font-size: 15px;
  opacity: 0.25;
} /* edm */
.web_edm {
  background: transparent;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border: none;
  background: #1d1d1d;
}

.web_edm .email input {
  background: transparent;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 10px;
  letter-spacing: 1px;
  text-align: center;
  color: rgba(255, 255, 255, 0.35);
}

.web_edm .btn_container, .web_edm .email {
  float: none;
}

.web_edm .email {
  width: 300px;
}

.web_edm .btn_container {
  width: calc(100% - 300px);
}

.web_edm .btn_container {
  display: flex;
}

.web_edm .btn {
  float: none;
  width: 100%;
  padding: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  background: #3a3939;
  border: none;
  border-radius: 0;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.web_edm .btn:nth-child(2) {
  background: transparent;
  color: rgba(255, 255, 255, 0.3);
}

.footer-block .deco-block {
  margin-top: 8vw;
  opacity: 0.4;
}

.footer-block .edm-block {
  max-width: 500px;
}

.footer-image-all .swiper-pagination {
  display: flex;
  gap: 0 5px;
  justify-content: flex-end;
  width: 100%;
  margin: 1rem 0 0 auto;
}

.footer-block .edm-block, .footer-block .social-block {
  align-self: flex-end;
}

.footer-block .keyword-block {
  max-width: 60%;
  padding: 3rem 0 0;
  margin: 3rem 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
} /* go top */
.scrollTop002 {
  bottom: 120px;
  right: 10px;
}

/*footer end*/
/*首頁RWD start*/
/* 首頁RWD */
@media (max-width: 2400px) { /* all */
  .index .container.container-75 {
    width: 80%;
  } /* header */
  .RWDmenu_plus04 .header {
    padding: 0 445px 0 1.5rem;
  } /* about */
  .about-block :is(.text-block, .btn-block) {
    padding-right: 10vw;
  }
}
@media (max-width: 2200px) { /* all */
  :root {
    --FontSizeNavi: 15px;
  }
  .index .container {
    width: 80%;
  }
  .index .container.container-75 {
    width: 85%;
  } /* header */
  .RWDmenu_plus04 .header {
    padding: 0 440px 0 1rem;
  }
  .RWDmenu_plus04 .site-nav {
    left: 5%;
  } /* about */
  .about-block :is(.text-block, .btn-block) {
    padding-right: 7.5vw;
  } /* contact */
  .contact-block .text-block {
    padding: 15vw 15vw var(--SectionPadding) 60vw;
  }
}
@media (max-width: 2048px) { /* header */
  .RWDmenu_plus04 .features {
    width: 115px;
  }
  a.fixed-btn {
    padding: 20px 1.25rem;
  }
  .RWDmenu_plus04 .header {
    padding: 0 380px 0 1rem;
  }
  .RWDmenu_plus04 .site-nav {
    left: auto;
  }
  .RWDmenu_plus04 .site-nav .menu {
    text-align: center;
  } /* banner */
  .banner-block .RWDbanner_plus01 .slick-caption > .container {
    width: 80%;
  }
  .RWDbanner_plus01 .slick-caption.txt-center {
    text-align: left;
  }
  .RWDbanner_plus01 .page-scroll {
    right: 3.5%;
  } /* product */
  .RWDproduct002_v3 .portfolio-bottom-summary {
    padding: 0 calc(max(2.34375vw, 2.5rem) + 4rem) 0 2rem;
  }
  .RWDproduct002_v3 .portfolio-bottom-summary:before {
    right: 2rem;
  } /* contact */
  .contact-block .title-block {
    padding-left: 10vw;
  }
  .contact-block .text-block {
    padding: 15vw 10vw var(--SectionPadding) 60vw;
  } /* footer */
  .footer-block .keyword-block {
    max-width: 74%;
  }
  .wrapper_bg .footer-block > .container {
    max-width: 1600px;
    grid-template-columns: auto 790px 255px;
  }
}
@media (max-width: 1920px) { /* header */
  .RWDmenu_plus04 .logo img {
    height: calc(var(--NaviHeight) - 58px);
  }
  .RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .lang-select {
    padding-inline: 12px !important;
  }
  a.fixed-btn {
    padding: 20px 1rem;
  }
  .RWDmenu_plus04 .header {
    padding: 0 370px 0 1rem;
  } /* intro */
  .intro-block.section-block {
    padding-bottom: calc(var(--SectionPadding) * 1.5);
  } /* footer */
  .footer-block .keyword-block {
    max-width: 65%;
  }
}
@media (max-width: 1800px) { /* 漢堡 */
  .RWDmenu_plus04 #search-box {
    top: var(--NaviHeight);
  }
  .RWDmenu_plus04 .header {
    padding: 0 1.5rem;
  }
  .RWDmenu_plus04 .site-nav {
    display: none;
  }
  .RWDmenu_plus04 .header-in, .RWDmenu_plus04 #mobile-menu {
    display: block;
  }
  .RWDmenu_plus04 .ml-stack-nav-toggle {
    display: flex;
    color: var(--MainColor);
  }
  .RWDmenu_plus04 .features .lang-select, .RWDmenu_plus04 .features .language-block {
    display: none;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li > ul > li > ul > li > a {
    padding-left: 50px;
  }
  .RWDmenu_plus04 .features {
    float: right;
    width: auto;
  }
  .RWDmenu_plus04 .features:before {
    display: none;
  }
  .RWDmenu_plus04 .ml-stack-nav-toggle {
    padding: 30px 35px;
    height: var(--NaviHeight);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .RWDmenu_plus04 .ml-stack-nav-toggle i {
    display: none;
  }
  .RWDmenu_plus04 .ml-stack-nav-toggle__line {
    height: 1px;
    background-color: white;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li > a {
    font-size: var(--FontSizeP);
    letter-spacing: 1px;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li.active {
    background: transparent;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li.active > a {
    background: transparent;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li.active, .RWDmenu_plus04 #mobile-menu .menu > li.active > a {
    color: var(--MainColor);
  }
  .RWDmenu_plus04 #mobile-menu .menu > li.active > a {
    background: var(--MainColor) !important;
    color: white !important;
  } /* 右側 */
  .RWDmenu_plus04 #mobile-menu .main-menu {
    width: 85%;
    left: 50%;
    transform: translateX(-50%);
  }
  .RWDmenu_plus04 #mobile-menu .menu > li > a {
    margin-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    text-transform: uppercase;
    padding: 20px 15px;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li > ul > li > a {
    letter-spacing: 1.5px;
    padding-left: 30px;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li > ul {
    background: transparent;
    box-shadow: none;
  }
  .RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .lang-select {
    padding-inline: 20px !important;
  }
  .menu-open .RWDmenu_plus04 #mobile-menu {
    background: var(--BgColor);
  }
  .RWDmenu_plus04 .header.is-up .ml-stack-nav-toggle__line {
    background-color: white;
  } /* 側選單 */
  .fixed-block {
    right: 240px;
  }
  a.fixed-btn {
    padding: 20px 2rem;
  }
  a.fixed-btn.fixed-btn-phone {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  } /* all */
  .section-subject.grid-item {
    grid-gap: 0 10vw;
  } /* banner */
  .banner-block .RWDbanner_plus01 .slick-caption > .container {
    margin-right: 12.5%;
    width: 85%;
  } /* intro */
  h2.main-title.intro-main-title {
    font-size: calc(var(--FontSizeMain) * 1.5);
  }
  h3.sub-title.intro-sub-title {
    font-size: calc(var(--FontSizeSub) * 1.25);
  }
  .index .intro-block > .container {
    width: 80%;
  }
  .index-image.intro-image {
    width: 27.5vw;
    top: 3vw;
  } /* about */
  .index .about-block > .container {
    grid-template-columns: 45% 55%;
  }
  .index .about-block > .container:before {
    width: calc(55% - 30px);
  } /* news */
  .RWDnews011 .title-block.title-center {
    margin-bottom: max(3vw, 2rem);
  } /* footer */
  .wrapper_bg .footer-block > .container {
    width: 90%;
    max-width: none;
    grid-template-columns: 1fr 1.3fr 255px;
  }
  .footer-block .keyword-block {
    max-width: 69%;
  }
}
@media (max-width: 1680px) { /* all */
  .section-subject.grid-item {
    grid-template-columns: auto;
    width: 70%;
    gap: 1.5rem 0;
  }
  .index .container, .index .container.container-75 {
    width: 85%;
  } /* contact */
  .contact-block .text-block {
    padding: 15vw 10vw var(--SectionPadding) 55vw;
  } /* footer */
  .wrapper_bg .footer-block > .container {
    grid-template-columns: 1fr 1.25fr 230px;
  }
  .footer-block .keyword-block {
    max-width: 76%;
  }
}
@media (max-width: 1600px) { /* all */
  :root {
    --NaviHeight: 90px;
  }
  a.fixed-btn {
    padding: 15px 2rem;
  }
}
@media (max-width: 1536px) { /* all */
  .index .container, .index .container.container-75 {
    width: 90%;
  } /* banner */
  .RWDbanner_plus01 .page-scroll {
    bottom: 25%;
  }
  .banner-block .RWDbanner_plus01 .slick-caption > .container {
    margin: 0 auto;
    width: 92.5%;
  }
  .RWDbanner_plus01 .logo img {
    margin-bottom: 0;
  } /* product */
  .RWDproduct002_v3 .portfolio-bottom-summary {
    bottom: 30px;
  } /* contact */
  .contact-block .title-block {
    padding-left: 5vw;
  }
  .contact-block .text-block {
    padding: 20vw 5vw var(--SectionPadding) 55vw;
  } /* newest */
  .index .newest-block > .container {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "main" "btn";
    width: 75%;
  }
  .newest-block .container > .title-block {
    text-align: center;
    max-width: 65%;
    margin-inline: auto;
  }
  .newest-block .btn-block {
    margin: var(--ItemSpacing) auto 0;
    align-self: center;
  }
  .newest-block a.index-btn {
    margin: 0 auto;
  }
  .RWDnews011 .listitem {
    padding: 2rem 1.5rem;
  }
  .RWDnews011 .list .swiper-container {
    height: 300px;
  }
  .RWDnews011 .news-block {
    min-height: 300px;
  } /* footer */
  ul.footer-info-list.grid-item {
    grid-template-columns: repeat(2, max-content);
  }
  .wrapper_bg .footer-block > .container {
    grid-template-columns: 1fr 2fr 220px;
  }
  .footer-block .text-block {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1440px) { /* intro */
  .index .intro-block > .container {
    width: 90%;
  } /* product */
  .RWDproduct002_v3 .portfolio-bottom-summary {
    padding: 0 2rem;
  }
  .RWDproduct002_v3 .portfolio-bottom-summary:before {
    display: none;
  } /* footer */
  ul.footer-info-list.grid-item {
    grid-gap: 1rem 5rem;
  }
}
@media (max-width: 1366px) { /* all */
  :root {
    --NaviHeight: 85px;
  } /* product */
  .RWDproduct002_v3 .portfolio-bottom-summary {
    position: relative;
    bottom: auto;
    padding: 0 1rem;
  }
  .RWDproduct002_v3 .portfolio-item > .inner-content {
    margin-bottom: 1.5rem;
  } /* newest */
  .RWDnews011 .title-block.title-center {
    margin-bottom: 2rem;
  }
  .index .newest-block > .container {
    width: 80%;
  }
  .RWDnews011 .list .swiper-container {
    height: 320px;
  }
  .RWDnews011 .list-date {
    padding: 0 2rem 0 0;
  } /* footer */
  .footer-logo {
    margin: 0 0 2rem;
    max-width: 350px;
  }
}
@media (max-width: 1280px) { /* footer */
  .web_edm .email, .web_edm .btn_container {
    width: 100%;
  }
  .web_edm .email input {
    border-bottom: 1px solid #3a3939;
  }
  .wrapper_bg .footer-block > .container {
    grid-template-columns: auto 22.5vw;
    grid-template-areas: "text pic" "social pic" "keyword edm" "copyrights edm";
    grid-gap: 0 10vw;
  }
  .footer-block .edm-block {
    width: 85%;
  }
  ul.footer-info-list.grid-item {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
  }
  .footer-block .keyword-block {
    max-width: none;
  }
  .footer-block .social-block {
    align-self: flex-start;
  }
  .footer-block .edm-block {
    width: auto;
    align-self: flex-start;
    margin-top: 6rem;
  }
  ul.footer-info-list > li > span {
    display: inline-block;
  }
  ul.footer-info-list > li {
    display: grid;
    grid-template-columns: 65px auto;
  }
  .footer-block .text-block {
    margin-bottom: 0;
  }
} /* ipad pro 橫式 */
@media (max-width: 1199px) { /* all */
  .section-subject.grid-item {
    width: 80%;
  } /* header */ /* banner */
  .RWDbanner_plus01 .page-scroll {
    display: none;
  }
  .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item {
    max-height: 100svh !important;
    height: 100svh !important;
  } /* intro */
  h2.main-title.intro-main-title {
    font-size: calc(var(--FontSizeMain) * 1.3);
  }
  h3.sub-title.intro-sub-title {
    font-size: calc(var(--FontSizeSub) * 1.125);
  }
  .intro-block.section-block {
    padding-bottom: calc(var(--SectionPadding) * 1.25);
  } /* about */
  .index .about-block > .container {
    grid-template-columns: 100%;
    grid-template-areas: "text" "pic" "btn";
    width: 90%;
    margin: 0 auto;
  }
  .index .about-block > .container:before {
    width: 100%;
    right: auto;
  }
  .about-block .text-block {
    width: 100%;
    padding: var(--SectionPadding) 10vw 3rem;
  }
  .about-block .pic-block, .about-block .pic-block .RWDbase, .about-image-all, .about-swiper-container, .about-block .index-image, .about-block .pic-block .RWDbase {
    height: auto;
    width: 100%;
  }
  .about-block .index-image img {
    object-fit: contain;
  }
  .about-block .pic-block {
    width: calc(100% - 20vw);
    margin: 0 10vw;
  }
  .about-swiper-container {
    width: 100%;
  }
  .about-block a.index-btn {
    margin: var(--ItemSpacing) auto 0;
  } /* news */
  .RWDnews011 .news-block {
    margin-bottom: 0;
  }
  .RWDnews011 .listitem {
    padding: 1.5rem 1.5rem;
  } /* footer */
  .wrapper_bg .footer-block > .container {
    grid-gap: 0 7.5vw;
    grid-template-columns: auto 25vw;
  }
}
@media (max-width: 1100px) { /* all */
  ul.index-list > li > b:before {
    margin: 0 15px 0 0;
  }
  ul.index-list > li > p {
    left: 25px;
  }
  .section-subject.grid-item {
    width: auto;
  } /* about */
  .about-block .text-block {
    padding: var(--SectionPadding) 7.5vw 3rem;
  } /* contact */
  .contact-block .text-block {
    padding: 20vw 5vw var(--SectionPadding) 50vw;
  } /* news */
  .RWDnews011 .news-block {
    flex-direction: column;
  }
  .RWDnews011 .news-block .list, .RWDnews011 .img-slide {
    width: 100%;
  }
  .RWDnews011 .title-block.title-center {
    margin-bottom: 1rem;
  }
  .RWDnews011 .title-block.title-center .ctrl-bar {
    left: 50%;
    transform: translateX(-50%);
  } /* footer */
  .keyword-block p, .copyrights {
    font-size: 11px;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 1024px) { /* all */
  .main-title + .sub-title {
    margin: 10px 0 0;
  }
  .section-subject.grid-item {
    grid-gap: 10px 0;
  }
  .sub-title.contact-sub-title {
    margin-bottom: 10px;
  } /* header */
  .RWDmenu_plus04 .features {
    margin-right: 0;
    padding-right: 0;
  }
  .RWDmenu_plus04 .features:after {
    display: none;
  } /* intro */
  .index-image.intro-image {
    width: 30vw;
    top: 4vw;
  } /* product */
  .RWDproduct002_v3 .portfolio-bottom__h4:before {
    display: none;
  }
  .RWDproduct002_v3 p.portfolio-bottom__p {
    padding-left: 0;
  } /* contact */
  .contact-block .text-block {
    padding: 25vw 5vw var(--SectionPadding) 50vw;
  }
} /* ipad pro 直式 */
@media (max-width: 991px) { /* all */
  .fl {
    width: 300px;
  } /* banner */
  .banner-block .RWDbanner_plus01 .slick-caption {
    bottom: 7.5%;
  }
  .banner-block .RWDbanner_plus01 .slick-caption > .container {
    width: 85%;
  } /* intro */
  h3.sub-title.intro-sub-title {
    font-size: var(--FontSizeSub);
  }
  .intro-block.section-block {
    padding-bottom: var(--SectionPadding);
  } /* anout */
  .about-block .pic-block {
    width: calc(100% - 15vw);
    margin: 0 7.5vw;
  } /* contact */
  .sub-title.contact-sub-title {
    font-size: var(--FontSizeSub);
  }
  .contact-block .title-block {
    padding: 0 15vw var(--SectionPadding);
    text-align: center;
  }
  .contact-block .text-block:before {
    width: 70vw;
  }
  .contact-block .text-block {
    text-align: center;
    padding: 55vw 15vw var(--SectionPadding);
  }
  .contact-block .text-block:before {
    width: 100%;
    background: linear-gradient(0deg, var(--MainColor) 10%, transparent);
  }
  .contact-block .bg-block {
    width: 100%;
  }
  a.index-btn.contact-btn {
    margin-inline: auto;
  } /* product */
  .contact-block.section-block {
    padding-top: var(--SectionPadding);
  } /* news */
  .RWDnews011 .title-block.title-center .ctrl-bar {
    left: 50%;
    transform: translateX(-50%);
    bottom: auto;
  }
  .newest-block .main-block {
    padding: 7.5vw;
  } /* footer */
  ul.footer-info-list > li {
    display: flex;
    flex-direction: column;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  }
  ul.footer-info-list.grid-item {
    grid-gap: 0;
  }
  .footer-logo {
    max-width: 250px;
    margin: 0 0 1.5rem;
  }
  .RWDsocial002 h3 {
    margin-bottom: 0;
  }
  .wrapper_bg .footer-block > .container {
    grid-template-areas: "text pic" "social pic" "edm pic" "keyword keyword" "copyrights copyrights";
    grid-template-columns: auto 20vw;
    grid-gap: 0 10vw;
  }
  .footer-block .edm-block {
    margin-top: 2rem;
  }
  .web_edm .email {
    width: 220px;
  }
  .web_edm .btn_container {
    width: calc(100% - 220px);
  }
  .web_edm .email input {
    border-bottom: none;
  }
}
@media (max-width: 900px) { /* all */
  :root {
    --FontSizeMain: 2.5rem;
  } /* header */
  a.fixed-btn {
    padding: 20px 1rem;
  }
  .RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .lang-select {
    padding-inline: 15px !important;
  }
  .fixed-block {
    right: 220px;
  }
  .index-image.intro-image {
    right: 0;
    width: 37vw;
    top: 5vw;
  } /* intro */
  h2.main-title.intro-main-title, .main-title.contact-main-title {
    font-size: var(--FontSizeMain);
  }
}
@media (max-width: 800px) { /* header */
  .RWDmenu_plus04 .ml-stack-nav-toggle {
    padding: 30px 30px;
  }
  .RWDmenu_plus04 .header {
    padding: 0 1rem;
  }
  .fixed-block {
    right: 200px;
  } /* product */
  .RWDproduct002_v3 .portfolio-bottom-summary {
    padding: 0;
  }
}
@media (max-width: 767px) { /* all */
  :root {
    --NaviHeight: 80px;
  }
  .index-btn-item {
    flex-direction: column;
    align-items: center;
    gap: 10px 0;
  } /* header */
  .fixed-block {
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
  }
  a.fixed-btn {
    width: 50%;
    background: #333;
  }
  .RWDmenu_plus04 .logo img {
    height: calc(var(--NaviHeight) - 40px);
  } /* intro */
  .index-image.intro-image {
    width: 55vw;
    position: relative;
    right: auto;
    top: auto;
  }
  .intro-all {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  } /* contact */
  .contact-block .title-block, .contact-block .text-block {
    padding-inline: 7.5vw;
  } /* news */
  .RWDnews011 {
    padding: 0;
  }
  .RWDnews011 .img-slide {
    height: auto !important;
  }
  .RWDnews011 img {
    width: auto;
  }
  .RWDnews011 .listitem {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0;
  }
  .index .newest-block > .container {
    display: flex;
    flex-direction: column;
    width: 85%;
  }
  .newest-block .container > .title-block {
    order: 1;
    max-width: none;
  }
  .newest-block .btn-block {
    order: 3;
  }
  .newest-block .main-block {
    order: 2;
    padding: 5vw;
    width: 100%;
  }
  .RWDnews011 .title-block.title-center {
    display: none;
  }
  .RWDnews011 .list-M-Y {
    text-align: left;
    margin: 0 0 10px;
  }
  .RWDnews011 .mobile-only.page-next, .RWDnews011 .mobile-only.page-prev {
    border-radius: 100%;
    box-shadow: none;
  }
  .RWDnews011 .page-arrow:after, .RWDnews011 .page-arrow:before {
    font-size: 15px;
  }
  .RWDnews011 .list .swiper-container {
    height: auto;
  }
  .RWDnews011 .list-D {
    font-size: var(--FontSizeP);
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.5px;
    display: inline;
    width: auto;
    justify-self: auto;
  }
  .RWDnews011 .list-date {
    display: flex;
    flex-direction: row-reverse;
  }
  .RWDnews011 .list-D::before {
    display: none;
  }
  .RWDnews011 .listitem.swiper-slide-active, .RWDnews011 .listitem:hover {
    background: transparent;
    border-color: transparent;
    color: var(--MainColor);
  }
  .RWDnews011 .listitem:hover .list-date, .RWDnews011 .listitem:hover .list-title {
    color: var(--MainColor);
  } /* footer */
  .wrapper_bg .footer-block > .container {
    grid-template-areas: "text" "social" "edm" "keyword" "copyrights";
    grid-template-columns: 1fr;
    width: 85%;
  }
  ul.footer-info-list > li {
    flex-direction: row;
    gap: 0 15px;
  }
  ul.footer-info-list > li > span {
    min-width: 50px;
  }
  .RWDsocial002 {
    display: flex;
    align-items: center;
    gap: 0 10px;
  }
  .footer-logo {
    max-width: 300px;
    margin: 0 0 3rem;
  }
  .web_edm .email {
    width: 350px;
  }
  .web_edm .btn_container {
    width: calc(100% - 350px);
  }
  .footer-block .deco-block, .footer-block .pic-block {
    display: none;
  }
  .footer-block {
    padding-bottom: 140px;
  }
  .footer-block .edm-block {
    max-width: none;
  }
  .web_edm .email input {
    border-bottom: none;
  }
  .footer-block .keyword-block {
    padding: 0;
    border: none;
    margin-top: 4rem;
  }
}
@media (max-width: 650px) { /* 首頁預設 */
  :root {
    --BtnWidth: 100%;
    --FontSizeMain: clamp(1.5rem, 0.8212rem + 3.3939vw, 2.2rem);
  }
  ul.index-list > li > b:before {
    display: none;
  }
  ul.index-list > li > p {
    left: auto;
  }
  a.index-btn, a.index-btn-outline {
    max-width: none;
    width: 100%;
    text-align: center;
    min-width: auto;
  }
  .main-title {
    letter-spacing: 0px;
  } /* header */
  .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .search-btn {
    padding-inline: 10px;
  }
  .RWDmenu_plus04 #mobile-menu .menu > li > a {
    padding: 15px;
  } /* banner */
  .banner-block .RWDbanner_plus01 .slick-caption {
    bottom: 15%;
  } /* intro */
  .index-image.intro-image {
    width: 65vw;
  } /* about */
  .about-block .text-block {
    padding-bottom: 2rem;
  }
  .index .about-block > .container {
    width: 100%;
  } /* product */
  .product-block .sub-title {
    font-size: var(--FontSizeP);
    line-height: 1.5;
  }
  .RWDproduct002_v3 .popup-portfolio .portfolio-item {
    margin: 0 0 2rem;
    width: 100%;
  }
  .RWDproduct002_v3 .portfolio-item > .inner-content {
    margin-bottom: 1rem;
  } /* contact */
  .contact-block .title-block, .contact-block .text-block {
    padding-inline: 5vw;
  }
  .description.contact-description {
    text-align: left;
  } /* news */
  .newest-block .main-block {
    padding: 0;
    background: transparent;
  }
  .newest-block {
    background: var(--BgColor);
  } /* footer */
  .web_edm .email {
    width: 200px;
  }
  .web_edm .btn_container {
    width: calc(100% - 200px);
  }
}
@media (max-width: 480px) { /* header */
  .RWDmenu_plus04 .logo img {
    height: calc(var(--NaviHeight) - 45px);
  }
  .RWDmenu_plus04 .ml-stack-nav-toggle {
    padding: 30px 15px;
    border-left: none;
  }
  .RWDmenu_plus04 .features {
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 10px;
  }
  .RWDmenu_plus04 .features .search-btn, .RWDmenu_plus04 .features .member-btn, .RWDmenu_plus04 .features .cart-btn, .RWDmenu_plus04 .features .querycar-btn, .RWDmenu_plus04 .lang-select {
    padding-inline: 10px !important;
  } /* all */
  :root {
    --NaviHeight: 75px;
  }
  p, ul.index-list, .description {
    letter-spacing: 0.5px;
  } /* intro */
  .intro-all {
    text-align: left;
  }
  .index-image.intro-image {
    width: 75vw;
  } /* footer */
  .web_edm .email, .web_edm .btn_container {
    width: 100%;
  }
  .web_edm .email input {
    border-bottom: 1px solid #3a3939;
  }
  ul.footer-info-list > li > span, .RWDsocial002 h3 {
    display: block;
  }
  ul.footer-info-list > li, .RWDsocial002 {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-logo {
    max-width: 250px;
    margin: 0 0 2rem;
  }
  strong.fixed-btn-number {
    display: none;
  }
  span.fixed-btn-text {
    font-size: var(--CardTitleSize);
  }
  a.fixed-btn.fixed-btn-phone {
    justify-content: center;
  }
  a.fixed-btn.fixed-btn-phone:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../storage/media/skin/index_btn_icon.png) no-repeat;
    background-size: contain;
    transition: var(--TransitionEase);
    top: 50%;
    right: 1rem;
    filter: brightness(0) invert(1);
    transform: translateY(-50%);
  }
  a.fixed-btn {
    min-height: 65px;
    padding: 15px;
  }
  a.fixed-btn.fixed-btn-form {
    grid-template-columns: auto 25px;
  }
}
@media (max-width: 414px) { /* all */
  .fl {
    width: 180px;
  } /* banner */
  .RWDbanner_plus01.style-dotnav .control-box .control {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .RWDbanner_plus01.style-dotnav.dot .slick-dots li {
    height: 30px;
  }
  .RWDbanner_plus01.style-dotnav.control-left .control-box, .RWDbanner_plus01.style-dotnav.control-right .control-box {
    bottom: 20px;
  }
  .banner-block .RWDbanner_plus01.full .banner-slider.bg .slick-item {
    max-height: calc(100svh - 65px) !important;
    height: calc(100svh - 65px) !important;
  }
}
@media (max-width: 380px) { /* all */
  :root {
    --FontSizeSub: 1.125rem;
    --FontSizeP: 15px;
  } /* header */
  .RWDmenu_plus04 .header {
    padding: 0 10px;
  }
  .RWDmenu_plus04 .logo img {
    height: calc(var(--NaviHeight) - 47px);
  }
  .RWDmenu_plus04 .features {
    margin-right: 0;
    border-right: none;
  }
}
/*首頁RWD end*/
/*內頁 start*/
/* 匯入內頁補丁包*/ /* 選配有需要自己打開 */ /* 內頁圖片稱滿    .RWDeditor01 img,    .RWDslider01 .pic img,    .image img {        width: 100%;    } */ /*a連結*/
a {
  text-decoration: none;
}

.page_wrapper_bg section.call_to_action a, .page_wrapper_bg section.call_to_action a:hover, .page_wrapper_bg section.call_to_action a:focus, .page_wrapper_bg section.call_to_action .btn, .page_wrapper_bg section.call_to_action .btn:hover, .layoutlist_3 .dbtn_v2, .layoutlist_3 .dbtn_v2:hover {
  text-decoration: none;
  transition: var(--TransitionEase);
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.boxname {
  margin: 0 10px;
}

div[style="clear: both;"] {
  display: none;
} /*230531範本預設按鈕改色導圓角統一5px*/
._bd_btn._bd_btn-primary:hover {
  color: #fff;
  background-color: var(--BtnHoverColor);
  border-color: var(--BtnHoverColor);
}

._bd_btn._bd_btn-primary {
  background: var(--BtnBg);
  border-radius: 5px !important;
}

._bd_btn._bd_btn-default {
  background: 0 0;
  border: 1px solid var(--SubBtnBg);
  color: var(--SubBtnBg);
  border-radius: 5px !important;
}

._bd_btn._bd_btn-default:hover {
  color: #fff;
  background-color: var(--SubBtnHoverColor);
  border-color: var(--SubBtnHoverColor);
}

._bd_row a {
  color: #333;
} /*221226最小字級修正*/
.login_box_body .control-label, #btn_forget_form, #btn_reverify_form, .link-style, .member_join, #forget_table .th, #join_form, .RWDquiry, .RWDshopping, .RWDproduct_page .control-box .control-label, .RWDproduct_page .products-info .download .control-label, .RWDproduct_page .products-info .pd-info .control-label, .RWDproduct_page .products-info .txt .title, #mobile-fixed input, #mobile-fixed select, #mobile-fixed select.form-control:not([size]):not([multiple]), #plusbuy_mobile-fixed input, #plusbuy_mobile-fixed select, #plusbuy_mobile-fixed select:not([size]):not([multiple]), .RWDproduct_page input, .RWDproduct_page select, .RWDproduct_page select.form-control:not([size]):not([multiple]), .RWDproduct_page .btn, .RWDproduct_page .ibtn, .hgroup .breadcrumb, .shopping-item-box .item-btn, #join_form select, #join_form select.form-control:not([size]):not([multiple]), .RWDshopping select, .RWDshopping select.form-control:not([size]):not([multiple]), .bonus-box .form-group .btn, .voucher-box .form-group .btn, .form-control, select, textarea, .video_item_summary, .download .search-go, .layoutlist_2 .listdate .yearmonth, .layoutlist_2 .list_subject .subsubject, .layoutlist_4 .listdate .yearmonth, .rwdlayoutlist_9 .summary, .rwdlayoutlist_9 .cdate, .RWDsearch01 .search-nav-btn, .count_info, .layoutlist_5 .item .summary, .list-btn_mobile, .list-btn, .buybtn, .layoutlist_3 .dbtn_v2, #mobile-fixed .btn, #plusbuy_mobile-fixed .btn, #mobile-fixed .stock, #mobile-fixed, #plusbuy_mobile-fixed, .RWDproduct_page, #mobile-fixed, #plusbuy_mobile-fixed, .RWDproduct_page, .sum-box .total .td:last-child small, .delivery-editor ul, .goadd-box, .info-editor ul, .plus-fixed .name a, .plus-list .name a, .shopping-item .name, .shopping-step .name, .RWDshopping, .RWDshopping .btn, .bonus-box .form-group .btn, .delivery-editor, .goadd-box .goadd, .info-editor, .login-box a, .login-box a:hover, .plus-list .addcart, .plus-list .price-box, .shopping-item .tag, .shopping-title .freight, .shops-box .shops, .voucher-box .btn.vouchers, .voucher-box .form-group .btn, .login_box_footer a.shopping_view, .shopping_viewlogin__member, .RWDproduct_page .download_container .btn, .RWDsearch_page .list-img .name, .RWDmenu_plus04 .cart-block .name, .RWDmenu_plus04 .querycar-block .name, .RWDmenu_plus04 .cart-block .spe-box, .RWDmenu_plus04 .querycar-block .spe-box, .RWDtimeline02 .timeline2_list .block .text, .shopping_viewlogin__intro {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 1.5;
}

.list-btn {
  padding: 0 10px;
  margin: 20px 0 0;
  height: calc(var(--BtnHeight) * 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.layoutlist_5 .product_list_item .subject {
  margin: 10px 0 0;
}

.layoutlist_5 .item .buybtn {
  width: 100%;
  padding: 5px 0;
}

input#top_search_searchkey {
  font-size: 20px !important;
  letter-spacing: 1px !important;
}

.cd-search.full .ibtn, .RWDmenu_plus04 #search-box.full .ibtn {
  font-size: 20px;
}

.search-in #search_box_text {
  font-size: 20px !important;
}

.search-box #search_box_text {
  font-size: 15px !important;
}

.RWDmenu_plus04 .member-block .form-area .group {
  flex-wrap: nowrap;
}

.login_box_footer a.member_join {
  display: flex;
  justify-content: center;
  align-items: center;
}

.login_box_footer {
  width: 100%;
}

.page_wrapper_bg .RWDeditor01 ol, .page_wrapper_bg .RWDeditor01 ul, .RWDproduct_page .products-info .txt .editor ul, .RWDproduct_page .products-info .txt .editor ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1rem;
} /*購物流程圈圈改色*/
@keyframes num-bg {
  0% {
    background: #666;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    background: #666;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
} /*main*/
.page_wrapper_bg section.call_to_action {
  padding: var(--SectionPadding) 0;
  min-height: 35vw;
}

.page_wrapper_bg section.call_to_action > .container {
  padding: 0 15px;
  width: 75%;
}

.page_wrapper_bg .article-text .container {
  width: 100%;
}

.hgroup .container {
  width: 100%;
  margin: 0 0 var(--ItemSpacing);
  border: 0;
} /* 高效經濟版型寬度 */ /* .page_wrapper_bg section.call_to_action>.container{padding:0 15px;max-width:1400px;width:auto} */ /*搜尋結果*/
.RWDsearch_page .list-title .qty, .RWDsearch_page .list-tab li .qty {
  background: var(--BtnBg);
  color: var(--BtnColor);
}

.RWDsearch_page .search-list .hashtag_block .hashtagLink {
  color: var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
}

.RWDsearch_page .search-list {
  margin-bottom: calc(var(--SectionPadding) - var(--ItemSpacing));
}

.RWDsearch_page .list-img .name {
  height: auto;
  text-align: left;
  font-size: var(--FontSizeH3);
  color: var(--TextMainColor);
}

.RWDsearch_page .list-img > ul > li {
  width: 20%;
  margin-bottom: var(--ItemSpacing);
}

.RWDsearch_page .list-title {
  margin-bottom: 2rem;
  font-size: var(--FontSizeH3);
  font-weight: 600;
}

.RWDsearch_page .list-img .pic {
  height: auto !important;
}

.RWDsearch_page .list-img .btn-box {
  margin-top: 0;
  display: flex;
  justify-content: center;
}

.RWDsearch_page .ibtn, .RWDsearch_page .more {
  width: var(--BtnWidth);
  height: var(--BtnHeight);
  padding: 10px 15px;
  background: var(--BtnBg);
  color: var(--BtnColor);
  border: 0;
  transition: var(--TransitionEase);
  line-height: 1;
  border-radius: var(--BtnBorderRadius);
  font-size: var(--BtnFontSize);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: unset;
}

.RWDsearch01 {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.RWDsearch01 .search-text {
  font-size: var(--FontSizeP);
  color: var(--TextSubColor);
  margin-bottom: 0;
} /*文字統一設定*/
.pageTitle {
  font-size: var(--FontSizeMain);
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: var(--TextMainColor);
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
}

.breadcrumb > li + li:before, .page_wrapper_bg .hgroup .breadcrumb a {
  color: var(--TextSubColor);
  font-size: 13px;
}

.page_wrapper_bg .hgroup h1 {
  line-height: 1.5;
  font-size: var(--FontSizeMain);
  color: var(--TextMainColor);
}

.page_wrapper_bg .article-text h2 {
  font-size: var(--FontSizeSub);
  line-height: 1;
  letter-spacing: 0px;
}

.page_wrapper_bg .article-text h3 {
  letter-spacing: 0px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: var(--FontSizeH3);
}

.page_wrapper_bg .article-text h4 {
  font-size: var(--FontSizeH4);
  line-height: 1.7;
  letter-spacing: 0px;
  margin: 15px 0 15px;
}

.page_wrapper_bg .article-text, .page_wrapper_bg .article-text p, .RWDslider01 .editor, .RWDtimeline01 li.event .point .editor, #sidebar .products-nav, .RWDslider01 .slick-dots button {
  font-size: var(--FontSizeP);
  line-height: 1.6;
  letter-spacing: 0px;
  color: var(--TextMainColor);
  font-weight: 400;
  font-family: var(--FontFamily);
}

#mobile-fixed, #plusbuy_mobile-fixed, .RWDproduct_page {
  font-family: var(--FontFamily);
}

.bd_row h1, .bd_row h2, .bd_row h3, .bd_row h4, .bd_row h5, .bd_row h6 {
  font-family: var(--FontFamily);
}

._bd_row label, ._bd_row li, ._bd_row p, ._bd_row td {
  font-size: var(--FontSizeP);
  line-height: 1.8;
  font-weight: 400;
}

._bd_row li {
  margin-bottom: 10px;
}

._bd_row ol {
  padding-left: 22px;
}

._bd_row ul {
  padding-left: 18px;
} /*-------按鈕--------*/
#panelCms .btn.btn-primary {
  float: none;
  border-radius: 5px !important;
} /*重新填寫*/
.refill_btn {
  display: none;
} /*回上一頁按鈕*/
.btn {
  font-size: var(--BtnFontSize);
}

.RWDmenu_plus04 .member-block a.login, .RWDmenu_plus04 .member-block a.signin, .RWDmenu_plus04 .member-block button.login, .RWDmenu_plus04 .member-block button.signin {
  border-radius: var(--BtnBorderRadius);
}

.ebtn, .btn.btn_back {
  margin-right: 0;
  float: unset;
  background: transparent !important;
  padding: 0;
  box-shadow: none;
  margin-top: 3rem;
  width: 100%;
}

:is(.productcontent, .page-detail:where(.tb_product)) .btn.btn_back {
  margin-top: 0;
}

#reply_app .member_block_rp .star_block_box_rp .add_msg_rp, .RWDquiry .btn.normal, .btn.btn_back a {
  max-width: calc(var(--BtnWidth) + 30px);
  height: var(--BtnHeight);
  width: 100%;
  padding: 10px 15px;
  background: var(--BtnOutlineBg);
  color: var(--BtnOutlineColor);
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnOutlineColor);
  line-height: 1;
  border-radius: var(--BtnBorderRadius);
  font-size: var(--BtnFontSize);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ebtn a, .new-form .new-width .currectsend_btn a {
  width: var(--BtnWidth);
  height: var(--BtnHeight);
  padding: 10px 15px;
  background: var(--BtnBg);
  color: var(--BtnColor);
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnColor);
  line-height: 1;
  border-radius: var(--BtnBorderRadius);
  font-size: var(--BtnFontSize);
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-form .new-width .currectsend_btn a, .ebtn a, .btn.btn_back a {
  margin-left: auto;
}

.new-form .new-width .currectsend_btn a:hover, .ebtn a:hover, .btn.btn_back a:hover {
  border: 1px solid var(--BtnHoverColor);
  color: var(--BtnHoverColor);
  background: var(--BtnHoverBg);
}

#reply_add_box .send_button_rp {
  padding: 10px 15px;
  background: var(--BtnBg);
  color: var(--BtnColor);
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnColor);
  line-height: 1;
  border-radius: var(--BtnBorderRadius);
  font-size: var(--BtnFontSize);
  display: flex;
  align-items: center;
  justify-content: center;
}

#reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {
  width: 100%;
} /*購物清單*/
.RWDshopping .btn.normal {
  border-radius: 0;
} /*購物車按鈕*/
.RWDshopping_v3 .order-infobox .btn-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.RWDshopping_v3 .order-infobox .btn-row .links {
  margin-bottom: 0;
}

.RWDshopping .btn.bg1 {
  background: transparent;
  color: var(--BtnColor);
  border: 1px solid var(--BtnColor);
  border-radius: var(--BtnBorderRadius);
}

.RWDshopping .btn.bg1:hover {
  border-radius: 0;
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnBg);
  color: var(--BtnHoverColor) !important;
  background: var(--BtnBg);
}

.layoutlist_4 .showY br {
  display: none;
}

.RWDshopping .btn.normal {
  max-width: initial;
}

.page_wrapper_bg.lang_en .voucher-box .form-group .btn {
  width: auto;
}

.RWDshopping .btn.bg2 {
  border-radius: 0 !important;
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnColor) !important;
  color: var(--BtnColor) !important;
  background: var(--BtnColor) !important;
}

.RWDshopping .btn.bg2:hover {
  background: var(--BtnHoverColor) !important;
  color: var(--BtnHoverColor) !important;
  border: 1px solid var(--BtnHoverColor) !important;
}

.RWDshopping .btn.bg2 i {
  transition: none;
}

.RWDshopping .btn.bg3 {
  background: transparent;
  color: var(--BtnColor);
  border: 1px solid var(--BtnColor);
  border-radius: 0;
}

.RWDshopping .btn.bg3:hover {
  border-radius: 0;
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnHoverColor);
  color: var(--BtnHoverColor) !important;
  background: var(--BtnHoverColor);
} /*購物訂單畫面按鈕*/
.RWDshopping .btn.normal {
  max-width: initial;
} /*購物車v3按鈕*/
.gray82radius-btn, .RWDshopping_v3 .order-infobox .btn-row .links, .RWDshopping_v3 .cartform-submit {
  width: var(--BtnWidth);
  line-height: 1;
  min-height: unset;
  border-radius: var(--BtnBorderRadius);
  background: var(--BtnBg);
}

.RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn, .RWDshopping_v3 .order-infobox .btn-row .links, .RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn, .payhint-modal .btn-row .gray33radius-btn {
  background: var(--BtnBg);
}

.RWDshopping_v3 .cartform-submit:hover, .RWDshopping_v3 .empty-cart .btn-row .gray82radius-btn:hover, .RWDshopping_v3 .order-infobox .btn-row .links:hover, .RWDshopping_v3 .pay-calculate .dd-row.calculate-fixed .gray33radius-btn:hover, .payhint-modal .btn-row .gray33radius-btn:hover {
  background: var(--BtnHoverBg);
  color: var(--BtnHoverColor);
}

.gray82empty-btn, .RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn {
  color: var(--BtnOutlineColor);
  border-color: var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
}

.gray82empty-btn:active, .gray82empty-btn:focus, .gray82empty-btn:visited, .gray82empty-btn:hover, .RWDshopping_v3 .cart-fill .cart-list .info-pane .gray82empty-btn:hover, .RWDshopping_v3 .order-infobox .btn-row .links.gray82empty-btn:hover {
  color: var(--BtnOutlineHoverColor);
  border-color: var(--BtnOutlineHoverColor);
  background: var(--BtnOutlineHoverBg);
}

.selectpick .selectDropdown .selectOption input[type=radio].forSelect:checked + label {
  background-color: var(--BtnBg);
  color: var(--BtnColor);
}

.blue-link {
  color: var(--MainColor);
}

.blue-link:hover {
  color: var(--MainHoverColor);
}

.RWDmenu_plus04 .cart-block .pic, .RWDmenu_plus04 .querycar-block .pic {
  background: transparent;
} /*會員按鈕*/
#btn_member_login {
  float: none;
  background: var(--BtnBg);
  padding: 6px 12px;
}

#btn_member_login, #div_forget_content #forget_table_btn {
  background: var(--BtnBg);
  border: 1px solid var(--BtnColor);
  color: var(--BtnColor);
  border-radius: var(--BtnBorderRadius);
  transform: var(--TransitionEase);
}

.memberlist .col-sm-9.col-md-9 .btn.btn-primary a, .memberlist .col-sm-9.col-md-9 .btn.btn-primary a:hover {
  color: var(--BtnColor) !important;
}

#btn_reverify_form:hover, #btn_forget_form:hover, .form-checkbox:hover, .form-group .form-radio:hover, .member_login a:hover, .member_login a:hover .member_join_strong {
  color: var(--MainHoverColor);
}

.RWDmenu_plus04 .member-block .login-is-on .item a:hover {
  color: var(--NaviHoverColor);
}

.search_area input {
  margin-left: 5px;
} /*會員頁a連結修正*/
.member .css-table .tr a {
  color: var(--MainHoverColor);
}

.go2member {
  text-decoration: underline !important;
  color: var(--MainColor);
} /*會員註冊*/
#join_form {
  background: white;
} /* 會員生日欄位長度修正 */
.join_form-title {
  font-size: var(--FontSizeH3);
  color: var(--TextMainColor);
  font-weight: 500;
}

#join_form input#memberColumns_00003 {
  min-width: 130px;
}

#join_form .btn-primary {
  width: var(--BtnWidth);
  float: none;
  background: var(--BtnBg);
  color: var(--BtnColor);
  border: 1px solid var(--BtnBg);
  padding: 6px 12px;
  height: var(--BtnHeight);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  font-size: var(--BtnFontSize);
  letter-spacing: 4px;
}

#join_form .btn-link:hover {
  text-decoration: none;
}

.webbtn {
  background: var(--BtnBg);
}

.webbtn:hover {
  background: var(--BtnHoverBg);
  color: var(--BtnHoverColor);
}

.btn-primary, .shopping_viewlogin__submit {
  color: var(--BtnColor);
  background-color: var(--BtnBg);
  border: 1px solid var(--BtnBg);
  border-radius: var(--BtnBorderRadius) !important;
  float: right;
  margin-right: 0px;
  box-shadow: none;
  width: var(--BtnWidth);
  height: var(--BtnHeight);
  display: flex;
  align-items: center;
  justify-content: center;
}

#join_form .btn-primary:hover, .no-touch .shopping_viewlogin__submit:hover, .shopping_viewlogin__submit:hover {
  background: var(--BtnHoverBg);
  color: var(--BtnHoverColor);
  border-color: var(--BtnHoverBg);
}

#shopping_viewlogin_form.processing .shopping_viewlogin__submit {
  color: var(--BtnColor);
  background-color: var(--BtnBg);
  border: 1px solid var(--BtnBg);
  border-radius: var(--BtnBorderRadius) !important;
  box-shadow: none;
  width: var(--BtnWidth);
  height: var(--BtnHeight);
  display: flex;
  align-items: center;
  justify-content: center;
}

.shoppingQuery .shopping_viewlogin__submit {
  float: unset;
  margin: 2rem auto;
}

.btn-primary a {
  color: var(--BtnColor);
  font-size: var(--FontSizeP);
}

.btn.btn-primary:focus a, .btn.btn-primary:hover a, .btn.btn-primary:active a {
  color: var(--BtnColor) !important;
}

.btn-primary:hover {
  transition: var(--TransitionEase);
  color: var(--BtnHoverColor);
  background-color: var(--BtnBg);
  border-color: var(--BtnBg);
}

.btn-primary:active:hover, .btn-primary:active:focus {
  background-color: var(--SubBtnBg);
  border: 1px solid var(--SubBtnBg);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: var(--BtnHoverColor) !important;
  background-color: var(--BtnHoverBg);
  border-color: var(--BtnHoverBg);
  outline: none;
}

.shopping_viewlogin__member a:hover {
  color: #333;
} /*詢問車按鈕*/
.RWDmenu_plus04 .cart-block .bottom-box .pay-btn, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn, .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover, .RWDmenu_plus04 .querycar-block .bottom-box .pay-btn:hover {
  transition: var(--TransitionEase);
} /*忘記密碼 ＆重發認證信*/
#div_forget_area * {
  border-radius: 0;
} /*註冊*/
.join_form_btns {
  text-align: right;
} /*sidebar 固定側選單*/
.collapsing_header .main {
  overflow: inherit;
  margin-top: var(--NaviHeight) !important;
} /* 有開評論功能的話這這串都要刪掉 */
.main section .container .article-text > .container > .xrow {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.main section .container .article-text > .container .xrow #sidebar {
  position: sticky;
  top: var(--NaviHeight);
  left: 0;
}

.page_wrapper_bg .m2018 .products-nav .nav-title {
  font-size: var(--FontSizeH3);
  padding: 5px 20px;
  margin-bottom: 0;
  font-weight: bold;
  color: var(--BtnColor);
  background: var(--BtnBg);
}

#sidebar .products-nav {
  font-family: var(--FontFamily);
}

#sidebar .products-nav > ul {
  padding: 10px 20px;
  border: 1px solid #efefef;
}

.m2018 .products-nav .sidemenu2__ul--child li {
  padding-left: 25px;
}

.page_wrapper_bg .m2018 .products-nav {
  background: #fff;
}

.page_wrapper_bg .m2018 .products-nav li:not(.has-child) > a:hover {
  color: var(--MainColor);
  transition: var(--TransitionEase);
}

.page_menu_block ul.nav > li > a, .page_wrapper_bg .m2018 .products-nav > ul > li > a {
  padding: 0px 10px !important;
  transition: var(--TransitionEase);
  font-size: var(--FontSizeH4) !important;
  letter-spacing: 0px !important;
  font-weight: 500 !important;
}

.page_wrapper_bg .m2018 .products-nav > ul > li {
  padding: 15px 0px;
  margin: 0px;
  border-bottom: 1px solid #f0f0f0;
}

.page_wrapper_bg .m2018 .products-nav > ul > li:last-child a {
  padding-bottom: 5px;
}

.page_wrapper_bg .m2018 .products-nav > ul > li:last-child {
  border-bottom: 0;
}

.page_wrapper_bg .m2018 .products-nav ul .is-open > a, .page_wrapper_bg .m2018 .products-nav ul .active > a, .m2018 .products-nav ul li > ul > li:hover > a, .m2018 .search-box .ibtn:hover {
  color: var(--MainColor);
  font-weight: 500;
}

.page_wrapper_bg .m2018 .products-nav .sidemenu2__ul > li.active:not(.iscate) > a::before {
  content: "";
  background: var(--MainColor);
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 9px;
  border-radius: 100%;
  margin-bottom: 2px;
}

.m2018 .products-nav > ul > li {
  padding: 0;
  margin: 0;
}

.m2018 .products-nav a {
  padding: 12px 0px !important;
  font-weight: 400;
  font-size: var(--FontSizeH4);
}

.m2018 .products-nav ul > li > .toggle-submenu {
  top: 14px;
}

.m2018 .search-box {
  margin-bottom: 24px;
} /* 預設文章 */
.pagecontent .RWDslider01, .pagecontent .RWDeditor01 {
  margin-top: var(--ItemSpacing) !important;
}

.pagecontent .article_model[data-seq="0"] {
  margin-top: 0 !important;
} /*圖文輪播*/
.RWDslider01 .products-list .products-item .box {
  display: flex;
  align-items: center;
}

.RWDslider01.pic-right .products-list .products-item .box {
  flex-direction: row-reverse;
}

.RWDslider01 .text {
  color: var(--TextSubColor);
} /* 時間軸 */
.RWDtimeline01 li.event .point {
  z-index: 1;
}

.RWDtimeline01 li.event .point .title, .RWDtimeline02 li.event .point .title {
  font-size: var(--FontSizeH3);
  font-weight: 500;
  color: var(--TextMainColor);
}

.RWDtimeline02 {
  margin-top: var(--SectionPadding);
  padding-top: 0;
}

.RWDtimeline02 .timeline2_list .block .text-in {
  max-height: 70px;
}

.RWDtimeline02 .control-box {
  top: 0;
}

.page_wrapper_bg .pagecontent .RWDtimeline01 {
  margin-top: var(--SectionPadding);
} /*修正產品、文章預設列表排版*/
:is(.productlist, .page-list:where(.tb_product)) .layoutlist_2, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_5, :is(.albumlist, .page-list:where(.tb_album)) .layoutlist_2, :is(.albumlist, .page-list:where(.tb_album)) .layoutlist_4, :is(.articlelist, .page-list:where(.tb_article)) .layoutlist_2, :is(.articlelist, .page-list:where(.tb_article)) .layoutlist_4 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
} /* 文章列表 */
.page_wrapper_bg .cate_list .subject {
  color: var(--TextMainColor);
  font-size: var(--FontSizeH3);
  font-weight: 500;
  margin-top: 16px;
  margin-bottom: 0;
  text-align: left;
}

.page_wrapper_bg .cate_list .subject a {
  color: var(--TextMainColor);
  transition: var(--TransitionEase);
}

#article .cate_list.row > div {
  margin-bottom: var(--ItemSpacing);
  margin-top: 0;
}

.rwdlayoutlist_9 .litem .litem__imgs, .layoutlist_7 .litem .img, #article .cate_list.row .img {
  overflow: hidden;
  border-radius: 1rem;
}

#product .product_list_item img, .rwdlayoutlist_9 .litem img, .layoutlist_7 .litem img, #article .cate_list.row img {
  transition: var(--TransitionEase);
}

.customized_columns > .row, .col-sm-6 {
  margin-top: 0;
}

.webdesc {
  margin-bottom: var(--SectionTitleBottom);
  font-size: var(--FontSizeH4);
  padding-inline: 15px;
}

#album .layoutlist_2 .album_item_subject, #album .layoutlist_1 .album_item_subject, .rwdlayoutlist_9 .subject, .layoutlist_8 .article_subject, .RWDtimeline02 .model-title, .RWDtimeline01 .model-title, #product .item .subject a, .page_wrapper_bg #article .layoutlist_7 .subject a, .page_wrapper_bg #article .layoutlist_4 .item .list_subject > a, .page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {
  font-size: var(--FontSizeH3);
  font-weight: 500;
  margin: 0px 0px 16px !important;
  display: block;
  line-height: 1.5 !important;
  color: var(--TextMainColor);
  transition: var(--TransitionEase);
}

.rwdlayoutlist_9 .summary, .item .summary .itemlink, .page_wrapper_bg :is(.layoutlist_4, .layoutlist_8, .layoutlist_7) .summary a, .page_wrapper_bg .subsubject {
  font-weight: 400;
  line-height: 1.8;
  color: var(--TextSubColor);
  font-size: var(--FontSizeP);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page_wrapper_bg #article :is(.layoutlist_4, .layoutlist_2) .listdate {
  text-align: center;
  border-left: var(--BorderGrayPx1);
}

.page_wrapper_bg :is(.layoutlist_4, .layoutlist_2) .listdate .yearmonth {
  padding-bottom: 0;
}

.page_wrapper_bg :is(.layoutlist_4, .layoutlist_2, .layoutlist_8) .item {
  width: 100%;
}

#article .layoutlist_2 .item {
  width: 100%;
} /* .page_wrapper_bg :is(.layoutlist_4, .layoutlist_2 ,.layoutlist_8) .item {        width: 100%;        border-bottom: var(--BorderGrayPx1);        padding: var(--ItemSpacing) 0;    } */
#article .layoutlist_4 .item {
  border-bottom: var(--BorderGrayPx1);
  padding: var(--ItemSpacing) 0;
}

#article .layoutlist_8 .item, #article .layoutlist_7 .litem, #article .rwdlayoutlist_9 .litem {
  padding-block: 0;
  margin-bottom: var(--ItemSpacing);
  margin-top: 0;
} /*文章列表-4*/
#article .layoutlist_4 .item {
  display: flex;
}

#article .layoutlist_4 .fixrow {
  width: 100%;
}

#article .layoutlist_4 .listdate {
  padding: 0 10px;
  width: 150px;
  border-left: 1px solid #eee;
}

#article .layoutlist_4 .listdate .day {
  font-size: 25px;
}

#article .layoutlist_4 .listdate .yearmonth {
  letter-spacing: 1px;
  padding: 0;
  font-size: 12px !important;
}

#article .layoutlist_4 .item .list_img {
  padding-left: 0;
}

#article .layoutlist_4 .list_subject {
  width: calc(100% - 90px);
}

#article .layoutlist_4 .list_subject .summary {
  margin: 0;
}

#article .layoutlist_4 .xrow.list {
  height: auto;
} /*文章列表-5 文章列表-6*/
.rwdlayoutlist_6 ul, .rwdlayoutlist_6 ul a, .page_wrapper_bg .layoutlist_5 .list_date, .page_wrapper_bg .layoutlist_5 .list_subject a {
  font-size: var(--FontSizeH5);
  color: var(--TextMainColor);
}

#article .layoutlist_5 .list_subject a {
  letter-spacing: 2px;
}

#article .layoutlist_5 .item {
  padding: 15px 0px;
} /* 文章列表-6 */
.rwdlayoutlist_6 .subject_title {
  font-size: var(--FontSizeH4);
  color: var(--TextMainColor);
  font-weight: 500;
} /* 文章列表-7 */
.page_wrapper_bg .layoutlist_7 .subject {
  margin-top: 20px;
  margin-bottom: 0;
}

.page_wrapper_bg .layoutlist_7 .summary a {
  margin-top: 0;
}

.page_wrapper_bg #article .layoutlist_7 .subject a {
  margin-bottom: 0 !important;
}

.layoutlist_7 > .row:before, .layoutlist_7 > .row:after {
  display: none;
}

#article .cate_list.row {
  display: flex;
  flex-wrap: wrap;
}

.layoutlist_7 .row, .layoutlist_7 .row:after, .layoutlist_7 .row:before {
  clear: inherit !important;
  margin-right: 0;
  margin-left: 0;
} /*文章列表-8*/
.layoutlist_8 .list_subject {
  padding: 0 max(3vw, 2.5rem);
}

.layoutlist_8 .list_subject .summary {
  margin: 0;
}

#article .layoutlist_8 .item {
  padding-bottom: max(3vw, 2.5rem);
}

#article .layoutlist_8 .item .list_img {
  padding: 0;
  border-radius: 1rem;
}

.layoutlist_8 .listdate {
  text-align: center;
}

.layoutlist_8 .listdate .day {
  color: var(--TextMainColor);
  font-size: 2vw;
}

.layoutlist_8 .listdate .yearmonth {
  font-size: calc(var(--FontSizeP) * 0.9);
  color: var(--TextSubColor);
} /*文章列表-9*/
.rwdlayoutlist_9 .cdate {
  font-size: calc(var(--FontSizeP) * 0.9);
  color: var(--TextSubColor);
  padding-top: 0;
  padding-bottom: 4px;
}

.no-touch .rwdlayoutlist_9 .litem:hover .litem__imgs::after, .rwdlayoutlist_9 .cdate::before {
  display: none;
}

.rwdlayoutlist_9 .summary {
  margin: 0;
} /* 產品列表 */
.layoutlist_4 .product_list_item, .layoutlist_2 .product_list_item {
  margin-top: 0;
  margin-bottom: var(--ItemSpacing);
  border-bottom: 0;
}

#product .item .subject {
  height: auto !important;
  margin-top: 12px;
}

:is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 > div {
  margin: 0;
}

:is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .product_list_item {
  padding-bottom: 0;
  border: 0;
}

:is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .hashtag_block {
  margin-top: 0;
  margin-bottom: 10px;
} /* 產品列表-2*/
:is(.productlist, .page-list:where(.tb_product)) .layoutlist_2 .item .compare .btn_compare {
  color: var(--BtnOutlineColor);
  border: 1px solid var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
  border-radius: var(--BorderRadius);
  padding: 10px;
  text-align: center;
  font-size: var(--BtnFontSize);
}

:is(.productlist, .page-list:where(.tb_product)) .layoutlist_2 .item .compare {
  margin-bottom: 0;
  border-top: 0;
  margin-top: 20px;
  padding-top: 20px;
}

:is(.productlist, .page-list:where(.tb_product)) .layoutlist_2 .item .compare .ii-check {
  border: 1px solid var(--BtnOutlineColor);
} /* 產品列表-3*/
:is(.productlist, .page-list:where(.tb_product)) .layoutlist_3 .item {
  margin-top: 0;
  margin-bottom: var(--ItemSpacing);
}

:is(.productlist, .page-list:where(.tb_product)) .layoutlist_3 .item .col-sm-12.col-md-6:nth-of-type(1), :is(.productlist, .page-list:where(.tb_product)) .layoutlist_3 .item .col-md-12 {
  padding: 0;
} /* 產品列表-4*/
.layoutlist_4 .pricearea {
  text-align: left;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 15px;
  line-height: 1;
  margin-bottom: 16px;
}

.layoutlist_4 .amount_div, .layoutlist_4 .stands_options, .layoutlist_4 .cate_div {
  padding: 0;
  margin: 0;
}

.layoutlist_4 .amount_div, .layoutlist_4 .stands_div, .layoutlist_4 .cate_div {
  margin-bottom: 8px;
}

.layoutlist_4 .cate_div .nocateselect {
  display: none;
}

.count_info {
  margin-bottom: 24px !important;
}

.pricearea .payprice, .pricearea .price, .layoutlist_4 .sellprice {
  color: #f10404;
  font-weight: 500;
  font-size: var(--FontSizeH4);
  margin: 0;
}

.layoutlist_4 .subject {
  height: auto !important;
  line-height: 1.5;
  min-height: auto;
  font-weight: 500;
  margin-bottom: 0;
}

.layoutlist_4 .buybtn {
  background: var(--BtnBg);
  color: var(--BtnColor);
  transition: var(--TransitionEase);
  border-radius: var(--BtnBorderRadius);
  padding: 10px 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.pricearea .price.delline, .pricearea .price.fixprice, li#O_fixPrice, li#O_fixPrice b, li#O_fixPrice span {
  text-decoration: line-through;
  color: var(--TextSubColor);
  font-size: var(--FontSizeP);
}

.cate_title, .stands_name, .amount_name {
  margin-right: 3px;
} /* 產品列表-5*/
.layoutlist_5 .list-btn_mobile a, .layoutlist_5 .product_list_item .list-btn_mobile, .layoutlist_5 .product_list_item .list-btn, .layoutlist_5 .product_list_item .buybtn {
  background-color: var(--BtnBg);
  transition: var(--TransitionEase);
  font-size: var(--BtnFontSize);
}

.closeup-frame .right select {
  border: var(--BorderGrayPx1);
  color: var(--TextSubColor);
  font-size: var(--FontSizeP);
}

.layoutlist_5 .closeup-frame .left {
  margin-bottom: var(--ItemSpacing);
} /*產品A*/
.page_content1 #productbx_bg {
  background: #efefef;
  -moz-opacity: 1;
  opacity: 1;
}

.product_desc_content {
  color: var(--TextMainColor);
  letter-spacing: 1px;
  line-height: 1.8;
}

#prod_price .currency, .page_content1 #prod_price {
  margin-top: 0;
  color: #fe0000;
}

#prod_price .money {
  font-weight: bold;
  color: #fe0000;
  font-size: var(--FontSizeH3);
  margin-left: 5px;
}

#member_org_price, div#prod_fixprice, .pagecontent.menu5 .page_content1 #prod_price, .pagecontent.menu8 .page_content1 #prod_price {
  margin: 0;
}

._shopping_info > div {
  display: flex;
  align-items: flex-end;
  letter-spacing: 0;
  justify-content: center;
  gap: 15px;
  line-height: 1;
}

:is(.productcontent, .page-detail:where(.tb_product)) .page_content1 .info {
  text-align: center;
  margin: 30px 0 0;
}

:is(.productcontent, .page-detail:where(.tb_product)) .page_content1 .product_desc_subject {
  text-align: center;
}

.page_content1 .spec-scroll .items ul li:hover {
  border: 1px solid #333;
}

#product > div.page_content1 > div.product_top.row > div:nth-child(3) {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0;
  margin: 30px 0 0;
}

.page_content1 #prod_name, .page_content1 #prod_name .product_name {
  font-size: var(--FontSizeSub);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  color: var(--TextMainColor);
  margin-bottom: 8px;
}

.spec-scroll .items ul li {
  border: 0;
}

#product > div.page_content1 > div.product_top.row > div.info.col-sm-12.col-md-12.col-xs-12 > div:nth-child(4) {
  display: flex;
  gap: 10px;
  margin: auto;
  max-width: 900px;
  flex-wrap: wrap;
  justify-content: center;
}

:is(.productcontent, .page-detail:where(.tb_product)) .page_content1 .info :is(.page_content2 .btn, #btn_querycar, #btn_shopping, #prod_amount_area, #prod_stands2_area, #prod_stands_area, .page_content1 .btn.btn_querycar) {
  margin: 0 !important;
}

#btn_shopping_tracking, #prod_stands_area, #prod_stands2_area, #prod_amount_area, .btn_shopping, .btn_querycar {
  width: calc(33.3333333333% - 10px) !important;
}

.dd-container, :not(.member) .page_wrapper_bg .dd-select {
  width: 100% !important;
}

#product .page_content1 .btnfloat {
  margin-inline: 0 !important; /* width: 100% !important; */
}

#btn_shopping_tracking, #product .page_content1 #btn_shopping, #product .page_content1 #btn_querycar {
  margin: auto;
}

#product .spec-scroll .items ul li, #product .page_content1_thumbphoto .swiper-slide {
  border: 0;
}

.page_content1 #prod_no {
  display: none;
} /*產品A按鈕*/
#btn_shopping {
  border-radius: 0;
  background: var(--BtnBg);
  color: var(--BtnColor);
  border: 1px solid var(--BtnColor);
}

.fbtn {
  border-radius: 0;
  font-size: 14px;
  background: var(--BtnBg);
  background: transparent;
  color: var(--BtnBg);
  border: 1px solid var(--BtnBg);
  transition: var(--TransitionEase);
}

#product .fbtn {
  font-size: var(--BtnFontSize);
}

#btn_querycar {
  border-radius: 0;
  font-size: var(--BtnFontSize);
  background: var(--BtnOutlineBg);
  color: var(--BtnOutlineColor);
  border: 1px solid var(--BtnOutlineColor);
  transition: var(--TransitionEase);
} /*產品下拉樣式*/
.page_content1 .dd-selected {
  letter-spacing: 1px;
  padding: 0 40px 0 10px;
  font-size: var(--FontSizeP);
  line-height: 32px;
}

.page_content1 .dd-selected, .page_wrapper_bg .dd-pointer-down {
  border: var(--BorderGrayPx1);
}

label.dd-option-text {
  font-size: var(--FontSizeP);
  color: var(--TextMainColor);
  line-height: 1 !important;
  margin: 0 !important;
  font-weight: 400;
}

.dd-option {
  padding: 5px 10px;
} /*產品B*/
#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {
  margin-top: max(2.5vw, 2rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop, #mobile-fixed .btn-shop .btn.shop {
  background: var(--SubBtnBg);
  color: var(--SubBtnColor);
  border-radius: var(--BtnBorderRadius);
  width: 100%;
}

#RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add, #mobile-fixed .btn-shop .btn.add {
  background: var(--BtnBg);
  color: var(--BtnColor);
  border-radius: var(--BtnBorderRadius);
  width: 100%;
}

.RWDproduct_page .products-info .download .control-label, .RWDproduct_page .products-info .pd-info .control-label, .RWDproduct_page .products-info .style-radio .control-label {
  width: 100%;
}

.btn-compare .ii {
  position: relative;
  top: -1px;
} /* 產品內頁 */
.RWDproduct_page .hashtag .hashtag_block, .RWDproduct_page .pic-box {
  width: 70%;
  padding-right: var(--ItemSpacing);
}

.RWDproduct_page .hashtag .hashtag_block {
  margin-top: 0;
  margin-bottom: 1rem;
}

.RWDproduct_page .products-info {
  width: 30%;
}

.RWDproduct_page .menu3 .pic-box {
  width: 65%;
}

.RWDproduct_page .menu3 .products-info {
  width: 35%;
}

.RWDproduct_page .products-info .name {
  font-size: var(--FontSizeH3);
  font-weight: 600;
  color: var(--TextMainColor);
  line-height: 1.3;
}

.RWDproduct_page .products-info .nu, .RWDproduct_page .products-info .stock, .RWDproduct_page .products-info .subname, .RWDproduct_page .products-info .txt .editor {
  font-size: var(--FontSizeP);
  line-height: 1.5;
  font-weight: 400;
  color: var(--TextMainColor);
  letter-spacing: 0;
}

.RWDproduct_page .products-info .price-box b {
  font-size: var(--FontSizeH3);
  margin-left: 4px;
}

.RWDproduct_page .products-info .price-box li {
  margin-right: 0;
}

.RWDproduct_page .products-info .price-box {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  line-height: 1;
}

.RWDproduct_page .btn-other {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 15px;
}

.RWDproduct_page .btn-other .ibtn {
  padding: 0;
}

.RWDproduct_page .form-group {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 0 10px;
}

.RWDproduct_page .products-info .select-box, .RWDproduct_page .products-info .qtybox {
  width: 100%;
}

.RWDproduct_page .products-info .txt .editor {
  border-top: var(--BorderGrayPx1);
  border-bottom: var(--BorderGrayPx1);
  padding: 2rem 0;
  margin: 2rem 0;
}

.RWDproduct_page .products-info .price-box li.delline:after {
  display: none;
}

.RWDproduct_page .products-info .txt .title {
  display: none;
}

.RWDproduct_page .products-info .pd-info .control-label {
  color: var(--TextMainColor);
}

.btn-compare {
  border-top: var(--BorderGrayPx1);
  padding-top: 2rem;
  margin-top: 2rem;
}

.btn-compare .btn.add {
  border: 1px solid var(--BtnOutlineColor);
  color: var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
  transition: var(--TransitionEase);
}

.RWDproduct_page .download_container .btn {
  width: auto;
}

.RWDproduct_page .file_area {
  width: 100% !important;
}

.products-info .download_container .btn {
  background: var(--BtnBg);
  color: var(--BtnColor);
  border: 1px sloid var(--BtnColor);
}

.page_wrapper_bg .products-info .dd-selected {
  border: 0;
}

.menu5 .products-info .download_container {
  display: grid;
  grid-template-columns: 2fr 1fr;
} /* 相關產品、文章 */
.page_wrapper_bg .articlerelated-box .title, .RWDproduct_page .related-box .title {
  font-size: var(--FontSizeH3);
  color: var(--TextMainColor);
  font-weight: 500;
  letter-spacing: 2px;
  position: relative;
}

.page_wrapper_bg .articlerelated-box .title, .RWDproduct_page .products-info .txt .title, .RWDproduct_page .related-box .title {
  border-bottom: var(--BorderGrayPx1);
  margin-bottom: 3rem;
  padding-bottom: 1rem;
}

.page_wrapper_bg .articlerelated-box, .RWDproduct_page .related-box {
  margin: var(--SectionPadding) 0 0;
  overflow: hidden;
}

.page_wrapper_bg .articlerelated-box .article-slider .item .name, .RWDproduct_page .related-box .name {
  font-size: var(--FontSizeH4);
  color: var(--TextMainColor);
  margin-top: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.page_wrapper_bg .articlerelated-box .article-slider .item .name {
  line-height: 1.5;
  max-height: unset;
  margin-top: 4px;
  transition: var(--TransitionEase);
}

.page_wrapper_bg .articlerelated-box .article-slider .item .pic {
  margin-top: 0;
}

.page_wrapper_bg .articlerelated-box .article-slider .item .summary {
  margin-top: 0;
  font-size: var(--FontSizeP);
  line-height: 1.6;
  color: var(--TextSubColor);
}

.page_wrapper_bg .articlerelated-box .article-slider .item .date {
  color: var(--TextSubColor);
}

.page_wrapper_bg .articlerelated-box .article-slider .item {
  padding: 0 1.5rem 1rem;
}

.RWDproduct_page .related-box .price-box li.delline, #mobile-fixed .price-box li.delline {
  text-decoration: line-through;
  color: var(--TextSubColor);
}

.RWDproduct_page .related-box .item a:hover .name {
  transition: var(--TransitionEase);
}

.RWDproduct_page .related-box .item {
  padding: 0 1.5rem 1rem;
}

.RWDproduct_page .related-box .price-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: 14px;
}

.page_wrapper_bg .articlerelated-box .slick-arrow, .RWDproduct_page .related-box .slick-arrow {
  top: unset;
  bottom: 1rem;
} /* 排序 */
:is(.productlist, .page-list:where(.tb_product)) .sortbar {
  margin-top: 0;
  margin-bottom: 20px !important;
  text-align: left;
  width: 100% !important;
  padding-inline: 15px;
  float: unset;
}

:is(.productlist, .page-list:where(.tb_product)) .sortbar a {
  color: var(--TextMainColor);
}

:is(.productlist, .page-list:where(.tb_product)) .sortbar a:hover {
  color: var(--MainHoverColor);
} /*頁籤*/
.RWDproduct_page .tab-box .tab-container > ul > li ul, .RWDproduct_page .tab-box .tab-container > ul > li ol {
  padding-left: 22px;
}

.page_wrapper_bg .tabs nav a, .RWDproduct_page .tab-box .tab-menu a {
  margin: 0 5px 0 0;
  padding: 15px 30px;
  height: auto;
  font-size: var(--FontSizeH4);
  background: transparent;
  border: 0;
  position: relative;
  color: var(--TextMainColor);
  background: transparent;
}

.page_wrapper_bg .tabs nav li.tab-current a, .RWDproduct_page .tab-box .tab-menu li.active a {
  color: var(--MainHoverColor);
  border: transparent;
  background: transparent;
  font-weight: 500;
  letter-spacing: 1px;
}

.page_wrapper_bg .tabs .content, .RWDproduct_page .tab-box .tab-container {
  border: var(--BorderGrayPx1);
}

.RWDproduct_page .tab-box .tab-menu li:last-child a:after {
  opacity: 0;
}

.page_wrapper_bg .tabs nav ul li:before, .RWDproduct_page .tab-box .tab-menu a:after {
  content: "";
  background: #ccc;
  position: absolute;
  width: 1px;
  height: 15px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#mobile-fixed, .RWDproduct_page {
  color: var(--TextSubColor);
}

.page_wrapper_bg .tabs .content, .RWDproduct_page .tab-box .tab-container > ul > li {
  padding: var(--ItemSpacing);
  line-height: 1.5;
  font-size: var(--FontSizeP);
}

.RWDproduct_page .tab-box .tab-menu li.active a:before {
  display: none;
}

.RWDproduct_page .tab, .RWDproduct_page .tab:last-child {
  display: flex;
}

:is(.productcontent, .page-detail:where(.tb_product)) .tabs nav ul {
  margin: 0 !important;
} /*文章頁籤*/
.page_wrapper_bg .tabs {
  margin: var(--SectionPadding) 0 0;
}

.tabs nav ul li:first-child {
  border: 0;
  box-shadow: none;
}

.tabs nav li:last-child:before {
  opacity: 0;
}

.tabs nav li.tab-current a::before, .tabs nav li.tab-current a::after, .tabs nav li.tab-current:after {
  display: none;
}

.tabs nav ul li {
  border: 0;
} /*相簿列表*/
.layoutlist_2 .album_item {
  height: auto !important;
}

#album .layoutlist_2 .album_item_subject, #album .layoutlist_1 .album_item_subject {
  padding: 16px 0 0 0;
  margin: 0 !important;
}

.album_item img {
  max-height: unset !important;
}

.layoutlist_1 .album_item, :is(.albumlist, .page-list:where(.tb_album)) .layoutlist_2 .album_item {
  margin: 0 0 var(--ItemSpacing);
  height: auto !important;
} /*相簿-樣式1*/
.row .album_d_item a {
  border-bottom: 0;
}

.album_d_item .album_item_subject {
  font-size: var(--FontSizeP);
}

:is(.albumcontent, .page-detail:where(.tb_album)) .layoutlist_1 .row a, .row .album_d_item a {
  padding-bottom: 0;
}

.page_content1v1 .album_d_item .album_item_subject {
  bottom: 0;
  opacity: 1 !important;
  background: transparent;
}

.page_content1v1 .album_d_item {
  margin-bottom: 60px !important;
} /*相簿-樣式2*/
#album .page_content2 .dis .dis_li .text {
  font-size: var(--FontSizeP);
  line-height: 1.8;
  letter-spacing: 0;
  color: var(--TextMainColor);
  margin: 0 0 30px;
}

.photo_view .flexslider .slides2 {
  height: max(10vw, 150px) !important;
} /*相簿-樣式3*/
.photo_num {
  position: relative;
  text-align: right;
  margin: 10px 0 0px;
}

#album .page_content4 .page_desc2, #album .page_content3 .page_desc2 {
  margin-top: var(--ItemSpacing);
} /*相簿-樣式4*/
.lg-sub-html p {
  font-size: var(--FontSizeP);
  color: #fff;
  font-weight: 400;
} /*相簿上下方說明*/
#album .page_desc {
  margin: 0 0 var(--ItemSpacing) 0;
} /* :is(.albumcontent,.page-detail:where(.tb_album)) :is(.page_content3, .page_content2, .page_content4, .page_content5) br {        display: none;    } */ /*Q&A*/
.rwd .faq_answer {
  font-size: var(--FontSizeP);
  letter-spacing: 2px;
  line-height: 1.8;
  padding: 0;
  padding-bottom: 1rem;
}

.rwd .faq_question {
  padding: 20px 0px;
  font-size: 18px;
  letter-spacing: 2px;
}

.rwd .faq_item:first-child .faq_question {
  padding: 0px 0px 20px;
}

.faq1 .layoutlist_2 {
  background: #fff;
}

.faq_split {
  border-top: 0;
}

.faq_item {
  border-bottom: var(--BorderGrayPx1);
}

.faq_a_icon, .faq_q_icon {
  position: relative;
  margin: 0 10px;
  width: 20px;
  height: 30px;
  z-index: 10;
  background: transparent;
}

.faq_a_icon:before, .faq_q_icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 30px;
  font-size: 20px;
  color: var(--TextMainColor);
  line-height: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  padding-bottom: 3px;
  font-weight: 500;
}

.faq_a_icon:before {
  content: "A";
  padding-left: 3px;
}

.faq_q_icon:before {
  content: "Q";
} /*影片*/
:is(.videolist, .page-list:where(.tb_video)) .video_item_subject {
  font-size: var(--FontSizeH3);
  letter-spacing: 0;
  font-weight: 500;
  color: var(--TextMainColor);
  margin: 16px 0px 0;
  transition: var(--TransitionEase);
}

:is(.videolist, .page-list:where(.tb_video)) .video_item_summary {
  font-size: var(--FontSizeP);
  text-align: left;
  color: var(--TextSubColor);
  margin-top: 4px;
}

:is(.videolist, .page-list:where(.tb_video)) .video_item {
  margin: 0 0 var(--ItemSpacing);
} /*檔案下載*/
.layoutlist_5 .dbtn_v2, .page_wrapper_bg .dd-selected, .download .search_bg {
  border: var(--BorderGrayPx1);
}

.download .search_input {
  background: transparent;
  color: var(--TextSubColor);
}

.download .search-go:hover, .no-touch .layoutlist_5 .dbtn_v2:hover {
  background: var(--SubBtnHoverBg);
  border-color: var(--SubBtnHoverBg);
  color: var(--SubBtnHoverColor);
}

.layoutlist_5 .dbtn_v2 {
  display: inline-block;
  margin: 15px 0 0;
  padding: 6px 0.8em;
  font-size: 14px;
  line-height: 1.2;
  color: #333;
  border-radius: 2px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
}

.layoutlist_5 .download_subject {
  line-height: 1.4;
}

.layoutlist_5 .summary {
  margin: 8px 0 0;
  font-size: var(--FontSizeP);
  line-height: 1.4;
  color: var(--TextSubColor);
}

.dd-option, .dd-selected {
  font-size: var(--FontSizeP);
  color: var(--TextSubColor);
  letter-spacing: 0;
}

.download_container {
  border: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 70% auto;
}

.download_container .btn {
  font-size: var(--BtnFontSize);
  background: var(--BtnBg);
  color: #fff;
  border-radius: 0;
  padding: 5px;
  height: 35px;
  width: var(--BtnWidth);
  display: flex;
  align-items: center;
  justify-content: center;
}

.download_container .btn:hover {
  background: var(--SubBtnBg);
}

.file_area label.dd-option-text {
  margin: 0;
  font-weight: 400;
  display: block;
}

#file_dlist a.dd-option {
  padding: 12px;
}

.recruitment .list_table tr, .recruitment .list_table th, .recruitment .list_table th.list_no, .download .list_table th.list_no, .download .list_table th {
  font-weight: 500;
  color: var(--TextMainColor);
}

.downlaod5_item_subject, .layoutlist_3 .download_subject {
  font-size: var(--FontSizeH3);
  transition: var(--TransitionEase);
  color: var(--TextMainColor);
}

.downlaod5_item_btn, .layoutlist_3 .dbtn_v2 {
  margin: 24px 0 0;
  padding: 0px 0;
  font-size: var(--BtnFontSize);
  color: var(--BtnOutlineColor);
  border: 1px solid var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
  text-align: center;
  max-width: var(--BtnWidth);
  width: 100%;
  height: calc(var(--BtnHeight) * 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--TransitionEase);
}

.download5_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--ItemSpacing);
}

.download5_list::before, .download5_list::after {
  display: none;
}

.downlaod5_item_img, .download5_list .customized_columns > .row, .download5_list .col-sm-6 {
  width: 100%;
}

.download5_list .col-sm-6 {
  display: grid;
  grid-template-columns: 50% auto;
  gap: 3vw;
  margin-bottom: 0;
  padding: 0;
}

.download .list_table, .list_faketb__li {
  font-size: var(--FontSizeH4);
}

.download .list_table .oneline {
  border-bottom: 0;
  padding: 0;
}

.layoutlist_3 .download .list_table td {
  padding: 0;
}

.download .item {
  margin-bottom: var(--ItemSpacing);
}

.downloadlist .page_wrapper_bg .article-text .container {
  padding: 0;
}

.list_faketb__li > div {
  padding: 18px 12px;
} /*檔案下載a連結修正*/
.page_wrapper_bg .dd-select a:hover {
  color: #313131;
}

.download .search-go {
  line-height: 2.4;
  transition: var(--TransitionEase);
  font-weight: 400;
  font-size: 14px !important;
}

.amount_div.choice_num_type_b {
  display: grid;
  grid-template-columns: 45px 1fr;
}

.layoutlist_4 .choice_num_type_b .quantity .minus, .layoutlist_4 .choice_num_type_b .quantity .plus {
  height: 30px;
  width: 30px;
}

.layoutlist_4 .choice_num_type_b .quantity input.qty {
  width: calc(100% - 64px);
  height: 30px;
}

.list_faketb__download {
  flex: 0 0 80px;
  min-width: 80px;
}

.list_faketb__no {
  flex: 0 0 50px;
  min-width: 50px;
}

.layoutlist_4 .showY input, .layoutlist_4 .showY select, .layoutlist_4 .showY textarea {
  font-family: var(--FontFamily);
  color: #121212;
} /* 人才招募 */
.recruitment .list_table td.list_position {
  border-bottom: 1px solid #dedede;
  padding-left: 0;
  padding-right: 0;
}

.customized_columns .fillform {
  font-size: var(--FontSizeH3);
  margin: var(--SectionTitleBottom) 0 2rem;
  text-align: center;
  font-weight: 500;
}

.recruitmentcontent .position {
  font-size: var(--FontSizeH3);
  line-height: 1.8;
  margin-top: 0;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: var(--BorderGrayPx1);
  color: var(--TextMainColor);
} /* 據點 */
.store_search_submit {
  background: var(--BtnOutlineBg);
  color: var(--BtnOutlineColor);
  border: 1px solid var(--BtnOutlineColor);
} /*電子表單*/
.eformsDesc, .eformsDesc_bottom {
  font-size: var(--FontSizeH4);
  color: var(--TextMainColor);
  text-align: center;
  margin: 0;
  padding: 0;
}

.eformsDesc {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.eformscontent .layoutlist_1.page_content2 {
  max-width: 800px;
  margin: 0 auto;
  width: 90%;
}

.eformscontent .layoutlist_1.page_content3 {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
}

.eformscontent .layoutlist_1.page_content2 .new-form {
  margin: var(--ItemSpacing) 0;
}

.eformscontent .customized_columns, .eformscontent .new-form {
  margin-left: 0;
  margin-right: 0;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.form-horizontal .control-label {
  font-weight: 500;
  width: 100px;
  padding: 0 10px;
}

textarea.form-control {
  min-height: 130px;
}

.systemmsg {
  text-align: center;
}

.form-horizontal .form-column, .eformscontent .form-column {
  width: calc(100% - 100px);
  padding: 0;
}

.new-form .new-width .row .col-md-11 {
  margin-bottom: 0;
  margin-top: 0;
}

.eformscontent .col-sm-6.address-col-1, .eformscontent .col-sm-6.address-col-2 {
  width: 50%;
  padding: 0;
  float: left;
}

.eformscontent .col-sm-12.col-md-11 .col-sm-12 {
  width: 100%;
  padding: 0;
}

.customized_columns > .row .col-sm-12.col-md-11 {
  width: 100%;
} /*電子表單送出a連結修正*/
.eforms_complete .hgroup, .eforms_complete .hgroup .container {
  width: 100%;
}

.eforms_complete section.call_to_action > .container {
  min-height: 35vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.eforms_complete .ebtn {
  margin-top: 0;
}

.eforms_complete .col-sm-12.col-md-12 .ebtn a {
  margin-inline: auto;
} /*留言板*/
.customized_columns .css-table .th.textarea {
  width: 10%;
} /*詢問車*/
.RWDquiry .btn-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.RWDquiry .shopping_form .control-box img {
  margin-left: 10px;
}

.RWDquiry .btn.bg2, .btn.normal.bg3 {
  background: var(--BtnBg);
  color: var(--BtnColor);
  border: 0;
}

.info-box .title, .shopping-title {
  font-size: var(--FontSizeH3);
  color: var(--TextMainColor);
} /*隱私權*/
.privacy_block, .privacy_block p {
  line-height: 2;
  letter-spacing: 0;
  color: var(--TextMainColor);
}

.privacy_block a {
  color: var(--TextMainColor);
  transition: var(--TransitionEase);
}

.privacy_block a:hover {
  color: var(--TextMainColor);
  transition: var(--TransitionEase);
  text-decoration: none;
}

.privacy_block h5 {
  font-size: var(--FontSizeH3);
  font-weight: bold;
  margin: 50px 0 10px;
  color: var(--TextMainColor);
}

.privacy_block h6 {
  font-size: var(--FontSizeP);
}

.privacy_block ul {
  padding-left: 20px;
} /*購物說明文字*/
.shopping_txt {
  line-height: 2;
  letter-spacing: 1px;
  color: var(--TextMainColor);
}

.shopping_txt a {
  color: var(--TextMainColor);
  transition: var(--TransitionEase);
}

.shopping_txt a:hover {
  color: var(--TextMainColor);
  transition: var(--TransitionEase);
  text-decoration: none;
}

.shopping_txt .item_row {
  margin-bottom: 50px;
}

.shopping_txt h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  color: #b90000;
  text-decoration: underline;
}

.shopping_txt h3 {
  font-size: var(--FontSizeH3);
  font-weight: bold;
  margin: 0 0 10px;
  color: var(--TextMainColor);
}

.shopping_txt ul {
  padding-left: 24px;
} /*隱私權購物說明最大寬度限制*/
.privacy_block, .shopping_txt {
  max-width: 1200px;
  margin: auto;
} /* 頁碼 */
.page ul {
  display: flex;
  justify-content: center;
}

.page .page_active {
  background: #121212;
}

.page .page_active, .page ul li a, .page ul li a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: var(--FontSizeP);
}

.page ul li a:hover {
  background: #eee;
} /*前往付款、前往選取物流按鈕明顯*/
a.info-box__gopay, .delivery-editor a {
  background: var(--TextMainColor);
  padding: 5px 20px;
  color: #fff !important;
  border-color: var(--TextMainColor);
} /*hashtag a連結修正*/
.layoutlist_4 .list_subject .hashtag_block .hashtagLink, .rwdlayoutlist_9 .hashtag_block .hashtagLink, .hashtag_block .hashtagLink {
  color: var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
  border: 1px solid var(--BtnOutlineColor);
}

#article .layoutlist_7 .litem > div {
  display: flex;
  flex-direction: column;
}

#article .hashtag_block {
  order: 5;
} /* 比較表 */
.compare .clearall {
  right: 5%;
}

.compare .clearall, .page_wrapper_bg .fix-compare-btn {
  color: var(--BtnOutlineColor);
  background: var(--BtnOutlineBg);
  border: 1px solid var(--BtnOutlineColor);
  border-radius: var(--BtnBorderRadius);
  font-size: var(--BtnFontSize);
  font-weight: 500;
}

.compare .main_title {
  font-size: var(--FontSizeMain);
  letter-spacing: 3px;
  font-weight: 500;
}

.compare .clearall {
  top: 59px;
}

.compare .main_box .memo {
  padding: 0;
  font-size: var(--FontSizeP) !important;
  letter-spacing: 1px;
  line-height: 1.5;
  color: var(--TextSubColor) !important;
  margin-bottom: 0;
}

.compare .main_box .main_name {
  font-size: var(--FontSizeH3);
  color: var(--TextMainColor);
  font-weight: 500;
  line-height: 1.5;
  min-height: unset !important;
  margin-bottom: 16px;
}

.compare .main_box .id {
  display: none;
}

.compare .main_box .normal_price {
  font-size: var(--FontSizeP);
  color: var(--TextSubColor);
}

.compare .main_box .special_price .num, .compare .main_box .special_price {
  color: #df0000;
  font-size: var(--FontSizeH4);
  letter-spacing: 0;
  line-height: 1.5;
}

.compare .main_box .special_price {
  margin-top: 5px;
  margin-bottom: 0;
}

.compare .main_box .more {
  width: var(--BtnWidth);
  height: var(--BtnHeight);
  background-color: var(--BtnBg);
  color: var(--BtnColor);
  margin: 2rem auto;
  font-size: 15px;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  border-radius: var(--BorderRadius);
  display: flex;
  cursor: pointer;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}

.compare .ii-close1 {
  font-size: 22px;
}

.compare .swiper-button-prev, .compare .swiper-button-next {
  width: 65px;
  height: 65px;
  color: var(--BtnOutlineColor);
  border: 1px solid var(--BtnOutlineColor);
  transition: var(--TransitionEase);
  background-color: var(--BtnOutlineBg);
  border-radius: var(--BtnBorderRadius);
}

.compare .main_box .memo, .compare .main_box .main_name, .compare .main_box .normal_price, .compare .main_box .special_price {
  padding-inline: 15px;
}

.compare .compare-container {
  width: 90%;
} /* 評論 */
#reply_app {
  max-width: unset;
}

#reply_add_box .box_rp .one_rp .style_box_rp .select_box_rp {
  width: 100%;
}

#reply_app .msg_area_rp .line_rp .name_rp {
  color: var(--TextMainColor);
  font-size: var(--FontSizeH3);
  margin-bottom: 1rem;
}

#reply_app .msg_area_rp .line_rp .memo_rp {
  color: var(--TextSubColor);
  font-size: var(--FontSizeP);
}

#reply_app .page_control_rp div {
  width: 30px;
  height: 30px;
}

#reply_app .respond_form .button_rp, #reply_app .msg_area_rp .line_rp .reply_box_rp {
  border-radius: var(--BorderRadius);
}

#reply_app .respond_form .button_rp {
  color: var(--BtnColor);
  transition: var(--TransitionEase);
  border: 1px solid var(--BtnColor);
  font-size: var(--BtnFontSize);
  background: var(--BtnBg);
  width: var(--BtnWidth);
  height: var(--BtnHeight);
  margin-top: 2rem;
}

#reply_app .member_block_rp .star_block_box_rp .star_list_rp {
  color: var(--MainColor);
}

#reply_app .member_block_rp {
  padding-top: var(--ItemSpacing);
  gap: 2vw;
}

#reply_app .top_line_rp {
  font-size: var(--FontSizeSub);
  color: var(--TextMainColor);
  text-align: center;
}

#reply_app .member_block_rp .star_block_box_rp .add_msg_rp {
  margin-left: auto;
}

@media (hover: hover) {
  .layoutlist_7 .litem:hover .subject a, #article .cate_list.row > div:hover .subject a {
    color: var(--MainHoverColor);
  }
  #product .product_list_item:hover img, .rwdlayoutlist_9 .litem:hover img, .layoutlist_7 .litem:hover img, #article .cate_list.row > div:hover img {
    transform: scale(1.05);
    transition: var(--TransitionEase);
  }
  .page_wrapper_bg .hgroup .breadcrumb a:hover, .articlerelated-box .article-slider .item:hover .name, .video_item:hover .video_item_subject, .RWDproduct_page .related-box .item a:hover .name, #product .product_list_item:hover .subject a, .rwdlayoutlist_9 .litem:hover .subject, .page_wrapper_bg #article .layoutlist_8 .item:hover .article_subject, .page_wrapper_bg #article .layoutlist_7 .litem:hover .subject a, .page_wrapper_bg #article :is(.layoutlist_2, .layoutlist_7) .item:hover .list_subject a, .page_wrapper_bg #article .layoutlist_4 .item:hover .list_subject > a {
    color: var(--MainHoverColor);
  }
  .RWDsearch_page .ibtn:hover, .RWDsearch_page .more:hover, .RWDquiry .btn.bg2:hover, .btn.normal.bg3:hover, .layoutlist_4 .buybtn:hover {
    background: var(--BtnHoverBg);
    color: var(--BtnHoverColor);
  }
  .layoutlist_5 .product_list_item .list-btn_mobile:hover, .layoutlist_5 .product_list_item .list-btn:hover, .layoutlist_5 .product_list_item .buybtn:hover {
    background-color: var(--BtnHoverBg);
    color: var(--BtnHoverColor);
    transition: var(--TransitionEase);
  }
  .products-info .download_container .btn:hover {
    background-color: var(--BtnHoverBg);
    color: var(--BtnHoverColor);
    border-color: var(--BtnHoverColor);
    transition: var(--TransitionEase);
  }
  .downlaod5_item:hover .downlaod5_item_subject, .download .item:hover .download_subject, #album .album_item:hover .album_item_subject, .page_wrapper_bg .tabs nav a:hover, .RWDproduct_page .tab-box .tab-menu a:hover, .RWDproduct_page .products-nav ul li > ul > li:hover > a, .RWDproduct_page .btn-other .ibtn:hover {
    color: var(--MainHoverColor);
  }
  #reply_app .msg_area_rp .line_rp .reply_box_rp:hover, #reply_app .member_block_rp .star_block_box_rp .add_msg_rp:hover, .RWDsearch_page .search-list .hashtag_block .hashtagLink:hover, .layoutlist_4 .list_subject .hashtag_block .hashtagLink:hover, .rwdlayoutlist_9 .hashtag_block .hashtagLink:hover, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_2 .item .compare .btn_compare:hover, .compare .clearall:hover, .page_wrapper_bg .fix-compare-btn:hover, .hashtag_block .hashtagLink:hover, .RWDquiry .btn.normal:hover, .store_search_submit:hover, .downlaod5_item_btn:hover, .no-touch .layoutlist_3 .dbtn_v2:hover, .btn-compare .btn.add:hover, #btn_querycar:hover {
    background: var(--BtnOutlineHoverBg);
    color: var(--TextMainColor);
    border: 1px solid rgba(0, 0, 0, 0.2);
    transform: var(--TransitionEase);
  }
  :is(.productlist, .page-list:where(.tb_product)) .layoutlist_2 .item .compare .btn_compare:hover .ii-check {
    border: 1px solid var(--BtnHoverColor);
  }
  #reply_app .respond_form .button_rp:hover, #reply_add_box .send_button_rp:hover, .compare .main_box .more:hover, .fbtn:hover, #btn_shopping:hover {
    background: var(--BtnHoverBg);
    color: var(--BtnHoverColor);
    border: 1px solid var(--BtnHoverColor);
  }
  .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.shop:hover {
    background-color: var(--SubBtnHoverBg);
    color: var(--SubBtnHoverColor);
  }
  .no-touch #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop .btn.add:hover {
    background-color: var(--BtnHoverBg);
    color: var(--BtnHoverColor);
  }
  .RWDproduct_page .download_container:hover .btn {
    background: var(--MainHoverColor);
  }
  #btn_member_login:hover, #div_forget_content #forget_table_btn:hover {
    background: var(--BtnHoverBg);
    border: 1px solid var(--BtnHoverColor);
    color: var(--BtnHoverColor);
  }
  .RWDmenu_plus04 .cart-block .bottom-box .pay-btn:hover {
    background: var(--NaviBtnHoverBg);
    transition: var(--TransitionEase);
    color: white;
  }
}
/*內頁 end*/
/*客製內頁 start*/
.hgroup .breadcrumb {
  width: 100%;
  position: relative;
  bottom: 0;
  border: 0;
  padding: 0;
  text-align: center;
}

.page_wrapper_bg .RWDmenu_plus04 .header {
  background: black;
}

.d-comm-title {
  font-size: var(--FontSizeH3);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2rem;
}

.about-d-edit-img img, .tech-d-edit-img img, .d-comm-imggrid4 img, .d-comm-imggrid2 img {
  border-radius: 1rem;
  width: 100%;
}

.about-d-edit-grid {
  display: grid;
  grid-template-columns: 30% auto;
  align-items: center;
}

.about-d-edit-img, .tech-d-edit-img {
  height: 100%;
}

.about-d-edit-img img, .tech-d-edit-img img {
  object-fit: cover;
  height: 100%;
}

.about-d-edit-content, .tech-d-edit-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem max(3vw, 3rem);
  height: 100%;
  background: var(--BgColor);
  border-radius: 1rem;
}

.d-comm-imggrid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 2rem 0;
  gap: 2rem;
}

.tech-d-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.d-comm-list {
  list-style-type: none;
  position: relative;
  padding: 0 !important;
}

.d-comm-list li {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
}

.d-comm-list li b {
  display: block;
}

.d-comm-list li:before {
  content: "\f489";
  font-family: "Ionicons";
  position: absolute;
  margin: 0 20px 0 0;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
  font-size: 120%;
  opacity: 0.5;
  top: 3px;
  left: 0;
}

.d-comm-imggrid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem 0;
  gap: 2rem;
}

.d-comm-bg {
  background: var(--BgColor);
  padding: max(3vw, 3rem);
  border-radius: 1rem;
}

.article3:is(.articlecontent, .page-detail:where(.tb_article)) .page_wrapper_bg .article-text {
  max-width: 1500px;
  margin: 0 auto;
}

.layoutlist_7 .cdate {
  display: none;
}

.customized_columns {
  background: var(--BgColor);
  padding: 3rem;
  border-radius: 1rem;
}

.customized_columns ._input, .customized_columns select {
  border: 0;
  background-color: #fff;
}

.formdesc {
  padding-right: 3rem;
}

.d-edit-map {
  margin-top: 3rem;
}

.formdesc a {
  color: var(--TextSubColor);
}

.d-product-pic img {
  width: 100%;
  margin-bottom: 2rem;
}

.RWDproduct_page .products-info .txt .editor .d-comm-title {
  margin-bottom: 1rem;
  font-size: var(--FontSizeH4);
}

.page_content3_mainphoto {
  border: 1px solid #ddd;
  border-radius: 1rem;
}

.RWDproduct_page .btn-other button {
  min-width: var(--BtnWidth);
  height: var(--BtnHeight);
  background: var(--MainColor);
  color: #fff;
  border-radius: 5px;
}

.product_list_item div.img:nth-child(1) {
  border-radius: 1rem;
  border: 1px solid #eee;
}

.RWDproduct_page .btn-other button:hover, .ebtn a:hover, .new-form .new-width .currectsend_btn a:hover {
  background: var(--SubColor);
  color: var(--MainColor);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.page_content3_mainphoto .swiper-slide img {
  width: 100%;
}

/*客製內頁 end*/
/*內頁RWD start*/
/* 內頁RWD */ /* 匯入內頁補丁包*/
@media (max-width: 1920px) {
  .page_wrapper_bg section.call_to_action {
    min-height: 700px;
  }
  .layoutlist_8 .listdate .day {
    font-size: 3vw;
  }
  .list5 .download5_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1680px) {
  .page_wrapper_bg section.call_to_action > .container {
    width: 85%;
  }
  .RWDproduct_page .hashtag .hashtag_block, .RWDproduct_page .pic-box {
    width: 65%;
  }
  .RWDproduct_page .products-info {
    width: 35%;
  }
  #article .layoutlist_4 .listdate {
    width: 110px;
  }
  .RWDsearch_page .list-img > ul > li {
    width: 25%;
  }
  .compare .compare-container {
    width: 100%;
  }
  .compare .clearall {
    right: 0;
  }
  .compare .main_box .more {
    margin: 1rem auto;
  }
  .page_wrapper_bg .articlerelated-box .article-slider .item, .RWDproduct_page .related-box .item {
    padding: 0 1rem 0.5rem;
  }
}
@media (max-width: 1440px) {
  .page_wrapper_bg section.call_to_action > .container {
    width: 90%;
  }
  #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 {
    padding-right: 40px;
  }
  .page_wrapper_bg .m2018 .products-nav > ul > li {
    padding: 12px 0px;
  }
  .d-comm-imggrid4, .d-comm-imggrid2 {
    gap: 1rem;
  }
}
@media (max-width: 1366px) {
  .RWDsearch_page .list-img > ul > li, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 > div, .menu5 .rwdlayoutlist_9 .litem, :is(.videolist, .page-list:where(.tb_video)) .video_item, .layoutlist_2 .album_item, #article .layoutlist_7 .litem, #article .cate_list.row > div, :is(.productlist, .page-list:where(.tb_product)) :is(.layoutlist_5, .layoutlist_4) .col-sm-3.col-md-3 {
    width: 33.3333333333%;
    float: left;
  }
  .layoutlist_7 .row, .layoutlist_7 .row:after, .layoutlist_7 .row:before {
    clear: inherit !important;
    margin-right: 0;
    margin-left: 0;
  }
  .layoutlist_8 .listdate .day {
    font-size: 40px;
  }
  .download5_list {
    grid-template-columns: repeat(2, 1fr);
  }
  .menu3 .rwdlayoutlist_9 .litem {
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .page_wrapper_bg section.call_to_action > .container {
    width: 95%;
  } /* sidebar */
  #sidebar.layoutmenu1, #sidebar.layoutmenu3, #sidebar.layoutmenu6 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-bottom: var(--SectionTitleBottom);
  }
  :is(.productlist, .page-list:where(.tb_product)) .layoutlist_3 > div {
    width: 50%;
  }
  .main section .container .article-text > .container .xrow #sidebar {
    position: relative;
    top: 0;
  } /* 排序 */
  :is(.productlist, .page-list:where(.tb_product)) .sortbar {
    margin-bottom: var(--SectionTitleBottom) !important;
  }
  .member .col-sm-9, :is(.productlist, .page-list:where(.tb_product)) .sortbar, .pagecontent {
    width: 100% !important;
  }
  :is(.productlist, .page-list:where(.tb_product)) .sortbar, .webdesc {
    padding-inline: 0;
  } /*文章列表-04*/
  #article .layoutlist_4 .item {
    flex-direction: column;
    border-bottom: var(--BorderGrayPx1);
    padding: 0;
    margin-bottom: var(--ItemSpacing);
    border: 0;
  }
  #article .layoutlist_4 .item .list_img, #article .layoutlist_4 .list_subject, #article .layoutlist_4 .listdate {
    width: 100%;
  }
  #article .layoutlist_4 .item .list_img {
    padding: 0;
    margin: 0 0 10px;
  }
  #article .layoutlist_4 .list_subject {
    padding: 0;
    margin: 0 0 10px;
  }
  #article .layoutlist_4 .listdate {
    border: 0;
    display: flex;
    align-items: center;
    padding: 0;
    border-left: 0 !important;
  }
  #article .layoutlist_4 .listdate .day:before {
    content: "/";
    margin-right: 5px;
    color: var(--TextSubColor);
  }
  #article .layoutlist_4 .listdate .yearmonth, #article .layoutlist_4 .listdate .day {
    font-size: 12px;
    color: var(--TextSubColor);
    position: relative;
    margin-left: 5px;
  }
  .pagecontent, #article .layoutlist_4 .fixrow {
    padding-inline: 0 !important;
  }
  :is(.productlist, .page-list:where(.tb_product)) .sortbar, .webdesc {
    text-align: center;
  }
  .menu3 .rwdlayoutlist_9 .litem {
    width: 33.3333333333%;
  } /* 文章列表 */
  .litem__text {
    width: 90%;
  } /* 評論 */
  #reply_app .msg_block_rp {
    width: 100%;
  }
  .customized_columns {
    padding: 2.5rem 2rem;
  }
  .verifyimg {
    margin-left: 10px;
  }
  .eformscontent .layoutlist_1.page_content3 {
    width: 100%;
  }
}
@media (max-width: 1024px) { /*產品內頁-01*/
  .page_content1 #prod_name {
    width: 100%;
    margin-bottom: 8px;
  } /*電子表單*/
  .form-group label {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #join_form .form-checkbox, #join_form .form-radio {
    padding: 0 0 0 28px !important;
  } /* FAQ */
  .rwd .faq_item:first-child .faq_question {
    padding: 0px 0px 15px;
  }
  .rwd .faq_question {
    padding: 15px 0;
    font-size: 16px;
  }
  .faq_a_icon:before, .faq_q_icon:before {
    font-size: 18px;
  } /* 搜尋 */
  .RWDsearch01 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  } /* 評論 */
  #reply_app .msg_block_rp {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .page_wrapper_bg .article-text .container {
    padding: 0;
  } /*麵包屑*/
  .hgroup .page_subject {
    text-align: center;
    padding: 0;
  }
  .hgroup .container {
    border-bottom: 0;
    padding: 0;
  }
  .hgroup .breadcrumb {
    text-align: center;
    float: none !important;
    position: static;
    padding: 0;
    border: 0;
  } /*編輯器 圖文*/
  .RWDeditor01 .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
  }
  .RWDeditor01 .col-md-6 img {
    width: 100%;
  } /*文章列表樣式*/
  .RWDslider01 .products-list .products-item .box {
    align-items: flex-start;
  }
  .RWDsearch_page .list-img > ul > li, .layoutlist_2 .video_item, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 > div, .menu5 .rwdlayoutlist_9 .litem, :is(.videolist, .page-list:where(.tb_video)) .video_item, .layoutlist_2 .album_item, #article .layoutlist_7 .litem, #article .cate_list.row > div, :is(.productlist, .page-list:where(.tb_product)) :is(.layoutlist_5, .layoutlist_4) .col-sm-3.col-md-3 {
    width: 50%;
  } /*文章列表樣式-08*/
  .litem__text {
    width: 85%;
  } /*產品列表樣式-03*/
  #product .layoutlist_3.row {
    display: flex;
    flex-wrap: wrap;
  }
  .item .summary {
    margin-bottom: 0;
    line-height: 1.5;
  } /*相簿內容樣式-04*/
  .album-list {
    display: flex;
    flex-wrap: wrap;
  }
  .album-list .item {
    width: 33.3333333333%;
  } /*檔案下載樣式-02*/
  .download .list_table .container::after {
    clear: none;
  }
  .download .list_table .container .row::after {
    clear: none;
  }
  .download .list_table .container .row div:last-child {
    clear: none !important;
  }
  .download .oneline {
    border-bottom: none;
    clear: none;
  } /*電子表單*/
  .eforms_complete .hgroup, .eforms_complete .hgroup .container {
    width: fit-content;
  }
  .eformscontent .layoutlist_1.page_content2, .eformscontent .layoutlist_1.page_content3 {
    width: 100%;
  }
  .eformscontent .layoutlist_1 {
    width: 100%;
  }
  .eformscontent .form-horizontal .control-label {
    padding: 0 !important;
    width: 100%;
  }
  .form-horizontal .form-column, .eformscontent .form-column {
    width: 100%;
    padding: 0 !important;
  } /*產品內頁-02*/
  .RWDproduct_page .hashtag .hashtag_block, .RWDproduct_page .menu3 .pic-box, .RWDproduct_page .menu3 .products-info, .RWDproduct_page .products-info, .RWDproduct_page .pic-box {
    width: 100%;
    padding: 0;
  }
  .RWDproduct_page .products-info .name-box {
    margin-top: 2rem;
  }
  .page_wrapper_bg .tabs .content, .RWDproduct_page .tab-box .tab-container > ul > li {
    padding: 1.5rem;
  }
  .download_container {
    grid-template-columns: 80% auto;
  } /* 購物車按鈕pad         #mobile-fixed .btn-box .normal {            background: transparent;            color: #444;            border: 1px solid #444;            border-radius: 0;        }                #mobile-fixed .btn-box .bg2 {            border-radius: 0;            transition: all 0.3s ease;            border: 1px solid #000;            color: #fff;            background: #000;        }                .RWDshopping #mobile-fixed .btn.normal {            color: #444;        }  */ /* 購物車*/
  .RWDshopping_v3 .cart-wrapper {
    width: 95%;
  }
  .voucherbonus-btn {
    text-decoration: underline;
  }
  .toggleblock-head .mainblue {
    color: var(--TextMainColor);
  } /*檔案下載*/
  .download .search-container {
    margin-left: 20px;
    margin-top: 0;
  }
  .download5_list .col-sm-6 {
    grid-template-columns: 1fr;
  }
  .downlaod5_item_btn {
    max-width: unset;
  } /* 搜尋結果 */
  .RWDsearch_page .list-img > ul {
    margin: 0;
  } /* 文章內頁 */
  :is(.articlecontent, .page-detail:where(.tb_article)) .btn.btn_back a {
    margin-right: 0;
  }
  .formdesc {
    padding: 0;
    text-align: center;
  }
  .d-comm-imggrid4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .tech-d-edit-grid {
    grid-template-columns: auto;
  }
}
@media (max-width: 850px) { /*圖文輪播*/
  .RWDslider01 .products-list .box {
    display: flex;
    flex-direction: column;
  }
  .RWDslider01 .products-list .products-item .box {
    flex-direction: column;
    justify-content: flex-start;
  }
  .RWDslider01.pic-right .products-list .products-item .box {
    flex-direction: column;
  }
  .RWDslider01 .pic-list, .RWDslider01 .text {
    width: 100%;
    padding: 0 !important;
  }
  .RWDslider01 .control-box {
    right: 0;
    position: relative;
    width: 100%;
    text-align: center;
  }
  .RWDslider01 .pic-list, .RWDslider01 .text, .RWDslider01 .pic img {
    width: 100%;
  }
  .RWDslider01 .pic-list {
    padding-right: 0;
  }
  .RWDslider01.pic-right .pic-list {
    padding-left: 0;
  }
  .pagecontent .RWDslider01, .article1 .pagecontent .RWDeditor01 {
    margin-top: 30px;
  } /*文章列表樣式-03*/
  #article .layoutlist_3 .listdate .yearmonth {
    padding-bottom: 0px;
  }
  #album .layoutlist_2 .album_item_subject, #album .layoutlist_1 .album_item_subject, .rwdlayoutlist_9 .subject, .layoutlist_8 .article_subject, .RWDtimeline02 .model-title, .RWDtimeline01 .model-title, #product .item .subject a, .page_wrapper_bg #article .layoutlist_7 .subject a, .page_wrapper_bg #article .layoutlist_4 .item .list_subject > a, .page_wrapper_bg #article :is(.layoutlist_2) .list_subject a {
    margin: 0px 0px 12px !important;
  }
  #album .layoutlist_2 .album_item_subject, #album .layoutlist_1 .album_item_subject {
    padding: 8px 0 0 0;
  } /*相簿列表樣式-01*/
  .layoutlist_2 .album_item {
    padding: 0 10px;
  } /*檔案下載樣式-02*/
  .layoutlist_3 .dbtn_v2 {
    width: 100%;
    text-align: center;
  } /*電子表單*/
  .form-horizontal .control-label {
    width: 100%;
  }
  .form-horizontal .form-group .col-sm-12.col-md-11 {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn {
    margin-top: var(--ItemSpacing) !important;
  }
  .page_content1 .download_container .btn {
    margin-top: 0 !important;
  }
  .list_faketb__li > div {
    padding: 18px 8px;
  }
}
@media (max-width: 767px) { /*列表樣式*/
  .layoutlist_8.rwd .item, #article .layoutlist_7 .litem, #article .layoutlist_4 .xrow.list > div, #video .layoutlist_2 .video_item, .album-list .item, .row .album_d_item, .photo .content_box, #album .layoutlist_2 .album_item, #album .layoutlist_1 .row.masonry .album_item, #product .layoutlist_5.layoutlist .col-sm-4, #product .layoutlist_5.layoutlist .col-sm-3.col-md-3, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .col-sm-4.col-md-4, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .col-sm-3.col-md-3, #product .layoutlist_4 .col-xs-6, #product .layoutlist_3.row > .col-md-12, #product .layoutlist_2 .col-sm-6 {
    width: 50% !important;
  } /*文章列表樣式-02*/
  #article .layoutlist_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem 2rem;
  }
  .page_wrapper_bg #article .layoutlist_2 .listdate {
    border-left: 0;
    text-align: left;
  }
  #article .layoutlist_2 .item {
    width: calc(50% - 1rem);
    padding: 0;
    border-bottom: 0;
  }
  #article .layoutlist_2 .list_subject, #article .layoutlist_2 .listdate {
    padding-left: 0px;
    padding-right: 0;
  }
  #article .layoutlist_2 .listdate .yearmonth::after {
    content: "/";
    position: relative;
    display: inline-block;
  }
  #article .layoutlist_2 .listdate .yearmonth, .layoutlist_2 .listdate .day {
    display: inline-block;
  }
  #article .layoutlist_2 .listdate .yearmonth, #article .layoutlist_2 .listdate .day {
    font-size: 12px !important;
    letter-spacing: 2px !important;
    margin-left: -3px;
    color: var(--TextSubColor);
  } /*文章列表樣式-03*/
  #article .layoutlist_3 {
    display: flex;
    flex-wrap: wrap;
  }
  #article .layoutlist_3 .item {
    width: calc(50% - 21px);
    margin: 0 10px;
  }
  #article .layoutlist_3 .listdate .day {
    font-size: 12px !important;
    letter-spacing: 2px !important;
    color: var(--TextSubColor);
  }
  #article .layoutlist_3 .listdate .day::before {
    content: " / ";
  } /*文章列表樣式-04*/
  #article .layoutlist_4 .xrow.list > div {
    margin-bottom: var(--ItemSpacing);
  } /*文章列表樣式-06*/
  .rwdlayoutlist_6 .subject_title {
    display: flex;
    align-items: center;
  }
  .rwdlayoutlist_6 .list_no {
    width: 16.66666667%;
  }
  .rwdlayoutlist_6 .list_subject {
    width: 66.66666667%;
  }
  .rwdlayoutlist_6 .list_date {
    width: 16.66666667%;
  }
  .rwdlayoutlist_6 .list_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .rwdlayoutlist_6 .list_item .column.no {
    width: 16.66666667%;
  }
  .rwdlayoutlist_6 .list_item .column.subject {
    width: 66.66666667%;
  }
  .rwdlayoutlist_6 .list_item .column.date {
    width: 16.66666667%;
  } /*文章列表樣式-07*/
  #article .layoutlist_7 .row {
    flex-wrap: wrap;
  }
  .layoutlist_7 .row:before, .layoutlist_7 .row:after {
    display: none;
  }
  .layoutlist_7 .summary {
    margin-top: 0 !important;
  } /*文章列表樣式-08*/
  .layoutlist_8.rwd {
    display: flex;
    flex-wrap: wrap;
  }
  .layoutlist_8.rwd .item {
    border-bottom: 0;
    padding-inline: 15px;
  }
  #article .layoutlist_8 .item {
    padding-bottom: 0;
  }
  .layoutlist_8.rwd .list_img + .list_subject {
    margin-top: 15px;
    padding-inline: 0;
  }
  .layoutlist_8.rwd .listdate {
    text-align: left;
    margin-top: 10px;
    padding: 0;
  }
  .layoutlist_8.rwd .listdate .yearmonth, .layoutlist_8.rwd .listdate .day {
    color: var(--TextSubColor);
    font-size: 12px;
    letter-spacing: 0.5px;
  } /*文章列表頁籤*/
  .tab_content {
    font-size: var(--FontSizeP);
    color: var(--TextSubColor);
    line-height: 1.5;
  }
  .page_wrapper_bg .tab {
    border-top: var(--BorderGrayPx1);
    padding: 15px;
  }
  .page_wrapper_bg .tab_title {
    font-size: var(--FontSizeH4);
    color: var(--TextMainColor);
    line-height: 1.5;
    font-weight: 400;
  }
  .tab.open .tab_title {
    margin: 0 0 20px;
    font-weight: 500;
  }
  .page_wrapper_bg .tab:last-child {
    border-bottom: var(--BorderGrayPx1);
  } /*產品頁籤*/
  .RWDproduct_page .faq-item .faq-question {
    padding: 10px 0;
    font-size: var(--FontSizeH4);
    color: var(--TextMainColor);
    letter-spacing: 2px;
  }
  .RWDproduct_page .faq-item.active .faq-question {
    background: #ddd;
  }
  .RWDproduct_page .faq-item .faq-question:before {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page_content1 #productbx {
    overflow: hidden;
  } /* 產品置底按鈕 */
  #mobile-fixed .btn-shop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-content: space-between;
  }
  #mobile-fixed .btn-shop:after {
    display: none;
  }
  #mobile-fixed .btn-shop .btn, #plusbuy_mobile-fixed .btn-shop .btn {
    margin-top: 10px;
  }
  #mobile-fixed.show-info {
    z-index: 203;
  }
  #mobile-fixed .container {
    margin-block: 12px;
  } /* 產品內頁A */
  #btn_shopping_tracking, #prod_stands_area, #prod_stands2_area, #prod_amount_area, .btn_shopping, .btn_querycar {
    width: calc(100% - 10px) !important;
  } /*產品列表樣式 C*/
  :is(.productlist, .page-list:where(.tb_product)) .layoutlist_3 .item .col-sm-12.col-md-6 {
    padding-inline: 0;
  }
  #product .item .subject {
    margin-top: 8px;
  }
  :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .product_list_item .img1 {
    margin-bottom: 0;
  } /*產品列表樣式 D*/
  :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .col-sm-4.col-md-4, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .col-sm-3.col-md-3 {
    float: left;
  }
  :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .pricearea {
    align-items: flex-start;
    gap: 10px;
    flex-direction: column;
  } /*產品列表樣式 E*/
  #product .layoutlist_5.layoutlist {
    display: flex;
    flex-wrap: wrap;
  }
  .layoutlist_5 .list-btn_mobile a {
    line-height: 2;
    margin-top: 8px;
  } /*產品我的最愛按鈕調整*/
  .RWDproduct_page .btn-other {
    margin: 10px 0;
    gap: 15px 0;
  }
  .RWDproduct_page .btn-other li {
    width: 100%;
    display: block;
    text-align: left;
    padding: 0;
  }
  .RWDproduct_page .btn-other li .ii {
    display: inline-block;
  } /*相簿列表樣式-01*/
  #album .layoutlist_1 .row.masonry {
    display: flex;
    flex-wrap: wrap;
  }
  #album .layoutlist_1 .row.masonry .album_item {
    margin-top: 0 !important;
    padding-inline: 10px;
  } /*相簿列表樣式-02*/
  #album .layoutlist_2 {
    display: flex;
    flex-wrap: wrap;
  } /*相簿內容樣式-01*/
  :is(.albumcontent, .page-detail:where(.tb_album)) section.call_to_action .container .article-text .container .row {
    display: flex;
    flex-wrap: wrap;
  }
  .page_content1v1 .album_d_item {
    margin-bottom: 20px !important;
  } /*相簿內容樣式-04*/
  #article .layoutlist_4 .item {
    display: initial;
  } /*相簿內容箭頭*/
  .photo_view .flex-direction-nav .flex-disabled {
    opacity: 10 !important;
  } /*檔案下載樣式-01*/
  .download .list_table td.list_subject {
    text-align: center;
  }
  .download .list_table th.split {
    display: none;
  }
  .download .list_table td {
    line-height: 1.5;
    padding: 10px;
  }
  .download .list_table th.list_downloadbtn, .download .list_table th.list_no, .download .list_table td.list_no {
    min-width: 100px;
  }
  .download .list_table th.list_date {
    width: calc(100% - 200px);
  }
  .download .list_table td.split {
    display: none;
  } /*檔案下載樣式-02*/
  .download .item table tr {
    display: flex;
    flex-direction: column;
  }
  .download .oneline {
    display: flex;
    flex-wrap: wrap;
  }
  .download .list_table td {
    width: 100%;
    padding-top: 15px;
  }
  .download .list_table td:nth-child(2) {
    display: none;
  }
  .download .oneline .col-md-4.col-sm-6 {
    width: 33.3333333333%;
  }
  .layoutlist_5 .downlaod_item {
    width: 50%;
  }
  .download5 .search-container {
    margin: 10px 0 0;
  }
  .downloadForMobile__btn {
    display: flex;
    align-items: center;
    justify-content: center;
  } /*影片列表*/
  #video .layoutlist_2 {
    display: flex;
    flex-wrap: wrap;
  } /*購物車呼籲置底*/
  #mobile-fixed .fixed-bottom .price-box {
    text-align: center;
  }
  #mobile-fixed .btn-box.step1 li, #mobile-fixed .btn-box.step2 li {
    padding: 0 1px;
  }
  #mobile-fixed .btn-box .normal {
    text-align: center;
    padding: 10px 0;
    font-size: 15px !important;
  }
  #mobile-fixed .btn-box ul {
    display: flex;
  }
  .RWDshopping_v3 .cart-container {
    width: 100%;
    margin: auto;
  } /* 比較表 */
  .page_wrapper_bg .fix-compare.is-phone {
    padding: 10px 15px;
  }
  .page_wrapper_bg .is-phone .fix-compare-btn {
    color: var(--BtnOutlineColor);
    background: var(--BtnOutlineBg);
    border: 1px solid var(--BtnOutlineColor);
    border-radius: var(--BtnBorderRadius);
    font-size: var(--BtnFontSize);
    font-weight: 500;
  }
  .compare .clearall {
    top: 0;
  }
  .compare .main_box .memo, .compare .main_box .main_name {
    text-align: left;
  }
  .compare .compare-container {
    padding: 0;
  }
  .compare .main_box {
    padding: 0 10px;
  }
  .compare .main_box .main_name {
    font-size: calc(var(--FontSizeH3) * 0.9);
  }
  .compare .swiper-button-prev, .compare .swiper-button-next {
    width: 35px;
    height: 35px;
    background-color: #ffffff;
  }
  .compare .main_box .memo, .compare .main_box .main_name, .compare .main_box .normal_price, .compare .main_box .special_price {
    padding-inline: 0px;
  }
  .compare .main_box .normal_price, .compare .main_box .special_price {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0;
    min-height: unset !important;
  }
  .page_wrapper_bg .fix-compare.is-phone.active {
    top: var(--NaviHeight);
    transform: unset;
  }
  #reply_app .member_block_rp {
    padding-top: 1rem;
  }
  .list_faketb__subject {
    text-align: center;
  }
  .about-d-edit-content, .tech-d-edit-content, .d-comm-bg {
    padding: 3rem 2rem;
  }
}
@media screen and (min-width: 415px) and (max-width: 767px) {
  .RWDslider01 .products-list .box, .RWDslider01.pic-right .products-list .box {
    flex-direction: column;
  }
  .RWDslider01 .text {
    width: 100%;
  }
  .RWDslider01.pic-right .pic-list {
    padding: 0;
  }
  .RWDslider01 .products-list .box, .RWDslider01.pic-right .products-list .box {
    flex-direction: column;
    width: 95%;
    margin: auto;
    padding: 0 !important;
  }
  .RWDslider01 .pic-list {
    width: 100%;
    padding: 0;
    margin: auto;
    float: none !important;
  }
  .RWDslider01.pic-right .control-box {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    right: auto;
  }
  .RWDslider01 .control-box {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .compare .main_box .more {
    margin: 1rem;
  }
  .about-d-edit-grid {
    grid-template-columns: auto;
  }
  .about-d-edit-img img {
    height: 65vw;
  }
}
@media (max-width: 600px) {
  :root {
    --BtnWidth: 100%;
  } /*按鈕*/
  .btn.btn_back, .ebtn, .block_body .page_content2 .btn, .block_body .page_content1 .btn, .page_content2 .btn, .page_content1 .btn, .btn-primary {
    width: 100% !important;
  } /*container*/
  .page_wrapper_bg .pagecontent {
    padding: 0px !important;
  }
  .page_wrapper_bg .article-text .container {
    padding: 0;
  } /*列表樣式*/
  #article .layoutlist_2 .item, #article .layoutlist_2 .item, .RWDsearch_page .list-img > ul > li, .layoutlist_2 .video_item, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 > div, .menu5 .rwdlayoutlist_9 .litem, :is(.videolist, .page-list:where(.tb_video)) .video_item, .layoutlist_2 .album_item, #article .layoutlist_7 .litem, #article .cate_list.row > div, :is(.productlist, .page-list:where(.tb_product)) :is(.layoutlist_5, .layoutlist_4) .col-sm-3.col-md-3, #article .layoutlist_8 .item, #article .layoutlist_7 .litem, #article .layoutlist_4 .xrow.list > div, #video .layoutlist_2 .video_item, .album-list .item, .row .album_d_item, .photo .content_box, #album .layoutlist_2 .album_item, #album .layoutlist_1 .row.masonry .album_item, #product .layoutlist_5.layoutlist .col-sm-4, #product .layoutlist_5.layoutlist .col-sm-3.col-md-3, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .col-sm-4.col-md-4, :is(.productlist, .page-list:where(.tb_product)) .layoutlist_4 .col-sm-3.col-md-3, #product .layoutlist_4 .col-xs-6, #product .layoutlist_3.row > .col-md-12, #product .layoutlist_2 .col-sm-6 {
    width: 100% !important;
    padding-inline: 0;
  } /*fixrow*/
  .fixrow {
    padding-left: 0px !important;
    padding-right: 0px !important;
  } /*文章列表最上層樣式調整*/
  #article .cate_list.row .col-sm-6.col-md-4 {
    margin: 0 0 30px;
  } /*文章列表樣式-06*/
  .rwdlayoutlist_6 ul {
    margin: 0;
  }
  .rwdlayoutlist_6 li {
    margin: 0;
    border-bottom: #dfdfdf solid 1px;
    padding: 10px 0 10px;
  }
  .rwdlayoutlist_6 .subject_title {
    display: none;
  }
  .rwdlayoutlist_6 .list_item {
    text-align: center;
    flex-direction: column;
  }
  .rwdlayoutlist_6 .list_item .column.no, .rwdlayoutlist_6 .list_item .column.subject, .rwdlayoutlist_6 .list_item .column.date {
    width: 100%;
  } /*左右圖文輪播PH*/
  .RWDslider01 .pic-list {
    width: 100%;
  } /*時間軸樣式*/
  .RWDtimeline01 .line_dot, .RWDtimeline01 .line_dot2 {
    left: 4px;
  }
  .RWDtimeline01 li.event:before {
    left: 27px;
  }
  .RWDtimeline01 li.event .point {
    width: calc(100% - 90px);
    left: 90px;
  }
  .RWDtimeline01 li.event .point .date {
    font-size: 14px;
    letter-spacing: 1px;
  } /*文章檔案下載*/
  .file_area {
    margin: 0 0 0px;
  }
  .download_container {
    grid-template-columns: 1fr;
  } /*電子表單*/
  .new-form {
    margin-top: 0;
  } /*相簿上下方說明*/
  #album .page_desc {
    margin: 0 0 var(--SectionPadding);
  } /*產品樣式 A*/
  #product > div.page_content1 > div.product_top.row > div.info.col-sm-12.col-md-12.col-xs-12 > div:nth-child(4) {
    grid-template-columns: 1fr;
    grid-template-areas: "prod_stands_area" "prod_stands2_area" "prod_amount_area" "btn_shopping " "btn_querycar ";
  } /*產品樣式 B*/
  #RWDPAGE_BASE_PAT02 .RWDproduct_page .btn-shop {
    grid-template-columns: 1fr;
  } /* 產品內容B */
  .RWDproduct_page .download_container .btn {
    height: 33px;
  }
  .RWDproduct_page .btn-other {
    flex-direction: column;
  }
  .RWDproduct_page .btn-other li {
    width: 100%;
    text-align: center;
  }
  .RWDproduct_page .btn-other {
    margin: 30px 0 0px;
    gap: 8px;
  } /*相簿內容樣式-01*/
  .row .album_d_item {
    width: 100%;
  } /*相簿內容樣式-03*/
  .photo .content_box {
    width: 100% !important;
  } /*檔案下載樣式-02*/
  .download .oneline .col-md-4.col-sm-6 {
    width: 100%;
    margin-bottom: 20px;
  } /*購物訂單畫面按鈕*/
  .RWDshopping .btn.normal {
    width: 100%;
    margin: 5px 0;
  }
  .shopping-step li span.name {
    font-size: 13px !important;
  }
  #mobile-fixed .btn-box {
    width: 180px;
  }
  #mobile-fixed .fixed-in {
    width: calc(100% - 180px);
    letter-spacing: 0;
  }
  .RWDshopping_v3 .order-infobox .btn-row {
    padding: 0;
  } /*詢問車按鈕*/
  .RWDquiry .btn.normal {
    margin: 0;
  } /* google驗證碼、top高度調整 */
  .grecaptcha-badge {
    bottom: 75px !important;
  }
  #reply_app {
    padding: 2rem 1rem;
  } /*檔案下載*/
  .layoutlist_5 .downlaod_item {
    width: 100%;
  }
  .download5 .search-container {
    margin: 10px 0 0 !important;
  }
  .customized_columns {
    padding: 2rem 1.5rem;
  }
  .formdesc {
    text-align: left;
  }
  .eformsDesc, .eformsDesc_bottom {
    text-align: left;
  }
  .d-comm-imggrid4, .d-comm-imggrid2 {
    grid-template-columns: auto;
  }
}
@media (max-width: 480px) { /*檔案下載*/
  .layoutlist_5 .downlaod_item {
    width: 100%;
  }
  .download5 .search-container {
    margin: 10px 0 0 !important;
  }
  .about-d-edit-content, .tech-d-edit-content, .d-comm-bg {
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 414px) { /*文章左右圖文輪播PH*/
  .RWDslider01 .pic-list, .RWDslider01.pic-right .pic-list {
    margin: 0;
  }
}
@media (max-width: 380px) { /*跟隨購物車寬度修正*/
  #mobile-fixed .btn-box {
    width: 170px;
    padding-left: 10px;
  }
  #mobile-fixed .fixed-in {
    width: calc(100% - 170px);
  }
  .RWDproduct_page .faq-item .editor {
    padding: 20px;
  }
  .compare .main_box {
    padding: 0 5px;
  }
  .RWDshopping_v3 .cart-list-table .cart-list-body .cart-row:nth-last-of-type(1) .cart-cell {
    padding: 1rem 1.5rem 1.5rem;
  }
  .RWDshopping_v3 .cart-list-table .cart-cell.info, .RWDshopping_v3 .cart-list-table .cart-cell.pic {
    width: 100%;
  }
  .RWDshopping_v3 .cart-list-table .cart-cell.pic .picbox {
    width: 90%;
    height: auto;
    aspect-ratio: 1/1;
    margin-left: 0;
  }
  .RWDshopping_v3 .cart-list-table .cart-cell.qtt .delete-btn {
    right: 10px;
  }
}
/*內頁RWD end*/
/*850px start*/
/*850px end*/ /* <= miracle customization end */
/* user customization start=> */
/* <= user customization end */
/* SITE-CSS-BASEFONT-1：容器基準字復位——值回設計層 body 繼承鏈 */
.home-section-body, .home-section-footer, .main-content {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

/* wt2-icons:start（icon-restore 還原的 legacy 圖示字型） */
.ii-arrow1, .ii-hint1 {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: var(--wt2-ion) center/contain no-repeat;
  mask: var(--wt2-ion) center/contain no-repeat;
}

.size-18 {
  font-size: 18px;
}

.size-48 {
  font-size: 48px;
}

.ii-arrow1 {
  --wt2-ion:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOTYwKSBzY2FsZSgxIC0xKSIgZD0iTTI5OS43MzUtNTMuNDAyYy03LjA5Ni03LjA0NS0xNS45MzMtMTAuNTk4LTI1LjYzMS0xMC41OTgtOS43MzggMC0xOC41MDQgMy41NTMtMjUuNiAxMC41OTgtMTQuMTIxIDE0LjE0MS0xNC4xMjEgMzcuMDc5IDAgNTEuMjFsNDUwLjIyMiA0NTAuMjEyLTQ1MC4yMjIgNDUwLjE3MWMtMTQuMTIxIDE0LjE0MS0xNC4xMjEgMzcuMTEgMCA1MS4yMSAxNC4xIDE0LjEzMSAzNy4wNzkgMTQuMTMxIDUxLjI0MSAwbDQ3NS43My00NzUuNzgxYzE0LjE0MS0xNC4xMzEgMTQuMTQxLTM3LjEgMC01MS4ybC00NzUuNzQtNDc1LjgyMnoiLz48L3N2Zz4=");
}

.ii-hint1 {
  --wt2-ion:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgOTYwKSBzY2FsZSgxIC0xKSIgZD0iTTQ3MS4wNDAgNjkwLjA0M2g4MS45MnYtODEuOTJoLTgxLjkydjgxLjkyek00NzEuMDQwIDUwMC42MDNoODEuOTJ2LTMzNy4wNzBoLTgxLjkydjMzNy4wNzB6TTUxMi02NGMtMjgyLjMyNyAwLTUxMiAyMjkuNjYzLTUxMiA1MTJzMjI5LjY3MyA1MTIgNTEyIDUxMmMyODIuMjU1IDAgNTEyLTIyOS42NjMgNTEyLTUxMnMtMjI5Ljc0NS01MTItNTEyLTUxMnpNNTEyIDkwOC4xMzRjLTI1My43MjcgMC00NjAuMTk2LTIwNi4zOTctNDYwLjE5Ni00NjAuMTM0czIwNi40NjktNDYwLjE0NSA0NjAuMTk2LTQ2MC4xNDVjMjUzLjcxNiAwIDQ2MC4xNDUgMjA2LjM5NyA0NjAuMTQ1IDQ2MC4xNDUgMCAyNTMuNzM3LTIwNi40MjggNDYwLjEzNC00NjAuMTQ1IDQ2MC4xMzR6Ii8+PC9zdmc+");
}

/* wt2-icons:end */
/* wt2-milestone:start（converter site-fx 產生——Milestone 時間軸元件樣式（MILESTONE-1），重跑會整段重產） */
/* MILESTONE-1 Milestone 時間軸元件樣式（進 evomni-root.css 全站通用；wt2-milestone marker 段）。
   靜態交錯佈局（無 JS 排版、無外部圖）：中線 CSS 虛線、圓點 li:before、桌機左右交錯、手機單欄左線。
   取代 legacy RWDtimeline01 的 JS 絕對定位（.point position:absolute + JS 算高＝無 JS 就崩）。
   捲動顯現狀態（.wt2-js .wt2-reveal）由內容 blob 的 IntersectionObserver JS 掛 .wt2-js 觸發；無 JS 不隱藏＝全顯。 */
.RWDtimeline01 {
  max-width: 1040px;
  margin: 0 auto;
  letter-spacing: 0.03em;
  color: #333;
  position: relative;
}

.RWDtimeline01 a {
  color: #5c5c5c;
}

.RWDtimeline01 a:hover {
  text-decoration: none;
}

.RWDtimeline01 .model-title {
  font-size: 23px;
  line-height: 32px;
  margin: 0 0 50px;
  text-align: center;
}

.RWDtimeline01 .timeline-in {
  position: relative;
}

.RWDtimeline01 .line_dot {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 50%;
  width: 0;
  margin-left: -1px;
  border-left: 2px dashed #d0d0d0;
  z-index: 0;
}

.RWDtimeline01 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.RWDtimeline01 li.event {
  position: relative;
  min-height: 56px;
  padding-bottom: 64px;
}

.RWDtimeline01 li.event:last-child {
  padding-bottom: 0;
}

.RWDtimeline01 li.event:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 6px;
  width: 16px;
  height: 16px;
  margin-left: -9px;
  border: 2px solid #333;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
}

.RWDtimeline01 li.event .point {
  width: 42%;
  box-sizing: border-box;
  text-align: center;
}

.RWDtimeline01 li.event:nth-child(even) .point {
  margin-left: 58%;
}

.RWDtimeline01 li.event .circle {
  display: block;
}

.RWDtimeline01 li.event .circle img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 340px;
  margin: 0 auto 14px;
}

.RWDtimeline01 li.event .date {
  font-size: 15px;
  color: #8a8a8a;
  margin-bottom: 6px;
}

.RWDtimeline01 li.event .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 12px;
}

.RWDtimeline01 li.event .editor {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1.9;
  text-align: left;
}

.RWDtimeline01 li.event .editor img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 812px) {
  .RWDtimeline01 .line_dot {
    left: 18px;
  }
  .RWDtimeline01 li.event:before {
    left: 18px;
    margin-left: 0;
  }
  .RWDtimeline01 li.event .point,
  .RWDtimeline01 li.event:nth-child(even) .point {
    width: auto;
    margin-left: 52px;
    text-align: left;
  }
  .RWDtimeline01 li.event .circle img {
    margin-left: 0;
  }
}
/* 捲動顯現（reveal）狀態：.wt2-js 由內容 JS 掛才生效（無 JS＝不隱藏、完整可見） */
.wt2-milestone.wt2-js .wt2-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.wt2-milestone.wt2-js .wt2-reveal.wt2-reveal--zoom {
  transform: scale(0.6);
}

.wt2-milestone.wt2-js .wt2-reveal.in-view {
  opacity: 1;
  transform: none;
}

/* wt2-milestone:end */
/* wt2-list-style:start（converter site-fx 產生——legacy 列表卡細節樣式（LIST-STYLE-PORT-1；.lang_x .wt2-list-lN 限定），重跑會整段重產） */
/* article3 layout=8 article_list001 lang=en */
.lang_en .wt2-list-l8 .tpl-articlelist001-card-box {
  padding: 44px 0px;
  border-bottom: 1px solid #ccc;
  margin-bottom: var(--ItemSpacing);
  margin-top: 0;
  padding-bottom: max(3vw, 2.5rem);
}

.lang_en .wt2-list-l8 .tpl-articlelist001-card-title {
  color: var(--TextMainColor);
  font-size: var(--FontSizeH3);
  font-weight: 500;
  text-decoration: none;
  display: block;
  line-height: 1.5 !important;
  margin: 0px 0px 16px !important;
}

.lang_en .wt2-list-l8 .tpl-articlelist001-card-description {
  margin: 0;
}

.lang_en .wt2-list-l8 .tpl-articlelist001-date-yearmonth {
  color: var(--TextSubColor);
  font-size: calc(var(--FontSizeP) * 0.9);
  letter-spacing: 2px;
  padding-bottom: 10px;
}

.lang_en .wt2-list-l8 .tpl-articlelist001-date-day {
  color: var(--TextMainColor);
  font-size: 2vw;
  line-height: 1.2;
} /* wt2-list-style:end */
/* wt2-nonrender-guard:start（converter site-fx 產生——script/style 不可見保險（NONRENDER-GUARD-1；legacy 全子元素 display 規則會誤命中），重跑會整段重產） */
script, style, link, meta, title {
  display: none !important;
} /* wt2-nonrender-guard:end */
:where(.wrapper_bg, .eforms-wrapper) {
  font-family: var(--font-sans);
  font-variation-settings: normal;
  font-size: var(--FontSizeBody);
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--TextColorPrimary, #333);
}

:where(.wrapper_bg, .eform-content-container) :is(h1, h2, h3, h4) {
  font-family: inherit;
  font-variation-settings: normal;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: inherit;
  text-transform: none;
}

:where(.wrapper_bg, .eform-content-container) img {
  display: inline;
  vertical-align: middle;
}

:where(.wrapper_bg, .eform-content-container) :is(ul, ol) {
  list-style: revert;
  padding-left: revert;
  margin: 0 0 10px;
}

:where(.wrapper_bg, .eform-content-container) .container {
  width: auto;
  max-width: none;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  :where(.wrapper_bg, .eform-content-container) .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  :where(.wrapper_bg, .eform-content-container) .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  :where(.wrapper_bg, .eform-content-container) .container {
    width: 1170px;
  }
}
:where(.wrapper_bg, .eform-content-container) .btn {
  min-height: auto;
  letter-spacing: inherit;
  gap: normal;
  clip-path: none;
}

:where(.wrapper_bg, .eform-content-container) .btn::after {
  content: none;
}

:where(.wrapper_bg) .nav {
  position: static;
  max-height: none;
  overflow: visible;
  transform: none;
  visibility: visible;
  background: transparent;
  border: 0;
}

:where(.wrapper_bg) .nav a {
  white-space: normal;
  border-bottom: 0;
}

:where(.eform-content-container) {
  background: #fff;
  color: var(--TextColorPrimary, #333);
  font-family: var(--font-sans);
}

:where(body:not(.index-page) #main-content) {
  background: #fff;
  color: #333;
}

footer.footer:has(.site-footer) {
  margin-top: 0;
  border-top: 0;
}

:where(.home-page) p {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

:where(.home-page, .site-header, .site-footer) .btn {
  font-size: var(--fs-sm);
}

:where(.menu-product.page-list) .layoutlist_2 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.site-header .nav-menu > li.has-sub:has(> ul.sub a[href*="/product/category/"]) > a::after {
  content: none;
}

.site-header .nav-menu > li.has-sub:has(> ul.sub a[href*="/product/category/"]) > ul.sub {
  display: none;
}

html:where(:has(> body > [data-gjs-type=wrapper]):not(:has(.home-page, [data-home-section]))),
html:where(:has(> body > [data-gjs-type=wrapper]):not(:has(.home-page, [data-home-section]))) > body {
  background: #fff;
  color: #333;
}

aside:where(.tpl-leftmenu001-container:not(:has(.left-menu li))) {
  display: none;
}

:where(.menu-product.page-list #sidebar-x:not(:has(.left-menu li))) {
  display: none;
}

:where(.menu-product.page-list #sidebar-x:not(:has(.left-menu li))) + .pagecontent {
  width: 100%;
}

:where(.site-footer) p {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

:where(#cookieNotice) p {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

.tpl-header_query:not(.is-open) .query-panel__drawer {
  box-shadow: none;
}

.site-footer .footer-grid > .template-wrapper[class*=newsletter001-] {
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  max-width: 460px;
  margin: 0;
}

@media (max-width: 767px) {
  .site-footer .footer-grid > .template-wrapper[class*=newsletter001-] {
    grid-row: auto;
  }
}
@media (min-width: 577px) {
  .site-footer .footer-grid > .template-wrapper[class*=newsletter001-] {
    min-width: 460px;
  }
}
:root {
  --FontFamily: var(--font-sans);
  --FontFamilyEn: var(--font-sans);
  --FontFamilyEnTitle: var(--font-display);
}

:where(body:not(.index-page) #main-content) p {
  font-weight: 400;
  letter-spacing: normal;
}

body:not(.index-page) #main-content :is(.breadcrumb, .breadcrumb li, .breadcrumb a, .breadcrumb span, .search-result__title-suffix, .search-result__count, .query-form__subtitle, .query-list__empty-text) {
  font-weight: 400;
}

body:not(.index-page) #main-content .no-result-text {
  letter-spacing: normal !important;
}

.site-footer dt {
  font-weight: 400;
}

.site-header .nav a:is(:hover, :focus, :active),
.site-header .hotline:is(:hover, :focus, :active) {
  color: var(--on-void);
}

.site-header .hotline:is(:hover, :focus-visible) strong {
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}

@media (max-width: 1180px) {
  .site-header .nav .sub a:is(:hover, :focus, :active) {
    color: var(--on-soft);
  }
}
@media (min-width: 1181px) {
  .site-header .nav .sub {
    padding: 0;
    border: 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  }
  .site-header .nav .sub a:is(:hover, :focus-visible) {
    background: #FFFF1A;
    color: var(--void);
    text-decoration: none;
  }
}
.site-header .util-btn:is(:hover, :focus, :active) {
  color: var(--void);
}

body #cookieNotice.cookie-notice {
  z-index: 99999 !important;
  width: 550px !important;
  border: 1px solid var(--BorderColor);
  border-radius: 10px !important;
  padding: 3rem 4.5rem !important;
  color: var(--TextMainColor) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  letter-spacing: 0px !important;
  text-align: left !important;
  display: flex;
  justify-content: space-between;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px !important;
  margin-bottom: 4rem;
  align-items: center;
  flex-direction: column;
  gap: 1rem 0;
  left: auto !important;
  right: 2vw !important;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  background: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
  bottom: 0 !important;
}

@media (max-width: 600px) {
  body #cookieNotice.cookie-notice {
    width: calc(100vw - 2rem) !important;
    right: 1rem !important;
    padding: 2rem 1.5rem !important;
  }
  body #cookieNotice.cookie-notice .btn-group {
    align-self: stretch;
  }
}
.scroll-top .scrolltop-btn {
  border-color: var(--surface-btn);
  background-color: var(--surface-btn);
  color: var(--on-void);
  transition: background-color 0.3s var(--ease), border-color 0.3s var(--ease), color 0.3s var(--ease);
}

.scroll-top .scrolltop-btn:hover,
.scroll-top .scrolltop-btn:focus-visible {
  border-color: var(--brand);
  background-color: var(--brand);
  color: var(--void);
}

.scroll-top .scrolltop-btn:not(:has(img)):has(.scrolltop-btn-text:empty)::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: rotate(45deg);
}

.site-header {
  --TextColorPrimary: var(--on-void);
  --TextColorSecondary: var(--brand);
}

.site-header :is(.tpl-header_search_full, .tpl-header_query) {
  height: auto;
}

.site-header .header-util > :is(.tpl-header_search_full, .tpl-header_query) + .hotline {
  margin-left: 6px;
}

.site-header .tpl-header_query .query-toggle-btn:hover {
  color: var(--brand);
  opacity: 1;
}

.site-header .tpl-header_query .query-toggle__badge {
  border-color: var(--void);
  background-color: var(--brand);
  color: var(--void);
}

.site-header .tpl-header_query .query-panel__drawer {
  background-color: var(--panel);
  color: var(--on-void);
}

.site-header .tpl-header_query :is(.query-panel__header, .query-panel__footer) {
  border-color: var(--line);
}

.site-header .tpl-header_query :is(.query-panel__title, .query-panel__close, .query-item__name, .query-item__remove) {
  color: var(--on-void);
  border-color: var(--on-void);
}

.site-header .tpl-header_query :is(.query-item__category, .query-item__qty) {
  color: var(--on-soft);
}

.site-header .tpl-header_query .query-item {
  border-bottom-color: var(--line);
}

.site-header .tpl-header_query .query-item__thumb {
  border-color: var(--line);
  background-color: var(--panel-2);
}

.site-header .tpl-header_query .query-panel__confirm {
  background-color: var(--brand);
  color: var(--void);
  font-weight: 700;
  letter-spacing: 0.08em;
  clip-path: polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);
}

.site-header .tpl-header_query .query-panel__confirm:hover {
  background-color: var(--brand-deep);
}

.site-header .tpl-header_search_full .search-input-wrap {
  border-bottom-color: var(--line-strong);
}

.site-header .tpl-header_search_full .search-input-wrap:focus-within {
  border-bottom-color: var(--brand);
}

.site-header .tpl-header_search_full .search-submit-btn:hover {
  color: var(--brand);
}

.site-footer .template-wrapper[class*=newsletter001-] {
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: var(--panel);
  box-shadow: none;
  clip-path: polygon(0 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, 0 100%);
}

.site-footer .template-wrapper[class*=newsletter001-]:focus-within {
  border-color: var(--brand);
  box-shadow: none;
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-input {
  flex: 1 1 0;
  width: 100%;
  min-width: 8em;
  padding: 14px 18px;
  font-size: var(--fs-sm);
  color: var(--on-void);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-input::placeholder {
  color: var(--on-faint);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-actions {
  align-items: stretch;
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-btn {
  display: flex;
  align-items: center;
  padding: 0 22px;
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--on-soft);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-btn--subscribe {
  background: var(--brand);
  color: var(--void);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-btn--subscribe:hover {
  background: var(--brand-deep);
  color: var(--void);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-btn--unsubscribe {
  background: var(--surface-btn);
  color: var(--on-void);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-btn--unsubscribe:hover {
  background: var(--surface-btn-hi);
  color: var(--on-void);
}

.site-footer .template-wrapper[class*=newsletter001-] .newsletter-actions .newsletter-btn + .newsletter-btn::before {
  content: none;
}

@media (max-width: 480px) {
  .site-footer .template-wrapper[class*=newsletter001-] {
    flex-wrap: wrap;
  }
  .site-footer .template-wrapper[class*=newsletter001-] .newsletter-input {
    flex-basis: 100%;
    padding: 12px 14px;
  }
  .site-footer .template-wrapper[class*=newsletter001-] .newsletter-actions {
    flex: 1 1 100%;
  }
  .site-footer .template-wrapper[class*=newsletter001-] .newsletter-btn {
    flex: 1 1 50%;
    justify-content: center;
    min-height: 44px;
    padding: 0 12px;
  }
}
#main-content .tpl-backbutton001 {
  display: flex;
  justify-content: flex-end;
}

#main-content .pagecontent > .tpl-backbutton001 {
  margin-top: 60px;
}

#main-content .RWDproduct_page > .tpl-backbutton001 {
  margin-top: 60px;
}

footer .site-footer a:is(:hover, :focus-visible) {
  color: var(--brand);
}

footer .site-footer a:is(:hover, :focus-visible):not(dd a) {
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

#inquiry-form .eforms-wrapper .submit-btn {
  border: 0;
  background-color: var(--brand);
  color: var(--void);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  clip-path: polygon(var(--cut-sm) 0, 100% 0, calc(100% - var(--cut-sm)) 100%, 0 100%);
  transition: background-color 0.3s var(--ease);
}

#inquiry-form .eforms-wrapper .submit-btn:hover,
#inquiry-form .eforms-wrapper .submit-btn:focus-visible {
  background-color: var(--brand-deep);
  color: var(--void);
}

header.header:has(.site-header) {
  position: sticky;
  top: 0;
  z-index: 100;
}

[data-gjs-type=wrapper] .product__scrim,
[data-gjs-type=wrapper] .product__hotzone,
[data-gjs-type=wrapper] .product__overlay {
  pointer-events: none;
}

[data-gjs-type=wrapper] .product__overlay .product__panel,
[data-gjs-type=wrapper] .product__reveal {
  pointer-events: auto;
}