@media screen and (max-width:960px) and (min-width:760px) {

    /* b */
    html {
        font-size: 16px;
    }

    .mobile-search{
        display: none;
    }
    header {
        display: flex;
        width: 100vw;
        height: 4rem;
        justify-content: center;
    }

    .PC-H {
        display: flex;
        width: 92rem;
    }

    .PC-h-left {
        color: rgb(100, 164, 67);
        font-size: 2rem;
        font-style: italic;
        font-weight: bold;
        line-height: 4rem;
        /* padding-left: 1rem; */

    }

    .PC-h-left:hover {
        cursor: pointer;
    }

    .PC-h-middle {
        line-height: 4rem;
        width: 100%;
        position: relative;
    }

    .PC-h-middle img {
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: 1.5rem;
        left: 5.5rem;
    }

    .PC-h-middle input {
        width: 60%;
        height: 1.8rem;
        margin-left: 5rem;
        /* border: 0; */
        outline: none;
        padding-left: 1.5rem;
        color: #aaaaaa;
        border: .1rem solid white;
        border-radius: .4rem;
        box-shadow: 0 0 .5rem #999999;
    }

    .PC-h-middle input ::placeholder{
        color: #aaaaaa;
    }

    .PC-h-middle button {
        margin-left: .5rem;
        width: 3rem;
        height: 2rem;
        line-height: 2rem;
        display: none;
    }

    .PC-h-right {
        margin-left: auto;
        width: 35rem;
        font-size: .85rem;
    }
}