.join-banner { width: 100%; height: 480px; margin-bottom: 60px; }
.join-banner .join-bannerContent { width: 100%; height: 480px; background: url("../images/banner_3.png") no-repeat; position: relative; }

.join-content { width: 100%; }
.join-content .join-txt-padding { padding: 80px 0; }
.join-content .join-txt { width: 100%; position: relative; }
.join-content .join-txt .join-Ul3 { width: 100%; text-align: center; margin-bottom: 103px; }
.join-content .join-txt .join-Ul3 li { float: left; width: 360px; }
.join-content .join-txt .join-Ul3 .li-margin { margin: 0 60px; }
.join-content .join-txt .join-Ul3 img { padding: 30px 0; }
.join-content .join-txt .join-Ul3 h1 { font-size: 28px; color: #1c1c1c; margin-bottom: 20px; }
.join-content .join-txt .join-Ul3 p { letter-spacing: -0.5px; font-size: 16px; color: #737373; line-height: 150%; text-justify: inter-ideograph; text-align: center; }
.join-content .join-txt .join-Ul4 { width: 100%; position: relative; text-align: center; margin-top: 56px; }
.join-content .join-txt .join-Ul4 li { width: 240px; float: left; }
.join-content .join-txt .join-Ul4 li h1 { width: 100%; font-size: 24px; color: #4ca3ff; margin: 26px 0; }
.join-content .join-txt .join-Ul4 li p { width: 100%; font-size: 18px; color: #727272; line-height: 150%; }
.join-content .join-txt .join-Ul4 li .join-img { width: 88px; height: 85px; margin: 0 auto; }
.join-content .join-txt .join-Ul4 li .img-1 { background: url(../images/we_offer_tag_1.png); background-size: 93%; background-repeat: no-repeat; background-position: center; }
.join-content .join-txt .join-Ul4 li .img-2 { background: url(../images/we_offer_tag_2.png); background-size: 97%; background-repeat: no-repeat; background-position: center; }
.join-content .join-txt .join-Ul4 li .img-3 { background: url(../images/we_offer_tag_3.png); background-size: 100%; background-repeat: no-repeat; background-position: center; }
.join-content .join-txt .join-Ul4 li .img-4 { background: url(../images/we_offer_tag_4.png); background-size: 98%; background-repeat: no-repeat; background-position: center; }
.join-content .join-txt .join-Ul4 .li-margin { margin-left: 80px; }

.join-us { width: 100%; margin-top: 33px; margin-bottom: 50px; }
.join-us .join-usLi { width: 100%; border-bottom: 1px solid #c8c8c8; padding: 13px 0 18px; *padding: 13px 0 18px; }
.join-us .join-usLi .icon-open { display: inline-block; }
.join-us .join-usLi .icon-close { display: none !important; }
.join-us .join-usLi.open .join-usTxt { display: block; }
.join-us .join-usLi.open .icon-open { display: none; }
.join-us .join-usLi.open .icon-close { display: inline-block !important; }
.join-us .join-usLi .join-usTxt { display: none; }
.join-us .join-usLi .join-usTitle { width: 100%; font-size: 20px; color: #1c1c1c; }
.join-us .join-usLi .join-usTitle i { width: 24px; height: 24px; margin-right: 10px; display: inline-block; position: relative; top: 5px; cursor: pointer;}
.join-us .join-usLi .join-description { padding: 20px 44px 0; }
.join-us .join-usLi .join-usContent { padding: 0 44px; }
.join-us .join-usLi .join-usContent .join-postName { margin: 25px 0 15px; font-size: 18px; color: #1c1c1c; }
.join-us .join-usLi .join-usContent .join-postTxt { color: #727272; font-size: 16px; line-height: 150%; }

.join-message { width: 100%; }
.join-message p { font-size: 24px; margin-bottom: 30px; }
.join-message ul { width: 100%; }
.join-message ul li { float: left; margin-right: 50px; font-size: 20px; color: #727272; }
.join-message ul li i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; position: relative; top: 5px; }

.icon-mail { background: url("../images/email_tag.png"); }

.icon-tel { background: url("../images/phone_tag.png"); }

.icon-man { background: url("../images/contact_tag.png"); }

.icon-open { background: url("../images/job_open.png"); }

.icon-close { background: url("../images/job_close.png"); }

/*# sourceMappingURL=join.css.map */