.elementor-3933 .elementor-element.elementor-element-0e506fd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3933 .elementor-element.elementor-element-0e506fd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ambilogistic.com/wp-content/uploads/2025/11/高雄港-1.png");background-position:center center;background-size:cover;}.elementor-3933 .elementor-element.elementor-element-0e506fd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3933 .elementor-element.elementor-element-0e506fd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3933 .elementor-element.elementor-element-d9de87e{width:var( --container-widget-width, 100.411% );max-width:100.411%;--container-widget-width:100.411%;--container-widget-flex-grow:0;}.elementor-3933 .elementor-element.elementor-element-c5e4021:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3933 .elementor-element.elementor-element-c5e4021 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ambilogistic.com/wp-content/uploads/2025/11/監視器.png");background-position:center center;background-size:cover;}.elementor-3933 .elementor-element.elementor-element-c5e4021 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3933 .elementor-element.elementor-element-c5e4021 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3933 .elementor-element.elementor-element-35206fa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3933 .elementor-element.elementor-element-35206fa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ambilogistic.com/wp-content/uploads/2025/11/智慧.png");background-size:cover;}.elementor-3933 .elementor-element.elementor-element-35206fa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3933 .elementor-element.elementor-element-35206fa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3933 .elementor-element.elementor-element-1c99d3b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3933 .elementor-element.elementor-element-1c99d3b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ambilogistic.com/wp-content/uploads/2025/11/安全.png");background-size:cover;}.elementor-3933 .elementor-element.elementor-element-1c99d3b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3933 .elementor-element.elementor-element-1c99d3b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}body.elementor-page-3933:not(.elementor-motion-effects-element-type-background), body.elementor-page-3933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for section, class: .elementor-element-921c3fb */:root{
  --ink:#1b2551;
  --muted:#4e5c78;
  --blue:#3b8cff;
  --container:1120px;
  --radius:20px;
  --font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
}

/* 頁面背景與基本字體 */
.v2-landing{
  font-family:var(--font);
  color:var(--ink);
  background: radial-gradient(1200px 600px at 50% -10%, #eef6ff 0%, #ffffff 60%) no-repeat, #fff;
}

/* 控制整體間距 */
.section{
  padding:clamp(40px,6vw,100px) 0;
}
.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 16px;
}

/* ✅ 主區塊與次區塊的間距（可微調） */
.hero-section{
  margin-bottom:clamp(60px,6vw,80px);  /* 主區塊底部距離次區塊 */
}

/* ========== 主區塊（HERO） ========== */
.v2-hero{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.v2-eyebrow{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  color:var(--blue);
  background:#f6faff;
  border:1px solid rgba(59,140,255,.25);
  box-shadow:0 2px 6px rgba(59,140,255,.15);
  margin-bottom:16px;
}
.v2-title{
  font-weight:900;
  font-size:clamp(40px,6vw,72px);
  line-height:1.18;
  letter-spacing:.02em;
  color:var(--ink);
  margin:0 0 18px;
  position:relative;
}
.v2-title .v2-accent{
  display:block;
  width:clamp(200px,30vw,360px);
  height:6px;
  margin:14px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#3b8cff 40%,rgba(255,255,255,0) 100%);
  box-shadow:0 0 14px rgba(59,140,255,.5);
}
.v2-subtitle{
  max-width:820px;
  margin:0 auto 28px;
  font-weight:700;
  color:var(--muted);
  line-height:1.9;
}
.v2-stats{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  margin:0 auto 32px;
}
.v2-chip{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:230px;
  padding:20px 26px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(59,140,255,.15);
  box-shadow:0 10px 22px rgba(59,140,255,.08);
  transition:transform .25s ease, box-shadow .25s ease;
}
.v2-chip:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(59,140,255,.12);
}
.v2-chip b{
  color:var(--blue);
  font-weight:900;
  font-size:24px;
}
.v2-chip span{
  margin-top:6px;
  color:var(--muted);
  font-weight:700;
  font-size:14px;
}
.v2-cta{
  display:inline-block;
  background:linear-gradient(180deg,#4da3ff,#1f79ff);
  color:#fff;
  padding:14px 30px;
  border-radius:16px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(77,163,255,.25);
  transition:all .2s ease;
}
.v2-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(77,163,255,.32);
}

