#fountainG{position:relative;width:234px;height:28px;margin:auto;}.fountainG{position:absolute;top:0;background-color:rgb(0,0,0);width:28px;height:28px;animation-name:bounce_fountainG;-o-animation-name:bounce_fountainG;-ms-animation-name:bounce_fountainG;-webkit-animation-name:bounce_fountainG;-moz-animation-name:bounce_fountainG;animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;transform:scale(.3);-o-transform:scale(.3);-ms-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);border-radius:19px;-o-border-radius:19px;-ms-border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;}#fountainG_1{left:0;animation-delay:0.6s;-o-animation-delay:0.6s;-ms-animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;}#fountainG_2{left:29px;animation-delay:0.75s;-o-animation-delay:0.75s;-ms-animation-delay:0.75s;-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;}#fountainG_3{left:58px;animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;}#fountainG_4{left:88px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s;}#fountainG_5{left:117px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;}#fountainG_6{left:146px;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s;}#fountainG_7{left:175px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;}#fountainG_8{left:205px;animation-delay:1.64s;-o-animation-delay:1.64s;-ms-animation-delay:1.64s;-webkit-animation-delay:1.64s;-moz-animation-delay:1.64s;}@keyframes bounce_fountainG{0%{transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{transform:scale(.3);background-color:rgb(92,90,92);}}@-o-keyframes bounce_fountainG{0%{-o-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-o-transform:scale(.3);background-color:rgb(92,90,92);}}@-ms-keyframes bounce_fountainG{0%{-ms-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-ms-transform:scale(.3);background-color:rgb(92,90,92);}}@-webkit-keyframes bounce_fountainG{0%{-webkit-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-webkit-transform:scale(.3);background-color:rgb(92,90,92);}}@-moz-keyframes bounce_fountainG{0%{-moz-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-moz-transform:scale(.3);background-color:rgb(92,90,92);}}
   .contoh1 { font-size:12px; }
   .contoh2 { font-size:16px; line-height: 20px;}
   .contoh3 { font-size:16px; line-height: 1.5em;}
   .contoh4 { font-size:16px; line-height: 2;}
		  .myDiv {
        width: 210mm;
        min-height: 297mm;
        padding: 20mm;
        margin: 6cm auto;
        border: 1px #D3D3D3 solid;
 
   
    }
		.subpage {
  padding: 1cm;
  
 
 
}

@page {
  size: A4;
  margin-top: 3cm;
  margin-bottom: 3cm;
  margin-left: 14cm;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
 
#tutup,.tutup_windows{background:#007838;cursor:pointer;color:white;font-weight:bold;}
#tutup a{color:white;}
#tutup:hover,.tutup_windows:hover{cursor:pointer;background:#3BC16C;} 
.popup,#popup-detil{
	width:100%;margin:0px;height:100%;position:fixed;background:rgba(0,0,0,.7);top:0;left:0;z-index:9998;display:none;overflow:scroll;padding-bottom:20px;
}
.popup2nd{
	width:100%;margin:0px;height:100%;position:fixed;background:rgba(0,0,0,.7);top:0;left:0;z-index:9999;display:none;overflow:scroll;padding-bottom:20px;
}
.popup_loading{
	width:100%;margin:0px;height:100%;position:fixed;background:rgba(0,0,0,.7);top:0;left:0;z-index:999999;display:none;overflow:scroll;padding-bottom:20px;
} 
	 

#msg-container
	{top:150px;font-size:13px;margin-top:25px;margin:0 auto;background:white;
	}
.centering{margin:0 auto;width:600px;top:50%;margin-top:5%;margin-bottom:25px;}
.pesan{background-color:white;border-collapse:collapse;width:100%;font-family:Century Gothic, sans-serif;font-size:14px;padding:10px;}
#test{color:#fffC00;}