/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>RWD套版前修正 v1.0*/
@media screen and (max-width: 1100px) {
    /*>>>>>>>>>>>>>>>>>>>>>>>>>手機板主選單*/
    .rwd-header {
        display: block;
    }
    .mm-panel > .mm-list {
        margin-left: 0;
        margin-right: 0;
    }
    .mm-list > li > a {
        padding-left: 0;
    }
    .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
        margin-left: 0;
    }
    .mm-list #search_form {
        margin-bottom: 10px;
    }
    .mm-menu {
        background: #777777;
    }
    .mm-menu .mm-list li.contact_info {
        padding: inherit;
    }
    .mm-menu .mm-list a.reset {
        background: inherit;
        padding: 0;
    }
    #rwd-menu h3 {
        margin-left: 0;
        color: rgba(255, 255, 255, 0.6)
    }
    .mm-list #search_form input::-webkit-input-placeholder {
        /* chrome 提示字顏色 */
        color: rgba(255, 255, 255, 0.6);
    }
    .mm-list #search_form input::-moz-placeholder {
        /* firefox 提示字顏色 */
        color: #FCCF17;
    }
    .mm-list #search_form input:-ms-input-placeholder {
        /* IE 提示字顏色 */
        color: #FCCF17;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<手機板主選單*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>全站-頁首基礎*/
    .logo,
    .lagH,
    .search,
    .register,
    nav {
        display: none;
    }
    header {
        padding-top: 0;
        width: 100%;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<全站-頁首基礎*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>全站-頁中基礎*/
    .content {
        width: 100%;
        overflow: hidden;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<全站-頁中基礎*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>全站-頁尾基礎*/
    footer {
        width: 100%;
        overflow: hidden;
    }
    .footer {
        padding: 15px;
        width: auto;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<全站-頁尾基礎*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>banner首頁+內頁*/
    .banner .slides {
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<banner首頁+內頁*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>首頁-頁中基礎*/
    .index .colMain {
        width: auto;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<首頁-頁中基礎*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>內頁-頁中基礎*/
    .breadcrumb {
        display: none;
    }
    .colSide {
        display: none;
    }
    .colMain {
        width: auto;
        padding: 0 15px;
        float: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<內頁-頁中基礎*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>產品頁-產品列表*/
    .productGrid .proList {
        margin: 0 0 20px;
    }
    .productGrid .proList img {
        max-width: 100%;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<產品頁-產品列表*/
}

@media screen and (max-width: 787px) {
    .list_imgXL .img {
        width: 190px;
    }
    .colMain img {
        max-width: none;
    }
}

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

@media screen and (max-width: 480px) {
    .colMain img {
        max-width: none;
        height: auto;
    }
    .productGrid.list_imgXL .proList {
        width: auto;
    }
    .sort,
    .psort {
        clear: right;
        margin-right: 0;
        margin-top: 10px;
    }
    /*>>>>>>>>>>>>>>>>>>>>>>>>>產品詳細頁*/
    .productPic {
        margin-right: 0;
        margin-bottom: 50px !important;
    }
    .glass-case {
        margin: 0 auto;
    }
    .productRight {
        text-align: center;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<產品詳細頁*/
}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<RWD套版前修正 v1.0*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>客製化*/
@media screen and (max-width: 1100px) {
    /*頁首*/
    header .right,
    header .left {
        display: none;
    }
    .banner {
        margin-top: 0;
    }
    /*頁首*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>首頁-擴充共用*/
    .extend .range {
        width: auto;
        padding: 0 15px;
    }
    .alignCenter {
        width: auto !important;
        padding: 0 15px;
    }
    .extend {
        padding: 30px 0;
    }
    .extend .title h2 {
        margin-bottom: 20px;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<首頁-擴充共用*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>首頁-擴充02*/
    .extend02 .bx-wrapper .bx-prev{
        left: 0px !important;
    }
    .extend02 .bx-wrapper .bx-next{
        right: 0px !important;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<首頁-擴充02*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>首頁-擴充03*/
    .extend03 .link {
        margin-top: 20px;
    }
    .extend-footer .branch li label {
        display: block;
    }
    .extend-footer .branch li span {
        display: block;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<首頁-擴充03*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>手機版選單*/
    #contact_menu {
        display: none;
    }
    .mm-menu .mm-list li.contact_info {
        display: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<手機版選單*/
}

@media screen and (max-width: 600px) {
    /*>>>>>>>>>>>>>>>>>>>>>>>>>首頁-擴充footer*/
    .extend-blocks .block {
        width: 50%;
    }
    .extend-blocks .block {
        margin-bottom: 20px;
    }
    .extend-blocks .block:nth-child(n+4) {
        margin-bottom: 20px;
    }
    .extend-footer .branch {
        width: 100%;
        margin-bottom: 20px;
    }
    .extend-footer .branch li label {
        display: table-cell;
    }
    .extend-footer .branch li span {
        display: table-cell;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<首頁-擴充footer*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>產品頁*/
    .listProCont .colMain,
    .showProCont .colMain {
        margin-top: 0;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<產品頁*/
    /*>>>>>>>>>>>>>>>>>>>>>>>>>首頁banner文字*/
    .bannerText h2{
        font-size: 160%;
        margin-bottom: 10px;
    }
    .bannerText h3{
        font-size: 120%;
        margin-bottom: 10px;
    }
    .bannerText a{
        padding: 6px 12px;
        border: solid 1px #898989;
        border-radius: 5px;
        display: inline-block;
        background: #fff;
        color: #000;
        text-shadow: none;
    }
    /*<<<<<<<<<<<<<<<<<<<<<<<<<首頁banner文字*/
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<客製化*/