@charset "utf-8";
/* CSS Document */

.staff{
	width: 698px;
	height: 320px;
	border:2px solid #ddd;
	border-radius: 10px;
	margin: 0 0 20px;
}
.staffImg,.staffText{
	margin: 10px;
}
.staffImg{
	width: 276px;
	height: 276px;
	border: 2px solid #eee;
	/*border-radius: 10px;*/
	float: left;
}
.staffText{
	width: 378px;
	height: 280px;
	/*border:1px solid #0ff;*/
	float: left;
}
.staffText h2{
	color: #999;
          font-size: 24px;
          border-bottom:0px dotted #ddd; 
          padding: 0 0 10px;
}
.staffText dl{
	height: 20%;
	margin: 10px 0;
	border-bottom: 1px dotted #ddd;
}
.staffText dt{
	float: left;
	width: 80px;
	margin: 0px 0;
	color:#FF6BAD;
}
.staffText dd{
	float: left;
           margin: 0px 0;
}


.job table{
	width:100%;
	margin: 20px 0;
	border-collapse: separate;
	border-radius: 10px;
}

.job th{
	width:200px;
	padding: 20px 10px;
	border:2px solid #fff;
	background: #71d162;
	color: #fff;
}

.job td{
	border:2px solid #fff;
	background: #E9FFE6;
	padding: 20px 10px;		
}
.job h4{
	font-size: 22px;
	margin: 40px 0 0;
	color: #ff832b;
}

@media only screen and (max-width: 767px){

	.staff {
	width: 90%;
	height: 100%;
	margin: 0 auto 20px;
	}
	.staffImg {
	width: 200px;
	height: 200px;
	float: none;
}
	.staffText {
	width: 90%;
	float: none;
}
.staffImg, .staffText {
	margin: 20px auto;
}

.job table{width: 90%;
	margin: 0 auto;}
.job h4{margin: 40px 0 10px;
	text-align: center;}
}

@media only screen and (max-width: 481px){
.job th,td{
	display: block;
	border: none;
}
.job th{
	width: 100%;
	border-radius: 10px 10px 0 0;
}
.job td{
	width: 100%;
	border-radius: 0 0 10px 10px;
	margin: 0 0 20px;
	border: none;
}
}