@media screen and (min-width:1100px) {
    #main_frame{
        display:flex;
        flex-direction: column;
        width: 100%;
        overflow:hidden;
        justify-content: center;
        align-items: center;
    }

    #langer_chooice{
        margin-top: .5em;
        width: 90%;
        height:1.5em;
        display: grid;
        grid-template-columns: 80% 20%;
        grid-template-rows: 100%;

    }

    .langer_chooice_second_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 100%;
        grid-column-gap: 10%;
    }

    .langer_chooice_second_div_div{
        width: 98%;
        height: 98%;
        color: #0A0044;
        border-radius: .5rem;
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .langer_chooice_second_div_div:hover{
        color: #f4f8ff;
        background-color: #0A0044;
        font-weight: 800;
        cursor: pointer;
        transition: .3s;
    }

    .currect_langer_chooice_second_div_div{
        width: 98%;
        height: 98%;
        border-radius: .5rem;
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #f4f8ff;
        background-color: #0A0044;
        font-weight: 800;
    }

    #header{
        width: 90%;
        height: 7em;
        display: grid;
        grid-template-columns: 40% 67%;
        grid-template-rows: 100%;
        align-items: center;
        justify-content: center;
        grid-column-gap: 3%;
    }

    #header_div{
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-rows:100%;
        justify-content: center;
        align-items: center;
    }

    #header_div_div{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
    }

    #header_div_div_div1{
        font-size: 1.4rem;
    }

    #header_div_div_div2{
        font-size: 1rem;
    }

    #header_div2{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 12% 12% 12% 12% 12% 12% 12%;
        grid-template-rows: 100%;
        grid-column-gap: 2%;
        align-items: center;
    }

    #header_div3{
        display: none;
    }

    #header_div4{
        display: none;
    }

    #header_div4_div{
        display: none;
    }

    .currect_status{
        height: 40%;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        letter-spacing: .1rem;
        border-radius: .7em;
        background-color: #0A0044;
        color: #f4f8ff;
        font-weight: 800;
    }

    .choose_status{
        height: 40%;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        letter-spacing: .1rem;
    }

    .choose_status:hover{
        background-color: #0A0044;
        border-radius: .7em;
        color: #f4f8ff;
        cursor: pointer;
        transition: .3s;
    }

    #footer{
        margin-top: 5em;
        width: 100%;
        background-color: #0A0044;
        padding: 2em;
        color: #f4f8ff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #center_content_foo{
        margin-top: 2em;
        width: 80%;
        font-size: 1.3rem;
        border-top: #f4f8ff solid .1em;
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: 25% 30% 25% 20%;
        grid-template-rows: 100%;
    }

    #center_content_foo_beian{
        height:80%;
        width: 100%;
        display:grid;
        grid-template-columns:10% 90%;
        grid-template-rows:100%;
    }

    #center_content{
        width: 95%;
        height: 10em;
        display: grid;
        grid-template-columns: 35% 40% 20%;
        grid-template-rows: 100%;
        grid-column-gap: 3%;
    }

    .center_content_div{
        width: 100%;
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-rows: auto;
        align-items: center;
        justify-content: center;
    }

    .center_content_div_div{
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 50% 50%;

    }

    .center_content_div_div_div1{
        font-size: 1.3rem;
    }

    .center_content_div_div_div2{
        font-size: .85rem;
    }

    .center_content_div2{
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 30% 30% 30%;
        grid-column-gap: 3%;
        align-items: center;
        justify-content: center;
    }

    .center_content_div2_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 10% 100%;
        grid-template-rows: auto;
        grid-column-gap: 3%;
        align-items: center;
        font-size: 1rem;
    }

    .center_content_div3{
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 20% 50%;
    }

}


