@charset "UTF-8";
/* ========= 基本設定 ========= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap");
:root {
  --bg: #333; /* 深灰背景 */
  --panel: #fff; /* 卡片底色 */
  --text: #e6e6e6; /* 主要文字（深色底上的白） */
  --muted: #aaa; /* 次要灰字 */
  --success: #45c280;
  --radius-sm: 5px;
  --radius-lg: 5px;
  --container: 1120px;
  /* 預設主題顏色（紫色） */
  --brand-primary: #d89df9; /* 主要品牌色 */
  --brand-secondary: #9595bb; /* 次要品牌色 */
  --brand-prefix: #d89df9; /* 品牌前綴色 */
  /* 按鈕漸層 */
  --btn-grad-start: #efd6fd; /* 按鈕漸層起始色 */
  --btn-grad-end: #e5bdfc; /* 按鈕漸層結束色 */
  --btn-shadow: rgba(216, 157, 249, 0.18); /* 按鈕陰影 */
  --btn-cta-shadow: rgba(216, 157, 249, 0.16); /* CTA按鈕陰影 */
  --btn-link-help:#333;
  --link-help-arrow:#028;
  --btn-login-grad-text:#333;
  /* 徽章色彩 */
  --badge-bg: #739; /* 徽章背景 */
  --badge-text: #edf; /* 徽章文字 */
  --badge-border: rgba(255,255,255,.08); /* 徽章邊框 */
  /* 箭頭和圖示 */
  --arrow-color: #7b3fbd; /* 箭頭顏色 */
  --link-icon-color: #d89df9; /* 連結圖示顏色 */
  /* 表單元素 */
  --input-focus-border: #cfaef5; /* 輸入框 focus 邊框 */
  --input-focus-shadow: rgba(216,157,249,.18); /* 輸入框 focus 陰影 */
  /* 問候語色彩 */
  --hero-hello: #d89df9; /* 問候語顏色 */
}

/* ========= 主題顏色變數 ========= */
/* 紫色主題（預設） */
.theme-purple {
  /* 品牌色彩 */
  --brand-primary: #d89df9; /* 主要品牌色 */
  --brand-secondary: #9595bb; /* 次要品牌色 */
  --brand-prefix: #d89df9; /* 品牌前綴色 */
  --muted-2:#95b;
  /* 按鈕漸層 */
  --btn-grad-start: #efd6fd; /* 按鈕漸層起始色 */
  --btn-grad-end: #e5bdfc; /* 按鈕漸層結束色 */
  --btn-shadow: rgba(216, 157, 249, 0.18); /* 按鈕陰影 */
  --btn-cta-shadow: rgba(216, 157, 249, 0.16); /* CTA按鈕陰影 */
  --btn-login-grad-start: #efd6fd;
  --btn-login-grad-end: #e5bdfc;
  --btn-login-grad-text:#333;
  --btn-login-text: #333;
  --btn-link-help:#d89df9;
  /* 徽章色彩 */
  --badge-bg: #739; /* 徽章背景 */
  --badge-text: #edf; /* 徽章文字 */
  --badge-border: rgba(255,255,255,.08); /* 徽章邊框 */
  /* 箭頭和圖示 */
  --arrow-color: #7b3fbd; /* 箭頭顏色 */
  --link-icon-color: #d89df9; /* 連結圖示顏色 */
  --link-help-arrow:#d89df9;
  /* 表單元素 */
  --input-focus-border: #cfaef5; /* 輸入框 focus 邊框 */
  --input-focus-shadow: rgba(216,157,249,.18); /* 輸入框 focus 陰影 */
  /* 問候語色彩 */
  --hero-hello: #d89df9; /* 問候語顏色 */
}

