﻿.container {
    width: 750px;
    margin: 0 auto;
    background-color: #102362;
}

.column {
    width: 750px;
    margin: 0 auto;
}

.column img {
    max-width: 100%;
}

.column input {
    display: block;
    width: 555px;
    height: 83px;
    border: 0;
    outline: 0;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0);
}

.column input[type=text] {
    font-size: 22px;
    color: #8d8d8d;
    padding: 0 40px;
    box-sizing: border-box;
}

.column .name {
    position: absolute;
    top: 225px;
    left: 106px;
}

.column .call {
    position: absolute;
    top: 355px;
    left: 106px;
}

.column .submit {
    position: absolute;
    bottom: 34px;
    left: 106px;
    font-size: 40px;
    color: #ffdcbd;
    letter-spacing: 46px;
    cursor: pointer;
}


.column_A {
    width: 100%;
    height: 884px;
    overflow: hidden;
}

.column_B {
    width: 100%;
    height: 820px;
    overflow: hidden;
}

.column_C {
    width: 100%;
    height: 353px;
    overflow: hidden;
}

.column_D {
    width: 100%;
    height: 620px;
    overflow: hidden;
}

.column_E {
    width: 100%;
    height: 979px;
    overflow: hidden;
}

.column_F {
    width: 100%;
    height: 848px;
    overflow: hidden;
}

.column_G {
    width: 100%;
    height: 1159px;
    overflow: hidden;
}

.column_H {
    width: 100%;
    height: 1480px;
    overflow: hidden;
}

.column_I {
    position: relative;
    width: 100%;
    height: 597px;
    background: url(../images/AdInfo/column-9.jpg) no-repeat;
    background-size: 750px 597px;
}

.column_J {
    width: 100%;
    height: 368px;
    overflow: hidden;
}


@media screen and (max-width:750px) {

    .container {
        width: 7.5rem;
        margin: 0 auto;
        background-color: #102362;
    }

    .column {
        width: 7.5rem;
        margin: 0 auto;
    }

    .column img {
        max-width: 100%;
    }

    .column input {
        display: block;
        width: 5.54rem;
        height: .83rem;
        border: 0;
        outline: 0;
        border-radius: .5rem;
        background: rgba(0, 0, 0, 0);
    }

    .column input[type=text] {
        font-size: .22rem;
        color: #8d8d8d;
        padding: 0 .4rem;
        box-sizing: border-box;
    }

    .column .name {
        position: absolute;
        top: 2.25rem;
        left: 1.04rem;
    }

    .column .call {
        position: absolute;
        top: 3.55rem;
        left: 1.04rem;
    }

    .column .submit {
        position: absolute;
        bottom: .34rem;
        left: 1.04rem;
        font-size: .4rem;
        color: #ffdcbd;
        letter-spacing: .46rem;
        cursor: pointer;
    }


    .column_A {
        width: 100%;
        height: 8.84rem;
        overflow: hidden;
    }

    .column_B {
        width: 100%;
        height: 8.2rem;
        overflow: hidden;
    }

    .column_C {
        width: 100%;
        height: 3.53rem;
        overflow: hidden;
    }

    .column_D {
        width: 100%;
        height: 6.2rem;
        overflow: hidden;
    }

    .column_E {
        width: 100%;
        height: 9.79rem;
        overflow: hidden;
    }

    .column_F {
        width: 100%;
        height: 8.48rem;
        overflow: hidden;
    }

    .column_G {
        width: 100%;
        height: 11.59rem;
        overflow: hidden;
    }

    .column_H {
        width: 100%;
        height: 14.8rem;
        overflow: hidden;
    }

    .column_I {
        position: relative;
        width: 100%;
        height: 5.97rem;
        background: url(../images/AdInfo/column-9.jpg) no-repeat;
        background-size: 7.5rem 5.97rem;
    }

    .column_J {
        width: 100%;
        height: 3.68rem;
        overflow: hidden;
    }
}
