span.menuBar{ display: inline-block;text-align: center; padding: 0px 10px; cursor: pointer; }
span.menuBar_on{ color: #0c4d78; }
span.area_1 { color: #4E4E4E; }
/*span.area_3 { color: #4E4E4E; font-size: 22px; }*/
span.area_3 { color: #4E4E4E; font-size: 20px; }
span.area_4 { color: #70C7Ce; font-size: 16px; }
span.area_5 { color: #147AAA; font-size: 20px; }
span.area_6 { color: #1B76BC; font-size: 14px; }

span.image_title  {
  color: #1E78B7;
  font-size: 20px;
}
span.image_title_sub  {
  color: #77787C;
  font-size: 12px;
  padding: 0px 10px;
  display: inline-block;
}
span.round  {
  display: inline-block;
  /*width: 70px;*/
  font-size: 11px;
  padding: 3px 10px;
  text-align: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #ffffff;
}
/* table style */
td.td_style1{
  background-color: #064974; color: #7786A3;
  padding: 5px 12px; font-size: 11px;
}
td.td_style2{
  color: #7786A3; padding: 5px 12px; font-size: 12px;
  border-right: 1px solid #818382;
}
td.td_style3{
  background-color: #F5F6F8;
}
td.td_style4_1{
  background-color: #0f4776; height: 40px;
  color: #ffffff; text-align: center;
}
td.td_style4_2{ width: 50%; }
td.td_style4_3{
  width: 80%; border-bottom: 1px solid #CCCCCC;
  color: #CCCCCC; height: 25px;
  padding: 3px 10px;
}
th.td_style4_3{
  width: 20%; border-bottom: 1px solid #ffffff;
  background-color: #CCCCCC;
  color: #ffffff; height: 25px;
  padding-left: 10px;
}
/* title Box Layout */
div.titleBox_wrap {
  width: 100%;
  /*height: 100px; */
  display: table;
  padding: 20px 0px;
}
div.titleBox_wrap_content_wrap  {
  display: table;
  margin: 0 auto;
  text-align: center;
}
div.titleBox_wrap_content {
  display: block; vertical-align: middle; text-align: center;
}
div.titleBox_wrap_content_inner {
  position: relative; margin: 0 auto;
  /*width: 220px; height: 50px;*/
  width: 203px; height: 46px;
  color: #ffffff; vertical-align: middle;
  display: table-cell;
  background: url("/images/new/Body/product/img_title01.png") no-repeat;
  background-size: 200px 50px;
}
div.titleBox_wrap_content_inner2 {
  position: absolute; left: 92px; top: 13px;
  color: #ffffff;
}
div.titleBox_wrap_content_padding {
  padding: 10px 0px 30px 0px;
}

span.first_area_padding {
  display: inline-block; padding-top: 15px;
}
span.end_area_padding {
  display: inline-block; padding-top: 30px;
}
/* content Layout */
div.content_padding {
  /*padding-top: 50px;*/
  /* 2016.05.12 */
  padding-top: 100px;
}
div.content_padding2 {
  padding-top: 20px;
}
div.subContentView  {
  /*display: none;*/
}
@media all {
  img.img_view1 { width: 100%; }
  img.img_view2 { width: 50%; }
  img.img_view3 { width: 70%; }
}
@media screen and (max-width: 640px) {
  img.img_view2 { width: 100%; }
  img.img_view3 { width: 100%; }
}

/* Button custom */
.btn_default_set  {
  height:24px;
  line-height:24px;
  width:92px;
  font-size:12px;
}
.btn_customer_on {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #72c9f2), color-stop(1, #488ce0) );
  background:-moz-linear-gradient( center top, #72c9f2 5%, #488ce0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72c9f2', endColorstr='#488ce0');
  background-color:#72c9f2;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  border-bottom-left-radius:4px;
  text-indent:0;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  text-align:center;
}
.btn_customer_on:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #488ce0), color-stop(1, #72c9f2) );
  background:-moz-linear-gradient( center top, #488ce0 5%, #72c9f2 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#488ce0', endColorstr='#72c9f2');
  background-color:#488ce0;
}
.btn_customer_on:active {
  position:relative;
  top:1px;
}
.btn_customer {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color:#ededed;
  -webkit-border-top-left-radius:4px;
  -moz-border-radius-topleft:4px;
  border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  border-top-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-right-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-bottomleft:4px;
  border-bottom-left-radius:4px;
  text-indent:0;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777777;
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  text-align:center;
}
.btn_customer:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color:#dfdfdf;
}
.btn_customer:active {
  position:relative;
  top:1px;
}