body { font-family: 'Arial','sans-serif'; font-size:1em; background-color: #ffffff ; color: #001778; }
.d_body {padding: 0 20px 0 0;}
img { border: none; }
.title { font-size: 1.3em; font-weight: bold; padding: 0px 4px;}
.box { background-color: #ffffff; border: solid #001778 1px;  }

hr { border: 0; height: 1px; background: #001778; }
.cetaka4{width:190mm;height:270mm;margin:0;padding:0mm;}
.cetaka5{width:190mm;height:130mm;margin:0;padding:0mm;}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -80%);
	padding: 60px;
}

table { border-spacing:0; border-collapse:collapse; }
table td { padding:2pt; font-size:0.9em; }
table th { border-top: solid 1pt #001778; border-bottom: solid 1pt #001778; padding: 6pt; text-align: center; }
table.noborder { border:0; padding: 2pt 4pt; }
table.border { border: solid 1pt #001778; }
table.border th, table.border td { border: solid 1pt #001778; padding: 2pt 4pt; }

.red { background-color: #ff5edf; }

span.error-message { color: red; }

input { font-size: 1em; }
select { font-size: 1em; }
checkbox { font-size: 1em; }

table.cetak { width:190mm; font-size:9pt; }
table.cetak td{ padding:3px 0 3px 0;}
table.cetak th{border-top:solid 1pt; border-bottom: solid 1pt; border-right: none; border-left: none; padding:3px;}
table.cetak thead{border-top: solid 1pt; border-bottom: solid 1pt; border-right:none; border-left: none;}
table.cetak tfoot{border-top: solid 1pt; border-bottom: solid 1pt; border-right:none; border-left: none;}

.d_footnote { position:fixed;bottom:0;width:100%;background-color:#39a5e7;color:white;display: block;left:0;text-align: center;padding:0pt; }
.footnote { text-align: left; color: gray; font-size: 0.8em; }

nav { position:fixed; right:-16em; top: 0; bottom: 0; background-color: #39a5e7; border-left: 1em solid #001778; box-shadow: 4px 0 5px rgba(0,0,0,0.2); z-index:1000; cursor:pointer; }
nav:after { position:absolute; content:' '; width:0; height:0; right:-70px; top:50%; border-width:15px 10px; border-style:solid; border-color:transparent transparent transparent #001778;}
nav ul { width:14em; list-style-type:none; margin:0; padding: 1em; }
nav li { font-size:0.8em; }
nav a:link, nav a:visited { display:block; width:100%; font-weight:bold; line-height:2.5em; text-indent:10px; text-decoration:none; color:white; outline:0 none; }
nav a:hover, nav a:focus { color: #fff; background-color: #001778; }
nav, nav *{ -webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease;}
nav:hover{ right: 0; }
nav:hover ~ body { -webkit-transform: translateX(16em) perspective(600px) rotateY(10deg);-moz-transform: translateX(16em) perspective(600px) rotateY(10deg);-ms-transform: translateX(16em) perspective(600px) rotateY(10deg);-o-transform: translateX(16em) perspective(600px) rotateY(10deg);transform: translateX(16em) perspective(600px) rotateY(10deg);}
nav hr { background: #ffffff; }

ul li { font-size:0.8em; }

menu1 ul { list-style-type:none; margin:0; padding:1em; text-align:center;}
menu1 a:link, menu1 a:visited { display:block; width:100%; font-weight:bold; line-height:2.5em; text-indent:10px; text-decoration:none; outline:0 none; color:#001778}
menu1 a:hover, menu1 a:focus {color: white; background-color:#39a5e7;}
menu1 li{ font-size: 1em; }