.elementor-335 .elementor-element.elementor-element-123a1b4b{padding:100px 0px 100px 0px;}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-before-label span{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-after-label span{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );background-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-handle{background-color:var( --e-global-color-primary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-left-arrow{border-right-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-right-arrow{border-left-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-down-arrow{border-top-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-up-arrow{border-bottom-color:var( --e-global-color-secondary );}.elementor-widget-premium-addon-image-comparison .premium-twentytwenty-handle:after, .elementor-widget-premium-addon-image-comparison .premium-twentytwenty-handle:before{background-color:var( --e-global-color-secondary );}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-before-label span{color:#ffffff;font-weight:bold;text-transform:uppercase;background-color:rgba(0,0,0,0);}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-after-label span{color:#ffffff;font-weight:bold;text-transform:uppercase;background-color:rgba(0,0,0,0);}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-handle{width:50px;height:50px;background-color:#6EC1E400;border-style:solid;border-width:1px 1px 1px 1px;border-color:#363636;}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-left-arrow{border-right-color:#FFFFFF;}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-right-arrow{border-left-color:#FFFFFF;}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-down-arrow{border-top-color:#FFFFFF;}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-up-arrow{border-bottom-color:#FFFFFF;}.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-handle:after, .elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-handle:before{background-color:#000000;}.elementor-335 .elementor-element.elementor-element-2e12b3da.premium-img-compare-horizontal .premium-twentytwenty-handle:after,.elementor-335 .elementor-element.elementor-element-2e12b3da.premium-img-compare-horizontal .premium-twentytwenty-handle:before{width:2px;}/* Start custom CSS for premium-addon-image-comparison, class: .elementor-element-2e12b3da *//* 重置左箭頭並套用 SVG */
.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-left-arrow {
    /* 移除原本的 border 三角形 */
    border: none !important;
    
    /* 設定實際尺寸 */
    width: 20px !important;
    height: 20px !important;
    
    /* 套用 SVG 背景 */
    background-image: url('/wp-content/uploads/2025/08/個人騎行_上一台車.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 調整位置 */
    left: 50% !important;
    margin-left: -25px !important;
    margin-top: -10px !important;
    
    /* 確保 SVG 可見 */
    opacity: 1 !important;
    visibility: visible !important;
}

/* 重置右箭頭並套用 SVG */
.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-right-arrow {
    /* 移除原本的 border 三角形 */
    border: none !important;
    
    /* 設定實際尺寸 */
    width: 20px !important;
    height: 20px !important;
    
    /* 套用 SVG 背景 */
    background-image: url('/wp-content/uploads/2025/08/個人騎行_下一台車.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 調整位置 */
    right: 50% !important;
    margin-right: -25px !important;
    margin-top: -10px !important;
    
    /* 確保 SVG 可見 */
    opacity: 1 !important;
    visibility: visible !important;
}

/* 將手把移到線的最底端 */
.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-handle {
    top: calc(50% + 230px) !important;  /* 從中心點往下移動 230px（到線條最底端） */
}

/* 上方線條 - 顯示完整長度 */
.elementor-335 .elementor-element.elementor-element-2e12b3da.premium-img-compare-horizontal .premium-twentytwenty-handle:before {
    height: 350px !important;  /* 完整線條長度 (150+230) */
    bottom: 100% !important;    /* 從手把中心往上延伸 */
}

/* 隱藏下方線條 */
.elementor-335 .elementor-element.elementor-element-2e12b3da.premium-img-compare-horizontal .premium-twentytwenty-handle:after {
    display: none !important;
}

.elementor-335 .elementor-element.elementor-element-2e12b3da .premium-twentytwenty-container .premium-twentytwenty-before::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(156, 170, 136, 0.3);  /* 綠色半透明遮罩 */
    pointer-events: none;
    z-index: 1;
}/* End custom CSS */