@charset "utf-8";
.join{ padding-bottom: 6rem; }
.join .title{ padding: 5.5rem 0 3.5rem; }
.join .title h3{ font-size: 1.7rem; color: #010207; font-family: "FZLTZCHJW"; text-align: center; }

.join .join_us{}
.join .join_us .join_item{ width: 48%; text-align: center; padding-bottom: 2rem; }
.join .join_us .join_item .img{height: 0;padding-bottom: 66%;overflow: hidden;position: relative;}
.join .join_us .join_item .img img{ width: 100%; }
.join .join_us .join_item .text h4{ font-size: .9rem; color: #ffffff; background: #74003c; margin: 1.5rem 0;display: inline-table; padding: .75rem 2.1rem;border-radius:1rem;}
.join .join_us .join_item .text p{font-size: .8rem; color: #333333; line-height: 1.5;padding: 0 1rem;}
.join .join_us .join_item:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.join .join_us .join_item:hover .text h4{background: #881e4b;}
.join .join_us .join_item:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}


.join_list{ padding: 5.5rem 0 6rem;}
.join_list .query{height: 2.5rem; line-height: 2.5rem; margin-bottom: 2rem; overflow: hidden; }
.join_list .query .item{ float: left; }
.join_list .query .item h3{ float: left; font-size: 1.2rem; color: #74003c;  background-repeat: no-repeat; background-position: left center;  }
.join_list .query .city{ margin-right: 6.4rem; }
.join_list .query .city h3{background-image: url(../img/city.png);padding-left: 2rem;  }
.join_list .query .position h3{background-image: url(../img/position.png);padding-left: 1.3rem;   }

.join_list .query .item .on{ float: left; width: 12rem; height: 2.5rem; margin-left: 2rem; padding:0 .9rem; background-color: #f9f9f9; border-radius:1rem; 
	border: none;background-image: url(../img/arrow_s.png);background-repeat: no-repeat; background-position: right .9rem center; appearance: none; -moz-appearance: none;-webkit-appearance: none; }
.join_list .query .item option{ height: 1.5rem; line-height: 1.5rem;text-indent: .9rem;cursor: pointer;}

/*
.join_list ul{ border-top: 3px solid #74003c; }
.join_list ul li{ height: 5.6rem; line-height: 5.6rem; border-bottom: 1px solid #f6f6f6; overflow: hidden;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s; }
.join_list ul li span{ font-size: .9rem; color: #666666; width: 20%; float: left; text-align: center;  }
.join_list ul li span.s1 a{font-size: 1rem; color: #121213; font-weight: 600;}
.join_list ul li span.s5 a{font-size: 16px; color: #666666; padding: .7rem 1.4rem; border: 1px solid #999999;border-radius:.8rem;}
.join_list ul li:hover{ background-color: #f6f6f6; }
.join_list ul li:hover span.s5 a{ background-color: #74003c;color: #ffffff;border: 1px solid #74003c;}
*/

.join_list .join_table{ border-top: 3px solid #70183d; min-height: 500px; }
.join_list .footable thead{ border-bottom: 2px solid #70183d;height: 5.6rem;line-height: 5.6rem; }
.join_list .footable thead tr th{font-size: 1rem; color: #000;  text-align: center; font-family: "FZLTHJW";width: 20%; }
.join_list .footable tbody{ margin-bottom: 2rem; }
.join_list .footable .gradeX{height: 5.6rem; line-height: 2rem; overflow: hidden; font-family: "FZLTHJW"; border-bottom: 1px solid #f6f6f6; overflow: hidden;-webkit-transition: all .2s;-moz-transition: all .2s; -ms-transition: all .2s;transition: all .2s; }
.join_list .footable .gradeX td{ width: 20%;text-align:center; font-family: "FZLTHJW"; }
.join_list .footable .gradeX span{ font-size: .9rem; color: #666666;  text-align: center; font-family: "FZLTHJW"; }
.join_list .footable .gradeX span.s1 a{font-size: 1rem; color: #121213; font-weight: 600;font-family: "FZLTHJW"; }
.join_list .footable .gradeX span.s5 a{font-size: 16px; color: #666666; padding: .7rem 1.4rem; border: 1px solid #999999;border-radius:.8rem;font-family: "FZLTHJW"; }
.join_list .footable .gradeX:hover{ background-color: #f6f6f6; }
.join_list .footable .gradeX:hover span.s5 a{ background-color: #70183d;color: #ffffff;border: 1px solid #70183d;}

.join_list .footable .tfoot{}
.pagination{ float: right; margin-top: 2rem;  }
.pagination li{float:left;text-align: center; line-height: 2.5rem;width: 2.5rem; height: 2.5rem;background: #f5f5f5; margin: 0 1px;}
.pagination li a,.pagination li span{position:relative;font-size: 16px;color:#333; display: block;width: 2.5rem; height: 2.5rem;}
.pagination .active,.pagination li:hover{background: #74003c; }
.pagination .active a,.pagination li:hover a{color:#ffffff; }
.pagination .footable-page-arrow{ display: none; }

.join_list .join_us{ }
.join_list .join_us a{font-size: .9rem; color: #ffffff; padding: 1rem 2.5rem; background-color: #74003c;border-radius:1rem; display: inline-block; margin-top: 2rem;}
.join_list .join_us a:hover{ background-color: #881e4b; }

.join_detail{ padding: 6.5rem 0 6rem;}
.join_detail .content{ padding: 0 1rem; }
.join_detail .content .title{ overflow: hidden; }
.join_detail .content .title h2{ font-size: 1.5rem; color: #121213; float: left; font-family: "FZLTZCHJW"; }
.join_detail .content .title a{ font-size: 14px; color: #74003c; float: right; }
.join_detail .content .add{ padding: 8px 0 24px;border-bottom: 1px solid #eeeeee;  }
.join_detail .content .add span{ height: .75rem; line-height: .75rem; padding-left: 20px;background-image: url(../img/add.png); background-repeat: no-repeat; background-position: left center; font-size: 14px; color: #9a9a9a; }

.join_detail .content .main{ }
.join_detail .content .main h3{ padding:2.5rem 0 .5rem;  font-size: 1rem; color: #000000;font-weight: 600; }
.join_detail .content .main .txt{ font-size: 16px;color: #a2a2a2; line-height: 2.2; }
.join_detail .content .join_us{ margin-top: 2.5rem;}
.join_detail .content .join_us a{ }
.join_detail .content .join_us a:hover{ background-color: #881e4b; }

.join-form{ padding: 6.5rem 0 ;  }
.join-form h3{ font-size: 1.7rem; color: #010207;text-align: center;font-family: "FZLTZCHJW"; padding-bottom: 2.5rem;}
.join-form .form{width: 38%; margin: 0 auto;}
.join-form .form .item{ width: 100%; margin-bottom: .5rem; }
.join-form .form .item span{ width: 100%; color: #666666; font-size: 16px; margin-top: .5rem; line-height: 1.5; margin-bottom: .5rem; display: block;}
.join-form .form .item span i{color: #74003c; font-size: .9rem; margin-right: 5px; position: relative; top:3px; font-style:normal}
.join-form .form .item .input{width: 100%;background-color: #ffffff; border-radius: .6rem; color: #999999; font-size: 16px; padding: 0 .5rem;  height: 2.9rem; line-height: 2.9rem; border: 1px #dcdcdc solid; }
.join-form .form .item .real{ line-height: 2;margin-top: .5rem;  }
.join-form .form .item .real p{ float: left; padding-left: .5rem; padding-right: 2rem; color: #666666; font-size:16px;}
.join-form .form .item .real input{ float: left;margin-top: .5rem;color: #666666;}
.join-form .form .button-r{ margin-top:.5rem; }
.join-form .form .button-r a{ border:none;border-radius: 1rem; width: 100%; height: 3rem; line-height: 3rem; }
.join-form .form .multiple{}
.join-form .form .button-r .reset{ background: #999999; }

#btn{width: 100%;background: #e3e3e3;text-align: center;color: #fff; height: 3rem; line-height: 3rem; text-align: center; color: #333;
	border-radius: 1rem; margin: 1.5rem 0 1rem;font-family: "FZLTHJW";font-size: 16px;}
#btn .file{opacity: 0;position: relative;top: -4rem;width: 100%;height: 3rem;font-family: "FZLTHJW"; font-size: 16px;}
#btn font{font-size: 13px; color: #777;}
#filename{ font-size: 14px; color: #666; }
#graduation span{}
@media screen and (max-width: 1300px) {
.join .join_us .join_item .text h4{font-size: 16px; }
.join .join_us .join_item .text p{ font-size: 14px; }
}
@media screen and (max-width: 768px) {
.join_list .query{ height:auto; }
.join_list .query .item{width: 100%; float: none;height: 2.5rem; margin-bottom: 1rem; }
.join_list .query .city{ margin-right: 0; }
.join_detail{padding: 4rem 0;}
.join_detail .content .main h3{font-size: 16px;}
.join_detail .content .main .txt{ font-size: 14px; }
.join_list .footable .gradeX span.s1 a{font-size: 16px;}
.join_list .footable .gradeX span{font-size: 14px;}
.join_list .query .item h3{font-size: 16px;}
.join_list .query .item .on{font-size: 14px;}
.join_list .join_us a{font-size: 16px;}
.join_list .footable .gradeX span.s5 a{font-size: 14px;}
.join-form{padding: 3.5rem 0;}
.join-form .form{ width: 60%; }
.join_detail .content{ padding: 0; }
.join_list .footable .gradeX .td2{ display: none; }
.join_list .footable .gradeX .td3{ display: none; }
.join_list .footable thead tr .th2{ display: none; }
.join_list .footable thead tr .th3{ display: none; }
.join_list .footable .gradeX td,.join_list .footable thead tr th{ width: 33.33%; }
}

@media screen and (max-width: 480px) {
.join{ padding-bottom: 4rem; }
.join .title{padding: 3rem 0 2.5rem;}
.join .join_us .join_item{ width: 100%; margin-bottom: 1rem; float: none;}
.join_list .footable .gradeX td{ width: 33%; }
.join_list .footable .gradeX span.s5 a{padding: .5rem 1rem;}
.join-form .form{ width: 90%; }
.join .title h3{ font-size: 1.5rem; }
}