/***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_1{
  width:100%;
 
}


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


}

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

}

.explain2{
  width:90%;
  margin-left:5%;
 
}

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

p.explain_2{
  color:#DF7401;
  width:90%;
  font-size:1.3em;
  margin-left:5%;
  margin-top:1.0%;
  text-align:justify;
}

p.explainn_2{
  color:#DF7401;
  width:90%;
  font-size:1.3em;
  margin-left:5%;
  margin-top:1.0%;
  text-align:justify;
  text-decoration: underline;
}

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

.subgrade{
  width:96%;
  margin-left:2%;

}


.clearfix{
  clear:both;
}