.elementor-134 .elementor-element.elementor-element-6cd0835{--display:flex;--overlay-opacity:0.5;}.elementor-134 .elementor-element.elementor-element-6cd0835::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .e-con-inner > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .e-con-inner > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://i0.wp.com/femhgs.org/wp-content/uploads/2025/11/2020-12-10.webp?fit=1339%2C1020&ssl=1");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-134 .elementor-element.elementor-element-33cb66d{--display:flex;}.elementor-134 .elementor-element.elementor-element-bb5e76c{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-312d7f0{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:104px;--padding-bottom:104px;--padding-left:40px;--padding-right:40px;}.elementor-134 .elementor-element.elementor-element-312d7f0::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor4 );background-image:url("https://i0.wp.com/femhgs.org/wp-content/uploads/2025/11/2020-12-10.webp?fit=1339%2C1020&ssl=1");--background-overlay:'';background-size:cover;}.elementor-134 .elementor-element.elementor-element-9daab98{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-134 .elementor-element.elementor-element-4465fd3{--display:flex;}.elementor-134 .elementor-element.elementor-element-2186084{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-134 .elementor-element.elementor-element-8c667bd .profile-header > img, .elementor-134 .elementor-element.elementor-element-8c667bd .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-8c667bd .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-a5f6361 .profile-header > img, .elementor-134 .elementor-element.elementor-element-a5f6361 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-a5f6361 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-17d3787 .profile-header > img, .elementor-134 .elementor-element.elementor-element-17d3787 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-17d3787 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-f405d48 .profile-header > img, .elementor-134 .elementor-element.elementor-element-f405d48 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-f405d48 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-b9f0ccb .profile-header > img, .elementor-134 .elementor-element.elementor-element-b9f0ccb .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-b9f0ccb .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-5fa2ce2 .profile-header > img, .elementor-134 .elementor-element.elementor-element-5fa2ce2 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-5fa2ce2 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-b82722b .profile-header > img, .elementor-134 .elementor-element.elementor-element-b82722b .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-b82722b .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-0b2005d .profile-header > img, .elementor-134 .elementor-element.elementor-element-0b2005d .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-0b2005d .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-d9ac0ed .profile-header > img, .elementor-134 .elementor-element.elementor-element-d9ac0ed .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-d9ac0ed .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-c723d62 .profile-header > img, .elementor-134 .elementor-element.elementor-element-c723d62 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-c723d62 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-8e340b2 .profile-header > img, .elementor-134 .elementor-element.elementor-element-8e340b2 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-8e340b2 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-1e2eb8a .profile-header > img, .elementor-134 .elementor-element.elementor-element-1e2eb8a .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-1e2eb8a .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-b4d5d04 .profile-header > img, .elementor-134 .elementor-element.elementor-element-b4d5d04 .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-b4d5d04 .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-fd0d40a .profile-header > img, .elementor-134 .elementor-element.elementor-element-fd0d40a .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-fd0d40a .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}.elementor-134 .elementor-element.elementor-element-9e8c07a .profile-header > img, .elementor-134 .elementor-element.elementor-element-9e8c07a .profile-image-card img{border-radius:0%;}.elementor-134 .elementor-element.elementor-element-9e8c07a .ekit-team-img.profile-header > img{border-radius:50% 50% 50% 50%;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-134 .elementor-element.elementor-element-6cd0835::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .e-con-inner > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .e-con-inner > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-6cd0835 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-134 .elementor-element.elementor-element-312d7f0::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-134 .elementor-element.elementor-element-312d7f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-134 .elementor-element.elementor-element-312d7f0{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-134 .elementor-element.elementor-element-2186084{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-134 .elementor-element.elementor-element-312d7f0{--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-134 .elementor-element.elementor-element-2186084{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-5d59491 *//* --- 手機版醫師列表：比例修復最終版 --- */
@media screen and (max-width: 768px) {
    
    /* 1. 卡片容器設定 */
    .doctor-card {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        margin-bottom: 24px !important;
        background-color: #fff !important;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    }

    /* 2. 圖片容器設定 */
    .doctor-img {
        order: 1 !important;
        width: 100% !important;
        height: auto !important;
        flex-shrink: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding-top: 24px !important;
        padding-bottom: 10px !important;
        background-color: #fff !important;
        
        /* ★★★ 新增：消除容器上可能存在的奇怪邊框或形狀 ★★★ */
        border: none !important;
        border-radius: 0 !important;
        aspect-ratio: auto !important;
    }
    
    /* 3. 圖片本體設定 (關鍵修復區) */
    .doctor-img img {
        /* 設定寬度限制 */
        width: auto !important;
        max-width: 180px !important;
        
        /* ★★★ 關鍵：強制維持原始長寬比，防止變成正方形 ★★★ */
        height: auto !important;
        aspect-ratio: auto !important; 
        object-fit: contain !important; /* 確保圖片不被裁切 */
        
        /* ★★★ 關鍵：修復奇怪的橢圓形，改回正常的圓角矩形 ★★★ */
        border-radius: 12px !important; 
        border: none !important; /* 移除可能存在的預設邊框 */
        
        /* 陰影 */
        box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
        display: block !important;
        
        /* 重置所有可能影響形狀的變形 */
        transform: none !important;
        mask-image: none !important;
        -webkit-mask-image: none !important;
    }

    /* 4. 姓名資訊設定 */
    .doctor-info {
        order: 2 !important;
        position: relative !important;
        width: 100% !important;
        padding: 10px 15px !important;
        background-color: #fff !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
    }

    /* 5. 專長滑動區塊設定 */
    .specialty-slider {
        order: 3 !important;
        position: relative !important; 
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important; 
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100% !important;
        height: auto !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        background-color: #f2f7f4 !important;
        border-top: 1px solid #ddd !important;
        border-radius: 0 0 8px 8px !important;
        z-index: 10 !important;
    }

    /* 6. 文字顏色修正 */
    .specialty-slider .slider-title,
    .specialty-slider .slider-content {
        color: #333333 !important;
        text-align: left !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    .specialty-slider .slider-title {
        color: #008540 !important;
        font-weight: 700 !important;
        margin-bottom: 8px !important;
        font-size: 16px !important;
    }

    .specialty-slider .slider-content {
        font-size: 14px !important;
        line-height: 1.6 !important;
        white-space: normal !important;
    }
}
/* --- 手機版掛號按鈕樣式 --- */

/* 1. 預設電腦版不顯示 */
.mobile-booking-btn {
    display: none;
}

/* 2. 手機版顯示並美化 */
@media screen and (max-width: 768px) {
    .mobile-booking-btn {
        display: inline-block !important; /* 顯示出來 */
        margin-top: 12px !important;      /* 與上方文字拉開距離 */
        background-color: #008540 !important; /* 亞東綠 */
        color: #ffffff !important;        /* 白字 */
        padding: 6px 20px !important;     /* 內距：讓按鈕胖一點 */
        border-radius: 50px !important;   /* 圓角設計 */
        font-size: 14px !important;       /* 字體大小 */
        font-weight: bold !important;     /* 粗體 */
        letter-spacing: 1px !important;   /* 字距 */
        box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; /* 微微陰影 */
        transition: background 0.3s;
        
        /* 讓按鈕看起來可以點擊 */
        pointer-events: none; /* 關鍵：讓點擊穿透到父層連結，避免手機瀏覽器誤判 */
    }
    
    /* 讓 doctor-info 確保內容置中，這樣按鈕才會在正中間 */
    .doctor-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cd0835 *//* 網格排版 */
.doctor-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px; 
    padding: 20px;
}

/* 卡片設計 */
a.doctor-card {
    display: block; 
    position: relative; 
    background: #fff;   
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
    text-align: center;
    padding-bottom: 30px;
    text-decoration: none !important;
    z-index: 1; 
}

/* 滑鼠移過去的效果 */
a.doctor-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 133, 64, 0.15); 
    border-color: #008540;
    z-index: 100; 
}

