.elementor-2142 .elementor-element.elementor-element-3a82feda{--display:flex;--justify-content:center;--background-transition:0.3s;--padding-top:10rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2142 .elementor-element.elementor-element-82c670a{width:var( --container-widget-width, 19% );max-width:19%;--container-widget-width:19%;--container-widget-flex-grow:0;z-index:1;}.elementor-2142 .elementor-element.elementor-element-82c670a > .elementor-widget-container{margin:-4rem 0rem -5rem 0rem;}.elementor-2142 .elementor-element.elementor-element-82c670a.elementor-element{--align-self:flex-end;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2142 .elementor-element.elementor-element-3a82feda{--padding-top:5rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2142 .elementor-element.elementor-element-82c670a > .elementor-widget-container{margin:-3rem 0rem -3rem 0rem;}.elementor-2142 .elementor-element.elementor-element-82c670a{--container-widget-width:33%;--container-widget-flex-grow:0;width:var( --container-widget-width, 33% );max-width:33%;}}/* Start custom CSS for shortcode, class: .elementor-element-8d2955b *//* 修正 WooCommerce 顯示密碼按鈕變灰色塊的問題 */
form.woocommerce-form-login .password-input {
    position: relative; /* 確保按鈕定位在輸入框內 */
}

form.woocommerce-form-login .show-password-input {
    background-color: transparent !important; /* 移除灰色背景 */
    border: none !important; /* 移除邊框 */
    box-shadow: none !important; /* 移除陰影 */
    padding: 0 !important; /* 移除多餘內距 */
    
    /* 定位調整 */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 10;
    
    /* 顏色設定 */
    color: #666 !important; /* 設定眼睛圖示顏色 */
    opacity: 0.7;
}

form.woocommerce-form-login .show-password-input:hover {
    background-color: transparent !important;
    opacity: 1;
}

/* 強制顯示眼睛圖示 (如果圖示消失的話) */
form.woocommerce-form-login .show-password-input::after {
    content: "\f06e"; /* FontAwesome 的眼睛圖示代碼 */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}

/* 點擊後顯示「隱藏」圖示 */
form.woocommerce-form-login .show-password-input.display-password::after {
    content: "\f070"; /* FontAwesome 的閉眼圖示代碼 */
}/* End custom CSS */