/*--> Google AD ----------------------------------------------------------------------------*/
.adslot_1 {
    width: 160px;
    height: 600px;
}

.wineBoxArea {
    position: fixed;
    z-index: 99;
    left: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 160px;
}

    .wineBoxArea.showIn {
        left: 0;
    }

    .wineBoxArea .wineBoxRelative {
        position: relative;
        z-index: 10;
    }

    .wineBoxArea .wineBox {
        max-width: 100%;
        overflow: hidden;
    }

    .wineBoxArea a.icon-delete {
        position: absolute;
        right: 5px;
        z-index: 20;
        top: 5px;
        font-size: 14px;
        width: 30px;
        height: 30px;
        background: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
    }

        .wineBoxArea a.icon-delete:before {
            line-height: 30px;
        }

    .wineBoxArea img {
        line-height: 0;
    }

@media all and (max-width: 680px) {
    .adslot_1 {
        width: 100%;
        height: 50px;
    }

    .wineBoxArea {
        left: 0;
        right: 0;
        top: auto;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        bottom: -100%;
        width: 100%;
        height: 50px;
        max-height: 50px;
        overflow: hidden;
    }

        .wineBoxArea .wineBox {
            max-width: none;
            max-height: 100%;
            overflow: hidden;
        }

        .wineBoxArea.showIn {
            bottom: 35px;
        }
}