@import url(../style_news/style_news.css);

    /* 最新消息列表 */
	ul.index_news_area li:hover{
		opacity: 1;
        transition: unset;
        cursor: default;
	}
	/* 最新消息列表_右側 */
	.index_NA_right{
		width: calc(100% - 100px - (30px * 5) - (20px * 2) );
	}
	/* 最新消息列表_右側 */
	.index_NA_right a{
		cursor: pointer;
	}
	/* 最新消息列表_右側 */
	.index_NA_right a:hover{
		opacity: 0.7;
        transition: all 0.3s ease;
	}
	/* 最新消息列表_右側 */
	.index_NA_list .file_icon_area{
		width: calc(30px * 5);
        height: 30px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 5px;
	}
	/* 最新消息列表_右側 */
	.index_NA_list .file_icon_area .file_img{
		width: 30px;
        height: 30px;
	}
	/* 最新消息列表_右側 */
	.index_NA_list .file_icon_area .file_img:hover{
		opacity: 0.7;
        transition: all 0.3s ease;
	}
	/* 最新消息列表_右側 */
	.index_NA_list .file_icon_area .file_img a {
        display: block;
        position: relative;
        
	}
	/* 最新消息列表_右側 */
	.index_NA_list .file_icon_area .file_img a img{
		width: 100%;
        height: auto;
	}

	@media (max-width: 640px){
	/*----- 首頁標題1 -----*/
	.index_title {
		justify-content: center;

	}
	.index_NA_list{
		padding: 15px;
		flex-wrap: wrap;
	}
	/* 最新消息列表_右側 */
	.index_NA_right{
		
		width: 100%;
		
	}
	.index_newsBg .btn_area {
		position: unset;
		top: unset;
		right: unset;
		margin: 12px 0px 0px;
	}
}

/*時間搜尋區*/
/*.rB_time{
	margin-bottom: 20px;
}*/

.timeSearch_area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
  gap: 5px;
}
.time_range {
  box-sizing: border-box;
}
.timeSearch_area span {
  font-size: 1.0625rem;
  display: inline-block;
  /* padding: 0px 20px 4px 0px; */
  padding: 0 5px;
  vertical-align: middle;
  font-size: 0.75em;
}

.timeSearch_area select {
  font-size: clamp(1rem,0.9375vw,1.125rem);
  font-weight: 300;
}

.timeSearch_area label.timeSearch_btn {
  width: 42px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  overflow: hidden;
  border-radius: 0.3125em;
  background: var(--secondary_color);
  text-align: center;
  transition: 0.3s ease all;
  letter-spacing: 0px;
  margin-left: 10px;
}
.timeSearch_area label.timeSearch_btn:hover {
  background: var(--fourth_color);
}
.timeSearch_btn button {
  position: relative;
  color: #fff0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary_color);
  border: var(--secondary_color) 0.0625em solid;
  cursor: pointer;
}
.timeSearch_btn button:before {
  position: absolute;
  transition: 0.3s ease all;
  font-family: "Bootstrap-icons";
  content: " \F52A";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.25em;
}

@media (max-width: 1400px) and (min-width: 991px) {
  .timeSearch_area .time_range > select {
    width: 62px;
  }
}

/* @media screen and (min-width: 991px) and (min-height: 500px) and (max-height: 740px) and 
(-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 150/100){ */

/* 在螢幕放大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) {
  .timeSearch_area {
    font-size: .775rem;
  }
  .timeSearch_area span {
    font-size: inherit;
    /* font-size:calc(0.9375em / 1.5); */
  }
  .timeSearch_area .time_range > select {
    /* font-size:0.65em; */
    font-size: inherit;

    width: auto;
    font-size: .775rem;
  }
}


@media (max-width: 1250px){
	.timeSearch_area {
		flex-wrap: wrap; /* 整個區域可換行 */
	}

	.title_search_area {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 42px - 5px);
		margin-top: 5px; /* 與上方日期區塊保持距離 */
	}

	.title_search_area input {
		flex: 1 1 100%; /* 讓輸入框在小螢幕時佔滿整行 */
		min-width: 200px;
	}
	.timeSearch_area label.timeSearch_btn {
		margin-left: 0;
		margin-top: 5px; /* 與上方日期區塊保持距離 */
		}
}

@media (max-width: 640px) {
  /*時間搜尋區*/
  .timeSearch_area {
    flex-direction: column;
  }
  .time_range {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	gap: 5px;
  }
  .timeSearch_area .time_range > label  {
    width: 95%;
  }
  .timeSearch_area select {
    width: 100%;
  }
  .timeSearch_area span {
    margin: 5px 0;
  }
	.title_search_area {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 5px; /* 與上方日期區塊保持距離 */
	}
  .timeSearch_area label.timeSearch_btn {
    width: 100%;
    
  }
}

/* @media (max-width: 780px){
					.timeSearch_area {
						letter-spacing:1px;
					}
						.time_search {
							padding: 0px 10px 0px 0px;
						}
						.time_search_area span {
							padding: 0px 10px 4px 0px;
						}
				}
					@media (max-width: 680px){
						.timeSearch_area {
							text-align:center;
							letter-spacing: 0;
						}
							.time_search {
								padding: 5px 10px 5px 0px;
							}
							.time_search_area span {
								padding: 0px 10px 4px 0px;
							}
							.time_search_area label.timeSearch_btn {
								margin: 3px 0px 0px 0px;
							}
					}
						@media (max-width: 415px){
							.timeSearch_area {
								padding:0px;
								margin:0px;
							}
							.time_search, .time_search_area span {
								display:block;
								padding: 0px 0px 10px 0px;
							}
							.timeSearch_area label.timeSearch_btn {
								width:100%;
								height:42px;
								margin:10px 0px 0px 0px;
							}
							.timeSearch_area span {
								text-align:center;
							}
						}
							@media (max-width: 350px){
								.time_search {
									letter-spacing:0;
									white-space:nowrap;
								}
									.time_search select {
										width:68px;
									}
							} */