div.t1 {
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    background-color: #F2FBFF;
}
div.t1 img.delicon {
    margin-top: 1px;
}
div.t1.sm {
    font-size: 12px;
}
.tr {
    flex: 1 1 100%;
}
div.body {
    flex: 1 1 100%;
}

div.th {
    font-size: 10pt;
    line-height: 16pt;
    text-align: center;
    background: #6e9eb5/* linear-gradient(to bottom, #9cbfd0, #78a3b7)*/;
    font-weight: bold;
    color: white;
    border-bottom: solid 1px white;
    display: flex;
    justify-content: center;
}
div.tr div.th {
    padding: 3px;
}
div.th:not(:last-child) {
    border-right: solid 1px white;
}
div.t1 .tr:hover, div.t2 .tr:hover {
    background-color: #e4edf1 !important;
}
div.t1 .tr, div.t2 .tr{
    display: flex;
    flex-wrap: wrap;
}
div.t1 .tr.fnw, div.t2 .tr.fnw {
    flex-wrap: nowrap;
}

div.body .tr:not(:first-child) {
    border-top: solid 1px #d2e7f1;
}
div.body > .tr:nth-of-type(odd):not(.sel) {
    background-color: white;
}
.tr.sel {
    background-color: #FFF2D0;
}
div.t1 .tr > div, div.t1 .tr > section > div {
    flex: 1 0 100px;
    min-width: 100px;
    word-break: break-word;
}
.tr > div:not(:last-child), .tr > section > div:not(:last-child) {
    border-right: solid 1px white;
}
div.fg11 {
    flex: 1 0 100px;
    min-width: 100px;
}
div.t1 .tr .fg05 {
    flex: 0.5 0 50px;
    min-width: 50px;
}
div.t1 .tr > .fg2, div.t1 .tr section > .fg2 {
    flex: 2 0 200px;
    min-width: 200px;
}

div.t1 .tr > .fg2.colspan, div.t1 .tr section > .fg2.colspan {
    flex: 2 0 200px;
    min-width: 200px;
}

div.t1 .tr > .fg2.colspan3, div.t1 .tr section > .fg2.colspan3 {
    flex: 2 0 222px;
    min-width: 222px;
}

div.t1 .tr > .fg25.colspan4, div.t1 .tr section > .fg25.colspan4 {
    flex: 2.5 0 283px;
    min-width: 283px;
}
div.t1 .tr > .fg15, div.t1 .tr section > .fg15 {
    flex: 1.5 0 150px;
    min-width: 150px;
}
div.t1 .tr > .fg22, div.t1 .tr section > .fg22 {
    flex: 2 0 205px;
    min-width: 205px;
}
div.t1 .tr > .fg25, div.t1 .tr section > .fg25 {
    flex: 2.5 0 250px;
    min-width: 250px;
}
div.t1 .tr > .fg3, div.t1 .tr section > .fg3 {
    flex: 3 0 300px;
    min-width: 300px;
}

div.t1 section {
    display: flex;
}
div.t1 section:not(:last-of-type) {
    border-right: solid 1px white;
}
.fgall {
    flex: 5 0 300px !important;
}
div.t1.sm .tr > div, div.t1.sm .tr section > div {
    padding: 0 1px 2px 1px;
}

div.t1.p0 .tr > div:not(.th), div.t1.p0 .tr section > div:not(.th) {
    padding: 0;
    border:0;
}
div.t1.p0 .tr > div, div.t1.p0 .tr section > div {
    min-width: auto;
}

div.t1 .tr > .g02, div.t1 .tr section > .g02 {
    flex: 2 0 186px;
    min-width: 186px;
}

div.t1 .tr > .g03, div.t1 .tr section > .g03 {
    flex: 1 0 115px;
    min-width: 115px;
}

div.t1 .tr > .g04, div.t1 .tr section > .g04 {
    flex: 1 0 71px;
    min-width: 71px;
}

div.t1 .tr > .g05, div.t1 .tr section > .g05 {
    flex: 1 0 44px;
    min-width: 44px;
}

@media screen and (min-width:480px) {
    div.t1 .tr > div, div.t1 .tr > section > div {
        padding: 5px;
    }
    .tr span .th {
        padding: 4px;
    }
}

@media screen and (max-width:479px) {
    div.t1 .tr > div, div.t1 .tr > section > div {
        padding: 3px;
    }
    div.t1 .tr, div.t2 .tr{
        padding: 1px;
    }
    .tr span .th {
        padding: 2px;
    }
}
div.total {
    border-top: solid 2px #d2e7f1 !important;
}

.noborder {
    border-top:none !important;
}

.tr span .th:last-child {
    border-right: solid 1px white;
}

div.t1 .tr > span.fg2.colspan3 {
    flex: 2.3 0 232px;
    min-width: 232px;
}
div.t1 .tr > section > div.th.span {
    flex: 1 1 100%;
    border-right: none;
}
.f100 {
    flex: 1 1 100%;
}

div.body > div.tr > div.th {
    border-bottom: none;
}