/* CSS Document */

.jobLeft{width: 50%; background: url(../images/job_bg.jpg) top center no-repeat; overflow: hidden; float: left;}
.jobLeft .leftContent{color: #fff; margin: 30% 10% 0 15%}
.jobLeft .leftContent h3{font-size: 3rem; font-weight: 100; line-height: 100%; padding-bottom: 2rem;}
.jobLeft .leftContent i{display: block; font-size: 1.4rem; font-weight: bold;}
.jobLeft .leftContent span{display: block; width: 3rem; height: .2rem; background: #fff; margin-bottom: 5rem;}
.jobLeft .leftContent .text{font-size: 1.3rem; line-height: 200%; margin-top: 40px;}
.jobLeft .leftContent p strong,.jobLeft .leftContent p b{font-size: 1.6rem; padding-top: 40px; padding-bottom: 20px; display: block;}

.jobRight{width: 50%; overflow: hidden; float: right;}
.jobRight ul{margin: 20% 10% 0 10%; overflow-x: auto;}
.jobRight li{
	border-bottom: 1px solid #dddddd; 
	padding: 15px 10px; 
	margin: 0 10px;
	color: #333;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.jobRight h3{font-size: 1.6rem; padding-left: 1.5rem; margin-bottom: 1rem; border-left: .2rem solid #6e6e6e; font-weight: 100;}
.jobRight input{
	float: right;
	width: 120px;
	height: 38px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #666;	
	background-color: #fff;
	border: 1px solid #bfbfbf;
	margin-top: 6px;
	cursor: pointer;
	-webkit-border-radius: 19px;
	   -moz-border-radius: 19px;
			border-radius: 19px;
}
.jobRight input:hover{background-color: #bfbfbf; color: #fff;}
.jobRight li:hover{margin: 0 0; background-color: #f6f6f6}

.jobUpload{overflow: hidden; background: #fff; padding: 2rem; padding-left: 3rem; border-radius: .5rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; font-size: 1.4rem;}
.jobUpload td{padding: .5rem 0;}
.jobUpload .bd{background: #f1f1f1; border: none; height: 3rem; padding: 0 .8rem; width: 70%;}
.jobUpload .enter{width: 12rem; text-align: center; padding: 1rem 0; font-size: 1.4rem; background: #ddd; cursor: pointer; margin: 1rem 0;}
.jobUpload .enter:hover{background: #555; color: #fff;}

@media screen and (max-height:768px){
	.jobLeft{background-size:100% auto;}
	.jobLeft .leftContent{color: #fff; margin: 20% 10% 0 15%}
	.jobLeft .leftContent h3{font-size: 22px; padding-bottom: 15px;}
	.jobLeft .leftContent i{font-size: 12px; font-weight: bold;}
	.jobLeft .leftContent .text{font-size: 12px; line-height: 160%;}
	.jobLeft .leftContent p strong,.jobLeft .leftContent p b{font-size: 1.6rem; padding-top: 40px; padding-bottom: 20px; display: block;}

	.jobRight ul{margin: 20% 5% 0 5%;}
	.jobRight li{
		border-bottom: 1px solid #dddddd; 
		padding: 10px 10px; 
		margin: 0 1rem;
		color: #333;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
				transition: all 0.3s ease;
	}
	.jobRight h3{font-size: 14px; padding-left: 15px; margin-bottom: 5px; border-left: 2px solid #6e6e6e;}
	.jobRight input{
		float: right;
		width: 100px;
		height: 30px;
		line-height: 28px;
		text-align: center;
		font-size: 12px;
		color: #666;	
		background-color: #fff;
		border: 1px solid #bfbfbf;
		margin-top: 6px;
		cursor: pointer;
		-webkit-border-radius: 19px;
		   -moz-border-radius: 19px;
				border-radius: 19px;
	}
	.jobRight input:hover{background-color: #bfbfbf; color: #fff;}
	.jobRight li:hover{margin: 0 0; background-color: #f6f6f6}

	.jobUpload{overflow: hidden; background: #fff; padding: 2rem; padding-left: 3rem; border-radius: .5rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; font-size: 1.4rem;}
	.jobUpload td{padding: .5rem 0;}
	.jobUpload .bd{background: #f1f1f1; border: none; height: 3rem; padding: 0 .8rem; width: 70%;}
	.jobUpload .enter{width: 12rem; text-align: center; padding: 1rem 0; font-size: 1.4rem; background: #ddd; cursor: pointer; margin: 1rem 0;}
	.jobUpload .enter:hover{background: #555; color: #fff;}
}