/*/////////////////////////////////////////////////////////*/
/*-------下載模組_法規&表單--------*/
/*/////////////////////////////////////////////////////////*/

.DownloadArea{
    margin-top: clamp(.625rem,1.0417vw,1.25rem);
	padding:0;
}

.DownloadArea2{
	padding-top: clamp(1.25rem,5.3333vw,2.5rem);
}

    /* 附件下載標題 */
    .dl_title{
    display: block;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--primary_color);
    margin-bottom: 10px;
}
	/*下載列表*/
	.DownloadList{
		position: relative;
		border-bottom: 1px #b5b5b5 solid;
		margin: 0 0 10px 0;
		/* padding: 10px 170px 10px 110px; */
		padding: 10px 110px 10px 0;
	}
	
		.DownloadTag{
			position:absolute;
			/*top:15px;*/
			left:0px;
			font-size: 1em;
			/*font-weight: bold;*/
			color: #b56767;
			text-align: left;
		}	
	
		.DownloadDate{
			position:absolute;
			/*top:15px;*/
			left: 0px;
			font-family: 'Montserrat', sans-serif;
			color: #575757;
			font-size: 1em;
			line-height: 22px;
		}
		
		.DownloadTit{
			font-weight:normal;
			font-size: 1em;
			line-height: 22px;
			color: #333;
			display: block;
		}                        
		.Download{
			position:absolute;
			top:8px;
			right:0px;			
		}
											
			/*下載圖標*/
			.DownlFile{
				float:left;
				padding-left:10px;

			}
				.DownlFile a{
					display:block;
				}
				.DownlFile a:hover{
					opacity:0.5;
				}				
				.DownlFile img{
					width:28px;
					height:auto;
				}
	


@media (max-width:990px){

	.DownloadList{
	}
		.DownloadDate {
			font-size: .875em;
		}
			.DownlFile img {
				width: 26px;
			}
}

@media screen and (max-width: 768px) {
	table[role="presentation"] td {
		display: block;
		width: 100% !important;
		padding-right: 0 !important;
		padding-bottom: 20px;
	}
}

@media (max-width:768px){
	
	/*下載列表*/
	.DownloadList{
		padding: 0px 0px 10px 0px;
		margin-bottom: 10px;
	}

		.DownloadDate {
			position: unset;
			left: unset;
			margin-bottom: 10px;
		}
		
		.Download {
			position: unset;
			top:unset;
			margin-top: 10px;
			bottom: 0px;
		}
		.DownlFile {
			/*float: left;*/
			padding: 0px 15px 0px 0px;
		}
}

/* =============================== */
/* 成果專區_計畫摘要表 */
/* =============================== */
.result_bottom{
	margin-top: clamp(.625rem,1.0417vw,1.25rem);
	display: grid;
	grid-template-columns: 3fr 11fr;
	gap: clamp(.625rem,1.0417vw,1.25rem);
}
.result_search{
	padding: clamp(1.5625rem,2.6042vw,3.125rem);
	background-color: #8FAFD9;
	border-radius: 1.25rem;
}
.search_area {

}
.search_area .search_content{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: 1.25em;
}
.search_area .search_content .search_content_top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .625rem;
}
.search_area .search_content .search_content_top,
.search_area .search_content .search_content_bottom
{
    width: 100%;
}
.search_area .search_content .search_content_top .search_item{
    width: 100%;
    display: block;
}
.search_item input, 
.search_item select {
	width: 100%;
	max-width: unset;
	flex: 1;
}
.search_area .btn_area{
		margin-top: 0;
		
	}


@media (max-width: 540px){
	.search_area .search_content .search_content_top{
    	grid-template-columns: repeat(1,1fr);
		gap: 1.25em;
	}
	.search_area .btn_area{
		margin-top: 0;
		width: 100%;
	}
	.search_area .btn_area input{
		width: 49%;
		min-width: 6.25rem;
		padding:  0 10px;
	}
}

.result_bottom_left{
	padding: .625rem;
	display: flex;
	flex-direction: column;
	gap: .625rem;
	border: 1px solid #8FAFD9;
	border-radius: 20px;
}
.result_bottom_left .form_remark{

}
.result_bottom_left .form_remark span{
	color: var(--primary_color);
}
.result_bottom_left .result_area a{
	color: var(--primary_color);
	text-decoration: none;
	display: block;
	line-height: 1.5;
}
.result_bottom_left .result_area a:hover{
	opacity: 0.7;
	transition: all 0.3s ease;
}

@media (max-width: 990px){
	.result_bottom{
		display: block;
	}
	.result_bottom_right{
		margin-top: clamp(.625rem,1.0417vw,1.25rem);
	}
}
/* =============================== */
/* PDF */
/* =============================== */
.pdf_Bg{
	/* position: relative;
	padding-top: 80%; */
}
	.pdf_Bg .pdf-viewer{
		width: 100%;
	}
		.pdf_Bg .pdf-viewer canvas{
			width: 100%;
		}



.pdf_Bg embed{
	/* position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover; */
}

@media (max-width: 990px) {
	.pdf_Bg embed{
		height: 450px !important;
	}
}