.elementor-5660511 .elementor-element.elementor-element-cf94de8{--display:flex;--min-height:480px;--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-5660511 .elementor-element.elementor-element-cf94de8:not(.elementor-motion-effects-element-type-background), .elementor-5660511 .elementor-element.elementor-element-cf94de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asperworld.com/wp-content/uploads/2026/07/julin-commercial-01.jpg");background-position:center center;background-size:cover;}.elementor-5660511 .elementor-element.elementor-element-cf94de8::before, .elementor-5660511 .elementor-element.elementor-element-cf94de8 > .elementor-background-video-container::before, .elementor-5660511 .elementor-element.elementor-element-cf94de8 > .e-con-inner > .elementor-background-video-container::before, .elementor-5660511 .elementor-element.elementor-element-cf94de8 > .elementor-background-slideshow::before, .elementor-5660511 .elementor-element.elementor-element-cf94de8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5660511 .elementor-element.elementor-element-cf94de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#20222D;--background-overlay:'';}.elementor-5660511 .elementor-element.elementor-element-3f814b2{text-align:center;}.elementor-5660511 .elementor-element.elementor-element-df8ad37{--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-5660511 .elementor-element.elementor-element-df8ad37:not(.elementor-motion-effects-element-type-background), .elementor-5660511 .elementor-element.elementor-element-df8ad37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F7;}.elementor-5660511 .elementor-element.elementor-element-1df9564{text-align:center;}.elementor-5660511 .elementor-element.elementor-element-4a76a20{--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-5660511 .elementor-element.elementor-element-2f7c99a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660511 .elementor-element.elementor-element-04cd2b9{text-align:start;}.elementor-5660511 .elementor-element.elementor-element-c0246f1{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660511 .elementor-element.elementor-element-0dbf76d{--display:flex;--min-height:420px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--padding-top:72px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-5660511 .elementor-element.elementor-element-0dbf76d:not(.elementor-motion-effects-element-type-background), .elementor-5660511 .elementor-element.elementor-element-0dbf76d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asperworld.com/wp-content/uploads/2026/07/julin-commercial-03.jpg");background-position:center center;background-size:cover;}.elementor-5660511 .elementor-element.elementor-element-0dbf76d::before, .elementor-5660511 .elementor-element.elementor-element-0dbf76d > .elementor-background-video-container::before, .elementor-5660511 .elementor-element.elementor-element-0dbf76d > .e-con-inner > .elementor-background-video-container::before, .elementor-5660511 .elementor-element.elementor-element-0dbf76d > .elementor-background-slideshow::before, .elementor-5660511 .elementor-element.elementor-element-0dbf76d > .e-con-inner > .elementor-background-slideshow::before, .elementor-5660511 .elementor-element.elementor-element-0dbf76d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #20222D 0%, rgba(32,34,45,0.12) 100%);}.elementor-5660511 .elementor-element.elementor-element-718ff52{text-align:start;}.elementor-5660511 .elementor-element.elementor-element-66c5de6{--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-5660511 .elementor-element.elementor-element-efc9b79{text-align:center;}.elementor-5660511 .elementor-element.elementor-element-22f5951{--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:36px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5660511 .elementor-element.elementor-element-a95ec47{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660511 .elementor-element.elementor-element-0c3f520{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5660511 .elementor-element.elementor-element-e73c82e{--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-5660511 .elementor-element.elementor-element-e73c82e:not(.elementor-motion-effects-element-type-background), .elementor-5660511 .elementor-element.elementor-element-e73c82e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F7;}.elementor-5660511 .elementor-element.elementor-element-9517475{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.75;--padding-top:88px;--padding-bottom:88px;--padding-left:24px;--padding-right:24px;}.elementor-5660511 .elementor-element.elementor-element-9517475:not(.elementor-motion-effects-element-type-background), .elementor-5660511 .elementor-element.elementor-element-9517475 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://asperworld.com/wp-content/uploads/2026/07/julin-commercial-04.jpg");background-position:center center;background-size:cover;}.elementor-5660511 .elementor-element.elementor-element-9517475::before, .elementor-5660511 .elementor-element.elementor-element-9517475 > .elementor-background-video-container::before, .elementor-5660511 .elementor-element.elementor-element-9517475 > .e-con-inner > .elementor-background-video-container::before, .elementor-5660511 .elementor-element.elementor-element-9517475 > .elementor-background-slideshow::before, .elementor-5660511 .elementor-element.elementor-element-9517475 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5660511 .elementor-element.elementor-element-9517475 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#20222D;--background-overlay:'';}.elementor-5660511 .elementor-element.elementor-element-36ad693{text-align:center;}@media(min-width:768px){.elementor-5660511 .elementor-element.elementor-element-2f7c99a{--width:50%;}.elementor-5660511 .elementor-element.elementor-element-c0246f1{--width:50%;}.elementor-5660511 .elementor-element.elementor-element-a95ec47{--width:50%;}.elementor-5660511 .elementor-element.elementor-element-0c3f520{--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:42px;font-weight:600;line-height:1.4;max-width:20em;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}

