@import url("common.css");

.jobList {
	margin-bottom: 90px;
}
.jobList dt {
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	padding: 0px 0 0 40px;
	cursor: pointer;
	color: #333;
	background-color: #e4e4e4;
	margin-top: 20px;
	border-radius: 2px;
	overflow: hidden;
}
.jobList dt .date {
	color: #999;
	float: right;
}
.jobList dt:hover,
.jobList dt.hover {
	color: #FFF;
	background-color: #004a98;
}
.jobList dt.hover {
	border-radius: 2px 2px 0 0;
}
.jobList dt div {
	width: 25%;
	min-height: 1em;
	float: left;
}
.jobList dd {
	background-color: #f2f2f2;
	padding: 16px 60px 34px;
	line-height: 180%;
	display: none;
	font-size: 14px;
	color: #666;
}
.jobList .itemName {
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
}
.jobList dd div.i4 {
	margin-top: 15px;
}
.jobList dd div.i1,
.jobList dd div.i2 {
	margin-bottom: 20px;
}
.jobList dd div.i3 {
	text-align: right;
}
.jobList dd div.i3 .btn:hover {
	background-color: #004a98;
	color: #FFF;
}
.jobList dd div.i3 .btn {
	display: inline-block;
	color: #004a98;
	background-color: #fff;
	border: 2px solid #004a98;
	font-size: 16px;
	width: 125px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 5px;
}
.jobList dt .date {
	background: url(../image/upAndDown.png) right bottom no-repeat;
	padding-right: 46px;
	display: inline-block;
}
.jobList dt.hover .date {
	background-position: right top;
}

.attr li {
	float: left;
	width: 33%;
}

@media screen and (max-width: 640px) {
	.jobList {
		margin-bottom: 50px;
	}
	.jobList dt {
		padding-left: 16px;
	}
	.jobList dd {
		padding: 20px;
	}
	.attr {
		margin-bottom: 20px;
	}
	.attr li {
		float: none;
		width: auto;
	}
}



/* End */