/* =============================
		News / Careers
================================*/


	.news_bg > .in{

	}

		/* 列表區塊 */
		.news_bg .news_listArea{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			/* margin: 0px -7px; */
			display: grid;
			grid-template-columns: repeat(3,1fr);
			gap: 15px;
		}
			/* 列表 */
			.news_bg .news_listArea .list{
				align-items: flex-start;
				width: 100%;
				box-sizing: border-box;
				padding: 0;
			}
				.news_bg .news_listArea .list_in{
					
				}
					.news_bg .news_listArea .list_in a{
						position: relative;
						display: block;
						box-sizing: border-box;
						height: auto;
						text-decoration: none;
						overflow: hidden;
					}
						/* 時間 */
						.news_bg .news_listArea .list_in .time{
							position: absolute;
							left: 0;
							top: 0;
							width: 50px;
							height: auto;
							padding: 8px 8px;
							box-sizing: border-box;
							color: #FFFFFF;
							background-color: #b62117cc;
							z-index: 2;
							text-align: center;
						}
							/* 月份 */
							.news_bg .news_listArea .list_in .month{
								font-size: 13px;
							}

							/* 日期 */
							.news_bg .news_listArea .list_in .date{
								font-size: 13px;
								padding-top: 2px;
								font-weight: bold;
							}
						
						.news_bg .news_listArea .list_in .content{
							width: 100%;
							padding: 0;
							box-sizing: border-box;
						}
						
							/* 圖片 */
							.news_bg .news_listArea .list_in .img{
								width: 100%;
								box-sizing: border-box;
							}	
							.news_bg .news_listArea .list_in .img span{
								display: block;
								position: relative;
								padding-top: 141.5%;
							}	
								.news_bg .news_listArea .list_in .img 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;
								}	
						
							.article_listIn{
								display: block;
								padding: 0; /*feather修改20220429*/
								box-sizing: border-box;
								background: rgba(0,0,0,.55);
								color:#fff;
								position: absolute;
								bottom: 0%;
								z-index: 5;
								max-height: 5.4375rem;
								height: calc(55%);
								max-width: 100%; /*feather新增20220214*/
								width: 100%;
							}
								

								/* 文章簡述 */
								.article_text{
									font-size: 16px;
									line-height: 1.5;
									display: -webkit-box;
									-webkit-box-orient: vertical;
									-webkit-line-clamp: 3;
									overflow: hidden;
									padding: .625rem;
									/* width: 100%; */

									width: calc(100% - (.625rem * 2));
									word-break: break-word;
								}	
								/* hover */
								.news_bg .news_listArea .list_in a:hover .title .in{
									background: #b62117;
								}

/* 在螢幕放大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) { 
		.article_listIn{
			max-height: 4.1875rem;
		}
		/* 文章簡述 */
	.article_text{
		font-size: 13px;
		padding: .3125rem .625rem;
		
	}
}
@media (max-width: 640px){
				
				/* 列表區塊 */
				.news_bg .news_listArea{
					grid-template-columns: repeat(2,1fr);
					gap: 15px;
				}
}
@media (max-width: 540px){
				/* 列表區塊 */
				.news_bg .news_listArea{
					grid-template-columns: repeat(1,1fr);
					gap: 15px;
				}
}