/*/////////////////////////////////////////////////////////*/
/*-------首頁_最新消息區塊--------*/
/*/////////////////////////////////////////////////////////*/
.news_list_area{
  margin-top: 1.25rem;

}
.news_list_item{
  margin-bottom: 20px;
  position: relative;
}
.news_list_item a{
  display: flex;
  align-items: center;
  background-color: #FFF3F3;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.news_list_item a:hover{
  opacity: 0.5;
  transition: all 0.3s ease;
}
.news_list_item_left{
  width: 40%;
}

.news_list_item_right{
  width: 60%;
}
.news_list_item_right{
  /* position: relative; */
  padding: 0;
  margin: 0 auto;
  /* padding-left: 50px; */
}

.news_list_item_right::after{
  position: absolute;
  content: "";
  bottom: 0;
  /* background-size: 193.0718px; */
  background-size: clamp(3.125rem, 5.2604vw, 6.3125rem);
  background-repeat: repeat-x;
  background-image: url(../../../images/divider_line.svg);
  background-position: left center;
  width: 100%;
  height: clamp(.4375rem, 0.7813vw, .9375rem);
}

.news_list_item .news_img span{
  display: block;
  position: relative;
  padding-top: 52.13%;
}
.news_list_item .news_img span img{
  width:100%;
  height:auto;
  transition: all 0.3s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  float: none;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  transition: all 0.3s ease-out;
}
.news_content{
   
padding-left: clamp(1.5625rem,2.6042vw,3.125rem);
   
display: flex;
   
flex-direction: column;
   
/* gap: .75rem; */
}

.news_top{
  color: var(--primary_color);
  line-height: 1.5; /*35px*/
  font-size: 1em;
}

.news_top .news_date{}

.news_top .news_NListSource{}

