body{ 
	font-family:  var(--foreign_font) , var(--mandarin_font)  , "微軟正黑體", "新細明體" , "Times New Roman", Times, serif , "Barlow"  ,sans-serif;
}



/*====================================================================================*/
/* 版頭  */
/*====================================================================================*/

.navbar {
}
    .navTitle a {
        font-weight: 500;
    }


.languageBtn ,
.language_inArea .languageList:nth-of-type(2){
	font-family:  var(--foreign_font);
    /* font-family: "Times New Roman", Times, serif , var(--foreign_font) , var(--mandarin_font)  , "微軟正黑體", "新細明體", "Barlow"  ,sans-serif; */
    font-weight: 500;
}
.language_inArea .languageList:first-of-type{
	font-family:var(--mandarin_font);
    font-weight: 500;
}


.header_donate_btn{
    /* height: clamp(1.533rem, 0.648rem + 1.43vw, 2.362rem); */
    justify-content: center;
}
    .header_donate_btn a{
        /* align-items: baseline; */
    }

        .header_donate_btn a i {
            display: inline-flex;     /* 改為 flex 讓偽元素心形在 i 裡面居中 */
            align-items: center;
            justify-content: center;
            transform: translateY(clamp(-0.031rem, -0.065rem + 0.05vw, 0rem));
        }



@media screen and (min-width: 1210.1px) {

    /* 手機選單面板 .header_right_bg */
    .header_right_bg {
        /* column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem) * 0.8); */
    }
            /* 版頭操作區 .header_controls */
            .header_controls {
                /* column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem)* 0.5); */
            }

                /*  主導航 .navbar  */
                .navbar {	
                    /* column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem) * 0.5); */
                }



}


/* 在螢幕寬度990 ~ 1210時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) and (max-width: 1210px) {

    
    /* .header_donate_btn.pc {
        width: clamp(7.188rem, 5.362rem + 2.95vw, 8.125rem);
        white-space: unset;
    }
        .header_donate_btn a{
            overflow-wrap: break-word;
        }
            .nav {
                width: min-content;
            }  */



}



/* 在螢幕寬度大於990時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

	.header > .wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/*max-width: 118.75rem;*/ /*1900*/
        width: 99%;
	}


        .logo {
        }


        /* 手機選單面板 .header_right_bg */
        .header_right_bg {
            /* column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem) * 0.8); */
            max-width: calc( 100% - ( clamp(9.375rem, -7.026rem + 26.48vw, 24.75rem) * 0.8 ) - 0.9375rem );
        }

            .header_donate_btn.pc {
                /* width: clamp(7.188rem, 5.362rem + 2.95vw, 8.125rem); */
                width: clamp(8.438rem, 7.437rem + 1.61vw, 9.375rem);
                white-space: unset;
            }

            .header_donate_btn {
                height: clamp(1.533rem, 0.648rem + 1.43vw, 2.362rem);
                justify-content: center;
                font-size: clamp(0.875rem, 0.675rem + 0.32vw, 1.063rem);
            }
                .header_donate_btn a{
                    overflow-wrap: break-word;
                }

            /* 版頭操作區 .header_controls */
            .header_controls {
                row-gap: 0.25rem;
                column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem) * 2);
                /* column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem)* 0.5); */
            }


                /* PC 版語系（在 header_controls 內，捐款按鍵下方右對齊） */
                .language_pc {
                    font-size: clamp(0.875rem, 0.675rem + 0.32vw, 1.063rem);
                }
                    .language_inArea {
                        right: unset;
                        left: 50%;
                        transform: translateX(-50%);
                    }
                        /*  主導航 .navbar  */
                        .navbar {	
                            font-size: clamp(0.875rem, 0.675rem + 0.32vw, 1.063rem);
                            /* column-gap: calc(clamp(0.313rem, -0.554rem + 1.4vw, 1.125rem) * 0.5); */
                        }
                            .nav {
                                /* width: min-content; */
                                width: calc(100% / 6);
                            }
                                .navTitle a {
                                    overflow-wrap: break-word;
                                    white-space: unset;
                                    text-align: center;
                                }




}




@media (max-width: 510px){

    .header_donate_btn.mobile {
        width: 6.25rem;
        font-size: 0.75rem;
        white-space: unset;
    }
        .header_donate_btn a{
            overflow-wrap: break-word;
            line-height: 1;
        }
}







/*====================================================================================*/
/* 版腳  */
/*====================================================================================*/


/* 在螢幕寬度大於990時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

    .footer_nav_content {
        column-gap: clamp(1.613rem, 2.6vw, 3.125rem);
    }

    .footer_nav_group::before {
        left: calc(clamp(1.613rem, 2.6vw, 3.125rem) * -0.5);
    }

}

















/*====================================================================================*/
/* 共用內容  */
/*====================================================================================*/

.main {
   
}

/* 在螢幕寬度大於990時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {

.main {
    margin-top: 81px;
}

}









/*====================================================================================*/
/* 首頁內容  */
/*====================================================================================*/




/* ================================ */
/* Section 1：banner   
/* ================================ */



/* 在螢幕寬度大於990.1時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px) {


    .index_banner_box .title {
        font-size: calc(clamp(1.875rem, 3vw, 3.25rem) * 0.8);
    }
    .index_banner_box .description {
        letter-spacing: calc(0.02em * 0.8);
        font-size: calc(clamp(0.9375rem, 1.04vw, 1.25rem) * 0.8);
    }
    .index_banner_btn button {
        font-size: calc(clamp(0.9375rem, 1vw, 1.1875rem) * 0.8);
    }

}
/* --- 手機（切換 banner_mobile，文字改置於圖片下方） --- */
@media (max-width: 990px) {

    .index_banner_box .title {
        font-size: calc(clamp(1.875rem, 3vw, 3.25rem) * 0.9);
    }
    .index_banner_box .description {
        letter-spacing: calc(0.02em * 0.9);
        font-size: calc(clamp(0.9375rem, 1.04vw, 1.25rem) * 0.9);
    }
    .index_banner_btn button {
        font-size: calc(clamp(0.9375rem, 1vw, 1.1875rem) * 0.9);
    }

}









/* ================================ */
/* Section 3-2：右側：衛教資源中心  */
/* ================================ */

.index_health_more .btn_outline_primary {
    line-height: 1.1;
}

@media (max-width: 990px){

    .index_health_more .btn_outline_primary {
        width: 95%;
    }

}