body {
  font-family: Verdana, sans-serif;
  margin: auto;
  padding: 0;
  max-width: 1000px;
}
footer {
padding-top:12px;
padding-bottom:12px;
color:#dddddd; 
background-color:black; 
font-size:9px;
text-align:center;
width:100%;
max-width:1000px;
}
 a {
all:unset;
 }

 table {
  width:100%;
 }
 img {
  width:100%;
 }



@media only screen and (max-width: 700px) {
  .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .container .logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .container .navbar {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
  }

  .container .navbar ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: fixed;
    left: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color:rgba(200, 200, 200, 0.5);
    width: 50%;
    height: auto;
    overflow: auto;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s;
  }

  .container .navbar ul li a {
    padding: 10px;
    font-size: 16px;
    height: auto;
    line-height: normal;
    color: #fff;
  }

  .container .navbar ul .close {
    display: block;
  }

  .container .navbar .icon-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .container .navbar ._Menus-show {
    left: 50%;
  }
}

.body {
  max-width: 1024px;
  margin: 0 auto;
  padding: 10px;
}

ul.ppt {
	
	margin:0px,auto;
	position: relative;
}

.ppt li {
list-style-type: none;
position: absolute; 
font-size: 20px;
}

.ppt img {
margin:0px,auto;
border: none;
background-color: #ececec;
}