.history-results h2 {
    text-align: center;
    font-size: 1.5rem;
    background-color: #fff;
    padding: 3px;
    line-height: 1;
    padding: 5px 0;
    color: #666;
    border: 3px solid #999;
    background-color: #efefef
}

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

    .history-results .table thead {
        background-color: #eee
    }

    .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;
    background-image: url('/Content/img/bg.png');
    background-repeat: repeat-x;
    background-position: top
}

.container-fluid, body {
    padding: 0
}

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

        .container-fluid .main .header {
            background-repeat: repeat-y;
            background-position: top;
            background-color: #1fba00;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-bottom: 5px;
            border-bottom: 4px solid #fff
        }

            .container-fluid .main .header img {
                max-width: 100%
            }

        .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 #1F8600;
                    background-color: #eee;
                    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 {
                        padding-bottom: 5px;
                        background-color: #eee
                    }

                        .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
            }

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

    .container-fluid .footer {
        margin-top: 25px;
        border-top: 4px solid #1F8600
    }

        .container-fluid .footer .footer-inner {
            margin-top: 10px;
            text-align: center;
            background-color: #1F8600;
            padding: 15px;
            color: #fff
        }

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

        .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: 500px) {
    .container-fluid .main .content .r-content table.table {
        font-size: 15px
    }

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

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