/* body {
    margin: 0px;
    padding: 0px;
} */


/* @font-face {
    font-family: 'Montsetat';
    src: url('assets/montserat.woff') format('woff');
} */


.exp_27{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -1000px;
    right: -1000px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9999999;
}

.expcn_27{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

}

.col_27{
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    display: none;
}

.clicker_27{
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: -500px;
    right: -500px;
    margin: 0 auto;
    
}

/* =============================================================== */


/* =============================================================== */

.clbtn_27{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 1%;
    right: 2%;

    background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/close_btn.png');
    background-size: cover;

    cursor: pointer;
}


/* =============================================================== */

.buf_27{
    display: none;
}

.bg_27{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;

    background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/bg_desktop.jpg');
    background-size: cover;
    background-position: 50% 100%;

}



/* =============================================================== */



/* .prod_sc_27{
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 0;
    left: 0;
} */

.prod_cn_27{
    position: absolute;
    width: 100%;
    height: 100%;
    left: -1000px;
    right: -1000px;
    margin: 0 auto;
    pointer-events: none;
}

.can_27, .cancn_27{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -1000px;
    right: -1000px;
    margin: 0 auto;
}

/* .str_sc_27{
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 0;
    left: 0;
} */

.str_cn_27{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -1000px;
    right: -1000px;
    margin: 0 auto;
}

.logo_27, .title_27, .date_27{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background-size: contain;
    background-repeat: no-repeat;

    pointer-events: none;
}


.flare_27{
    position: absolute;
    width: 362px;
    height: 351px;
    left: 45px;
    top: 120px;

    background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/flare.png')
}


@media (pointer: coarse){
	

    .logo_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/m_logo.png');
        background-position: 50% 100%;
    
    }
    
    .title_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/m_title.png');
        background-position: 50% 0;
    
    }
    
    .date_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/m_date.png');
        background-position: 50% 100%;
    
    }
    
    .char_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/char.png');
        background-size: cover;
        background-position: 50% 100%;
    
    }

    .char_sc_27{
        position: absolute;
        width: 802px;
        height: 1400px;
        top: 0;
        left: 0;
    }
    
    .char_cn_27{
        position: absolute;
        width: 802px;
        height: 1400px;
        bottom: 0;
        left: -1000px;
        right: -1000px;
        margin: 0 auto;
    }
    
    .char_27{
        position: absolute;
        width: 351px;
        height: 781px;
        bottom: 2%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }


}

@media (pointer: coarse) and (max-width: 450px){

    

}

@media (pointer: coarse) and (min-width: 450px){



}

@media (pointer: fine), (pointer: none) {

    .logo_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/d_logo.png');
        background-position: 50% 100%;
    
    }
    
    .title_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/d_title.png');
        background-position: 50% 0;
    
    }
    
    .date_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/d_date.png');
        background-position: 50% 100%;
    
    }
    
    .char_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/char.png');
        background-size: cover;
        background-position: 50% 100%;
    
    }

    .char_sc_27{
        position: absolute;
        width: 1920px;
        height: 1080px;
        top: 0;
        left: 0;
    }
    
    .char_cn_27{
        position: absolute;
        width: 1920px;
        height: 1080px;
        bottom: 0;
        left: -1000px;
        right: -1000px;
        margin: 0 auto;
    }
    
    .char_27{
        position: absolute;
        width: 351px;
        height: 781px;
        bottom: 2%;
        left: 783px;
    }

}

@media (pointer: fine) and (any-pointer: coarse) {

    .logo_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/d_logo.png');
        background-position: 50% 100%;
    
    }
    
    .title_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/d_title.png');
        background-position: 50% 0;
    
    }
    
    .date_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/d_date.png');
        background-position: 50% 100%;
    
    }
    
    .char_27{
        background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/6557156d910c6/Aquaman_TO_v1_Prod/assets/char.png');
        background-size: cover;
        background-position: 50% 100%;
    
    }

    .char_sc_27{
        position: absolute;
        width: 1920px;
        height: 1080px;
        top: 0;
        left: 0;
    }
    
    .char_cn_27{
        position: absolute;
        width: 1920px;
        height: 1080px;
        bottom: 0;
        left: -1000px;
        right: -1000px;
        margin: 0 auto;
    }
    
    .char_27{
        position: absolute;
        width: 351px;
        height: 781px;
        bottom: 2%;
        left: 783px;
    }

}