/* 黃色主題 */
.theme-gold {
  /* 品牌色彩 */
  --brand-primary: #e0a022; /* 主要金黃色 */
  --brand-secondary: #b8a548; /* 深黃色 */
  --brand-prefix: #e0a022; /* 保持原色 */
  --muted-2:#a60;
  /* 按鈕漸層 */
  --btn-grad-start: #ec9; /* 金黃漸層起始 */
  --btn-grad-end: #e0a022; /* 金黃漸層結束 */
  --btn-shadow: #e0a02240; /* 黃色按鈕陰影 */
  --btn-cta-shadow: #e0a02240; /* 黃色CTA按鈕陰影 */
  --btn-login-grad-start: #ec9;
  --btn-login-grad-end: #e0a022;
  --btn-login-grad-text:#520;
  --btn-login-text: #520;
  --btn-link-help:#fc0;
  /* 徽章色彩 */
  --badge-bg: #e0a022; /* 金黃背景 */
  --badge-text: #000; /* 黑色文字 */
  --badge-border: rgba(224, 160, 34, 0.3); /* 金黃邊框 */
  /* 箭頭和圖示 */
  --arrow-color: #520; /* 深黃箭頭 */
  --link-icon-color: #e0a022; /* 金黃圖示 */
  --link-help-arrow:#e0a022;
  /* 表單元素 */
  --input-focus-border: #e0a022; /* 金黃邊框 */
  --input-focus-shadow: rgba(224, 160, 34, 0.18); /* 金黃陰影 */
  /* 問候語色彩 */
  --hero-hello: #e0a022; /* 保持原色 */
  background: #000 url(../images/goldbg.jpg) no-repeat center center;
  background-size: cover;
}

/* 藍色主題 */
.theme-blue {
  /* 品牌色彩 */
  --brand-primary: #9df; /* 鮮藍色 */
  --brand-secondary: #4682b4; /* 鋼藍色 */
  --brand-prefix: #999; /* 保持原色 */
  --muted:#a3c3f3;
  --login-title:#028;
  /* 按鈕漸層 */
  --btn-grad-start: #fec; /* index黃色漸層起始 */
  --btn-grad-end: #fc0; /* index黃色漸層結束 */
  --btn-login-grad-start: #0bf;
  --btn-login-grad-end: #07e;
  --btn-login-grad-text:#d9f1fd;
  --btn-login-text: #028;
  --btn-link-help:#fc0;
  --btn-shadow: rgba(30, 144, 255, 0.25); /* 藍色按鈕陰影 */
  --btn-cta-shadow: rgba(30, 144, 255, 0.25); /* 藍色按鈕陰影 */
  /* 徽章色彩 */
  --badge-bg: #03a; /* 鮮藍背景 */
  --badge-text: #fff; /* 白色文字 */
  --badge-border: rgba(30, 144, 255, 0.3); /* 藍色邊框 */
  /* 箭頭和圖示 */
  --arrow-color: #028; /* 鋼藍箭頭 */
  --link-icon-color: #028; /* 鮮藍圖示 */
  --link-help-arrow:#fc0;
  /* 表單元素 */
  --input-focus-border: #1e90ff; /* 鮮藍邊框 */
  --input-focus-shadow: rgba(30, 144, 255, 0.18); /* 鮮藍陰影 */
  /* 問候語色彩 */
  --hero-hello: #9df; /* 保持原色 */
  background-color: #07e;
}