/* ========== 次區塊（勝川優勢｜靠左） ========== */
.v2-adv{
  text-align:left;
}
.v2-adv-eyebrow{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:var(--blue);
  background:#f4f9ff;
  border:1px solid rgba(77,163,255,.24);
  margin-bottom:8px;
}
.v2-adv-title{
  margin:0 0 6px;
  font-weight:900;
  font-size:clamp(22px,2.8vw,30px);
  line-height:1.3;
  color:var(--ink);
}
.v2-adv-desc{
  margin:0 0 16px;
  color:var(--muted);
  font-weight:700;
  font-size:clamp(14.5px,1.6vw,16.5px);
  line-height:1.85;
  max-width:70ch;
}

/* 清單樣式（打勾靠左） */
.v2-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:16px;
  max-width:860px;
}
.v2-item{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:14px;
  padding:16px 22px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(59,140,255,.12);
  box-shadow:0 8px 18px rgba(77,163,255,.08);
  font-weight:800;
  color:var(--ink);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.v2-item:hover{
  transform:translateY(-2px);
  border-color:rgba(77,163,255,.45);
  box-shadow:0 10px 26px rgba(77,163,255,.15);
}

/* 打勾樣式 */
.v2-check{
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:6px;
  background:
    radial-gradient(14px 14px at 50% 40%, rgba(255,255,255,.4), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--blue), #1f79ff);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.4),
    0 2px 8px rgba(58,134,255,.35);
  position:relative;
}
.v2-check::after{
  content:"";
  position:absolute;
  inset:0;
  background:no-repeat center/14px
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L10 16l-4-4"/></svg>');
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0e506fd *//* 整體區塊設定 */
.section-truck {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 5vw;
  padding: 80px 5vw 60px;  /* 往下移重點在這裡：上方留白 */
}

/* 左圖 */
.truck-img img {
  width: 240px;
  height: auto;
  object-fit: contain;
  display: block;
  margin-top: 40px; /* 控制圖片與上邊距距離 */
}

/* 右文字區 */
.truck-content {
  max-width: 600px;
}
.truck-tag {
  background: #eaf2ff;
  color: #4169e1;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 14px;
}
.truck-content h2 {
  color: #0a1a4a;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 16px;
}
.truck-content p {
  color: #4a5568;
  line-height: 1.8;
  margin-bottom: 20px;
  font-weight: 600;
}

/* 打勾清單 */
.truck-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.truck-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  color: #1a237e;
  font-weight: 700;
}
.truck-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #3b8cff;
  font-weight: bold;
}

