@media (max-width:1000px) {
	.main {
		width: 100%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
	}

	.m-title {

		text-align: center;
		line-height: 1.5;
		font-size: 25px;
		text-decoration: underline;
		text-decoration-color: #1e1e1e;
		text-decoration-thickness: 2px;
		text-underline-offset: 12px;

	}

	.list1 {
		width: 90%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
	}
	.l1-box{
		width: 100%;
		height: auto;
		margin-bottom: 25px;
		
	}
	.l1-box img{
		width: 100%;
		height: 200px;
	}
	.l1-text{
		width: 100%;
		height: auto;
		color: #000000;
		line-height: 1.5;
		padding: 10px 0;
	}
	.l1-text p:nth-of-type(1){
		font-size: 14px;
		font-family: "Apercu", helvetica, sans-serif;
		text-decoration: underline;
	}
	.l1-text p:nth-of-type(2){
		font-size: 18px;
		font-weight: 600;
		
	}
	.list2{
		width: 100%;
		height: auto;
		padding: 15px 0;
		background-color: #f5f5f5;
	}
	.l2-box{
		width: 90%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#link2,
	#link3{
		margin: 10px 0;
	}
	.l2-img{
		width: 100%;
		height: 290px;
		
	}
	.l2-box img{
		width: 100%;
		height: 100%;
	}
	.l2-text{
		width: 90%;
		padding: 10px 0;
		text-align: center;
		margin: 0 auto;
		height: auto;
		font-family: "Apercu", helvetica, sans-serif;
		line-height: 1.6;
		
	}
	.l2-text p:nth-of-type(1){
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 5px;
		text-transform: uppercase;
		color: #000000;
	}
	.l2-text p:nth-of-type(2){
		font-size: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		color: gray;
		margin-bottom: 5px;
	}
	.l2-text p:nth-of-type(3){
		font-size: 16px;
		color: #000000;
		text-decoration: underline;
	}
	.list3{
		width: 100%;
		height: auto;
		padding: 15px 0;
		margin: 20px 0;
		border-top: 1px solid gainsboro;
	}
	.l3-box{
		width: 95%;
		display: flex;
		margin: 0 auto 20px;
		justify-content: space-between;
		border-bottom: 1px solid gainsboro;
		padding: 15px 0;
		/* align-items: center; */
	}
	.l3-box img{
		width: 40%;
		height: 120px;
		display: block;
	}
	.l3-text{
		width: 55%;
		height: auto;
		line-height: 1.5;
		
	}
	.l3-text p:nth-of-type(1){
		font-size: 14px;
		/* font-weight: 600; */
		margin-bottom: 5px;
		color: gray;
	}
	.l3-text p:nth-of-type(2){
		font-size: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		color: 000000;
		margin-bottom: 5px;
		/* display: none; */
	}
	.l3-text p:nth-of-type(3){
		font-size: 16px;
		color: #000000;
		text-decoration: underline;
	}
	.list4 {
		width: 90%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
	}
	
	.l4-box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	}
	
	.l4-img {
		width: 36%;
		height: 100px;
		position: relative;
	}
	
	.l4-img img {
		width: 100%;
		height: 100%;
	}
	
	.keyword {
		width: auto;
		height: auto;
		padding: 0px 5px;
		line-height: 1.5;
		font-size: 14px;
		color: #FFFFFF;
		display: inline-block;
		zoom: 1;
		background-color: #63a819;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.l4-text {
		width: 60%;
		height: auto;
		padding: 5px 0;
	
	}
	
	.l4-text p:nth-of-type(1) {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	
	}
	
	.l4-text p:nth-of-type(2) {
		font-size: 13px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	.l4 {
		width: 100%;
		height: auto;
		padding: 15px 0;
		background-color: #f6f5f3;
	}
}

