.join2 {position: relative; display: flex;align-items: center;justify-content: center; width: 100vw; height: 100vh; background-image: url(../templets/default2/images/bg_join2.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.join2_content {position: absolute; top: 30%; left: 50%; transform: translateX(-50%); width: 100%; height: fit-content; display: flex;gap: 20px; flex-direction: column; align-items: center; justify-content: center;}

.join2_content > .title {color: #FFF;text-align: center;font-size: 3.43rem;font-weight: 700;}
.join2_content > .sub_title {text-align: center; color: #BDBDBD;font-size: 1.43rem;font-weight: 300;letter-spacing: 10px;text-transform: uppercase;}

.join2_content_form {width: 100%; display: flex;position: absolute;bottom: 0px;border-top: 1px solid #70646B;}
.join2_content_form > div.join2_content_form_left {width: calc(100% / 2);}
.join2_content_form > div.join2_content_form_right {min-width: calc(100% / 2);max-width: calc(100% / 2);width: calc(100% / 2);}
.join2_content_form > div.join2_content_form_left {border-right: 1px solid #70646B; display: flex;align-items: end; flex-direction: column;justify-content: center;gap: 60px; padding: 30px 80px; background: linear-gradient(93deg, rgba(18, 0, 0, 0.90) -2.01%, rgba(26, 0, 40, 0.54) 57.82%, rgba(255, 145, 145, 0.09) 102.56%), rgba(0, 0, 0, 0.80);}
.join2_content_form > div.join2_content_form_right {display: flex;flex-direction: column;}
.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top {gap: 32px; cursor: pointer; border:none; transition: 0.3s all ease-in-out; border-bottom: 1px solid #70646B;opacity: 0.5;background: linear-gradient(90deg, rgba(50, 50, 50, 0.70) 0%, rgba(58, 58, 58, 0.70) 100%), rgba(0, 0, 0, 0.80);display: flex;align-items: center; padding: 100px 80px;}
.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom {gap: 32px; cursor: pointer; border:none; transition: 0.3s all ease-in-out; opacity: 0.5;background: linear-gradient(90deg, rgba(50, 50, 50, 0.70) 0%, rgba(58, 58, 58, 0.70) 100%), rgba(0, 0, 0, 0.80);display: flex;align-items: center; padding: 100px 80px;}
.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top div.company_join_button {min-width: 87px;min-height: 87px;background-image: url(../templets/default2/images/ico_company.svg);}
.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom div.normal_join_button {min-width: 87px;min-height: 87px;background-image: url(../templets/default2/images/ico_normal.svg);}


.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top:hover {border-bottom: 1px solid #70646B;opacity:1;background: linear-gradient(105deg, rgba(112, 48, 160, 0.70) -3.68%, rgba(151, 0, 0, 0.70) 75.22%, rgba(0, 32, 96, 0.70) 104.3%), rgba(0, 0, 0, 0.80);display: flex;align-items: center;}
.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top:hover div.company_join_button {width: 87px;height: 87px;background-image: url(../templets/default2/images/ico_company_on.svg);}

.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom:hover {opacity: 1;background: linear-gradient(105deg, rgba(112, 48, 160, 0.70) -3.68%, rgba(151, 0, 0, 0.70) 75.22%, rgba(0, 32, 96, 0.70) 104.3%), rgba(0, 0, 0, 0.80);display: flex;align-items: center;}
.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom:hover div.normal_join_button {width: 87px;height: 87px;background-image: url(../templets/default2/images/ico_normal_on.svg);}


div.share_university_content2 {display: flex;flex-direction: column;gap: 10px;width: fit-content;}
div.share_university_content {display: flex;flex-direction: column;gap: 10px;width: 480px;}
h4.share_university_title {text-align: start; color: #FFF;font-size: 1.71rem;font-weight: 700;letter-spacing: -0.72px;}
p.share_university_description {text-align: start; color: #CCC;font-size: 1.14rem;font-weight: 400;line-height: 150%;letter-spacing: -0.48px;}


ul.join2_select_list {display: flex;align-items: center;}
ul.join2_select_list > li.join2_select_list_item {list-style: none;}
ul.join2_select_list > li.join2_select_list_item > button {cursor: pointer; border: 1px solid #70646B; padding: 16px; background: none;cursor: pointer;color: #BDBDBD;min-width: 160px; text-align: center;font-size: 1.43rem;font-weight: 500;line-height: 130%;letter-spacing: -0.6px;}
ul.join2_select_list > li.join2_select_list_item:first-child > button {border-radius: 10px 0 0 10px;}
ul.join2_select_list > li.join2_select_list_item:last-child > button {border-radius: 0 10px 10px 0;}
ul.join2_select_list > li.join2_select_list_item > button:hover {background: #E73290; border-color: #E73290; color: #FFF;}

@media screen and (max-width:1420px){
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top {align-items: start; flex-direction: column;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom {align-items: start; flex-direction: column;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top div.company_join_button {order:-1;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom div.normal_join_button {order:-1;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top:hover {align-items: start; flex-direction: column;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom:hover {align-items: start; flex-direction: column;}
	div.share_university_content2 {width: 100%;}
	div.share_university_content {width: 100%;}
}

@media screen and (max-width:1200px){
	/* .join2_content {top: 15%;} */
 .join2_content_form {flex-direction: column;}
 .join2_content_form > div.join2_content_form_left {width: 100%;align-items: start;gap: 24px;box-sizing: border-box; }
 ul.join2_select_list {width: 100%;box-sizing: border-box;flex-wrap: wrap;}
 ul.join2_select_list > li.join2_select_list_item {width: calc(100% /2);}

 ul.join2_select_list > li.join2_select_list_item:first-child > button {border-radius: 10px 0 0 0;}
 ul.join2_select_list > li.join2_select_list_item:nth-child(2) > button {border-radius: 0 10px 0 0;margin-left: -1px;}
 ul.join2_select_list > li.join2_select_list_item:nth-child(3) > button {border-radius: 0 0 0 10px;margin-top: -1px;}
 ul.join2_select_list > li.join2_select_list_item:last-child > button {border-radius: 0 0 10px 0 ;margin-left: -1px; margin-top: -1px;}


 ul.join2_select_list > li.join2_select_list_item > button {width: 100%;min-width: unset;}
 .join2_content_form > div.join2_content_form_right {min-width: unset;max-width: unset; width: 100%;}


 .join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top {align-items: start; flex-direction: row;}
 .join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom {align-items: start; flex-direction: row;}
 .join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top div.company_join_button {order:2;}
 .join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom div.normal_join_button {order:2;}
 .join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top:hover {align-items: start; flex-direction: row;}
 .join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom:hover {align-items: start; flex-direction: row;}
 div.share_university_content2 {width: 100%;}
 div.share_university_content {width: 100%;}
}



@media screen and (max-width:661px){
	.join2_content_form > div.join2_content_form_left {padding: 32px;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_top {padding: 32px;}
	.join2_content_form > div.join2_content_form_right > button.join2_content_form_right_bottom {padding: 32px;}
	p.share_university_description {font-size: 1rem;}
}