.left-title-en {
    white-space: wrap !important;
}
.left-title {
    font-weight: 500;
    font-size: 24px;
    white-space: nowrap;
    margin-bottom: 16px;
}
#div_file_area_OPERATING_PERFORMANCE .left-title{
	line-height: 2;
}
#div_file_area_FINANCIAL_STATEMENTS .left-title,
#div_file_area_INVESTOR_CONFERENCE .left-title{
	line-height: 1.6;
}
@media(max-width:767px){
	 .left-title,
	 .left-list {
	  margin-left:8px;
	  }
	 #div_file_area_OPERATING_PERFORMANCE .left-title{
	 line-height: 1.6;
}
}

div[id^="div_file_area_"]:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;

}
div[id^="div_file_area_"]{
    padding: 16px 8px;
    display:flex;
    align-items:center;
}
/* 1. 容器設定 */
.download-grid2 {
    display: grid;
    /* 設定間距 (Gap)，可依需求調整 */
    gap: 16px 40px;

    /* ----- 核心設定 (預設/最小) ----- */
    /* repeat(3, 1fr) 代表分成 3 等份，1fr 代表剩餘空間的比例 */
    /* 這符合您「最低 3 個」的要求 */
    grid-template-columns: repeat(3, 1fr);
}
@media(max-width:767px){
	.download-grid2 {
		grid-template-columns: repeat(2, 1fr);
		gap:4px 16px;
	}
}
.bigger-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* 2. 元件樣式 (美化用，可自行調整) */
.download-grid2 > div {
    text-align: center;
}

/* 3. 響應式設定 (Media Queries) */

/* 當螢幕寬度大於 768px (平板直向或大手機) 時，改為一排 4 個 (選用，為了過渡平滑) */
@media (min-width: 1199px) {
    .download-grid2 {
        grid-template-columns: repeat(4, 1fr);
    }
    .bigger-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 當螢幕寬度大於 992px (電腦/橫向平板) 時，改為一排 5 個 */
/* 這符合您「最高 5 個」的要求 */
@media (min-width: 1439px) {
    .download-grid2 {
        grid-template-columns: repeat(4, 1fr);
    }
    .bigger-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.div_blank_space {
    background-color: #FFFFFF;
    border-radius: 999px;
    height: 28px;
    width: 28px;
    align-content: flex-end;
}
.download_div:hover {
    color:#3B3B3B;
}
.download_div {
    background-color: #F5F5F5;
    border-radius: 999px;
    height: 28px;
    width: 28px;
    align-content: flex-end;
    color: #FF3C74;
}
/* 這是包住 span 和 download_div 的那個外層 div */
.download-grid2 .download_desc {
    /* 1. 啟用 Flexbox，子元素自動變成橫向排列 */
    display: flex;

    /* 2. 垂直置中 (讓文字跟下載圖示在同一中線，不會一高一低) */
    align-items: center;

    /* 3. 水平配置 (看您需求選擇) */
    /* center = 兩者居中靠在一起 */
    /* space-between = 文字靠左，下載區塊靠右 */
    justify-content: center;

    /* 4. 兩者之間的間距 */
    gap: 5px;
    height: 40px;
}
.download_desc span {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    vertical-align: middle;
    white-space: nowrap;
}
.date-selector-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.date-nav-btn{
	display:flex;
	color:#666;
}
.center-right {
    padding-bottom: 24px;
}
.download_year_desc {
    height: 30px;
    opacity: 1;
    border-bottom-width: 1px;
    padding: 4px 8px;
    border-radius: 30px;
    background: #F5F5F5;
}
.download_info_desc {
    padding: 8px 4px;
}
.conference {
    justify-content: space-between !important;
    padding: 0 14px !important;
}
@media(max-width:991px){
	.maintenance-slelect-area .grid2-between{
		justify-content:center;
	}
}
.cursor-text {
    cursor: text !important;
}