.elementor-18808 .elementor-element.elementor-element-39804cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18808 .elementor-element.elementor-element-074a4a0{--display:flex;}.elementor-18808 .elementor-element.elementor-element-87b5a51{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18808 .elementor-element.elementor-element-45172a9{text-align:center;}.elementor-18808 .elementor-element.elementor-element-45172a9 .elementor-heading-title{color:#000000;}.elementor-18808 .elementor-element.elementor-element-f4f89ad{--display:flex;}.elementor-18808 .elementor-element.elementor-element-77e43ac{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18808 .elementor-element.elementor-element-ffcd1eb{--display:flex;}.elementor-18808 .elementor-element.elementor-element-795ce65{text-align:center;}.elementor-18808 .elementor-element.elementor-element-795ce65 .elementor-heading-title{color:#000000;}.elementor-18808 .elementor-element.elementor-element-6473323{--display:flex;}.elementor-18808 .elementor-element.elementor-element-d2bead2{text-align:center;}.elementor-18808 .elementor-element.elementor-element-d2bead2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-18808 .elementor-element.elementor-element-33d775a{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;}.elementor-18808 .elementor-element.elementor-element-41256fa{--display:flex;}.elementor-18808 .elementor-element.elementor-element-038bb10{text-align:center;}.elementor-18808 .elementor-element.elementor-element-038bb10 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-18808 .elementor-element.elementor-element-abed950{--display:flex;}.elementor-18808 .elementor-element.elementor-element-ccaaee3{text-align:left;}.elementor-18808 .elementor-element.elementor-element-ccaaee3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-18808 .elementor-element.elementor-element-958663a{--display:flex;}.elementor-18808 .elementor-element.elementor-element-20ad95f{text-align:center;}/* Start custom CSS for container, class: .elementor-element-f4f89ad *//* 1. 讓 .about-who 區塊全寬 */
.about-who {
  width: 100%;
  margin: 0;
  padding: 0 20px; /* 若要取消左右間距，再改成 padding: 0; */
  font-family: system-ui, sans-serif;
  color: #333;      /* 這行可保留給標題以外的通用文字，但下面會針對 p 另設為黑色 */
  line-height: 1.8;
}

/* 2. 移除 Elementor Heading Widget 容器的左內距，確保紅槓貼緊 */
.about-who .elementor-widget-heading .elementor-widget-container {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 3. 針對 h2 設定：紅色字＋左側紅槓貼緊文字 */
.about-who .elementor-widget-heading .elementor-heading-title {
  margin: 0 !important;
  padding-left: 14px !important;
  border-left: 5px solid #d1352c !important;
  color: #d1352c !important;
  font-size: 28px !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  display: inline-block;
}

/* 4. 內文段落 p：字色改為黑色 */
.about-who .elementor-widget-text-editor p {
  color: #000;        /* **新增：強制內文純黑** */
  font-size: 17px;
  margin-bottom: 18px;
  line-height: 1.8;
}

/* 5. 強調文字 strong 仍為紅色 */
.about-who .elementor-widget-text-editor strong {
  color: #d1352c;
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffcd1eb *//* ============================================
   專屬 “為什麼選對外匯交易商這麼重要？ ” 區塊
   Class 名稱：.about-why
   ============================================ */

/* 1. .about-why 容器全寬、不置中 */
.about-why {
  width: 100%;            /* 拉滿整個螢幕寬度 */
  margin: 0;              /* 取消置中 */
  padding: 0 20px;        /* 左右留 20px 內距（可自訂或設為 0） */
  font-family: system-ui, sans-serif;
  line-height: 1.8;
  /* color: #333; 這行可省略，因為段落 p 會顯式設為 #000 */
}

/* 2. 清除 Elementor Heading Widget 容器的預設左內距，才能讓紅槓貼緊 */
.about-why .elementor-widget-heading .elementor-widget-container {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 3. 標題 h2：紅色字 + 左側紅槓緊貼文字 */
.about-why .elementor-widget-heading .elementor-heading-title {
  display: inline-block;       /* 讓寬度僅包標題文字＋紅槓 */
  margin: 0 !important;        /* 清除預設 margin */
  padding-left: 14px !important; /* 文字與紅槓間隔 14px */
  border-left: 5px solid #d1352c !important; /* 左側紅槓 */
  color: #d1352c !important;   /* 紅色文字 */
  font-size: 28px !important;  /* 標題大小 */
  font-weight: bold !important;
  line-height: 1.2 !important; /* 確保紅槓垂直對齊文字 */
  margin-bottom: 20px !important; /* 標題與下方內容間距 */
}

/* 4. 內文段落 p：純黑文字 */
.about-why .elementor-widget-text-editor p {
  color: #000;        /* 段落文字純黑 */
  font-size: 17px;    
  margin-bottom: 18px;
  line-height: 1.8;
}

/* 5. 強調文字 b/strong：紅色 */
.about-why .elementor-widget-text-editor b,
.about-why .elementor-widget-text-editor strong {
  color: #d1352c;
  font-weight: 600;
}

/* 6. 列表 ul li：移除預設圓點，用紅色圓點自訂 */
.about-why .elementor-widget-text-editor ul {
  list-style: none;         /* 取消預設圓點 */
  padding-left: 0;
  margin: 20px 0;           /* 上下列表之間留空間 */
}

.about-why .elementor-widget-text-editor ul li {
  position: relative;
  padding-left: 20px;       /* 給圓點留出空間 */
  margin-bottom: 10px;      
  font-size: 16px;
  line-height: 1.5;
}

.about-why .elementor-widget-text-editor ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 12px;
  height: 12px;
  background-color: #d1352c; /* 紅色圓點 */
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

/* 7. 如果有引用區塊，用這段 (可選) */
.about-why blockquote {
  margin: 24px 0;
  padding: 16px 24px;
  background: #f9f9f9;
  border-left: 4px solid #d1352c;
  font-style: italic;
  color: #555;
  font-size: 16px;
  line-height: 1.7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6473323 *//* ==================================================
   專屬 “精選外匯經紀商排名” 區塊樣式 —— Class: .about-selection
   ================================================== */

/* 1. about-selection 容器拉滿全寬 */
.about-selection {
  width: 100%;
  margin: 0;         /* 取消置中 */
  padding: 0 20px;   /* 左右內距 20px（若不想要間距可改成 0） */
  font-family: system-ui, sans-serif;
  line-height: 1.8;
}

/* 2. 清除 Elementor Heading Widget 容器的左側內距，讓紅槓可以貼緊文字 */
.about-selection .elementor-widget-heading .elementor-widget-container {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 3. 精選區塊的標題 h2：紅色 + 左側紅槓緊貼文字 */
.about-selection .elementor-widget-heading .elementor-heading-title {
  display: inline-block;           /* 讓寬度僅包標題文字＋紅槓 */
  margin: 0 !important;            /* 去掉預設外距 */
  padding-left: 14px !important;   /* 文字與紅槓間隔 14px */
  border-left: 5px solid #d1352c !important;  /* 左側紅色粗槓 */
  color: #d1352c !important;       /* 紅色文字 */
  font-size: 28px !important;      /* 標題字級 */
  font-weight: bold !important;    /* 粗體 */
  line-height: 1.2 !important;     /* 讓紅槓垂直對齊文字 */
  margin-bottom: 20px !important;  /* 與下一個區塊之間的間距 */
}

/* 4. 針對下方段落 p：文字純黑 */
.about-selection .elementor-widget-text-editor p {
  color: #000;         /* 段落文字純黑 */
  font-size: 10px;
  margin-bottom: 18px;
  line-height: 1.8;
}

/* 5. 如果下方還有 <strong> 或 <b>，它們依然套用紅色強調 */
.about-selection .elementor-widget-text-editor b,
.about-selection .elementor-widget-text-editor strong {
  color: #d1352c;
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41256fa *//* ─── .about-ranking 基本設定 ────────────────── */
.about-ranking {
  width: 100%;
  margin: 0;
  padding: 0 20px;
  font-family: system-ui, sans-serif;
  line-height: 1.8;
}

/* 標題 h2（紅槓緊貼） */
.about-ranking .elementor-widget-heading .elementor-widget-container {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.about-ranking .elementor-widget-heading .elementor-heading-title {
  display: inline-block;
  margin: 0 !important;
  padding-left: 14px !important;
  border-left: 5px solid #d1352c !important;
  color: #d1352c !important;
  font-size: 28px !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
}

/* 段落 p（純黑文字） */
.about-ranking .elementor-widget-text-editor p {
  color: #000;
  font-size: 17px;
  margin-bottom: 18px;
  line-height: 1.8;
}

/* 強調文字 b/strong（紅色） */
.about-ranking .elementor-widget-text-editor b,
.about-ranking .elementor-widget-text-editor strong {
  color: #d1352c;
  font-weight: 600;
}

/* ─── 列表改用 Emoji 作標記 ────────────────── */
.about-ranking .elementor-widget-text-editor ul {
  list-style: none;
  padding-left: 0;
  margin: 20px 0;
}

.about-ranking .elementor-widget-text-editor ul li {
  position: relative;
  padding-left: 28px;  /* 留出 Emoji 空間 */
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}

/* 第 1 項：交易成本 → 💰 */
.about-ranking .elementor-widget-text-editor ul li:nth-child(1)::before {
  content: '💰';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 1.5;
}

/* 第 2 項：安全性與監管牌照 → 🛡️ */
.about-ranking .elementor-widget-text-editor ul li:nth-child(2)::before {
  content: '🛡️';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 1.5;
}

/* 第 3 項：交易工具與平台功能 → ⚙️ */
.about-ranking .elementor-widget-text-editor ul li:nth-child(3)::before {
  content: '⚙️';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 1.5;
}

/* 第 4 項：出入金流程 → 🔄 */
.about-ranking .elementor-widget-text-editor ul li:nth-child(4)::before {
  content: '🔄';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 1.5;
}

/* （可選）引用區塊 blockquote */
.about-ranking blockquote {
  margin: 24px 0;
  padding: 16px 24px;
  background: #f9f9f9;
  border-left: 4px solid #d1352c;
  font-style: italic;
  color: #555;
  font-size: 16px;
  line-height: 1.7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-abed950 *//* ===========================================
   專屬 “品牌細項比較” 區塊 —— Class：.brand-comparison
   優化版本 v2.1
   修正：主標題置中、大/小項目強制分行
   =========================================== */

/* 1. 容器：維持全寬，左右保留舒適間距 */
.brand-comparison {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.8;
}

/* 2. 標題共通樣式 (H2 & H3) */
.brand-comparison .elementor-heading-title,
.brand-comparison .elementor-widget-text-editor h2,
.brand-comparison .elementor-widget-text-editor h3 {
  display: inline-block !important;
  padding-left: 15px !important;
  border-left: 5px solid #d1352c !important;
  color: #d1352c !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left;
  margin: 0 !important;
}

/* 3. 【修正】標題置中容器 (使用更強的選擇器確保置中) */
.brand-comparison .elementor-widget-heading,
.brand-comparison .elementor-widget-text-editor {
  text-align: center !important; /* 使用 !important 確保覆蓋 Elementor 預設樣式 */
}

/* 4. 各級標題的獨立樣式 (字級與下方間距) */
.brand-comparison .elementor-heading-title,
.brand-comparison .elementor-widget-text-editor h2 {
  font-size: 28px !important;
  margin-bottom: 25px !important;
}
.brand-comparison .elementor-widget-text-editor h3 {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}

/* 5. 【新增】強制 H2 (大項目) 換行，與 H3 (小項目) 分開
   原理：在 H2 後面插入一個看不見的區塊元素，撐開空間 */
.brand-comparison .elementor-widget-text-editor h2::after {
  content: '';
  display: block;
}

/* 6. 段落 P 與 強調文字 */
.brand-comparison .elementor-widget-text-editor p {
  text-align: left;
  color: #333;
  font-size: 17px;
  margin: 0 auto 20px auto;
  max-width: 800px;
}
.brand-comparison .elementor-widget-text-editor b,
.brand-comparison .elementor-widget-text-editor strong {
  color: #d1352c;
  font-weight: 600;
}

/* 7. 表格（TABLE）核心優化 */
.brand-comparison .elementor-widget-text-editor table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0 auto 30px auto;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  text-align: left;
}

/* 8. 表格欄位 (TH / TD) */
.brand-comparison .elementor-widget-text-editor table th,
.brand-comparison .elementor-widget-text-editor table td {
  border: 1px solid #e0e0e0;
  padding: 14px 12px;
  vertical-align: middle;
  word-wrap: break-word;
  font-size: 16px;
  color: #333;
}

/* 9. 表頭 TH */
.brand-comparison .elementor-widget-text-editor table th {
  background-color: #d1352c;
  color: #fff;
  font-weight: bold;
}

/* 10. 斑馬條紋與懸停效果 */
.brand-comparison .elementor-widget-text-editor table tr:nth-child(even) {
  background-color: #f9f9f9;
}
.brand-comparison .elementor-widget-text-editor table tr:hover {
  background-color: #fff5f5;
}

/* 11. 圓角處理 */
.brand-comparison .elementor-widget-text-editor table tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.brand-comparison .elementor-widget-text-editor table tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
.brand-comparison .elementor-widget-text-editor table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.brand-comparison .elementor-widget-text-editor table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

/* 12. 去掉表格內 <p> 的預設外距 */
.brand-comparison .elementor-widget-text-editor table th p,
.brand-comparison .elementor-widget-text-editor table td p {
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-958663a *//* ===========================================
   調整 “常見問題（FAQ）” 區塊，避免空行與粗體造成排版跑掉
   Class：.faq-section
   =========================================== */

/* 1. 移除空的 <p>，避免它們產生多餘間距 */
.faq-section .elementor-widget-saswp-faq-block p:empty {
  display: none;
  margin: 0;
  padding: 0;
}

/* 2. 隱藏自動產生的 <div class="notranslate">&nbsp;</div> 空白行 */
.faq-section .notranslate {
  display: none;
}

/* 3. FAQ 主標題 H2 置中 + 紅色左側紅槓 */
.faq-section .elementor-widget-heading {
  text-align: center;
}
.faq-section .elementor-widget-heading .elementor-heading-title {
  display: inline-block !important;
  margin: 0 0 20px 0 !important;
  padding-left: 14px !important;
  border-left: 5px solid #d1352c !important;
  color: #d1352c !important;
  font-size: 28px !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  text-align: left;
}

/* 4. FAQ 問題標題 H3：
   - 強制換行 (block 或 inline-block)，避免跟前後文字跑到同一行
   - 紅色左側紅槓 */
.faq-section .elementor-widget-saswp-faq-block h3 {
  display: inline-block !important;
  margin: 16px 0 8px 0 !important;
  padding-left: 14px !important;
  border-left: 5px solid #d1352c !important;
  color: #d1352c !important;
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  text-align: left;
}

/* 5. FAQ 內容文字段落 <p>：純黑文字、字級 16px、段落間距 16px */
.faq-section .elementor-widget-saswp-faq-block p {
  color: #000;
  font-size: 16px;
  margin: 0 0 16px 0;
  line-height: 1.7;
}

/* 6. 強調文字 <strong>、<b> 保持 inline，不要產生額外換行 */
.faq-section .elementor-widget-saswp-faq-block strong,
.faq-section .elementor-widget-saswp-faq-block b {
  display: inline !important;
  color: #d1352c;
  font-weight: 600;
}

/* 7. 列表 <ul> 取消預設圓點與內距 */
.faq-section .elementor-widget-saswp-faq-block ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* 8. 每個 <li> 之間保留間距，避免緊湊到一起 */
.faq-section .elementor-widget-saswp-faq-block ul li {
  margin-bottom: 24px;
}

/* 9. 確保 FAQ 容器內部為左對齊（除了置中標題），避免 inline-block 文字左右錯位 */
.faq-section .elementor-widget-saswp-faq-block {
  text-align: left;
}/* End custom CSS */