/* 藍色主題 */
.theme-blue-new {
  /* 品牌色彩 */
  --brand-primary: #0af; /* 鮮藍色 */
  --brand-secondary: #4682b4; /* 鋼藍色 */
  --brand-prefix: #00aaff; /* 保持原色 */
  --muted:#aaa;
  --login-title:#028;
  /* 按鈕漸層 */
  --btn-grad-start: #5df; /* index黃色漸層起始 */
  --btn-grad-end: #0af; /* index黃色漸層結束 */
  --btn-login-grad-start: #7df;
  --btn-login-grad-end: #2cf;
  --btn-login-grad-text:#333;
  --btn-login-text: #333;
  --btn-shadow: rgba(30, 144, 255, 0.25); /* 藍色按鈕陰影 */
  --btn-cta-shadow: rgba(30, 144, 255, 0.25); /* 藍色按鈕陰影 */
  /* 徽章色彩 */
  --badge-bg: #05a; /* 鮮藍背景 */
  --badge-text: #ddeeff; /* 白色文字 */
  --badge-border: rgba(30, 144, 255, 0.3); /* 藍色邊框 */
  /* 箭頭和圖示 */
  --arrow-color: #028; /* 鋼藍箭頭 */
  --link-icon-color: #028; /* 鮮藍圖示 */
  --link-help-arrow:#fec;
  --btn-link-help:#fec;
  /* 表單元素 */
  --input-focus-border: #1e90ff; /* 鮮藍邊框 */
  --input-focus-shadow: rgba(30, 144, 255, 0.18); /* 鮮藍陰影 */
  /* 問候語色彩 */
  --hero-hello: #0af; /* 保持原色 */
  background-color: #333;
  --muted-2:#05a;
}
.theme-blue-new .link-help {
  font-weight: 100;
}
.theme-blue-new .hero {
  padding: 40px;
}
.theme-blue-new .hero__container {
  max-width: 1120px;
  text-align: left;
}
.theme-blue-new .hero__badge {
  border: none;
}
.theme-blue-new .hero__title {
  font-size: clamp(40px, 3.8vw, 85px);
}
.theme-blue-new .hero__lead {
  max-width: 100%;
  margin: 0;
  font-size: clamp(16px, 1.8vw, 18px);
}
.theme-blue-new .hero__hello {
  font-size: clamp(18px, 1.8vw, 28px);
}
.theme-blue-new .hero__features {
  list-style: decimal;
}
.theme-blue-new .hero__features li {
  margin: 0 0 15px;
}
.theme-blue-new .hero__actions {
  margin: 40px 0;
  justify-content: flex-start;
}
.theme-blue-new .hero__bg {
  padding: 1px 0;
}
.theme-blue-new .auth__card {
  background-color: #00529b;
}
.theme-blue-new .label, .theme-blue-new .login_note p {
  color: #ddd;
}
.theme-blue-new .login-link-help {
  color: #5df;
}
.theme-blue-new .li_txt_t {
  margin: 0;
  color: #fff;
  font-size: clamp(18px, 1.2vw, 22px);
}
.theme-blue-new .li_txt {
  margin: 0;
  color: #aaa;
  font-size: clamp(18px, 1.2vw, 22px);
}
.theme-blue-new .feature-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  margin: 12px 0 26px;
  padding: 0;
}
.theme-blue-new .feature-card {
  min-width: 0;
  font-family: "Noto Sans TC", "Source Han Sans TC", "Microsoft JhengHei", sans-serif;
}
.theme-blue-new .feature-card__top {
  max-height: 110px;
  min-height: 110px;
  padding: 12px 16px 14px;
  background: linear-gradient(180deg, #0af 0%, #06c 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.theme-blue-new .feature-card__no {
  display: block;
  margin-bottom: 4px;
  font-family: "Myriad Pro", "MyriadPro", "Segoe UI", sans-serif;
  font-size: clamp(26px, 1.2vw, 36px);
  font-style: italic;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
.theme-blue-new .feature-card__title {
  margin: 0;
  font-family: "Noto Sans TC", "Source Han Sans TC", "Microsoft JhengHei", sans-serif;
  font-size: clamp(22px, 1.4vw, 24px);
  line-height: 1.26;
  font-weight: 500;
  color: #fff;
}
.theme-blue-new .feature-card__body {
  min-height: 110px;
  padding: 8px;
  background: #bbb;
}
.theme-blue-new .feature-card__desc {
  margin: 0;
  font-family: "Noto Sans TC", "Source Han Sans TC", "Microsoft JhengHei", sans-serif;
  font-size: clamp(16px, 1.08vw, 20px);
  line-height: 1.5;
  font-weight: 400;
  color: #000;
}
.theme-blue-new .btn--block {
  font-weight: 400;
}
.theme-blue-new .auth__card {
  padding: 28px 28px 40px 28px;
}
.theme-blue-new .contact {
  margin: 0;
  position: static;
}
@media (max-width: 1024px) {
  .theme-blue-new .feature-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }
  .theme-blue-new .feature-card__top {
    min-height: 110px;
  }
  .theme-blue-new .feature-card__body {
    min-height: 120px;
  }
  .theme-blue-new .feature-card__desc {
    font-size: clamp(15px, 2.1vw, 18px);
  }
  .theme-blue-new .hero__bg {
    background: none;
  }
  .theme-blue-new .hero__actions {
    flex-direction: column;
  }
  .theme-blue-new .hero__actions .link-help {
    margin: 0;
  }
  .theme-blue-new .hero__actions.contact {
    margin: 5px 0;
    position: relative;
  }
}
@media (max-width: 640px) {
  .theme-blue-new .feature-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .theme-blue-new .feature-card__top {
    padding: 10px 10px 12px;
  }
  .theme-blue-new .feature-card__no {
    font-size: clamp(28px, 6vw, 36px);
  }
  .theme-blue-new .feature-card__title {
    font-size: clamp(18px, 4.4vw, 22px);
  }
  .theme-blue-new .feature-card__body {
    min-height: 100px;
    padding: 12px;
  }
  .theme-blue-new .feature-card__desc {
    font-size: clamp(14px, 3.6vw, 17px);
  }
}
@media (max-width: 520px) {
  .theme-blue-new .feature-card__body {
    min-height: 130px;
  }
}
@media (max-width: 460px) {
  .theme-blue-new .feature-cards {
    grid-template-columns: 1fr;
  }
  .theme-blue-new .feature-card__body {
    min-height: 100px;
  }
  .theme-blue-new .feature-card__top {
    min-height: 100px;
  }
}

/* 紅色主題 */
.theme-red {
  /* 品牌色彩 */
  --brand-primary: #fec; /* 主要紅色 */
  --brand-secondary: #dc143c; /* 深紅色 */
  --brand-prefix: #999; /* 保持原色 */
  --bg:#e60027;
  /* 按鈕漸層 */
  --btn-grad-start: #fec; /* 淺紅漸層起始 */
  --btn-grad-end: #fc0; /* 深紅漸層結束 */
  --btn-shadow: #e6c70040; /* 紅色按鈕陰影 */
  --btn-cta-shadow: #e6d70040; /* 紅色CTA按鈕陰影 */
  --muted: #f3aaaa;
  --muted-2: #900;
  --btn-login-text:#333;
  --btn-login-grad-start: #f5281e;
  --btn-login-grad-end: #f5281e;
  --btn-login-grad-text:#fff;
  --btn-link-help:#fec;
  --link-help-arrow:#fec;
  /* 徽章色彩 */
  --badge-bg: #333; /* 主要紅色背景 */
  --badge-text: #fff; /* 白色文字 */
  --badge-border: rgba(230, 0, 39, 0.3); /* 紅色邊框 */
  /* 箭頭和圖示 */
  --arrow-color: #333; /* 深紅箭頭 */
  --link-icon-color: #e60027; /* 主要紅色圖示 */
  /* 表單元素 */
  --input-focus-border: #e60027; /* 主要紅色邊框 */
  --input-focus-shadow: rgba(230, 0, 39, 0.18); /* 主要紅色陰影 */
  /* 問候語色彩 */
  --hero-hello: #ff9; /* 保持原色 */
}

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

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Noto Sans TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  letter-spacing: 0.02em;
}

