.clearfix:after {

content: "";
display: table;
clear: both;

}

a {

color: #5D6975;
text-decoration: underline;

}

body {

position: relative;
width: 21cm;
height: 29.7cm;
margin: 0 auto;
color: #001028;
background: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 12px;
font-family: Arial;

}

header {

padding: 10px 0;
margin-bottom: 30px;

}

logo {

text-align: center;
margin-bottom: 10px;

}

logo img {

width: 90px;

}

h1 {

border-top: 1px solid  #5D6975;
border-bottom: 1px solid  #5D6975;
color: #5D6975;
font-size: 2.4em;
line-height: 1.4em;
font-weight: normal;
text-align: center;
margin: 0 0 20px 0;
background: url(dimension.png);

}

project {

float: left;

}

project span {

color: #5D6975;
text-align: right;
width: 52px;
margin-right: 12px;
display: inline-block;
font-size: 0.8em;

}

company {

float: right;
text-align: right;

}

project div, company div { }

table {

width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;

}

table tr:nth-child(2n-1) td {

background: #F5F5F5;

}

table th, table td {

text-align: center;

}

table th {

padding: 5px 20px;
color: #5D6975;
border-bottom: 1px solid #C1CED9;
white-space: nowrap;
font-weight: normal;

}

table .service, table .desc {

text-align: left;

}

table td {

padding: 20px;
text-align: right;

}

table td.service, table td.desc {

vertical-align: top;

}

table td.unit, table td.qty, table td.total {

font-size: 1.2em;

}

table td.grand {

border-top: 1px solid #5D6975;

}

notices .notice {

color: #5D6975;
font-size: 1.2em;
margin-bottom: 10px;

}

other {

color: #C1CED9;
font-size: 1.2em;
position: relative;
top: -20px;
text-align: center;
margin: 0 auto;

}

other .title {

font-size: 1.25em;
color: #5D6975;

}

.column-left{ float: left; width: 33%; } .column-right{ float: right; width: 33%; } .column-center{ display: inline-block; width: 33%; }

footer {

color: #5D6975;
width: 100%;
height: 30px;
position: relative;
top: 100px;
border-top: 1px solid #C1CED9;
padding: 8px 0;
text-align: center;

}