@media only screen and (max-width: 600px) {
    /*----------共用----------*/
    .logo {
        position: relative;
        width: 200px;
        max-width: inherit;
        float: none;
        margin: auto;
    }
    header {
        padding: 20px 3%;
    }
    header nav {
        width: 100%;
        float: none;
        padding-top: 20px;
        text-align: center;
    }
    header nav ul {
        position: relative;
        padding: 0;
        margin: 0;
        display: block;
    }
    header nav ul li {
        padding: 0 10px;
    }
    header nav ul li:nth-child(2) {
        border-left: none;
        margin-left: 0px;
    }
    /*--------------查詢結果---------------*/
    .carList {
        width: 100%;
        margin: 0px 0 20px 0;
        float: none;
    }
    /*頁碼*/
    .page {
        text-align: left;
    }
    /*--------------產品詳細---------------*/
    .detailPic {
        width: 100%;
    }
    .detailInfo {
        width: 100%;
    }
    .infoList .infoName {
        width: 35%;
    }
    .infoList .infoDes {
        width: 63%;
    }
}

@media only screen and (max-width: 400px) {
    /*form*/
    .listName {
        position: relative;
        width: 100%;
        float: none;
        padding: 0 0 10px 0;
    }
    .listInfo {
        position: relative;
        width: 100%;
        float: none;
    }
    /*--------------首頁---------------*/
    main.login {
        padding-top: 50px;
    }
    main.login form {
        ;
        padding: 20px;
    }
}