/*Mweb RWD錯誤繼承修正v10
**作者: Alan 2016.08.11*/

@media (max-width: 1280px) {
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>基礎*/
    .range,
    .banner .flex-direction-nav {
        width: 100%;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<基礎*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>輪播共用*/
    .flex-direction-nav a.flex-prev {
        left: 0 !important;
    }
    .flex-direction-nav a.flex-next {
        right: 0 !important;
    }
    .flex-direction-nav {
        display: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<輪播共用*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>頁首*/
    .rwd-header {
        display: block !important;
    }
    .top,
    .navTop,
    .hair {
        display: none;
    }
    .hair {
        display: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<頁首*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>頁尾*/
    .bottom .range {
        box-sizing: border-box;
        padding-right: 15px;
        padding-left: 15px;
    }
    #qrcode {
        display: none;
    }
    .info {
        display: inline-block;
        /* width: 300px; */
        text-align: left;
    }
    .info li {
        /* margin: 0 auto; */
        text-align: left;
    }
    .info p {
        width: auto;
    }
    .info p span + span {
        display: block;
    }
    .navBot {
        display: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<頁尾*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>情境圖*/
    .banner .slides {
        position: relative;
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .banner .flex-control-nav {
        bottom: 5px;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<情境圖*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>頁中*/
    /*麵包屑*/
    .breadcrumb {
        display: none;
    }
    /*麵包屑*/
    /*基礎*/
    .colSide {
        display: none;
    }
    .colMain {
        box-sizing: border-box;
        width: 100%;
        padding: 0 15px;
    }
    /*基礎*/
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<頁中*/
}

@media screen and (max-width: 787px) {
    .range {
        width: 100% !important;
    }
    .colMain img {
        max-width: 100% !important;
    }
    .banner {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .productGrid .proList .img img {
        box-sizing: border-box;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }
    .content {
        margin: 0 auto !important;
        padding-right: 0;
        padding-left: 0;
    }
    ._nav_bottom {
        display: none;
    }
    .showProCont .productWrap > * {
        width: 100%;
    }
    .showProCont .productPic {
        margin-bottom: 50px;
    }
    /*最新消息-圖文式*/
    .news4 .newlist time {
        float: none !important;
        display: block;
        margin-left: 0;
    }
    .news4 .newlist .newsBrief {
        float: none;
        width: 100%;
    }
    .news4 .newlist .pic {
        float: none;
        width: 100%;
    }
    /*最新消息-圖文式*/
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .colMain img {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 480px) {
    .colMain img {
        max-width: 100% !important;
    }
    .productGrid .proList {
        width: auto !important;
    }
    .productList .proList .img {
        float: left;
    }

    .productList .proList .txt {
        float: left;
    }
}


/*----------------------------------------------------------------------------------------------------*/

@media (max-width: 1280px){
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 頁首 */
    .navBG{
        display: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 頁首 */
    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 首頁 */
    .index .colMain{
        padding-left: 0;
        padding-right: 0;
    }
    .section{
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .s01 .title h3{
        font-size: 36px;
    }
    .s02 .title h3{
        font-size: 36px;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 首頁 */

}

@media (max-width: 600px){
    .bottom .taR{
        text-align: center;
    }
}