.MD_footer{top:90px;}
.MD_body{width: 100%;top: 110px;}
.body_content{width:100%;}
.body_content img {display: block;width: 100%;}

.imgRemark{width:100%;position: absolute;bottom:15px;margin:auto;z-index: 10;}
.imgRemark ul{margin: 0 auto;}
.imgRemark li{width: 20px; height: 20px; background: #dddddd;border-radius: 50%; margin-right: 10px; float: left;cursor: pointer;}
.imgRemark .active{background: #FF6600;}
.fullScreenImg{height: 500px;top: 145px;}
@media screen and (max-width: 1024px) {
.MD_body{width: 100%;top: 110px;}
}	
@media screen and (max-width: 768px) {
.fullScreenImg{height: 200px;}	
}	
@media screen and (max-width: 540px) {
.fullScreenImg{height: 180px;}	
}	
@media screen and (max-width: 480px) {
.fullScreenImg{height: 180px;top: 60px;}
.MD_body{width: 100%;top: 60px;}
.MD_footer {top:50px;}
	
}	
@media screen and (max-width: 540px) {
.fullScreenImg{height: 200px;}
.MD_nav_small li{width: 100%;background:#454545;}
.MD_nav a{display: block;width: 100%;height:100%;}
.MD_nav a:hover{color: #f60;background:#ccc;}	
}	
@media screen and (max-width:420px){
.imgRemark li{width: 12px; height: 12px; background: #dddddd;border-radius: 50%; margin-right: 8px; float: left;cursor: pointer;}
.imgRemark ul{margin-left: 185px;}
}

@media screen and (max-width:375px){

.imgRemark ul{margin-left:162px;}
}
@media screen and (max-width:320px){

.imgRemark ul{margin-left: 135px;}
}