body {
    margin: 0;
    padding: 0;
    background-image: url(../img/bg.dad3b3ff.png);
    background-repeat: repeat;
    background-position: top;
    border-top: 15px solid #eac638;
    border-bottom: 15px solid #eac638;
    padding-bottom: 50px;
}

.mob {
    display: none;
}

.container-fluid {
    padding: 0;
}

    .container-fluid .header {
        margin-top: 5px;
        margin: 0 auto;
        max-width: 970px;
        width: 100%;
    }

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

        .container-fluid .header .menu {
            margin-top: -20px;
        }

            .container-fluid .header .menu ul {
                padding: 0;
                margin: 0;
                text-align: right;
            }

                .container-fluid .header .menu ul li {
                    list-style: none;
                    display: inline;
                    text-align: center;
                    margin: 0 12px;
                    font-size: 1.2rem;
                }

                    .container-fluid .header .menu ul li a {
                        color: #fff;
                    }

    .container-fluid .content .top-banner {
        margin: 0 auto;
        width: 970px;
        margin-top: 0;
        max-width: 100%;
    }

        .container-fluid .content .top-banner img {
            width: 970px;
            max-width: 100%;
        }

    .container-fluid .content .lotto {
        margin: 0 auto;
        width: 970px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
    }

        .container-fluid .content .lotto .left {
            width: 65%;
            margin-right: 20px;
        }

            .container-fluid .content .lotto .left .lotto-head {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .container-fluid .content .lotto .left .lotto-head .lotto-logo {
                    width: 400px;
                }

                    .container-fluid .content .lotto .left .lotto-head .lotto-logo img {
                        width: 100%;
                    }

                .container-fluid .content .lotto .left .lotto-head .lotto-date {
                    width: 300px;
                    color: #fff;
                }

                    .container-fluid .content .lotto .left .lotto-head .lotto-date strong {
                        font-size: 1.2rem;
                        font-style: italic;
                        font-weight: 700;
                        line-height: 1;
                        margin-left: 30px;
                    }

                    .container-fluid .content .lotto .left .lotto-head .lotto-date .date {
                        font-family: sans-serif;
                        text-align: center;
                        font-size: 2.5rem;
                        line-height: 1;
                    }

        .container-fluid .content .lotto .right {
            width: 35%;
        }

            .container-fluid .content .lotto .right .banner {
                margin-top: 10px;
                text-align: center;
            }

                .container-fluid .content .lotto .right .banner img {
                    max-width: 100%;
                }

            .container-fluid .content .lotto .right .history {
                height: 100%;
                background-color: #fff;
                padding: 10px;
            }

                .container-fluid .content .lotto .right .history .list {
                    margin-bottom: 10px;
                    border: 1px solid #e00816;
                }

                    .container-fluid .content .lotto .right .history .list h2 {
                        font-size: 1.2rem;
                        background-color: #e00816;
                        color: #fff;
                        padding-left: 5px;
                        margin-bottom: 0;
                        text-align: center;
                    }

                    .container-fluid .content .lotto .right .history .list .prize {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        padding-bottom: 5px;
                    }

                        .container-fluid .content .lotto .right .history .list .prize .prize-box {
                            width: 50%;
                            text-align: center;
                        }

                            .container-fluid
                            .content
                            .lotto
                            .right
                            .history
                            .list
                            .prize
                            .prize-box
                            .p-number {
                                font-weight: 700;
                                font-size: 1.5rem;
                                line-height: 1;
                            }

    .container-fluid .content .lotto-box {
        margin-top: 15px;
        min-height: 400px;
        padding: 20px 10px;
        margin-bottom: 100px;
    }

        .container-fluid .content .lotto-box .lotto-content {
            margin-top: 10px;
            width: 100%;
            height: 380px;
        }

            .container-fluid .content .lotto-box .lotto-content .number-box {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

                .container-fluid .content .lotto-box .lotto-content .number-box .number-l {
                    width: 60%;
                    padding: 0 10px;
                    margin-right: 10px;
                }

                    .container-fluid
                    .content
                    .lotto-box
                    .lotto-content
                    .number-box
                    .number-l
                    .n-award {
                        margin-top: 10px;
                    }

                    .container-fluid
                    .content
                    .lotto-box
                    .lotto-content
                    .number-box
                    .number-l
                    .spin-numbers {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-top: 5px;
                    }

                        .container-fluid
                        .content
                        .lotto-box
                        .lotto-content
                        .number-box
                        .number-l
                        .spin-numbers
                        .number {
                            width: 55px;
                            text-align: center;
                        }

                            .container-fluid
                            .content
                            .lotto-box
                            .lotto-content
                            .number-box
                            .number-l
                            .spin-numbers
                            .number
                            img {
                                max-width: 100%;
                            }

                    .container-fluid
                    .content
                    .lotto-box
                    .lotto-content
                    .number-box
                    .number-l
                    .number1st
                    .n-body {
                        text-align: center;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        height: 80px;
                    }

                        .container-fluid
                        .content
                        .lotto-box
                        .lotto-content
                        .number-box
                        .number-l
                        .number1st
                        .n-body
                        h1 {
                            font-size: 5rem;
                            line-height: 1;
                            letter-spacing: 3px;
                        }

                        .container-fluid
                        .content
                        .lotto-box
                        .lotto-content
                        .number-box
                        .number-l
                        .number1st
                        .n-body
                        .wloading
                        img {
                            width: 40px;
                            margin: 10px 5px;
                        }

                    .container-fluid
                    .content
                    .lotto-box
                    .lotto-content
                    .number-box
                    .number-l
                    .number2nd
                    .n-body {
                        text-align: center;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        height: 80px;
                    }

                        .container-fluid
                        .content
                        .lotto-box
                        .lotto-content
                        .number-box
                        .number-l
                        .number2nd
                        .n-body
                        h1 {
                            font-size: 4rem;
                            line-height: 1;
                            letter-spacing: 3px;
                        }

                        .container-fluid
                        .content
                        .lotto-box
                        .lotto-content
                        .number-box
                        .number-l
                        .number2nd
                        .n-body
                        .wloading
                        img {
                            width: 35px;
                            margin: 5px 5px;
                        }

                .container-fluid .content .lotto-box .lotto-content .number-box .number-r {
                    width: 40%;
                    margin-right: 10px;
                }

                    .container-fluid
                    .content
                    .lotto-box
                    .lotto-content
                    .number-box
                    .number-r
                    .time {
                        width: 100%;
                        height: 77px;
                        background-size: 100% 100%;
                    }

                    .container-fluid
                    .content
                    .lotto-box
                    .lotto-content
                    .number-box
                    .number-r
                    .number3rd {
                        margin-top: 25px;
                    }

                        .container-fluid
                        .content
                        .lotto-box
                        .lotto-content
                        .number-box
                        .number-r
                        .number3rd
                        .n-body {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -ms-flex-wrap: wrap;
                            flex-wrap: wrap;
                        }

                            .container-fluid
                            .content
                            .lotto-box
                            .lotto-content
                            .number-box
                            .number-r
                            .number3rd
                            .n-body
                            .n-list {
                                width: 50%;
                                height: 50px;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                            }

                                .container-fluid
                                .content
                                .lotto-box
                                .lotto-content
                                .number-box
                                .number-r
                                .number3rd
                                .n-body
                                .n-list
                                h1 {
                                    font-size: 2rem;
                                    font-weight: 400;
                                    line-height: 1;
                                    margin-bottom: 0;
                                }

                                .container-fluid
                                .content
                                .lotto-box
                                .lotto-content
                                .number-box
                                .number-r
                                .number3rd
                                .n-body
                                .n-list
                                .wloading
                                img {
                                    width: 18px;
                                    margin: 1px;
                                }

    .container-fluid .content .gb-box {
        background-image: url(../img/gb-bg.88e8433d.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

        .container-fluid .content .gb-box .lotto-content {
            background-image: url(../img/gb-bg2.20bc06e2.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

            .container-fluid
            .content
            .gb-box
            .lotto-content
            .number-box
            .number-l
            .number1st {
                margin-top: 20px;
            }

                .container-fluid
                .content
                .gb-box
                .lotto-content
                .number-box
                .number-l
                .number1st
                .n-head {
                    height: 21px;
                    background-color: #fe0000;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAVCAIAAAA4tZceAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNEUzQ0JCQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNEUzQ0JDQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY0RTNDQjlCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0RTNDQkFCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BGoQRAAAAa0lEQVR42uzTMQqAUAxEwY239vbWgt/ESsQZRNbUvtqTWjyZ3XO1s37/RJ1HdcfqjsMx3O3ni5dHez4y+EVvjluAAamAVEAqIBWQCkgFpAJIBaQCUgGpgFRAKiAVQCogFZAKSAWkAh92CDAAC1ABKWYUhasAAAAASUVORK5CYII=);
                    background-repeat: no-repeat;
                    background-size: center center;
                    line-height: 1;
                    font-weight: 700;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-left: 10px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.1rem;
                }

            .container-fluid
            .content
            .gb-box
            .lotto-content
            .number-box
            .number-l
            .number2nd {
                margin-top: 25px;
            }

                .container-fluid
                .content
                .gb-box
                .lotto-content
                .number-box
                .number-l
                .number2nd
                .n-head {
                    height: 21px;
                    background-color: #fe0000;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAVCAIAAAA4tZceAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNEUzQ0JCQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNEUzQ0JDQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY0RTNDQjlCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0RTNDQkFCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BGoQRAAAAa0lEQVR42uzTMQqAUAxEwY239vbWgt/ESsQZRNbUvtqTWjyZ3XO1s37/RJ1HdcfqjsMx3O3ni5dHez4y+EVvjluAAamAVEAqIBWQCkgFpAJIBaQCUgGpgFRAKiAVQCogFZAKSAWkAh92CDAAC1ABKWYUhasAAAAASUVORK5CYII=);
                    background-repeat: no-repeat;
                    background-size: center center;
                    line-height: 1;
                    font-weight: 700;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-left: 10px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.1rem;
                }

            .container-fluid .content .gb-box .lotto-content .number-box .number-r .time {
                margin-top: 10px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoAAABBCAYAAACQEjuzAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJhSURBVHja7NzPbdpwFAfw54oLt4zQc09IDFBngiYTpO0E6QRNJmhHSDZIJwgZAMmnnskGnOI2leJefqjEYOwWIlH8+UgoYP5EetZX7z0gyaqqCrYzHWa3EZG3PGwyLqvj6TDLI+I2Io7HZTWZDrOIiMVJOI2Im4bnf4mI84i4iIjLdKz15I3LKnOGtjdQgp24jojJ0u336efV0rH7Dq/zbkNQTpoCWPvdCMp+GpfVVa3D5On45V+8TJHC8GHNfa/TZdbQqS6dhZf1Sgn2qisdRcSooZsUDUFBUHqliIh5RJytue8sBQlBIe0nJ2vGrpE9RFD449vSPrKQp5GraHjOxXSYVQ2Xz0pqmT/UjrLYSb6m65veCYsUoqbd5V5JBeWQw3KWgnKUQnO64fFX3vUyevV1/BqlkORpwb9RFh2F5yZL49dbIdFRaN45irSbnETEnZLoKDTvKedp/GrrKHn6vliT63FZzZRUUA51T7lIY9i8LSix+QuZd+ETfUHZU5823FdExHE8/1ykfnvxmNma153XntemcDq2l/maPXQJihrQZx0bRfbY4Y9/oPc7yi81gPag/FQDaA/KDzUAQYGdBKVcc/CNt4zpue9ZpqNAm3ouBg9qAiseuoxe0HeloMA/BMWOAh12FEGBDkHxyTysqudi8KgmsKKei8GTmsCKJ0EBQQFBAUEBQQFBAUEBQREUEBQQFBAUEBQQFDjIoPjHRLCq0lHA6AVGLzB6gY4COgroKKCj6Cigo8DOOoqggNELjF5g9AJBgf8rKNnH1WOAjgKCAoICggJ77DcAAAD//wMAJjrEsqq4rpwAAAAASUVORK5CYII=);
                background-repeat: no-repeat;
                padding-top: 15px;
                text-align: center;
            }

                .container-fluid
                .content
                .gb-box
                .lotto-content
                .number-box
                .number-r
                .time
                span {
                    font-family: sans-serif;
                    font-size: 45px;
                }

            .container-fluid
            .content
            .gb-box
            .lotto-content
            .number-box
            .number-r
            .number3rd
            .n-head {
                height: 21px;
                background-color: #fe0000;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAVCAIAAAA4tZceAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNEUzQ0JCQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNEUzQ0JDQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY0RTNDQjlCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0RTNDQkFCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BGoQRAAAAa0lEQVR42uzTMQqAUAxEwY239vbWgt/ESsQZRNbUvtqTWjyZ3XO1s37/RJ1HdcfqjsMx3O3ni5dHez4y+EVvjluAAamAVEAqIBWQCkgFpAJIBaQCUgGpgFRAKiAVQCogFZAKSAWkAh92CDAAC1ABKWYUhasAAAAASUVORK5CYII=);
                background-repeat: no-repeat;
                background-size: center center;
                line-height: 1;
                font-weight: 700;
                color: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-left: 10px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 1.1rem;
            }

    .container-fluid .content .de-box {
        background-image: url(../img/de-bg.4f4b2987.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

        .container-fluid .content .de-box .lotto-content {
            background-image: url(../img/de-bg2.d19009b0.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

            .container-fluid
            .content
            .de-box
            .lotto-content
            .number-box
            .number-l
            .spin-numbers {
                background-image: url(../img/n-box.c046650c.png);
                padding: 10px;
                background-size: 100% 100%;
            }

                .container-fluid
                .content
                .de-box
                .lotto-content
                .number-box
                .number-l
                .spin-numbers
                .number {
                    text-align: center;
                }

                    .container-fluid
                    .content
                    .de-box
                    .lotto-content
                    .number-box
                    .number-l
                    .spin-numbers
                    .number
                    img {
                        width: 45px;
                    }

            .container-fluid
            .content
            .de-box
            .lotto-content
            .number-box
            .number-l
            .number1st {
                margin-top: 10px;
            }

                .container-fluid
                .content
                .de-box
                .lotto-content
                .number-box
                .number-l
                .number1st
                .n-head {
                    height: 21px;
                    background-color: #fe0000;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAVCAIAAAA4tZceAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNEUzQ0JCQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNEUzQ0JDQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY0RTNDQjlCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0RTNDQkFCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BGoQRAAAAa0lEQVR42uzTMQqAUAxEwY239vbWgt/ESsQZRNbUvtqTWjyZ3XO1s37/RJ1HdcfqjsMx3O3ni5dHez4y+EVvjluAAamAVEAqIBWQCkgFpAJIBaQCUgGpgFRAKiAVQCogFZAKSAWkAh92CDAAC1ABKWYUhasAAAAASUVORK5CYII=);
                    background-repeat: no-repeat;
                    background-size: center center;
                    line-height: 1;
                    font-weight: 700;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-left: 10px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.1rem;
                }

                .container-fluid
                .content
                .de-box
                .lotto-content
                .number-box
                .number-l
                .number1st
                .n-body
                h1 {
                    color: #fff;
                }

            .container-fluid
            .content
            .de-box
            .lotto-content
            .number-box
            .number-l
            .number2nd {
                margin-top: 20px;
            }

                .container-fluid
                .content
                .de-box
                .lotto-content
                .number-box
                .number-l
                .number2nd
                .n-head {
                    height: 21px;
                    background-color: #fe0000;
                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAVCAIAAAA4tZceAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNEUzQ0JCQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNEUzQ0JDQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY0RTNDQjlCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0RTNDQkFCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BGoQRAAAAa0lEQVR42uzTMQqAUAxEwY239vbWgt/ESsQZRNbUvtqTWjyZ3XO1s37/RJ1HdcfqjsMx3O3ni5dHez4y+EVvjluAAamAVEAqIBWQCkgFpAJIBaQCUgGpgFRAKiAVQCogFZAKSAWkAh92CDAAC1ABKWYUhasAAAAASUVORK5CYII=);
                    background-repeat: no-repeat;
                    background-size: left center;
                    line-height: 1;
                    font-weight: 700;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-left: 10px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.1rem;
                }

                .container-fluid
                .content
                .de-box
                .lotto-content
                .number-box
                .number-l
                .number2nd
                .n-body
                h1 {
                    color: #fff;
                }

            .container-fluid .content .de-box .lotto-content .number-box .number-r .time {
                margin-top: 15px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoAAABECAYAAADA36oAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE4RTMxRDc4QkM3NjExRUFBMjc5ODQzMUQzNTJEMzZFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE4RTMxRDc5QkM3NjExRUFBMjc5ODQzMUQzNTJEMzZFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MThFMzFENzZCQzc2MTFFQUEyNzk4NDMxRDM1MkQzNkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MThFMzFENzdCQzc2MTFFQUEyNzk4NDMxRDM1MkQzNkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6sUWgHAAAJE0lEQVR42uydXYwbVxXH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);
                background-repeat: no-repeat;
                padding-top: 17px;
                text-align: center;
            }

                .container-fluid
                .content
                .de-box
                .lotto-content
                .number-box
                .number-r
                .time
                span {
                    font-family: sans-serif;
                    font-size: 45px;
                }

            .container-fluid
            .content
            .de-box
            .lotto-content
            .number-box
            .number-r
            .number3rd
            .n-head {
                height: 21px;
                background-color: #fe0000;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAVCAIAAAA4tZceAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNEUzQ0JCQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNEUzQ0JDQkM3NTExRUE5QUY1Rjc0NzE2ODIyMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY0RTNDQjlCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY0RTNDQkFCQzc1MTFFQTlBRjVGNzQ3MTY4MjIxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4BGoQRAAAAa0lEQVR42uzTMQqAUAxEwY239vbWgt/ESsQZRNbUvtqTWjyZ3XO1s37/RJ1HdcfqjsMx3O3ni5dHez4y+EVvjluAAamAVEAqIBWQCkgFpAJIBaQCUgGpgFRAKiAVQCogFZAKSAWkAh92CDAAC1ABKWYUhasAAAAASUVORK5CYII=);
                background-repeat: no-repeat;
                background-size: center center;
                line-height: 1;
                font-weight: 700;
                color: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-left: 10px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 1.1rem;
            }

            .container-fluid
            .content
            .de-box
            .lotto-content
            .number-box
            .number-r
            .number3rd
            .n-body
            .n-list {
                color: #fff;
            }

        .container-fluid .content .de-box .right .history .list {
            border-color: #030303;
        }

            .container-fluid .content .de-box .right .history .list h2 {
                background-color: #030303;
            }

    .container-fluid .content .ru-box {
        background-image: url(../img/ru-bg.b5b6f5d1.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px;
    }

        .container-fluid .content .ru-box .lotto-content {
            background-image: url(../img/ru-bg2.e70f8cdd.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

            .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-l
            .n-award {
                margin-top: 20px;
            }

            .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-l
            .spin-numbers {
                padding: 10px;
                background-size: 100% 100%;
            }

                .container-fluid
                .content
                .ru-box
                .lotto-content
                .number-box
                .number-l
                .spin-numbers
                .number {
                    width: 55px;
                    text-align: center;
                }

                    .container-fluid
                    .content
                    .ru-box
                    .lotto-content
                    .number-box
                    .number-l
                    .spin-numbers
                    .number
                    img {
                        width: 45px;
                    }

            .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-l
            .number1st {
                margin-top: 0;
            }

                .container-fluid
                .content
                .ru-box
                .lotto-content
                .number-box
                .number-l
                .number1st
                .n-head {
                    height: 21px;
                    background-color: #fff;
                    line-height: 1;
                    font-weight: 700;
                    color: #000;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-left: 10px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.1rem;
                }

                .container-fluid
                .content
                .ru-box
                .lotto-content
                .number-box
                .number-l
                .number1st
                .n-body
                h1 {
                    color: #fff;
                }

            .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-l
            .number2nd {
                margin-top: 25px;
            }

                .container-fluid
                .content
                .ru-box
                .lotto-content
                .number-box
                .number-l
                .number2nd
                .n-head {
                    height: 21px;
                    background-color: #fff;
                    line-height: 1;
                    font-weight: 700;
                    color: #000;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    padding-left: 10px;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.1rem;
                }

                .container-fluid
                .content
                .ru-box
                .lotto-content
                .number-box
                .number-l
                .number2nd
                .n-body
                h1 {
                    color: #fff;
                }

            .container-fluid .content .ru-box .lotto-content .number-box .number-r .time {
                margin-top: 15px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM4AAABJCAYAAAB1qhmkAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAATXSURBVHja7N3PSxxnHMfxz65GdyerVku1YFFoCHipSfAQhGabYLYtBCQQSoRCD+0llVL6D6SH9NBLzkYK7cFTW7AkQi41IYmBllCkm1y6NG2INh4sidZdnZ39NduDu8lkd2d/qLWb9f2CQTIzzzzwyMfvd2Z2iSebzQpAbZpZgu0JRRYKdzVVMSxT5lhTheNu5zXVMufsQD+/vG3wsgQ76pKkdBXbJUlnJd3KbWcLxq9J+tJljnckXXFcp9p5nfNgmzy0ajtWcUaChu/a+b6eimO+WFzWnGnNTfT1BCVpfHF5TtKF/Pi4bWv097+iswP9HSXmu3Lxte7RQwF//jonq5n3vmnl53mLikOrVk/+idq27pvW0x1Gk1e9rS1aSiRlZuyn+6O2XfZCfq9Xp9qM9lBk4czsQP+0IzQvdzV5Rw8F/CXHFc7jtJhISVKYXxPBqTfzYSs5Nr64PJ7fETR8wfN9PfpmeVVzpjXnOHdC0rjbhVZSaR0NGLoaM0clTTsOHR82fIrbtvze4i67xDxO4dy8IDh157vcJkkjkq45jl2QdN3xb9fg/Loe15HNqnK84NDo0YChcCyu4Y79bsML5wEPB/aGn2KmuvY167CvpS8UWRhyHDp9uM2vO+smi0RwUGjOtBS3bb3bEZCkD3L3N2dOtRntfq9XV2Nlg/O5nj2tc248UaNVa3zhWFwDRquzXQu+Yfh0dz3uOubDnk6NZexgqWNf/b0aDFvJPyTNs7oEp2HdWTc13PGKXt/XPBiKLByQdPpIwK8fnqy5jultbXE91r75MOElVpbgNLSfTUufSTrRZujBSvT0YV9LX9e+Zv2yYbmOyb3XcTs8yUMD7nEa3krGnrm7HtfQ5tO10WMBQ0uJpB6k0vcqDD2Z+4NYuH3MqhKcPfGM4DfT0kHDp64mb3Coza/baxuSNFXF2EyJDbRqe8LlGzHz4lh3p97vbFdva4vmzSeSdLOKsSMu+2nVCE7De/gglb63lEgOvtmxXyuptMJWclFlPjZz0NciPf/S9fkSZlqTtGwEZy+4GTETgyOdbbq+GpOky+VOHuvuLHuxUGThnKRPaN0ITl1XjEeptGYer+lRKi1JDwuOT92KbuTfuUw5z5c0OTvQnwlFFia+X4l+upGxdXvz0wJTuf2TM4/XzuWv6xhXySSh2Rl8rWCbSnyRzemANt/8T0n6s8Txj3I/vy44f0LScsG+GT17edmjzc+65a+bP6eSp9flawUEp56DU7cIzvbwOBqg4gAvyMMBz9htVhEvrOy3x/6f4MhOs/rYu62a58yP9GxANVVq+m3Ps4qTSbIiQM2tWibBagA1BydNcIAtBMdiNYCdCE72xjgrhD3Nc2KCigPUzCUXBAcgOMCuB4enakBxcBKVgsMLUKA4OMkKweGTA0CxTKXg2CkWCSjkkgtHcGwWCSgKjl0hOFmCAxTJVgqO+FYBUCI5lSoOwQGKc0NwAIID1EdwuMcBuMcBaNUAWjWgoVo1lgioMjdUHICKA1BxACoOQMUBqDjkBqi54vA/sgFbQKsG0KoBtGpA3SI4wLbucWjVAFo1YHcqDiUHqLrk0KoBtGrA7iA4AMEBdgf3OMAW7nGay43xvPoeCwfQqgEEB6iHexxucgAqDvAf8mSpNEDN/h0At+HqQOdoedYAAAAASUVORK5CYII=);
                background-repeat: no-repeat;
                padding-top: 18px;
                text-align: center;
            }

                .container-fluid
                .content
                .ru-box
                .lotto-content
                .number-box
                .number-r
                .time
                span {
                    font-family: sans-serif;
                    font-size: 45px;
                }

            .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-r
            .number3rd
            .n-head {
                height: 21px;
                background-color: #fff;
                line-height: 1;
                font-weight: 700;
                color: #000;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-left: 10px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 1.1rem;
            }

            .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-r
            .number3rd
            .n-body
            .n-list {
                color: #fff;
            }

        .container-fluid .content .ru-box .right .history .list {
            border-color: #110e31;
        }

            .container-fluid .content .ru-box .right .history .list h2 {
                background-color: #110e31;
            }

@media only screen and (max-width: 850px) {
    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-r
    .time {
        padding-top: 20px;
    }

        .container-fluid
        .content
        .lotto-box
        .lotto-content
        .number-box
        .number-r
        .time
        span {
            font-size: 40px;
        }

    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-r
    .number3rd
    .n-body
    .n-list
    h1 {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 768px) {
    .container-fluid .content .top-banner,
    .container-fluid .header {
        padding: 0 10px;
    }

    .container-fluid .content .lotto {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .container-fluid .content .lotto .right {
            display: none;
        }

        .container-fluid .content .lotto .left {
            margin-right: 0;
            width: 100%;
        }
}

@media only screen and (max-width: 669px) {
    .container-fluid .header .logo {
        text-align: center;
    }

    .container-fluid .header .menu {
        display: none;
    }

    .container-fluid .content .top-banner {
        padding: 0 5px;
    }

    .container-fluid .content .lotto-box {
        padding: 20px 0;
    }

        .container-fluid .content .lotto-box .lotto .left {
            width: 100%;
            margin-right: 0;
            padding: 0 5px;
        }

            .container-fluid .content .lotto-box .lotto .left .lotto-content {
                width: 100%;
                background-size: 100% 100%;
            }

        .container-fluid .content .lotto-box .lotto .right {
            display: none;
        }
}

@media only screen and (max-width: 599px) {
    .container-fluid .content .lotto-box .lotto-content .number-box .number-l {
        padding: 0 10px;
        margin-right: 10px;
    }

    .container-fluid .content .lotto-box .lotto-content .number-box .number-r {
        width: 200px;
    }

        .container-fluid
        .content
        .lotto-box
        .lotto-content
        .number-box
        .number-r
        .time {
            max-width: 100%;
            background-size: 100% 100%;
        }

    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-l
    .spin-numbers
    .number {
        width: 50px;
    }

    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-r
    .number3rd
    .n-body
    .n-list
    .wloading
    img {
        width: 15px;
    }

   /* .container-fluid
    .content
    .ru-box
    .lotto-content
    .number-box
    .number-l
    .spin-numbers
    .number
    img {
        width: 85px;
        max-width: 85px;
        margin-left: -17px;
    }*/
}

@media only screen and (max-width: 499px) {
    .container-fluid .header .logo img {
        height: auto;
        max-width: 90%;
    }

    .container-fluid .content .lotto .left .lotto-head {
        display: block;
    }

        .container-fluid .content .lotto .left .lotto-head .lotto-logo {
            width: 100%;
            text-align: center;
        }

            .container-fluid .content .lotto .left .lotto-head .lotto-logo img {
                width: 300px;
                max-width: 80%;
            }

        .container-fluid .content .lotto .left .lotto-head .lotto-date {
            margin: 0 auto;
            margin-top: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .container-fluid .content .lotto .left .lotto-head .lotto-date strong {
                margin: 0;
                margin-right: 15px;
            }

    .container-fluid .content .lotto-box .lotto-content {
        height: 530px;
    }

        .container-fluid .content .lotto-box .lotto-content .number-box {
            display: block;
        }

            .container-fluid .content .lotto-box .lotto-content .number-box .number-l {
                width: 100%;
                padding: 0 10px;
                margin-right: 0;
                padding-top: 5px;
            }

            .container-fluid .content .lotto-box .lotto-content .number-box .number-r {
                width: 100%;
                padding: 0 10px;
                margin-right: 0;
            }

                .container-fluid
                .content
                .lotto-box
                .lotto-content
                .number-box
                .number-r
                .time {
                    display: none;
                }

                .container-fluid
                .content
                .lotto-box
                .lotto-content
                .number-box
                .number-r
                .number3rd
                .n-body
                .n-list {
                    width: 25%;
                }

    .container-fluid
    .content
    .de-box
    .lotto-content
    .number-box
    .number-l
    .spin-numbers
    .number {
        width: 55px;
    }

    /*.container-fluid
    .content
    .ru-box
    .lotto-content
    .number-box
    .number-l
    .spin-numbers {
        margin-top: 0;
    }*/

        .container-fluid
        .content
        .ru-box
        .lotto-content
        .number-box
        .number-l
        .spin-numbers
        .number {
            width: 55px;
            height: 90px;
        }

           /* .container-fluid
            .content
            .ru-box
            .lotto-content
            .number-box
            .number-l
            .spin-numbers
            .number
            img {
                width: 75px;
                max-width: 75px;
                margin-left: -10px;
                width: 95px;
                max-width: 95px;
                margin-left: -20px;
                margin-top: -5px;
            }*/

    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-r
    .number3rd
    .n-body
    .n-list
    h1 {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 399px) {
    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-r
    .number3rd
    .n-body
    .n-list
    .wloading
    img {
        width: 14px;
    }
}

@media only screen and (max-width: 360px) {
    .container-fluid
    .content
    .lotto-box
    .lotto-content
    .number-box
    .number-r
    .number3rd
    .n-body
    .n-list
    .wloading
    img {
        width: 13px;
    }
}

@media only screen and (max-width: 349px) {
    .container-fluid .content .lotto-box .lotto-content {
        height: 590px;
    }

        .container-fluid
        .content
        .lotto-box
        .lotto-content
        .number-box
        .number-r
        .number3rd {
            margin-top: 15px;
        }

            .container-fluid
            .content
            .lotto-box
            .lotto-content
            .number-box
            .number-r
            .number3rd
            .n-body
            .n-list {
                width: 50%;
                height: 40px;
            }

                .container-fluid
                .content
                .lotto-box
                .lotto-content
                .number-box
                .number-r
                .number3rd
                .n-body
                .n-list
                h1 {
                    font-size: 1.5rem;
                }

                .container-fluid
                .content
                .lotto-box
                .lotto-content
                .number-box
                .number-r
                .number3rd
                .n-body
                .n-list
                .wloading
                img {
                    width: 18px;
                }
}