@charset "utf-8";

/* CSS Document */

.flash-132-1 {
    position: relative;
    background: #e9e9e9;
    position: relative;
    margin-top: 0;
    z-index: 0;
    height: 679px;
    background-size: 100%;
}

.flash-132-1 .btn-left {
    position: absolute;
    top: 320px;
    left: 0px;
}

.flash-132-1 .btn-right {
    position: absolute;
    top: 320px;
    right: 0px;
}

#canvas {
    max-width: 100%;
    height: auto;
}

.flash-132-2 {
    position: relative;
    background: url(../images/canvas/canvas-sub.jpg) top center no-repeat;
    margin-top: 0px;
    z-index: 0;
    height: 320px;
}

@media (max-width: 374px) {
    .flash-132-1 {
        height: 149px;
    }
}

@media (min-width: 375px) and (max-width: 419px) {
    .flash-132-1 {
        height: 226px;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .flash-132-1 {
        height: 324px;
        background-size: 190%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .flash-132-1 {
        height: 175px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flash-132-1 {
        height: 339px;
        background-size: 180%;
    }
    .flash-132-1 .btn-left {
        top: 160px;
    }
    .flash-132-1 .btn-right {
        top: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .flash-132-1 {
        height: 452px;
        background-size: 110%;
    }
    .flash-132-1 .btn-left {
        top: 190px;
    }
    .flash-132-1 .btn-right {
        top: 190px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .flash-132-1 {
        height: 466px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .flash-132-1 {
        height: 547px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .flash-132-1 {
        height: 615px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .flash-132-1 {
        height: 680px;
    }
}