Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Cetak Tabungan Printer Thermal</title>
	<style type="text/css">
body {
	margin:10px 0px;
	padding:0px;
	text-align:center;
}

.konten {
	width:200px;
	/*margin:0px auto; */
	/*text-align:left; */
	/*padding:5px; */
}

.header {
	text-align: center;
}

td{
	font-family: Arial;
	font-size: 8pt;
	padding: 4px;
	color:black;
	vertical-align: top;
}

.tabel{
	width: 100%;
	border-collapse: collapse;
	padding: 10px;
}

.tabel-stafel{
	width: 85%;
	border-collapse: collapse;
	padding: 15px;
}

.garis_bawah{
	border-collapse: collapse;
	border-bottom:1px solid #000;
}

.garis_atas{
	border-collapse: collapse;
	border-top:1px solid #000;
}

.total{
	border-top:2px solid #000;
}

.tebal{
	font-weight: bold;
}

.miring{
	font-style: italic;
}

.alamat{
	font-family: Arial;
	font-size: 8pt;
	padding: 0px;
	margin: 0px 0px;
}

.judul1{
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

.judul2{
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

th {
	font-family: Arial;
	font-size: 9pt;
	padding: 5px;
	vertical-align: middle;
	border-color:black;
	background-color:black;
	color:white;
}

p {
	font-family: Arial;
	font-size: 8pt;
}

h1 {
	font-family: Arial;
	font-size: 12pt;
	padding: 0px;
	margin: 5px 0px;
}

h2 {
	font-family: "Trajan Pro", Garamond;
	font-size: 14pt;
	padding: 0px;
	margin: 5px 0px;
}

h3 {
	font-family: Arial;
	font-size: 9pt;
	padding: 0px;
	margin: 3px 0px;
}

hr {
	border-color: #000000;
}
	</style>
</head>
<body>
<center>
  <table width="200px">
    <tr>
      <td>
      	<center>
        <p class="judul1">PONDOK PESANTREN</p>
        <p class="judul2">DARUL FALAH</p>
      	</center>
        Tanggal: 15/03/2018 21:36 WIB<br>
        Teller: giwo<br>
      </td>
    </tr>
  </table>
  <table width="200px" style="border-collapse: collapse;">
    <thead>
      <tr>
        <td class="garis_bawah garis_atas" colspan="3" align="center"><b>PENARIKAN TABUNGAN</b></td>
      </tr>
    </thead>
    <tbody>
    <tr>
    	<td>Rek.</td>
    	<td>:</td>
    	<td>2.1.1.A1300855539</td>
    </tr>
    <tr>
    	<td>Nama</td>
    	<td>:</td>
    	<td>MUCHLISUL JIHAD</td>
    </tr>
    <tr>
    	<td>Alamat</td>
    	<td>:</td>
    	<td>SAMPANG JAWA TIMUR</td>
    </tr>
    <tr>
    	<td colspan="3" class="garis_atas garis_bawah tebal" align="center">SALDO</td>
    </tr>
    <tr>
    	<td>Awal</td>
    	<td>:</td>
    	<td>Rp 36.550</td>
    </tr>
    <tr>
    	<td>Mutasi</td>
    	<td>:</td>
    	<td>Rp 30.000</td>
    </tr>
    <tr>
    	<td class="garis_bawah">Akhir</td>
    	<td class="garis_bawah">:</td>
    	<td class="garis_bawah"><b>Rp 6.550</b></td>
    </tr>
    <tr>
    	<td colspan="3"><p class="miring">Terbilang :<br>#enam ribu lima ratus lima puluh rupiah#</p></td>
    </tr>
    </tbody>
  </table>
  <div style='page-break-before: always'>
</center>
</body>
</html>