@charset "UTF-8";
#swap {
    background: url("../images/swap_1920.jpg") center 50px no-repeat;
    height: 838px;
}

#swap div {
    position: absolute;
    left: 783px;
    top: 168px;
    width: 550px;
    height: 247px;
}

@media screen and (max-width: 1366px) {
    #swap {
        background: url("../images/swap_1366.jpg") center 0 no-repeat;
        height: 536px;
    }
    #swap div {
        left: 587px;
        top: 62px;
        width: 416px;
        height: 169px;
    }
}

@media screen and (max-width: 960px) {
    #swap {
        background: url("../images/swap_960.jpg") center -78px no-repeat;
        /* background-color: #eeeeed; */
        height: 826px;
    }
    #swap div {
        left: 29px;
        top: 35px;
        width: 577px;
        height: 242px;
    }
}

@media screen and (max-width: 640px) {
    #swap {
        background: url("../images/swap_640.jpg") center -75px no-repeat;
        height: 657px;
        /* background-color: #eeeeed;
*/
    }
    #swap div {
        top: 18px !important;
    }
}