@CHARSET "MS950";

/*
 * body style
 */
body {
  background-color: #ffffff;
  color: #000000;
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 75%;
  font-style: normal;
  font-weight: normal;
  margin: 0;
}

/*
 * heading style
 */
h1 {
  font-size: 130%;
}
h1.navy {
  color: navy;
  font-size: 130%;
}
h2 {
  font-size: 110%;
}
h3 {
  font-size: 100%;
}
h4 {
  font-size: 90%;
}


/*
 * table style
 */
table {
  border-collapse: collapse;
  color: #000000;
}
tr {
  vertical-align: top;
}
td {
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 75%;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  padding: 0;
}
th {
  font-size: 75%;
}
caption {
  font-size: 75%;
}

table.header {
  background-color: #ffffff;
}
table.header td {
  font-size: large;
  font-style: normal;
  font-weight: bold;
}

table.footer {
  border-top: 1px dotted #006699;
}
table.footer td {
  color: #006699;
  padding: 4px 5px;
}

table.hkp {
  width: 100%;
}
table.hkp td {
  color: #006699;
}

table.msg_1 {
  border: 1px solid #aaaaaa;
  margin: 5px 5px 25px 5px;
  width: 540px;
}
table.msg_1 tr {
  vertical-align: top;
}
table.msg_2 {
  border: 1px solid #aaaaaa;
  margin: 5px 5px 25px 5px;
  width: 98%;
}
table.msg_2 tr {
  vertical-align: top;
}
table.msg_3 {
  background-color: #ffffff;
  background:url(../img/template/bg_msg.jpg) repeat left top;
  border: 1px solid #aaaaaa;
  margin: 5px 5px 5px 5px;
  width: 98%;
}
table.msg_3 tr {
  vertical-align: top;
}
table.msg_3 td {
  padding: 12px 8px;
}
td.msg_body {
  padding: 3px;
}
td.msg_pt {
  padding: 0px 3px 3px 10px;
}
td.msg_ico {
  padding: 2px;
}
td.msg_dtl {
  padding: 2px;
}

table.note_1 {
  border: 1px solid #aaaaaa;
  margin: 5px 5px 25px 5px;
  width: 540px;
}
table.note_1 td {
  padding-bottom: 3px;
  padding-right: 3px;
  padding-top: 3px;
}
table.note_2 {
  border: 1px solid #aaaaaa;
  margin: 5px 5px 25px 5px;
  width: 740px;
}
table.note_2 td {
  padding-bottom: 3px;
  padding-right: 3px;
  padding-top: 3px;
}
table.note_3 {
  border: 1px solid #aaaaaa;
  margin: 5px 5px 25px 5px;
  width: 610px;
}
table.note_3 td {
  padding-bottom: 3px;
  padding-right: 3px;
  padding-top: 3px;
}
td.note_hdr {
  padding-left: 10px;
  font-size: 90%;
  font-weight: bold;
}
td.note_pt {
  padding-left: 10px;
}

table.terms {
  margin: 10px;
  width: 740px;
}
table.terms tr {
  vertical-align: top;
}
td.terms_no {
  padding: 4px 4px;
  text-align: left;
  width: 20px;
}
td.terms_dtl {
  padding: 4px 16px 4px 4px;
  width: 710px;
}
td.terms_button {
  padding: 20px 0 20px 36px;
}

table.tcterms {
  margin: 10px;
  width: 530px;
}
table.tcterms caption {
  font-weight: bold;
  padding: 4px;
}
table.tcterms tr {
  vertical-align: top;
}
table.tcterms th, table.tcterms td {
  padding: 4px 8px;
}

table.servtcterms {
  margin: 0px;
  width: 755px;
}
table.servtcterms tr {
  vertical-align: top;
}
td.servcontent {
  padding: 4px 0px;
}
td.servterms_no {
  padding: 4px 4px 4px 0px;
  text-align: left;
  width: 20px;
}
td.servterms_dtl {
  padding: 4px 4px 4px 4px;
  width: 735px;
}
td.servterms_button {
  padding: 20px 0 20px 0px;
}


/*
 * input style
 */
input {
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 100%;
}

select {
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 100%;
}

.std_input {
  border: 1px solid #aaaaaa;
  color: #000000;
  margin: 0px;
}

.std_80_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 80px;
}
.std_100_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 100px;
}
.std_120_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 120px;
}
.std_150_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 150px;
}
.std_180_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 180px;
}
.std_200_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 200px;
}
.std_300_button {
  background-color: #eeeeee;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  width: 300px;
}

/* select */
.selectStyle {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

.selectStyle8 {
  font-size: 65%;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

.selectStyle10 {
  font-size: 85%;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

.selectStyle12 {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

table.pager {
  border: 1px solid white;
}