.elementor-98553 .elementor-element.elementor-element-175f0bec > .elementor-container{max-width:1212px;min-height:0px;}.elementor-98553 .elementor-element.elementor-element-6b314e47 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), 微軟正黑體,Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-98553 .elementor-element.elementor-element-66cb7c97 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-98553 .elementor-element.elementor-element-66cb7c97 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), 微軟正黑體,Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-98553 .elementor-element.elementor-element-2fa10ebb{text-align:center;}.elementor-98553 .elementor-element.elementor-element-2fa10ebb .elementor-heading-title{font-size:4rem;color:#00356B;}.elementor-98553 .elementor-element.elementor-element-5cdd25c6 > .elementor-widget-container{margin:-17px 0px 0px 0px;}.elementor-98553 .elementor-element.elementor-element-5cdd25c6{text-align:center;}.elementor-98553 .elementor-element.elementor-element-5cdd25c6 .elementor-heading-title{color:#00356B;}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-family:var( --e-global-typography-text-font-family ), 微軟正黑體,Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search-form .elementor-search-form__input,
					.elementor-widget-search-form .elementor-search-form__icon,
					.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button,
					.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover,
					.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-search-form .elementor-search-form__submit{font-family:var( --e-global-typography-text-font-family ), 微軟正黑體,Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-secondary );}.elementor-98553 .elementor-element.elementor-element-79ba63f9 > .elementor-widget-container{margin:13px 13px 13px 13px;}.elementor-98553 .elementor-element.elementor-element-79ba63f9 .elementor-search-form__container{min-height:38px;}.elementor-98553 .elementor-element.elementor-element-79ba63f9 .elementor-search-form__submit{min-width:38px;}body:not(.rtl) .elementor-98553 .elementor-element.elementor-element-79ba63f9 .elementor-search-form__icon{padding-left:calc(38px / 3);}body.rtl .elementor-98553 .elementor-element.elementor-element-79ba63f9 .elementor-search-form__icon{padding-right:calc(38px / 3);}.elementor-98553 .elementor-element.elementor-element-79ba63f9 .elementor-search-form__input, .elementor-98553 .elementor-element.elementor-element-79ba63f9.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(38px / 3);padding-right:calc(38px / 3);}.elementor-98553 .elementor-element.elementor-element-79ba63f9 input[type="search"].elementor-search-form__input{font-family:"Roboto", 微軟正黑體,Sans-serif;font-size:1.1em;font-weight:400;}.elementor-98553 .elementor-element.elementor-element-79ba63f9:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-98553 .elementor-element.elementor-element-79ba63f9.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-98553 .elementor-element.elementor-element-5c3a0979 > .elementor-element-populated{padding:24px 0px 0px 0px;}.elementor-98553 .elementor-element.elementor-element-16f9a3e5{--grid-template-columns:repeat(0, auto);--icon-size:26px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-98553 .elementor-element.elementor-element-16f9a3e5 .elementor-widget-container{text-align:right;}.elementor-98553 .elementor-element.elementor-element-16f9a3e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-98553 .elementor-element.elementor-element-16f9a3e5 .elementor-social-icon{--icon-padding:0.2em;}.elementor-98553 .elementor-element.elementor-element-88763c6{--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-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), 微軟正黑體,Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), 微軟正黑體,Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-98553 .elementor-element.elementor-element-6b314e47{width:20.957%;}.elementor-98553 .elementor-element.elementor-element-66cb7c97{width:50%;}.elementor-98553 .elementor-element.elementor-element-7afa7f9d{width:20.544%;}.elementor-98553 .elementor-element.elementor-element-5c3a0979{width:8.478%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-search-form .elementor-search-form__submit{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-98553 .elementor-element.elementor-element-2fa10ebb > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-98553 .elementor-element.elementor-element-2fa10ebb .elementor-heading-title{font-size:40px;}.elementor-98553 .elementor-element.elementor-element-5cdd25c6 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-98553 .elementor-element.elementor-element-5cdd25c6 .elementor-heading-title{font-size:40px;}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-search-form .elementor-search-form__submit{font-size:var( --e-global-typography-text-font-size );}.elementor-98553 .elementor-element.elementor-element-16f9a3e5 > .elementor-widget-container{padding:0px 15px 0px 0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-059a36b *//* =========================================================
   台北慈濟醫院－癌症中心主選單
   Elementor Pro Nav Menu－全寬自然換行完整 CSS
   ---------------------------------------------------------
   使用位置：
   Elementor「WordPress Menu／Nav Menu」小工具
   → 進階
   → 自訂 CSS

   套用前請注意：
   1. 先將原本自訂 CSS 全部刪除。
   2. 本檔內容直接貼入，不要加 <style>。
   3. 不要加 ```css 或 ```。
   4. 桌機空間足夠時，8 個主選單自然維持同一列。
   5. 空間不足時，整個選單項目自然換行。
   6. 單一選單文字不拆行。
   7. 平板仍採自然換行，不固定欄數。
   8. 手機沿用 Elementor 原生漢堡選單。
========================================================= */


/* =========================================================
   一、選單整體外框
   ---------------------------------------------------------
   上緣使用慈濟綠，下緣使用癌症中心藍。
   背景採白色到淡藍灰漸層，搭配柔和陰影。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b > .elementor-widget-container {
    width: 100%;
    padding: 0.5rem 0.85rem 0.6rem;

    border-top: 0.25rem solid #1e7b44;
    border-bottom: 0.125rem solid #00539f;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f2f7fa 58%,
        #edf4f8 100%
    );

    box-shadow:
        0 0.35rem 0.9rem rgba(0, 58, 108, 0.14),
        inset 0 0.0625rem 0 rgba(255, 255, 255, 0.95);
}


/* =========================================================
   二、桌機主選單容器
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main {
    width: 100%;
}


/* =========================================================
   三、主選單使用 Flex 自然換行
   ---------------------------------------------------------
   空間足夠時所有項目維持同一列。
   空間不足時，整個選單項目移到下一列。
   每一列都以整組置中，避免最後一列偏左。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main > ul.elementor-nav-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch;
    align-content: center;

    width: 100%;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    column-gap: clamp(0.35rem, 0.9vw, 1rem);
    row-gap: 0.3rem;
}


/* 每一個主選單項目依文字寬度自然排列 */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main > ul.elementor-nav-menu > li {
    position: relative;

    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
    grid-column: auto !important;
}


/* =========================================================
   四、桌機主選單文字
   ---------------------------------------------------------
   桌機字體設定為 1.5rem，約 24px。
   若要調整，只需修改此處 font-size。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item {

    display: flex !important;
    align-items: center;
    justify-content: center;

    width: auto;
    min-width: 0;
    min-height: 3.75rem;

    padding: 0.72rem 0.85rem !important;

    border: 0;
    border-radius: 0;

    background: transparent;
    color: #003b6f !important;

    font-size: 2.4rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em;

    text-align: center;
    text-decoration: none !important;

    /* 單一選單文字不拆行 */
    white-space: nowrap;

    transition:
        color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


/* =========================================================
   五、移除 Elementor 原本的底線動畫
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main .elementor-item::after {
    display: none !important;
}


/* =========================================================
   六、桌機主選單 Hover
   ---------------------------------------------------------
   僅保留綠色底線與文字微調，不使用大色塊。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
> ul.elementor-nav-menu
> li
> a.elementor-item:hover {

    background: transparent !important;
    color: #002f5d !important;

    box-shadow: inset 0 -0.25rem 0 #1e7b44;

    transform: translateY(-0.0625rem);
}


/* =========================================================
   七、目前頁面與已展開主選單
   ---------------------------------------------------------
   同樣維持底線風格，不使用大色塊。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
.current-menu-item
> a.elementor-item,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
.current-menu-ancestor
> a.elementor-item,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
a.elementor-item.elementor-item-active,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
a.elementor-item.has-submenu.highlighted {

    background: transparent !important;
    color: #002f5d !important;

    box-shadow: inset 0 -0.25rem 0 #1e7b44;

    text-decoration: underline !important;
    text-decoration-thickness: 0.125rem !important;
    text-underline-offset: 0.32rem;
}


/* =========================================================
   八、子選單箭頭
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main .sub-arrow {
    margin-left: 0.35rem;
    color: inherit;
    fill: currentColor;
}


/* =========================================================
   九、AA 鍵盤焦點
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b a.elementor-item:focus-visible,
.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-menu-toggle:focus-visible {
    outline: 0.1875rem solid #ffbf47 !important;
    outline-offset: 0.1875rem;
    border-radius: 0.35rem;
}


/* =========================================================
   十、桌機下拉選單外框
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main ul.sub-menu {
    min-width: 15rem;
    padding: 0.4rem;

    border: 0.0625rem solid #bfd1dc;
    border-top: 0.25rem solid #1e7b44;
    border-radius: 0 0 0.65rem 0.65rem;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f5f9fb 100%
    );

    box-shadow:
        0 0.75rem 1.5rem rgba(0, 47, 93, 0.22);
}


/* =========================================================
   十一、桌機下拉選單項目
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item {
    display: flex;
    align-items: center;

    min-height: 2.9rem;
    padding: 0.7rem 1rem !important;

    border-bottom: 0.0625rem solid #e0e9ef;
    border-radius: 0.35rem;

    background: transparent;
    color: #003b6f !important;

    font-size: 1.6rem !important;
    font-weight: 700 !important;
    line-height: 1.45;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        padding-left 0.2s ease,
        box-shadow 0.2s ease;
}


/* 最後一筆子選單移除底線 */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
ul.sub-menu
li:last-child
> a.elementor-sub-item {
    border-bottom: 0;
}


/* 桌機子選單 Hover／Focus 使用淡藍色塊 */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
ul.sub-menu
a.elementor-sub-item:hover,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
ul.sub-menu
a.elementor-sub-item:focus {

    padding-left: 1.3rem !important;

    background: #eaf4f9 !important;
    color: #002f5d !important;

    box-shadow: inset 0.25rem 0 0 #1e7b44;
}


/* =========================================================
   十二、平板版
   ---------------------------------------------------------
   Elementor 目前為 dropdown-mobile，
   因此平板仍顯示水平選單。
   平板使用自然換行，不固定 4 欄。
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main > ul.elementor-nav-menu {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;

        column-gap: 0.3rem;
        row-gap: 0.3rem;
    }

    .elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main
    > ul.elementor-nav-menu
    > li
    > a.elementor-item {

        min-height: 3.35rem;
        padding: 0.65rem 0.7rem !important;

        /* 平板字體應小於桌機，避免過早換行 */
        font-size: 1.6rem !important;

        white-space: nowrap;
    }

    .elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--main ul.sub-menu a.elementor-sub-item {
        font-size: 1.4rem !important;
    }
}


/* =========================================================
   十三、手機版外框與漢堡按鈕
   ---------------------------------------------------------
   手機沿用 Elementor 原生展開／收合機制。
========================================================= */

@media (max-width: 767px) {

    .elementor-98553 .elementor-element.elementor-element-059a36b > .elementor-widget-container {
        padding: 0.4rem 0.55rem;
    }

    .elementor-98553 .elementor-element.elementor-element-059a36b .elementor-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 3.25rem;
        min-width: 3.25rem;
        height: 3.25rem;
        min-height: 3.25rem;

        margin-left: auto;

        border: 0.0625rem solid #88afc7;
        border-radius: 0.5rem;

        background: linear-gradient(
            180deg,
            #ffffff 0%,
            #eaf3f8 100%
        );

        color: #003b6f;

        /* 手機漢堡圖示大小 */
        font-size: 1.65rem;
    }

    .elementor-98553 .elementor-element.elementor-element-059a36b .elementor-menu-toggle:hover,
    .elementor-98553 .elementor-element.elementor-element-059a36b .elementor-menu-toggle.elementor-active {

        border-color: #1e7b44;

        background: linear-gradient(
            180deg,
            #27895b 0%,
            #176a40 100%
        );

        color: #ffffff;
    }
}


