main > section > div {
  padding: 1rem 28rem;
  display: flex;
  justify-content: space-between;
}

h2 {
  position: relative;
  margin:0 auto; 
  font-weight: 500;
}
h2::before {
  position: absolute;
  left: -1rem;
  top: 0.5rem;
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgb(57, 198, 195);
}

.main-color {
    color: var(--main-color);
	font-size: 2rem;
	
}

main > .undergraduate_desc {
    background: url(../imgs/service/highschool_background.png) no-repeat 100%/100%;
    padding: 6rem;
}


main > .undergraduate_desc >div{
    flex-direction: column;
    align-items: center;
}

main .undergraduate_desc >div p{
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}



main .service_features{
    height: 30rem;
	margin-bottom: 5rem;
}
main .service_features >div{
	 width: 33%;
}
main .service_features >div:nth-child(2){
     text-align: center;
}
main .service_features img{
     height: 30rem;
}

main .service_features_cloumn {
    display: flex;
    flex-direction: column;
    align-items: center;
     height: 15rem;
	/* width: 100%; */
}

main .service_features_cloumn .features_title{
    margin-bottom: 1rem;
    font-weight: 700;
}
main .service_features_cloumn p{
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    padding: 0 2.5rem;
}


main .service_features_cloumn .one{
    color: rgb(57, 198, 195);
}
main .service_features_cloumn .two{
    color: rgb(57 135 198);
}
main .service_features_cloumn .three{
     color: rgb(190 97 60);
}
main .service_features_cloumn .four{
    color: rgb(198 57 57);
}




main .stage{
        flex-direction: column;
}

main .stage_title{
    width: max-content;
    background-color: rgb(57, 199, 196);
    padding: 0.1rem 1rem;
    color: white;
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    margin-bottom: 2rem;
}

main  .stage li{
    margin-bottom: 3rem;
}


main .stage li p {
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}


main .stage li .space {
        margin-bottom: 3rem;
}



main .mySwiper img{
    /* width: 25rem; */
	width: 80%;
}







main .brefore_application img {
    width: 40rem;
}


main .highschool_course{
        background: url(../imgs/service/highschool_course_background.png) no-repeat 100%/100%;
}








main .student .student_cover img{
  width: 20rem;
}

main .student .space {
    width: 10%;
}
main .student_name{
      margin-bottom: 2rem;
}

main  .student_offer {
    width: 30rem;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
}


main .experience p{
    line-height: 2rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}

main .student:nth-child(2n+1){
  background: #f2f2f2;
}


main .family_share{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

main .family_share .space{
    width: 20%;
}

main .family_share p{
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}


main .family_share img{
  width: 15rem;
}

main .parents_share .line{
    margin: 2rem 0 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(60, 198, 196);
    font-size: 1.4rem;
}


main .parents_share .line::before{
    position: absolute;
    top: 50%;
    content: "";
    width: 60%;
    height: 0.2rem;
    background-color: #f2f2f2;
}



main > .parents_share {
    padding: 5rem 0rem 5rem;
  
    background: url(../imgs/admission_results/master-back.png) no-repeat 100%/100%;
}






main > .admission_results > p {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 2.5rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    font-weight: 500;
}

main > .admission_results > div p {
    line-height: 3rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}

main .school .space {
    width: 10%;
}

main  .school_cover img {
    /*width: 20rem;*/
    width: 260px;

}

main  .school_offer img {
    /*width: 10rem;*/
    width: 125px;
}
main  .school_detail > div {
    margin:0.3rem 0px; 
}

main  .school_desc  p {
    line-height: 2rem;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
}

main .admission_time{
    font-size: 1.3rem;
    color: red;
    justify-content: right;
    letter-spacing: 0.2em;
}

main .admission_major img{
  width: 100%;
}




main > .admission_result {
    padding: 5rem 0rem 5rem;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;*/
    background: url(../imgs/admission_results/master-back.png) no-repeat 100%/100%;
}


main > .admission_result .title {
    position: relative;
    left: 3rem;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 2rem;
}

main  .master_country_master > div {
    display: flex;
    justify-content: space-between;
}

main  .master_country_master > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}

main  .master_country_master img {
    margin-bottom: 2rem;
    width: 80%;
}

main  .admission_result img + span {
    font-size: 1.3rem;
/*    font-weight: 500;
*/    letter-spacing: 0.2em;
}
main  .admission_result i{
    color: red;
    font-size: 2rem;
    font-style: normal;
}


main  .master_country_clounm > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 2rem;
}
/*
main  .master_country_undergraduate > div + div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}*/

main .master_country_clounm{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
main .master_country_clounm >div div{
    width: 6rem;
    padding: 0 1rem;
    font-size: 1.5rem;
}
main .master_country_clounm .national_line{
    width: 35rem;
    padding: 0 2rem;
}
main .master_country_clounm .national_flag{
    width: 10rem;
}

.admission_overseas img {
    width: 100%;
}
@media only screen and (max-width: 875px){
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body  main .service_features{
		    display: flex;
		    flex-direction: column;
			height: max-content;		
	}
	body main .service_features >div{
		width: 100%;
	}
	body main .service_features_cloumn{
		height: max-content;
	}
}

@media only screen and (max-width: 490px){
	html {
	    height: 100%;
	    font-size: 12px;
	    -webkit-text-size-adjust: 100%;
	}
	body h2{
		font-weight: 700;
		font-size: 1.5rem;
		letter-spacing: 0.15em;
	}
	body h2::before{
		    height: 1.5rem;
	}
	body .main-color{
		font-size: 1.5rem;
	}
	body main > section > div{
		    padding: 1rem 2rem;
	}
	body main > .undergraduate_desc{
		padding: 0rem;
	}
	body main > .undergraduate_desc >div{
		align-items: baseline;
	}
	body  main .service_features{
		    display: flex;
		    flex-direction: column;
			height: max-content;		
	}
	body main .service_features >div{
		width: 100%;
	}
	body main .service_features img{
		height: auto;
		width: 100%;
	}
	body main .service_features_cloumn{
		height: max-content;
	}
	body main .undergraduate_desc >div p{
		line-height: 1.7;
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	body main .service_features_cloumn p{
		line-height: 1.7;
		font-size: 1rem;
		letter-spacing: 0.1em;
		padding: 0 0;
	}
	body main .stage li p{
		line-height: 1.7;
		font-size: 1rem;
		letter-spacing: 0.1em;
	}
	body main .service_features >div:nth-child(2){
		    margin: 1rem auto;
	}
}