footer {
    position: absolute;
}

/*===================== Banner =====================*/
.egg {
    right: 13%;
}

.gherkin {
    top: 10%;
    right: 8%;
}

.surface {
    width: 1200px;
    height: 800px;
    top: 48%;
    left: -10%;
    bottom: auto;
}

.chopsticks {
    background: url('../images/chopsticks.png') no-repeat;
    top: 35%;
    right: -20%;
}

.noodle01 {
    background: url('../images/noodle01.png') no-repeat;
    width: 815px;
    height: 865px;
    position: absolute;
    top: 18%;
    right: 5%;
}

.noodle02 {
    background: url('../images/noodle02.png') no-repeat;
    width: 900px;
    height: 860px;
    position: absolute;
    top: -22%;
    left: 6%;
}


@media (max-width: 1680px) {
    .chopsticks {
        right: -25%;
    }
}

@media (max-width: 1440px) {
    .chopsticks {
        right: -30%;
    }
}

@media (max-width: 1366px) {
    .egg {
        top: -50px;
    }

    .chopsticks {
        display: block;
        background: url('../images/chopsticks_s.png') no-repeat;
        width: 600px;
        height: 446px;
        right: -20%;
    }

    .surface {
        background: url('../images/surface_s.png') no-repeat;
        width: 1000px;
        height: 667px;
        top: 55%;
        left: -20%;
    }

    .noodle01 {
        background: url('../images/noodle01_s.png') no-repeat;
        width: 600px;
        height: 637px;
        top: 33%;
        right: -5%;
    }

    .noodle02 {
        background: url('../images/noodle02_s.png') no-repeat;
        width: 600px;
        height: 573px;
    }
}

@media (max-width: 1200px) {
    .chopsticks {
        right: -45%;
    }

    .noodle01 {
        right: -10%;
    }
}

@media (max-width: 991px) {
    .gherkin {
        right: 3%;
    }

    .chopsticks {
        display: none;
    }

    .surface {
        top: auto;
        bottom: -30%;
        left: -20%;
    }

    .noodle01 {
        top: 35%;
        right: -10%;
    }

    .noodle02 {
        left: -10%;
    }
}

@media (max-width: 767px) {
    .egg {
        right: 20%;
    }

    .gherkin {
        top: 2%;
        right: -5%;
    }

    .surface {
        background: url('../images/surface_xs.png') no-repeat;
        width: 600px;
        height: 400px;
        bottom: -10%;
        left: -20%;
    }

    .noodle01 {
        background: url('../images/noodle01_xs.png') no-repeat;
        width: 400px;
        height: 425px;
        top: auto;
        bottom: 0;
    }

    .noodle02 {
        background: url('../images/noodle02_xs.png') no-repeat;
        width: 400px;
        height: 382px;
        top: -10%;
    }
}

@media (max-width: 480px) {
    .noodle01 {
        bottom: 0;
    }

    .egg,
    .gherkin {
        display: none;
    }
}


/*===================== Content =====================*/

#index_content {
    background: url('../images/index_bg.jpg') repeat;
    background-size: cover;
    box-shadow: 0px 20px 20px #000000;
    min-height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#index_content>.container {
    width: 550px;
    overflow: auto;
}


@media (max-width: 1080px) {
    #index_content {
        width: auto;
    }

    #index_content>.container {
        width: 550px;
    }
}

@media (max-width: 550px) {
    #index_content>.container {
        width: 400px;
    }
}

@media (max-width: 400px) {
    #index_content>.container {
        width: 300px;
    }
}

.logo {
    position: absolute;
    top: -15%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}

.content {
    padding: 0;
    padding-top: 80px;
}

.content h1 {
    font-weight: bold;
}

.content h1::before,
.content h1::after {
    display: none;
}

.content form {
    padding: 0 80px;
}

.content label {
    color: #6a1014;
    font-size: 14px;
}

@media (max-width: 550px) {
    .content form {
        padding: 0 20px;
    }
}

@media (max-width: 400px) {
    .content form {
        padding: 0;
    }
}

.btn {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #6a1014;
    border: 1px solid #f8f7f3;
    width: 120px;
    height: 50px;
    line-height: 40px;
    margin-bottom: 0;
}

.btn:hover {
    background: #9b2027;
}