/* =========================================================
   十四、手機下拉選單外框
   ---------------------------------------------------------
   手機下拉選單整體背景、邊框與陰影在此調整。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown {
    margin-top: 0.4rem;
    padding: 0.45rem;

    border: 0.0625rem solid #bfd1dc;
    border-top: 0.25rem solid #1e7b44;
    border-radius: 0 0 0.65rem 0.65rem;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f4f8fa 100%
    );

    box-shadow:
        0 0.65rem 1.3rem rgba(0, 47, 93, 0.2);
}


.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown ul.elementor-nav-menu {
    margin: 0;
    padding: 0;
}


/* =========================================================
   十五、手機下拉主選單項目
   ---------------------------------------------------------
   手機下拉文字大小、內距與基本色彩在此調整。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown a.elementor-item {
    display: flex;
    align-items: center;

    min-height: 3.25rem;
    padding: 0.8rem 1rem !important;

    border-bottom: 0.0625rem solid #dce7ed;
    border-radius: 0.4rem;

    background: transparent;
    color: #003b6f !important;

    /* 手機下拉主選單字體大小 */
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    line-height: 1.5;

    text-align: left;
    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        padding-left 0.2s ease,
        box-shadow 0.2s ease;
}


/* 手機子選單縮排與字體 */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
ul.sub-menu
a.elementor-item {

    padding-left: 2rem !important;

    background: rgba(238, 246, 251, 0.42);

    font-size: 1.3rem !important;
    font-weight: 600 !important;
}


/* =========================================================
   十六、手機 Hover／Focus／目前頁面
   ---------------------------------------------------------
   手機採淡藍色塊＋綠色左線，方便觸控與辨識。
========================================================= */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
a.elementor-item:hover,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
a.elementor-item:focus,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
a.elementor-item.elementor-item-active,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
.current-menu-item
> a.elementor-item,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
.current-menu-ancestor
> a.elementor-item,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
a.elementor-item.has-submenu.highlighted {

    background: #e8f3f8 !important;
    color: #002f5d !important;

    box-shadow: inset 0.25rem 0 0 #1e7b44;
}


/* 手機下拉主選單 Hover 時略微縮排 */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li
> a.elementor-item:hover,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
> ul.elementor-nav-menu
> li
> a.elementor-item:focus {

    padding-left: 1.25rem !important;
}


/* 手機子選單 Hover 時保留較深縮排 */

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
ul.sub-menu
a.elementor-item:hover,

.elementor-98553 .elementor-element.elementor-element-059a36b .elementor-nav-menu--dropdown
ul.sub-menu
a.elementor-item:focus {

    padding-left: 2.25rem !important;
}/* End custom CSS */