*{
    padding: 0px;
    margin: 0px;
}
.headerTop{
    width: 100%;
    height: 90px;
    background: #024126;
    display: block;
    margin: auto; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
}
.headerTop ul li{
    display: inline-block;
    text-align: center;
}
.headerTop .MenuLeft{
    width: 400px;
    height: 90px;
    margin: 40px 240px;
    position: absolute;
}
.headerTop .MenuLeft ul li a{
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    margin-left:25px;
    /*bo gach chan */
    text-decoration: none;
}
.headerTop .MenuRight{
    width: 400px;
    height: 90px;
    position : absolute;
    padding: 40px 750px
}
.headerTop .MenuRight ul li a{
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    margin-left:25px;
}
.Anh{
    width:150px;
    height:70px;
    position: absolute;
    top:10px;
    left:550px;
    border-radius:5px
}
.Nen{
    width: 100%;
    height: 700px;
      /*tao layer*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.NoiDung{
    color: white;
    width: 300px;
    height: 400px;
    padding: 200px 300px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align:center;
    font-size:40px;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 3;
    transition: 0.4s;
    /*goi hieu ung*/
    opacity: 0;
    animation: NoiDungNhoDi 1.5s forwards;
    animation-delay: 0.5s;
}
/*dinh dang hieu ung*/
@-webkit-keyframes NoiDungNhoDi{
   0% {left: 400px;opacity: 0;}
   100% {left: 0px; opacity: 1;}
}
.Nut1{
    background: rgb(98 1 29);
    width: 150px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 380px;
    left: 300px;
    z-index: 4;
    border-radius: 5px;
    /*tay tro chuot*/
    cursor: pointer;
}
.Nut2{
    background: #80a093;
    width: 150px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 380px;
    left: 470px;
    z-index: 4; 
    cursor: pointer;
    border-radius: 5px;
}
.HeaderCuoi{
    background:#024126;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 700px;
    left: 0px;
    z-index: 3;
}
.facebook{
    width: 100px;
    font-size: 12px;
    height: 30px;
    color:#7d9c8f;
    position:absolute;
    top:30px;
    left: 90px;
    z-index: 4;
    display:inline;
    text-align: center;
    cursor: pointer;
}
.Chugiua{
    width: 600px;
    height: 30px;
    position:absolute;
    top:20px;
    font-size: 35px;
    left: 400px;
    z-index: 4;
    color:#7d9c8f;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
}
.Video{
    width: 200px;
    height: 30px;
    color:#7d9c8f;
    position:absolute;
    top:30px;
    left: 1100px;
    z-index: 4;
   display:inline;
   font-size: 12px;
   text-align: center;
   cursor: pointer;
}
.anhfacebook{
    width:15px;
    height:16px
}
.anhVideo{
    width:15px;
    height:16px
}
.About {
    width: 100%;
    height: 1100px;
    background: #024126;
    position: relative;
    top: 800px;
    left: 50%x;
    z-index: 1;
}
.About1{
    color: #ead4b6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 600px;
    height: 30px;
    font-size: 15px;
    background: #024126;
    position: absolute;
    top: 100px;
    left: 580px;
    z-index: 2;
}
.About2{
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 600px;
    height: 30px;
    font-size:35px;
    background: #024126;
    position: absolute;
    top: 130px;
    left: 420px;
    z-index: 2; 
}
.About3{
    color: #80a093;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    width: 600px;
    height: 30px;
    font-size:25px;
    background: #024126;
    position: absolute;
    top: 190px;
    left: 500px;
    z-index: 2; 
}
.AnhAbout{
  width: 500px;
    height: 400px;
    position: absolute;
    top: 290px;
    left: 80px;
    z-index:2;   
}
.NoiDungAbout{
    width: 500px;
    height: 400px;
    position: absolute;
    top: 290px;
    left: 660px;
    z-index:2; 
}
.NoiDungAbout1{
    position: absolute;
    top: 0px;
    left: 10px;
    z-index:2; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    color: #ffffff;
}
.NoiDungAbout2{
    position: absolute;
    top: 100px;
    left: 10px;
    z-index:2; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    color: #ead4b6;
}
.NoiDungAbout2 p{
    line-height: 30px;
}
.NoiDungAboutCuoi{
    width: 100%;
    height: 500px;
    position: absolute;
    top: 700px;
    left: 10px;
    z-index:2; 
}
.Cot1{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 130px;
    z-index:3; 
}
.Cot2{
      width: 200px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 400px;
    z-index:3; 
}
.Cot3{
      width: 200px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 750px;
    z-index:3; 
}
.Cot4{
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 1100px;
    z-index:3; 
}
/*dinh dang cho con so biet noi*/
#Noi, #Noi1, #Noi2, #Noi3{
    color: #d3ad7f;
    text-align:center;
    font-size:60px;
}
.SoAbout{
    color: #d3ad7f;
    text-align:center;
    font-size:60px;
}
.TieuDeAbout{
    color:#ead4ac;
    font-size:15px;
    text-align:center;
}

