@charset "utf-8";
.job-box{
	margin-bottom: 50px;
}
.job-title{
	border-bottom: 1px solid rgb(228,228,228); 
	margin-bottom: 30px;
}
.job-title h3{
	font-weight: bold;
	margin: 0;
    margin-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.job-icon-box{
	padding-left: 30px;
}
.job-icon{
	color:rgb(136,137,139);
	position: relative;
	padding-left: 23px;
    padding-right: 20px;
}
.job-icon:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	
}
.job-address:after{
	background-image: url(../images/ZP_icon-01.svg);
}
.job-education:after{
	background-image: url(../images/ZP_icon-02.svg);
}
.job-money:after{
	background-image: url(../images/ZP_icon-03.svg);
}
.job-time:after{
	background-image: url(../images/ZP_icon-04.svg);
}

.job-content{
	padding-left: 30px;
    padding-right: 30px;
}
.job-content h4{
	font-weight: bold;
	line-height: 1.6;
	margin: 0;
}
.job-content p{
	line-height: 1.6
}
.job-apply{
    border: 1px solid red;
    width: 150px;
    padding: 10px 20px;
    text-align: center;
    margin-top: 20px;
    color: red;
    cursor: pointer;
}

@media (min-width: 768px){
 .job-pc-none{
 	display: none;
 }
 .input-width{
 	width: 74%!important;
 }
 .input-width2{
 	width: 61%!important;
 }
 input[type="month"]{
 	padding: 5px 3px!important;
 }
}

.job-close{
    background-color: rgb(39,52,60);
    border-radius: 25px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -22px;
    right: -22px;
    transform: rotate(45deg);
    cursor: pointer;
}
.job-close span{
  position: absolute;
  display: block;
  background-color: #fff;
}
.job-close-left{
    width: 30px;
    height: 3px;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -1.5px;
}
.job-close-right{
width: 3px;
    height: 30px;
    left: 50%;
    margin-left: -1.5px;
    top: 50%;
    margin-top: -15px;
}


.midway-bg{
	background-color: rgba(0,0,0,0.7); 
	z-index: 50;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.midway-resume{
	width: 70%;
	margin: 0 auto;
	background-color: #fff;
	position: absolute;
	top: 19%;
	left: 50%;
	margin-left: -35%;
	overflow:visible;
	z-index: 52;
	padding: 30px 0px;
	display: none;
}
.midway-resume h3{
	text-align: center;
	font-weight: bold;
	margin: 0px 0 20px 0;
}
.job-warm{
	color: red;
}
.midway-form{
	width: 90%;
    margin: 0 auto;
}
.midway-resume-content input,.midway-resume-content select,.midway-resume-content textarea{
	width: 100%;
	
	margin-bottom: 20px;
	padding: 5px 15px;
}
.job-sex{
	padding-left: 0px;
}
.job-brid{
	padding-right: 0px;
}
.midway-resume-content textarea{
	
	height: 100px;
}
.job-education-text span{
	padding: 0 10px;
}
.job-submit-box{
	width: 46%;
    margin: 30px auto;
}
.job-submit{
	border: 1px solid red;
	padding:15px 20px; 
	color: red;
	text-align: center;
	width: 46%!important;
	cursor: pointer;
	margin: 0 auto;
}
.job-preciew{
	margin-right: 8%;
}
.job-form-mi{
	position: relative;
	padding-left: 11px;
	font-weight: bold;
}
.job-form-mi:after{
	content: "*";
	color: red;
	position: absolute;
	left: 0;
	top: 3px;
}
.job-name{
	font-weight: bold;
}
@media (max-width: 767px){
 .job-sp-none{
 	display: none;
 }
 .job-sex{
	padding: 0px;
}
.job-brid{
	padding: 0px;
}
.job-submit {
  width: 100%!important;
}
.job-preciew{
	margin-bottom: 10px;
}
.midway-resume{
	width: 85%;
	margin-left: -43%;
}
.job-submit-box{
	margin: 0 auto;
}

}

.dropdown-menu{
	left: 0!important;
	background-color: #fff!important;
}