.news_title{
  font-size: 1.5em;
  font-weight: 700;
  line-height: 2.1875rem;
  color: #505050;
}
.news_Introduction{
  color: #963434;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 2.1875rem;
}
.news_detail{
  display: flex;
  flex-direction: column;
  /* gap: clamp(.375rem,1.1458vw,1.375rem); */
}
.news_detail_list{
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.news_Introduction{
  width:90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  box-sizing:border-box;

}

.news_text{
  color: #963434;
  font-size: 1.375em;
  font-weight: 400;
  line-height: 2.1875rem;
}

/* 在螢幕放大150%且寬度大於991時，套用這裡的特定樣式 */ 
@media screen and (min-width: 991px) and (min-height: 500px) and 
(max-height: 1000px) and (-webkit-min-device-pixel-ratio: 1.5) and 
(-webkit-max-device-pixel-ratio: 1.74), only screen and (min-resolution: 150dpi) and 
(max-resolution: 174dpi) { 
  .news_title{
      font-size: 1.2em;
      
  }
  .news_Introduction{
      font-size: 1.1em;
  }
  .news_text{
      font-size: 1.1em;
  }
}
@media (max-width: 1200px){
  .news_list_item a{
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #FFF3F3;
      position: relative;
      overflow: hidden;
      text-decoration: none;
  }
  .news_list_item_left,
  .news_list_item_right{
      width: 100%;
  }
  .news_content{
      padding: clamp(.9375rem,2.6042vw,3.125rem);
      display: flex;
      flex-direction: column;
      gap: clamp(.375rem,0.625vw,.75rem);
  }

}

@media (max-width: 990px){
  .news_title{
      font-size: 1.3125em;
      line-height: 1.5;
  }
  .news_Introduction,
  .news_text{
      font-size: 1.125em;
      line-height: 1.5;
  }
  .news_top{
    
    font-size: 1em;
  }

}

@media (max-width: 768px){
  .news_title{
      font-size: 1.2em;
  }
  .news_Introduction,
  .news_text{
      font-size: 1em;
  }
  
}

@media (max-width: 640px){
  .tag{
      right: -4.4%;
  }
}
@media (max-width: 540px){
  .news_title{
      font-size: 1em;
  }
  .news_Introduction,
  .news_text{
      font-size: .875em;
  }
  .tag{
      top: -1.7%;
      right: -5.2%;
      width: 100px;
  }
  .tag_text{
      font-size: 1em;
      top: 25%;
      line-height: 1;
  }
}

/*========================================================*/
/*-------內頁網編下方區塊共用樣式--------*/
/*========================================================*/


.text_note_area{
	color: var(--dark_color);
	line-height: 1.5; /*20241021*/
}

	.comment_area ,
	.refs_data_area ,
	.review_text_area ,
	.download_text{
		padding: 35px 0 ;
		/* border-top: 1px solid var(--fourth_color); */
	}
	.hr_style{
		margin: 0;
		padding: 0;
		border: none;
		padding-top: 35px;
		border-top: 1px solid var(--fourth_color);
	}
		.comment_area > strong ,
		.refs_data_area > strong ,
		.review_text_area > strong ,
		.download_text > strong{
			/*font-size: min(max(0.9375vw, 1rem), 1.125rem);*/ /*字體大小 0.9375vw、最小值 16px、最大值 18px*/
			position: relative;
			font-size: min(max(1.0417vw, 1rem), 1.25rem); /*字體大小 1.0417vw、最小值 16px、最大值 20px*/
		}
			.comment_area > strong i ,
			.refs_data_area > strong i ,
			.review_text_area > strong i ,
			.download_text > strong i{
				color: inherit;
				font-size: inherit;
			}

	/* 註解 */
	.comment_area{
		
	}
		.comment_area > strong{
			
		}
		.comment_area strong i{
			
		}
		
		.comment_area ul{
			list-style-type: none;
			padding-left: 0;
			line-height: 1.5;
		}
		.comment_area  a{
			/* color: inherit; */ /*20241021*/
			text-decoration: none;
		}
		
		/* modify by peggy 20241101 start */
		.comment_area sub{
			font-size: 12px;
		}
		/* modify by peggy 20241101 end */
	/* 參考資料 */
	.refs_data_area{
		/* padding: 35px 0 10px;
		border-bottom: 1px solid var(--fourth_color); */
	}
		.refs_data_area > strong{
		}
		.refs_data_area strong i{
		}
		.refs_data_area ul{
			list-style-type:decimal;
			padding-left: 20px;
			line-height: 1.5;
		}
		.refs_data_area a{
			/* color: inherit; */ /*20241021*/
			text-decoration: none;
		}

	/*活動與回顧網編區塊*/
	.review_text_area{
		/* position: relative; */
	}	
		.review_text_area strong i{
		}	
		.review_text_area > strong{
		}
		.id_transform{
		}








/*========================================================*/
/*-------搜尋區塊樣式--------*/
/*========================================================*/

.search_area{
	position: relative;
  padding: 0; /*50px 105px*/
	align-content: center;
}

.search_area::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-color: #ffd297;
    background-image: url(/web/images/search_area_bg.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
	border-radius: .625em; /*10px*/
    pointer-events: none;
    z-index: -1;
}

.search_area .search_content{
    display: flex;
    width: 90%;
    margin: auto;
    gap: 1.25em;
}



/*年月下拉選單---------------------------*/

.search_content_lef{
	display: flex;
    gap: 0 0.4688em; /*7.5px*/
}

.search_content_right{
    display: flex;
    width: 100%;
    gap: 0.625em;
}

.search_area .search_content .search_year,
.search_area .search_content .search_mounth{
	border-radius: .625em; /*10px*/
	border: none;
	height: 100%;
  /* width: 11.25em; 180px */
}

/*搜尋框---------------------------*/

.search_area .search_content .search_input_block{
    border-radius: 1.875em; /*30px*/
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.search_area .search_content .search_input_block .search_inpt{
	background-color: #fff;
    border: none;
    padding: .625em;
    outline: none;
    padding-right: 3.125em; /* 50px */
    width: 100%;
}

.search_area .search_content .search_input_block .search_btn{
	background-color: #F5AC36;
    border: none;
    cursor: pointer;
    width: 3.125em; /*50px*/
    position: absolute;
    right: 0;
    height: 100%;

}

.search_area .search_content .search_input_block .search_btn i{
	color: #fff;
}

/*清除按鈕---------------------------*/
.clear_btn{
    border: none;
    color: #fff;
    background-color: #04B5BC;
	border-radius: 0.625em; /* 10px */
    width: 3.75em; /*60px*/
    margin-left: 0.625em; /* 10px */
}

@media(max-width:990px){

	.search_area .search_content {
		display: block;
	}

	.search_content_right{
		/* padding-top: 1.25rem; 20px */
	}

  .search_area .search_content .search_year, .search_area .search_content .search_mounth {
    width: 100%;
  }

  }



/*========================================================*/
/*-------最新消息內容--------*/
/*========================================================*/


/*最新消息圖片---------------------------------*/
  .index_NList_Img{
	  position: relative;
    width: 100%;
    height: auto;
}

  .index_NList_Img a {
    padding-top: 53%;
    border-radius: 5px;
	display: block;
}

  .index_NList_Img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: 0.3s ease all;
}

/*最新消息文字區塊---------------------------------*/

.news_info{
  padding: 0 1.875em;/*30px*/
  position: relative;
}

.news_top{
  display: flex;
  gap: .625em; /*10px*/
}

.index_NListSource{
  color: var(--sixth_color);
  font-weight: 600;
  letter-spacing: 2.8px;

}

.index_NListDate {
  color: var(--sixth_color);
}

/*標題--------------*/
.index_NListTit a{
  font-weight: bold;
  color: #505050;
  font-size: 1.5em; /*24px*/
  font-weight: bold;
  padding: .3125em 0; /*5px*/
}

/*內文--------------*/
.news_text{
  overflow:hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  box-sizing:border-box;
  color: #963434;
  font-size: 1.375em; /*22px*/
}

.news_text p{
  line-height: 1.375em; /*22px*/
}

@media(max-width:1024px){
  .news_info{
    width: 100%;
  }

  .news_top{
    display: block;
  }

  }

@media(max-width:760px){
  .news_info{
    padding: 1.875em 1.25em; /* 30px 20px */
  }

  }
/* =============================== */
/* 搜尋區塊 */
/* =============================== */
.search_areaBg{
  background-color: #FFD297;
  position: relative;
  padding: clamp(1.875rem, 3.125vw, 3.75rem) clamp(1.25rem,2.1354vw,2.5625rem);
  border-radius: .625rem;
}
.search_areaBg::before{
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../../../images/bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}

.search_area .search_content{
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  gap: 1.25em;
}
.search_area .search_content .search_content_left,
.search_area .search_content .search_content_right{
  display: flex;
  width: 50%;
  flex: 1;
  gap: clamp(.4375rem,0.7813vw,.9375rem);
  flex-wrap:nowrap;

}


.search_area .search_item{
  position: relative;
  width: 50%;
  flex: 1;
}
.search_area .search_item select{
  width: 100%;
}

.search_area .search_item.keyword{
  width: calc(100% - 60px);
  position: relative;
  
  
  
}

.search_area .search_item.keyword button{
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--fourth_color);
  border-color: var(--fourth_color);
  padding: 0;
  border-top-right-radius: .625em;;
  border-bottom-right-radius: .625em;;
  box-shadow: unset;
  border-style: unset;
  line-height: 1;
  width: 3.125rem;
  height: 3.125rem;
  
}
.search_area .clear_btn{
  width: 3.75em;
  
}
.search_area .clear_btn input{
  width: unset;
  padding: .75rem .5rem;
  line-height: 1;
  border-radius: .625rem;
  background-color: #04B5BC;
  border-color: #04B5BC;
  color: #fff;
  font-size: 1.375em;
  font-weight: 600;
  position: relative;
  z-index: 0;
  height: 3.125rem;
}
@media(max-width:1300px){

  .search_area .search_content{
      flex-direction: column;
      align-items: center;
  }
  .search_area .search_content .search_content_left,
  .search_area .search_content .search_content_right{
      width: 100%;

  }
  
  .search_area .search_item select{
      width: 100%;
      flex: 1;
  }
  .search_area .search_item.keyword{
      width: calc(100% - 60px);
      position: relative;
  }
}

@media (max-width: 990px){
  .search_area select{
      font-size: 1.3125em;
  }
  .search_area .clear_btn input{
      font-size: 1.3125em;
  }
}

@media (max-width: 768px){
  .search_area{
      display: flex;
      flex-wrap: wrap;
  }
  .search_area .search_item{
      width: 100%;
  }
  
  .search_area .search_item select{
      width: 100%;
      flex: 1;
      font-size: 1em;
  }
  .search_area .search_item.keyword{
      width: 100%;
      position: relative;
      font-size: 1em;
      
  }
  
  .search_area .clear_btn input{
      width: 100%;
      font-size: 1em;
      
  }
}

@media (max-width: 640px){
  .search_areaBg{
    
    padding: clamp(1.875rem, 3.125vw, 3.75rem) .625rem;
   
  }
  .search_area .search_content{
      width: 100%;
      gap: clamp(.4375rem,0.7813vw,.9375rem);
  }
  .search_area .search_content .search_content_left,
  .search_area .search_content .search_content_right{
      flex-direction: column;
      
  }
  
  .search_area .clear_btn {
      width: 100%;
      margin: 0;
      
  }
  
}