*{
	margin: 0px;
	padding: 0px;
}
@font-face {
    font-family: 'fontRoboto';
    src: local('fontRoboto'), url('../fonts/fontRoboto.woff2') format('woff2'),
     url('../fonts/fontRoboto.woff') format('woff'), url('../fonts/fontRoboto.ttf') format('truetype'), 
     url('../font/fontRoboto.eot?iefix') format('embedded-opentype');
    unicode-range: U+0000-1EF9, U+2013-204A;
}


.clear_all{
	clear: both;
}
.a{
	text-decoration: none;
	display: block;
}


/*----------------------------*/
.topbar-right {
        display: none;
    }

    .apec-wrapper {
        display: block;
        margin-left: 155px;
        width: 790px;
        position: absolute;
        left: 0;
        top: 16px;
    }

    .logo-apec, .logo-apec img {
        width: 360px;
        height: 24px;
    }


/*-----------------------------*/

#section0 .wrap{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}
#section1{
	background-color: #23221f;
}
#section1 .wrap{
	width: 100%;
	height: 100%;
	background-color: #23221f;

}
/*#section1,#section1 .fp-tableCell,#section1 .fp-scrollable {
	height: auto!important;
}*/
#section2 .wrap{
	width: 100%;
	height: 100%;
	 background-color: #23221f;
}

#section3 .wrap{
	width: 100%;
	height: 100%;
	background-color: #23221f;
}
.framecolor{
	position: absolute;
	top: 0px;
	
}

/*section0*/
 .frame1{
	width: 10%;
	height: 100%;
	opacity: 0.3;
  background-color: #23221f;
	left: 84.5%;
}
.frame2{

	width: 11.3%;
	height: 100%;
	opacity: 0.5;
  background-color: #23221f;
	left: 73.2%
}
 .frame3{

	width: 11.2%;
	height: 100%;
	opacity: 0.7;
  	background-color: #23221f;
	left: 62%;
	
}
.frame4{
	width: 13.7%;
	height: 100%;
	left: 48.3%;
	 opacity: 0.9;
  background-color: #23221f;
}
.frame5{

	width: 48.3%;
	height: 100%;
	background-color: #23221f;
}

 .frame6{
	width: 92.2%;
	height: 100%;
	background-image: linear-gradient(rgba(216, 216, 216, 0.5), rgba(216, 216, 216, 0.5));
  background-blend-mode: color;
}
.frame7{

	width: 73.5%;
	height: 100%;
	opacity: 0.3;
  background-color: #23221f;
}
 .frame8{

	width: 54.2%;
	height: 100%;
	opacity: 0.5;
  background-color: #23221f;
}
.frame9{
	width: 36%;
	height: 100%;
	opacity: 0.7;
  background-color: #23221f;
}
.frame10{

	width: 17.3%;
	height: 100%;
	opacity: 0.9;
  background-color: #23221f;
}

#section0 .wrap .contentSection1{
	width: 512px;
	height: auto;
	margin-left: 10%;
}

 .imageSection0{
	float: right;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 33%;
	background-image: url('../images/BG1.jpg');
}

#section0 .wrap .title{
	margin-top: 70px;
	width: 427px;
	height: 200px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('../images/TittleChude1.png');
}
.contentSection1 h1{
	margin-top: 30px;
	font-family: fontRoboto;
	  font-size: 20px;
	  text-align: left;
	  color: #eaa63b;
	  font-weight: normal;
}
.poemSection1{
	width: 100%;
	list-style-type: none;
	display: block;
	margin-top: 20px;

}.poemSection1 li{
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}
.poemSection1 li p{
	width: 440px;
	float: right;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	font-family: fontRoboto;
	font-weight: normal;
}
.poemSection1 li .number1{
	float: left;
	width: 48px;
	height: 48px;
	background-image: url('../images/iconNumber1.png');
	background-size: 100% 100%;
	margin-right: 20px;
}
.poemSection1 li .number2{
	margin-right: 20px;
	float: left;
	width: 48px;
	height: 48px;
	background-image: url('../images/iconNumber2.png');
	background-size: 100% 100%;
}

.poemSection1 li .number3{
	margin-right: 20px;
	float: left;
	width: 48px;
	height: 48px;
	background-image: url('../images/iconNumber3.png');
	background-size: 100% 100%;
}

