/* =================================== */
		/* 新增：最頂部的語言切換器樣式 - 請放在檔案最開頭 */
		/* =================================== */
		.lang-switcher {
			position: fixed; /* 固定定位 */
			top: 0; /* 位於頁面頂部 */
			right: 0; /* 位於頁面右側 */
			z-index: 1000; /* 確保它在所有元素之上 */
			display: flex;
			align-items: center;
			/*background-color: #f8f9fa; /* 背景色 */
			background-color: transparent;
			padding: 5px 15px; /* 內邊距 */
			 /*border-bottom: 1px solid #dee2e6; /* 底部邊線 */
			gap: 8px; /* 按鈕之間的間距 */
			width: 100%; /* 佔滿整個寬度 */
			justify-content: flex-end; /* 內容靠右對齊 */
			box-sizing: border-box; /* 確保 padding 不會增加總寬度 */
		}

		.lang-switcher button {
			background-color: transparent; /* 預設按鈕背景色 */
			border: none;
			/*border-radius: 4px;*/
			color: #FFFFFF;
			font-size: 14px;
			cursor: pointer;
			padding: 4px 10px;
			transition: background-color 0.2s, color 0.2s, border-color 0.2s;
		}

		.lang-switcher button:hover {
			background-color: #007bff;
			color: #ffffff;
			border-color: #007bff;
		}

		/* 當前選中的語言按鈕樣式 */
		.lang-switcher button.active {
			background-color: #007bff;
			color: #ffffff;
			border-color: #007bff;
		}

		/* 確保這段新加的樣式不會重複出現，並刪除之前 media query 內為 .lang-switcher 設定的樣式 */
@media screen and (max-width: 767px) {
	
    #menu-control {
        display: none;
    }

    #menu-control:checked ~ header > nav > .menu-container {
        right: 0;
    }
	/* 預設隱藏手機版 LOGO */
	.mobile-logo {
	  display: block;
	}

	/* 桌面版顯示桌面 LOGO */
	.desktop-logo {
	  display: none;
	}
	

    .expand {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }

    .expand::after {
        content: '';
        background-color: #ffffff;
        width: 10px;
        height: 10px;
        display: block;
        clip-path: polygon(50% 25%, 0 75%, 100% 75%);
        transition: all 0.5s;
    }

    .close {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
    }

    .close::after {
        content: '';
        background-color: #ffffff;
        width: 10px;
        height: 10px;
        display: block;
        clip-path: polygon(50% 75%, 0 25%, 100% 25%);
        transition: all 0.5s;
    }

    header {
        display: flex;
        width: 100%;
		top: 35px;
        height: 70px;
        align-items: center;
        justify-content: center;
        position: fixed !important;
        left: 0;
        z-index: 20005;
        background-color: #143159; /* Ensure visibility of menu button */
    }

    header #MenuControl {
        position: absolute;
        right: 20px;
        top: 70%;
        transform: translateY(-50%);
        z-index: 10;
        cursor: pointer; /* Added for better UX */
    }

    header #MenuControl span {
        width: 32px;
        height: 2px;
        background-color: #ffffff;
        display: block;
    }

    header #MenuControl span + span {
        margin-top: 7px;
    }

    header nav .logo {
        width: 136px;
        height: 30px;
    }

    header nav .logo img {
        max-width: 100%;
        max-height: 100%;
    }

    header nav {
        display: flex;
        width: 100%;
        justify-content: space-between; /* Adjusted for better alignment */
        align-items: center;
        padding: 0 20px; /* Adjusted padding */
		white-space: nowrap;
    }

    header nav > .menu-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        position: fixed;
        top: 70px; 
        right: -100%;
        z-index: 10005;
        transition: right 0.5s;
        background-color: #143159;
        height: 100vh;
    }
	/* 調整按鈕樣式以適應行動版 */
    .lang-switcher button {
        font-size: 12px;
        padding: 2px 8px;
    }

    header nav > .menu-container > ul {
        list-style: none;
        padding: 70px 0px 20px 0px;
        margin: 0; /* Reset margin */
        width: 100%;
        overflow: auto;
    }

    header nav > .menu-container > ul > li {
        /* width: 100%; */
        width:250px;
        position: relative; /* Ensure submenu appears relative to the parent */
        /* text-align: center; */
        /* padding-left: 40%; */
        left: 40%;
        transform: translateX(-70%);
    }

    header nav > .menu-container > ul > li > a {
        /* width: 100%; */
        text-decoration: none;
        color: #ffffff;
        padding: 20px 0;
        display: block;
    }

    header .menu-container .menu li a .img-box {
        width: 20px; /* Adjusted width */
        margin-right: 10px; /* Adjusted margin for spacing */
    }

    header > .menu-container > .menu li a .img-box img {
        width: 100%;
    }

    .pc-submenu {
        display: none;
        position: static; /* Position relative to parent, and static for better animation handling */
        background-color: #143159; /* Match the background color */
        width: 100%;
        z-index: 7;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

    .pc-submenu li {
        width: 100%;
    }

    .pc-submenu li a {
        padding: 10px 20px;
        display: block;
        color: #ffffff;
        text-decoration: none;
    }

    .menu-container ul.menu li.open .pc-submenu {
        display: block;
        max-height: 500px; /* 設置您希望的最大高度 */
        opacity: 1;
    }
}

