* {
	margin: 0;
	padding: 0;
}

#main {
	font-size: 13px;
    height: 720px;
    margin: 0 auto;
    width: 360px;
}

#page_margin {
	height: 600px;
    margin: 0 auto;
    padding-top: 40px;
    width: 360px;
}

.per_contain {
	background-color: #f5ff9d;
    line-height: 16px;
    margin: 2px 0;
    padding: 2px;
}

.bottom {
    font-size: 12px;
    padding: 0 5px;
}

.personal_info {
    padding: 2px 0 0 7px;
    width: 246px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

.roll {
	width: 77px;
	padding-left: 3px;
	background: -moz-linear-gradient(to right, #a12bfc, #ffffff);
	background: -webkit-linear-gradient(to right, #a12bfc, #ffffff);
	background: -o-linear-gradient(to right, #a12bfc,#ffffff );
	background: linear-gradient(to right, #a12bfc,#ffffff );
}

.batch {
	text-align: right;
	padding-right: 3px;
    width: 87px;
    background: -moz-linear-gradient(to left, #a12bfc, #ffffff);
	background: -webkit-linear-gradient(to left, #a12bfc, #ffffff);
	background: -o-linear-gradient(to left, #a12bfc,#ffffff );
	background: linear-gradient(to left, #a12bfc,#ffffff );
}

ul {
	list-style-type: none;
}
@media print {
    .pagebreak {page-break-after: always;}
}
@media print {
    .background {background: #f5ff9d;}
}