.elementor-2707 .elementor-element.elementor-element-70c41394{--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-2707 .elementor-element.elementor-element-70c41394:not(.elementor-motion-effects-element-type-background), .elementor-2707 .elementor-element.elementor-element-70c41394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #95CEDF 0%, #0088BA 100%);}.elementor-2707 .elementor-element.elementor-element-d7ba7ff{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-2707 .elementor-element.elementor-element-d7ba7ff:not(.elementor-motion-effects-element-type-background), .elementor-2707 .elementor-element.elementor-element-d7ba7ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f7f7f7;}.elementor-2707 .elementor-element.elementor-element-d7ba7ff::before, .elementor-2707 .elementor-element.elementor-element-d7ba7ff > .elementor-background-video-container::before, .elementor-2707 .elementor-element.elementor-element-d7ba7ff > .e-con-inner > .elementor-background-video-container::before, .elementor-2707 .elementor-element.elementor-element-d7ba7ff > .elementor-background-slideshow::before, .elementor-2707 .elementor-element.elementor-element-d7ba7ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-2707 .elementor-element.elementor-element-d7ba7ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2707 .elementor-element.elementor-element-defd8ac{--display:flex;--margin-top:-121px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2707 .elementor-element.elementor-element-1cf0a7d{animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-2707 .elementor-element.elementor-element-1cf0a7d .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-2707 .elementor-element.elementor-element-1cf0a7d .aux-modern-heading-secondary{font-size:38px;font-weight:500;line-height:1.5em;}.elementor-2707 .elementor-element.elementor-element-1cf0a7d .aux-modern-heading-divider{height:2px;width:160px;margin:0px 0px 0px 0px;}.elementor-2707 .elementor-element.elementor-element-d8fd293 > .elementor-widget-container{margin:90px 0px 150px 0px;}.elementor-2707 .elementor-element.elementor-element-d8fd293{animation-delay:150ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-2707 .elementor-element.elementor-element-d8fd293 .widget-inner > :not(.active) .aux-toggle-header{cursor:pointer;}.elementor-2707 .elementor-element.elementor-element-d8fd293 .aux-toggle-header{line-height:1.2em;}.elementor-2707 .elementor-element.elementor-element-d8fd293 .aux-toggle-content{color:#9b9b9b;line-height:1.7em;}@media(min-width:768px){.elementor-2707 .elementor-element.elementor-element-d7ba7ff{--content-width:1170px;}}@media(max-width:1024px){.elementor-2707 .elementor-element.elementor-element-d7ba7ff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2707 .elementor-element.elementor-element-1cf0a7d > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-2707 .elementor-element.elementor-element-d8fd293 > .elementor-widget-container{margin:50px 0px 50px 0px;}}@media(max-width:767px){.elementor-2707 .elementor-element.elementor-element-d7ba7ff{--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-2707 .elementor-element.elementor-element-defd8ac{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2707 .elementor-element.elementor-element-1cf0a7d > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-2707 .elementor-element.elementor-element-1cf0a7d .aux-modern-heading-secondary{font-size:36px;}.elementor-2707 .elementor-element.elementor-element-d8fd293 > .elementor-widget-container{margin:0px 0px 50px 0px;}}/* Start custom CSS for html, class: .elementor-element-9540d5 */<div class="pro-banner-ecommerce">
    <!-- 背景流光系統 (保持 180° 水平) -->
    <div class="stream-container">
        <div class="st-line st-1"></div>
        <div class="st-line st-2"></div>
        <div class="st-line st-3"></div>
    </div>

    <div class="banner-wrapper">
        <!-- 左側：專業文案與細線條圖示 -->
        <div class="text-side">
            <div class="tag">INDUSTRIES</div>
            <h1 class="main-title">電子商務</h1>
            <p class="desc">跨境電商 一鍵收付<br><span>為出海商家提供全方位的全球收款與資金管理方案</span></p>
            
            <div class="feature-list">
                <div class="f-item">
                    <svg class="f-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                    <span>50+ 平台覆蓋</span>
                </div>
                <div class="f-item">
                    <svg class="f-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                    <span>銀行級安全合規</span>
                </div>
                <div class="f-item">
                    <svg class="f-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg>
                    <span>小時級快速到帳</span>
                </div>
            </div>
        </div>

        <!-- 右側：智慧數據卡片視覺 (Smart Dashboard Visual) -->
        <div class="visual-side">
            <div class="glass-card main-card">
                <div class="card-header">Global Transaction</div>
                <div class="card-value">$ 842,500.00</div>
                <div class="card-chart">
                    <div class="bar" style="height: 40%"></div>
                    <div class="bar" style="height: 70%"></div>
                    <div class="bar" style="height: 50%"></div>
                    <div class="bar" style="height: 90%"></div>
                </div>
            </div>
            <div class="glass-card sub-card">
                <div class="check-mark">✓</div>
                <span>Payment Success</span>
            </div>
        </div>
    </div>
</div>/* End custom CSS */
/* Start custom CSS for aux_accordion, class: .elementor-element-d8fd293 */.elementor-2707 .elementor-element.elementor-element-d8fd293 .toggle-header:focus { outline:0 !important;
}

.elementor-2707 .elementor-element.elementor-element-d8fd293 .widget-toggle .toggle-header {
    border: solid 1px #EDEEEF;
    border-right: none;
    border-left: none;
}

.elementor-2707 .elementor-element.elementor-element-d8fd293 section .active {
    background-color: #FFF;
    border: none;
    box-shadow: 0 0 24px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.elementor-2707 .elementor-element.elementor-element-d8fd293  .aux-toggle-header .toggle-header  {
    font-weight: bolder;

}
.elementor-2707 .elementor-element.elementor-element-d8fd293  .elementor-element.elementor-element-b86d33a .widget-toggle .toggle-header {
    border: none;
}

.elementor-2707 .elementor-element.elementor-element-d8fd293 .aux-widget-accordion .active .toggle-header {
    border-bottom: 0;
    padding-bottom: 0;
    font-weight: 500 !important;
}

.elementor-2707 .elementor-element.elementor-element-d8fd293 .widget-toggle .toggle-content {
   border: none;
}/* End custom CSS */