@charset "UTF-8";

#main {width:100%;  max-width:800px; margin:0 auto; box-sizing:border-box; padding:0px 0;  }
#main h3 {width:100%; float:left; text-align:center; font-size:1.3em; color:#333; font-weight:600}

.main_vi {width:100%; float:left}
  

.main_bn {width:100%;   margin:0 auto; box-sizing:border-box; padding:4%;  }

.main_bn table {width:100%; float:left; margin-top:20px;}
.main_bn table td {width:33.333333%; vertical-align:top; padding:15px; border:1px solid #ddd; box-shadow:1px 1px 2px #ddd;}
.main_bn .box {width:100%; height:100%;  box-sizing:border-box;   display:inline-block;  }
  .main_bn .box div {width:70%; float:left; }
 .main_bn .box p {font-size:0.9em; line-height:1.3em; color:#666; width:100%; float:left; }
.main_bn .box  a {width:30%;  float:right; margin-bottom:7px; text-align:center;  background-color:#333; color:#fff !important;    font-size:0.95em; font-weight:600; padding:10px 0; }
.main_bn .box  h3 {letter-spacing:-0.3px !important; line-height:1.2em;  font-size:1.2em !important; color:#333; font-weight:500; float:left; margin-bottom:5px;   width:100%; text-align:left !important;}


.main_bn2 .box  {width:92%; margin-left:4%;  float:left;  padding:15px; border:1px solid #ddd; box-shadow:1px 1px 2px #ddd; box-sizing:border-box;}
.main_bn2 .box  div {width:75%; float:left; }
 .main_bn2 .box p {font-size:0.85em; line-height:1.3em; color:#666; width:100%; float:left; }
.main_bn2 .box  a {width:25%;  float:right;   text-align:center;  background-color:#333; color:#fff !important;    font-size:1em; font-weight:400; padding:11px 0; border-radius:3px; }
.main_bn2 .box  h3 {letter-spacing:-0.3px !important; line-height:1.2em;  font-size:1.2em !important; color:#333; font-weight:500; float:left; margin-bottom:5px;   width:100%; text-align:left !important;}