@charset "utf-8";

.screenshot__wrapper {
    width: 1250px;
}

.screenshot__interval__h__1 {
    height: 100px;
}

.screenshot__page {
    width: 650px;
    height: 50px;
}

.screenshot__border__1 {
    height: 450px;
}

.screenshot__border__2 {
    width: 600px;
    float: left;
}

.screenshot__border__top {
    height: 25px;
    background-image: url(../img/screenshot/screenshot__border__top.png);
    background-size: 600px 25px;
    background-repeat: no-repeat;
    z-index: 300;
}

.screenshot__border__middle {
    height: 350px;
    background-color: #0075a9;
    z-index: 300;
}

    .screenshot__border__middle img {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 550px;
        max-height: 350px;
    }

.screenshot__border__bottom {
    height: 25px;
    background-image: url(../img/screenshot/screenshot__border__bottom.png);
    background-size: 600px 25px;
    background-repeat: no-repeat;
    z-index: 300;
}

.screenshot__interval__h__2 {
    height: 20px;
}

.screenshot__interval__w__1 {
    width: 50px;
    float: left;
}

.screenshot__interval__h__3 {
    height: 50px;
}

.screenshot__interval__h__4 {
    height: 120px;
}

.screenshot__submit__decorate {
    width: 1000px;
    height: 100px;
    background-image: url(../img/screenshot/screenshot__submit__decorate__r.png);
    background-size: 1000px 100px;
    background-repeat: no-repeat;
    z-index: 300;
}