.history-results h2 {
    text-align: center;
    font-size: 1.5rem;
    padding: 3px;
    line-height: 1;
    padding: 5px 0;
    border: 3px solid red
}

.history-results .table,
.history-results h2 {
    background-color: #fff
}

.history-results .table tr td {
    padding: 5px;
    text-align: center
}

.history-results .table tr td .short-date {
    display: none
}

@media only screen and (max-width:500px) {
    .history-results .table tr td .full-date {
        display: none
    }

    .history-results .table tr td .short-date {
        display: block
    }
}

body {
    margin: 0;
    padding: 0
}

.container-fluid {
    border-top: 10px solid #00f;
    padding: 0
}

.container-fluid .main {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto
}

.container-fluid .main .header {
    height: 145px;
    background-image: url(../images/hbg.e2a680bc.png);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fefefe;
    background-size: 100% 138px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-fluid .main .header .logo {
    padding-top: 5px;
    padding-left: 25px;
    height: 130px
}

.container-fluid .main .header-space {
    height: 5px;
    border-bottom: 5px solid red
}

.container-fluid .main .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.container-fluid .main .content .l-content {
    width: 440px
}

.container-fluid .main .content .l-content .now-result {
    border: 3px solid red;
    padding: 5px;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAE7CAIAAACkCuS8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzMUYwOUZBQjhBMDExRUFCMjM5ODUyMUUyM0U4MTdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzMUYwOUZCQjhBMDExRUFCMjM5ODUyMUUyM0U4MTdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMxRjA5RjhCOEEwMTFFQUIyMzk4NTIxRTIzRTgxN0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxRjA5RjlCOEEwMTFFQUIyMzk4NTIxRTIzRTgxN0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HEVaZAAAEUElEQVR42uzdwW3DMBBFQSdQ/y0rDYiHADTsfZwpIYeHBfHl/Nz3/QKg5RJ3gJ5ffwIAcQdA3AEQdwDEHQBxBxB3AMQdAHEHQNwBEHcAcQcgxw+HAbjcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwDEHUDc/QkAevy2DIDLHQBxB0DcARB3AMQdQNwBEHcAxB0AcQfgf3yhCuByB0DcARB3AMQdAHEHEHcAxB0AcQfgra7Xy0dMALm4+0AVoMezDIC4AyDuAIg7AOIOgLgDiDsAg/lPTAAudwDEHQBxB0DcARB3AHEHQNwB+Cb+WQdAMe6+YQLo8SwDIO4AiDsA4g6AuAMg7gDnsHMHKMbdzh2gx7MMgLgDIO4AiDsA4g6AuAOcw84doBh3O3eAHs8yAOIOgLgDIO4AiDsA4g5wjuu2hQRwuQMg7gCIOwDiDoC4A4g7AGP5yV+AYtzN3AF6PMsAiDsA4g6AuAMg7gAsmEICFONuCgnQ41kGQNwBEHcAxB0AcQdgwRQSoBh3U0iAHs8yAOIOgLgDIO4AiDsAC6aQAMW4m0IC9HiWARB3AMQdAHEHQNwBWDCFBCjG3RQSoMezDIC4AyDuAIg7AHtYywAU424tA9DjWQZA3AEQdwDEHQBxB2DBFBKgGHdTSIAezzIA4g6AuAMg7gCIOwALppAAxbibQgL0eJYBEHcAxB0AcQdgD2sZgGLcrWUAejzLAIg7AOIOgLgDIO4ALJhCAhTjbgoJ0ONZBkDcARB3AMQdgD2sZQCKcbeWAejxLAMg7gCIOwDiDoC4A7BgCglQjLspJECPZxkAcQdA3AEQdwD2sJYBcLkDMOJyN4UEcLkDIO4AiDsA4g7AM1NIgGLcrWUAejzLAIg7AOIOgLgDIO4ALJhCAhTjbgoJ0ONZBkDcARB3AMQdgD2sZQBc7gCMuNxNIQFc7gCIOwDiDoC4A/DMFBLA5Q7AiMvdFBLA5Q6AuAMg7gCIOwDPTCEBXO4AjLjcTSEBXO4AiDsA4g6AuAPwzBQSwOUOwIjL3RQSwOUOgLgDIO4AiDsAz0whAVzuAIy43E0hAVzuAIg7AOIOgLgD8MwUEsDlDsCIy90UEsDlDoC4AyDuAIg7AOIOcAw7dwCXOwAjLnc7dwCXOwDiDoC4AyDuAIg7wDHs3AFc7gCMuNzt3AFc7gCIOwDiDoC4AyDuAMewcwdwuQMw4nK3cwdwuQMg7gCIOwDiDoC4AxzDzh3A5Q6AuAPwET5iAnC5AyDuAIg7AOIOgLgDnMNHTAAudwDEHYCP8BETgMsdAHEHQNwBEHcAxB3gHD5iAnC5AyDuAHyEj5gAXO4AiDsA4g6AuAMg7gDiDsBgvlAFcLkDIO4AiDsAe/j5AQCXOwDiDoC4AyDuAIg7gLgDIO4AfBO/LQPgcgdA3AEQdwD28NsyAC53AMQdAHEHQNwBEHcAcQdA3AEQdwDeyg+HAbjcAZjgT4ABAKGYe48fF3/6AAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 10px
}

.container-fluid .main .content .l-content .now-result .result-head h2 {
    text-align: center;
    font-size: 1.3rem;
    margin-top: 10px
}

.container-fluid .main .content .l-content .now-result .result-head h1 {
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: 5px
}

.container-fluid .main .content .l-content .now-result .result-head h3 {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400
}

.container-fluid .main .content .l-content .now-result .table {
    background-color: #fff;
    text-align: center;
    margin-bottom: 0
}

.container-fluid .main .content .l-content .now-result .table tr td {
    padding: 5px;
    font-size: 1.5rem;
    border: 2px solid #dee2e6
}

.container-fluid .main .content .l-content .l-bolck {
    margin-bottom: 10px;
    background-color: #fff
}

.container-fluid .main .content .l-content .l-bolck .banner img {
    width: 100%;
    max-width: 100%
}

.container-fluid .main .content .r-content {
    width: calc(100% - 450px);
    margin-left: 10px
}

.container-fluid .main .content .r-content .banner {
    margin-bottom: 10px
}

.container-fluid .main .content .r-content .banner img {
    width: 100%;
    max-width: 100%
}

.container-fluid .main .content-b {
    margin-right: -5px;
    margin-left: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container-fluid .main .content-b .banner {
    width: 33.3%;
    padding: 5px;
    text-align: center
}

.container-fluid .main .content-b .banner img {
    max-width: 100%;
    border: 1px solid #eee
}

.container-fluid .footer {
    margin-top: 25px;
    border-top: 6px solid red
}

.container-fluid .footer .footer-inner {
    margin-top: 5px;
    text-align: center;
    background-color: #00f;
    padding: 15px;
    color: #fff
}

@media only screen and (max-width:900px) {
    .container-fluid .main .header {
        height: 120px;
        background-size: cover;
        background-position: 100%
    }

    .container-fluid .main .header .logo {
        height: auto
    }

    .container-fluid .main .header .logo img {
        height: 100px
    }

    .container-fluid .main .header-space {
        margin-top: 5px
    }

    .container-fluid .main .content {
        display: block;
        width: 750px;
        margin: 10px auto 0
    }

    .container-fluid .main .content .l-content {
        width: 100%
    }

    .container-fluid .main .content .l-content .banner-bottom {
        display: none
    }

    .container-fluid .main .content .r-content {
        width: 100%;
        margin-left: 0;
        margin-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .container-fluid .main .content {
        width: 590px
    }
}

@media only screen and (max-width:600px) {
    .container-fluid {
        border-top: 8px solid #00f
    }

    .container-fluid .main .header {
        height: 100px;
        background-size: cover;
        background-position: 100%
    }

    .container-fluid .main .header .logo img {
        height: 90px
    }

    .container-fluid .main .content {
        width: 490px
    }

    .container-fluid .main .content-b {
        display: block;
        padding: 0 10px
    }

    .container-fluid .main .content-b .banner {
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    .container-fluid {
        border-top: 5px solid #00f
    }

    .container-fluid .main .header {
        height: 80px
    }

    .container-fluid .main .header .logo {
        padding-left: 10px
    }

    .container-fluid .main .header .logo img {
        height: 70px
    }

    .container-fluid .main .content {
        width: 100%
    }

    .container-fluid .main .content .r-content table.table {
        font-size: 15px
    }
}

@media only screen and (max-width:400px) {
    .container-fluid .main .header {
        height: 60px
    }

    .container-fluid .main .header .logo {
        padding-left: 5px
    }

    .container-fluid .main .header .logo img {
        height: 50px
    }
}