@charset "utf-8";
/* CSS Document */

.indrwp .join{position:relative;text-align:center;}
.indrwp .join .mainsTitle{font-size:55px;color:#434343;font-family:"NotoSansHans-Light";}
.indrwp .join .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:36px;line-height:38px;padding-bottom:20px;font-family:"NotoSansHans-Light";color:#009a4e;border-bottom:1px solid #d3d3d3;width:100%;}
.indrwp .join .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.indrwp .join .content .child{position:relative;border-bottom:1px solid #d5d5d5;padding:40px 0;text-align:left;}
.indrwp .join .content .child.no{border-bottom:2px solid #e60012;}
.indrwp .join .content .child p{font-size:16px;color:#434343;line-height:26px;}
.indrwp .join .content .child .name{line-height:50px;color:#333;font-size:30px;}
.indrwp .join .content .child .nameEn{color:#434343;font-size:30px;line-height:46px;font-family:"MyriadPro-Regular_0";}
.indrwp .join .content .child .department{color:#434343;font-size:18px;line-height:40px;}
.indrwp .join .content .child .department .sub{margin:0 5px;color:#DFDFDF;}
.indrwp .join .content .child .department .redSpan{color:#009a4e;}
.indrwp .join .content .child .childContent{padding-top:14px;display:none;}
.indrwp .join .content .child .childPointer{position:absolute;cursor:pointer;top:55px;right:0;width:62px;height:32px;background-image:url(../images/jobBottom.png);background-repeat:no-repeat;}
.indrwp .join .content .child .childPointer{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.indrwp .join .content .child .childPointer.on{ transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}
.indrwp .join .foot{text-align:left;}
.indrwp .join .foot .redTitle{margin-top:24px;line-height:40px;color:#009a4e;font-size:22px;}
.indrwp .join .foot .info1{color:#868686;font-size:16px;line-height:24px;}
.indrwp .join .foot .title{color:#434343;font-size:16px;font-weight:bold;margin-top:10px;}
.indrwp .join .foot .info2{color:#434343;font-size:16px;line-height:24px;}
.indrwp .join .foot .info2 span{font-weight:bold;}

.indrwp .join .list li{
    padding: 30px 20px;
    background: #fff;
	border-right:10px solid #e70012;
	margin-bottom:20px;
}
.indrwp .join .list li:last-child{
	margin-bottom:0;
	}
.indrwp .join .list li:hover{
	box-shadow: 0 0 20px #b3b3b3;
	transition:all 0.3s linear;
	}
.indrwp .join .list li h1{
	font-size:22px;
	color:#009a4e;
	font-weight:normal;
	float:left;
	}
.indrwp .join .list li>img{
	float:right;
	width:24px;
	}
.indrwp .join .list li .xq{
	overflow:hidden;
	margin-top:20px;
	}
.indrwp .join .list li .xq p{
	float:left;
	border-right:2px solid #ccc;
	font-size:16px;
	line-height:16px;
	color:#333;
	margin-right:10px;
	padding-right:10px;
	}
.indrwp .join .list li .xq p:last-child{
	border:none;
	padding-right:0;
	margin-right:0;
	}
.indrwp .join .list li .xq p span{
	font-size:16px;
	color:#e70012;
	}
.indrwp .join .list li .kai{
	display:none;
	}
.indrwp .join .list li .kai>div{
	margin-top:15px;
	font-size:14px;
	line-height:24px;
	color:#666;
	}
.indrwp .join .list li .kai>div:first-child{
	margin-top:30px;
	}
	
@media  (max-width: 992px) {
.indrwp .join .list li{
	padding:20px;
	border-right: 4px solid #e70012;
	}
.indrwp .join .list li:hover{
	box-shadow:0 0 10px #ccc;
	}
.indrwp .join .list li h1{
	font-size:18px;
	}
.indrwp .join .list li .xq{
	margin-top:10px;
	}
.indrwp .join .list li .xq p{
	border:none;
	float:none;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:24px;
	}
.indrwp .join .list li .kai>div:first-child{
	margin-top:20px;
	}
.indrwp .join .list li .kai>div{
	margin-top:10px;
	}
}

@media  (max-width: 479px) {
.indrwp .join .container{width:80%;}
.indrwp .join .mainsTitle{font-size:21px;}
.indrwp .join .mainSub{width:63px;margin:8px auto 13px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:16px;line-height:16px;padding-bottom:8px;}

.indrwp .join .content .child{padding:17px 0;}
.indrwp .join .content .child.no{border-bottom-width:2px;}
.indrwp .join .content .child p{font-size:12px;line-height:18px;}
.indrwp .join .content .child .name{line-height:22px;font-size:14px;}
.indrwp .join .content .child .nameEn{font-size:14px;line-height:20px;}
.indrwp .join .content .child .department{font-size:12px;line-height:24px;}
.indrwp .join .content .child .department .sub{margin:0 3px;}
.indrwp .join .content .child .childContent{padding-top:6px;}
.indrwp .join .content .child .childPointer{top:23px;width:26px;height:14px;background-size:26px 14px;}

.indrwp .join .foot .redTitle{margin-top:10px;line-height:20px;font-size:12px;}
.indrwp .join .foot .info1{font-size:12px;line-height:16px;}
.indrwp .join .foot .title{font-size:12px;margin-top:4px;}
.indrwp .join .foot .info2{font-size:12px;line-height:16px;}

}
@media (min-width: 480px) and (max-width: 639px) {
.indrwp .join .container{width:80%;}
.indrwp .join .mainsTitle{font-size:26px;}
.indrwp .join .mainSub{width:63px;margin:8px auto 13px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:16px;line-height:16px;padding-bottom:8px;}

.indrwp .join .content .child{padding:17px 0;}
.indrwp .join .content .child.no{border-bottom-width:2px;}
.indrwp .join .content .child p{font-size:12px;line-height:18px;}
.indrwp .join .content .child .name{line-height:22px;font-size:14px;}
.indrwp .join .content .child .nameEn{font-size:14px;line-height:20px;}
.indrwp .join .content .child .department{font-size:12px;line-height:24px;}
.indrwp .join .content .child .department .sub{margin:0 3px;}
.indrwp .join .content .child .childContent{padding-top:6px;}
.indrwp .join .content .child .childPointer{top:23px;width:26px;height:14px;background-size:26px 14px;}

.indrwp .join .foot .redTitle{margin-top:10px;line-height:20px;font-size:12px;}
.indrwp .join .foot .info1{font-size:12px;line-height:16px;}
.indrwp .join .foot .title{font-size:12px;margin-top:4px;}
.indrwp .join .foot .info2{font-size:12px;line-height:16px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.indrwp .join .container{width:80%;}
.indrwp .join .mainsTitle{font-size:46px;}
.indrwp .join .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:29px;line-height:29px;padding-bottom:16px;}

.indrwp .join .content .child{padding:34px 0;}
.indrwp .join .content .child .name{line-height:43px;font-size:26px;}
.indrwp .join .content .child .nameEn{font-size:26px;line-height:40px;}
.indrwp .join .content .child .department{font-size:15px;line-height:34px;}
.indrwp .join .content .child .department .sub{margin:0 5px;}
.indrwp .join .content .child .childContent{padding-top:12px;}
.indrwp .join .content .child .childPointer{top:47px;width:53px;height:27px;background-size:53px 27px;}

.indrwp .join .foot .redTitle{margin-top:20px;line-height:34px;font-size:20px;}
.indrwp .join .foot .info1{font-size:14px;line-height:20px;}
.indrwp .join .foot .title{font-size:14px;margin-top:8px;}
.indrwp .join .foot .info2{font-size:14px;line-height:20px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.indrwp .join .container{width:796px;}
.indrwp .join .mainsTitle{font-size:38px;}
.indrwp .join .mainSub{width:104px;margin:13px auto 21px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:24px;line-height:24px;padding-bottom:13px;}

.indrwp .join .content .child{padding:28px 0;}
.indrwp .join .content .child p{font-size:12px;line-height:16px;}
.indrwp .join .content .child .name{line-height:35px;font-size:21px;}
.indrwp .join .content .child .nameEn{font-size:21px;line-height:33px;}
.indrwp .join .content .child .department{font-size:12px;line-height:28px;}
.indrwp .join .content .child .department .sub{margin:0 4px;}
.indrwp .join .content .child .childContent{padding-top:10px;}
.indrwp .join .content .child .childPointer{top:39px;width:44px;height:22px;background-size:44px 22px;}

.indrwp .join .foot .redTitle{margin-top:16px;line-height:28px;font-size:16px;}
.indrwp .join .foot .info1{font-size:12px;line-height:16px;}
.indrwp .join .foot .title{font-size:12px;margin-top:6px;}
.indrwp .join .foot .info2{font-size:12px;line-height:16px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.indrwp .join .container{width:796px;}
.indrwp .join .mainsTitle{font-size:38px;}
.indrwp .join .mainSub{width:104px;margin:13px auto 21px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:24px;line-height:24px;padding-bottom:13px;}

.indrwp .join .content .child{padding:28px 0;}
.indrwp .join .content .child p{font-size:12px;line-height:16px;}
.indrwp .join .content .child .name{line-height:35px;font-size:21px;}
.indrwp .join .content .child .nameEn{font-size:21px;line-height:33px;}
.indrwp .join .content .child .department{font-size:12px;line-height:28px;}
.indrwp .join .content .child .department .sub{margin:0 4px;}
.indrwp .join .content .child .childContent{padding-top:10px;}
.indrwp .join .content .child .childPointer{top:39px;width:44px;height:22px;background-size:44px 22px;}

.indrwp .join .foot .redTitle{margin-top:16px;line-height:28px;font-size:16px;}
.indrwp .join .foot .info1{font-size:12px;line-height:16px;}
.indrwp .join .foot .title{font-size:12px;margin-top:6px;}
.indrwp .join .foot .info2{font-size:12px;line-height:16px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.indrwp .join .container{width:1200px;}
.indrwp .join .mainsTitle{font-size:44px;}
.indrwp .join .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.indrwp .join .mainsInfo{font-size:29px;line-height:29px;padding-bottom:16px;}

.indrwp .join .content .child{padding:34px 0;}
.indrwp .join .content .child p{font-size:14px;line-height:24px;}
.indrwp .join .content .child .name{line-height:43px;font-size:26px;}
.indrwp .join .content .child .nameEn{font-size:26px;line-height:40px;}
.indrwp .join .content .child .department{font-size:15px;line-height:34px;}
.indrwp .join .content .child .department .sub{margin:0 5px;}
.indrwp .join .content .child .childContent{padding-top:12px;}
.indrwp .join .content .child .childPointer{top:47px;width:53px;height:27px;background-size:53px 27px;}

.indrwp .join .foot .redTitle{margin-top:20px;line-height:34px;font-size:20px;}
.indrwp .join .foot .info1{font-size:14px;line-height:24px;}
.indrwp .join .foot .title{font-size:14px;margin-top:8px;}
.indrwp .join .foot .info2{font-size:14px;line-height:24px;}
}