* {
    margin: 0;
    padding: 0;
}

body {
    background: white;
}

#wrapper {
    width: 500px;
    margin: 100px auto;
    position: relative;
}

#container {
    width: 100%;
    height: 333px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/loading.gif);
}

.area {
    box-sizing: border-box;
    width: 7.143%;
    height: 12.5%;
    opacity: 0;
    float: left;
}