@charset "UTF-8";

/*------------------------------------------------------------list*/

body {
  margin: 0px;
  padding: 0px;
  background: url(../img/bg.jpg) no-repeat center fixed;
  background-size: cover;
}
/*------------------------------------------------------------section01*/
#section01 {}

#section01 .mainimg{
  width: 980px;
  margin: 30px auto;
  text-align: left;
}

#section01 .mainimg h2 img{
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

/*------------------------------------------------------------section02*/
#section02{
  background: rgba(255,255,255,0.5);
  padding: 30px 0;
}
.list_box{
  width: 980px;
  margin-left:auto;
  margin-right: auto;

  text-align: left;
}



/*------------------------------------------------------------table*/
.list_table{
  margin-top:20px;
  border: 1px solid #d9e3f2;
  width: 100%;
  border-spacing:2px;
}
.list_table th,
.list_table td{
  text-align: left;
  padding:8px 13px 7px;
  font-size: 12px;
}
.list_table th{
  background: #d9e3f2;
  color: #2a4671;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #b9c2ce;
  border-left: 1px solid #b9c2ce;
}
.list_table td{
  background: rgba(255,255,255,0.5);
  border-bottom: 1px solid #b9c2ce;
  border-left: 1px solid #b9c2ce;
}
.list_table td p + p{
  margin-top: 5px;
}
.list_btn a{
  display: block;
  text-align: center;
  background: #0895d7;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  padding: 3px 10px;
  font-size: 12px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
}
.list_btn a:hover{
  background: #3dbaf5;
}