/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
*{
	font-family: 'Noto Sans TC', sans-serif;
}*/
#preloader {
	height:100vh;
	width:100%;
	display: flex;
	position:fixed;
	z-index:10000;
    justify-content: center;
    align-items: center;
	background-image:url('/img/(浮水印雙色)勁達大LOGO(正)_0.png');
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 0 10vh;
    background-size: 100vh 90vh;
}
#status{
	text-align: center;
}
#status img{
	width: 30%;
}
a,h1,h2,h3,h4,h5{
	font-family: Roboto, "微軟正黑體", Helvetica, Arial, sans-serif !important;
}
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #34A7C1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 45px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
h2{
	color:#000;
}
h3{
	display:block;
	color: #273b64;
	margin: 0 auto ;
	font-size:45px;
	display:inline-block;
}
.zoom{
	display:none;
}
table{
	width: 100%;
	color: #292929;
	vertical-align: top;
	border-color: #dee2e6;
	border-collapse:collapse;
}
.table{
	margin-bottom:2rem;
}
.table > :not(caption) > * > *{
	padding: 0.5rem 0.5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody{
	vertical-align: inherit;
}
.table > thead{
	vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > *{
	border-bottom-color: currentColor;
}
#username, #password{
	background: #eee;
    border: none;
    padding: 12px 15px;
    margin: 8px 0;
    width: 80%;
}
h5{
	margin: 20px;
	color: #a3a2a3;
}
h5:hover{
	color: black;
}
#container1, #container2{
	margin: 0 auto;
	margin-top:10vh;
	padding: 10px;
	width: 60vh;
	height: 60vh;
	max-width:100%;
	background-color: white;
	border-radius: 10px;
	border-top: 10px solid #df5334;
	box-shadow: 0 0px 70px rgba(0, 0, 0, 0.1);
}
.login{
	height:100%;
	border:0 !important;
	display:flex;
	text-align:-webkit-center;
	flex-direction: column;
}
.login td{
	margin:auto;
}
#container1 input[type='text'] ,#container1 input[type='password']{
	display:block;
	margin:4% auto;
	text-align:left;
	width:70%;
	border:0;
	border-radius:10px;
	background:#e0dede;
}
#container1 input[type='submit']{
	width:25%;
	font-weight:bold;
	font-family:sans-serif;
	background:#f6913a;
}
.system_name{
	/*定位對齊*/
	position:relative;
	margin: auto;
	margin-top:3%;
	text-align:center; 
}
.system_name h2{
	font-weight: 700;
	font-style: normal;
}
.login .submit{
	color: white;  
	background: #0d6efd;
	border-radius: 10px;
	border: 0px;
	transition:background .3s ease;
}
.login .submit:hover{
	background: #084298;
	transition:background .3s ease;
}
html,body{
	line-height:1.5;
	font-size:16px;
	color:#000;
	height: 100%;
	margin:0;
}
button{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#000;
}
@keyframes showNav{
	from{
		right: -100%;
	}
	to{
		right: 0;
	}
}
@keyframes closeNav{
	from{
		right: 0;
	}
	to{
		right: -100%;
	}
}
@keyframes showul{
	0%{
		visibility: hidden;
		max-height:0;
	}
	100%{
		visibility: visible;
		height:500px;
	}
}
@keyframes closeul{
	0%{
		visibility: visible;
		max-height:300px;
	}
	100%{
		visibility: hidden;
		max-height:0;
	}
}
@keyframes shake { 
	10%, 90% { transform: translate3d(-1.5px, 0, 0); }
	20%, 80% { transform: translate3d(+3px, 0, 0); }
	30%, 70% { transform: translate3d(-6px, 0, 0); }
	40%, 60% { transform: translate3d(+6px, 0, 0); }
	50% { transform: translate3d(+6px, 0, 0); }
}
.shake{
	animation: shake 800ms ease-in-out;
}
aside{
	display:none;
}
.aside-close{
	display:block;
	right:0%;
	height:100%;
	z-index:1000;
	position:fixed;
	width:50%;
	background:#444;
	text-align:center;
	right:-100%;
	animation:closeNav .5s ease forwards;
}
.aside-open{
	display:block;
	right:0%;
	height:100%;
	z-index:1000;
	position:fixed;
	width:30%;
	background:#444;
	text-align:center;
	animation:showNav .5s ease forwards;
}
aside ul{
	padding:0;
	margin:5px 0;
}
aside h1{
	color:#fff;
	font-size:25px;
	margin:20px 0;
}
aside ul>li{
	list-style: none;
	color:#fff;
	font-size:15px;
	margin:10px 0;
}
aside ul ul{
	overflow:hidden;
}
aside a{
	color:#fff;
}
aside button{
	color:#fff;
}
.aside-ul-open{
	max-height:500px;
	opacity: 1;
	transition: all 0.5s ease;
}
.aside-ul-close{
	max-height:0;
	opacity: 1;
	transition: all 0.5s ease;
}
#header{
	background-image: linear-gradient(to right, #ffffff, #f58d33);
	width:100%;
	position:sticky;
	height:10vh;
	z-index:999;
	top:0;
}
#header:after{
	content:"";
	clear:both;
	display:block;
}
input{
	list-style:none;
	border:solid 1px #ccc;
	padding:10px;
	border-radius:20px;
	border-color:#333;
    text-align: center;
}
.logo{
	float:left;
	padding:0;
}
.default{
	display:table-cell;
}
.default-close{
	display:none;
}
.input{
	display:none;
}
.recruit-paper input{
	padding:5px 10px;
	text-align:center;
}
.input-open{
	display:table-cell;
}
.add-recruit{
	display:none;
}
.add-recruit-open{
	display:block;
}
.logo img{
	height:10vh;
	display:block;
	padding:0;
}
nav{
	float:right;
	margin-right:3%;
	height:10vh;
}
nav a{
	font-size:2.5vh;
	font-weight: bold;
}
nav>ul{
	list-style:none;
	float:left;
	position:relative;
	margin:0;
	height:100%;
	padding-left:0;
}
nav li{
	list-style:none;
	float:left;
	height:100%;
}
nav li a{
	float:none;
	padding:0 2vh;
	height:100%;
	display:flex;
	align-items:center;
	transition:all 0.3s;
	color:#fff;
}
nav li a:hover{
	color:#fff;
	background:#0004c345;
	border-radius:15px;
	transition:background .3s ease;
}
nav li:hover >ul{
	opacity: 1;
	padding:1vh 1.5vh;
	max-height:100vh;
}
nav li li{
	float:none;
}
nav .mega-dropdown{
	z-index:0;
	position:absolute;
	top:100%;
	background:#fff;
	overflow:hidden;
	outline:4px solid #000;
	border-radius:2vh; 
	max-height:0;
	opacity:0;
	/*transition: max-height .3s ease;*/
}
nav li li a{
	text-align:center;
	float:none;
	color:#333;
	display:block;
	padding:4px 5px;
	border-radius:3px;
	font-size:2vh;
}
nav li li ul{
	max-height:0;
	opacity: 0;
	/*transition: max-height 0.5s ease;*/
}
nav li li a:hover{
	background:#ff7300;
	color:#fff;
	transition:all 0.3s;
}
nav .mega-dropdown li li a{
	text-align:center;
	float:none;color:#333;
	display:block;
	border-radius:3px;
	padding:4px 5px;
	font-size:1.8vh;
}
nav .mega-dropdown li li a:hover{
	background:#ff7300;
	color:#fff;
}
#menu-icon{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-12px;
	margin-right:30px;
	display:none;
}
#menu-icon span{
	border:2px solid #fff;
	width:30px;
	margin-bottom:5px;
	display:block;
	-webkit-transition:all .2s;
	transition:all .1s;
}
.table_body{
	background:#ffffff;
	border:0;
	outline:3px solid black;
	border-radius:15px;
	border-collapse: collapse;
	font-size:15px;
	width:50%;
	text-align:center;
}
.table_body a{
	color:#000;
}
.table_body td{
	color:#000;
	border-bottom: 1px solid #adb5bd;
	padding-bottom:1vh;
	padding-top:1vh;
	vertical-align:middle;
}
.table_body img{
	height:10vh;
	width:auto;
}
.table_body input{
	width:80%;
	text-align:center;
}
.return_page{
	width:50%;
}
.carousel{
	margin: 0;
    position: relative;
	text-align:center;
	display:flex;
	justify-content: center;    
	align-items: center;        
}
.carousel-inner{
	display:flex;
	justify-content: center;
	/* 垂直置中 */
	align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.carousel-item{
    position: absolute;
    opacity: 0;
	height: 100%;
	transform:scale(0);
    transition: opacity 0.6s ease-out;
	z-index:9;
}
.carousel-item img{
    display: block;
    width: 99%;
}
.carousel-open{
	transform:scale(1);
    position: static;
    opacity: 100;
	z-index:99;
}
.carousel-control{
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 3vh;
	width: 15%;
    height: 5vh;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    z-index: 99;
}
.prev{
	z-index:100;
	text-align:right;
}
.next{
	z-index:100;
	text-align:left;
}
.carousel-indicators{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}
.carousel-indicators li{
    display: inline-block;
    margin: 0 1vh;
}
.carousel-bullet{
    color: #444;
    cursor: pointer;
    display: block;
    font-size: 5vh;
}
.carousel-bullet-checked{
    color: #f00;
    cursor: pointer;
    display: block;
}
.carousel-bullet:hover{
    color: #000;
}
.carousel-bullet-checked:hover{
    color: #f00;
}
.paper{
	text-align:center;
	width:100%;
	background:#fff;
	border-collapse: collapse;
	caption-side:top;
}
.paper caption{
	background-color: transparent;
}
.paper tr{
	border:1px solid #f2f2f2;
}
.paper tr th{
	text-align: center;
	border:1px solid #f2f2f2;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
	height:6vh;
}
.paper tbody{
	outline:3px solid #000;
	border-radius:10px;
}
.paper a{
	padding:10px;
	font-size:2vh;
	text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.paper thead{
	color:#000;
}
.paper tbody ,.paper tbody a{
	color:#000;
}
.paper .num{
	width:5%;
}
.paper .news{
	border:0;
	max-width:30vh;
}
.paper .news-content{
	width:80%;
	max-width:20vh;
}
.paper .date{
	width:15%;
	max-width:5vh;
	color:#000;
}
.paper .delete{
	width:10%;
}
.paper .modify{
	width:10%;
}
.paper tbody .date a{
	color:#000;
}
.paper img{
	height:6vh;
}
.company-paper th,.company-paper td{
	color:#000;
	width:25%;
}
.recruit-paper{
	margin-top:1%;
	display:none;
}
.recruit-paper th,.recruit-paper td{
	color:#000;
	width:25%;
}
.recruit-paper a{
	color:#000;
}
.company-paper a{
	color:#000;
	font-size:20px;
}
.staff-paper input{
	text-align:center;
}
button{
	border:0 solid #333;
	background:rgba(0,0,0,0);
}
.more-info{
	text-align:center;
	margin:0 10%;
	padding:2% 0;
	background:#fff;
}
.more-info a{
	color:#000;
	font-weight: bold;
	padding:0 2%;
	border:1px solid #000;
	border-radius:15px;
	background:#fff;
	transition:all 0.5s ease;
}
.more-info a:hover{
	background: #456;
	color:#fff;
	transition:all 0.5s ease;
}
.footer-dark{
	padding:0;
	color:#f0f9ff;
}
footer{
	padding-top:3%;
	height:100%;
	background-image: linear-gradient(to top, #0a6b32, #5cba0a);
}
.footer-dark h3{
	margin-top:0;
	margin-bottom:12px;
	font-weight:bold;
	font-size:24px;
}
.footer-dark ul{
	padding:0;
	list-style:none;
	line-height:1.6;
	font-size:18px;
	margin-bottom:0;
}
.footer-dark ul a{
	color:inherit;
	text-decoration:none;
	opacity:0.9;
	width:auto;
}
.footer-dark ul a:hover{
	opacity:0.8;
}
.footer-dark .item.text{
	margin-bottom:36px;
}
.footer-dark .item.text p{
	opacity:0.6;
	margin-bottom:0;
}
.footer-dark .item.social{
	text-align:center;
}
.footer-dark .item.social > a{
	font-size:20px;
	width:36px;
	height:36px;
	line-height:36px;
	display:inline-block;
	text-align:center;
	border-radius:50%;
	box-shadow:0 0 0 1px rgba(255,255,255,0.4);
	margin:0 8px;
	color:#fff;
	opacity:0.75;
}
.footer-dark .item.social > a:hover{
	opacity:0.9;
}
.footer-dark .copyright{
	text-align:center;
	opacity:0.8;
	font-size:18px;
	margin-bottom:0;
	color:#fff;
}
.company{
	text-align:center;
	margin:1vh 0;
}
.company a:hover{
}
footer h3{
	color:#fff;
}
footer .divider{
    height: 1.5px;
    width: 100%;
	margin:2vh 0;
	opacity:0.8;
    background-color: #fff;
}
body:before{
	content:'';
	position:fixed;
	z-index:-1;
	top:0;
	right:0;
	bottom:0;
	left:0;
	min-height: calc(100%);
	background-image:url('/img/(浮水印雙色)勁達大LOGO(正)_0.png');
	background-color:#f5f5f5;
	background-repeat: no-repeat;
	background-position:0 10vh;
	background-size: 100vh 90vh;
}
.remark_save{
	text-align:center;
	margin:0 20%;
	margin-top:1vh;
}
.remark_save button{
	float:right;
	right:-35%;
	position:relative;
	margin:0 0 0 3vh;
}
.account{
	text-align:center;
	margin:0 auto;
	margin-top:1%;
	width:100%;
	background:#fff;
	border-collapse: collapse;
	caption-side:top;
	display:table;
}
.account tr{
	border:1px solid #f2f2f2;
}
.account tr th{
	padding:10px;
	border:1px solid #f2f2f2;
}
.account input{
	padding:5px 0;
	display:none;
	width:60%;
	text-align:center;
	font-size:20px;
}
.account a{
	color:#000;
	font-size:2.5vh;
}
.account h1{
	color:#000;
}
.pic{
	float:left;
	height:15vh;
	border:1px solid #000;
	border-radius:50%;
}
.btn_img{
	float:left;
	display:none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M20.4 14.5L16 10 4 20'/%3E%3C/svg%3E");
}
.content{
	vertical-align:middle;
	margin:0 10%;
	padding-bottom:3%;
	background-color: transparent;
	text-align:center;
	min-height:90vh;
}
.content-text{
	margin:0;
	color:#292929;
	text-align:center;
	background:transparent;
	box-shadow: 3px 3px 10px #999;
}
.content-text h1{
	font-size:25px;
}
.content h1{
	text-align:center;
	color:#000;
	vertical-align:middle;
	margin-bottom:0;
	margin:0;
}
.content table{
	border:1px solid #ccc;
}
.content-text a{
	font-size:1.2em;
	color:#292929;
	font-weight:bold;
}
.content>img{
	width:100%;
}
.intro{
	background-color: transparent;
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
	box-shadow: 3px 3px 10px #999;
}
.remark a{
	font-size:1em;
}
.intro-container{
	table-layout:fixed;
	text-align: center;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	display: table;
	padding: 0 8em;
	color:#000;
	background:#fff;
}
.table-box caption{
	background:#fff;
}
.table-box th{
	font-size:1.3em;
}
.table-box td:not(first-child) , .table-box th:not(first-child){
	border-left:1px solid #ccc;
}
.table-box tr:nth-child(odd) td , .table-box tr:nth-child(odd) th{
	background:#EBEBEB;
}
.table-box-title th , .table-box-title tr{
	background:#2b47d1  !important;
	padding:1% 0 1% 1%;
}
.table-box-title tr h1 , .table-box-title tr a , .table-box-title th h1 , .table-box-title th a{
	color:#fff !important;
}
.intro-container a{
	color:#000;
	font-size:1em;
}
.intro-container a[href^="http:"],.intro-container a[href^="https:"]{
	color:#0008ff;
}
.intro-container a[href^="http:"]:hover,.intro-container a[href^="https:"]:hover{
	color:#0a58ca;
}
.intro-container td{
	padding:1% 1%;
	font-size: 1.1em;
	border-bottom:1px solid #ccc;
	font-weight:bolder;
}
.intro-control{
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 3vh;
	width: 5vh;
    height: 5vh;
    position: absolute;
    text-align: center;
    z-index: 10;
	margin-top:30%;
}
.intro-control.prev{
    left: -5%;
}
.explain-h1{
	background:#fff !important;
	margin-top:2% !important;
}
.intro-control.next{
    right: -5%;
}
.benefit-control{
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 3vh;
	width: 5vh;
    height: 5vh;
    position: absolute;
    text-align: center;
    z-index: 10;
	margin:15% 0;
}
.benefit-control.prev{
    left: 15%;
}
.benefit-control.next{
    right: 15%;
}
.intro-item{
    position: absolute;
    opacity: 0;
	height: 100%;
	transform:scale(0);
    transition: opacity 0.6s ease-out;
	z-index:9;
}
.intro-open{
	transform:scale(1);
    position: static;
    opacity: 100;
	z-index:99;
}
.intro-open tbody{
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.intro-bullet{
	background-color: transparent;
	border-radius: 8px;
	box-sizing: border-box;
	color: #222222;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
	outline: none;
	padding: 13px 23px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: box-shadow .2s,-ms-transform .1s,-webkit-transform .1s,transform .1s;
	user-select: none;
	-webkit-user-select: none;
	width: auto;
}
.intro-bullet:hover{
	transform: scale(1.3);
}
.intro-bullet:active{
	border-color: #000000;
	transform: scale(.96);
}
.intro-bullet:disabled{
	border-color: #DDDDDD;
	color: #DDDDDD;
	cursor: not-allowed;
	opacity: 1;
}
.intro-bullet:hover{
    color: #333;
}
.intro-bullet-checked{
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 2.5em;
}
.intro-bullet-checked:hover{
    color: #000;
	transform: none;
}
.intro-indicators{
    list-style: none;
    padding: 0;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
	background-color: transparent;
}
.intro-indicators li{
    display: inline-block;
    margin: 0 1vh;
}
.intro-line{
	position:relative;
	margin:3% 10%;
	height:30%;
}
.intro-line::before{
	/*content: '';
	position: absolute;
	top: 1%;
	left: 50%;
	height: 100%;
	width: 4px;
	background: #999;*/
}
.intro-line:after{
    content: "";
    display: table;
    clear: both;
}
.intro-block{
	display:block;
	border:0;
	box-sizing: border-box;
	padding:2em 0;
	width:100%;
	visibility: hidden;
	opacity: 0;
}
.left{
	width:45%;
	float:left;
	color:#000;
	border-radius:10px;
	padding:1em;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.right{
	width:45%;
	float:right;
	color:#000;
	border-radius:10px;
	padding:1em;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.intro-img{
	outline:0;
	background:transparent;
	display: flex;
    align-items: center;
    justify-content: center;
	width:55%;
	
}
.intro-img img{
	width:100%;
	border:2px solid #000;
	border-radius:5px;
}
.left a,.right a{
	color:#000;
}
.left-img{
	width:60%;
	float:left;
	color:#000;
	background:#fff;
	border-radius:10px;
	padding:1em;
}
.left-img img{
	width:100%;
}
.right-img{
	width:60%;
	float:right;
	color:#000;
	background:#fff;
	border-radius:10px;
	padding:1em;
}
.right-img img{
	width:100%;
}
.edit-left{
	border:0 solid #333;
	background:rgba(0,0,0,0);
	float:left;
	margin:1% 0;
	margin-left:2%;
}
.edit-right{
	border:0 solid #333;
	background:rgba(0,0,0,0);
	float:right;
	margin:1% 0;
	margin-right:2%;
}
.depart{
	display:none;
}
.depart-open{
	display:table-row;
}
.recruit-open{
	display:table;
}
.recruit-btn{
	display:none;
}
.job-recruit-btn{
	border:1px solid #000;
	padding:5px;
	border-radius:25px;
	background:#fff;
	font-size:20px;
	color:#000;
}
.job-recruit-btn:hover{
	background:#000;
	color:#fff;
	border:1px solid #fff;
	transition:all .3s ease;
}
.recruit-btn-open{
	display:block;
}
.intro-block .more-info{
	display:inline;
	background:#fff;
	text-align:right;
	margin:0%;
	float:right;
	width:40%;
}
.intro-title{
	display: flex;
    align-items: flex-start;
    justify-content: center;
	flex-direction: column;
	height:20%;
}
.intro-title h1{
	margin:0;
}
.intro-content{
	line-height:2;
	display:flex;
	flex-direction: column;
	justify-content: space-around;
}
.intro-detail a{
	display:flex;
	align-items:center;
	justify-content: flex-end;
}
.intro-detail i{
	display:flex;
	margin:0 3px;
}

.intro-content-text:before{
	content:"";
	border:2px solid #333;
	margin:20px 0;
}
.intro-content div{
	display:flex;
	justify-content: space-around;
}
.intro-content div>button{
	padding:10px;
	width:30%;
}
.intro-content div>button a{
	font-size:1.9vh;
}
.intro-more{
	width:24%;
	background:#fff;
	padding:30px 15px 40px 15px;
	transition:background .3s ease;
	border-radius:15px;
}
.intro-more:hover{
	background:#f58e36;
	transition:background .3s ease;
}
.intro-more:hover a{
	color:#292929;
}
.intro-more img{
	width:50px;
}
.intro-more-div{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height:80%;
}
.intro-more a{
	font-weight:bold;
}
/*.intro-content div>a{
	font-size:30px;
	padding:10px;
	width:auto;
	margin:0 20px;
	font-weight:bolder;
	text-align:center;
	display:flex;
	align-items: center;
	border-left:5px solid #bf7700;
	height:40px;
}*/
.is-show{
	visibility: visible;
	opacity: 1;
	transition:opacity 1s ease-out;
	display:flex;
	justify-content:space-around;
	position:relative;
}
.intro-div{
	display: block;
	position: absolute;
    height: 100%;
    width: 100%;
	opacity: 0;
	transform:scale(0);
    transition: opacity 0.6s ease-out;
	text-align:center;
	background-color: transparent;
}
.intro-div img{
	display:none;
	width:90%;
}
.intro-div-open{
	display:inline-block;
	transform:scale(1);
    position: static;
    opacity: 100;
	z-index:99;
}
.img-close img{
    display: block;
	position: absolute;
    width: 80%;
	opacity: 0;
	margin:0 10%;
	transform:scale(0);
    transition: opacity 0.6s ease-out;
}
.img-open img{
    position: static;
    opacity: 100;
	z-index:99;
	transform:scale(1);
	transition: opacity 0.6s ease-out;
}
.slide-img img{
	width: 80%;
	margin:0 10%;
}
.left-button{
	list-style:none;
	display:inline-block;
	left:2.5%;
	position:absolute;
	border:0;
	width:60px;
	height:60px;
	z-index:100;
}
.right-button{
	list-style:none;
	display:inline-block;
	right:2.5%;
	position:absolute;
	border:0;
	width:60px;
	height:60px;
	z-index:100;
}
.intro-content-img{
	padding:0;
	padding-bottom:5%;
	background-color: transparent;
	width:100%;
	margin:0;
	padding-bottom:20px;
	display:block;
}
.salary{
	text-align:center;
	margin:0 auto;
	width:100%;
	margin-top:2%;
	background:#fff;
	display:none;
	border-collapse: collapse;
	caption-side:top;
	margin-bottom:3%;
}
.salary tbody a{
	color:#000;
}
.salary tr{
	border:1px solid #f2f2f2;
}
.salary tr th{
	padding:10px;
	width:15%;
	border:1px solid #f2f2f2;
}
.salary tr td{
	padding:10px;
	width:15%;
	border:1px solid #f2f2f2;
}
.salary a{
	color:#000;
	font-size:2.5vh;
}
.salary h1{
	color:#000;
	margin:0;
}
.salary-open{
	display:table;
}
.salary-select{
	background:linear-gradient(to left, #34495e 3rem, #2c3e50);
	color:#fff;
	padding:1% 1%;
}
.tag-select{
	background:linear-gradient(to left, #34495e 3rem, #2c3e50);
	color:#fff;
	padding:0;
	border:0;
}
.add-recruit-tag{
	display:inline;
}
.salary-select option ,.tag-select option{
	color:#000;
}
.salary-select option selected ,.tag-select option seelcted{
	color:#fff;
}
.no-info{
	background:transparent;
	display:none;
	color:#000;
	text-align:center;
	margin:0;
	padding-top:1%;
}
.new-text{
	padding:3% 0;
	margin:0 10%;
	text-align:left;
}
.new-text p,.new-text a{
	color:#000;
	font-size:2vh;
}
.new-content{
	border:solid 1px #ccc;
	padding:10px;
	border-radius:20px;
	border-color:#333;
	width:80%;
	margin:0 10%;
	text-align:left;
}
.new-content[placeholder]:empty:before{
	content: attr(placeholder);
	color:#555;
}
.new-content:focus::before{
	content:"";
}
::placeholder{
	color:#555;
}
.change-page{
	position:relative;
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
}
.change-page a{
	color:#000;
	font-size:2vh;
}
.page-num{
	margin:0 0.5%;
	display:none;
}
.page-num-open{
	display:inline-block;
}
.page-num-open:hover>a{
	font-size:2.5vh;
}
.page-num-on a{
	font-size:3vh !important;
}
.page-block{
	display:inline;
}
.news-num{
	display:none;
}
.staff{
	display:none;
}
.news-num-open{
	display:table-row;
}
.news-num-open .news:hover >a{
	color:#0051eb;	
}
.news-num-open .news:hover{
	background:#eee;
}
.add-img{
	float:left;
	margin:0 10%;
}
.add-new{
	color:#000;
	padding:0 !important;
}
.add-new:hover{
	border-bottom:1px #000 solid;
}
.about{
	margin-bottom:2%;
}
.about a{
	color:#000;
}
.about tr{
	height:60px;
}
.about img{
	height:50px;
}
.about_layer a{
	display:block;
	width:100%;
}
.about_web tr:hover{
	background:#eee;
}
.about_web .web_name{
	text-align:left;
}
.about_web .web_name a{
	text-align:left;
	width:100%;
	display:block;
}
.about_web .web_img{
	padding-left:20%;
	text-align:center;
	width:60%;
}
.about_layer a:hover{
	background:#eee;
}
.demand-paper{
	display:table;
	margin-bottom:3%;
}
.demand-paper tbody a{
	color:#000;
}
.demand-paper .select-type th{
	padding-left:40%;
	text-align:left;
}
.demand-paper input{
	width:60%;
	text-align:center;
}
.demand-paper .first{
	width:15%;
}
.demand-paper .second{
	width:35%;
}
.demand-button{
	font-size:20px;
	border-radius:15px;
	padding:15px;
}
.ID{
	display:block;
	height:100%;
}
.resume select{
	border-radius:20px;
	padding:5px;
	background:#fff;
	border:1px solid #000;
	color:#000;
	text-align:center;
}
.news-paper a{
	color:#000;
}
.intro-schedule{
	width:80%;
	margin:0 auto;
	line-height:1.5;
	font-size:15px;
	background: #fff;
}
.intro-schedule svg{
	width:24px;
	height:24px;
}
.intro-schedule tr{
	margin:1% 0 0 0;
	display:flex;
	align-items:center;
}
.type-schedule th{
	padding:1% 0;
}
.benefit-schedule th{
	padding:1% 0;
	padding-left:25%;
}
.explain-schedule td{
	text-align:left;
	margin-right:3%;
}
.explain-schedule tr th a{
	font-size:35px;
}
.explain-schedule tr:last-child{
	padding-bottom:2%;
}
.explain-schedule th{
	text-align:center;
	margin:0 3% 0 6%;
}
.tag-txt{
	height:30px;
}
.tag-btn{
	margin-right:2%;
	display:inline;
	padding:2px;
}
.tag-btn button{
	background:#e9eeef;
}
.tag-td{
	display:inline;
}
.remove-tag{
	display:none;
}
.job{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	clear:both;
	height:250px;
	padding-bottom:1%;
	padding-top:1%;
	border-bottom:1px solid #e2e2e2;
	text-align:left;
	padding-left:30%;
}
.job h1{
	margin:0;
	font-size:1.5rem;
	text-align:left;
	background:#fff;
}
.job a{
	color:#000;
	font-size:1.2rem;
}
.container-text{
	width:50%;
	float:left;
	margin-top:5%;
}
.recruit_btn{
	margin:1% 0;
	color:#000;
	background:#fff;
	transition:all .3s ease;
}
.recruit_btn:hover{
	color:#fff;
	background:#000;
	transition:all .3s ease;
}
.jin-da-btn{
	margin:1% 1%;
	border:1px solid #000;
	border-radius:15px;
	background:#fff;
	color:#000;
	padding:0 1%;
	transition:all .3s ease;
	font-weight:bold;
	display: inline-grid;
}
.intro-content .jin-da-btn:hover{
	background:rgb(60 121 40);
	color:#fff;
	transition:all .3s ease;
}
.jin-da-btn:hover{
	background:rgb(60 121 40);
	color:#fff;
	transition:all .3s ease;
}
.intro-content .jin-da-btn{
	border:1px solid #ccc;
	border-radius:10px;
	background:#ED7215;
}
.intro-content .jin-da-btn a{
	color:#fff;
}	
.jin-da-btn:hover >a{
	color:#fff;
	transition:all .3s ease;
}
.phone-call{
	width:45px;
	height:45px;
	display:flex;
}
.phone-btn{
	display:none;
	position:sticky;
	top:50%;
	float:right;
	right:1%;
	border:0;
	z-index:100;
}
.phone-btn img{
	width:45px;
	height:45px;
}
.company img{
	height:3vh;
}
.Line-icon{
	height:3vh;
	margin-left:2%;
	display: inline-block;
}
.Line img{
	width:40%;
	height:auto;
}
.Line a{
	color:#000;
}
.aside-bottom{
	position:absolute;
	bottom:1vh;
	width: 100%;
}
.aside-bottom a{
	font-size:10px;
}
.staff input{
	text-align:center;
}
.demand-paper h1{
	background:#fff;
}
.recruit-text{
	font-size:20px;
}
.element-container{
	display:flex;
	position:relative;
	align-items: center;
	padding:15px 0;
	margin:15px 0;
	background: #fff;
}
.element-select-container{
	display:flex;
	position:relative;
	align-items: flex-start;
	background:#dee2e659;
}
.element-container:first-child{
	padding-top:15px;
}
/*.element-container:not(:last-child){
	border-bottom:1px dashed #333;
}*/
.element-title{
	width:30%;
	background:#fff;
	z-index:0;
}
.element-title h1{
	font-size: 1.5em;
}
.element-select-title{
	width:30%;
	background:transparent;
	margin:1%;
	transition:margin-top .1s ease;
}
.select-btn{
	width:100%;
	background:#175A8F;
	border-radius:10px;
	transition:background .5s ease;
}
.select-btn:not(:last-child){ 
	margin-bottom:1vh;
}
.select-btn h1{
	font-size:2vh;
	color:#fff;
	padding:2vh 0;
}
.selected-btn ,.select-btn:hover{
	background:#f19029;
}
.element-select-content{
	width:70%;
	background:transparent;
	margin:1% 1% 0.5% 2.5%;
	padding:0;
}
.element-select-content-close{
	display:none;
}
.element-select-content-open{
	display:block;
}
.element-select-text{
	margin:0 5%;
	margin-top:15vh;
}
.element-content{
	width:70%;
	background:#fff;
	padding: 0 2.5%;
    text-align: justify;
	z-index:0;
}
.content-section{
	display:flex;
	align-items: center;
}
.content-section .content-left{
	text-align:center;
}
.content-section:not(:last-child){
	margin-bottom:3vh;
}
.content-left{
	width:30%;
}
.content-right{
	width:70%;
}
.content-center{
	display:flex;
	align-items: center;
	justify-content: flex-start;
}
.content-center>div{
	margin:0 2%;
}
.content-center:not(:last-child){
	margin-bottom:2vh;
}
#preview td{
	font-size:12px;
}
#sort{
	align-self:flex-end;
	border:1px solid #000;
	border-radius:5px;
	font-size:20px;
	background:#fff;
	color:#000;
}
.close-table{
	max-height:0;
	opacity:0;
	overflow:hidden;
	transition:all 0.3s ease-out;
	text-align:left;	
}
.close-table table td ,.close-table table caption{
	padding:1% 2%;
}
.close-table table th{
	padding-top:1%;
	padding-bottom:1%;
}
.open-table{
	opacity:1;
	max-height:4000px;
	overflow:hidden;
	transition:all 0.3s ease-out;
}
.open-table:not(:last-child){
	margin-bottom:1%;
}
.open-table-btn{
	width:100%;
	display:flex;
	align-items:center;
	justify-content: space-between;
	border:1px solid #555;
	border-radius:10px;
	margin-bottom:3%;
	padding:0 3%;
	background:#f9fafb;
}
.open-table-btn h1{
	text-align:left;
	background:#f9fafb;
}
.open-table-btn i{
	float:right;
	font-size:25px;
	background:#f9fafb;
	color:#000;
}
.content-title{
	text-align:left;
	margin-bottom:2%;
	background:#fff;
	padding:1% 3%;
}
.icon-close{
	display:none !important;
}
.icon-box{
	width: 190px;
    height: 190px;
    border: 1px solid #222;
    border-radius: 90%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	background:#ffe1d4;
}
.icon-box a{
	font-size:20px;
}
.th-center tr th{
	text-align:center;
}
.td-center tr td{
	text-align:center;
}
.td-left tr td{
	text-align:left;
}
.th-left tr th{
	text-align:left;
}
.th-bottom tr th{
	border-bottom:1px solid #ccc;
}
.go-top {
	position:fixed;
	right:5%;
	bottom:11px;
	display:none;
}
.go-top img{
	width:50px;
	height:50px;
}
.about-div{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.about-div div{
	width:30%;
	margin-bottom:2%;
	border:1px solid #000;
	border-radius:15px;
	background:#fff;
	display: flex;
    justify-content: center;
    align-items: stretch;
	height:20vh;
	margin-right:3%;
}
.about-div img{
	height:40%;
	max-width:80%;
}
.about-div h1{
	font-size:30px;
}
.about-div div :hover >h1{
	font-size:35px;
	transition:all .2s ease;
}
.about-div div :hover >img{
	height:50%;
	transition:all .2s ease;
}
.escape-div{
	display:flex;
	width:90%;
	margin:0 5%;
	margin-bottom:3%;
	background:#fff;
}
.half-div{
	display:flex;
	width:50%;
	align-items:center;
}
.half-div a{
	font-size:20px;
}
.left-escape{
	width:40%;
	margin-left:5%;
}
.left-escape img{
	width:50%;
	box-shadow: 3px 3px 10px #999;
}
.right-escape{
	width:60%;
	text-align:left;
	margin-left:10%;
}
.modal-title{
	color:#000;
	margin:0;
}
.modal-staff{
	max-width:120vh;
	width:90%;
}
.modal-content{
	border-radius:15px;
}
.input-table ,.input-table input{
	text-align:center;
}
.input-table input{
	width:80%;
}
.input-table td{
	padding-bottom:3%;
}
.show-button{
	display:flex;
	float:right;
	align-items: center;
	justify-content: space-between;
	width:20vh;
}
.show-button a{
	color:#000;
}
.image-container {
    position: relative;
    width: 40vh;
	border-radius: 50%;
}
.image {
    width: 100%;
    height: 100%;
    display: block;
	border:2px solid #fff;
	border-radius:50%;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 50%);
    background-size: 100% 200%;
	background-position: top;
	border-radius:50%;
    transition: background-position 0.5s ease;
    pointer-events: none;
}

.image-container:hover .overlay {
    background-position: bottom;
}
.image-text {
    position: absolute;
	width:100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #000;
    font-size: 35px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.image-container:hover .image-text {
    opacity: 1;
}
.slide-intro-more{
	height:60vh;
}
.slick-list{
	height:100%;
}
.slick-track{
	height:100%;
}
.schedule-div{
	display:flex;
	justify-content: space-evenly;
}
.schedule-div button{
	background:#333;
	border:0;
	border-radius:0 35px 0 35px;
	box-shadow: 3px 3px 10px #999;
}
.schedule-div a{
	font-size:30px;
	padding:5px;
	color:#fff;
}
.schedule-selected{
	background:#f9c191 !important;
}
.schedule-selected:hover>a{
	color:#333;
}
.schedule-selected a{
	color:#333;
}
.for_test>div{
	flex-direction: column;
}
.for_test>div:before{
	content: "";
    width: 80%;
    height: 100%;
    background: #fff;
	border:3px solid #000;
    position: absolute;
    top: 50%;
    transform: translate(-0%, -50%) skew(-20deg, 0deg);
    z-index: -1;
    transition: .3s ease-in-out;
}
.for_test div{
	background:transparent !important;
}
.for_test {
	box-shadow:none !important;
}
@media only screen and (max-width: 1500px){
	.return_page{
		width:60%;
	}
	.table_body{
		width:60%;
	}
	.title-nav{
		margin-right:0;
	}
	nav a{
		font-size:2vh;
	}
	nav li a{
		padding:0 1.5vh;
	}
}
@media only screen and (max-width: 1200px){
	.return_page    {
		width:80%;
	}
	.table_body{
		width:80%;
	}
	.content-text{
		padding:0;
	}
	.carousel-control{
		display:none;
	}
	.title-nav{
		display:none;
	}
	.zoom{
		vertical-align: middle;
		justify-content: center;
		display:flex;
		position:absolute;
		right:3%;
		width:50px;
		border:0;
		height:100%;
		border-radius:30px;
	}
	.aside-open{
		width:30%;
	}
	.aside-close{
		width:30%;
	}
	.zoom svg{
		height:50px;
		width:50px;
		max-height:9vh;
		max-width:9vh;
		border:2px solid #fff;
		border-radius:50px;
		padding:3px;
	}
	.recruit-text{
		font-size:20px;
	}
	.show-button{
		width:auto;
	}
	.escape-div{
		margin:0 1%;
		width:98%;
		display:block;
	}
	.escape-div .half-div{
		width:100%;
	}
	.escape-div .right-escape a{
		font-size:12px;
	}
	.onoffswitch{
		width:60px;
	}
	.onoffswitch-switch{
		width:12px;
		right:35px;
	}
	.onoffswitch-inner:before, .onoffswitch-inner:after{
		font-size:10px;
	}
}
@media only screen and (max-width: 600px){
	.content-text{
		padding:0;
	}
	#header{
		height:60px;
	}
	.logo img{
		height:60px;
	}
	.zoom{
		width:40px;
		height:40px;
		margin-top:10px;
	}
	.zoom svg{
		width:30px;
		height:30px;
		max-height:9vh;
		max-width:9vh;
	}
	.aside-open{
		width:50%;
	}
	.aside-close{
		width:50%;
	}
	.carousel{
		margin:0;
	}
	.carousel-item{
		position: absolute;
		opacity: 0;
		height:250px;
		transform:scale(0);
		transition: opacity 0.6s ease-out;
		z-index:9;
	}
	.carousel-item img{
		display: block;
		height: 100%;
		max-width: 100%;
	}
	.carousel-open{
		transform:scale(1);
		position: static;
		opacity: 100;
		z-index:99;
	}
	.carousel-control{
		display:none;
	}
	.intro-control{
		display:none;
	}
	.content ,.more-info{
		margin:0 1%;
	}
	.intro-line{
		margin:0 2%;
	}
	.intro-block .left{
		width:48%;
	}
	.intro-block{
		padding:2% 0;
	}
	.intro-title h1{
		font-size:20px;
	}
	.about tr{
		height:30px;
	}
	.intro-content{
		height:100%;
		justify-content: space-around;
	}
	.intro-content a,.more-info a, .intro-container td{
		font-size:10px;
	}
	.intro-container td{
		padding:5px 2px;
	}
	.paper a{
		font-size:15px;
		padding:5px;
	}
	.intro-bullet{
		font-size:10px;
		color:#000;
		padding:2px 10px;
	}
	.intro-bullet-checked{
		font-size:20px;
		font-weight:bold;
	}
	.footer-dark h3{
		font-size:8px;
		margin-bottom:3px;
	}
	.footer-dark ul a{
		font-size:8px;
	}
	.paper .news{
		width:10%;
		max-width:10vh;
	}
	.paper tr th{
		height:30px;
	}
	.paper{
		font-size:5px;
	}
	.paper thead a{
		font-size:10px;
		color:#000;
	}
	.paper tbody a{
		font-size:8px;
	}
	.left , .right{
		padding:2px;
	}
	.benefit-control{
		margin-top:30%;
	}
	.benefit-control .prev{
		left:0%;
	}
	.benefit-control .next{
		right:0%;
	}
	.intro-container h2{
		font-size:15px;
		margin:0;
	}
	.carousel-bullet{
		font-size:25px;
	}
	.intro-container h1{
		margin:0;
		font-size:15px;
	}
	.carousel-indicators li,.intro-indicators li{
		margin:0 5px;
	}
	.intro-container th{
		padding:0 0 5px 0;
		font-size:10px;
	}
	.content-text{
		padding-bottom:0;
		font-size:10px;
	}
	.content-text a{
		font-size:8px;
	}
	.content>img{
		width:100%;
	}
	.remark a{
		font-size:5px;
	}
	.intro-indicators li{
		margin:0;
	}
	.left-button{
		width:25px;
		height:25px;
		margin-top:10%;
	}
	.right-button{
		width:25px;
		height:25px;
		margin-top:10%;
	}
	.paper .num{
		width:3%;
	}
	.account{
		width:100%;
	}
	.account a{
		font-size:10px;
	}
	.salary{
		width:100%;
		margin-bottom:30px;
	}
	.paper tr th{
		height:30px
	}
	.paper img{
		height:30px;
	}
	.delete svg{
		width:12px;
		height:12px;
	}
	.table_body{
		width:95%;
	}
	.return_page{
		width:95%;
	}
	.table_body input{
		padding:10px 5px;
		width:80%;
		height:30px;
	}
	.table_body{
		font-size:10px;
		text-decoration: none;
		overflow: hidden;
		text-overflow: ellipsis; 
		white-space: nowrap;
		text-align:center;
		vertical-align:middle;
	}
	.table_body td{
		padding:0;
		padding-bottom:5px;
		padding-top:5px;
	}
	.col{
		padding:0 10px;
		overflow:hidden;
	}
	#container1{
		width:100%;
		height:40%;
		margin-bottom:10%;
	}
	.recruit a svg{
		width:12px;
		height:12px;
	}
	.paper .modify,.paper .recruit,.paper .delete{
		width:8%;
		padding:0;
	}
	.modify a svg{
		width:12px;
		height:12px;
	}
	.recruit a svg{
		width:12px;
		height:12px;
	}
	.salary-select{
		font-size:15px;
	}
	.company-paper input{
		width:80%;
		font-size:10px;
		padding:3px;
		text-align:center;
	}
	.add_depart svg,.edit-left svg,.edit-right svg{
		width:18px;
		height:18px;
	}
	.recruit-paper input{
		width:80%;
		font-size: 10px;
		padding:3px;
	}
	.paper caption svg{
		width:24px;
		height:24px;
	}
	.about_web .web_img{
		padding-left:0%;
		text-align:center;
		width:60%;
	}
	.about_web .web_img{
		padding-left:0%;
		text-align:center;
		width:60%;
	}
	.about_web .web_img img{
		height:25px;
	}
	.salary_ID input{
		width:80%;
		padding:5px;
	}
	.select_type_button svg{
		width:20px;
		height:20px;
	}
	.resume select{
		appearance:none;
		-moz-appearance:none; /*火狐*/
		-webkit-appearance:none; /*苹果和谷歌*/
		border-radius:10px;
		padding:5px;
		background:#fff;
		border:1px solid #000;
		color:#000;
	}
	.explain-h1{
		font-size:12px;
	}
	h3{
		font-size:25px;
	}
	.page-num{
		margin:0 5px;
	}
	.change-page a{
		font-size:10px;
	}
	.page-num-on a{
		font-size:15px;
	}
	.job-recruit-btn{
		padding:2px;
		font-size:15px;
	}
	.demand-paper .select-type a{
		font-size:15px;
	}
	.demand-paper .select-type th{
		padding-left:30%;
	}
	.demand-paper h1{
		font-size:20px;
	}
	.demand-paper h2{
		font-size:20px;
	}
	.demand-paper tbody a{
		font-size:10px;
	}
	.demand-paper tbody svg{
		width:15px;
		height:15px;
	}
	.select-gender a{
		padding:0;
	}
	.demand-paper input{
		padding:3px 0;
		font-size:10px;
	}
	#demand-name{
		width:30%;
	}
	.demand-button{
		font-size:10px;
		padding:10px;
	}
	.tag-btn svg{
		width:10px;
		height:10px;
	}
	.tag-txt{
		font-size:10px;
		height:20px;
	}
	.salary tbody a{
		font-size:10px;
	}
	.salary input{
		width:80%;
		font-size:10px;
		padding:3px;
		text-align:center;
	}
	#add_button svg{
		width:20px;
		height:20px;
	}
	.salary_ID input{
		font-size:15px
	}
	.salary-select{
		font-size:10px;
	}
	.content h1{
		margin:0;
	}
	.intro-schedule svg{
		width:8px;
		height:8px;
	}
	.content-text img{
		margin-top:1%;
	}
	.container-text tr{
		margin-bottom:1%;
		display:flex;
		justify-content:center;
	}
	.container-text td{
		border:0;
	}
	.job{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		clear:both;
		height:150px;
		padding-bottom:3%;
		padding-top:1%;
		border-bottom:1px solid #e2e2e2;
		text-align:left;
		padding-left:30%;
	}
	.job h1{
		font-size:1.2rem;
	}
	.recruit-paper tbody a{
		font-size:12px;
	}
	.recruit-paper tbody th a{
		font-weight:bolder;
	}
	#salary_ID{
		font-size:12px;
		font-weight:bolder;
	}
	.demand-contact{
		font-size:10px;
	}
	.about_layer tbody th a{
		font-weight:bolder;
	}
	#sort{
		font-size:15px;
	}
	.img-open{
		width:100%;
	}
	.intro-content-img{
		width:98%;
	}
	.intro-line .jin-da-btn a{
		font-size:10px;
		padding:0;
	}
	.jin-da-btn{
		font-size:10px;
	}
	.login .login-title{
		padding:3% 0 0 3%;
	}
	#container1 input[type='submit']{
		width:auto;
		margin-left: 60%;
	}
	.phone-btn{
		display:block;
	}
	.footer-dark .copyright{
		font-size:8px;
		opacity: 0.9;
	}
	footer .divider{
		margin:0;
		margin-top:1vh;
	}
	.company{
		margin:0;
	}
	.Line img{
		width:60%;
		height:auto;
	}
	.news-num-open input{
		padding:1px;
		font-size:8px;
	}
	.news-num-open svg{
		width:15px;
		height:15px;
	}
	.table_input svg{
		width:15px;
		height:15px;
	}
	.recruit-text{
		font-size:11px;
	}
	.recruit-text select{
		font-size:10px;
	}
	.recruit-text a[name="pick_company"]{
		font-size:10px;
	}
	.recruit-text a[name="pick_depart"]{
		font-size:10px;
	}
	.element-select-container{
		display:block;
	}
	.element-title{
		width:40%;
		background:#fff;
	}
	.element-select-title{
		width:100%;
		background:#fff;
	}
	.element-content{
		width:100%;
		padding:0;
		background:#fff;
	}
	.element-select-content{
		width:95%;
		margin:0 2.5%;
		margin-top:2%;
		background:transparent;
	}
	.select-btn h1{
		padding:15px 0;
	}
	.select-btn h1{
		font-size:15px;
	}
	.content-text h1{
		font-size:12px;
	}
	.about-div{
		justify-content: center;
	}
	.about-div div{
		width:40%;
		height:120px;
	}
	.about-div img{
		height:40px;
		max-width:80%;
	}
	.about-div h1{
		font-size:13px;
	}
	.about-div div :hover >h1{
		font-size:13px;
	}
	.about-div div :hover >img{
		height:10%;
	}
	body:before{
		content:'';
		position:fixed;
		z-index:-1;
		top:0;
		right:0;
		bottom:0;
		left:0;
		min-height: calc(100%);
		background-image:url('/img/(浮水印雙色)勁達大LOGO(正)_0.png');
		background-color:#f5f5f5;
		background-repeat: no-repeat;
		background-position:center;
		background-size: 100%;
	}
	.intro-img{
		display:none;
	}
	.intro-line .left{
		width:100%;
	}
	.left{
		height:20vh;
	}
	.right{
		height:20vh;
	}
	.intro-line .right{
		width:100%;
	}
	.intro-content div>button{
		padding:5px;
	}
	.intro-title{
		height:20%;
	}
	.intro-line::before{
		content: '';
		position: absolute;
		top: 1%;
		left: 50%;
		height: 100%;
		width: 4px;
		background: transparent;
	}
	.intro-content div>a{
		font-size:10px;
		height:13px;
		border-left:3px solid #f39700;
	}
	.left-button{
		display:none;
	}
	.right-button{
		display:none;
	}
	.paper .date{
		width:5%;
	}
	.image-text{
		font-size:15px;
	}
	.intro-more{
		width:40%;
	}
	.slide-intro-more{
		height:400px;
	}
	.intro-content-text a{
		height:95%;
	}
	.image-container .overlay {
		background-position: bottom;
	}
	.image-container .image-text {
		opacity: 1;
	}
	.schedule-div a{
		font-size:15px;
	}
	.explain-schedule tr th a{
		font-size:20px;
	}
	.for_test>div:before{
		content: "";
		width: 90%;
		height: 100%;
		background: #fff;
		border:3px solid #555;
		position: absolute;
		top: 50%;
		transform: translate(-0%, -50%) skew(-5deg, 0deg);
		z-index: -1;
		transition: .3s ease-in-out;
	}
	#preloader{
		position:fixed;
		z-index:100000;
		top:0;
		right:0;
		bottom:0;
		left:0;
		min-height: calc(100%);
		background-image:url('/img/(浮水印雙色)勁達大LOGO(正)_0.png');
		background-color:#f5f5f5;
		background-repeat: no-repeat;
		background-position:center;
		background-size: 100%;
	}
	.schedule-div a{
		padding:10px;
	}
	.schedule-div button{
		border-radius:0 25px 0 25px;
	}
	.slide-img img{
		width:100%;
		margin:0;
	}
	.element-container:first-child{
		padding:0;
	}
	.element-container{
		padding:1% 2.5% !important;
	}
	.modal-dialog{
		margin:0 5%;
	}
}