@media (max-width: 539px) {
	.join-bg-img {
		height: 112px;
	}
	#container {
		height: 300px;
		width: 100%;
	}
	.join-common-wp {
		padding-top: 20px;
	}
	.join-common-wp ul {
		width: 95%;
		padding-top: 30px;
	}
	.join-common-wp ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	.join-common-wp ul li .post-salary {
		padding: 10px 0;
	}
}

@media (min-width: 540px) and (max-width:767px) {
	.join-bg-img {
		height: 160px;
	}
	#container {
		height: 300px;
		width: 100%;
	}
	.join-common-wp {
		padding-top: 30px;
	}
	.join-common-wp ul {
		width: 95%;
		padding-top: 40px;
	}
	.join-common-wp ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	.join-common-wp ul li .post-salary {
		padding: 10px 0;
	}
}

@media (min-width: 768px) and (max-width:1023px) {
	.join-bg-img {
		height: 213px;
	}
	#container {
		height: 400px;
		width: 100%;
	}
	.join-common-wp {
		padding-top: 40px;
	}
	.join-common-wp ul {
		width: 95%;
		padding-top: 60px;
	}
	.join-common-wp ul li {
		margin-bottom: 10px;
	}
	.join-common-wp ul li .post-salary {
		padding: 10px 0;
	}
}

@media (min-width: 1024px) and (max-width:1399px) {
	.join-bg-img {
		height: 291px;
	}
	#container {
		height: 500px;
		width: 1000px;
	}
	.join-common-wp {
		padding-top: 50px;
	}
	.join-common-wp ul {
		width: 1000px;
		padding-top: 80px;
	}
}

@media (min-width: 1400px) {
	
}