.rwd-header {
        background: none repeat scroll 0 0 #0d328e;
    }
    
    .mm-list > li > a {
        display: inline-table;
    }
    
    .mm-list > li {
        padding-left: 10px;
    }
    
    .mm-menu,
    .mm-menu .mm-list a.reset {
        background: #244FC0;
    }
    
    #rwd-menu h3 {
        color: #042486;
    }
    
    #sf_submit {
        background: url('../images/search.png') 0 6px no-repeat;
        border: 0px;
        text-indent: -9999px;
        width: 13px;
    }
    
    .mm-menu .mm-selected > a {
        color: #fff;
    }
    
    .searchBox form#search_form {
        padding-bottom: 10px;
    }
    
    .mm-menu .mm-list li.contact_info {
        color: #8acdf4;
    }
    
    @media screen and (max-width: 1024px) {
        .header,
        .content,
        .breadcrumb,
        #navMenu,
        .bannerArea {
            width: 100%;
        }
        .colMain {
            width: 66%;
            padding: 0 2%;
        }
        .colSide {
            width: 26%;
            padding: 0 2%;
        }
        .search {
            clear: left;
            float: right;
            margin-top: -10px;
            margin-bottom: 2%;
        }
        .footer {
            padding: 0 2%;
            width: 96%;
        }
        .footNavBox #qrcode {
            right: 156px;
            margin-top: 85px;
        }
        #navMenu a {
            padding: 6px 17px;
        }
        /*首頁*/
        .index .content_box {
            width: 100%;
        }
        .index .boxA li,
        .index .boxB li {
            width: 14%;
            margin-right: 3%;
        }
        .container.index {
            overflow-x: hidden;
        }
        .footNavBox {
            margin-bottom: 0;
        }
    }
    
    @media screen and (max-width: 966px) {}
    
    @media screen and (max-width: 960px) {
        .footNavBox div {
            margin-right: 35px;
        }
        .index .boxA li,
        .index .boxB li {
            width: 13%;
        }
    }
    
    @media screen and (max-width: 853px) {
        .colSide>img {
            background-size: contain;
            width: 100%;
        }
        .colMain {
            width: 66%;
        }
        .lagH,
        .register {
            margin-top: 25px;
        }
        /*.search {
            width: 24%;
            margin: 0 0 0 0;
            margin-left: 61px;
        }*/
        .footNavBox div {
            margin-right: 23px;
        }
        .footNavBox #qrcode {
            right: 126px;
        }
        #navMenu a {
            padding: 6px 11px;
        }
        .index .boxA,
        .index .boxB {
            padding: 20px 0;
        }
        .index .boxA li,
        .index .boxB li {
            width: 11%;
        }
        .sf-arrows > li > .sf-with-ul:focus:after,
        .sf-arrows > li:hover > .sf-with-ul:after,
        .sf-arrows > .sfHover > .sf-with-ul:after {
            display: none;
        }
    }
    
    @media screen and (max-width: 840px) {
        .footNavBox #qrcode {
            right: 113px;
        }
        .search {
            margin-left: 6%;
        }
        .footNavBox div {
            width: 187px;
        }
        .social div {
            width: 120px;
        }
        .search {
            margin-top: -30px;
        }
        /*.footNavBox div {
            margin-right: 6px;
        }*/
    }
    
    @media screen and (max-width: 800px) {
        .footNavBox #qrcode {
            right: 113px;
        }
        .search {
            margin-left: 0;
        }
        .footNavBox div {
            width: 168px;
        }
        .social div {
            width: 100%;
        }
        .search #sf_keyword {
            width: 144px;
        }
        #navMenu a {
            padding: 6px 9px;
        }
        .index .boxA li,
        .index .boxB li {
            width: 21%;
            margin-right: 3%;
        }
        li.boxA_5 {
            clear: both;
        }
        .index img.index_li {
            display: none;
        }
        li.boxA_5,
        .boxA_9 {
            clear: both;
        }
    }
    
    @media screen and (max-width:768px) {
        .colMain {
            width: 96%;
            padding: 0 2%;
        }
        .footNavBox,
        .info {
            display: none;
        }
        .footer p {
            background: #0d328e;
            width: 100%;
            text-align: center;
            height: 40px;
            line-height: 40px;
        }
        .footer {
            padding: 0;
            width: 100%;
        }
        footer {
            background: none;
            height: auto;
        }
        .index .boxA li>ul>a>li {
            width: 97%;
        }
    }
    
    @media screen and (max-width:603px) {
        .index .boxA li,
        .index .boxB li {
            width: 29%;
        }
        li.boxA_5 {
            clear: none;
        }
        li.boxA_4,
        li.boxA_10 {
            clear: both;
        }
        li.boxA_7 {
            clear: left;
        }
        li.boxA_9 {
            clear: inherit;
        }
    }
    
    @media screen and (max-width:568px) {
        .index .boxA li>ul>a>li {
            width: 95%;
        }
    }
    
    @media screen and (max-width:533px) {
        .footer p {
            font-size: 84%;
        }
    }
    
    @media screen and (max-width:480px) {
        .colMain {
            width: 90%;
            padding: 0 5%;
        }
        .index .boxA li,
        .index .boxB li {
            width: 45%;
        }
        li.boxA_3,
        li.boxA_9 {
            clear: both;
        }
        li.boxA_4,
        li.boxA_10 {
            clear: inherit;
        }
        .catalogCont .colMain {
            width: 94%;
            padding: 0 2%;
            float: none;
        }
        .index .boxA {
            padding: 0 0;
        }
        .index .boxA li>ul>a>li {
            width: 93%;
        }
    }
    
    @media screen and (max-width:414px) {
        .index .boxA li>ul>a>li {
            width: 91%;
        }
        li.boxA_5 {
            clear: both;
        }
        .footer p {
            font-size: 100%;
            word-wrap: break-word;
            height: 57px;
            text-align: left;
            padding-left: 3px !important;
            line-height: 23px;
            padding-top: 10px;
        }
    }
    
    @media screen and (max-width:375px) {
        .catalogCont .colMain {
            width: 95%;
            padding: 0 2%;
            float: none;
        }
        .sortBox {
            width: 90% !important;
        }
        .ecatalogList td {
            padding: 7px 6px 8px;
        }
        .catalogCont p.result {
            margin-right: -10%;
        }
    }
    
    @media screen and (max-width:360px) {
        .footer p {
            font-size: 89%;
        }
        .ecatalogList th {
            padding: 5px 2px 5px;
        }
    }
    
    @media screen and (max-width:320px) {
        .footer p {
            font-size: 79%;
        }
        .index .boxA li {
            width: 44%;
        }
        .index .boxA li>ul>a>li {
            width: 89%;
        }
        .ecatalogList td {
            padding: 7px 0px 8px;
        }
    }