html{width:100%;}
@media print {
body { font-size: 10pt }
.pba {page-break-after:always;}
}
@media screen {
body { font-size: 13px }
.pba {page-break-after:always;}
}
@media screen, print {
body { line-height: 1.2 }
.pba {page-break-after:always;}
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	width:98%;
}
.clear{
	clear:both;
}
.h_left{
	float:left;
	width:70%;
}
.h_left1{
	float:right;
	width:42%;
}
.h_left2{
	float:right;
	width:58%;
}
.h_leftpack{
	float:right;
	width:53%;
}
.h_leftpack2{
	float:right;
	width:47%;
}
.h_right{
	float:right;
	width:30%;
}
hr.tebel{
	width:100%;
	height: 5px;
	background: #000;		
}
.po{
	position: absolute;
	background: #fff;
	right: 38%;
	font-size: 16pt;
}

legend{
	font-size: 11pt;
}
.vendor{
	float: left;
	width: 43%;
}
.ship{
	float: left;
	width: 49.3%;
}

table.detail{
	border: 1px solid black;
	border-collapse:collapse;
	font-size: 10pt;
}

table.detail tr th{
	border: 1px solid black;
}
table.detail tr td{
	border: 1px solid black;
	padding-left: 6px;
	padding-right: 6px;
}

.ttd{
	float: right;
	width: 400px;
}
.numb{
	text-align: right;
}