@media (min-width:1000px) {
	.main {
		width: 1400px;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
	}

	.m-title {
		text-align: center;
		line-height: 1.5;
		font-size: 30px;
		

	}
	.m-title:hover{
		text-decoration: underline;
		text-decoration-color: #1e1e1e;
		text-decoration-thickness: 2px;
		text-underline-offset: 10px;
	}
	.list1 {
		width: 90%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		/* background-color: pink; */
	}
	.l1-box{
		width: 31%;
		height: auto;
		margin: 0 10px 20px 17px;
		box-sizing: border-box;
	}
	.l1-box img{
		width: 100%;
		height: 250px;
	}
	.l1-text{
		width: 100%;
		height: auto;
		color: #000000;
		line-height: 1.5;
		padding: 10px 0;
	}
	.l1-text p:nth-of-type(1){
		font-size: 15px;
		font-family: "Apercu", helvetica, sans-serif;
		/* margin-bottom: 5px; */
		text-decoration: underline;
	}
	.l1-text p:nth-of-type(2){
		font-size: 20px;
		font-weight: 600;
	}
	.list2{
		width: 100%;
		height: auto;
		padding: 15px 0;
		background-color: #f5f5f5;
		display: flex;
		flex-wrap: wrap;
	}
	#link2,
	#link3{
		margin: 10px 0;
	}
	.l2-box{
		width: 21%;
		height: auto;
		margin: 0 20px 20px 30px;
		/* background-color: pink; */
	}
	.l2-img{
		width: 100%;
		height: 290px;
		overflow: hidden;
		
	}
	.l2-img img{
		width: 100%;
		height: 100%;
		transform: scale(1.0);
		transition: all 0.4s linear;
	}
	.l2-img:hover img{
		transform: scale(1.25);
	}
	.l2-text{
		width: 90%;
		padding: 10px 0;
		text-align: center;
		margin: 0 auto;
		height: auto;
		font-family: "Apercu", helvetica, sans-serif;
		line-height: 1.6;
		
	}
	.l2-text p:nth-of-type(1){
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 5px;
		text-transform: uppercase;
		color: #000000;
	}
	.l2-text p:nth-of-type(2){
		font-size: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		color: gray;
		margin-bottom: 5px;
	}
	.l2-text p:nth-of-type(3){
		font-size: 16px;
		color: #000000;
		text-decoration: underline;
	}
	.l2-box:nth-of-type(even){
		display: flex;
		flex-direction: column-reverse;	
	}
	.list3{
		width: 100%;
		height: auto;
		padding: 15px 0;
		margin: 20px auto;
		border-top: 1px solid gainsboro;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.l3-box{
		width: 47%;
		display: flex;
		/* margin: 0 auto 20px; */
		justify-content: space-between;
		border-bottom: 1px solid gainsboro;
		padding: 15px 0;
		/* align-items: center; */
	}
	.l3-box img{
		width: 38%;
		height: 170px;
		display: block;
	}
	.l3-text{
		width: 58%;
		height: auto;
		line-height: 1.5;
		
	}
	.l3-text p{
		margin-bottom: 15px;
	}
	.l3-text p:nth-of-type(1){
		font-size: 16px;
		
		
		color: gray;
		color: #000000;
	}
	.l3-text p:nth-of-type(2){
		font-size: 18px;
		overflow: hidden;
		font-weight: 600;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		/* -webkit-line-clamp: 2; */
		/* color: ; */
		
		/* display: none; */
	}
	.l3-text p:nth-of-type(3){
		width: 150px;
		line-height: 40px;
		text-align: center;
		font-size: 17px;
		color: #000000;
		background-color: #e9e6e0;
		/* text-decoration: underline; */
		/* border: 1px solid; */
	}
	.list4 {
		width: 95%;
		height: auto;
		padding: 15px 0;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		/* background-color: pink; */
	}
	
	.l4-box {
		width: 32%;
		height: auto;
		margin: 0 6px 20px 10px;
	}
	
	.l4-img {
		width: 100%;
		height: 260px;
		position: relative;
	}
	
	.l4-img img {
		width: 100%;
		height: 100%;
	}
	
	.keyword {
		width: auto;
		height: auto;
		padding: 0px 5px;
		line-height: 1.5;
		font-size: 16px;
		color: #FFFFFF;
		display: inline-block;
		zoom: 1;
		background-color: #63a819;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.l4-text {
		width: 100%;
		height: auto;
		padding: 10px 0;
	}
	
	.l4-text p:nth-of-type(1) {
		font-size: 22px;
		font-weight: 600;
		line-height: 1.5;
		margin-bottom: 5px;
	
	}
	
	.l4-text p:nth-of-type(2) {
		color: gray;
		font-size: 16px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
}