/* ========= 共用元件 ========= */
.container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: 0;
}

.site-header {
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background-color: #222;
}
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand {
  display: inline-flex;
  text-decoration: none;
  align-items: baseline;
  font-size: 1.6rem;
}
.brand__prefix {
  font-weight: 300;
  color: var(--brand-prefix);
}
.brand__main {
  color: var(--brand-primary);
  font-weight: 600;
}
.brand strong {
  font-weight: 700;
}

.nav__link,
.link-help {
  color: var(--btn-link-help);
  font-size: 14px;
  text-decoration: none;
  transition: opacity 0.2s;
}
.nav__link:hover,
.link-help:hover {
  opacity: 0.8;
}

.link-help {
  margin: 0 0 0 150px;
  font-size: 1.3rem;
  text-decoration: underline;
}
.link-help svg {
  width: 20px;
  height: 20px;
  margin: 0 0 0 -5px;
}
.link-help svg path {
  stroke: var(--link-help-arrow);
}

/* ========= 首頁 Hero ========= */
.hero {
  padding-block: clamp(56px, 10vh, 120px);
}
.hero__container {
  position: relative;
  max-width: 1220px;
  text-align: center;
}
.hero__badge {
  display: inline-block;
  padding: 2px 15px;
  margin: 0 0 10px;
  font-size: 1.1rem;
  color: var(--badge-text);
  background: var(--badge-bg);
  border-radius: 999px;
  border: 1px solid var(--badge-border);
}
.hero__title {
  margin: 0 0 10px;
  font-size: clamp(40px, 6vw, 85px);
  font-weight: 100;
  letter-spacing: 0.02em;
  color: #fff;
}
.hero__highlight {
  display: inline-block;
  font-weight: 900; /* 思源黑 Heavy 的感覺 */
  color: var(--brand-primary);
}
.hero__hello {
  margin: 24px 0 4px;
  font-size: clamp(18px, 2.2vw, 28px);
  color: var(--hero-hello);
}
.hero__lead {
  margin: 0 auto 160px;
  max-width: 760px;
  font-size: clamp(16px, 2vw, 22px);
  color: var(--muted);
}
.hero__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.contact {
  position: absolute;
  right: 0;
  margin-top: 40px;
  justify-content: flex-end;
}

