.elementor-41589 .elementor-element.elementor-element-3dd7830{--display:flex;}.elementor-41589 .elementor-element.elementor-element-b1734d0{text-align:center;}.elementor-41589 .elementor-element.elementor-element-7efb68d{text-align:center;}.elementor-41589 .elementor-element.elementor-element-0e2ece4{text-align:center;}.elementor-41589 .elementor-element.elementor-element-f8c9a41{--display:flex;}.elementor-41589 .elementor-element.elementor-element-e597121{--display:flex;}.elementor-41589 .elementor-element.elementor-element-52a2dd2{--display:flex;}.elementor-41589 .elementor-element.elementor-element-dc1edac{--display:flex;}.elementor-41589 .elementor-element.elementor-element-6ab5d67{--display:flex;}.elementor-41589 .elementor-element.elementor-element-a150fb4{--display:flex;}.elementor-41589 .elementor-element.elementor-element-23683e8{--display:flex;}.elementor-41589 .elementor-element.elementor-element-038fd19{--display:flex;}.elementor-41589 .elementor-element.elementor-element-19f7f95{--n-accordion-title-font-size:1rem;width:auto;max-width:auto;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-41589 .elementor-element.elementor-element-19f7f95 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for wd_text_block, class: .elementor-element-1292e90 *//* --- 即時成交容器 --- */
div.live-orders-wrapper {
    max-width: 900px;
    margin: 0 auto 20px auto; /* 下方留點距離 */
    background: #000;
    border: 1px solid #333;
    border-radius: 50px; /* 膠囊狀 */
    padding: 10px 20px;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 40px; /* 固定高度 */
}

div.live-orders-wrapper .live-title {
    color: #ff5722;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 15px;
    z-index: 2;
    background: #000; /* 蓋住滾動文字 */
}

div.live-orders-wrapper .marquee-box {
    flex: 1;
    overflow: hidden;
    height: 100%;
    position: relative;
}

div.live-orders-wrapper .marquee-content {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    /* 垂直滾動動畫 */
    animation: scroll-up 10s linear infinite;
}

div.live-orders-wrapper .marquee-content li {
    height: 40px; /* 對應容器高度 */
    line-height: 40px;
    color: #ccc;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.live-orders-wrapper .marquee-content strong {
    color: #00c300; /* 金額用綠色 */
    margin: 0 5px;
}

div.live-orders-wrapper .status {
    color: #888;
    font-size: 12px;
    margin-left: 10px;
    border: 1px solid #444;
    padding: 1px 5px;
    border-radius: 3px;
}

/* --- 滾動動畫 Keyframes --- */
@keyframes scroll-up {
    0% { transform: translateY(0); }
    100% { transform: translateY(-200px); } /* 根據 li 的數量 x 高度調整 (5個 x 40px = 200px) */
}

/* 手機版字體微調 */
@media (max-width: 768px) {
    div.live-orders-wrapper .marquee-content li {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for wd_text_block, class: .elementor-element-27878d1 *//* --- 外層容器 --- */
div.my-process-wrapper {
    max-width: 900px;
    margin: 5px auto;
    color: #fff;
}

/* 標題樣式 */
div.my-process-wrapper .section-heading {
    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
}

/* --- 流程圖容器 (Flex排版) --- */
div.my-process-wrapper .process-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap; /* 允許換行 */
}

/* 單個步驟卡片 */
div.my-process-wrapper .step-card {
    flex: 1; /* 平均分配寬度 */
    min-width: 150px; /* 最小寬度 */
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #333;
    padding: 20px 15px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    transition: transform 0.3s;
}

div.my-process-wrapper .step-card:hover {
    transform: translateY(-5px); /* 滑鼠移上去浮起 */
    border-color: #ff5722;
}

/* 數字編號 */
div.my-process-wrapper .step-number {
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    top: 5px;
    right: 10px;
    line-height: 1;
}

/* 步驟標題 */
div.my-process-wrapper .step-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* 步驟說明 */
div.my-process-wrapper .step-desc {
    color: #aaa;
    font-size: 13px;
    line-height: 1.5;
    text-align: left; /* 說明文字靠左比較好讀 */
}

/* --- 資料填寫區 (Memo Box) --- */
div.my-process-wrapper .data-memo-box {
    background: rgba(0, 0, 0, 0.3); /* 深一點的底 */
    border: 1px dashed #555; /* 虛線框 */
    border-radius: 12px;
    padding: 25px;
    max-width: 900px; /* 不需要太寬 */
    margin: 0 auto; /* 置中 */
}

div.my-process-wrapper .memo-title {
    text-align: center;
    color: #00c300; /* 綠色標題，暗示準備好就LINE */
    margin-bottom: 10px;
    font-size: 18px;
}

div.my-process-wrapper .data-list {
    list-style: none; /* 去除預設黑點 */
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 兩欄排版 */
    gap: 10px;
}

div.my-process-wrapper .data-list li {
    font-size: 15px;
    color: #ddd;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
}

div.my-process-wrapper .note {
    font-size: 12px;
    color: #666;
    margin-left: 5px;
}

/* --- 手機版 RWD --- */
@media (max-width: 768px) {
    /* 步驟卡片變直排 */
    div.my-process-wrapper .process-container {
        flex-direction: column;
    }
    div.my-process-wrapper .step-card {
        margin-bottom: 10px;
        text-align: left; /* 手機版文字靠左 */
        padding-left: 70px; /* 留位置給數字 */
    }
    /* 調整手機版數字位置 */
    div.my-process-wrapper .step-number {
        left: 15px;
        top: 25px;
        right: auto;
        font-size: 35px;
        opacity: 0.8;
        color: #ff5722;
    }
    
    /* 資料區變單欄 */
    div.my-process-wrapper .data-list {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for wd_text_block, class: .elementor-element-d242f2c *//* --- 外層容器 --- */
div.my-feature-wrapper {
    max-width: 900px;
    margin: 5px auto; /* 與上下區塊保持距離 */
    color: #fff;
    box-sizing: border-box;
}

/* 標題樣式 */
div.my-feature-wrapper .feature-heading {
    text-align: center;
    margin-bottom: 40px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
}

/* --- 網格佈局 (Grid) --- */
div.my-feature-wrapper .feature-grid {
    display: grid;
    /* 電腦版：3 欄 */
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; /* 卡片之間的間距 */
}

/* --- 單個卡片樣式 --- */
div.my-feature-wrapper .feature-card {
    background: rgba(255, 255, 255, 0.03); /* 微透深色底 */
    border: 1px solid #333; /* 深灰框 */
    border-radius: 12px;
    padding: 25px 20px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden; /* 確保光暈不跑出去 */
}

/* 滑鼠移上去的效果 */
div.my-feature-wrapper .feature-card:hover {
    transform: translateY(-5px); /* 浮起 */
    border-color: #ff5722; /* 邊框變橘色 */
    background: rgba(255, 87, 34, 0.05); /* 背景微微泛橘光 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

/* --- 卡片內容 --- */
div.my-feature-wrapper .f-icon {
    font-size: 40px;
    margin-bottom: 15px;
    /* 使用濾鏡讓 Emoji 在黑底上更協調，或保持原樣 */
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5)); 
}

div.my-feature-wrapper .f-title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}

/* 特別強調發票和省錢的標題顏色 */
div.my-feature-wrapper .feature-card:hover .f-title {
    color: #ff5722; /* Hover 時標題變色 */
}

div.my-feature-wrapper .f-desc {
    color: #aaa; /* 灰色說明文字 */
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

div.my-feature-wrapper .f-desc strong {
    color: #00e5ff; /* 強調數字部分用亮藍色 */
}

/* --- 手機版 RWD 優化 (省空間雙欄版) --- */
@media (max-width: 768px) {
    
    /* 1. 外層容器間距縮小 */
    div.my-feature-wrapper {
        margin: 5px auto; /* 上下留白減少 */
    }

    /* 2. 標題縮小 */
    div.my-feature-wrapper .feature-heading {
        font-size: 20px;
        margin-bottom: 25px;
    }

    /* 3. 關鍵修改：改為 2 欄排列，節省垂直空間 */
    div.my-feature-wrapper .feature-grid {
        grid-template-columns: repeat(2, 1fr); /* 強制兩欄 */
        gap: 10px; /* 卡片間距縮小 */
    }

    /* 4. 卡片變緊湊 (Mini Card) */
    div.my-feature-wrapper .feature-card {
        padding: 15px 10px; /* 內距大幅縮小 */
        border-radius: 8px;
    }

    /* 5. 圖示縮小 */
    div.my-feature-wrapper .f-icon {
        font-size: 28px; /* 原本 40px -> 28px */
        margin-bottom: 8px;
    }

    /* 6. 標題文字縮小並控制高度 */
    div.my-feature-wrapper .f-title {
        font-size: 14px; /* 字變小 */
        margin-bottom: 5px;
        /* 確保兩欄高度整齊，避免標題一行兩行造成錯位 */
        min-height: 38px; 
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.3;
    }

    /* 7. 說明文字縮小 */
    div.my-feature-wrapper .f-desc {
        font-size: 12px; /* 縮小說明文字 */
        line-height: 1.3;
        opacity: 0.8; /* 稍微變暗，讓視覺不雜亂 */
    }
}/* End custom CSS */
/* Start custom CSS for wd_text_block, class: .elementor-element-140ff38 *//* --- 容器風格設定 (電腦版預設) --- */
.elementor-41589 .elementor-element.elementor-element-140ff38 {
    /* 限制寬度跟價目表一樣 */
    max-width: 900px;
    margin: 5px auto; 
    
    /* 核心視覺：漸層黑底 + 左側橘色光條 */
    background: linear-gradient(90deg, rgba(255, 87, 34, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
    border-left: 5px solid #ff5722;
    border-radius: 4px;
    
    /* 電腦版內距 (寬鬆舒適) */
    padding: 30px 40px;
    box-sizing: border-box;
}

/* --- H2 標題樣式 --- */
.elementor-41589 .elementor-element.elementor-element-140ff38 h2.seo-title {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 1.4; /* 標題行高拉大，避免換行時太擠 */
}

/* --- 內文段落樣式 --- */
.elementor-41589 .elementor-element.elementor-element-140ff38 p {
    color: #bbbbbb; /* 淺灰色，閱讀舒適 */
    font-size: 16px;
    line-height: 1.8; /* 拉大行距 */
    margin-bottom: 15px;
}

.elementor-41589 .elementor-element.elementor-element-140ff38 p:last-child {
    margin-bottom: 0;
}

/* --- 強調文字 (strong) --- */
.elementor-41589 .elementor-element.elementor-element-140ff38 strong {
    color: #ffffff; /* 粗體字變亮白 */
}

/* --- 手機版 RWD 優化 (關鍵修改) --- */
@media (max-width: 768px) {
    .elementor-41589 .elementor-element.elementor-element-140ff38 {
        /* 1. 增加手機版內距 (讓文字離邊框遠一點) */
        padding: 25px 20px 25px 25px; 
        
        /* 2. 調整上下邊距 */
        margin: 30px auto;

        /* 3. 手機版光條稍微變細 (選用，視覺比較平衡) */
        border-left-width: 4px;
    }

    /* 4. 標題文字稍微縮小 */
    .elementor-41589 .elementor-element.elementor-element-140ff38 h2.seo-title {
        font-size: 20px; 
        margin-bottom: 15px;
    }

    /* 5. 內文文字稍微縮小 */
    .elementor-41589 .elementor-element.elementor-element-140ff38 p {
        font-size: 15px; 
        line-height: 1.7; /* 手機版行高稍微小一點點 */
    }
}/* End custom CSS */