/* ============================================================== */
/* 英文語系css */
/* ============================================================== */


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











/* ============================================================== */
/*------------------英文語系header-------------------------------*/
/* ============================================================== */

.header .wrap{

}




/* 在螢幕寬度大於991，小於1750時，套用這裡的特定樣式 */ 
@media screen and (min-width: 1101px) and (max-width: 1750px){
    .header .wrap{
        max-width: 106.25rem; /*1700*/
        width: 95%;
    }  

        .logo {
            width: 12.5rem; /*200px*/
            padding: clamp(1.1875rem, 1.4063vw, 1.6875rem) 0; /* 最小值 19px、大小約 1.4063vw、最大值 27px */
        }


        /*----- 版頭右 -----*/
        .header_rightArea {
            max-width: calc(100% - 13.4375rem);  /*100% - 215px*/
        }



        /*----- 主按鍵 -----*/
        .header .navbar {
                /* display: flex; */
            }
            .nav{
                /* float: none; */
            }
            .navTitle {
                /* display: flex;
                flex-direction: column;
                height: 100%; */
            }
            .nav > a,
            .nav .navTitle > a {
                line-height: 1.2;
                padding: clamp(0.5208rem, 1.3021vw, 1.5625rem) 0;      /* 最小值 8.33px、大小約 1.3021vw、最大值 25.00px */
                padding-left:  clamp(0.3125rem, 0.7813vw, 0.9375rem);  /* 最小值 5.00px、大小約 0.7813vw、最大值 15.00px */
                padding-right: clamp(0.3125rem, 0.7813vw, 0.9375rem);  /* 最小值 5.00px、大小約 0.7813vw、最大值 15.00px */
            }
                .header_home .nav .navTitle > a {
                    /* word-wrap: break-word;
                    word-break: break-all; */
                    flex-grow: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .nav .navOpen.pc ,
                .nav.vertical_nav .navOpen.pc.sstc {
                    /* top: 49px; */
                    top: calc(100% - 5px);
                }
}
    


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

    /*----- 語系 language -----*/
    .language_areaPC {
        top: 50%;
        transform: translateY(-50%);
    }

    /*-----PC搜尋區塊-----*/
    .search_areaPC {
        top: 50%;
        transform: translateY(-50%);
    }


    

    /*----- 主按鍵 -----*/
    .header .navbar {
        display: flex;
        align-items: center;
    }
        .nav{
            float: none;
        }
        .navTitle {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

}