body{
  height: 100%;
}
article{
  height: calc(100% - 20px) ;
  background: url(../imgs/leaders/leader.png) no-repeat;
  background-size: cover;
  position: relative;

}

.content-box{
  width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.title-Eng{
  font: bold 26px Haboro Contrast;
  color: #FFFFFF;
  opacity: 0.5;
}
.title-Chs{
  font: bold 30px Microsoft YaHe;
  color: #FFFFFF;
}
.leader-box{
  width: 928px;
  height: 501px;
  position: relative;
}

.leader-info-box{
  width: 578px;
  position: absolute;
  left: 700px;
	bottom: 50px;
}
.leader-name{
  width: 60px;
  height: 60px;
  font: bold 30px Microsoft YaHe;
  color: #FFFFFF;
  line-height: 60px;
  border-bottom:3px solid #FFFFFF;
}
.leader-info{
  margin: 17px 0 0 1px;
  height: 58px;
  font: bold 14px Microsoft YaHe;
  color: #FFFFFF;
  line-height: 22px;
}
.personage h2{
	margin: 17px 0 0 1px;
	font: bold 16px Microsoft YaHe;
	color: #FFF999;
	line-height: 22px;
}
.personage p{
	margin: 17px 0 0 1px;
	font: bold 14px Microsoft YaHe;
	color: #FFFFFF;
	line-height: 22px;
}
footer{
  margin-top: 0;
}