@media screen and (max-width:1099px) {
    #main_frame{
        display:flex;
        flex-direction: column;
        width: 100%;
        overflow:hidden;
        justify-content: center;
        align-items: center;
    }

    #langer_chooice{
        margin-top: 2em;
        width: 90%;
        height:7em;
        display: grid;
        grid-template-columns: .1% 99%;
        grid-template-rows: 100%;
    }

    .langer_chooice_second_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 100%;
        grid-column-gap: 10%;
        font-size: 3rem;
    }

    .langer_chooice_second_div_div{
        width: 98%;
        height: 98%;
        color: #0A0044;
        border-radius: 1.5rem;
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .langer_chooice_second_div_div:hover{
        color: #f4f8ff;
        background-color: #0A0044;
        font-weight: 800;
        cursor: pointer;
        transition: .3s;
    }

    .currect_langer_chooice_second_div_div{
        width: 98%;
        height: 98%;
        border-radius: 1.5rem;
        padding: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #f4f8ff;
        background-color: #0A0044;
        font-weight: 800;
    }


    #header{
        width: 90%;
        height: 20em;
        display: grid;
        grid-template-columns: 75% 15%;
        grid-template-rows: 100%;
        align-items: center;
        justify-content: center;
        grid-column-gap: 10%;
    }

    #header_div{
        display: grid;
        width: 100%;
        height: 100%;
        grid-template-columns: 30% 70%;
        grid-template-rows:100%;
        justify-content: center;
        align-items: center;

    }

    #header_div_div{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
    }

    #header_div_div_div1{
        font-size: 3rem;
    }

    #header_div_div_div2{
        font-size: 2.2rem;

    }

    #header_div2{
        display:none
    }

    #header_div3{
        width: 80%;
        height: 50%;
        color: #f4f8ff;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0A0044;
        border-radius: 100%;
        overflow: hidden;
    }

    #header_div4_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 14.5% 14.5% 14.5% 14.5% 14.5% 14.5% 14.5%;
        align-items: center;
        justify-content: center;
    }

    #header_div4{
        width: 100%;
        height: 80em;
        display: none;
    }

    .currect_status{
        height: 100%;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 5rem;
        letter-spacing: .1rem;
        background-color: #0A0044;
        color: #f4f8ff;
        font-weight: 800;
    }

    .choose_status{
        height: 100%;
        display: grid;
        align-items: center;
        justify-content: center;
        font-size: 5rem;
        border-bottom: #0A0044 solid .1rem;
        letter-spacing: .1rem;
    }

    #footer{
        margin-top: 5em;
        width: 100%;
        background-color: #0A0044;
        padding: 2em;
        color: #f4f8ff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    #center_content{
        width: 85%;
        height: 100em;
        display: grid;
        grid-template-rows: 15% 40% 35%;
        grid-template-columns: 100%;
        grid-row-gap: 5%;
    }

    .center_content_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 30% 70%;
        grid-template-rows: auto;
        align-items: center;
        justify-content: center;
    }

    .center_content_div_div{
        width: 100%;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 50% 50%;

    }

    .center_content_div_div_div1{
        font-size: 3.5rem;
    }

    .center_content_div_div_div2{
        font-size: 2.7rem;
    }

    .center_content_div2{
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 30% 30% 30%;
        grid-column-gap: 3%;
        align-items: center;
        justify-content: center;
    }

    .center_content_div2_div{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 10% 90%;
        grid-template-rows: auto;
        grid-column-gap: 3%;
        align-items: center;
        font-size: 3rem;
    }

    .center_content_div3{
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 20% 20% 20% 20% 20%;
    }

    .center_content_div3_div{
        width: 100%;
        height: 100%;
        font-size: 3rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #center_content_foo{
        margin-top: 2em;
        width: 100%;
        font-size: 3rem;
        border-top: #f4f8ff solid .1em;
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: 100%;
        grid-template-rows: 25% 25% 25% 25%;
    }

    #center_content_foo_beian{
        height:100%;
        width: 55%;
        display:grid;
        grid-template-columns:8% 92%;
        grid-template-rows:100%;
    }

}

*{
    font-family: REM;
    word-break: break-all;
}

a{
    color:initial;
    width: 100%;
    height: 100%;
    color: unset;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}