html,
body {
  height: 100%;
}
body {
  font-family: arial, helvetica, sans-serif;
  font-size: 11pt;
  color: #000;
  padding: 0;
  margin: 0;
  background-color: #D7DEE6;
}
header,
section.body,
footer {
  width: 600px;
  margin: 0 auto;
  border-width: 0 4px;
  border-color: #d0d7df;
  border-style: solid;
}
header {
  background-color: #BADCDD;
  padding-top: 8px;
}
header a {
  text-decoration: none;
}
header div.logo {
  color: #555;
  text-align: center;
  font-size: 28pt;
  font-weight: bold;
}
header div.desc {
  color: #555;
  font-size: 14pt;
  text-align: center;
  font-weight: bold;
  margin-bottom: 12px;
}
header div.menu {
  border-top: 1px solid #777;
  border-bottom: 1px solid #aaa;
  background-color: #c8f0f1;
}
header div.menu div.nav {
text-align:center;

}
header div.btn {
  display: inline-block;
  color: #000;
  width: 80px;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
  cursor: pointer;
}
header div.btn:hover,
header div.btn.active {
  background-color: #A8A0C5;
}
header hr {
  width: 80%;
  border: 4px solid #555;
  border-radius: 4px;
}
section.body {
  min-height: 60%;
  background-color: #FEFEFE;
  padding: 24px 0 4px 0;
}
section.body div.body {
  margin: 0 12px;
}
section.body h1 {
  margin: 8px 0;
}
section.body hr {
  width: 404px;
  border: 2px solid #999;
  border-radius: 4px;
  margin: 16px auto;
}
footer {
  padding-top: 12px;
  color: #fefefe;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  min-height: 28px;
  background-color: #A8A0C5;
}
table.price {
  margin: 0 auto;
  width: 540px;
}
table.price hr {
  width: 80%;
  border: 4px solid #555;
  border-radius: 4px;
  margin: 8px auto;
}
table.price td {
  width: 30%;
  text-align: center;
  vertical-align: middle;
  margin: 0;
}
table.price td.left div.item,
table.price td.right div.item {
  padding-top: 22px;
  background-color: #EFF0EA;
  min-height: 120px;
  border-style: solid;
  border-color: #a7c6c7;
}
table.price td.left div.item span.title,
table.price td.right div.item span.title {
  font-size: 13pt;
  font-weight: bold;
}
table.price td.left div.item div.amount,
table.price td.right div.item div.amount {
  padding-top: 12px;
  font-size: 18px;
  font-weight: bold;
}
table.price td.left div.item {
  border-width: 4px 0 4px 4px;
}
table.price td.right div.item {
  border-width: 4px 4px 4px 0;
}
table.price td.center {
  width: 40%;
}
table.price td.center div.item {
  padding-top: 28px;
  background-color: #f2f3ed;
  min-height: 190px;
  border-width: 6px;
  border-style: solid;
  border-color: #9088ac;
}
table.price td.center div.item span.title {
  font-size: 20pt;
  font-weight: bold;
}
table.price td.center div.item div.amount {
  padding: 14px 0;
  font-size: 24px;
  font-weight: bold;
}
table.price td.center div.item span.desc {
  font-size: 30pt;
  font-weight: bold;
  color: #9c7fc6;
}
div.form-row {
  margin: 8px auto;
  text-align: center;
}
div.form-row label {
  display: inline-block;
  font-weight: bold;
  width: 140px;
  text-align: left;
  padding: 3px 10px 4px 0;
}
div.form-row span.btn-group {
  display: inline-block;
  width: 250px;
}
div.form-row input {
  border-radius: 4px;
}
div.form-row input[type=text],
div.form-row input[type=password] {
  padding: 2px 0;
  border: 2px solid #999;
  text-align: left;
  width: 246px;
  height: 16px;
}
div.form-row input[type=text]:hover,
div.form-row input[type=password]:hover {
  border: 2px solid #666;
}
div.form-row input[type=text]:focus,
div.form-row input[type=password]:focus {
  border: 2px solid #333;
}
div.form-row input[type=text].error,
div.form-row input[type=password].error {
  border: 2px solid #910008;
}
div.form-row input[type=submit],
div.form-row input[type=reset],
div.form-row input[type=button] {
  padding: 2px 8px;
  border: 2px solid #999;
  background-color: #c8f0f1;
}
div.form-row input[type=submit]:hover,
div.form-row input[type=reset]:hover,
div.form-row input[type=button]:hover {
  border: 2px solid #666;
}
div.form-row input[type=submit]:focus,
div.form-row input[type=reset]:focus,
div.form-row input[type=button]:focus {
  border: 2px solid #333;
  background-color: #A8A0C5;
}
div.form-error {
  width: 312px;
  margin: 8px auto;
  padding: 4px;
  border: 2px solid #910008;
  border-radius: 4px;
}
div.form-success {
  width: 312px;
  margin: 8px auto;
  padding: 4px;
  border: 2px solid #009103;
  border-radius: 4px;
}
.align-center {
  text-align: center;
}
ul.qa > li {
  margin-bottom: 8px;
}