

.wrap{
	width:100%;
}


.recruitmentList{
	width:22.58%;
	margin-right: 3%;
	/*margin-bottom: 40px;*/
	float: left;
	background: #F8F9FA;
	border:1px solid #D2D3D4;
}
/*.recruitmentList:nth-child(4n){
	margin-right: 0;
}*/
.jobTitle{
	width:90%;
	padding:0 5%;
	height:40px;
	line-height: 40px;
	background: #F0F1F2;
}
.jobResponsibilities{
	width:90%;
	padding:10px 5%;
	line-height: 1.3;
	border-top: 1px solid #D2D3D4;
	border-bottom: 1px solid #D2D3D4;
}
.jobResponsibilities_detail{
	display: -webkit-box;
	height:73px;
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.more{
	display: inline-block;
	padding:5px;
	background: #17A2B8;
	border-radius: 5px;
	margin:5px 0;
	color: #fff;
}
.more a{
	color: #fff;
}
.releaseDate{
	width:90%;
	padding:0 5%;
	height:40px;
	line-height: 40px;
	background: #F0F1F2;
}
@media only screen and (min-width: 1440px){
	.recruitmentList{
		width:22.58%;
		margin-bottom: 40px;
	}
	.recruitmentList:nth-child(4n){
		margin-right: 0;
	}
}

/*1280-1440*/
@media screen and (min-width: 1280px) and (max-width:1439px){

	.recruitmentList{
		width:22.57%;
		margin-bottom: 40px;
	}
	.recruitmentList:nth-child(4n){
		margin-right: 0;
	}
}

/***1024<= X <1280****/
@media screen and (min-width: 1024px) and (max-width:1279px){
	.recruitmentList{
		width:22.53%;
		margin-bottom: 30px;
	}
	.recruitmentList:nth-child(4n){
		margin-right: 0;
	}
}

/***900<= X <1024****/
@media screen and (min-width: 900px) and (max-width:1023px){
	.recruitmentList{
		width:22.5%;
		margin-bottom: 25px;
	}
	.recruitmentList:nth-child(4n){
		margin-right: 0;
	}
}

/***600<= X <900****/
@media screen and (min-width: 600px) and (max-width:899px){
	.recruitmentList{
		width:30.96%;
		margin-bottom: 22px;
	}
	.recruitmentList:nth-child(3n){
		margin-right: 0;
	}
}

/***400<= X <600****/
@media screen and (min-width: 400px) and (max-width:599px){
	.recruitmentList{
		width:47.94%;
		margin-bottom: 20px;
	}
	.recruitmentList:nth-child(2n){
		margin-right: 0;
	}
}

/***    X <400  ****/
@media screen and (max-width:399px){
	.recruitmentList{
		width:100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
.pagination{
	display: table;
	margin:40px auto;
}
.pagination li{
	display: table-cell;
}