#section1 .imageSection1{
	float: right;
	width: 52%;
	height: 100%;
	background-size: cover;
	background-image: url('../images/BG2.jpg');
}
.contentSection2{
	width: 40%;
	float: left;
	margin-left: 5%;
}
.contentSection2 .titleSection2{
	width: 311px;
	height: 50px;
	margin-top: 78px;
	background-size: 100% 100%;
	background-image: url('../images/TittleChude2.png');
}
.contentSection2 ul{
	list-style-type: none;
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 20px;
}
.contentSection2 ul li{
	width: 100%;
	margin-bottom: 80px;
}
.icontangTruong{
	width: 50px;
	height: 50px;
	float: left;
	background-size: 100% 100%;
	background-image: url('../images/icontangtruong.png');
}
.contentSection2 ul li h3{
	width: 87%;
	float: right;
	font-family: fontRoboto;
	  font-size: 20px;
	  font-weight: bold;
	  line-height: 26px;
	  text-align: left;
  	color: #eaa63b;
  	text-transform: uppercase;
}
.contentSection2 ul li p{
	margin-top: 20px;
	font-family: fontRoboto;
	  font-size: 20px;
	  line-height: 26px;
	  text-align: left;
	  color: #ffffff;
	  display: inline-block;
}
.Icon-2-day-manh{
	width: 50px;
	height: 50px;
	float: left;
	background-size: 100% 100%;
	background-image: url('../images/icondaymanh.png');
}
.Icon-3-nang-cao{
	width: 50px;
	height: 50px;
	float: left;
	background-size: 100% 100%;
	background-image: url('../images/iconnangcao.png');
}
.Icon-4-tang-cuong-an-ninh{
	width: 50px;
	height: 50px;
	float: left;
	background-size: 100% 100%;
	background-image: url('../images/icontangcuong.png');
}
.imgcontentS2{
	width: 100%;
    height: auto;
    background-repeat: no-repeat;
}
.section2left{
	width: 40%;
	float: left;
	height: auto;
}
.section2right{
	width: 52%;
	float: right;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../images/BG3.jpg');
}
.frame11{
	width: 26%;
	height: 100%;
	opacity: 0.9;
  	background-color: #23221f;
  	float: left;
}
.frame12{
	width: 22.1%;
	height: 100%;
	opacity: 0.7;
  background-color: #23221f;
  	float: left;
}
.frame13{
	width: 22.1%;
	height: 100%;
	opacity: 0.5;
  background-color: #23221f;
  	float: left;
}

.frame14{
	width: 22.1%;
	height: 100%;
	 opacity: 0.3;
  background-color: #23221f;
  	float: left;
}
.titlesection3{
	width: 328px;
	height: 56px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-left: 10%;
	margin-top: 78px;
	background-image: url('../images/TittleChude3.png');
}
.section2left p{
	font-family: fontRoboto;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  color: #ffffff;
  margin-left: 10%;
  margin-top: 10%;
}
.section3left{
	width: 48%;
	float: left;
}
.section3right{
	width: 52%;
	float: right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	background-image: url('../images/BG4.jpg');
}
.section3left .title{
	width: 416px;
	height: 112px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-left: 10%;
	margin-top: 78px;
	background-image: url('../images/TittleChude4.png');
}
.section3left ul{
	list-style-type: none;
	width: 474px;
	display: block;
	height: auto;
	margin-left: 10%;
	margin-top: 10%;
}
.section3left ul li{
	width: 100%;
	height: auto;

}
.section3left ul li .date{
	width: 275px;
	height: 28px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 30px;
}
.section3left ul li .date6{
	background-image: url('../images/date6.png');
}
.section3left ul li .date7{
	background-image: url('../images/date7.png');
}
.section3left ul li .date9{
	background-image: url('../images/date9.png');
}
.section3left ul li .date10{
	background-image: url('../images/date10.png');
}
.section3left ul li .date11{
	background-image: url('../images/date11.png');
}
.textSection4{
	width: 100%;
	height: auto;
	font-family: fontRoboto;
	  font-size: 20px;
	  line-height: 26px;
	  text-align: left;
	  color: #ffffff;
	  margin-top: 15px;
}
.section3left ul li:last-child{
	padding-bottom: 50px;
}