@media only screen and (max-width: 800px) {
    /*----------共用----------*/
    /*footer*/
    .copyright {
        width: 100%;
        float: none;
        padding-top: 20px;
    }
    .copyright p span {
        float: right;
        padding-top: 0;
        padding-right: 30px;
    }
    .footerInfo {
        width: 100%;
        float: none;
        border-bottom: #fff solid 1px;
        padding: 0px 0px 10px 0;
    }
    .footerArea {
        width: 35%;
    }
    .footerArea.contact {
        width: 65%;
    }
    /*內頁框架*/
    .insideBanner figure {
        height: 400px;
        max-height: 400px;
    }
    .insideBanner figure img {
        display: block;
        width: auto;
        height: 100%;
    }
    .insideBanner h1 {
        position: absolute;
        width: 100%;
        top: 55%;
        text-align: center;
        font-size: 1.8em;
    }
    aside {
        width: 96%;
        margin: auto;
        float: none;
    }
    .insideContent {
        width: 96%;
        margin: auto;
        float: none;
        padding-right: 0%;
    }
    /*----------首頁----------*/
    .psList {
        width: 50%;
        padding: 0px 2%;
        margin-bottom: 20px;
    }
    .aboutInfo {
        padding: 50px 2%;
    }
    /*----------產品頁----------*/
    /*詳細頁*/
    .detailPic {
        width: 46%;
        float: left;
    }
    .detailInfo {
        width: 50%;
        float: right;
    }
    .shareBtn {
        position: relative;
        float: left;
    }
    .productDetail table tr td {
        text-align: left;
    }
    .productDetail table tr:nth-child(odd) {
        background-color: #bbd4ef;
    }
    .productDetail table tr:nth-child(even) {
        background-color: #eee;
    }
    .productDetail table thead tr td {
        display: none;
    }
    .productDetail table td {
        display: block;
        border-bottom: #fff dotted 1px;
    }
    .productDetail table td:before {
        display: inline-block;
    }
    .productDetail iframe {
        height: 320px;
    }
    .prevNext a span {
        display: none;
    }
    .prevNext a span.phone {
        display: inline-block;
    }
}

@media only screen and (max-width: 600px) {
    /*----------共用----------*/
    /*header*/
    header {
        height: 130px;
        padding: 20px 0px;
    }
    header figure {
        max-width: 260px;
        width: 260px;
        float: none;
        margin: 0 auto 18px auto;
        padding-top: 0px;
        padding-right: 0%;
        padding-left: 3%;
      
    }
    nav {
        top: 125px;
    }
    .mailInfo {
        clear: both;
        width: 96%;
        float: none;
        padding: 0%;
        margin: auto;
        text-align: center;
    }
    /*footer*/
    .copyright p span {
        float: none;
        padding-top: 15px;
    }
    .footerArea {
        width: 35%;
    }
    .footerArea.contact {
        width: 65%;
    }
    /*----------焦點產品內頁----------*/
    .focusBg {
        text-align: center;
    }
    .downloadPdf {
        position: relative;
        top: auto;
        right: auto;
        padding-bottom: 20px;
    }
    .downloadPdf a {
        display: inline-block;
        background-color: #cc6600;
        color: #fff;
        padding: 10px 20px;
        border-radius: 3px;
        box-shadow: none;
    }
    /*----------產品頁----------*/
    .productList {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }
    /*詳細頁*/
    .detailPic {
        width: 100%;
        float: none;
    }
    .productPic a:after {
        display: none;
    }
    .productPic a:before {
        display: none;
    }
    .detailInfo {
        width: 100%;
        float: none;
    }
}

@media only screen and (max-width: 400px) {
    /*----------共用----------*/
    /*footer*/
    .footerArea {
        width: 100%;
        float: none;
        
    }
    .footerArea.contact {
        width: 100%;
        float: none;
        padding-bottom: 0px;
        padding-bottom: 20px;
    }
    .footerArea ul:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
    }
    .footerArea ul li {
        font-size: 1em;
        display: block;
        width: 50%;
        float: left;
    }
    .footerArea.contact ul li {
        font-size: 1em;
        width: 100%;
        float: none;
    }
    /*----------首頁----------*/
    .psList {
        width: 100%;
        float: none;
    }
}