@charset "utf-8";
#khungchinh1{padding-top:0px}
#khungchinh2{width:100%;float:left;height:auto}
#cttdan1{width:100%;float:left;height:auto;padding:50px}
#cttdan2{width:1240px;height:auto;margin:auto;}
#tsdan{width:100%;float:left;height:auto;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);}
.mtddan{width:100%;float:left;height:auto;margin-bottom:10px;color:#000;}
#havdda{width:100%;float:left;height:auto;padding:10px 20px;background:#000}
.danyou{width:100%;float:left;height:auto;margin-bottom:5px;text-align:center}
.danyou iframe{width:600px!important;height:400px!important;margin:auto}
.danhinh{width:100%;float:left;height:auto;margin-bottom:5px}
.danhinh img{width:100%;float:left;height:auto;}
.mdan{width:50%;float:left;height:auto;position:relative}
.mdan1{float:right;margin-right:0px}
.hinhmdan{width:100%;float:left;height:auto;}
.hinhmdan img{width:100%;float:left;height:auto;}
.dumdan{position:absolute;z-index:2;width:100%;height:auto;bottom:20px;padding:0px 20px}
.tenmdan{width:100%;float:left;height:auto;margin-bottom:5px}
.tenmdan h3{color:#fff;font-size:15px;text-transform:uppercase  }
.mtmdan{width:100%;float:left;height:auto;color:#fff}
.momdan{width:100%;height:100%;position:absolute;z-index:1;
 background: rgba(0, 0, 0, 0.7);border:4px solid #fb402d;opacity:0;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
 .mdan:hover .momdan{opacity:1}
@media only screen and (min-width : 1px) and (max-width : 1200px) {
#khungchinh2{margin-left:0px;margin-right:0px}
#cttdan2{width:96%;float:left;height:auto;margin-left:2%}
#cttdan1{padding:30px 0px}
.danyou iframe{    width: 100% !important;
    height: 350px !important;}
}	
@media only screen and (min-width : 1px) and (max-width : 500px) {
.mdan{width:100%}	
}