*{
    padding: 0px;
    margin: 0px;
}
.Top{
    width: 100%;
    height: 100px;
    background: #2c3941;
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 1;
}
.LeftTop{
    width: 200px;
    height: 90px;
    background: #2c3941;
    position: absolute;
    top:10px;
    left: 200px;
    z-index: 2;
}
.LeftTop1{
    width: 170px;
    height: 90px;
    background: #2c3941;
    position: absolute;
    top:5px;
    left: 200px;
    z-index: 2;
}
.img1,.img2,.img3,.img4{
    width: 20px;
    height: 20px;
    background: #2c3941;
    position: absolute;
    top:30px;
    left: 20px;
    z-index: 2;
}
.LeftTopTieuDe1,.LeftTopTieuDe2, .RightTopTieuDe1, .RightTopTieuDe2{
    width: 150px;
    height: 20px;
    color: whitesmoke;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    position: absolute;
    top:20px;
    left: 50px;
    z-index: 2;
}
.RightTopTieuDe1{
    top:30px;
}
/*======================================*/
.LeftTop2{
    width: 170px;
    height: 90px;
    background: #2c3941;
    position: absolute;
    top:5px;
    left: 400px;
    z-index: 2;
}
.RightTop3{
    width:170px;
    height: 90px;
    background: #2c3941;
    position: absolute;
    top:5px;
    left: 800px;
    z-index: 2;
}
.RightTop4{
    width: 170px;
    height: 90px;
    background: #2c3941;
    position: absolute;
    top:5px;
    left: 980px;
    z-index: 2;
}
/*===========================*/
.LogoTop{
    width: 200px;
    height: 100px;
    position: absolute;
    top:0px;
    left: 590px;
    z-index: 3;
}
.MenuTop{
    width: 100%;
    height: 50px;
    position: absolute;
    background:white;
    top:100px;
    left: 0px;
    z-index: 3;
}
.MenuTop ul{
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    margin-left:250px;
}
.MenuTop ul li{
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: inline-block;
    text-align: center;
    /*bo gach chan */
    text-decoration: none;
    padding: 15px 30px;
}
.MenuTop ul li a{
    color: black;
    text-decoration: none
}
.MenuTop ul li a:hover{
    color: rgb(32, 71, 179);
}
/*====================*/
.Container{
    width: 100%;
    height: 700px;
    position: relative;
    top: 150px;
    left: 0px;
    z-index: 2;
}
.anhslide{
    width: 100%;
    height: 700px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
    /*ngoai vung nay se bi an di*/
    overflow: hidden;
} 
.NenSlide{
    width: 100%;
    height: 700px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
} 
/*===============================*/
.Slide1{
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    /*---------*/
    opacity: 0;
    visibility: hidden;
}
.prev{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 5;
}
.next{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 95%;
    z-index: 5;
}
/*hieu ung*/
.Slide1.active{
    opacity: 1;
    visibility: visible;
}
.Slide1.BienMatBenTrai{
    animation: BienMatBenTrai 1s forwards;
}
@-webkit-keyframes BienMatBenTrai{
    0%{
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
    100%{
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
}
.Slide1.DiVaoBenPhai{
    animation: DiVaoBenPhai 1s forwards;
}
@-webkit-keyframes DiVaoBenPhai{
    0%{
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
}

/*================*/
.Slide1.BienMatBenPhai{
    animation: BienMatBenPhai 1s forwards;
}
@-webkit-keyframes BienMatBenPhai{
    0%{
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
    100%{
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
}
.Slide1.DiVaoBenTrai{
    animation: DiVaoBenTrai 1s forwards;
}
@-webkit-keyframes DiVaoBenTrai{
    0%{
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
}
/*=======================================*/

.TieuDeContainer{
    width: 800px;
    height: 300px;
    position: absolute;
    top: 150px;
    left: 320px;
    z-index: 3;
}
.TieuDeContainer3{
    width: 200px;
    height: 5px;
    background: #8bb4cd;
    position: absolute;
    top:0px;
    left: 590px;
    z-index: 3;
}
.TieuDeContainer1{
    width: 700px;
    height: 50px;
    position: absolute;
    font-size: 45px;
    text-align: center;
    color:white;
    top: 200px;
    left: 0px;
    z-index: 3;
    cursor: pointer;
    /*heu ung*/
    transition: 0.2s;
    transform: scale(1);
}
.TieuDeContainer1:hover{
    transform: scale(1.2);
    color: #84aec9;
}
.TieuDeContainer2{
    width:300px;
    height: 50px;
    position: absolute;
    font-size: 25px;
    text-align: center;
    color:white;
    top: 260px;
    left: 200px;
    z-index: 3;
    cursor: pointer;
   /*heu ung*/
   transition: 0.2s;
   transform: scale(1);
}
.TieuDeContainer2:hover{
   transform: scale(1.2);
   color: #84aec9;
}
.Container1{
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
    background: rgb(255 255 255);
    background: ffffff;
    top: 150px;
    left: 0px;
    z-index: 1;
}
.MotContainer1{
    width: 227;
    height: 318px;
    position: absolute;
    cursor: pointer;
    background: rgb(255 255 255);
    top: 80px;
    left: 140px;
    z-index: 1;
    
}
.HaiContainer1{
    width: 227;
    height: 318px;
    position: absolute;
    cursor: pointer;
    background: rgb(255 255 255);
    top: 80px;
    left: 420px;
    z-index: 1;
}
.BaContainer1{
    width: 227;
    height: 318px;
    position: absolute;
    cursor: pointer;
    background: rgb(255 255 255);
    top: 80px;
    left: 710px;
    z-index: 1;
}
.BonContainer1{
    width: 227;
    height: 318px;
    position: relative;
    cursor: pointer;
    background: rgb(255 255 255);
    top: 80px;
    left: 1000px;
    z-index: 1;
}
.NenContainer1{
    width: 227px;
    height: 318px;
    cursor: pointer;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
    /*heu ung*/
    transition: 0.2s;
    transform: scale(1);
}
.NenContainer1:hover{
    transform: scale(1.2);
}
.TieuDeMotContainer1{
    width: 200px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    font-size:35px;
    text-align:center;
    color: #ffffff;
    top: 125px;
    left: 10px;
    z-index: 4;
    
    /*heu ung*/
    transition: 0.2s;
    transform: scale(1);
}
.TieuDeMotContainer1:hover{
    transform: scale(1.2);
}
.TieuDeHaiContainer2{
    width: 100px;
    height: 40px;
    position: absolute;
    font-size:20px;
    text-align:center;
    color: #dcddcb;
    top: 180px;
    left: 50px;
    z-index: 4;
    /*heu ung*/
    transition: 0.2s;
    transform: scale(1);
}
.TieuDeHaiContainer1:hover{
    transform: scale(1.2);
}
/*===================*/
.Container2{
    width: 100%;
    height: 800px;
    background: #f5f5f5;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.TieuDe1Container2{
    width: 200px;
    height: 50px;
    position: absolute;
    color: red;
    font-size: 16px;
    top: 90px;
    left: 630px;
    z-index: 2;
}
.TieuDe2Container2{
    width: 600px;
    height: 50px;
    position: absolute;
    color: rgb(54 63 74);
    text-align: center;
    font-size: 30px;
    top: 120px;
    left: 380px;
    z-index: 2;

}
.Container2_Down1{
    width: 460px;
    height: 460px;
    position: absolute;
    top: 220px;
    left: 140px;
    z-index: 2;
}
.Khoi1Container2{
    width: 460px;
    height: 460px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.TieuDeContainer2_Down1{
    width: 200px;
    height: 40px;
    position: absolute;
    color: #ffffff;
    text-align: center;
    font-size: 35px;
    top: 60px;
    left: 50px;
    z-index: 3;
}
.TieuDe1Container2_Down1{
    width: 400px;
    height: 300px;
    position: absolute;
    color: #ecf3f8;
    text-align: left;
    font-size: 18px;
    top: 130px;
    left: 60px;
    z-index: 3;
}
.NutContainer2_Down1{
    width: 200px;
    height: 40px;
    position: absolute;
    color: rgb(153 205 237);
    background: #ecf3f8;
    text-align: center;
    top: 300px;
    left: 60px;
    z-index: 3;
    border-radius: 5px;
}
.NutContainer2_Down1 a{
    color: rgb(153 205 237);
    font-size: 20px;
    text-align: center;
    position:absolute;
    top:8px;
    left:30px;
    z-index: 4;
}
.Container2_Down2{
    width: 620px;
    height: 460px;
    position: absolute;
    background:red;
    top: 220px;
    left: 600px;
    z-index: 2;
}
/*=============================*/
.Container3{
    width: 100%;
    height: 600px;
    background: #f5f5f5;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.NenContainer3{
    width: 100%;
    height: 550px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.TieuDe1Container3{
    width: 900px;
    height: 150px;
    color: #ffffff;
    font-size: 50px;
    text-align: center;
    /*khoang cách các chu tren mot hang*/
    letter-spacing:10px;
    position: absolute;
    top: 120px;
    left: 250px;
    z-index: 2;
}
.TieuDe2Container3{
    width: 800px;
    height: 150px;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 280px;
    left: 290px;
    z-index: 2;
}
.NutContainer3{
    width: 200px;
    height: 50px;
    background: #ffffff;
    position: absolute;
    top: 400px;
    left: 600px;
    z-index: 2;
    cursor: pointer;
}
.NutContainer3 a{
    font-size: 20px;
    position: absolute;
    top: 15px;
    left: 45px;
    z-index: 2;
    color: black;

}
/*=============================*/
.Container4{
    width: 700%;
    height: 600px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.TieuDe1Container4{
    width: 120px;
    height: 35px;
    position: absolute;
    top: 50px;
    left: 610px;
    z-index: 2;
}
.TieuDe1Container4 a{
    color: red;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 40px;
    z-index: 2;
}
.TieuDe2Container4{
    width: 400px;
    height: 50px;
    position: relative;
    top: 80px;
    left: 490px;
    z-index: 2;
}
.TieuDe2Container4 a{
    color: rgb(44 57 65);
    font-size: 20px;
    text-align: center;
    /*khoang cách các chu tren mot hang*/
    letter-spacing:5px;
    position: absolute;
    top: 5px;
    left: 70px;
    z-index: 2;
}
.Khoi1Container4{
    width: 230px;
    height: 330px;
    position: absolute;
    top: 180px;
    left: 140px;
    z-index: 2;
}

.Khoi2Container4{
    width: 230px;
    height: 330px;
    position: absolute;
    top: 180px;
    left: 420px;
    z-index: 2;
}
.Khoi3Container4{
    width: 230px;
    height: 330px;
    position: absolute;
    top: 180px;
    left: 700px;
    z-index: 2;
}
.Khoi4Container4{
    width: 230px;
    height: 330px;
    position: absolute;
    top: 180px;
    left: 980px;
    z-index: 2;
}
.KhoiContainer4{
    width: 230px;
    height: 180px;
    position: absolute;
    background: #d3d2d2;
    top: 0px;
    left: 0px;
    z-index: 3;
    cursor: pointer;
}
.TieuDeKhoiContainer4{
    width: 230px;
    height: 50px;
    color: rgb(44 57 65);
    font-size: 25px;
    text-align: center;
    position: absolute;
    top: 210px;
    left: 0px;
    z-index: 3;
}
.TieuDe1KhoiContainer4{
    width: 230px;
    height: 50px;
    color: rgb(44 57 65);
    font-size: 18px;
    color:   rgb(158 171 195);
    text-align: center;
    position: absolute;
    top: 260px;
    left: 0px;
    z-index: 3;
}
/*=============================*/
.Container5{
    width: 700%;
    height: 600px;
    position: relative;
    background: #ffffff;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.TieuDe1Container5{
    width: 120px;
    height: 35px;
    position: absolute;
    top: 50px;
    left: 610px;
    z-index: 2;
}
.TieuDe1Container5 a{
    color: red;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 40px;
    z-index: 2;
}
.TieuDe2Container5{
    width: 400px;
    height: 50px;
    position: relative;
    top: 80px;
    left: 490px;
    z-index: 2;
}
.TieuDe2Container5 a{
    color: rgb(44 57 65);
    font-size: 30px;
    text-align: center;
    /*khoang cách các chu tren mot hang*/
    letter-spacing:5px;
    position: absolute;
    top: 5px;
    left: 60px;
    z-index: 2;
}
.Khoi1Container5{
 width: 340px;
 height: 120px;
 background: #f5f5f5;
 border: 2px solid #f5f5f5;
 position: absolute;
 top: 170px;
 left: 140px;
 z-index: 2;
}
.Khoi1Container5:hover{
    border: 2px solid #696060;
}
.Khoi2Container5{
    width: 340px;
    height: 150px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    position: absolute;
    top: 170px;
    left: 505px;
    z-index: 2;
}
.Khoi2Container5:hover{
    border: 2px solid #696060;
}
.Khoi3Container5{
    width: 340px;
    height: 120px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    position: absolute;
    top: 170px;
    left: 870px;
    z-index: 2;
}
.Khoi3Container5:hover{
    border: 2px solid #696060;
}
.Khoi4Container5{
    width: 340px;
    height: 120px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    position: absolute;
    top: 350px;
    left: 140px;
    z-index: 2;
}
.Khoi4Container5:hover{
    order: 2px solid #696060;
}
.Khoi5Container5{
    width: 340px;
    height: 150px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    position: absolute;
    top: 350px;
    left: 505px;
    z-index: 2;
}
.Khoi5Container5:hover{
    order: 2px solid #696060;
}
.Khoi6Container5{
    width: 340px;
    height: 120px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    position: absolute;
    top: 350px;
    left: 870px;
    z-index: 2;
}
.Khoi6Container5:hover{
    border: 2px solid #696060;
}
.LogoContainer5{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 3;
    cursor: pointer;
    /*heu ung*/
    transition: 0.2s;
    transform: scale(1);
}
.LogoContainer5:hover{
    transform: scale(1.4);
}
.TieuDeKhoiContainer5{
    width: 200px;
    height: 40px;
    position: absolute;
    font-size: 16px;
    top: 20px;
    left: 90px;
    z-index: 3;
}
.TieuDe1KhoiContainer5{
    width: 200px;
    height: 40px;
    position: absolute;
    font-size: 15px;
    top: 45px;
    left: 90px;
    z-index: 3;
}
.TieuDe2KhoiContainer5{
    width: 200px;
    height: 40px;
    position: absolute;
    font-size: 15px;
    top: 60px;
    left: 90px;
    z-index: 3;
}
.Container6{
    width: 100%;
    height: 420px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.NenContainer6{
    width: 100%;
    height: 420px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.Khoi1Container6{
    width: 350px;
    height: 300px;
    position: absolute;
    top: 80px;
    left: 140px;
    z-index: 2;
}
.Khoi2Container6{
    width: 350px;
    height: 300px;
    position: absolute;
    top: 80px;
    left: 520px;
    z-index: 2;
}
.Khoi3Container6{
    width: 350px;
    height: 300px;
    position: absolute;
    top: 80px;
    left: 920px;
    z-index: 2;
}
.SoKhoiContaner6{
    width: 150px;
    height: 50px;
    position: absolute;
    color:white;
    font-size: 45px;
    top: 80px;
    left: 125px;
    z-index: 2;
}
#Noi1, #Noi2, #Noi3{
    color: #d3ad7f;
    text-align:center;
    font-size:60px;
    position: absolute;
    color:white;
    font-size: 45px;
    top: 80px;
    left: 125px;
    z-index: 2;
}
.GachChanSoKhoiContainer6{
    width: 100px;
    height: 3px;
    position: absolute;
    background: #bf5025;
    font-size: 45px;
    top: 130px;
    left: 125px;
    z-index: 2;
    border-radius: 3px;
}
.NoiDungKhoiContainer6{
    width: 300px;
    height: 200px;
    position: absolute;
    color:#dad9cb;
    font-size: 18px;
    text-align: center;
    top: 170px;
    left: 10px;
    z-index: 2;
}
/*==========================*/
.Container7{
    width: 100%;
    height: 800px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.TieuDe1Container7{
    width: 100px;
    height: 30px;
    color: #c5613b;
    font-size: 18px;
    position: absolute;
    top: 100px;
    left: 650px;
    z-index: 2;
}
.TieuDe2Container7{
    width: 800px;
    height: 30px;
    color:#2c3941;
    font-size: 30px;
    position: absolute;
    /*khoảng cách các chữ*/
    letter-spacing: 3px;
    /*khoảng cách các từ */
    word-spacing: 6px;
    top: 150px;
    left: 450px;
    z-index: 2;
}
.Khoi1Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    background: white;
    top: 250px;
    left: 140px;
    z-index: 2;
}
.Khoi2Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 250px;
    left: 360px;
    z-index: 2;
}
.Khoi3Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 250px;
    left: 580px;
    z-index: 2;
}
.Khoi4Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 250px;
    left: 800px;
    z-index: 2;
}
.Khoi5Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 250px;
    left: 1020px;
    z-index: 2;
}
.Khoi6Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 470px;
    left: 140px;
    z-index: 2;
}
.Khoi7Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 470px;
    left: 360px;
    z-index: 2;
}
.Khoi8Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 470px;
    left: 580px;
    z-index: 2;
}
.Khoi9Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 470px;
    left: 800px;
    z-index: 2;
}
.Khoi10Container7{
    width: 180px;
    height: 180px;
    position: absolute;
    top: 470px;
    left: 1020px;
    z-index: 2;
}
.NenContainer7{
    width: 180px;
    height: 180px;
    position: absolute;
    background: white;
    top: 0px;
    left: 0px;
    z-index: 3;
    cursor: pointer;
    opacity: 1;
}
.NenContainer7:hover{
    width: 180px;
    height: 180px;
    position: absolute;
    background: #03cdf5eb;
    top: 0px;
    left: 0px;
    z-index: 3;
    cursor: pointer;
    opacity: 0.5;
}
.TieuDeKhoiContainer7{
    width: 150px;
    height: 40px;
    color: white;
    font-size: 30px;
    /*ban tay*/
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 80px;
    left: 15px;
    z-index: 3;
    /*heu ung*/
    transition: 0.2s;
    transform: scale(1);
}
.TieuDeKhoiContainer7:hover{
    transform: scale(1.2);
}
.NutContainer7{
    width: 250px;
    height: 40px;
    background: #2c3941;
    font-size:18px;
    text-align: center;
    position: absolute;
    top: 700px;
    left: 550px;
    z-index: 3;
    border-radius: 5px;
}
.NutContainer7:hover{
    width: 250px;
    height: 40px;
    background: #84aec9;
    font-size:18px;
    text-align: center;
    position: absolute;
    top: 700px;
    left: 550px;
    z-index: 3;
    border-radius: 5px;
}
.NutContainer7 a{
    width: 250px;
    height: 30px;
    color: white;
    font-size:18px;
    text-align: center;
    position: absolute;
    top: 9px;
    left: 0px;
    z-index: 3;
}
/*==========================*/
.Container8{
    width: 100%;
    height: 400px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.NenLeftContainer8{
    width: 320px;
    height: 300px;
    position: absolute;
    top: 50px;
    left: 140px;
    z-index: 1;
}
.TieuDeLeftContainer8{
    width: 300px;
    height: 50px;
    font-size: 25px;
    color:white;
    text-align: center;
    position: absolute;
    top: 110px;
    left: 140px;
    z-index: 2;
}
.NoidungLeftContainer8{
    width: 250px;
    height: 150px;
    font-size: 18px;
    color:white;
    position: absolute;
    top: 160px;
    left: 190px;
    z-index: 2;
}
.NutLeftContainer8{
    width: 150px;
    height: 40px;
    font-size: 20px;
    background: white;
    position: absolute;
    top: 250px;
    left: 210px;
    z-index: 2;
    border-radius: 5px;
}
.NutLeftContainer8:hover{
    width: 150px;
    height: 40px;
    font-size: 20px;
    background: #8bb4cf;
    color: white;
    border: 2px solid white;
    position: absolute;
    top: 250px;
    left: 210px;
    z-index: 2;
    border-radius: 5px;
}
.NutLeftContainer8 a{
    width: 150px;
    height: 20px;
    font-size: 20px;
    color:#8bb4cd;
    position: absolute;
    top: 8px;
    left: 20px;
    z-index: 2; 
}
.NutLeftContainer8 a:hover{
    width: 150px;
    height: 20px;
    font-size: 20px;
    color: white;
    position: absolute;
    top: 8px;
    left: 20px;
    z-index: 2; 
}

.NenRightContainer8{
    width: 710px;
    height: 300px;
    position: absolute;
    top: 50px;
    left: 490px;
    z-index: 1;
}
.TieuDeRightContainer8{
    width: 300px;
    height: 50px;
    font-size: 25px;
    color:rgb(26, 24, 24);
    text-align: center;
    position: absolute;
    top: 110px;
    left: 810px;
    z-index: 2;
}
.NoidungRightContainer8{
    width: 250px;
    height: 150px;
    font-size: 18px;
    color:rgb(26, 24, 24);
    position: absolute;
    top: 150px;
    left: 860px;
    z-index: 2;
}
.NutRightContainer8{
    width: 150px;
    height: 40px;
    font-size: 20px;
    background:#2c3941;
    position: absolute;
    top: 250px;
    left:900px;
    z-index: 2;
    border-radius: 5px;
}
.NutRightContainer8:hover{
    width: 150px;
    height: 40px;
    font-size: 20px;
    background:#8bb4cd;
    position: absolute;
    top: 250px;
    left:900px;
    z-index: 2;
    border-radius: 5px;
}
.NutRightContainer8 a{
    width: 150px;
    height: 40px;
    font-size: 20px;
    color: white;
    position: absolute;
    top: 5px;
    left:10px;
    z-index: 2;
    border-radius: 5px;
}
/*==========================*/
.Container9{
    width: 100%;
    height: 700px;
    position: relative;
    background: #f5f5f5;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.TieuDe1Container9{
    width: 100px;
    height: 30px;
    font-size: 18px;
    position: absolute;
    top: 50px;
    left: 620px;
    color: #bf5025;
    z-index: 2;
}
.TieuDe2Container9{
    width: 300px;
    height: 50px;
    font-size: 30px;
    /*khoảng cách các chữ*/
    letter-spacing: 3px;
    /*khoảng cách các từ */
    word-spacing: 6px;
    position: absolute;
    top: 80px;
    left: 500px;
    color: #2c3941;
    z-index: 2;
}
.Khoi1Container9{
    width: 250px;
    height: 350px;
    position: absolute;
    top: 180px;
    left: 140px;
    z-index: 2;
}
.Khoi2Container9{
    width: 250px;
    height: 350px;
    position: absolute;
    top: 180px;
    left: 410px;
    z-index: 2;
}
.Khoi3Container9{
    width: 250px;
    height: 350px;
    position: absolute;
    top: 180px;
    left: 680px;
    z-index: 2;
}
.Khoi4Container9{
    width: 250px;
    height: 350px;
    position: absolute;
    top: 180px;
    left: 950px;
    z-index: 2;
}
.NutKhoiContainer9{
    width: 150px;
    height: 25px;
    background: #2c3941;
    color: white;
    font-size: 20px;
    text-align: center;    
    position: absolute;
    top: 10px;
    left: 50px;
    z-index: 3;
    border-radius: 5px;
}   
.NutKhoiContainer9:hover{
    width: 150px;
    height: 25px;
    background: #8bb4cd;
    color: white;
    font-size: 20px;
    text-align: center;    
    position: absolute;
    top: 150px;
    left: 50px;
    z-index: 3;
    border-radius: 5px;
    transition-delay: 0.4s;
}
.AnhKhoiContainer9{
    width: 250px;
    height: 250px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    cursor: pointer;
}
.AnhKhoiContainer9:hover{
    background: white;
    opacity: 0.5;
}
.DownKhoi1Container9,.DownKhoi2Container9, .DownKhoi3Container9, .DownKhoi4Container9{
    width: 250px;
    height: 100px;
    background: #d3d2d2;
    position: absolute;
    top: 250px;
    left: 0px;
    z-index: 1;
}
.TenDownKhoiContainer9{
    width: 90px;
    height: 30px;
    color: #455158;
    font-size: 25px;
    position: absolute;
    top: 10px;
    left: 70px;
    z-index: 3;
}
.GiaDownKhoiContainer9{
    width: 90px;
    height: 30px;
    color: #616263;
    font-size: 20px;
    position: absolute;
    top: 35px;
    left: 80px;
    z-index: 3;
}
.NutContainer9{
    width: 150px;
    height: 40px;
    cursor: pointer;
    background: #2c3941;
    position: absolute;
    top: 600px;
    left: 600px;
    z-index: 3;
    border-radius: 5px;
   
}
.NutContainer9:hover{
    background: #8bb4cd;
}
.NutContainer9 a{
    width: 150px;
    height: 40px;
    color: white;
    font-size: 20px;
    position: absolute;
    top: 8px;
    left: 20px;
    z-index: 4;
    border-radius: 5px;
}
/*============================*/
.Container10{
    width: 100%;
    height: 800px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.NenContainer10{
    width: 100%;
    height: 800px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.TieuDe1Container10,.TieuDe1Container11{
    width: 50px;
    height: 30px;
    text-align: center;
    position: absolute;
    font-size: 22px;
    color: rgb(157 69 35);
    top: 80px;
    left: 650px;
    z-index: 2;
}
.TieuDe2Container10, .TieuDe2Container11{
    width: 400px;
    height: 40px;
    color: white;
      /*khoảng cách các chữ*/
      letter-spacing: 3px;
      /*khoảng cách các từ */
      word-spacing: 6px;
    text-align: center;
    position: absolute;
    font-size: 35px;
    top: 110px;
    left: 480px;
    z-index: 2;
}
.VideoContainer10{
    width: 640px;
    height: 360px;
    position: absolute;
    top: 220px;
    left: 340px;
    z-index: 2;
}
.TieuDe3Container10{
    width: 700px;
    height: 200px;
    color: white;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 600px;
    left: 310px;
    z-index: 2;
}
.NutContainer10{
    width: 250px;
    height: 40px;
    background: white;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 700px;
    left: 510px;
    z-index: 2;
}
.NutContainer10:hover{
    background: #8bb4cd;
}
.NutContainer10 a{
    width: 250px;
    height: 40px;
    color: #2c3941;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 3;
}
/*===========================*/
.Container11{
    width: 100%;
    height: 750px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
}
/*dinh dang cao hon*/
.TieuDe2Container11{
    color: #2c3941;
}
.Khoi1Container11{
    width: 320px;
    height: 450px;
    position: absolute;
    top: 250px;
    left: 140px;
    z-index: 2;
}
.Khoi2Container11{
    width: 320px;
    height: 450px;
    position: absolute;
    top: 250px;
    left: 510px;
    z-index: 2;
}
.Khoi3Container11{
    width: 320px;
    height: 450px;
    position: absolute;
    top: 250px;
    left: 880px;
    z-index: 2;
}
.NenKhoiContainer11{
    width: 320px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
   /*heu ung*/
   transition: 0.2s;
   transform: scale(1);
}
.NenKhoiContainer11:hover{
   transform: scale(1.1);
}
.NgayKhoiContainer11{
    width: 100px;
    height: 30px;
    color: rgb(193 86 45);
    position: absolute;
    top: 220px;
    left: 120px;
    z-index: 3;
    cursor: pointer;
   /*heu ung*/
   transition: 0.2s;
   transform: scale(1);
}
.NgayKhoiContainer11:hover{
   transform: scale(1.2);
}
.TieuDeKhoiContainer11{
    width: 250px;
    height: 60px;
    color: rgb(50 63 70);
    text-align: center;
    font-size: 25px;
    position: absolute;
    top: 250px;
    left: 30px;
    z-index: 3;
    cursor: pointer;
   /*heu ung*/
   transition: 0.2s;
   transform: scale(1);
}
.TieuDeKhoiContainer11:hover{
   transform: scale(1.2);
}
.NoiDungKhoiContainer11{
    width: 300px;
    height: 100px;
    color: rgb(50 63 70);
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: 320px;
    left: 10px;
    z-index: 3;
}
/*==================*/
.footer {
    width: 100%;
    height: 325px;
    position: relative;
    top: 0px;
    background-color: #2c3941;
    z-index: 1;
}
.logochan {
    width: 175px;
    height: 75px;
    position: absolute;
    top : 125px;
    left: 180px;
}
.menufooter {
    width: 700px;
    height: 30px;
    position: absolute;
    top : 100px;
    left : 350px;
    color: white;
}
.aboutus {
    position: absolute;
    left :50px;
}
.links {
    position: absolute;
    left :350px;
}
.contactus {
    position: absolute;
    left: 550px;
}
.aboutus1 {
    height: 100px;
    color :#97a6b9;
    position:absolute;
    line-height: 25px;
    top: 140px;
    left:400px;
    color: #8c9398;
}
.links1 {
    width: 200px;
    height:100px;
    position: relative;
    top :140px;
    left : 680px;
    color: #8c9398;
    line-height: 25px;
}
.links1 a{
    color: #8c9398;
    text-decoration: none;
}
.links2 {
    width: 75px;
    height: 60px;
    position: absolute;   
    z-index: 2;
    top: 0px;
    left: 0px;
}
.links1, li :hover {
    color: white;
}
.links3 {
    width: 90px;
    height: 30px;
    position: absolute;
    left: 100px;
    top : 0px;
    z-index :2;
}
.contactus1
{
    width: 200px;
    line-height: 25px;
    position: absolute;
    top :140px;
    left: 900px;
    color: #8c9398;
}
.contactus1 :hover
{
    color: orange;
}