.bg_m,
.mod3_gift_m,
.m_nav,
.mod1_music_m,
.mod1_zalo_m,
.mod2_price_m,
.mod3_box_m,
.notice_bg_m,
.mod4_swiper_m,
.mod4_swiper_down_m,
.mod3_border_m,
.mod5_swiper_btn_left,
.mod7_btn_swiper,
.mod7_btn_swiper_m,
.showFbImg,
#overlay {
  display: none;
}

@media screen and (max-width: 1024px) {

  .bg,
  .mod3_gift,
  .fixed_pop,
  .nav_fb,
  .nav_logo,
  .mod2_price,
  .notice_bg,
  .mod3_box,
  .nav,
  .mod3_border,
  .goLd,
  .goApk,
  .mod6_role,
  .mod7_btn_list,
  .mod6_pc
   {
    display: none;
  }

  .bg_m,
  .mod1_music_m,
  .mod1_zalo_m,
  .mod3_gift_m,
  .m_nav,
  .mod2_price_m,
  .notice_bg_m,
  .mod3_box_m,
  .mod1_slogan,
  .mod3_border_m,
  .mod5_swiper_btn_left,
  .mod7_btn_swiper,
  .mod7_btn_swiper_m,
  .showFbImg,
  #overlay {
    display: block;
  }

  .bg_1 {
    top: 165vw;
  }

  .bg_m_2 {
    position: absolute;
    top: 173vw;
  }

  .mod1_18 {
    width: 15vw;
    top: 36vw;
  }

  .mod {
    height: auto;
  }

  .mod2 {
    top: 180vw;
  }

  .mod3 {
    top: 355vw;
  }

  .mod4 {
    top: 540vw;
  }

  .mod5 {
    top: 655vw;
  }

  .mod6 {
    top: 180vw;
  }

  .mod7 {
    top: 358vw;
  }

  .nav {
    height: 11vw;
  }

  .m_nav {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding-left: 2vw;
    width: 100%;
    height: 13vw;
    z-index: 50;
    background-color: rgba(33, 24, 29, 0.3);
    /* background: url(/img/index/nav/nav_bg.png) no-repeat center center;
    background-size: 100% auto; */
    box-sizing: border-box;
  }

  .fixed_nav_logo {
    margin-right: 1vw;
    margin-top: 0vw;
    width: 10vw;
    height: 10vw;
  }

  .fixed_nav_slogan {
    margin-top: 0vw;
    margin-left: -10vw;
    color: #fff;
    width: 48vw;
    height: 8vw;
    line-height: 4vw;
    font-size: 3.5vw;
  }

  .fixed_nav_slogan_first {
    margin-left: 0;
  }

  .fixed_nav_slogan div:nth-child(1) {
    color: yellow;
  }

  .fixed_down_box_left {
    padding: 10% 13% 5% 7%;
    width: 50vw;
    height: 30vw;
  }

  .fixed_down_icon {
    left: 50vw;
    top: 7vw;
    width: 9.5vw;
  }
  .swiper1_left .swiper-slide img{
    width: 40vw;
  }

  .fixed_down_content_left {
    left: -50vw;
  }

  .fixed_down_showright {
    transform: translate(50vw, -50%);
  }


  .nav_logo {
    margin: 8vw 0 0 0;
    width: auto;
    height: 14vw;
  }

  .mod1_slogan_m {
    position: relative;
    top: 22vw;
  }

  .mod1_music_m {
    position: absolute;
    top: 40vw;
    left: 81vw;
    width: 13vw;
    height: 12vw;
  }

  .mod1_zalo_m{
    position: absolute;
    top: 28vw;
    left: 81vw !important;
    width: 13vw;
    height: 12vw;
  }

  .nav_channel img {
    height: 9vw;
  }

  .nav_channel img:nth-child(1) {
    opacity: 0.9;
  }

  .nav_channel img:nth-child(2) {
    height: 6vw;
    margin: 0vw .5vw 0;
  }

  .nav_channel img:nth-child(3) {
    width: auto;
    height: 8vw;
  }

  .pop_serve_ul {
    width: 55%;
    left: 71.5%;
    top: 10vw;
    max-height: 45vw;
  }

  .pop_serve_ul li {
    font-size: 4vw;
    min-height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sidebar {
    width: 40vw;
  }

  .fixed_select_btn {
    left: 16vw;
  }

  .fixed_down_btn {
    width: 24vw;
  }

  .sidebar .sidebar_close img {
    width: auto;
    height: 11vw;
    left: 10vw;
  }

  .mod1_video_play {
    top: 130vw;
    left: 40%;
    width: 23vw;
  }


  .mod1_slogan {
    left: 30vw;
    top: 20vw;
    width: 40vw;
  }

  .mod1_store {
    top: 137vw;
    left: 5vw;
    width: 90vw;
  }

  .mod1_store img {
    height: 10vw;
  }

  .mod1_arrow {
    width: 12vw;
    top: 142vw;
    left: 45vw;
  }

  .mod1_register {
    height: 12vw;
    width: 38vw;
  }

  .mod1_double_store {
    /* top: 1.2vw; */
    height: 9vw;
    width: 37vw;
  }

  .mod1_register:after,
  .mod1_double_store:after {
    top: 12%;
    left: 30%;
    width: 60%;
    height: 60%;
  }

  .mod1_login {
    top: 17vw;
    right: 5vw;
    font-size: 3.4vw;
    border-radius: 1.5vw;
    height: 6vw;
    line-height: 5vw;
  }

  .mod1_success {
    width: 90%;
    /* width: 60%; */
    top: 153vw;
    left: 0vw;
  }

  .mod1_pop {
    /* top: 145vw;
    left: 1vw;
    width: 18vw; */
    top: 124vw;
    left: 38vw;
    width: 26vw;
  }

  .mod1_qrcode {
    height: 25vw;
    width: 40vw;
  }

  .mod1_success_btn {
    justify-content: space-around;
  }

  .mod1_success_btn div {
    width: 38vw;
    height: 14vw;
  }

  .fixed_pop {
    top: calc(50% - 30vw);
    width: 36.5vw;
    height: 59vw;
  }

  .fixed_pop_open {
    top: calc(50% - 6.5vw);
    left: -2vw;
    width: 9.5vw;
    height: 15vw;
  }

  .fixed_pop:hover {
    transform: translateX(25.5vw);
  }

  .fixed_pop_on:hover {
    transform: translateX(0vw);
  }

  .fixed_pop_top {
    top: calc(100% - 9vw);
    left: 15vw;
    width: 10.5vw;
    height: 9vw;
  }

  .pop_register {
    padding: 57.5vw 5.5vw 4vw 5.5vw;
    width: 74vw;
    height: 145vw;
    background-image: url('/img/index/pop/reg/bg.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
  }

  .radio-wrapper {
    margin-bottom: 0;
  }

  .android-img {
    width: 20vw;
  }

  .ios-img {
    width: 12vw;
  }

  .pop_register_title {
    height: 6.8vw;
    font-size: 4.2vw;
  }

  .pop_register_system_title {
    font-size: 4vw;
  }

  .pop_register_system_item_phone {
    height: 6.5vw;
    width: 18vw;
    font-size: 3.5vw;
  }

  .pop_register_email {
    padding: 0 2vw;
    height: 10vw;
    margin: 2vw 0;
  }

  .pop_register_input_icon {
    width: 6.8vw;
  }

  .pop_register_input input {
    font-size: 3.2vw;
  }

  .pop_register_code {
    padding: 0 2vw;
    height: 10vw;
  }

  .pop_register_code .pop_register_input_icon {
    height: 7.3vw;
  }

  .pop_register_input input::placeholder,
  .pop_register_code input::placeholder {
    font-size: 2.5vw;
    height: 6vw;
    line-height: 6vw;
  }

  .pop_register_code_btn {
    width: 30vw;
    height: 11.5vw;
    line-height: 6.5vw;
  }

  .pop_register_code_btn span {
    font-size: 5.2vw;
  }

  .pop_register_share_text {
    font-size: 4vw;
  }

  .pop_register_share_text_remark {
    font-size: 2.5vw;
  }

  .pop_register_share {
    margin: 4vw 0;
  }

  .pop_register_share .pop_register_input {
    height: 7vw;
    line-height: 7vw;
  }

  #register_share {
    font-size: 3.2vw;
  }

  .pop_register_main{
    margin: 4.5vw 0;
  }

  .pop_register_submit {
    width: 30vw;
    margin: 8.5vw auto;
  }

  .pop_register_reward {
    width: 90%;
    position: relative;
    left: 45%;
    transform: translateX(-50%);
    margin-top: 3vw;
  }

  .pop_register_close {
    right: 31.5vw;
    top: 146vw;
    width: 10vw;
    height: 10vw;
  }

  .mod_title {
    width: 100vw;
    height: 11vw;
  }

  .mod_title4 {
    height: 9vw;
  }

  .mod2_top {
    width: 100%;
  }

  .pop_shake {
    width: 120vw;
    height: 120vw;
  }

  .mod2_rules {
    width: 40vw;
    position: absolute;
    top: -3vw;
    left: -47vw;
  }

  .mod2_store {
    top: -3vw;
    left: -32vw;
    width: 72vw;
    height: 86vw;
  }

  .mod2_store_btn {
    width: 30vw;
    height: 7.5vw;
    top: 75vw;
    left: 15.5vw;
  }

  .mod2_reg {
    top: 81vw;
    left: -49vw;
    width: 56vw;
    height: 66vw;
  }

  .mod2_reg_btn {
    width: 26vw;
    height: 7.5vw;
    top: 56vw;
    left: 12vw;
  }

  .mod2_fb {
    top: 82vw;
    left: -1vw;
    width: 50vw;
    height: 69vw;
  }

  .mod2_fb_btn {
    width: 26vw;
    height: 7.5vw;
    top: 54vw;
    left: 12vw;
  }

  .mod2_feiye1 {
    top: 45vw;
    left: 1vw;
    width: 28vw;
  }

  .mod2_feiye2 {
    top: 127vw;
    left: 0vw;
    width: 17vw;
  }

  .mod2_feiye3 {
    top: 96vw;
    left: 61vw;
    width: 36vw;
    transform: rotate(-30deg);
  }

  .mod2_feiye4 {
    top: -3vw;
    left: 44vw;
    width: 42vw;
  }

  .mod2_qianye1 {
    top: 12vw;
    left: 84vw;
    width: 16vw;
  }

  .mod2_border {
    flex-direction: column;
  }

  .mod2_modules {
    position: absolute;
  }


  .pop_mod2Dec {
    padding: 13.5% 8% 21.5% 8%;
    width: 90vw;
    height: 107vw;
    background: url(/img/index/mod2/rules_pop_bg_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .pop_mod2Dec_close {
    width: 10vw;
    height: 10vw;
  }

  .pop_mod2Dec_title {
    top: 2vw;
    left: 1vw;
    width: 87vw;
    height: 8vw;
    font-size: 4.5vw;
  }

  .pop_mod2Dec_item_scroll {
    height: 73vw;
    font-size: 5vw;
  }

  .pop_mod2Dec_reward {
    top: 88vw;
    left: 30vw;
    width: 32vw;
  }

  .pop_mod2Dec_reword {
    top: 52.5vw;
    width: 26vw;
  }

  .mod3_title {
    width: 100%;
    height: auto;
    margin: 0;
  }

  .mod3_border_m {
    position: absolute;
    top: 25vw;
  }

  .mod3_get_info {
    width: 90vw;
    height: 5vw;
    line-height: 5vw;
    top: 5vw;
  }

  .mod3_swiper {
    width: 90vw;
    height: 5vw;
    font-size: 3vw;
  }

  .mod3_swiper .swiper-slide {
    width: 90vw;
  }

  .mod3_gift_img img {
    width: 25vw;
  }

  .mod3_gift_1 {
    top: 60vw;
    left: -22vw;
  }

  .mod3_gift_2 {
    top: 32vw;
    left: -20vw;
  }

  .mod3_gift_3 {
    top: 10vw;
    left: 0vw;
  }

  .mod3_gift_4 {
    top: 10vw;
    left: 30vw;
  }

  .mod3_gift_5 {
    top: 32vw;
    left: 46vw;
  }

  .mod3_gift_6 {
    top: 60vw;
    left: 50vw;
  }

  .mod3_blood {
    top: 93.5vw;
  }

  .mod3_blood_bg {
    width: 70vw;
  }

  .mod3_blood_left {
    width: 12vw;
  }

  .mod3_blood_info {
    top: 8vw;
    left: 9vw;
    width: 48vw;
    height: 4vw;
    line-height: 4vw;
    font-size: 3vw;
    padding-left: 2vw;
  }

  .mod3_blood_border {
    top: 4vw;
    left: 4.5vw;
    width: 60vw;
    height: 4vw;
    border-radius: 2vw;
  }

  .mod3_blood_num {
    border-radius: 2vw;
  }

  .mod3_btn {
    top: 108vw;
  }

  .mod3_submit_btn {
    width: 42vw;
  }

  .mod3_rules {
    width: 7vw;
    left: -17vw;
    top: 4.5vw;
  }

  .mod3_btn_list {
    top: 24vw;
    width: 81vw;
    left: -20vw;
  }

  .mod3_btn_list img {
    width: 35vw;
  }


  .pop_mod2Share {
    width: 95vw;
    height: 80vw;
  }

  .pop_mod2Share_lottery {
    height: 30vw;
  }

  .pop_mod2Share_content {
    padding: 13.5vw 4vw 0;
  }

  .pop_mod2Share_lottery_check {
    top: 21vw;
    left: 2vw;
    width: 18vw;
  }

  .pop_mod2Share_lottery_item {
    width: 30%;
  }

  .pop_mod2Share_lottery {
    height: 31vw;
  }

  .pop_mod2Share_title {
    width: 72vw;
    height: 6.5vw;
    font-size: 5vw;
  }

  .pop_mod2Share_invite {
    font-size: 6vw;
  }

  .pop_mod2Share_btn {
    top: -2vw;
    right: -5vw;
    width: 10vw;
    height: 10vw;
  }

  .pop_mod2Share_list {
    text-align: left;
    min-height: 9.5vw;
    font-size: 4.5vw;
    margin-bottom: 4vw;
  }

  .pop_mod2Share_avatar {
    margin: 1.5vw auto;
  }

  .pop_mod2Share_avatar img {
    width: 10vw;
  }

  .pop_mod2Share_copy div {
    width: 53vw;
    height: 9.5vw;
    font-size: 4.5vw;
  }

  .pop_mod2Share_copy input {
    height: 5.7vw;
    font-size: 4vw;
  }

  .pop_mod2Share_list {
    width: 90%;
  }

  .pop_mod2Share_copy img {
    width: 22vw;
  }

  .pop_mod2Share_case1 {
    display: block;
    width: 42vw;
    height: 10vw;
    display: flex;
    align-items: center;
  }

  .pop_mod2Share_tips {
    bottom: -10vw;
    left: 3vw;
    width: 100%;
    font-size: 5vw;
  }

  .pop_mod2Gift_bg {
    width: 95vw;
    height: 105vw;
    background: url(/img/index/mod3/mygift_bg_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .mod2_my_gift_title {
    height: 9vw;
    width: 85vw;
    font-size: 4vw;
  }

  .pop_mod2Gift_btn {
    bottom: 89.5vw;
    width: 10vw;
    height: 10vw;
  }

  .mod2_my_gift_cell {
    min-height: 9vw;
    font-size: 3.6vw;
  }

  .mod2_my_gift_cell_val img {
    width: 16vw;
  }

  .mod2_my_gift_list {
    top: 13.2vw;
    height: 71vw;
    width: 86%;
  }

  .mod2_my_gift_dec {
    width: 90%;
    position: relative;
    top: 13vw;
  }

  .mod2_my_gift_dec1 {
    font-size: 4.5vw;
    margin-top: 0vw;
  }

  .mod2_my_gift_dec2 {
    width: 100%;
    font-size: 2.7vw;
  }

  .mod3_invite_item {
    width: 90vw;
    height: 40vw;
  }

  .mod3_invite_item img {
    left: 49.5vw;
    top: 26vw;
    width: 25vw;
  }

  .mod3_invite_list {
    flex-direction: column;
    left: 5vw;
    top: 2vw;
  }

  .mod3_invite_item_1 {
    background: url(/img/index/mod3/invite_1_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .mod3_invite_item_2 {
    background: url(/img/index/mod3/invite_2_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .mod3_invite_item_3 {
    background: url(/img/index/mod3/invite_3_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .mod3_invite_btn {
    top: 126vw;
    left: 4vw;
    font-size: 6.8vw;
    height: 25vw;
  }

  .mod3_invite_text img {
    margin-left: 4vw;
    width: 7vw;
  }

  .mod3_invite_other {
    width: 90vw;
  }

  .mod3_invite_other img {
    width: 40vw;
  }

  .mod3_invite_num {
    font-size: 9vw;
  }


  .mod4_title {
    width: 100%;
    height: auto;
  }


  .mod4_content {
    width: 100%;
  }

  .mod4_bg {
    width: 95vw;
    height: 60vw;
    background: url(/img/index/mod4/border_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .mod4_video {
    top: 10vw;
    left: 12vw;
    width: 73vw;
    height: auto;
    border-radius: 5.5vw;
  }

  .mod4_video_btn {
    top: 22vw;
    left: 42vw;
    width: 15vw;
    height: 15vw;
  }

  .mod4_swiper {
    position: relative;
    top: 60vw;
    left: 10vw;
    width: 80vw;
    overflow-x: hidden;
  }

  .mod4_swiper .swiper-wrapper {
    display: flex;
    align-items: center;
  }

  .mod4_swiper .swiper-slide {
    width: calc(80vw / 3);
  }

  .mod4_skill {
    width: 25vw;
    height: 16.5vw;
  }

  .mod4_swiper .swiper-slide img {
    top: 1.5vw;
    width: 23vw;
  }

  .mod4_swiper_btn {
    top: 72vw;
    width: 8vw;
    left: 2vw;
  }

  .mod4 .swiper-button-next {
    left: 90vw;
  }

  .mod4_swiper_down .swiper-button-prev {
    left: 2vw;
    top: 53vw;
    width: 15vw;
  }

  .mod4_swiper_bannrt_list {
    position: absolute;
    top: 141.6vw;
    left: 12vw;
    width: 80vw;
  }

  .mod4_swiper_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 1.5vw;
    z-index: 9;
    top: 75vw;
    left: 10vw;
    width: 80%;
  }

  .mod4_swiper_pagination .swiper-pagination-bullet {
    background: url(/img/index/mod4/banner.png) no-repeat center center;
    background-size: 100% auto;
    width: 5vw;
    height: 5vw;
    opacity: 1;
  }

  .mod4_swiper_pagination .swiper-pagination-bullet-active {
    width: 6vw;
    height: 6vw;
    background-image: url(/img/index/mod4/banner_s.png);
  }

  .mod4_to {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 85vw;
    width: 55%;
  }

  .mod4_to img {
    width: 15vw;
  }

  .mod_content {
    position: absolute;
    top: 40vw;
    width: 90%;
  }

  .mod_title5 {
    margin: 6vw 0 1vw 0 ;
  }
  .mod5_to {
    top: 75vw;
    width: 80vw;
  }

  .mod5_to img {
    width: 15vw;
  }

  .lst__dtFT .eD__ft.active {
    width: 7vw;
    height: 7vw;
  }

  .men__feature_ .eachFt__ .labNameLeft__ img {
    height: 36vw;
  }

  .men__feature_ .eachFt__ .imgCenterSLfT__ {
    max-width: 63vw;
    height: 36vw;
  }

  .men__feature_ .eachFt__.active .imgCenterSLfT__ {
    width: 63vw;
    padding: 10px;
  }

  .men__feature_ .eachFt__ .imgCenterSLfT__ img {
    top: -1vw;
    max-width: 60vw;
  }

  .lst__dtFT {
    top: 7vw;
    gap: 5vw;
  }

  .prv__next_ {
    top: 65vw;
    width: 9vw;
    max-width: 130px;
  }

  .mod6 .mod_title {
    z-index: 1;
  }

  .mod6_border {
    top: 7vw;
    left: 50%;
    width: 100vw;
    height: 165vw;
    background: url(/img/index/mod6/border_m.png) no-repeat center center;
    background-size: 100% auto;
  }

  .mod6_fb,
  .mod6_fbg {
    top: 162vw;
    left: 10vw;
    width: 35vw;
    animation: scale_btn 1.5s infinite;
  }

  .mod6_fbg {
    left: 55vw;
  }

  .showFb {
    left: 16.5vw;
    top: 34vw;
    width: 67vw;
    height: 125vw;
  }

  .showFbImg {
    position: absolute;
    top: 34vw;
    left: 50%;
    transform: translateX(-50%);
    width: 67vw;
    height: 125vw;
  }

  .mod7_swiper {
    bottom: 0vw;
    width: 100vw;
  }

  .mod7_swiper .swiper-slide {
    width: 100vw;
    height: 100%;
  }

  .mod7_role {
    width: 100vw;
    height: 110vw;
  }

  .mod7_role_img {
    width: 95vw;
    bottom: 4%;
    left: 48%;
    transform: translateX(-50%);
  }

  .mod7_role_img_6 {
    left: 50%;
    bottom: -3%;
  }

  .mod7_role_img_title {
    top: 0vw;
    left: 55%;
    width: 80vw;
  }

  .mod7_role_title {
    right: 73vw;
    top: 0vw;
    width: 20vw;
  }

  .mod7_role_dec {
    left: 1vw;
    top: 0vw;
    width: 40vw;
    height: 45vw;
  }

  .mod7_role_laba {
    left: 73vw;
    top: 20vw;
    width: 15vw;
  }

  .mod7_role_dec img {
    width: 15vw;
  }

  .mod7_role_bg {
    top: 16vw;
    left: 4vw;
    width: 90vw;
  }

  .mod7_btn_swiper {
    position: relative;
    top: 17vw;
    left: 6.5vw;
    width: 80vw;
    overflow: hidden;
  }

  .mod7_btn_swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
  }

  .mod7_btn_swiper .swiper-slide {
    width: 30vw;
    height: 100%;
  }

  .mod7_btn_swiper .swiper-slide img {
    width: 30vw;
  }

  .mod7_btn_swiper_m {
    position: absolute;
    top: 160vw;
    z-index: 1;
  }

  .mod1_slogan {
    top: 85vw;
    left: 5vw;
    width: 90vw;
  }

  .mod1_code,
  .mod1_nap {
    width: 25vw;
  }

  .mod1_store_list {
    width: 32vw;
  }

  .mod1_store_info {
    height: 27vw;
    width: 95vw;
    top: 120vw;
  }

  .mod1_store_list img,
  .mod1_nap {
    width: 32vw;
  }

  .mod1_arrow {
    top: 150vw;
  }


  .mod2_swiper {
    top: -136.5vw;
    left: 9vw;
    width: 72vw;
  }

  .pop_mod2Dec_item {
    font-size: 3.5vw;
    margin-bottom: 3vw;
  }

  .pop_mod2Dec_item h2 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .pop_mod2Dec_item div {
    line-height: 4.5vw;
  }

  .pop_register_formal {
    background-image: url(/img/index/formal/reg/bg1_m.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
  }

  .lds-ring {
    width: 100vw;
  }

  .loading_gif {
    width: 100vw;
  }

  #progress_text {
    font-size: 8.5vw;
  }

  .pop_Prize {
    width: 90vw;
    height: 70vw;
    font-size: 3.5vw;
    padding: 9% 3.5% 3% 3.5%;
  }

  .pop_Prize_text div {
    margin: 2vw 0;
    line-height: 4.5vw;
  }

  .pop_Prize_text span:nth-child(2) {
    font-size: 4vw;
  }

  .pop_Prize_close {
    top: -1.5vw;
    right: -1%;
    z-index: 1;
    width: 10vw;
    height: 10vw;
  }

  .pop_info,
  .pop_info_img {
    width: 80vw;
    height: auto;
  }

  .pop_info_close {
    width: 10vw;
    height: 10vw;
  }

  #overlay {
    position: fixed;
    top: 13vw;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }

  .overlay-content {
    text-align: center;
    color: #eed8a3;
  }

  .overlay-text {
    padding: 2vw 3vw 6vw;
    margin: 4vw 3vw 0vw;
    overflow: auto;
    font-size: 5vw;
    border-bottom: 1px solid #eed8a3;
  }

  .overlay-channel {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5vw;
  }

  .overlay-channel img {
    width: 15%;
    cursor: pointer;
  }

  .scroll-link {
    color: #eed8a3;
    text-decoration: none;
  }

  #show_footer {
    right: 3vw;
    bottom: 4vw;
    font-size: 4vw;
    line-height: 3vw;
    display: none;
  }

  #show_footer img {
    width: 4vw;
    height: 4vw;
  }

  #footer {
    width: 100%;
    z-index: 98;
    transform: none;
    transition: all 1s;
    position: absolute;
    top: 764vw;
    /* transform: translateY(65vw); */
  }
}