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





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


}

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

}


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

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

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


p.tajuk{
  color:#DBA901;
  width:90%;
  font-size:1.3em;
  margin-left:2%;
  margin-top:1%;
  text-align:justify;
  list-style-type: none;
  

  
}


ol.contoh{
  
  line-height:1.7em;
  padding:2%;
  margin-left:2%;
  font-size:1.2em;
  list-style-position: decimal;
}



/***table**/

.tensartechfull{
  width:100%;
 
 }

.tensartech_2{
  width:47%;
  margin-left:4%;
  float:left;
  margin-top:2%;
 
 }
 
.tech_1{
  width:47%;
  float:left;
  margin-top:4%;
 
 }