/* fill background color after background url */
    .overlay 
    {
        position: fixed; /* Sit on top of the page content */
        display: block; /* Hidden by default */
        width: 100%; /* Full width (cover the whole page) */
        height: 100%; /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5); /* Black background with opacity */
        z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
        cursor: pointer; /* Add a pointer on hover */
        text-align:center;
    }

    .overlay img
    {
        /* width:auto; */
        max-height:100%;
        /* padding-top: 6%; */
        /* padding-bottom: 25%; */
        /* padding-right: 10%;
        padding-left: 10%; */
        z-index:1;
        margin:0 auto;
        text-align:center;
    }

    .close_overlay
    {
        border-radius:5px;
        color:#ffffff;
        background-color:#000000;
        display:inline-block;
        padding:5px 10px;
        position:absolute;
        top:10px;
        right:10px;
        cursor:pointer;
    }

    .mobile
    {
        display:none;
    }

    .over-container
    {
        width:100%;
        height:100%;
    }

    @media (max-width: 738px)
    {
        /* special for non-discount-time */
        .limited-time 
        {
            height:250px;
        }

        .pc
        {
            display:none;
        }

        .overlay img
        {
            width:auto;
            max-width:100%;
            /* padding: 5%; */
            padding-top: 10%;
            max-height:100%;
        }

        .overlay
        {
            background-color:#ea6224; 
            /* top: 150px; */
        }

        .img-scroll .item:last-child,
        .select-cons .cons-item
        {
            margin: 0 1.2% !important;
        }

        .mmloader-logo
        {
            max-height:150px;
            vertical-align:middle;
            z-index:999;
        }

        .mobile
        {
            display:block;
            /* padding-top:0 !important; */
            /* padding:0 !important; */
            /* margin-top:-15% !important; */
            z-index:998 !important;
        }
    }