@media screen and (min-width: 768px) {
    #menu-control {
        display: none;
    }
	 .desktop-logo {
		display: block;
	  }
	  
	  .mobile-logo {
		display: none;
	  }


    header {
        display: flex;
        width: 100%;
        top: 35px; /* 語言切換器高度約為 35px */
        height: auto; /* 保持為 auto */
        min-height: 100px; /* 確保 header 至少有 100px 的高度 */
        align-items: center;
        justify-content: center;
        position: fixed !important;
		z-index:10005;
        /* background-color: #143159; */
    }
    /* 調整按鈕樣式以適應桌面版，與全局樣式保持一致 */
    .lang-switcher button {
        font-size: 14px;
        padding: 4px 12px;
    }
    header nav > .logo {
        width: 200px;
    }
    header nav > .logo img {
        width: 100%;
    }

    header nav {
        display: flex;
        max-width: 1280px;
        width: calc(100% - 40px);
        gap: 40px;
        justify-content: space-around;
        align-items: center;
    }

    header nav > .menu-container {
        width: calc(100% - 240px);
    }

    /* 這裡開始是選單列 (ul.menu) 的修改 */
    header nav > .menu-container > ul {
        display: flex;
        justify-content: flex-end;
        /* **修改**：從 stretch 改回 center */
        align-items: center;
        align-content: flex-start;
        /* **修改**：從 wrap 改回 nowrap (或直接移除此行，nowrap 是預設值) */
        flex-wrap: nowrap;
        list-style: none;
        width: 100%;
        height: auto; /* 保持為 auto */
        min-height: 100%; /* 保持 min-height */
    }

    /* 針對每個 li 項目（選單選項）的樣式，保持不變 */
    header nav > .menu-container > ul > li {
        position: relative;
        height: auto; /* 保持 auto */
        min-height: 100%; /* 保持 min-height */
        display: flex;
        align-items: center;
    }


    .mobile-submenu {
        display: none;
    }

    .location-container {
        position: relative;
    }

    .pc-submenu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        list-style: none;
        position: absolute;
        top: 60px;
        z-index: 11;
        background-color: #ffffff;
        box-shadow: 0px 0px 09px #000000;
        padding: 10px 5px;
        border-top: #77cd4a 3px solid;
        display: none;
    }

    .pc-submenu > li > a {
        text-decoration: none;
        color: #000000;
        white-space: nowrap;
        padding: 10px 20px;
        display: block;
    }

    .pc-submenu > li > a > span {
        color: #828282;
    }

    .pc-submenu > .line {
        width: 90%;
        height: 2px;
        background-color: #d9d9d9;
    }

    /* 每個選單連結 (a 標籤) 的修改，保持不變 */
    header nav > .menu-container > ul > li > a {
        text-decoration: none;
        color: #ffffff;
        padding: 20px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: normal; /* 保持 normal，允許內部文字換行 */
        /*word-break: break-word; /* 保持 break-word，允許長單詞斷開 */
        height: auto; /* 保持 auto */
        min-height: 100%; /* 保持 min-height */
        text-align: center; /* 保持 center */
    }

    /* 使用 .open class 來顯示次選單，確保與 JS 行為一致 */
	header nav > .menu-container > ul > .location-container.open > .pc-submenu {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
    header .menu-container .menu li a .img-box {
        display: none;
    }
}
}