@charset "utf-8";

/* CSS Document */

.flash-140-1 {
    position: relative;
    background: #D0D0D0;
    position: relative;
    margin-top: -124px;
    z-index: 0;
    height: 700px;
}

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

.flash-140-2 {
    position: relative;
    /* background:url("../images/canvas/subcanvas.jpg") top center no-repeat ; */
    position: relative;
    margin-top: -134px;
    z-index: 0;
    height: 386px;
}

@media (max-width: 374px) {
    .flash-140-1 {
        height: 348px;
        background-size: 240%;
    }
}

@media (min-width: 375px) and (max-width: 419px) {
    .flash-140-1 {
        height: 348px;
        background-size: 240%;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .flash-140-1 {
        height: 414px;
        background-size: 230%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .flash-140-1 {
        height: 485px;
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flash-140-1 {
        height: 523px;
        background-size: cover;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .flash-140-1 {
        height: 685px;
    }
}

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

@media (min-width: 1281px) and (max-width: 1366px) {
    .flash-140-1 {
        height: 685px;
    }
    .flash-140-2 {
        height: 326px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .flash-140-1 {
        height: 675px;
    }
    .flash-140-2 {
        height: 366px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .flash-140-1 {
        height: 575px;
    }
    .flash-140-2 {
        height: 316px;
    }
}