body, html {
  padding: 0;
  margin: 0;
}

.box {
  position: absolute;
}

.item {
  width: 10%;
  padding-top: 5%;
  position: absolute;
  cursor: pointer;
  display: block;
}


.sub-item {
  width: 5%;
  padding-top: 2%;
  position: absolute;
  cursor: pointer;
  display: block;
}


.index .home {
  top: 25%;
  right: 55%;
}

.index .about {
  top: 25%;
  right: 44%;
}

.index .login {
  top: 25%;
  right: 33%;
}


.about .home {
  top: 4.5%;
  right: 45%;
}

.about .about {
  top: 4.5%;
  right: 34%;
}

.about .login {
  top: 4.5%;
  right: 23%;
}

.about .initiating-institution {
  top: 13.5%;
  right: 22%;
}

.about .academic-exchange {
  top: 13.5%;
  right: 16%;
}

.about .expert-team {
  top: 13.5%;
  right: 10.5%;
}



.about2 .home {
  top: 4.4%;
  right: 45%;
}

.about2 .about {
  top: 4.4%;
  right: 34%;
}

.about2 .login {
  top: 4.4%;
  right: 23%;
}



.about2 .initiating-institution {
  top: 13.1%;
  right: 21%;
}

.about2 .academic-exchange {
  top: 13.1%;
  right: 14.5%;
}

.about2 .expert-team {
  top: 13.1%;
  right: 8%;
}


.about3 .home {
  top: 3.5%;
  right: 45%;
}

.about3 .about {
  top: 3.5%;
  right: 34%;
}

.about3 .login {
  top: 3.5%;
  right: 23%;
}



.about3 .initiating-institution {
  top: 10.7%;
  right: 22%;
}

.about3 .academic-exchange {
  top: 10.7%;
  right: 16%;
}

.about3 .expert-team {
  top: 10.7%;
  right: 10.5%;
}


.login .home {
  top: 8%;
  right: 45%;
}

.login .about {
  top: 8%;
  right: 34%;
}

.login .login {
  top: 8%;
  right: 23%;
}



.login .special-expert-channel {
  top: 28%;
  right: 64%;
}

.login .collaborative-expert-channel {
  top: 28%;
  right: 36%;
}

.login .enterprise-channel {
  top: 28%;
  right: 8%;
}



.login .sub-item {
  width: 26%;
  padding-top: 17%;
}


.login1 .home {
  top: 2%;
  right: 45%;
}

.login1 .about {
  top: 2%;
  right: 34%;
}

.login1 .login {
  top: 2%;
  right: 23%;
}



.login1 .sub-item {
  width: 7%;
  padding-top: 2%;
}


.login1 .special-expert-channel {
  top: 9.3%;
  right: 24%;
}

.login1 .collaborative-expert-channel {
  top: 9.3%;
  right: 16%;
}

.login1 .enterprise-channel {
  top: 9.3%;
  right: 8%;
}



.login2 .home {
  top: 2%;
  right: 45%;
}

.login2 .about {
  top: 2%;
  right: 34%;
}

.login2 .login {
  top: 2%;
  right: 23%;
}



.login2 .sub-item {
  width: 7%;
  padding-top: 2%;
}


.login2 .special-expert-channel {
  top: 9.3%;
  right: 23%;
}

.login2 .collaborative-expert-channel {
  top: 9.3%;
  right: 15%;
}

.login2 .enterprise-channel {
  top: 9.3%;
  right: 7%;
}



.login3 .home {
  top: 2%;
  right: 45%;
}

.login3 .about {
  top: 2%;
  right: 34%;
}

.login3 .login {
  top: 2%;
  right: 23%;
}



.login3 .sub-item {
  width: 7%;
  padding-top: 2%;
}


.login3 .special-expert-channel {
  top: 9.3%;
  right: 23%;
}

.login3 .collaborative-expert-channel {
  top: 9.3%;
  right: 15%;
}

.login3 .enterprise-channel {
  top: 9.3%;
  right: 7%;
}