/* 手機版排版 */
@media (max-width: 992px) {
  .section-truck {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .truck-img img {
    margin: 0 auto 30px;
    width: 200px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7e5feb5 *//* ===== 地段優勢區塊靠右 ===== */
.loc-section.align-right {
  display: flex;
  justify-content: flex-end;   /* 整段往右靠 */
  padding-right: 5vw;          /* 與右邊留一點距離 */
  margin-top: 60px;
  margin-bottom: 60px;
}

/* 區塊本體（延續風格） */
.v2-adv {
  max-width: 700px;
  text-align: left;
}

/* 標籤樣式 */
.v2-adv-eyebrow {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #3b8cff;
  background: #f4f9ff;
  border: 1px solid rgba(77, 163, 255, 0.24);
  margin-bottom: 8px;
}

.v2-adv-title {
  margin: 0 0 6px;
  font-weight: 900;
  font-size: clamp(22px, 2.8vw, 30px);
  line-height: 1.3;
  color: #1b2551;
}

.v2-adv-desc {
  margin: 0 0 16px;
  color: #4e5c78;
  font-weight: 700;
  font-size: clamp(14.5px, 1.6vw, 16.5px);
  line-height: 1.85;
}

/* 打勾清單 */
.v2-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

.v2-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(59, 140, 255, 0.12);
  box-shadow: 0 8px 18px rgba(77, 163, 255, 0.08);
  font-weight: 800;
  color: #1b2551;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.v2-item:hover {
  transform: translateY(-2px);
  border-color: rgba(77, 163, 255, 0.45);
  box-shadow: 0 10px 26px rgba(77, 163, 255, 0.15);
}

/* 打勾 icon */
.v2-check {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 6px;
  background: linear-gradient(180deg, #3b8cff, #1f79ff);
  box-shadow: 0 2px 8px rgba(58, 134, 255, 0.35);
  position: relative;
}

.v2-check::after {
  content: "";
  position: absolute;
  inset: 0;
  background: no-repeat center/14px
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L10 16l-4-4"/></svg>');
}

/* 響應式 */
@media (max-width: 992px) {
  .loc-section.align-right {
    justify-content: center;
    padding-right: 0;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-20c5ed5 *//* ===== 智慧監控功能區塊靠右 ===== */
.loc-section.align-right {
  display: flex;
  justify-content: flex-end;
  padding-right: 5vw;
  margin-top: 60px;
  margin-bottom: 60px;
}

/* 區塊主體 */
.v2-adv {
  max-width: 700px;
  text-align: left;
}

/* 小標籤 */
.v2-adv-eyebrow {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #3b8cff;
  background: #f4f9ff;
  border: 1px solid rgba(77, 163, 255, 0.24);
  margin-bottom: 8px;
}

/* 標題 */
.v2-adv-title {
  margin: 0 0 6px;
  font-weight: 900;
  font-size: clamp(22px, 2.8vw, 30px);
  line-height: 1.3;
  color: #1b2551;
}

/* 副標描述 */
.v2-adv-desc {
  margin: 0 0 16px;
  color: #4e5c78;
  font-weight: 700;
  font-size: clamp(14.5px, 1.6vw, 16.5px);
  line-height: 1.85;
}

/* 打勾清單 */
.v2-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

.v2-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(59, 140, 255, 0.12);
  box-shadow: 0 8px 18px rgba(77, 163, 255, 0.08);
  font-weight: 800;
  color: #1b2551;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.v2-item:hover {
  transform: translateY(-2px);
  border-color: rgba(77, 163, 255, 0.45);
  box-shadow: 0 10px 26px rgba(77, 163, 255, 0.15);
}

/* 藍色勾勾 */
.v2-check {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 6px;
  background: linear-gradient(180deg, #3b8cff, #1f79ff);
  box-shadow: 0 2px 8px rgba(58, 134, 255, 0.35);
  position: relative;
}

.v2-check::after {
  content: "";
  position: absolute;
  inset: 0;
  background: no-repeat center/14px
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L10 16l-4-4"/></svg>');
}

/* RWD 響應式 */
@media (max-width: 992px) {
  .loc-section.align-right {
    justify-content: center;
    padding-right: 0;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c5e4021 */:root{
  --brand-navy:#071754;     /* 標題深藍 */
  --brand-blue:#1f6fff;     /* 主色藍（膠囊左圓底色） */
  --brand-blue-10:#eaf2ff;  /* 很淡的藍（小標籤底色） */
  --text-600:#26406b;       /* 內文次要 */
  --pill:999px;
  --shadow-soft: 0 8px 24px rgba(31,111,255,.10), 0 2px 6px rgba(31,111,255,.06);
}

.scn-adv{ padding: clamp(28px,5vw,56px) 20px; background:#fff; }
.scn-adv__wrap{ max-width: 1120px; margin:0 auto; }

/* 小標籤 */
.scn-tag{
  display:inline-block;
  padding:10px 16px;
  border-radius: var(--pill);
  background: var(--brand-blue-10);
  color: var(--brand-blue);
  font-weight: 700;
  letter-spacing:.02em;
  margin-bottom: clamp(10px,1.8vw,16px);
  box-shadow: inset 0 0 0 1px rgba(31,111,255,.15);
}

/* 標題、說明（來自第一張文案） */
.scn-ttl{
  color: var(--brand-navy);
  font-size: clamp(28px,4.2vw,48px);
  line-height:1.25;
  margin: 0 0 14px;
}
.scn-desc{
  color: var(--text-600);
  font-size: clamp(15px,1.6vw,18px);
  line-height:1.9;
  margin:0 0 clamp(22px,3vw,30px);
}

/* 卡片列 */
.scn-cards{
  display:flex;
  flex-direction: column;
  gap: clamp(14px,2.4vw,22px);
}

/* 長條膠囊卡片 */
.scn-card{
  display:flex; align-items:center; gap:14px;
  background:#fff;
  border-radius: var(--pill);
  padding: clamp(16px,2.6vw,22px) clamp(18px,3vw,28px);
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(31,111,255,.10);
}

/* 左側藍圓白勾（SVG，無字型依賴） */
.scn-ico{ width:28px; height:28px; flex:0 0 28px; display:inline-grid; place-items:center; }
.scn-ico svg{ width:100%; height:100%; }
.scn-ico .bg{ fill: var(--brand-blue); }
.scn-ico .tick{ fill:none; stroke:#fff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }

/* 文字 */
.scn-card__txt{
  font-weight: 800;
  color:#0e2a66;
  font-size: clamp(16px,1.8vw,20px);
  letter-spacing:.02em;
}

/* 行動版微調 */
@media (max-width:480px){
  .scn-card{ padding-left:16px; padding-right:16px; }
  .scn-card__txt{ line-height:1.4; }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-89d58c2 *//* ===== 智慧分貨系統區塊（沿用 v2 樣式） ===== */
.loc-section.align-right {
  display: flex;
  justify-content: flex-end;   /* 整段往右靠 */
  padding-right: 5vw;          /* 與右邊留一點距離 */
  margin-top: 60px;
  margin-bottom: 60px;
}

.v2-adv {
  max-width: 700px;
  text-align: left;
}

/* 標籤樣式 */
.v2-adv-eyebrow {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  color: #3b8cff;
  background: #f4f9ff;
  border: 1px solid rgba(77, 163, 255, 0.24);
  margin-bottom: 8px;
}

.v2-adv-title {
  margin: 0 0 6px;
  font-weight: 900;
  font-size: clamp(22px, 2.8vw, 30px);
  line-height: 1.3;
  color: #1b2551;
}

.v2-adv-desc {
  margin: 0 0 16px;
  color: #4e5c78;
  font-weight: 700;
  font-size: clamp(14.5px, 1.6vw, 16.5px);
  line-height: 1.85;
}

/* 打勾清單樣式 */
.v2-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 16px;
}

.v2-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(59, 140, 255, 0.12);
  box-shadow: 0 8px 18px rgba(77, 163, 255, 0.08);
  font-weight: 800;
  color: #1b2551;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.v2-item:hover {
  transform: translateY(-2px);
  border-color: rgba(77, 163, 255, 0.45);
  box-shadow: 0 10px 26px rgba(77, 163, 255, 0.15);
}

/* 藍色勾勾 icon */
.v2-check {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 6px;
  background: linear-gradient(180deg, #3b8cff, #1f79ff);
  box-shadow: 0 2px 8px rgba(58, 134, 255, 0.35);
  position: relative;
}

.v2-check::after {
  content: "";
  position: absolute;
  inset: 0;
  background: no-repeat center/14px
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L10 16l-4-4"/></svg>');
}

/* 響應式 */
@media (max-width: 992px) {
  .loc-section.align-right {
    justify-content: center;
    padding-right: 0;
  }
}/* End custom CSS */