首頁新增請勿飲酒酒商畫面

放在theme.css

    <!-- footer warning by ivymaison -->
    <style>
    .footer_warning_fixed {
    background-color: black;
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    }
    .footer_warning_fixed .footer_warning_width {
    width: 35%;
    margin: auto;
    padding: 10px 0px;
    }
    #footer {
    margin-bottom: 50px;
    }
    @media (max-width: 1200px) {
    .footer_warning_fixed .footer_warning_width {
    width: 50%;
    }
    }
    @media (max-width: 750px) {
    .footer_warning_fixed .footer_warning_width {
    width: 80%;
    }
    }
    @media (max-width: 550px) {
    .footer_warning_fixed .footer_warning_width {
    width: 100%;
    }
    }
    @media (max-width: 400px) {
    #footer {
    margin-bottom: 35px;
    }
    }
    </style>
    <div class="footer_warning_fixed">
    <div class="footer_warning_width">
    <img class="w-100" src="https://cdn.cybassets.com/s/files/19348/theme/66325/assets/footer_warning_img_pc.png?1628647376">
    </div>
    </div>
    <script>
$(function () {
    $(window).scroll(function() {
        var yPos = ( $(window).scrollTop() );
        if(yPos > 200) {     
                        $('.footer_warning_fixed').css("z-index","999").fadeIn();
        } else {
                        $('.footer_warning_fixed').css("z-index","0").fadeIn();
        }
    });
});
</script>
    <!-- footer warning by ivymaison end -->