.elementor-24 .elementor-element.elementor-element-52f2c9d{--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;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#C9C9C9;--border-color:#C9C9C9;--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-widget-theme-site-logo .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 );}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-52f2c9d{--content-width:1250px;}}/* Start custom CSS for dce-rawphp, class: .elementor-element-ce3c324 */.elementor-24 .elementor-element.elementor-element-ce3c324 ul{
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.elementor-24 .elementor-element.elementor-element-ce3c324 ul li{
    text-align: center;
    padding: 0 31px;
    position: relative;      /* 為底線偽元素定位 */
}

.elementor-24 .elementor-element.elementor-element-ce3c324 ul li a{
    display: block;
    font-family: "Noto Sans TC", Sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: var(--e-global-color-secondary);
    fill: var(--e-global-color-secondary);
    padding: 30px 0;
    text-decoration: none;
}

.elementor-24 .elementor-element.elementor-element-ce3c324 .menu-item-desc{
    font-size: 12px;
    color: var(--e-global-color-primary);
}

/* 底線偽元素，預設縮起來 + 隱形 */
.elementor-24 .elementor-element.elementor-element-ce3c324 ul li::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;              /* 貼在 li 的底部 */
    width: 100%;
    height: 3px;
    background: #D70B2A;
    transform: scaleX(0);   /* 從 0 開始 */
    transform-origin: left center;
    opacity: 0;
    transition:
        transform 0.25s ease-out,
        opacity 0.25s ease-out;
}

/* hover 到 <a> 時，父層 li 也會 hover，所以用 li:hover 即可 */
.elementor-24 .elementor-element.elementor-element-ce3c324 ul li:hover::after,
.elementor-24 .elementor-element.elementor-element-ce3c324 ul li:focus-within::after{
    transform: scaleX(1);   /* 從左邊長出來 */
    opacity: 1;             /* 同時淡入 */
}
.elementor-24 .elementor-element.elementor-element-ce3c324 ul li.current-menu-item::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #D70B2A;
    transform-origin: left center;
    transform: scaleX(1);
    opacity: 1;
}/* End custom CSS */