.elementor-12408 .elementor-element.elementor-element-22d9113{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:4%;--padding-bottom:15%;--padding-left:2%;--padding-right:2%;}.elementor-12408 .elementor-element.elementor-element-22d9113:not(.elementor-motion-effects-element-type-background), .elementor-12408 .elementor-element.elementor-element-22d9113 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-12408 .elementor-element.elementor-element-d75d329 > .elementor-widget-container{margin:111px 0px 111px 0px;}.elementor-12408 .elementor-element.elementor-element-d75d329{text-align:start;}.elementor-12408 .elementor-element.elementor-element-d75d329 .elementor-heading-title{font-size:clamp(42px, 5vw, 100px);color:#FFFFFF;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group > label, .elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-subgroup label{color:#FFFFFF;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-type-html{padding-bottom:0px;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-button[type="submit"]{color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-12408 .elementor-element.elementor-element-c5b7c6c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:797px){.elementor-12408 .elementor-element.elementor-element-22d9113{--width:100%;}}/* Start custom CSS for form, class: .elementor-element-c5b7c6c *//* =========================================
   RideArt 詢價表單 - 最終完整版 (All-in-One)
   ========================================= */

/* --- 1. 輸入框樣式：透明底 + 下劃線 --- */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-field {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    padding-left: 0 !important;
    height: 50px !important;
}

/* --- 2. 輸入時 Focus 特效 --- */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-field:focus {
    border-bottom: 1px solid #ffffff !important;
    transition: all 0.3s ease;
}

/* --- 3. Placeholder 提示文字顏色 --- */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-field::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px;
    letter-spacing: 1px;
}

/* --- 4. 按鈕樣式：幽靈按鈕 (緊緻版) --- */
/* 外層容器置中 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group.elementor-field-type-submit {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* 按鈕本體 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-button[type="submit"] {
    width: auto !important; /* 寬度自動 */
    display: inline-block !important;
    min-width: 0 !important;
    flex-grow: 0 !important;
    
    /* 強制殺死背景色 */
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    
    /* 邊框與文字 */
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    
    /* 尺寸與排版 */
    padding: 12px 40px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    margin-top: 10px;
}

/* 按鈕 Hover 特效 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-button[type="submit"]:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    transform: translateY(-3px);
}

/* --- 5. 訊息樣式：成功與失敗 --- */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-message.elementor-message-success {
    background: transparent !important;
    color: #ffffff !important;
    text-align: center !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    padding: 15px !important;
    margin-top: 20px !important;
    box-shadow: none !important;
}
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-message.elementor-message-danger {
    background: transparent !important;
    color: #ff4d4d !important;
    text-align: center !important;
    border: 1px solid #ff4d4d !important;
}

/* --- 6. 下拉選單樣式 (Select) --- */
/* 白色箭頭 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-select-wrapper::before {
    color: #ffffff !important;
    font-size: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 0px !important;
    pointer-events: none;
}
/* 避免文字蓋住箭頭 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-select-wrapper select {
    padding-right: 20px !important;
    cursor: pointer !important;
}
/* 選項背景 (部分瀏覽器有效) */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c select option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* --- 7. 必填米字 (*) 漂白 --- */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-mark-required,
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-label span,
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-label::after {
    color: #ffffff !important;
}

/* --- 8. 極簡報錯：紅線 + 搖晃 (不顯示文字) --- */
/* 隱藏錯誤文字 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-message {
    display: none !important; 
}

/* 錯誤時變紅線 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group.elementor-error .elementor-field {
    border-bottom-color: #ff4d4d !important;
}

/* 定義搖晃動畫 */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/* 觸發搖晃 */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group.elementor-error {
    animation: shake 0.4s ease-in-out;
}

/* --- 9. 強制修復下拉選單 (Select) 變白的問題 --- */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c .elementor-field-group .elementor-select-wrapper select,
.elementor-12408 .elementor-element.elementor-element-c5b7c6c select {
    /* 核心修復：強制背景透明 */
    background-color: transparent !important; 
    background: transparent !important;
    
    /* 文字顏色 */
    color: #ffffff !important;
    
    /* 確保邊框風格跟其他欄位一致 (只留底線) */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 0 !important;
    
    /* 殺死瀏覽器預設的立體樣式 (這行最關鍵！) */
    -webkit-appearance: none !important;
    appearance: none !important;
    
    /* 調整內距 */
    padding: 0 !important;
    height: 50px !important;
}

/* 確保點開後的「選項清單」還是看得見 (白底黑字) */
.elementor-12408 .elementor-element.elementor-element-c5b7c6c select option {
    background-color: #ffffff !important;
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f1bbcd */<script>
/* 禁用瀏覽器預設的醜氣泡驗證 */
document.addEventListener('DOMContentLoaded', function() {
    var forms = document.querySelectorAll('.elementor-form');
    forms.forEach(function(form) {
        form.setAttribute('novalidate', true);
    });
});
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d9113 *//* --- 高質感下劃線表單風格 --- */

/* 1. 移除原本的框框和背景 */
.elementor-12408 .elementor-element.elementor-element-22d9113 .elementor-field-group .elementor-field,
.elementor-12408 .elementor-element.elementor-element-22d9113 .elementor-field-group .elementor-select-wrapper select {
    background-color: transparent !important; /* 背景透明 */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; /* 只有底部有淡淡的白線 */
    border-radius: 0 !important; /* 直角 */
    color: #ffffff !important; /* 文字白色 */
    padding-left: 0 !important; /* 文字靠左對齊，不留空隙 */
    height: 50px !important;
}

/* 2. 輸入時 (Focus) 的特效 */
.elementor-12408 .elementor-element.elementor-element-22d9113 .elementor-field-group .elementor-field:focus {
    border-bottom: 1px solid #ffffff !important; /* 輸入時底線變亮 */
    transition: all 0.3s ease;
}

/* 3. 修改 Placeholder (提示文字) 顏色 */
.elementor-12408 .elementor-element.elementor-element-22d9113 .elementor-field-group .elementor-field::placeholder {
    color: rgba(255, 255, 255, 0.4) !important; /* 淡淡的灰色 */
    font-size: 14px;
    letter-spacing: 1px;
}

/* 4. 修改按鈕 (Submit Button) */
.elementor-12408 .elementor-element.elementor-element-22d9113 .elementor-button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    width: 100%; /* 按鈕滿版 */
    margin-top: 20px;
}/* End custom CSS */