*{
	margin: 0px;
	padding: 0px;
}
#header{background: url("../images/header.png") repeat-x center;height: 600px; position: relative;    text-align: center; 
}
.noidung{
	margin-top: 43px;
	color: #8f92bc;
}
.a{
	font-size: 40px;
}
.b{
	font-size: 32px;
}
.d{
	font-size: 20px;
}
.e{
	font-size: 20px;
}
.ungdung{
	margin-top: 90px;
	text-align: center;
}
.btn-warning {
   
    border-radius: 20px;
}
#gioithieu{
	background: url("../images/gioithieu.png") no-repeat center;width: 100%;	height: 457px; position: relative;   margin-top: 94px;color: #fff;padding-top: 50px; padding-left:20px;
}

#content{
	max-width: 1366px;
	height: 1260px;
	margin: auto;
    position: relative;
    overflow-x: hidden
}
#gioithieu{
	margin-top: 45px;
}
.abc{
	text-align: center;
	font-size: 24px;
}
#gioithieu1{
	background: url("../images/content.png") no-repeat center;width: 100%;	height: 400px; position: relative; margin-top: 61px; padding-top: 70px; padding-left: 54px;color: #fff;
}
.bb{
	color: #35951a;
	margin-top: 121px;
	font-size: 30px;
	text-align: center;
}
.fo{
	padding-top: 7px;
	height: 42px;
	background: #1c5d0a;
	text-align: center;
	color: #fff;
}
.info{
	
	height: 190px;
	background: #35951a;
	text-align: center;
	color: #fff;
}
@media only screen and (max-width: 768px){
    .header{
        
        width: 100%;
    }
}
.wrapper{
	width: 100%;
    max-width: 1366px;
    margin: auto;
    position: relative;
    overflow-x: hidden
}

.c{
	padding-top: 30px; font-size: 15px;
	
	
	
}
.noidung2{
	position: absolute;
    z-index: 1;
    width: 100%;
  
    
}
.noidung3{
	position: absolute;
    z-index: 1;
    width: 100%;
}
@media only screen and(max-width: 1366px){
	.wrapper,.header,#content{
		width: 100%;
		height: auto;
	}
}
/* @media only screen and(max-width: 820px){
	.gioithieu{
		height: auto;
		width: 100%;
	}
}
@media(max-width: 820px)
{
	#gioithieu{
		width: 100%;
		height: auto;
	}
} */