/*/////////////////////////////////////////////////////////*/
/*-------檔案下載區--------*/
/*/////////////////////////////////////////////////////////*/

ul.news_area{	
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -30px;
}

    /* 檔案下載_列表 */
	ul.news_area li{
		padding:0 15px 30px;
		margin: 0;
		list-style-type: none;
		box-sizing: border-box;	
		display: block;
		width:33.3%;	
		padding: 0 15px 30px;
	}
        .news_list{	
			font-size: 16px;
			line-height: 1.5;	
			padding: 10px;
			background-color: var(--primary_color);	
			transition: all .3s ease-in;	
		}
			.news_list a{
				/* display: block; */
				text-decoration: none;
				color:#000;
				word-wrap: break-word;
				word-break: break-all;
				transition: all .3s ease-in;
				display: flex;
				justify-content: space-between;
				transition: all .3s ease-in;
				gap: 10px;
			}
			.news_list:hover{
				background-color: var(--second_color);
			}
			.news_list:hover a{
				color: #fff;	
			}
                /* 檔案下載_列表_圖 */
				.news_img{
					width: 50%;
				}                                            
				.news_img span {
                    display: block;
                    position: relative;
					padding-top: 100%;
				}                                            
					.news_img span img{
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        float: none;
                        /* border-radius: 50%; */
                        width: 100% !important;
                        height: 100% !important;
                        object-fit: cover;
                        transition: all 0.3s ease-out;
     }
                .news_info{
					width: 50%;
					display: flex;
					flex-direction: column;
				}
				/* 檔案下載_列表_標題 */
				ul.news_area h3.title{
					padding: 0;
					margin: 0;
					font-size: 17px;	
					line-height: inherit;
					font-weight: 600;	
					color: inherit;	
					/* margin-top: 15px;	 */
					Text-overflow : ellipsis;
					overflow : hidden;
					white-space: nowrap;	
					margin-bottom: 5px;
				}
				.news_date{
					margin-bottom: 5px;
				}
				.news_brief{
					display: -webkit-box;
                    -webkit-line-clamp:2;
                    -webkit-box-orient: vertical;

                    overflow : hidden;
                    margin-bottom: 5px;
				}
				.news_info .btn_area {
					margin-top: auto;
					text-align: right;
				}
				.news_info .btn_area input{
					background-color: var(--second_color);
					color: #fff;
                    width: 80px;
                    height: 36px;
                    line-height: 36px;
                    margin: 0;
				}
				.news_list:hover .btn_area input{
					background-color: var(--primary_color);
					color: #fff;
				}
                
@media(max-width:1440px){
	
	ul.news_area li {
		width: 50%;
	}
}
@media(max-width:1240px){
	
}

@media (max-width: 640px){

	
			ul.news_area h3.title {
				margin-top: 5px;
			}
			ul.news_area{	
				margin: -10px 0;
			}
			ul.news_area li {
				width: 100%;
				padding: 10px 0  ;
			}
            .news_list a{
				flex-direction: column;
			}
            .news_img{
				width: 100%;
			}
            .news_info{
				width: 100%;
			}
}