.eduRecruit {width: 100%; margin: 0 auto;}

.recruitTable > p {background: #e5e5e5; text-align: center; height: 8.6rem; line-height: 3rem; margin-bottom: 1.6em; padding: 1.6em 0;}
.recruitTable > p span {font-size: 1.7rem;}
.recruitTable > p span:last-child {display: block; font-size: 1.4rem; line-height: 2rem; letter-spacing: 0px;}

.recruitTable .recruit_table {width: 100%; border-top: 1px solid #c8c8c8; border-collapse: collapse;margin:0;}
.recruitTable .recruit_table tr, .recruitTable .recruit_table th {border-bottom: 1px solid #c8c8c8;}
.recruitTable .recruit_table tr th {width:15%;background-color:#ececec;border-right: 1px solid #c8c8c8;border-left: 1px solid #c8c8c8;text-align: center;vertical-align: middle;}
.recruitTable .recruit_table tr td {border-right: 1px solid #c8c8c8; }
.recruitTable th{width: 8.5%; padding: 10px 0 10px 0px; text-align: left; font-size: 14px; color: #333; font-weight: bold;}
.recruitTable th.edu_title{border:2px solid #ccc;text-align:center;padding:20px 0;background:#eee;font-size:16px;border-radius:3px;}
.recruitTable th.noline{border-bottom:0;padding:20px 0 5px 20px}
.recruitTable th.option span{color:#777;font-weight:normal}
.recruitTable td{font-size:14px;color:#333;text-align:left;padding:18px 30px 18px 25px;line-height:23px;}
.recruitTable td li{margin:7px 0 7px 0}
.recruitTable td input{vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
.recruitTable td label{vertical-align:middle;margin:0 30px 0 5px;display:inline-block}
.recruitTable td label.title{text-align:left;font-size:14px;color:#333;vertical-align:middle;margin:0;display:inline-block;font-weight: bold;margin-right: 45px;}
.recruitTable td input.textbox{width:155px;height:30px;border:1px solid #d3d3d3;background:#fff;;font-size:14px;padding:0 0 0 10px}

.recruitTable tr td.tel input, .recruitTable td.email input {margin: 0 0.7rem;}
.recruitTable tr td.tel input:first-child, .recruitTable td.email input:first-child {margin-left: 0;}
.recruitTable td.email input:nth-child(2) {margin-right: 0.3rem; margin-left: 0.7rem;}
.recruitTable td.tel span{margin-left: 20px; color: #929292; font-size: 13px; font-weight: 600;}
.recruitTable td.address input.box1{width:100px}
.recruitTable td.address input.box2{width: 55%;margin:6px 0 0 0}
.recruitTable td.address input.box3{width:28%;margin:6px 0 0 1rem}
.recruitTable td.address button{width: 93px; background: #9c9c9c; border: 0px; color: white; text-align: center; font-size: 13px; margin: 0px 0 0 1rem; cursor: pointer; height: 1.9rem; line-height: 1.9rem; letter-spacing: 0; vertical-align: middle;}
.recruitTable td select{width:140px;height:30px;border:1px solid #d3d3d3;font-size:14px;vertical-align:middle}
/* .recruitTable td.tel select{width:80px} */
.recruitTable .post_comment {display: block; color: red; font-size: 0.9rem; margin-top: 0.8rem;}

.agree{overflow:hidden;margin:40px 0 0 0}
.agree span{display: block; font-size: 15px; font-weight: bold; padding: 30px; color: #333; line-height: 30px;}
.agree .text{border: 2px solid #eee;  text-align:center; display: block; font-size: 17px; font-weight: bold; padding: 30px; color: #333; line-height: 30px;}
.agree .agree_btn{text-align: center; background:#fff}
.agree .agree_btn input{vertical-align:middle}
.agree .agree_btn label{padding:0 15px 0 5px;vertical-align:middle}


.register_btn{text-align:center;margin:50px 0 40px 0}
.register_btn a{text-align:center;background:#ff8a0d; width:150px;height:2.4rem;display:inline-block;color:#fff;line-height: 2.4rem;font-size:15px;font-weight:600;margin:0 5px}
.register_btn a.cancle{background:#ccc;color:#666}

/* td.oath{padding:0} */
/* td.oath div.oath-text{width: 99%; height: 150px; overflow-y: scroll; padding-top: 15px; margin-left: 1%; font-size: 13px;} */
p.title{font-size:14px;font-weight:bold;margin-bottom:10px;}
/* .eduWrap table tr td.oath_agree > span{background:url('/html/images/sub/check.svg');background-repeat: no-repeat; background-size: 20px; font-size: 17px; margin: 15px 0; padding-left: 28px;} */
.info-agree{text-align: center;}
.info-agree p.text{text-align:left; vertical-align: middle; padding: 10px; font-size: 15px; font-weight: 600; background: #eee;}
.info-agree .info-agree-text{  margin-bottom: 10px;text-align:left; padding-top:15px; height: 150px; overflow-y: scroll; border: 1px solid #eee; padding-left: 1%;}
.info-agree .agree_btn label {color: #15b1e4 !important;font-size: 14px;font-weight: 600;vertical-align: middle;/*  margin-left: 0.5rem; */}

.info-agree .agree_btn input, .recruitTable td input#man, .recruitTable td input#woman {display:none;}
.info-agree .agree_btn input label, .recruitTable td.esex label  {line-height: 0 !important; display: inline-block;}
.info-agree .agree_btn label span, .recruitTable td.esex label span {display:inline-block; width:14px; height:14px; border:1px solid #c0c0c0; background: #fff; vertical-align: middle; cursor:pointer; border-radius: 2px; margin-right: 0.5rem;}
.info-agree .agree_btn input[type="checkbox"]:checked + label span:before {display: block; width: 11px; height: 11px; content: "\2714"; font-size: 0.62rem; color: #000; text-align: center; position: relative; top: 1px;}
.recruitTable td.esex input[type="checkbox"]:checked + label span:before{
 display: block;
    width: 14px;
    height: 14px;
    content: "\2714";
    font-size:0.62rem;
    color: #000;
    text-align: center;
	position: relative; top: 5px;left: -1px;
}
#egroup{width:90%}
span.es{color:red !important}
/* #oath_agree:hover{cursor:pointer;} */

 /*PC*/
@media (min-width:1024px) and (max-width:1300px){
}
/*tablet*/
@media(min-width:768px) and (max-width:1024px){
}
/*mini tablet and duo*/
@media(min-width:480px) and (max-width:768px){
	.recruitTable > p {height: auto; padding: 1em 3%;}
	.recruitTable > p span {font-size: 1.3rem;}
	.recruitTable > p span:last-child {font-size: 1.1rem;}

	.recruitTable .recruit_table {border-top: 1px solid #c8c8c8 !important; border-bottom: 1px solid #c8c8c8 !important;width: 100%;}
	.recruitTable .recruit_table tr {display: block; border: 0 !important; padding: 0 3%;}	
	.recruitTable .recruit_table tr:last-child {margin-bottom: 1.4rem;}
	.recruitTable .recruit_table tr:first-child {margin-top: 1.4rem;}
	.recruitTable .recruit_table tr, .recruitTable .recruit_table th {border: 0 !important;}
	.recruitTable .recruit_table th {display: inline-block; width: 100% !important; background: unset !important; border: 0 !important; text-align: left !important;}
	.recruitTable .recruit_table td {display: inline-block; border: 0 !important; padding: 0;     margin-bottom: 1.4rem; width: 100%;}
	.recruit_table tr:nth-child(2) td.address {margin-bottom: 0;}

	/* .recruitTable tr:first-child td input.textbox {width: 100%;} */
	.recruitTable tr td.tel input:last-child {margin-right: 0;}
	.recruitTable tr td.tel input {width: 28.7%;}
	.recruitTable td.addnum {margin-bottom:0;}
	.recruitTable td.address input.box1, .recruitTable td input.textbox {width: 142px;}
	.recruitTable td.address input.box2 {width: 60%;}
	.recruitTable td.address input.box3 {width: 36%;}	
	.recruitTable td.email select {width: 29%;}
	.recruitTable td.email input {width: 30%;}
}

/* samsung note and iphone max*/
@media(min-width:370px) and (max-width:480px){
	.recruitTable > p {height: auto; padding: 1em 3%;     line-height: 1.8rem;}
	.recruitTable > p span {font-size: 1.3rem;}
	.recruitTable > p span:last-child {font-size: 1.05rem; margin-top: 0.8rem;}

	.recruitTable .recruit_table {border-top: 1px solid #c8c8c8 !important; border-bottom: 1px solid #c8c8c8 !important;width: 100%;}
	.recruitTable .recruit_table tr {display: block; border: 0 !important; padding: 0 3%;}	
	.recruitTable .recruit_table tr:last-child {margin-bottom: 1.4rem;}
	.recruitTable .recruit_table tr:first-child {margin-top: 1.4rem;}
	.recruitTable .recruit_table tr, .recruitTable .recruit_table th {border: 0 !important;}
	.recruitTable .recruit_table th {display: inline-block; width: 100% !important; background: unset !important; border: 0 !important; text-align: left !important;}
	.recruitTable .recruit_table td {display: inline-block; border: 0 !important; padding: 0;     margin-bottom: 1.4rem; width: 100%;}
	.recruit_table tr:nth-child(2) td.address {margin-bottom: 0;}

	/* .recruitTable tr:first-child td input.textbox {width: 100%;} */
	.recruitTable td.addnum {margin-bottom:0;}
	.recruitTable td.address input.box1, .recruitTable td input.textbox {width: 142px;}
	.recruitTable td.address input.box2 {width: 100%;}
	.recruitTable td.address input.box3 {width: 142px; margin-left: 0;}
	.recruitTable tr td.tel input:last-child {margin-right: 0;}
	.recruitTable tr td.tel input {width: 27%;}
	.recruitTable td.email select {width: 29%;}
	.recruitTable td.email input {width: 28%;}
	#egroup{width:100%}
}
/* samsung and iphone*/
@media (min-width:320px) and (max-width:370px){
	.recruitTable > p {height: auto; padding: 1em 3%;     line-height: 1.8rem;}
	.recruitTable > p span {font-size: 1.25rem;}
	.recruitTable > p span:last-child {font-size: 1.05rem; margin-top: 0.8rem;}

	.recruitTable .recruit_table {border-top: 1px solid #c8c8c8 !important; border-bottom: 1px solid #c8c8c8 !important;width: 100%;}
	.recruitTable .recruit_table tr {display: block; border: 0 !important; padding: 0 3%;}	
	.recruitTable .recruit_table tr:last-child {margin-bottom: 1.4rem;}
	.recruitTable .recruit_table tr:first-child {margin-top: 1.4rem;}
	.recruitTable .recruit_table tr, .recruitTable .recruit_table th {border: 0 !important;}
	.recruitTable .recruit_table th {display: inline-block; width: 100% !important; background: unset !important; border: 0 !important; text-align: left !important;}
	.recruitTable .recruit_table td {display: inline-block; border: 0 !important; padding: 0;     margin-bottom: 1.4rem; width: 100%;}
	.recruit_table tr:nth-child(2) td.address {margin-bottom: 0;}

	/* .recruitTable tr:first-child td input.textbox {width: 100%;} */
	.recruitTable td.addnum {margin-bottom:0;}
	.recruitTable td.address input.box1, .recruitTable td input.textbox {width: 142px;}
	.recruitTable td.address input.box2 {width: 100%;}
	.recruitTable td.address input.box3 {width: 142px; margin-left: 0;}
	.recruitTable tr td.tel input:last-child {margin-right: 0;}
	.recruitTable tr td.tel input {width: 30%; margin: 0 0.2rem;}
	.recruitTable td.email select {width: 42.9%;}
	.recruitTable td.email input:first-child {width: 100%; margin-right: 0; margin-bottom: 0.8rem;}
	.recruitTable td.email input:nth-child(2) {width: 46%;}

	.register_btn a {width: 130px;}
	#egroup{width:100%}
}   
/* fold*/
@media(max-width:320px){
	.recruitTable > p {height: auto; padding: 1em 3%; line-height: 1.8rem;}
	.recruitTable > p span {font-size: 1.25rem;}
	.recruitTable > p span:last-child {font-size: 1.05rem; margin-top: 0.8rem;}

	.recruitTable .recruit_table {border-top: 1px solid #c8c8c8 !important; border-bottom: 1px solid #c8c8c8 !important;width: 100%;}
	.recruitTable .recruit_table tr {display: block; border: 0 !important; padding: 0 3%;}	
	.recruitTable .recruit_table tr:last-child {margin-bottom: 1.4rem;}
	.recruitTable .recruit_table tr:first-child {margin-top: 1.4rem;}
	.recruitTable .recruit_table tr, .recruitTable .recruit_table th {border: 0 !important;}
	.recruitTable .recruit_table th {display: inline-block; width: 100% !important; background: unset !important; border: 0 !important; text-align: left !important;}
	.recruitTable .recruit_table td {display: inline-block; border: 0 !important; padding: 0;     margin-bottom: 1.4rem; width: 100%;}
	.recruit_table tr:nth-child(2) td.address {margin-bottom: 0;}

	/* .recruitTable tr:first-child td input.textbox {width: 100%;} */
	.recruitTable td.addnum {margin-bottom:0;}
	.recruitTable td.address input.box1, .recruitTable td input.textbox {width: 140px;}
	.recruitTable td.address input.box2 {width: 100%;}
	.recruitTable td.address input.box3 {width: 142px; margin-left: 0;}
	.recruitTable tr td.tel input:last-child {margin-right: 0;}
	.recruitTable tr td.tel input {width: 28.4%; margin: 0 0.2rem;}
	.recruitTable td.email select {width: 42.9%;}
	.recruitTable td.email input:first-child {width: 100%; margin-right: 0; margin-bottom: 0.8rem;}
	.recruitTable td.email input:nth-child(2) {width: 42%;}

	.register_btn a {width: 110px;}
	#egroup{width:100%}
}