.projectlist_default {
	margin-top: 50px
}

@media all and (max-width:500px) {
	.projectlist_default {
		margin-top: 20px
	}

}

.projectlist_default .projectlist_top {
	margin-bottom: 20px;
	width: 100%
}

.projectlist_default .projectlist_top .list_top_l {
	width: calc(100%/3*2 - 20px);
	margin: 0px 10px;
	float: left
}

.projectlist_default .projectlist_top .list_top_l img {
	max-height: 259px
}

@media all and (max-width:767px) {
	.projectlist_default .projectlist_top .list_top_l {
		width: 100%;
		margin: 0px
	}

}

.projectlist_default .projectlist_top .list_top_r {
	width: calc(100%/3 - 20px);
	margin: 0px 10px;
	float: right
}

@media all and (max-width:767px) {
	.projectlist_default .projectlist_top .list_top_r {
		display: none
	}

}

@media all and (max-width:500px) {
	.projectlist_default .projectlist_top {
		margin-bottom: 10px
	}

}

.projectlist_default .projectlist_below {
	display: flex;
	flex-wrap: wrap;
	width: 100%
}

.projectlist_default .projectlist_below .item {
	width: calc(100%/3 - 20px);
	margin: 0px 10px;
	float: left
}

@media all and (max-width:500px) {
	.projectlist_default .projectlist_below .item {
		width: calc(50% - 5px);
		margin: 0px
	}

	.projectlist_default .projectlist_below .item:first-child {
		margin-right: 10px
	}

	.projectlist_default .projectlist_below .item:last-child {
		display: none
	}

}

.projectlist_default .item:hover img {
	transform: scale(1.1)
}

.projectlist_default .item:hover .projects_des .des_name {
	color: var(--main-color)
}

.projectlist_default .item figure {
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 0;
	display: grid
}

.projectlist_default .item figure img {
	width: 100%;
	transition: all 0.5s ease
}

.projectlist_default .item .projects_des {
	width: 100%;
	border: 1px solid #eaeaea;
	border-width: 0px 1px 1px;
	box-sizing: border-box;
	min-height: 65px
}

.projectlist_default .item .projects_des .des_inner {
	padding: 10px 15px
}

@media all and (max-width:500px) {
	.projectlist_default .item .projects_des .des_inner {
		padding: 5px 10px
	}

}

.projectlist_default .item .projects_des .des_inner .des_location {
	padding-left: 20px;
	position: relative;
	color: #848484
}

.projectlist_default .item .projects_des .des_inner .des_location:before {
	content: '';
	position: absolute;
	width: 11px;
	height: 14px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("https://nhasang.net/blocks/projects/assets/images/location.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.projectlist_default .item .projects_des .des_inner .des_name {
	font-size: 16px;
	transition: all 0.3s
}

@media all and (max-width:500px) {
	.projectlist_default .item .projects_des {
		display: none
	}

}
/*
     FILE ARCHIVED ON 01:26:16 Jul 22, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:47:46 May 25, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.355
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.032
  esindex: 0.005
  cdx.remote: 8.767
  LoadShardBlock: 73.998 (3)
  PetaboxLoader3.datanode: 113.492 (5)
  load_resource: 947.444
  PetaboxLoader3.resolve: 811.381
  loaddict: 103.05
*/