﻿.top_bg_img {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.download_wra {
    display: none;
}

.app_container {
    min-height: 100vh;
}

.live_hd,
.goals_videos {
    width: 100%;
}

.app_container {
    min-height: 100vh;
}

.top_wrapper {
    position: relative;
    width: auto;
    height: 38vw;
}
.top_bg_img {
    position: absolute;
    width: 100%;
    z-index: 0;
}
.download_wra {
    display: none;
}
.message_wra {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 20vw;
    right: 16vw;
}

.ercode_wra {
    text-align: center;
    margin-right: 2vw;
}
.ercode_img {
    width: 8vw;
    height: 8vw;
}
.download_tip {
    margin-top: 0.8vw;
    color: #fff;
}
.btn_android {
    margin-bottom: 1vw;
}

.dl_btn {
    width: 11.2vw;
}
.live_hd,
.goals_videos {
    width: 100%;
}

.live_hd_wra,
.goals_videos_wra {
    position: relative;
}

.common_live_hd {
    position: absolute;
    width: 200px;
    text-align: left;
    color: #8269b0;
    font-size: 24px;
}
.live_hd_lefte {
    bottom: 75px;
    left: 285px;
}
.live_hd_lefte .lh_left1,
.goals_videos_left .gv_left1,
.live_hd_right .lh_right1,
.goals_videos_right .gv_right1 {
    margin-bottom: 5px;
}

.live_hd_right {
    bottom: 72px;
    right: 200px;
}


.goals_videos_left {
    bottom: 91px;
    left: 285px;
}

.goals_videos_right {
    bottom: 96px;
    right: 200px;
}

@media screen and (min-width: 1200px) {

    .top_wrapper {
        position: relative;
        width: auto;
        height: 461px;
    }

    .message_wra {
        display: flex;
        justify-content: flex-end;
        position: relative;
        top: 240px;
        right: 192px;
    }

    .ercode_wra {
        text-align: center;
        margin-right: 20px;
    }

    .ercode_img {
        width: 98px;
        height: 98px;
    }

    .download_tip {
        margin-top: 10px;
        color: #fff;
    }

    .btn_android {
        margin-bottom: 1vw;
    }

    .dl_btn {
        width: 132px;
    }
}
@media screen and (max-width: 1200px) {
    
    .common_live_hd {
        position: absolute;
        width: 16.7vw;
        text-align: left;
        color: #8269b0;
        font-size: 2vw;
    }

    .live_hd_lefte {
        bottom: 6.4vw;
        left: 24vw;
    }
    .live_hd_right {
        bottom: 6vw;
        right: 16vw;
    }

    .goals_videos_left {
        bottom: 7.7vw;
        left: 23.8vw;
    }
    .goals_videos_right {
        bottom: 8vw;
        right: 16.4vw;
    }
}

@media screen and (min-width: 960px) and (max-width: 1025px) {
    .download_tip {
        width: 11vw;
        font-size: 1.8vw;
    }
}
@media screen and (min-width: 769px) and (max-width: 959px) {
    .download_tip {
        width: 15vw;
        font-size: 1.8vw;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .download_tip {
        width: 15vw;
        font-size: 2.2vw;
    }
    .live_hd_lefte .lh_left1,
    .goals_videos_left .gv_left1,
    .live_hd_right .lh_right1,
    .goals_videos_right .gv_right1 {
        margin-bottom: 0px;
    }
    .common_live_hd {
        width: 20vw;
    }
    .live_hd_right {
        bottom: 6vw;
        right: 15vw;
    }
    .goals_videos_right {
        bottom: 8vw;
        right: 15.4vw;
    }
    
}

@media screen and (max-width: 480px) {
    
    .live_hd_lefte .lh_left1,
    .goals_videos_left .gv_left1,
    .live_hd_right .lh_right1,
    .goals_videos_right .gv_right1 {
        margin-bottom: 0px;
    }
    .ercode_wra {
        display: none;
    }
    .download_tip {
        width: 20vw;
        font-size: 12px;
        transform: scale(0.8);
    }
    .goals_videos_right {
        bottom: 8vw;
        right: 9.4vw;
    }
    .common_live_hd {
        width: 26vw;
    }
    .live_hd_right {
        bottom: 6vw;
        right: 8vw;
    }
    .message_wra {
        right: 18.3vw;
    }
    
    .btn_android {
        margin-bottom: 2vw;
    }
    .ercode_img {
        width: 9vw;
        height: 9vw;
    }
    .dl_btn {
        width: 22vw;
    }

}

/* #msg {
    font-size: 16px;
    line-height: 24px
}

div,
h2 {
    text-align: center;
} */