/* === 業態入口 ===
   依設計稿:2px 髮絲線構成的「整塊」網格,文字置中。
   hover 不能用 translateY(會把格子從整塊裡採出來,打斷髮絲線),改用底色。 */
.jl-biz{margin-top:40px}
.jl-biz__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#E4E4E6;border:1px solid #E4E4E6}
.jl-biz__cell{background:#fff;padding:32px 24px;text-align:center;transition:background .25s ease}
.jl-biz__cell:hover{background:#FBF9F5}
.jl-biz__t{font-size:17px;color:#20222D;font-weight:600;margin:0 0 8px !important}
.jl-biz__d{font-size:13.5px;color:#6E6E6E;line-height:1.75;margin:0 !important}

/* === 寬幅編輯照片帶 + ROI ===
   桌機用左到右漸層:文字只佔 36% 寬,穩稩坐在深色側。 */
.jl-band__h .elementor-heading-title{color:#fff;font-size:32px;font-weight:600;line-height:1.5;max-width:16em}
.jl-band__p{color:#DDDEE3;font-size:15.5px;line-height:1.95;max-width:30em}
.jl-roi{display:flex;gap:36px;margin-top:26px;flex-wrap:wrap}
.jl-roi span{display:block;color:#C9CACF;font-size:13px}
.jl-roi b{display:block;color:#DCC6A2;font-size:15px;font-weight:600}

/* === 流程差異段 ===
   hub 擁有完整九步流程;子頁只講自己真正不同的地方。 */
.jl-delta__lede{margin-bottom:8px !important}
.jl-delta__link{color:#8F6524;font-weight:600;border-bottom:2px solid #DCC6A2;text-decoration:none;white-space:nowrap;margin-left:6px}
.jl-delta__link:hover{border-bottom-color:#8F6524}
.jl-delta__item{border-left:3px solid #DCC6A2;padding:4px 0 4px 26px}
.jl-delta__label{color:#8F6524 !important;font-size:12.5px;font-weight:700;letter-spacing:.1em;margin:0 0 10px !important}
.jl-delta__t{color:#20222D !important;font-size:22px;font-weight:600;line-height:1.5;margin:0 0 12px !important}
.jl-delta__d{color:#0A0A0A !important;font-size:15px;line-height:2;margin:0 !important}
.jl-delta__d strong{color:#8F6524}

/* 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 ===== */
@media(max-width:1024px){
  .jl-hero__h .elementor-heading-title{font-size:33px}
  .jl-h2 .elementor-heading-title,.jl-cta__h .elementor-heading-title{font-size:31px}
  .jl-band__h .elementor-heading-title{font-size:27px}
  .jl-biz__grid{grid-template-columns:repeat(2,1fr)}
  /* 帶内文字變成橫跨全寬,左到右漸層會讓字落在亮部 → 改為整片深色 scrim */
  .e-con:has(.jl-band__p)::before{background-image:linear-gradient(to top,rgba(18,19,26,.9) 0%,rgba(18,19,26,.8) 100%) !important;opacity:1 !important}
  .jl-band__h .elementor-heading-title,.jl-band__p{max-width: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{font-size:26px}
  .jl-band__h .elementor-heading-title{font-size:24px}
  /* 單欄,但維持設計稿的置中與整塊髮絲線網格 */
  .jl-biz__grid{grid-template-columns:1fr}
  .jl-biz__cell{padding:24px 20px}
  /* 字級重設:13.5px 是為了塞進桌機四欄的壓縮尺寸,手機單欄不適用 */
  .jl-biz__d{font-size:14.5px;line-height:1.85}
  .jl-roi{gap:18px}
  .jl-delta__t{font-size:19px}
  .jl-delta__item{padding-left:20px}
  .jl-delta__link{display:inline-block;margin-left:0;margin-top:6px}
  .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 */