/***Default Setting**/
* {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

body{
  margin:0;
  padding:0;
  background-color:white;
    
}

.clearfix{
  clear:both;
}

img.fit{
  display:block;
  width:100%;
  height:auto;

}


/***full frame**/
.penuh{
  width:100%;
 
}

/***gambar**/
.tensar{
  margin-top:1%;

}

/***table**/
.keystone{
  width:90%;
  margin-left:5%;
 
  

}


h1{
  font-size:2.0em;
  color:#0080ff;
  margin-top:3%;
  margin-bottom:3%;
  margin-left:5%;
 


}

/***Explanation**/
.tensar1{
  width:100%;

}


p.explain{
  width:90%;
  line-height:1.5em;
  font-size:1.2em;
  margin-left:5%;
  margin-top:1.0%;
  text-align:justify;
}

p.explain1{
  color:#0080ff;
  width:90%;
  font-size:1.2em;
  margin-left:5%;
  margin-top:1.0%;
  text-align:justify;
}


ul.contoh{
  list-style:circle;
  line-height:1.7em;
  padding:2%;
  margin-left:5%;
  font-size:1.2em;
}