/* ie */
.row-fluid div.imgLeft{
    *float: left;
    *width: 55%;
}
.row-fluid div.wordRight{
    *float: right;
    *width: 34%;
}

#section_1 div.section_block {
    *margin-top:40px;
}

#section_1 .section_block .imgLeft{
    *left:-200px;
}
#section_1 .section_block .wordRight{
    *margin-top:100px;
}

.features_banner_top { *margin-top:75px;}






/* 大螢幕 */
@Media (min-width: 1200px) { 
    .row-fluid div.imgLeft{
        float: left;
        width: 55%;
    }
    .row-fluid div.wordRight{
        float: right;
        width: 34%;
    }

    #section_1 div.section_block {
        margin-top:40px;
        margin-bottom:0px;
    }

    #section_1 .section_block .imgLeft{
        left:-200px;
    }


    #section_1 .section_block .wordRight{
        margin-top:100px;
    }

    /* VM1600 圖片定義 */
    #section_2 .cover_block img{
        max-width:none; 
        width:180%; 
        margin:370px 0 0 -200px;
    }

    #section_2 .section_block .cover_block{
        height: 800px;
    }

    #section_3 div.section_block {
        margin-top:320px;
        margin-bottom:120px;
    }


    #section_3 div.section_block .features_banner_top {
        margin-top:80px;
    }



    /* Vedio Wall 圖片定義 */
    #section_4 .sub_feature1 img{
        max-width:none; 
        width:130%; 
        margin:-100px 0 0 0px;
    }




    /* Wall Setup 圖片 edge 動態 */
    #section_4 .row-fluid div.imgLeft{
        width:45%; /* 為容器寬度定義 > 要看 span or offset 的值多少而定 */
        /* edge 放大縮少使用 */
        -webkit-transform:scale(1.1);	
        -moz-transform:scale(1.1);
        transform:scale(1.1);

        left:-250px; top:100px;
    }
	
	
	
	
	/* Wall Matrix Solution 圖片 edge 動態 */
    #section_4 .row-fluid div.imgRight{
        width:45%; /* 為容器寬度定義 > 要看 span or offset 的值多少而定 */
        /* edge 放大縮少使用 */
        -webkit-transform:scale(0.65);	
        -moz-transform:scale(0.65);
        transform:scale(0.65);

        left:-230px; top:-200px;
    }



    /* 本來高度 */
    #section_4 .item .section_block{
        height: 800px;
    }

    /* 超過 800px 會覆蓋掉 */
    #section_4 .section_block .cover_block{
        height: 800px;
    }


    #section_4 .section_block .wordLeft{
        margin-top:70px;
    }


    #section_4 .section_block .wordRight{
        margin-top:70px;
    }



    /* bg 高度 */
    #section_5 .swipe-wrap .bg{
        height: 860px;
    }


    #section_5 div.section_block {
        margin-top:150px;
        margin-bottom:170px;
    }


    #section_5 .section_block .color_block{
        background-color:rgba(0, 35, 125, 0.65) ; 
        border:1px solid #1a56ed;
        /*
        background-color:rgba(16, 78, 127, 0.65) ; 
border:1px solid #1473b1;
        */
    }

    #section_5 .section_block .wordRight{
        width: 40%;
    }


    /* Seamless Switch Logo 圖片定義 */
    #section_5 img{
        max-width:none; 
        width:100%; 
        margin:0px 0px 0 0px;
    }


    #section_6 .section_block .wordLeft{
        width: 40%;
        margin:170px 0px 0 0px;
    }


    /* Power 圖片定義 */
    #section_6 img{
        max-width:none; 
        width:200%; 
        margin:-420px 0px 0 -50px;
    }


    /* bg 高度 */
    #section_6 .swipe-wrap .bg{
        height: 1600px;
    }


    /* 超過 800px 會覆蓋掉 */
    #section_6 .section_block .cover_block{
        height: 700px;
    }



    .features_banner_top { margin-top:75px; margin-left:20px;}
}