/* ========= 按鈕 ========= */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 18px;
  text-decoration: none;
  line-height: 1;
  transition: transform 0.06s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.btn:active {
  transform: translateY(1px);
}
.btn strong {
  font-weight: 700;
}

.btn--cta {
  width: min(300px, 80vw);
  background: linear-gradient(180deg, var(--btn-grad-start), var(--btn-grad-end));
  color: var(--btn-login-text);
  font-size: 1.85rem;
  font-weight: 400;
  border-radius: 5px;
}

.arrow {
  width: 10px;
  height: 30px;
  margin: 0 10px 0 -5px;
  color: var(--brand-secondary);
}
.arrow path {
  stroke: var(--arrow-color);
}

.btn--gradient {
  background: linear-gradient(180deg, var(--btn-login-grad-start), var(--btn-login-grad-end));
  color: var(--btn-login-grad-text);
  font-weight: 800;
}

.theme-red .btn--gradient {
  box-shadow: none;
}

.btn--block {
  width: 100%;
  font-size: 1.3rem;
  font-weight: 500;
}

.icon {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
}

/* ========= 登入卡片 ========= */
.auth {
  min-height: calc(100vh - 64px);
  display: grid;
  place-items: start center;
  padding-block: clamp(24px, 6vh, 64px);
}
.auth__card {
  width: min(460px, 92vw);
  background: #fafafa;
  color: #333;
  border-radius: 5px;
  padding: 28px 28px 120px 28px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
.auth__title {
  margin: 4px 0 6px;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  color: var(--muted-2); /* #95b */
  letter-spacing: 0.02em;
}
.auth__subtitle {
  margin: 0 0 12px;
  text-align: center;
  font-size: 16px;
  color: #333;
  font-weight: 300;
  line-height: 1.4;
}

/* ========= 表單 ========= */
.field {
  margin: 14px 0;
}

.label {
  display: block;
  font-size: 1.2rem;
  margin: 6px 0 8px;
  color: rgba(51, 51, 51, 0.8);
  font-weight: 500;
}

.input {
  width: 100%;
  height: 52px;
  padding: 0 14px;
  border-radius: var(--radius-sm);
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  font-size: 16px;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.input::-moz-placeholder {
  color: #bbb;
}
.input::placeholder {
  color: #bbb;
}
.input:focus {
  border-color: var(--input-focus-border);
  box-shadow: 0 0 0 4px var(--input-focus-shadow);
}

.ysdt_link {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 6px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.ysdt_link .icon {
  flex: auto;
  margin: 0 5px;
  width: 33px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: #ece9ec no-repeat center center;
  background-size: 30px 30px;
  cursor: pointer;
}
.ysdt_link .fetnet {
  background-image: url(data:image/png;base64,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);
}
.ysdt_link .email {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAADsAAAA7AF5KHG9AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABEZJREFUWIXFl1tsVFUUhr+1z5kzM50boWVarLRAJAYilsSI0aRRaiKkSkZJxIQYhGjgzURfvCReHnyAxPDoC/IIMSggUYmAYkDLC8aoeEsotBQrth0aOp1h7mf5UKa0M1M600r43/ZZa///f3b2XnttoUY0HdVQ2uUZEbpE6VDDUpQFAAjXVekT+AXhlA++isdkvBZemS2h4ZAuNhbvAluBhhr93gAOGGF3Iia9czNwUP1BL2+p8rpAoEbhcuQV9qQc3qNbsjUbCB/V+1zlMLB6jsLlOKvCplRMhmY1EDiia0Q4DkT/J/ESruDSndwkv81o4Oaf99wB8RIGVFg7dSXMZOg79bnKp3dQHKBNlCMcU2+FgWCCt4E1d1C8hEcDOd4vDQQmjppYXJjHbq8XOUtZNfacXLQBbp7zCnFL4LFGsGetFtVRUOgZKeKKVR5yisIbwA5ZeEzDuRxXKSsyHRFwDBTzOT5e62FFqD4XF8aVbd8Oo+pCqJHzKWdaXCHVkKPFZLM8XS4O8EAETnbCs20OnceTfPh7FldnF1Zg34Ucaz+5RGfUcDrWwv0ySjF7Y1qeQCDtodsWoWsmMkvgtRWwvjnE9rMpTl5OsG/dIu71V88fysCO09fojSf4JtbKQ1HfpKvMyD/4m9swnikrYXjSiNIx21+tCsOZpwI83BqmY/8l9vXmKnIODxRYvb+PFqfAuRfab4mXVsYtkhn5G3WLUz7yoK3CstkMAHgNfNDhZWNrOy8eG+DE5QgfdS7EFnj17HVO941ycEMLT7TOfF+5hTyZkUH80SUgArDcAOFaDJTwSJPFT1uWEpY8qw/0s3J/P04xw/ktS28rXkIxmyZz7d/SMGLXI15CyBb2djXz9UAKFDa011c+CjcS5MYcnEgjNpAAmuZiZEPb3OtWbiyOWHbWiNI3Z5Z5Ij8+aowKP98tA8Z2+g3CqbtlQCz7pPFn+RJIlgf7J/bXvKHAxbHKuiHGqNdmlwAEP9e9wCvlSav8ORYUxuoTLBRQtzA5Hk4X+TVe2Q7avsBfhR1LVk7chsJuV3kJ8ExN+iPtUMwEyMQHUdety8htIYLteHcWuNmQJGLSq7CnWq7la8Df0j69hs8Ttj/4fWZb9AxM6YhSQ7wDnKk2wdgO/uY2LO8Mt1AdMB4nWQj7N06OJyM7Ja/CZuBKtYliLPzRJdgNdVXu6RyWXbR8wU42L5zcWGZqQiomQ7h0z2QCEXxNi3EijXMS9wRDz+e3R6fVnaptTugLbVKXz1Aen4kwnxwjOzpELYfVeJyk5fjW5V++58eKWLUJ4xslnvSwXmEXUHmIAU8wgj/aikhVigmIYDeEelw3uLiaONTwOI0c0uVFizcVtlTrmt18lvTwIFrM3yI1Ri2f/0+P492Z3hr94Xb8NXeaiw5qMO2hG6FLYY3AMph4nqtbSGTiVy0xMiiWfcJrye7k1pbhWnj/A3CKbf7cH/xIAAAAAElFTkSuQmCC);
}
.ysdt_link .google {
  background-image: url(data:image/png;base64,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);
}
.ysdt_link .fb {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAAXNSR0IArs4c6QAABS1JREFUWAnNWF1sFFUUvufOdH+6u1S7BtwtDVLQEsWKoEGxTavpgxSIJlqIUV5MSE2ImqgxthLdalq2D33BB0M0vvmAPy8GNagkrShiSBuQpgnSpqXutiWAtd2F7nZ35nju0tnMtDPd2W5bOMnuPXPud8795s79OfcCW4RsO4pFY0M3nkaGDfSrAAZBZCwIjPkR2TVgOIrAxgBhEAC+D6z3dPc0QSrfpiiefbm3OVbLVPYaY7iTvErselIj/zEGPxDpT0c7Vv2Wh19uaHlLbHNKwTAhd+VG50AA+44BNI8f9vXnQLIFe058vuhwvJMhO8gQea5g9utBAcAjlS7fu10hSFv5WZIra0a/ivFvEbHWyrlwO5x0gLdxJAwTZrFMyQUPJSrV1MyP5LDezGlJbcAGZObYGQm7BubGnUdO9Jiixs6uCLFZNkTiUhH4ts/tQQM5McZGh+I/F/opZQmu+hxwvsjBrov2lTTzJNPq6mQK1qZUDM5yMhS05PxSvdX77Nd7QdEqZE0R5a3Bv/gx9swD8l+f7HOppR54hMLV62NrenlLvD+t4oPas1ZSh9T/3hvroOd3NFt2BorlIjMrtZo8y492u7q/fNX9EBHbQq6GL2I3lMrgzWDz1CYNnyVHb9Ox2OXiuSpHz4HqohoKKmmBF1UiyqjCYc03Q06s/LTtNGjGfMvOFx1e8sm+aL7+ejxth88H37+5Q9hujbnMlqSH2NeryuRLHgdULuAxk1TYSCqNMwKjMHQvgM1UoZJuIuW0nNkFhmINNN4WJXuq+Dg53m/mfGpQ6dr/xfSTSQU3mtVb2pDtbvwKJVlkF0RslSUwR8W6Uik79fXQ6RS7uPezadpdKD/JU6ifSv/ojddwkfbk6WuA3+U2n5l9UYV6NH9iWvA08RLkNmiGpSynkjTFChDKBTdwShQDBcRYNlcEDFDPMdPtZNlatRmYBmpQpj+/3f4PlPBTH+9xGibAo+XyPWbtPbZO8n/+irtLXzeVQPbWN4k6vc1KJ05+mf5ELrXGCqS3b1rDz+3aLL+ut1npJS54mLCG6niS9RE5g83qgYbbhFjVr1gBltr+zwTSWcKmIF6hCcHEIroi0jdGyZNNoUVonMjhBZv4gmE9w2mX3SDA+AXOOD9h16FQXG9ENZ08ZnFpKTkBG4+g88Zo/F9K9orNQHpbEWeTZXdLMb3t6MvOoaqgJNIlg/SOKL8ePJas0BsvT6hBVG2d4mJlFT6/PPAGJAPvxcRh5gV9IDM9pbKS4etKib5u8iYO6p81fWIaVcKu1Z7zKSllPy5uCDI5GDIu0uM7RjhChk+G3HjYc5bY/nRHsAN2PNrhPS+4ZMgJRQLpA7omUIV+2wQgzbn0odZ+llzkcPGf9NCmVdyOEpC1jrZ7erW2s+SE4amt3lZalE9rlStZ0rDqbnJ72/VtGsiJAy13y/sIYDoD9Y5LqQOwvx2cvxQKGYeVgZxoMBoqjsiyXEs9eHEpCVjFoh7rd7p47eV2z9hczDxyAhBpK4463byO3kjcmSynnKE9tG445DXd303JCTbCge7PdtAMDtHP9oZt700gRT12qGabr5ouEa9a+ViSEw7iYm887GvlnG+nG4aTVkHysYv1VGLw+FjY16a/tDGLYcwGzRBkm53e9WUt8S2qqr5Nh6pGOhg5LeDzzEQoQdnPMY68MxL22s6CbJHTWou2e8+Rvv++EB5IJ+JP0Ipdl1T4arKJc6/IOMS+O0m/a4kU9NNw6KKDY5cn4D0j9nCy5yX/AzghsRQtujOoAAAAAElFTkSuQmCC);
}
.ysdt_link .apple {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAAXNSR0IArs4c6QAAAe1JREFUWAntl80rRFEYxsdHSqGElZTIRslWlrNQShYWFtaysfUPyIai7GwIhbWyUrZYIEk21r7ylVIU+fi9GXWmmXvue+49zdzFfetpzpz3fZ/z3OeeO3dOJpNG6oCTA+1UL4ErIOPExAhKXsEPeAfVIBHRh4pPIMIEhyARUYWKU/AvTD7FxUTEICpMYbuJUJUTMWOI22FcnyRxE4hZAeJgWWKIVbfAeQ6bfA4D84ns4fssOAZP4AaIk6OgAniPJhj3gLmnzPEduW1wZqmR+iPQBryF7J0LYIqJM76Eq8GXulWPwuSiFkClD3FdkHyBOE6ZvXKh3mIaJpM8zlgeDtm7qtBYm1Ux6YrENRGoCo24DhWTruhAV/ZXpRHX7EIYUvscks9La8S95XXE+9Li0q4Rd+9CGFLbH5J3TtveCq5P7gOrq93TOLfvfDnBDbJ/l4PT7pksLa4OhdWvwVnrLqWwo4Yp2XdhC7rm5Q+ANTS39QOGdStLtORJtLbCrk6mRKSrO0H133B1Fy4TfWbRo7iN6DKKdzYyfetB4AscrcWXiDc7QLvckqDbpZkfiyfB3j1lESeHadvenLNT+8mOQ/MIxCn5mZkHvUAOOXKwls0uB5xrIDVywJkEJQs5RWleRXUlU5QulDqQOlAmB34BQxsmW3UdyIgAAAAASUVORK5CYII=);
}
.ysdt_link .ysdt_link_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #333;
}

.login_note {
  margin-top: 20px;
  font-size: 0.9rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.login_note p {
  color: #000;
  margin: 5px 0;
}
.login_note span {
  color: #aaa;
}

.login_mid {
  margin: 50px 0 80px;
}

.login-link-help {
  display: flex;
  align-items: center;
  margin-top: 20px;
  color: #08f;
  text-decoration: underline;
}
.login-link-help small {
  font-size: 1.1rem;
}

/* ========= Divider ========= */
.divider {
  position: relative;
  margin: 60px 0 30px;
  height: 1px;
  background: #e9e9e9;
}
.divider__text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0 10px;
  font-size: 14px;
  color: #999;
  background: #fafafa;
}

/* ========= RWD 細節 ========= */
@media (max-width: 640px) {
  .hero__lead {
    font-size: 16px;
  }
  .btn--gradient {
    font-size: 16px;
  }
}/*# sourceMappingURL=style.css.map */