.elementor-2433 .elementor-element.elementor-element-4e44c7a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2433 .elementor-element.elementor-element-41cc2e63{--display:flex;}.elementor-2433 .elementor-element.elementor-element-41cc2e63.e-con{--align-self:stretch;}.elementor-2433 .elementor-element.elementor-element-2642c92d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2433 .elementor-element.elementor-element-7259ddb1{width:var( --container-widget-width, 32% );max-width:32%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-2433 .elementor-element.elementor-element-7259ddb1.elementor-element{--align-self:center;}.elementor-2433 .elementor-element.elementor-element-7d7fda07{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2433 .elementor-element.elementor-element-4a1c1cae.elementor-element{--align-self:flex-start;}.elementor-2433 .elementor-element.elementor-element-4a1c1cae .elementor-heading-title{font-family:"Noto Serif TC", Sans-serif;font-size:31px;font-weight:700;letter-spacing:1.1px;color:#FF9C18;}.elementor-2433 .elementor-element.elementor-element-9227dc1.elementor-element{--align-self:flex-start;}.elementor-2433 .elementor-element.elementor-element-9227dc1 .elementor-heading-title{font-family:"Noto Serif TC", Sans-serif;font-size:26px;font-weight:700;letter-spacing:1.1px;color:#EFC7A1;}.elementor-2433 .elementor-element.elementor-element-78e0431a.elementor-element{--align-self:flex-start;}.elementor-2433 .elementor-element.elementor-element-78e0431a .elementor-heading-title{font-size:14px;font-weight:400;letter-spacing:1.1px;color:#E7E7E7;}.elementor-2433 .elementor-element.elementor-element-46562bb7.elementor-element{--align-self:center;}.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-button{background-color:#FF9C18;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-2433 .elementor-element.elementor-element-12174d22.elementor-element{--align-self:center;}.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group{margin-bottom:5px;}.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-form-fields-wrapper{margin-bottom:-5px;}.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group > a{color:#FF9C18;}body .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group > label{padding-bottom:0px;}.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-form-fields-wrapper label{color:#FFFFFF;font-size:15px;}.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group .elementor-field{color:#FFFFFF;}#elementor-popup-modal-2433 .dialog-widget-content{background-color:#000000;background-image:url("https://events.cingpu-walking.com/wp-content/uploads/2026/08/2026青埔萬聖節網站規劃-1.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2433{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2433 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-2433 .dialog-close-button{display:flex;}@media(min-width:1025px){#elementor-popup-modal-2433 .dialog-widget-content{background-attachment:fixed;}}@media(max-width:767px){.elementor-2433 .elementor-element.elementor-element-4e44c7a3{--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-2433 .elementor-element.elementor-element-2642c92d{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2433 .elementor-element.elementor-element-7259ddb1{margin:0px -4px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;--container-widget-width:27%;--container-widget-flex-grow:0;width:var( --container-widget-width, 27% );max-width:27%;}.elementor-2433 .elementor-element.elementor-element-7d7fda07{--width:72%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2433 .elementor-element.elementor-element-4a1c1cae .elementor-heading-title{font-size:25px;}.elementor-2433 .elementor-element.elementor-element-9227dc1 .elementor-heading-title{font-size:23px;}.elementor-2433 .elementor-element.elementor-element-78e0431a .elementor-heading-title{font-size:16px;}}/* Start custom CSS for login, class: .elementor-element-12174d22 *//* ================================================================
   青埔小怪獸 — 登入表單樣式 v2（無左側圖示）
   ----------------------------------------------------------------
   貼在：登入 widget → 進階 → 自訂 CSS 樣式
        （這裡的 .elementor-2433 .elementor-element.elementor-element-12174d22 是 Elementor 的關鍵字，不要替換）
   ----------------------------------------------------------------
   前置設定（在「內容 → 表單欄位」做，不要用 CSS 硬藏）：
   - 兩個欄位的 Label 清空
   - Placeholder 分別填「帳號 / Email」與「密碼」
================================================================ */

.elementor-2433 .elementor-element.elementor-element-12174d22{
  /* ---- 調色盤 ---- */
  --lg-field-bg:     #14100c;   /* 輸入框底 */
  --lg-field-line:   #3d3125;   /* 輸入框外框 */
  --lg-field-focus:  #e8a13c;   /* 聚焦框線 */
  --lg-text:         #f0e7da;   /* 輸入文字 */
  --lg-placeholder:  #8d8172;   /* 提示文字 */
  --lg-radius:       10px;
  --lg-gap:          14px;      /* 欄位間距 */
}

/* ---------- 欄位容器 ---------- */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group{
  margin-bottom: var(--lg-gap) !important;
}

/* 若面板裡沒清掉 Label，這行當備援 */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-label{
  display: none !important;
}

/* ---------- 輸入框 ---------- */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input[type="text"],
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input[type="email"],
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input[type="password"],
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-textual{
  width: 100% !important;
  box-sizing: border-box !important;
  height: 52px !important;
  background: var(--lg-field-bg) !important;
  border: 1px solid var(--lg-field-line) !important;
  border-radius: var(--lg-radius) !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  letter-spacing: 0.02em !important;
  color: var(--lg-text) !important;
  box-shadow: none !important;
  transition: border-color .22s ease, box-shadow .22s ease !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input::placeholder{
  color: var(--lg-placeholder) !important;
  letter-spacing: 0.04em !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input:focus{
  outline: none !important;
  border-color: var(--lg-field-focus) !important;
  box-shadow: 0 0 0 3px rgba(232, 161, 60, .12) !important;
}

/* 瀏覽器自動填入時的藍底修正 */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input:-webkit-autofill,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--lg-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--lg-field-bg) inset !important;
  caret-color: var(--lg-text) !important;
  transition: background-color 9999s ease-out !important;
}

/* ---------- 密碼欄：右側留空間給眼睛切換鈕 ---------- */
/* 若沒有使用密碼顯示切換，這段可以整段刪掉 */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-type-password input,
.elementor-2433 .elementor-element.elementor-element-12174d22 input[name="pwd"]{
  padding-right: 46px !important;
}

/* ---------- 記住我 ---------- */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-type-remember,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-remember-me{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 4px 0 6px !important;
  font-size: 14px !important;
  color: var(--lg-text) !important;
  cursor: pointer !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-type-remember input[type="checkbox"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 1.5px solid var(--lg-field-focus) !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background .2s ease !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-type-remember input[type="checkbox"]:checked{
  background: var(--lg-field-focus) !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-type-remember input[type="checkbox"]:checked::after{
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #14100c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ---------- 登入按鈕 ---------- */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-button,
.elementor-2433 .elementor-element.elementor-element-12174d22 button[type="submit"]{
  display: block !important;
  width: 100% !important;
  height: 54px !important;
  margin-top: 8px !important;
  background: linear-gradient(180deg, #f7c168 0%, #ef9a2b 52%, #e2891f 100%) !important;
  color: #1b1206 !important;
  border: none !important;
  border-radius: var(--lg-radius) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-indent: 0.2em !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(232, 161, 60, .22) !important;
  transition: filter .22s ease, transform .18s ease, box-shadow .22s ease !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-button:hover{
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(232, 161, 60, .3) !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-button:active{
  transform: translateY(0) !important;
}

/* ---------- 底部連結（忘記密碼 / 立即註冊）---------- */
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-widget-container .elementor-login__links,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-lost-password,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-register{
  display: block !important;
  width: 100% !important;
  margin-top: 16px !important;
  text-align: center !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-lost-password a,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-register a,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-login__links a{
  color: var(--lg-field-focus) !important;
  font-size: 15px !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  transition: opacity .2s ease !important;
}

.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-lost-password a:hover,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-register a:hover,
.elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-login__links a:hover{
  opacity: .78 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* ---------- 手機版 ---------- */
@media (max-width: 767px){
  .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input[type="text"],
  .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input[type="email"],
  .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-group input[type="password"],
  .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-field-textual{
    height: 50px !important;
    font-size: 16px !important;   /* 維持 16px，避免 iOS 自動放大 */
  }

  .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-button{
    height: 52px !important;
    font-size: 16px !important;
  }
}

body.logged-in .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-widget-container {
  color: #f0e7da !important;
  font-size: 15px !important;
  text-align: center !important;
  line-height: 1.8 !important;
}

body.logged-in .elementor-2433 .elementor-element.elementor-element-12174d22 .elementor-widget-container a {
  color: #e8a13c !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41cc2e63 *//* ================================================================
   青埔小怪獸 — 漸層外框深色卡片
   ----------------------------------------------------------------
   用法：Elementor Container → 進階 → CSS 類別 填入  cw-card
        並把該 Container 自己的「背景」設為「無 / 透明」，
        否則 Elementor 的背景會蓋掉這裡的漸層。
================================================================ */

.cw-card{
  /* ---- 調色盤，改這裡就全部生效 ---- */
  --c-bg-1:     #1c1611;   /* 卡片底色：上緣（較暖） */
  --c-bg-2:     #120e0a;   /* 卡片底色：下緣（較深） */
  --c-line-1:   #f0b45c;   /* 外框漸層：最亮 */
  --c-line-2:   #d98f2e;   /* 外框漸層：中段 */
  --c-line-3:   #5a3a12;   /* 外框漸層：最暗 */
  --c-border:   1.5px;     /* 外框粗細 */
  --c-radius:   20px;      /* 圓角 */
  --c-pad:      36px 32px 40px;

  position: relative;
  border-radius: var(--c-radius);
  padding: var(--c-pad);
  box-sizing: border-box;
}


/* ================================================================
   方法 A｜雙層 background（預設使用這個）
   ----------------------------------------------------------------
   padding-box 放內層底色、border-box 放外框漸層
================================================================ */

.cw-card{
  border: var(--c-border) solid transparent;
  background:
    /* 內層：卡片底色 */
    linear-gradient(180deg, var(--c-bg-1) 0%, var(--c-bg-2) 100%) padding-box,
    /* 外層：框線漸層（150deg 讓亮部落在左上，與頁面光源一致） */
    linear-gradient(150deg,
      var(--c-line-1) 0%,
      var(--c-line-2) 38%,
      var(--c-line-3) 78%,
      var(--c-line-2) 100%
    ) border-box;

  /* 讓卡片微微浮起，並在外框外圍帶一點暖光 */
  box-shadow:
    0 0 22px rgba(217, 143, 46, .10),
    0 18px 44px rgba(0, 0, 0, .45);
}


/* ================================================================
   方法 B｜::before + mask（需要自由使用 background 時改用這組）
   ----------------------------------------------------------------
   使用方式：
   1. 把上面「方法 A」整段的 .cw-card 規則註解掉
   2. 解開下面這段註解
================================================================ */
/*
.cw-card{
  border: none;
  background: linear-gradient(180deg, var(--c-bg-1) 0%, var(--c-bg-2) 100%);
  box-shadow:
    0 0 22px rgba(217, 143, 46, .10),
    0 18px 44px rgba(0, 0, 0, .45);
}

.cw-card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--c-border);
  background: linear-gradient(150deg,
    var(--c-line-1) 0%,
    var(--c-line-2) 38%,
    var(--c-line-3) 78%,
    var(--c-line-2) 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
*/


/* ================================================================
   選配效果
================================================================ */

/* 上緣內側加一道細高光，讓外框看起來更有厚度 */
.cw-card::after{
  content: "";
  position: absolute;
  inset: var(--c-border);
  border-radius: calc(var(--c-radius) - var(--c-border));
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255, 214, 150, .07) 0%,
    transparent 22%
  );
}

/* 滑鼠移入時外框變亮（想要的話加 cw-card--hover） */
.cw-card--hover{
  transition: box-shadow .35s ease, transform .35s ease;
}

.cw-card--hover:hover{
  transform: translateY(-2px);
  box-shadow:
    0 0 30px rgba(217, 143, 46, .20),
    0 22px 50px rgba(0, 0, 0, .5);
}


/* ================================================================
   手機版
================================================================ */
@media (max-width: 767px){
  .cw-card{
    --c-radius: 16px;
    --c-pad: 28px 20px 32px;
    --c-border: 1px;
  }
}/* End custom CSS */
/* Start custom CSS */body.is-not-halloween-member .halloween-member-button {
    filter: grayscale(100%);
    opacity: 0.45;
    cursor: not-allowed;
}

body.is-not-halloween-member .halloween-member-button:hover {
    filter: grayscale(100%);
    opacity: 0.45;
}/* End custom CSS */