/*/////////////////////////////////////////////////////////*/
/*-------��蝡���蝯���--------*/
/*/////////////////////////////////////////////////////////*/

.pageContent {
    padding: clamp(1.5625rem, 2.6042vw, 3.125rem) 0;
}

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

    /* ��蝡���蝯�_��銵� */
	ul.link_area li{
		padding: 0;
		margin: 0;
		list-style-type: none;
		box-sizing: border-box;	
		display: block;
		width: 25%;	
		padding: 0 15px 30px;
	}
        .link_list{	
			font-size: 16px;
			line-height: 1.5;			
		}
			.link_list a{		
				display: block;
				text-decoration: none;				
				color: var(--primary_color);	
				word-wrap: break-word;
				word-break: break-all;
			}
                /* ��蝡���蝯�_��銵灶�� */
				.link_img{
					box-sizing: border-box;
                    border-radius: 10px;
					position: relative;
                    padding-top: 32.5%;
					overflow: hidden;
					display: block;
				}
					.link_img 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;				
					}
                
				/* ��蝡���蝯�_��銵灶璅�憿� */
				ul.link_area h3.title{
					padding: 0;
					margin: 0;
					font-size: inherit;	
					line-height: inherit;
					font-weight: inherit;	
					color: inherit;	
					margin-top: 15px;		
				}
                /* ��蝡���蝯�_��銵灶蝬脣�� */
				ul.link_area h4.url_link{	
					padding: 0;
					margin: 0;
					font-size: 15px;
					line-height: inherit;
					font-weight: inherit;	
					color: inherit;					
				}
				ul.link_area p{
					display: -webkit-box;       /* 敹���蝯�����撅祆�� 嚗�撠�撠�鞊∩��箏��找撓蝮桃��摮�璅∪��憿舐內 */
					-webkit-line-clamp: 5;      /* ���園＊蝷箇��銵��� */
					-webkit-box-orient: vertical; /* 閮剔蔭��瑼Ｙ揣隡貊葬��摮���摮���蝝������孵� */
					overflow: hidden;
					color: var(--dark_color);
				}



@media (max-width: 990px){

		/* ��蝡���蝯�_��銵� */
		ul.link_area li{
			width: 33%;	
			padding: 0 5px 20px;
		}

}


@media (max-width: 640px){

	ul.link_area{	
		margin: 0 -5px -20px;
	}	
		/* ��蝡���蝯�_��銵� */
		ul.link_area li{
			width: 50%;	
		}
			ul.link_area h3.title {
				margin-top: 5px;
			}

}


@media (max-width: 360px){

		/* ��蝡���蝯�_��銵� */
		ul.link_area li{
			width: 100%;	
		}

}