/* 一般pc小螢幕 */
@Media (min-width: 980px) and (max-width: 1199px) { 
    .row-fluid div.imgLeft{
        float: left;
        width: 55%;
    }
    .row-fluid div.wordRight{
        float: right;
        width: 40%;
    }

    /* VM1600 圖片定義 */
    #section_2 .cover_block img{
        max-width:none; 
        width:190%; 
        margin:0px 0 0 50px;
    }

    #section_1 div.section_block {
        margin-top:40px;
    }

    #section_1 .section_block .imgLeft{
        left:-370px;
    }
    #section_1 .section_block .wordRight{
        margin-top:100px;
    }

    #section_1 div.section_block {
        margin-top:40px;
        margin-bottom:0px;
    }


    #section_3 div.section_block .features_banner_top {
        margin-top:0px;
    }



    .features_banner_top { margin-top:75px;}

    /* 只針對此 Features 頁面的此解析度作用,所以不寫進共用的CSS */
    .page_title span, .page_title {
        font-size:47px;
        line-height:50px;
    }

    #section_3 .section_block .color_block{
        background-color:rgba(16, 78, 127, 0.65) ; 
        border:1px solid #1473b1;
    }


    /* Vedio Wall 圖片定義 */
    #section_4 .cover_block img{
        max-width:none; 
        width:200%; 
        margin:-180px 0px 0 0px;
    }
	
	
	
	/* Wall Setup 圖片 edge 動態 */
    #section_4 .row-fluid div.imgLeft{

        /* edge 放大縮少使用 */
        -webkit-transform:scale(0.85);	
        -moz-transform:scale(0.85);
        transform:scale(0.85);

        left:-170px; top:45px;
    }
	
	
	
		/* Wall Matrix Solution 圖片 edge 動態 */
    #section_4 .row-fluid div.imgRight{
        width:45%; /* 為容器寬度定義 > 要看 span or offset 的值多少而定 */
        /* edge 放大縮少使用 */
        -webkit-transform:scale(0.7);	
        -moz-transform:scale(0.7);
        transform:scale(0.7);

        left:-150px; top:-90px;
    }


    /* 本來高度 */
    #section_4 .item .section_block{
        height: 700px;
    }


    /* 超過 500px 會覆蓋掉 */
    #section_4 .section_block .cover_block{
        height: 500px;
    }


    #section_5 .section_block .wordRight{
        width: 40%;
    }



    /* bg 高度 */
    #section_5 .swipe-wrap .bg{
        height: 880px;
    }


    /* Seamless Switch Logo 圖片定義 */
    #section_5 img{
        max-width:none; 
        width:120%; 
        margin:40px 0px 0 0px;
    }

    #section_5 div.section_block {
        margin-top:90px;
        margin-bottom:100px;
    }


    #section_6 .section_block .wordLeft{
        margin:230px 0px 0 0px;
    }


    /* Power 圖片定義 */
    #section_6 img{
        max-width:none; 
        width:200%; 
        margin:-10px 0px 0 15px;
    }


    /* bg 高度 */
    #section_6 .swipe-wrap .bg{
        height: 1600px;
    }


    /* 超過 800px 會覆蓋掉 */
    #section_6 .section_block .cover_block{
        height: 700px;
    }





}

/* 平板電腦、橫向手機和一般桌機解析度 */
@Media (min-width: 768px) and (max-width: 979px) { 
    .row-fluid div.imgLeft{
        float: left;
        width:100%;
    }

    #section_1 div.section_block {
        margin-top:40px;
    }

    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:50px;
    }
    #section_1 .section_block .imgLeft{
        left:0px;
    }

    #section_1 .imgLeft{
        margin-left:-30px;
    }

    /* VM1600 圖片定義 */
    #section_2 .cover_block img{
        max-width:none; 
        width:170%; 
        margin:0px 0 0 50px;
    }

    .features_banner_top { margin-top:0px;}

    #section_1 div.section_block {
        margin-top:50px;
		margin-bottom:-50px;
    }

    #section_3 .section_block .color_block{
        background-color:rgba(16, 78, 127, 0.65) ; 
        border:1px solid #1473b1;
    }


    /* Expand Cube 圖片定義 */
    #section_3 .section_block img{
        max-width:none; 
        width:150%; 
        margin:0px 0px 0 60px;
    }



    /* Vedio Wall 圖片定義 */
    #section_4 .cover_block img{
        max-width:none; 
        width:250%; 
        margin:-40px 0px 0 0px;
    }
	
	
	
	/* Wall Setup 圖片 edge 動態 */
    #section_4 .row-fluid div.imgLeft{

        /* edge 放大縮少使用 */
        -webkit-transform:scale(0.85);	
        -moz-transform:scale(0.85);
        transform:scale(0.85);

        left:-100px; top:45px;
    }
	
	
	
		/* Wall Matrix Solution 圖片 edge 動態 */
    #section_4 .row-fluid div.imgRight{
        /* width:45%; */ /* 為容器寬度定義 > 要看 span or offset 的值多少而定 */
        /* edge 放大縮少使用 */
        -webkit-transform:scale(1.2);	
        -moz-transform:scale(1.2);
        transform:scale(1.2);

        left:-120px; top:-80px;
    }
	
	


    /* 本來高度 */
    #section_4 .item .section_block{
        height: 1000px;
    }


    /* 超過 500px 會覆蓋掉 */
    #section_4 .section_block .cover_block{
        height: 500px;
    }


    /* bg 高度 */
    #section_5 .swipe-wrap .bg{
        height: 1200px;
    }


    /* Seamless Switch Logo 圖片定義 */
    #section_5 img{
        max-width:none; 
        width:150%; 
        margin:0px 0px 0 70px;
    }


    #section_6 .section_block .wordLeft{
        margin:100px 0px 0 0px;
    }


    /* Power 圖片定義 */
    #section_6 img{
        max-width:none; 
        width:200%; 
        margin:50px 0px 0 15px;
    }


    /* bg 高度 */
    #section_6 .swipe-wrap .bg{
        height: 1600px;
    }


    /* 超過 800px 會覆蓋掉 */
    #section_6 .section_block .cover_block{
        height: 550px;
    }


}

