@charset "utf-8";
#gthi1{width:100%;float:left;height:auto;}
#knduct1{width:100%;float:left;height:auto;padding:20px 0px;}
#knduct2{width:1200px;margin:auto;height:auto;background:#fff;padding:15px 0px;display: flex;}
#tsao1{width:100%;float:left;height:auto;padding:100px 0px;background:#F7F6F7}
#tsao2{width:1110px;height:auto;margin:auto}
.tdgt{width:100%;float:left;height:auto;text-align:center;margin-bottom:20px}
.tdgt h2{font-size:21px;color:#000;text-transform:uppercase;font-weight:bold}
.mtgt{width:100%;float:left;height:auto;padding:0px 300px;color:#333;margin-bottom:20px;text-align:center}
.ndgt{width:100%;float:left;height:auto}
.mtsao{width:350px;float:left;background:#fff;padding:15px;margin-right:30px;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.mtsao1{float:right;margin-right:0px}
.hinhmtsao{width:100%;float:left;height:auto;margin-bottom:10px;text-align:center}
.hinhmtsao img{height:60px;width:auto;margin:auto}
.tenmtsao{width:100%;float:left;text-align:center;height:auto;margin-bottom:5px;color:#000;font-weight:bold;font-size:15px}
.mtmtsao{width:100%;float:left;height:auto;text-align:center;color:#333;font-size:14px;line-height:23px}
#team1{width:100%;float:left;height:auto;padding:100px 0px;background:#fff}
#team2{width:1140px;height:auto;margin:auto}
.ndgttea{justify-content: center !important;display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.mtea{-ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;padding:0px 15px;}	
.hinhmtea{width:100%;float:left;height:auto;margin-bottom:10px;position:relative;overflow:hidden;}		
.hinhmtea img{width:100%;float:left;height:auto}		
.tenmtea{width:100%;float:left;height:auto;color:#000;font-size:15px;font-weight:bold}
.cvmtea{width:100%;float:left;height:auto;color:#333;font-size:14px}
.momtea{position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0);top:0px;left:0px; transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s;}
.hinhmtea:hover .momtea{background:rgba(0, 0, 0, 0.3);}
.bonlk{width:100%;float:left;height:auto;margin-top:-50px;text-align:center;display: inline-block;transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; }
.hinhmtea:hover .bonlk{margin-top:40%;}
.mbonlk{margin:auto;width:36px;height:36px;background:#fff;line-height:36px;text-align:center;margin-left: 2px;
    display: inline-block;
    margin-right: 2px;color:#902290;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mbonlk i{font-size:17px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
.mbonlk:hover{background:#902290;color:#fff}
@media only screen and (min-width : 1px) and (max-width : 1100px) {
#knduct2{width:96%;float:left;margin-left:2%}
#tsao2{width:96%;float:left;margin-left:2%}
#team2{width:96%;float:left;margin-left:2%}

.mtgt{padding:0px 0px}
.mtsao{width:100%;float:left;margin-left:0px;margin-right:0px;margin-bottom:20px}
.mtea{flex: 0 0 33%;
    max-width: 33%;padding:0px 5px}
#team1{padding:20px 0px}	

}