/* ===============================================
# common
=============================================== */
#js-sp_menu_close,
#js-sp_menu{
  display: none;
}
/* ===============================================
# header
=============================================== */
#header{
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header_inner{
  width: 65.8%;
  max-width: 960px;
}
/*logo-----------------------------------------*/
#header .logo{
  padding-left: 3.15%;
  padding-right: 2%;
  max-width: 650px;
  width: 34.2%;
}
#header .logo img{
  width: 379px;
}
#header a{
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;  
}
@media screen and (min-width :769px){
  #header #gnav > ul > li a::after,
  #header .aside > ul > li:not(.language) a::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #063e8d;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;  
  }
  #header #gnav > ul > li.on a::after,
  #header .aside > ul > li.on a::after,
  #header #gnav > ul > li a:hover::after,
  #header .aside > ul > li:not(.language) a:hover::after{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width :768px){

}
/*gnav----------------------------------*/
#header #gnav{
  width: 62.5%;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}
#header #gnav ul li{
  width: 25%;
  text-align: center;
}
#header #gnav ul li a{
  display: block;
  padding: 21px 0 15px;
}
#header #gnav ul li a p{
  height: 80px;
  padding: 52px 3px 0;
  line-height:1;
  background-repeat: no-repeat;
  border-left: solid 1px #b0c0d1;  
  background-position:top 15px center;  
}
#header #gnav ul li.home{
  display: none;
}
#header #gnav ul li.about a p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_about.svg");
  background-size: 35px auto;
}
#header #gnav ul li.admission a p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_admission.svg");
  background-size: 30px auto;
}
#header #gnav ul li.campuslife a p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_campuslife.svg");
  background-size: 29px auto;
}
#header #gnav ul li.career a p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_career.svg");
  background-size: 37px auto;
}
@media screen and (max-width :1024px){
  #header #gnav{
    font-size: 1.2rem;
  }
}

/*aside----------------------------------*/
#header .aside{
  width: 26%;
}
#header .aside ul li{
  position: relative;
  width: 33.33%;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
#header .aside > ul > li.language{
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: -0.01em;
}
#header .aside > ul > li a{
  display: block;
  padding: 21px 0 15px;
}
#header .aside > ul > li a p{
  height: 80px;
  padding: 52px 3px 0;
  line-height:1;
  border-left: solid 1px #b0c0d1;  
  background-repeat: no-repeat;
  background-position:top 19px center; 
}
#header .aside > ul > li.access p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_access.svg");
  background-size: 22px auto;
}
#header .aside > ul > li.contact p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_contact.svg");
  background-size: 25px auto;
  background-position:top 21px center; 
}
#header .aside > ul > li.language p{
  background-image: url("/faculty/foreign_students/chinese/common/img/menu_language.svg");
  background-size: 26px auto;
}
/*¶àÑÔÕZ*/
#header .aside .menu_language{
  display: none;  
  width:398px;
  padding: 22px 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #063e8d;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 100;
}
#header .aside .menu_language ul{
  -ms-flex-pack: distribute;
	justify-content: space-around;
}
#header .aside .menu_language li{
  width: 23%;
}
#header .aside .menu_language a{
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  padding: 13px 0;
  text-align: center;
  border-radius: 25px;
  font-weight: bold;
}
#header .aside > ul > li.language.on::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%,100%);
  transform: translate(-50%,100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 13.5px 0 13.5px;
  border-color: #edf0f8 transparent transparent transparent;
  z-index: 101;
}

#header .aside .menu_language a:not([lang="zh-cmn-Hans"]){
  border: solid 1px #fff;
}
#header .aside .menu_language a[lang="zh-cmn-Hans"]{
  background: #fff;
  color: #063e8d;
  border: solid 1px #fff;
}
@media screen and (min-width :769px){
  #header .aside > ul > li.language.on > a,
  #header .aside > ul > li.language a:hover{
    color: #063e8d;
    background-color: #edf0f8;
  }
}
@media screen and (max-width :1024px){
  #header .aside > ul > li{
    font-size: 1.1rem;
  }
}
/*link_unv----------------------------------*/
#header .link_unv{
  flex: 1;
}
#header .link_unv a{
  display: -webkit-box;
  display: -ms-flex;  
  display: -webkit-flex;
  display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  line-height: 1.286;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 5px;
  background: url("/faculty/foreign_students/chinese/common/img/ico_blank_w.svg")no-repeat top 16px right 14px;
  background-size: 13px auto;
  background-color: #003c91;  
}
@media screen and (max-width :1024px){
  #header .link_unv a{
    font-size: 1.1rem;
  }
}