@charset "utf-8";

.flip-wrapper
{
    width: 310px;/*  box-sizing: border-box; */

    margin: 5px;
}

.flip-container
{
    display: table; width: 100%;
}

/* container viewport */

.flip-container .flip-viewport
{
    display: block;

    width: 248px; overflow: hidden;

    margin: 0 auto;
}
.flip-container .flip-viewport .flip-list
{
}
.flip-container .flip-viewport .flip-list:after
{
    display: block; height: 0; clear: both;

    content: '';
}
.flip-container .flip-viewport .flip-list .flip-item
{
    float: left; width: 240px; margin: 0 3px;
}

/* container arrow */

.flip-container .flip-arrow
{
    display: table-cell; width: 30px; box-sizing: border-box;

    text-align: center; vertical-align: middle;
}

/* controller */

.flip-controller
{
    width: 100%;
}

/* controller pager */

.flip-controller .flip-pager
{
    text-align: center;
}
.flip-controller .flip-pager > span
{
    display: inline-block; width: 8px; height: 8px;

    margin: 10px; border-radius: 8px;

    background-color: #ccc;
}
.flip-controller .flip-pager > span.current
{
    background-color: #ed3d63;
}