/* 橫向智慧手機到竪立平板電腦解析度 */
@Media (max-width: 767px) { 
    .row-fluid div.imgLeft{
        float: left;
        width:100%;
    }
    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:40px;
    }
    #section_1 .section_block .imgLeft{
        left:0px;
    }

    .features_banner_top { margin-top:0px;}

    #section_1 div.section_block {
        margin-top:50px;
        margin-bottom:0px;
    }

    #section_3 .section_block .color_block{
        background-color:rgba(16, 78, 127, 0.65) ; 
        border:1px solid #1473b1;
    }


    /* Expand Cube 圖片定義 */
    #section_3 .section_block img{
        max-width:none; 
        width:100%; 
        margin:0px 0 0 0px;
    }


    /* Vedio Wall 圖片定義 */
    #section_4 .cover_block img{
        margin:-70px 0px 0 0px;
    }
	
	
	
	/* Wall Setup 圖片 edge 動態 */
    #section_4 .row-fluid div.imgLeft{

        /* edge 放大縮少使用 */
        -webkit-transform:scale(0.9);	
        -moz-transform:scale(0.9);
        transform:scale(0.9);

        left:-25px; top:-35px;
    }
	
	
	
	/* Wall Matrix Solution 圖片 edge 動態 */
    #section_4 .row-fluid div.imgRight{
        /* width:45%; */ /* 為容器寬度定義 > 要看 span or offset 的值多少而定 */
        /* edge 放大縮少使用 */
        -webkit-transform:scale(1.1);	
        -moz-transform:scale(1.1);
        transform:scale(1.1);

        left:-40px; top:-80px;
    }
	
	


    /* 本來高度 */
    #section_4 .item .section_block{
        height: 800px;
    }

    /* 超過 800px 會覆蓋掉 */
    #section_4 .section_block .cover_block{
        height: 800px;
    }


    /* bg 高度 */
    #section_5 .swipe-wrap .bg{
        height: 1170px;
    }


    /* Seamless Switch Logo 圖片定義 */
    #section_5 img{
        max-width:none; 
        width:75%; 
        margin:0px 0px 0 50px;
    }


    #section_6 .section_block .wordLeft{
        margin:30px 0px 0 0px;
    }


    /* Power 圖片定義 */
    #section_6 img{
        max-width:none; 
        width:100%; 
        margin:10px 0px 0 15px;
    }


    /* bg 高度 */
    #section_6 .swipe-wrap .bg{
        height: 1600px;
    }


    /* 超過 800px 會覆蓋掉 */
    #section_6 .section_block .cover_block{
        height: 550px;
    }



}





/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px) { 


    /* bg 高度 */
    #section_5 .swipe-wrap div.bg{
        height: 1110px;
    }

}





/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) { 
    .row-fluid div.imgLeft{
        float: left;
        width:100%;
    }

    .row-fluid div.wordRight{
        float: right;
        width:100%;
        margin-bottom:10px;
    }


    #section_1 .section_block .imgLeft{
        left:0px;
    }

    .features_banner_top { margin-top:0px;}

    #section_1 div.section_block {
        margin-top:5px;
        margin-bottom:0px;
    }

    #section_3 .section_block .color_block{
        background-color:rgba(16, 78, 127, 0.9) ;
        border:0px solid #1b8bd4;
    }


    /* Vedio Wall 圖片定義 */
    #section_4 .cover_block img{
        margin:-50px 0px 0 0px;
    }


    #section_4 .section_block .wordRight{
        margin:10px 0px 0 0px;
    }


    /* 本來高度 */
    #section_4 .item .section_block{
        height: 900px;
    }

    /* 超過 800px 會覆蓋掉 */
    #section_4 .section_block .cover_block{
        height: 900px;
    }



    /* Wall Setup 圖片 edge 動態 */
    #section_4 .row-fluid div.imgLeft{

        /* edge 放大縮少使用 */
        -webkit-transform:scale(0.95);	
        -moz-transform:scale(0.95);
        transform:scale(0.95);

        left:-20px; top:150px;
    }
	
	
	
		/* Wall Matrix Solution 圖片 edge 動態 */
    #section_4 .row-fluid div.imgRight{
        /* width:45%; */ /* 為容器寬度定義 > 要看 span or offset 的值多少而定 */
        /* edge 放大縮少使用 */
        -webkit-transform:scale(1.2);	
        -moz-transform:scale(1.2);
        transform:scale(1.2);

        left:-18px; top:100px;
    }



    /* bg 高度 */
    #section_5 .swipe-wrap .bg{
        height: 1170px;
    }

    #section_5 .span5{
        clear:both;
    }


    #section_6 .section_block .wordLeft{
        margin:60px 0px 0 0px;
    }


    /* Power 圖片定義 */
    #section_6 img{
        max-width:none; 
        width:100%; 
        margin:10px 0px 0 0px;
    }


    /* bg 高度 */
    #section_6 .swipe-wrap .bg{
        height: 1600px;
    }


    /* 超過 800px 會覆蓋掉 */
    #section_6 .section_block .cover_block{
        height: 460px;
    }

}