.elementor-5660504 .elementor-element.elementor-element-fe5fbb5{--display:flex;--min-height:460px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.62;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-fe5fbb5:not(.elementor-motion-effects-element-type-background), .elementor-5660504 .elementor-element.elementor-element-fe5fbb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asperworld.com/wp-content/uploads/2026/07/julin-customization-01.jpg");background-position:center center;background-size:cover;}.elementor-5660504 .elementor-element.elementor-element-fe5fbb5::before, .elementor-5660504 .elementor-element.elementor-element-fe5fbb5 > .elementor-background-video-container::before, .elementor-5660504 .elementor-element.elementor-element-fe5fbb5 > .e-con-inner > .elementor-background-video-container::before, .elementor-5660504 .elementor-element.elementor-element-fe5fbb5 > .elementor-background-slideshow::before, .elementor-5660504 .elementor-element.elementor-element-fe5fbb5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5660504 .elementor-element.elementor-element-fe5fbb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#20222D;--background-overlay:'';}.elementor-5660504 .elementor-element.elementor-element-e1e9ced{text-align:center;}.elementor-5660504 .elementor-element.elementor-element-3e503ed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:88px;--padding-bottom:88px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-7c3d053{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660504 .elementor-element.elementor-element-5c96d65{text-align:start;}.elementor-5660504 .elementor-element.elementor-element-8ecffda{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660504 .elementor-element.elementor-element-db81d0a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:72px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-db81d0a:not(.elementor-motion-effects-element-type-background), .elementor-5660504 .elementor-element.elementor-element-db81d0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20222D;}.elementor-5660504 .elementor-element.elementor-element-154226a{text-align:center;}.elementor-5660504 .elementor-element.elementor-element-61b9e2f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:88px;--padding-bottom:88px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-43d3bd1{text-align:center;}.elementor-5660504 .elementor-element.elementor-element-3e46592{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:88px;--padding-bottom:88px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-3e46592:not(.elementor-motion-effects-element-type-background), .elementor-5660504 .elementor-element.elementor-element-3e46592 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F7;}.elementor-5660504 .elementor-element.elementor-element-44e0468{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660504 .elementor-element.elementor-element-80c32f2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660504 .elementor-element.elementor-element-e892409{text-align:start;}.elementor-5660504 .elementor-element.elementor-element-bbc2f6a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-98e9fb7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:88px;--padding-bottom:88px;--padding-left:24px;--padding-right:24px;}.elementor-5660504 .elementor-element.elementor-element-98e9fb7:not(.elementor-motion-effects-element-type-background), .elementor-5660504 .elementor-element.elementor-element-98e9fb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#20222D;}.elementor-5660504 .elementor-element.elementor-element-62d05c5{text-align:center;}@media(min-width:768px){.elementor-5660504 .elementor-element.elementor-element-7c3d053{--width:50%;}.elementor-5660504 .elementor-element.elementor-element-8ecffda{--width:50%;}.elementor-5660504 .elementor-element.elementor-element-44e0468{--width:50%;}.elementor-5660504 .elementor-element.elementor-element-80c32f2{--width:50%;}}/* Start custom CSS *//* === 居林 設計系統 · 客變設計 · 斷點對齊 Elementor 768/1025 === */
.elementor-widget-heading,.elementor-widget-text-editor{width:100%}
.jl-hero__h .elementor-heading-title{color:#fff;font-size:40px;font-weight:600;line-height:1.4;max-width:22em;margin:0 auto}
.jl-hero__p{color:#fff;font-size:18px;max-width:34em;margin:16px auto 26px;text-align:center}
/* CTA: #20222D on #DCC6A2 = 9.52:1 */
.jl-btn .elementor-button{background:#DCC6A2;color:#20222D;font-weight:600;font-size:16px;padding:18px 44px;border-radius:0;transition:background .25s,transform .12s}
.jl-btn .elementor-button:hover{background:#DBAB5E;color:#20222D}
.jl-btn .elementor-button:active{transform:translateY(1px)}
.jl-h2 .elementor-heading-title{color:#20222D;font-size:38px;font-weight:600;line-height:1.45}
.jl-lede{color:#6E6E6E;font-size:16px;text-align:center;max-width:42em;margin:12px auto 0}
.jl-body{color:#0A0A0A;font-size:16px;line-height:2}

/* 客變前必知 */
.jl-warn__h .elementor-heading-title{color:#fff;font-size:34px;font-weight:600}
.jl-warn{margin-top:32px}
.jl-warn__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.jl-warn__item{border-left:3px solid #DCC6A2;padding:6px 0 6px 26px}
.jl-warn__t{color:#DCC6A2 !important;font-size:19px;font-weight:600;margin:0 0 8px !important}
.jl-warn__d{color:#D6D7DC !important;font-size:14.5px;line-height:1.9;margin:0 !important}

/* === 期限時間軸(桌機 6 欄) ===
   步驟 1-5 必須在建商期限前完成(文件明訂),fill 止於第 5 欄中心,
   期限標記落在 5、6 之間(83.3%);第 6 步是期限後的正常里程碑。
   此處的 14.5/12px 是為了塞進 6 欄的壓縮尺寸,非阅讀尺寸。 */
.jl-rail{margin-top:56px}
.jl-rail__track{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.jl-rail__line{position:absolute;top:13px;left:8.3%;right:8.3%;height:2px;background:#E4E4E6}
.jl-rail__fill{position:absolute;top:13px;left:8.3%;width:66.7%;height:2px;background:#A5762F}
.jl-rail__deadline{position:absolute;top:-34px;left:83.3%;transform:translateX(-50%);z-index:3;background:#C0392B;color:#fff;font-size:12px;font-weight:600;padding:5px 12px;white-space:nowrap}
.jl-rail__deadline::after{content:"";position:absolute;left:50%;bottom:-30px;width:2px;height:30px;background:#C0392B}
.jl-rail__step{position:relative;text-align:center;padding:0 10px}
.jl-rail__step em{position:relative;z-index:2;display:block;width:28px;height:28px;line-height:28px;margin:0 auto 14px;border-radius:50%;background:#DCC6A2;color:#20222D;font-style:normal;font-size:12px;font-weight:700}
.jl-rail__step b{display:block;font-size:14.5px;color:#20222D;font-weight:600;line-height:1.6}
.jl-rail__d{display:block;font-size:12px;color:#6E6E6E;line-height:1.65;margin-top:6px}
.jl-rail__d--urgent{color:#C0392B;font-weight:600}
.jl-rail__step--after em{background:#fff;border:2px solid #E4E4E6;color:#6E6E6E;line-height:24px}
.jl-rail__step--after b{color:#6E6E6E}

/* related */
.jl-related__t{text-align:center;color:#20222D;font-size:20px;font-weight:600;margin-bottom:14px}
.jl-related__l{text-align:center;line-height:2.6}
.jl-related__l a{color:#20222D;border-bottom:2px solid #DCC6A2;padding-bottom:2px;margin:0 14px;text-decoration:none;white-space:nowrap}
.jl-related__l a:hover{border-bottom-color:#8F6524;color:#8F6524}
.jl-related__l a.jl-related__up{color:#6E6E6E;border-bottom:none}

.jl-cta__h .elementor-heading-title{color:#fff;font-size:36px;font-weight:600}
.jl-cta__p{color:#fff;text-align:center;font-size:16px;margin:14px auto 26px;max-width:34em}

/* ===== RWD =====
   <=1024:橫向 6 步放不下,改垂直里程碑。
   期限是這一段的全部意義,不能因為縮小而消失 → 改用紅線 + 紅標籤。
   字級必須重新設定:垂直清單有 270px 可用,不能沿用橫向軸的壓縮尺寸。 */
@media(max-width:1024px){
  .jl-hero__h .elementor-heading-title{font-size:32px}
  .jl-h2 .elementor-heading-title,.jl-cta__h .elementor-heading-title,.jl-warn__h .elementor-heading-title{font-size:31px}

  .jl-rail{margin-top:40px}
  .jl-rail__track{grid-template-columns:1fr;gap:0}
  .jl-rail__line,.jl-rail__fill,.jl-rail__deadline{display:none}
  .jl-rail__step{display:grid;grid-template-columns:32px 1fr;column-gap:16px;row-gap:6px;text-align:left;padding:22px 0;border-top:1px solid #E4E4E6}
  .jl-rail__step em{margin:0;width:32px;height:32px;line-height:32px;font-size:14px;align-self:center}
  .jl-rail__step b{align-self:center;font-size:18px;line-height:1.5}
  .jl-rail__d{grid-column:2;font-size:14.5px;line-height:1.8;margin-top:0}
  .jl-rail__step--after em{line-height:28px}
  .jl-rail__step--last{border-bottom:2px solid #C0392B;padding-bottom:32px;position:relative}
  .jl-rail__step--last::after{content:"建商客變申請期限";position:absolute;left:48px;bottom:-13px;background:#C0392B;color:#fff;font-size:12.5px;font-weight:600;padding:4px 12px;white-space:nowrap}
  .jl-rail__step--after{padding-top:34px;border-top:none}
}
@media(max-width:767px){
  .jl-hero__h .elementor-heading-title{font-size:27px}
  .jl-h2 .elementor-heading-title,.jl-cta__h .elementor-heading-title,.jl-warn__h .elementor-heading-title{font-size:26px}
  .jl-warn__grid{grid-template-columns:1fr;gap:24px}
  .jl-warn__d{font-size:15px}
  .jl-btn .elementor-button{display:block;text-align:center;padding:18px 20px}
  .jl-related__l a{display:inline-block;margin:0 8px}
}/* End custom CSS */