.NoiDungAboutNho{
    color:#80a093;
    font-size:16px;
    text-align:left;
}
.NoiDungAboutNho1{
    color:#80a093;
    font-size:16px;
    text-align:left;
}
.Nut3{
    background: rgb(98 1 29);
    width: 150px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 950px;
    left: 500px;
    z-index: 4;
    border-radius: 5px;
    cursor: pointer;
}
.Nut4{
    background: #80a093;
    width: 150px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    z-index: 4; 
    top: 950px;
    left: 700px;
    z-index: 4;
    border-radius: 5px;
    cursor: pointer;
}
.Container3{
    width: 100%;
    height: 1000px;
    position:absolute;
    top: 1750px;
    left: 0px;
    z-index:3; 
    background:#f2e8df;
}
.GiaoAnh{
    width: 100%;
    height: 100px;
    position: absolute;
    top: 850px;
    left: 0px;
    z-index:4; 
}
.TieuDe3_1{
    color:#80a093;
    width: 100%;
    height: 200px;
    font-size:30xp;
    position: absolute;
    top: 200px;
    left: 620px;
    z-index:4; 
}
.TieuDe3_2{
    color:#024126;
    width: 100%;
    height: 200px;
    font-size: 40px;
    position: absolute;
    top: 230px;
    left: 460px;
    z-index:4; 
}
.Khoi3{
    width:100%;
    height:600px;
    position: absolute;
    top: 400px;
    left: 0px;
    z-index:4; 
}
.Khoileft{
    width:250px;
    height:300px;
    position: absolute;
    top: 10px;
    left: 70px;
    z-index:4; 
}
.KhoiGiua1{
     width:250px;
    height:300px;
    position: absolute;
    top: 10px;
    left: 390px;
    z-index:4; 
}
.KhoiGiua2{
      width:250px;
    height:300px;
    position: absolute;
    top: 10px;
    left: 710px;
    z-index:4; 
}
.KhoiRight{
    width:250px;
    height:300px;
    position: absolute;
    top: 10px;
    left: 1040px;
    z-index:4; 
}
.NutKhoi3_1{
    background: #024026;
    width: 200px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 860px;
    left: 440px;
    z-index: 4;
    border-radius: 5px;
    cursor: pointer;
}
.NutKhoi3_2{
    background: #80a093;
    width: 200px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 860px;
    left: 680px;
    z-index: 4;
    border-radius: 5px;
    cursor: pointer;
}
.AnhCuoiKhoi3{
    width: 100%;
    height: 60px;
    position: absolute;
    top: 1000px;
    left: 0px;
    z-index: 3;
}.Container4{
    width: 100%;
    height: 1100px;
    position:absolute;
    background:#024126;
    top:2760px;
    left:0px;
    z-index:2;
}
.TieuDeContainer4_1{
    color:#ead4bb;
    font-size:20px;
    position:absolute;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    top:90px;
    left:620px;
    z-index:2;
}
.TieuDeContainer4_2{
    color: #ffffff;
    font-size: 35px;
    position:absolute;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    top:125px;
    left:570px;
    z-index:2;
}
.TieuDeContainer4_3{
     color: #80a093;
    font-size: 45px;
    position:absolute;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    top:160px;
    left:490px;
    z-index:2;
}
.AnhKhoiContainer4_1{
    width: 350px;
    height: 350px;
     position:absolute;
     top:250px;
    left:100px;
    z-index:2;
}
.AnhKhoiContainer4_2{
    width: 350px;
    height: 350px;
     position:absolute;
     top:250px;
    left:500px;
    z-index:2;
}
.AnhKhoiContainer4_3{
    width: 350px;
    height: 350px;
     position:absolute;
     top:250px;
    left:900px;
    z-index:2;
}
.TenKhoiContainer4_1{
    width: 200px;
    height: 100px;
    font-size: 30px;
    color:#fff;
    position:absolute;
    text-align:center;
    top:620px;
    left:160px;
    z-index:2;
}
.TenKhoiContainer4_2{
    width: 200px;
    height: 100px;
    font-size: 30px;
    color:#fff;
    position:absolute;
    text-align:center;
    top:620px;
    left:580px;
    z-index:2;
}
.TenKhoiContainer4_3{
    width: 200px;
    height: 100px;
    font-size: 30px;
    color:#fff;
    position:absolute;
    text-align:center;
    top:620px;
    left:1000px;
    z-index:2;
}
.GiaKhoiContainer4_1{
    width: 100px;
    height: 50px;
    font-size: 25px;
    color:#c58733;
    position:absolute;
    text-align:center;
    top:700px;
    left:210px;
    z-index:3;
}
.GiaKhoiContainer4_2{
    width: 100px;
    height: 50px;
    font-size: 25px;
    color:#c58733;
    position:absolute;
    text-align:center;
    top:700px;
    left:630px;
    z-index:3;
}
.GiaKhoiContainer4_3{
    width: 100px;
    height: 50px;
    font-size: 20px;
    color:#c58733;
    position:absolute;
    text-align:center;
    top:700px;
    left:1040px;
    z-index:3;
}
.Container4NoiDung1{
     width: 350px;
    height: 50px;
    font-size: 22px;
    line-height: 30px;
    color:#ffffdd;
    position:absolute;
    text-align:center;
    top:760px;
    left:100px;
    z-index:3;
}
.Container4_2NoiDung1{
     width: 350px;
    height: 50px;
    font-size: 22px;
    line-height: 30px;
    color:#ffffdd;
    position:absolute;
    text-align:center;
    top:760px;
    left:510px;
    z-index:3;
}
.Container4_3NoiDung1{
     width: 350px;
    height: 50px;
    font-size: 22px;
    line-height: 30px;
    color:#ffffdd;
    position:absolute;
    text-align:center;
    top:760px;
    left:910px;
    z-index:3;
}
.Container4NoiDung2{
     width: 250px;
    height: 50px;
    font-size: 18px;
    line-height: 30px;
    color:#80a093;
    position:absolute;
    text-align:center;
    top:860px;
    left:140px;
    z-index:3;
}
.Container4_2NoiDung2{
    width: 250px;
    height: 50px;
    font-size: 18px;
    line-height: 30px;
    color:#80a093;
    position:absolute;
    text-align:center;
    top:860px;
    left:560px;
    z-index:3;
}
.Container4_3NoiDung2{
    width: 250px;
    height: 50px;
    font-size: 18px;
    line-height: 30px;
    color:#80a093;
    position:absolute;
    text-align:center;
    top:860px;
    left:960px;
    z-index:3;
}
.NutContainer4{
    background: #62011d;
    color: #f5ffff;
    width: 200px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 970px;
    left: 420px;
    z-index: 5;
    border-radius: 5px;
    cursor: pointer;
}
.NutContainer4_1{
    background: #80a093;
    color:#f5ffff;
    width: 200px;
    height: 35px;
    font-size: 20px;
    text-align:center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 970px;
    left: 680px;
    z-index: 5;
    border-radius: 5px;
    cursor: pointer;
}
.AnhCuoiContainer4{
    width: 100%;
    height: 200px;
    position: absolute;
    top: 985px;
    left: 0px;
    z-index: 4;
}
.Container5{
    background: #d3ad7f;
}
.Container5KhoiRight{
    width: 100%;
    height: 1100px;
    position:absolute;
    top:3900px;
    left:0px;
    z-index:1;
}
.AnhContainer5_1{
    width: 200px;
    height: 300px;
    position:absolute;
    top:3770px;
    left:190px;
    z-index:3;
}
.AnhContainer5_2{
    width: 200px;
    height: 300px;
    position:absolute;
    top:3770px;
    left:870px;
    z-index:3;
}
.TieuDeContainer5_1{
    width: 300px;
   height: 100px;
   font-size:18px;
   color:#8ea093;
   position:absolute;
   top:3970px;
   left:600px;
   z-index:3;
}
.TieuDeContainer5_2{
    width: 300px;
   height: 100px;
    font-size:40px;
   color:#024126;
   position:absolute;
   top:4000px;
   left:500px;
   z-index:3;
}
.TieuDeContainer5_3{
    width: 300px;
   height: 100px;
   font-size:45px;
   color:#80a093;
   position:absolute;
   top:4050px;
   left:470px;
   z-index:3;
}
.TieuDeContainer5_4{
    width: 700px;
    height: 100px;
    font-size:18px;
    color:#9f6c62;
    position:absolute;
    text-align:center;
    top:4150px;
    left:320px;
    z-index:3; width: 700px;
    height: 100px;
    font-size:18px;
    color:#9f6c62;
    position:absolute;
    text-align:center;
    top:4150px;
    left:320px;
    z-index:3;
}
.NutContainer5{
    background:#62011d;
     width: 200px;
    height: 50px;
    font-size:36px;
    color:#f5fff0;
    position:absolute;
    text-align:center;
    top:4290px;
    left:550px;
    z-index:7;
    border-radius: 5px;
    cursor: pointer;
}
.Container5Khoileft{
    width: 500px;
    height: 300px;
    position:absolute;
    text-align:center;
    top:4480px;
    left:30px;
    z-index:3;
}
.Container5KhoiRight{
    width: 500px;
    height: 300px;
    position:absolute;
    top:4480px;
    left:700px;
    z-index:3;
}
.Trai{
    width: 150px;
    height: 80px;
    position:absolute;
    top:0px;
    left:70px;
    z-index:3;
    border-radius:5px;
}
.KhoiTrai5{
    width: 500px;
    height: 50px;
    position:absolute;
    top:100px;
    left:60px;
    z-index:3;
    text-align:left;
}
.Phai1{
    width: 500px;
    height: 50px;
    position:absolute;
    font-size:30px;
    top:45px;
    left:60px;
    z-index:3;
    color:#9f6c62;
    text-align:center;
}
.Phai2{
    width: 50px;
    height: 50px;
    position:absolute;
    top:90px;
    left:270px;
    z-index:3;
}
.Phai3{
    width: 50px;
    height: 50px;
    position:absolute;
    top:90px;
    left:330px;
    z-index:3;
}
.Phai4{
    width: 50px;
    height: 50px;
    position:absolute;
    top:90px;
    left:390px;
    z-index:3;
}
.DuongKe{
    width: 80%;
    height: 2px;
    background:#d9d0c8;
    position:absolute;
    top:4650px;
    left:140px;
    z-index:4;width: 80%;
    height: 2px;
    background:#d9d0c8;
    position:absolute;
    top:4650px;
    left:140px;
    z-index:4;
}
.Footer{
    width: 100%;
    height: 23px;
    font-size:16px;
    background:#f2e8df;
    text-align:center;
    position:absolute;
    top:4670px;
    left:0px;
    z-index:4;
}
/*trang Home*/