/* 照片容器 */
.doctor-img {
    width: 120px;
    height: 120px;
    margin: 30px auto 15px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #f0f2f5;
    transition: border-color 0.3s;
    background: #fff; 
    position: relative; 
    z-index: 2;
}

a.doctor-card:hover .doctor-img {
    border-color: #008540;
}

.doctor-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

/* 文字設定 */
.doctor-info {
    position: relative; 
    z-index: 2; 
    background: #fff; 
    border-radius: 0 0 15px 15px; 
}

.doctor-info h3 {
    color: #008540; 
    margin: 10px 0;
    font-size: 20px;
    font-weight: 600;
}

.doctor-info p {
    font-size: 14px;
    color: #666;
    padding: 0 20px;
    line-height: 1.5;
    margin-bottom: 0;
}

/* ------------------------------------
   ★ 修改：右側滑出的專長區塊 (特大字體 + 頂部齊平版)
   ------------------------------------ */
.specialty-slider {
    position: absolute;
    
    /* ★ 關鍵修改：改成 -1px，讓它跟卡片頂部邊框完全齊平 */
    top: -1px; 
    
    right: 0;  
    
    /* 寬度維持特大 */
    width: 400px; 
    
    background: #fff; 
    border: 1px solid #008540; 
    border-left: none; 
    
    color: #333; 
    
    /* 稍微加大上方內距，避免對齊頂部後文字看起來太貼上面 */
    padding: 20px 18px 18px 25px; 
    
    border-radius: 0 10px 10px 0; 
    
    /* 字體維持特大 */
    font-size: 17px; 
    text-align: left;
    
    opacity: 0;
    visibility: hidden;
    transform: translateX(0); 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    z-index: -1; 
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1); 
}

/* 滑鼠滑過時觸發 */
a.doctor-card:hover .specialty-slider {
    opacity: 1;
    visibility: visible;
    transform: translateX(100%); 
    right: -10px; 
}

/* 滑塊內的標題 */
.slider-title {
    font-size: 16px; 
    font-weight: 700;
    color: #008540; 
    margin-bottom: 8px; 
    border-bottom: 1px solid #eee; 
    padding-bottom: 5px;
    letter-spacing: 1px;
}

/* 滑塊內的內容 */
.slider-content {
    line-height: 1.45; 
    color: #555; 
}

/* RWD: 手機隱藏 */
@media (max-width: 768px) {
    .specialty-slider {
        display: none; 
    }
}/* End custom CSS */