/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Mweb 修正 7.0*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<Mweb 修正 7.0*/
@media (max-width: 1143px) {
	.colSide{
				width:260px;
	}
	}


@media (max-width: 1120px) {
.range,
.breadcrumb,
.banner .flex-direction-nav {
	width: 95%;
}
.top .left{
	width:100%;
		text-align: center;}
.logo img {
    display: inline-block;
}
.top .right{
	width:100%;
 margin-top: 20px;}
.webFunction{
	text-align:center;}
nav {
    margin-top: 0.5em;
}
#navMenu{
	margin-left: 0 !important;
}
	
}

@media (max-width: 1070px) {
	.colMain{
		width:650px;}
}
@media (max-width: 980px) {
    .range {
        width: 100%;
    }

    .rwd-header {
        display: block !important;
    }

    .top {
        display: none;
    }

    .bottom .range {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        text-align: center;
    }

    #qrcode {
        display: none;
    }

    .info li {
        margin: 0 auto;
        text-align: left;
    }

    .navBot {
        display: none;
    }
    .banner .slides {
        position: relative;
        left: 0%;
        width: 100%;
        margin-left: 0px;
    }

    .range, .breadcrumb, .banner .flex-direction-nav{
        width: 100%;
    }
    .flex-direction-nav a.flex-prev{
        left: 0 !important;
    }
    .flex-direction-nav a.flex-next{
        right: 0 !important;
    }
    .breadcrumb{
        display: none;
    }
    .colSide{
        display: none;
    }
    .colMain{
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 787px) {
    .range {
        width: 100% !important;
    }

    .colMain img {
        max-width: 100% !important;
    }

    .banner {
        width: 100%;
        left: 0;
        margin-left: 0;
    }

    .productGrid .proList .img img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
    }

    .content {
        margin: 0px auto !important;
        padding-left: 0;
        padding-right: 0;
    }

    ._nav_bottom{
        display: none;
    }
}

@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;
    }
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>客製化*/
@media (max-width: 1280px){
    .bottom .area02{
        flex-wrap: wrap;    
    }
    .bottom .area01{
        display: none;
   }

   .bottom .area02 .left{
        width: 100%;
        justify-content: space-between;
   }

   .bottom .area02 .right{
    width: 100%;
    text-align: center;
    margin-top: 1em;
   }
}
@media (max-width: 800px){
    .index .s3 .area{
        float: none;
        width: 100%;
    }
    .index .s3 .area + .area{
        margin-top: 50px;
    }
    .bottom .area02 .left{
        flex-wrap: wrap;
    }
    .bottom .area02 .info_box1{
        margin-bottom: 20px;
    }
    .bottom .area02 .info_box1,.bottom .area02 .info_2{
        width: 100%;
    }
}
@media (max-width: 400px){
    .bottom .area02 .left{
        text-align: left;
    }
    .info li{
        margin-left: 0;
    }
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<客製化*/