/*

1024模式檢視--視窗寬度大於768px但小於1024px。

*/

@media only screen and (min-width: 769px) and (max-width: 1025px) {}


/*

768模式檢視--視窗寬度大於426px但小於769px。

*/

@media only screen and (min-width: 426px) and (max-width: 769px) {
    div#main-menu {
        display: none;
    }
    div#language {
        display: none;
    }
    #top-logo {
        margin-top: 20px;
    }
    .menu-footer-menu-container {
        display: none;
    }
    .menu-footer-menu-tw-container {
        display: none;
    }
    #nav {
        height: 180px;
    }
    .page-banner {
        width: 100%;
        height: 300px;
        padding: 7% 0 0;
        position: relative;
        overflow: hidden;
        clip-path: polygon(0% 12.6801%, 100% 0%, 100% 100%, 0% 100%);
        bottom: 50px;
        margin-bottom: -50px;
    }
    .footer-l-con {
        margin-bottom: 30px;
    }
    .table-system-forall table{
        font-size: 0.8em;
    }
    .table-system-forall table td{
        padding: 10px 5px 10px 5px;
    }
}


/*

425模式檢視--視窗寬度小於426px。

*/

@media only screen and (max-width:426px) {
    div#main-menu {
        display: none;
    }
    div#language {
        display: none;
    }
    #footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4992cc+0,ffffff+100 */
        background: rgb(73, 146, 204);
        /* Old browsers */
        background: -moz-linear-gradient(left, rgba(73, 146, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(73, 146, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(73, 146, 204, 1) 0%, rgba(73, 146, 204, 1) 0%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4992cc', endColorstr='#ffffff', GradientType=1);
        /* IE6-9 */
        width: 100%;
        padding: 4% 0 0;
        position: relative;
        overflow: hidden;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .footer-l-title {
        text-align: center;
    }
    .footer-l-con {
        text-align: center;
        margin-bottom: 15px;
    }
    .footer-copyright {
        display: none;
    }
    #menu-footer-menu {
        display: none;
    }
    #menu-footer-menu-tw {
        display: none;
    }
    #top-logo {
        margin-top: 20px;
        padding: 0px;
    }
    #nav {
        height: 170px;
    }
    .archive-post {
        padding-right: 0px;
    }
    .page-banner {
        width: 100%;
        height: 180px;
        padding: 0;
        position: relative;
        overflow: hidden;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        bottom: 10px;
        margin-bottom: 10px;
    }
    span.page-numbers.current {
        background-color: #4891cc;
        padding: 13px 17px;
        color: #fff;
        margin: 10px;
    }
    body {
        font-size: 16px;
    }
    p {
        line-height: 26px;
    }
    .post-cont h1 {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 30px;
    }
    .archive-post-date {
        margin-bottom: 8px;
    }
    .archive-post-title {
        font-size: 26px;
        line-height: 34px;
    }
    .vc_gitem-post-data {
        margin-bottom: 5px!important;
    }
    .single-product-page-title {
        margin-top: 0px;
        text-align: center!important;
    }
    .wpb_single_image.wpb_content_element.vc_align_left {
        margin-bottom: 0px;
    }
    .wpb_single_image .vc_single_image-wrapper {
        text-align: center;
    }
    .wpb_single_image img {
        max-width: 60%!important;
    }
    /*-料號確定後可刪-*/
    .table-system-computer {
        display: none;
    }
    .table-system-mobile {
        display: block;
    }
    .table-system-mobile table {
        font-size: 0.8em;
    }
    .table-system-mobile table td {
        padding: 10px 5px 10px 5px;
    }
     /*-料號確定後可刪-over-*/
     .table-system-forall {
        margin-bottom: 0px;
    }    
    .table-system-forall table{
        font-size: 0.8em;
    }
    .table-system-forall table td{
        padding: 10px 5px 10px 5px;
    }
    .md-table-title .content {
    font-size: 0.8em;
    }
    .md-table-title p > strong{
    font-size: 1em;
    font-weight: bolder;
    padding-left: 5px;
    }

    .page-top-banner-space-map {
        height: 220px;
    }
    .iwm_map_canvas {
    margin-top: 0px;
    }
    #md-map-info{
        margin-top: -60px;
    }
        /*---修改跳出視窗大小與居中---*/
    .mpfy-p-popup-style-two {
        max-width: 90%!important;
        margin-left: 5%!important;
    }
        section.mpfy-p-popup.mpfy-p-popup-style-two.mpfy-p-nomedia {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}