body{background:#ECF0F5; border:0; margin: 0; font-size: 16px; font-family: 'Roboto', sans-serif}
a:link, a:hover, a:visited, a:active {text-decoration:none}

.spa5, .spa10{width:100px; margin: auto}
.spa5{height: 5px} .spa10{height: 10px}

.clear{clear:both}
.main{font-family: "Roboto Condensed"; font-size: 36px; font-weight: bold; text-align: center; margin: 30px 0 50px 0}
.tit{max-width:1200px; margin:auto; padding: 0 15px 0 15px; font-family: "Roboto Condensed"; font-size: 26px; font-weight: bold; color:#004A7F; text-align: center}
.content{max-width:1230px; margin: 30px auto; display:flex; flex-wrap:wrap; justify-content:center}
.box{ width: 390px; background:#FFF; padding:5px; height: 55px; margin: 0 5px 25px 5px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
    .boxpan1{float: left; width: 55px; height: 55px}
    .boxpan2{float: left; width: 215px; height: 45px; margin: 5px 10px 5px 10px}
        .boxt1{font-family: "Roboto Condensed"; font-size: 18px}
    .boxpan3{float: left; width: 90px; height: 45px; margin:0 5px 5px 5px; text-align:right; line-height: 50px; font-weight: bold}
    .boxpan4{float: right; padding: 5px; margin:-20px 0 0 0; font-size: 12px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
        .b4a{background-color: #7DD800} .b4b{background-color: #FFD800}  .b4c{background-color: #FF7F7F}