.sec1{
	text-align: center;
	padding: 9.9% 0 3.85%;
}
.sec1 .inner{
    transform: translateY(20vh);
    opacity: 0;
    transition: transform 0.75s,opacity 0.75s;
}
.sec1 .inner.actived{
    transform: translateY(0);
    opacity: 1;
}
.sec1 p{
	font-size: 1.375em;
	color: #333;
	line-height: 1.9;
	margin-bottom: 1em;
}
.sec1 p:last-child{
	margin-bottom: 0;
}
.sec1 p a{
	color: var(--theme-color);
	text-decoration: underline;
	font-weight: bold;
}




.sec2{
	padding-bottom: 10.4%;
}
.sec2 table{
    transform: translateY(20vh);
    opacity: 0;
    transition: transform 0.75s,opacity 0.75s;
    width: 100%;
    font-size: 1.25em;
    color: #333;
    text-align: left;
    line-height: 1.88;
  	background-repeat: no-repeat;
  	background-size: 100% 4.8em;
  	background-position: center top;
  	background-image: url(../images/recruit_theadbg.png);
}
.sec2 table.actived{
    transform: translateY(0);
    opacity: 1;
}
.sec2 th,.sec2 td{
	padding-left: 2.5em;
	padding-right: 2.5em;
}
.sec2 th{
	color: #fff;
	height: 4.8em;
}
.sec2 th:nth-child(1){
	width: 43%;
}
.sec2 th:nth-child(3){
	width: 10em;
}
.sec2 th:nth-child(4){
	width: 6em;
}
.sec2 tr{
	transition: background-color 0.5s;
}
.sec2 td{
	font-weight: bold;
	border-bottom: 1px solid #eaebef;
}
.sec2 tr:nth-child(odd) td{
	border-bottom: 0 none;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}
.sec2 .cross-box{
	width: 1em;
	height: 1em;
	position: relative;
	cursor: pointer;
}
.sec2 .cross-box::before,.sec2 .cross-box::after{
	content: "";
	display: block;
	position: absolute;
	background-color: #333;
}
.sec2 .cross-box::before{
	width: 100%;
	height: 0.1em;
	left: 0;
	top: 50%;
	margin-top: -0.05em;
}
.sec2 .cross-box::after{
	height: 100%;
	width: 0.1em;
	left: 50%;
	margin-left: -0.05em;
	top: 0;
	transition: opacity 0.5s;
}
.sec2 tr.active .cross-box::after{
	opacity: 0;
}
.sec2 .slide-box{
	display: none;
	padding-bottom: 3em;	
}
.sec2 .flex-box{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	font-size: 0.85em;
}
.sec2 .flex-box > div{
	width: 46.43%;
}
.sec2 ol{
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 1em;
	font-weight: normal;
}
.sec2 h5,.sec2 li{
	margin-bottom: 0.3em;
}
.sec2 li:last-child{
	margin-bottom: 0;
}


@media only screen and (min-width:1025px){
	.sec2 tbody tr:nth-child(odd):hover{
		background-color: rgba(252,51,41,0.05);
		cursor: pointer;
	}
	.sec2 tbody tr.active:nth-child(odd):hover{
		background-color: transparent;
	}
}
@media only screen and (max-width:1024px){
	.sec1{
		padding: 15% 0 10%;
	}
	.sec1 p{
		font-size: 1em;
	}


	.sec2{
		padding-bottom: 15%;
	}
	.sec2 table{
	    font-size: 0.875em;
	}
	.sec2 th,.sec2 td{
		padding-left: 1em;
		padding-right: 1em;
	}
	.sec2 th:nth-child(1){
		width: auto;
	}
	.sec2 th:nth-child(2){
		width: 4.1em;
	}
	.sec2 th:nth-child(3){
		width: 4.1em;
	}
	.sec2 th:nth-child(4){
		width: 3em;
	}
	.sec2 tr:nth-child(odd) td{
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.sec2 .slide-box{
		padding-bottom: 2em;	
	}
	.sec2 .flex-box{
		display: block;
	}
	.sec2 .flex-box > div{
		width: 100%;
	}
	.sec2 .flex-box > div:first-child{
		margin-bottom: 10%;
	}
}