
.tab-control a{color:#999;font-size:1.2rem;padding-bottom:0.4rem;border-bottom:3px solid #eee;}
.tab-control a:hover{color:#fff;border-bottom:3px solid #333;color:#333;font-weight:700}
.tab-control .on{color:#fff;border-bottom:3px solid #333;color:#333;font-weight:700}

.career-banner{position:relative;margin-top:110px;width:100%;overflow:hidden;height:500px;}
.career-banner .career-bg-image{height:700px;margin:0 auto;}
.career-banner .career-bg-image img{height:100%}
.career-note-nobackground{position:absolute;bottom:0;left:0;align-items: center;display:flex;justify-content: center; width: 100%; height: 100%;}
/*
.career-note{font-size:54px;letter-spacing:2px;color:#451d00;display:flex;flex-direction: column;justify-content: center;text-align:center;}
.career-note .desc{font-size:24px;margin-top: 10px;}
*/

.career-head-text{padding-top:120px;}
.career-head-text .text-01{font-weight:500;font-size: 24px; color: var(--color-primary);font-family: 'MiSans'!important;}
.career-head-text .text-02{font-size:40px;margin:1.6rem 0 2.6rem;}
.career-head-text .text-03{font-size:16px;padding-right:200px;}

.career-onepage{display:flex;justify-content: center;gap:40px;position:absolute;bottom:0px;left:0;right:0;margin-bottom: 20px;}
.career-onepage a{color:#fff;}
.career-onepage a:hover{color:#fff;}

.career-wrap {display: flex;gap: 24px;justify-content:space-between;margin-top:100px;margin-bottom:100px;}
.career-card {flex: 1; overflow: hidden;  border: 1px solid #eee;}
    .career-card img {object-fit: cover;}
    .career-card-img{width: 100%;height:260px;}
    .career-card-body {  padding: 24px; }
    .career-card h3 {  font-size: 24px;   margin-bottom:16px;  color:#000000;    }
    .career-link-more {  text-decoration:none; display:flex;  align-items:center;  gap:8px; }
    

.career-link-more span img{width:16px;transition: transform 0.2s ease;}
.career-card :hover span img{ transform: translateX(5px);}

.together{padding:100px 0px;background:#4202DD;}
.together-text-01{font-size:40px;margin:0px 0px 20px 0px;color:#fff}
.together-text-02{font-size:16px;padding-right:200px;color:#fff}
.career-box-02 .introduction{padding-left:60px;padding-right:0px;}

.career-box{display: flex;gap: 24px;justify-content:space-between;margin-top:100px;}
.career-box .title {color: #000;margin-bottom: 22px;}
.career-box .title p:nth-child(1){font-size:36px;font-weight:700}
.career-box .title p:nth-child(2){font-size:40px}
.career-box .description {font-size: 16px;color: #666;  line-height: 1.8;text-align: justify;}
.career-box .introduction { width: 45%; padding: 0 70px 0 0px; display: flex; flex-direction: column;justify-content: center; align-items:flex-start;}
.career-box  .display-img { width: 55%; height: 410px; padding-right: 15px;}
.career-box .display-img img { -o-object-fit: cover; object-fit: cover; display: block; height: 100%; width: 100%;}

.share{margin-top:150px;}
.share-text{font-size:40px;margin:0px 0px 40px;text-align:center;font-weight:700}

.job-title{display:block;margin:20px 0 10px;line-height:3;padding:0px 20px;background:#eee;font-size:1rem;border-radius: 8px;}
.job-title span{display:inline-block;width:33.3%;}
.share-text-phone{display:none;}

@media screen and (max-width:1109px){
	.together{padding:100px 20px;background:#4202DD;}
	.career-box .display-img{padding-right:0px;}
	
}
@media screen and (max-width:767px){
	.career-head-text{padding-top:60px;}
	.career-head-text .text-01{font-size:18px;}
	.career-head-text .text-02{font-size:24px;margin:14px 0 20px;}
	.career-head-text .text-03{font-size:16px;padding-right:0px;}
	.career-wrap {margin-top:40px;margin-bottom:40px;flex-direction: column;}
	
	.together{padding:40px 20px;background:#4202DD;}
	.together-text-01{font-size:24px;margin:0px 0px 20px 0px;}
	.together-text-02{font-size:16px;padding-right:0px;}
	
	.career-card h3{font-size:18px;}
	.career-box{margin-top:60px;}
	.career-box-01{flex-direction: column-reverse;}
	.career-box-02{flex-direction: column;}
	.career-box .display-img{width:100%;height:188px;padding-right:0px;}
	.career-box .introduction{width:100%;padding:0}
	.career-box .title{padding:0;margin-bottom:10px;}
	.career-box .title p:nth-child(1){font-size:24px;}
	.career-box .title p:nth-child(2){font-size:24px;}
	.career-box-02 .introduction{padding-left:0px;}
	
	.share{margin-top:80px;}
	.share-text{display:none;}
    .share-text-phone{display:block;font-size:24px;margin:0px 0px 40px;text-align:center;font-weight:700}
}