/*/////////////////////////////////////////////////////////*/
/*-------檔案下載區 20251022 by tom--------*/
/*/////////////////////////////////////////////////////////*/

.right_contentBg{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
/* 調整CSS modify by Joanna 20251126 start  */
ul.download_area{	
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr ;
	gap: clamp( .3125rem, 1.3333vw, .625rem ); /* 5 10 */
	flex-wrap: wrap;
	flex: 1;
	z-index: 1;
}

    /* 檔案下載_列表 */
	ul.download_area li{
		background: linear-gradient(to left, rgb(57, 184, 186) 20%, rgb(255, 185, 99) 100%);
		border-radius: 1.25rem; /* 20 */
		box-sizing: border-box;
		display: flex;
		list-style-type: none;
		margin: 0;
		padding: .125rem; /* 2 */
		/* width: calc(50% - (1 / 2 * clamp( .3125rem, 1.3333vw, .625rem ))); */
		width: 100%;
		/* 調整CSS modify by Joanna 20251126 end */
	}
        .download_list{
			background-color: #fff;
			border-radius: 1.125rem; /* 18 */
			font-size: clamp(1.0000rem, 0.9375vw, 1.1250rem); /* 16.00px , 0.9375vw , 18.00px */
			line-height: 1.5;
			padding: clamp( .9375rem, 2.6667vw, 1.25rem ); /* 15 20 */
			word-wrap: break-word;
			word-break: break-all;
			display: flex;
			align-items: center;
			gap: clamp( .3125rem, 1.3333vw, .625rem );/* 5 10 */
			justify-content: space-between;
			flex: 1;
		}

			/* 檔案下載_列表_標題 */
			.download_list .title{
					max-width: 75%;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
			}

				ul.download_area .title h3{
					padding: 0;
					margin: 0;
					font-size: 1.3125rem;
					line-height: inherit;
					font-weight: 600;
					color: inherit;
				}

				/* 檔案下載_列表_btn */
				.download_btn{
					display: flex;
					align-items: flex-end;
					justify-content: end;
					font-size: .9375rem;
					min-width: 107px;
				}

					.download_btn a{
						padding: clamp( .3125rem, 1.3333vw, .625rem)  clamp( .625rem, 2.6667vw, 1.25rem);
						border-radius: 20px;
						/* background: linear-gradient(to right, #007DB6 20%, #96C25B 100%); */
						background:linear-gradient(181deg, rgb(57, 184, 186) 20%, rgb(255, 185, 99) 100%);
						background-size: 200% 100%; /* 背景放大一倍 */
  						background-position: left center; /* 初始位置 */
						color: #fff;
						display: inline-block;
						font-weight: 600;
						text-decoration: none;
						transition: background-position 0.5s ease; /* 平滑移動 */
					}

					.download_btn a i{
						font-size: clamp( .875rem, 2.1333vw, 1rem ); /* 14 16 */
					}

					.download_btn a:hover{
						background-position: right center; /* 滑上去時移動背景 */
					}
.number_pageArea{
	width: 100%;
}
@media (max-width: 1400px){

	ul.download_area li{
		width: 100%;
	}

}

/* 調整CSS modify by Joanna 20251126  */
@media (max-width: 1024px){
	ul.download_area{
		grid-template-columns: 1fr ;
	}

}