

.topic{
  background:rgba(255,176,29,.4);
  color: #fff;
  padding: 18.5% 7%;
  display:table;
  z-index: 2;
}
/*.headpic{
  position: absolute;
  left: 0;
  bottom: 0px
}*/

.area1,.area5,.area6{
  background: #fff;
  padding: 5% 0;
}
.area2,.area4{
  background: #f9f8f3;
  padding: 5% 0;
}
.area1::before{
  content: "";
  bottom:0;
  background: url(../image/a2.png) no-repeat;
  /*background-size: 100% 100%;*/
  position: absolute;
  width:100%;
  height: 77px;
  z-index: 2;
}
.area2::before,.area4::before{
  content: "";
  bottom:-76px;
  background: url(../image/a3.png) no-repeat;
 /* background-size: 100% 100%;*/
  position: absolute;
  width:100%;
  height: 77px;
  z-index: 2;
}
.area3{
  background: url(../image/a4.jpg)no-repeat center center fixed;
  padding: 0% 0;
}
.area3::before{
  content: "";
  bottom:0;
  background: url(../image/a2.png) no-repeat;
 /* background-size: 100% 100%;*/
  position: absolute;
  width:100%;
  height: 77px;
  z-index: 2;
}
.area3 .words{
  margin: 20% 0 21% 0;
  background: rgba(0,0,0,.85);
  padding: 2.8% 2%;
  color: #fff;
}
.area6 .words{
  text-align: center;
}

.right{
  float: right;
}
.words{
  margin: 4% 0;
  vertical-align: middle;
}

.words h4{
  margin: 0% 0 .5% 0;
  letter-spacing: 3px;
  vertical-align: middle;
}

.words h4 font{
  font-style: italic;
  margin: 0 3% 0 0;
}

.words h4 font:after{
  content: '';
  width: 1px;
  height: 100%;
  background: #232323;
  position: absolute;
  float: left;
  z-index: 5;
  margin:0 0 0 1.3%; 
}
#uni4 font:after{
	content: '';
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  float: left;
  z-index: 5;
  margin:0 0 0 1.3%; 
}

.words p{
  margin: 3% 0 0% 0;
}



@media only screen and (min-width: 600px) {
  
 
}

@media (min-width: 768px) {
  

}
@media (min-width: 900px) {



}
@media (min-width: 1000px) {
	.area1,.area5,.area6{
	  padding: 3% 0;
	}
	.area2,.area4{

	  padding: 1% 0;
	}
	.words{
	  margin: 2% 0;
	  vertical-align: middle;
	}
	.words p{
	  margin: 1% 0 0% 0;
	} 

}

@media (min-width: 1200px) {



}

@media (min-width: 1600px) {

 
   
}


