/* ie */

.row-fluid div.imgLeft{

    *float: left;

    *width: 55%;

}

.row-fluid div.wordRight{

    *float: right;

    *width: 34%;

}







#section_1 .section_block .imgLeft{

    *left:-200px;

}

#section_1 .section_block .wordRight{

    *margin-top:100px;

}






#QuickSetup, #DisplayZones, #CustomizableResolutions {
    background: #fff !important;

 }

 #IntuitiveVideoWall img {
    position: relative;
    transform: scale(1);
    margin-top: 20px;
}


a.play_btn.Button_Lightbox {
    opacity: 1.0;
    transition: all 0.2s ease-in-out 0s;
}

a.play_btn.Button_Lightbox:hover {
    opacity: 0.85;
    transition: all 0.2s ease-in-out 0s;
}


@Media (min-width: 1200px) {

    div.section_block .row-fluid {
        /*display: flex !important;
        align-items: center !important;*/
    }

    #IntuitiveVideoWall div.section_block {
        margin: 110px 0 100px 0 !important;
    }

/* 讓左右邊的圖到 float 指定左右位置 */
    .row-fluid div.wordRight, .row-fluid div.wordLeft {
        min-height: 300px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
    }


    /* 讓左右邊的圖到 float 指定左右位置 */
    #DisplayZones .row-fluid div.wordLeft, #CustomizableResolutions .row-fluid div.wordLeft {
        min-height: 478px;
        width: 40%;
    }

    #DisplayZones img, #CustomizableResolutions img {
        max-width: 120%;
        position: relative;
        left: -1%;
    }



    #DisplayZones div.section_block, #CustomizableResolutions div.section_block {
        margin: 90px 0 100px;
    }

    #DisplayZones div.section_block {
        margin: 90px 0 100px !important;
    }
}





 @Media (min-width: 980px) and (max-width: 1199px) {

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

}








 #LiveStreaming{
    background: #96b1ce;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #96b1ce 84%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(84%,#96b1ce));
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#96b1ce 84%);
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#96b1ce 84%);
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#96b1ce 84%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#96b1ce 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#96b1ce',GradientType=1 );
}



#IntuitiveVideoWall {
    background: #b7c0c9;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #abb8c6 84%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(84%,#abb8c6));
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#abb8c6 84%);
    background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#abb8c6 84%);
    background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#abb8c6 84%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#abb8c6 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#abb8c6',GradientType=1 );
 }

 

 img:not(#bottom_bg img) {
    filter: drop-shadow(5px 15px 10px rgba(0, 0, 0, 0.15));
}

img:not(#bottom_bg img):not(.brand img) {
    filter: drop-shadow(5px 15px 10px rgba(0, 0, 0, 0.15));
}

.Web_GUI img {
    filter: drop-shadow(5px 15px 10px rgba(0, 0, 0, 0.15));
}


.RedDot img {
    width: 12%;
    position: relative;
    display: inline-block;
    bottom: 135px;
    right: -22%;
    filter: drop-shadow(5px 15px 10px rgba(0, 0, 0, 0.05)) !important;

}

#DisplayZones img{
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.05)) !important;
}

.note_pic {
    font-weight: 600;
    color: #005e8a;
    color: #074576;
    line-height: 1.4em;
    display: block;
    position: relative;
    text-align: left;
    margin: 0 auto;
}

.note_pic::before {
    /* Font Icon
    content: "\f0da";
    color: #0c93cb;
    color: #7eb015;
    font-family: "Font Awesome 5 Free";
    font-size: 1em;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    line-height: 1em !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
    top: -7px !important;*/

    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    text-align: center;
    background-color: #7eb015;
    clip-path: polygon(70% 50%, 0 0, 0 100%);
    clip-path: polygon(50% 30%, 0% 100%, 100% 100%);
    left: -15px;
    top: 3px;
}

@Media (min-width: 1024px) { 

    .note_pic {
    text-align: left !important;
    width: 90%;
    }

}


@Media (min-width: 1200px) { 

    .note_pic {
    width: 70%;
    width: 80%;
    }

    .note_pic {
    left: 16%;
    left: 17%;
    }
}



/* 大螢幕 */

@Media (min-width: 1200px) { 

    /* 加 a 變小 >> 要放大 */
    #CustomizableResolutions a img {
        max-width: 135%;
    }

    .row-fluid div.imgLeft{

        float: left;

        width: 55%;

    }

    .row-fluid div.wordRight{

        float: right;

        width: 34%;

    }


#section_1 .section_block{
	
	margin: 190px 0 100px;
    margin: 90px 0 100px 0; /* @20180928 */

       /* margin: 170px 0 130px; */

    }





    #section_1 .section_block .imgLeft{

        left:-200px;

    }
	
	
#section_1 .edgeBlock img{
	
    margin-left: -105px;
    margin-top: -70px;
    max-width: 120%;
/*
max-width: 110%;
margin-left:-60px;
*/
}








    #section_1 .section_block .wordRight{

        margin-top:100px;

    }
	
	
	
	    #section_2 .section_block {

    }



    /* VM1600 圖片定義 */

    #section_2 .cover_block img{

        max-width:none; 

        width:45%; 

        margin:100px 0 0 0px;

    }



    #section_2 .section_block .cover_block{

        

    }












    #QuickSetup div.section_block {

       margin-top:90px;

        margin-bottom:100px;

    }





    #QuickSetup div.section_block .features_banner_top {

        margin-top:30px;

    }







    /* 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;

    }









/*----------- New Section >> #IntuitiveVideoWall ---------------*/

#IntuitiveVideoWall {
    background-color: #fff;
}


.Icon_4K_HDR img {
    transform: scale(0.8);
}






    /* bg 高度 */

    #LiveStreaming .swipe-wrap .bg{

        height: 860px;

    }





    #LiveStreaming div.section_block {

        margin-top:100px;
        margin-bottom:100px;

    }





    #LiveStreaming .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;

        */

    }



    #LiveStreaming .section_block .wordRight{

        width: 50%;

    }





    /* Seamless Switch Logo 圖片定義 */

    #LiveStreaming img{

        max-width:none; 
        width: 110%;
        position: relative;
        left: -12%;
        margin:0px 0px 0 0px;

    }





    #section_6 .section_block .wordLeft{

        width: 40%;

        /*margin:170px 0px 0 0px;*/
		margin:60px 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;

    }









}















/* 一般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%;

    }
	
	
#section_1 .edgeBlock img{
max-width: 120%;
margin-left:-60px;
}

#section_1 .page_title span, #section_1 .page_title{
    font-size: 50px;
}



    /* VM1600 圖片定義 */

    #section_2 .cover_block img{

        max-width:none; 

        width:45%; 

      /*  margin:0px 0 0 50px; */

    }







    #section_1 .section_block .imgLeft{

        left:-370px;

    }

    #section_1 .section_block .wordRight{

        margin-top:100px;

    }








    #QuickSetup div.section_block .features_banner_top {

        margin-top:0px;

    }











    /* 只針對此 Features 頁面的此解析度作用,所以不寫進共用的CSS */

    .page_title span, .page_title {

        font-size:47px;

        line-height:50px;

    }



    #QuickSetup .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;
		width:30%;

    }

	

	

	

		/* 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: 800px;

    }





    #LiveStreaming .section_block .wordRight{

        width: 40%;

    }







    /* bg 高度 */

    #LiveStreaming .swipe-wrap .bg{

        height: 880px;

    }





    /* Seamless Switch Logo 圖片定義 */

    #LiveStreaming img{

        max-width:none; 

        width:120%; 

        margin:40px 0px 0 0px;

    }



    #LiveStreaming div.section_block {

        margin-top:90px;

        margin-bottom:100px;

    }





    #section_6 .section_block .wordLeft{

        margin:80px 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 .edgeBlock img{
max-width: 140%;
margin-left:0px;
}



    .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:45%; 

        margin:0px 0 0 50px;

    }



    .features_banner_top { margin-top:0px;}














    #QuickSetup .section_block .color_block{

        background-color:rgba(16, 78, 127, 0.65) ; 

        border:1px solid #1473b1;

    }





    /* Expand Cube 圖片定義 */

    #QuickSetup .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 高度 */

    #LiveStreaming .swipe-wrap .bg{

        height: 1200px;

    }





    /* Seamless Switch Logo 圖片定義 */

    #LiveStreaming 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;}








    /* Expand Cube 圖片定義 */





    #QuickSetup .section_block .color_block{

        background-color:rgba(16, 78, 127, 0.65) ; 

        border:1px solid #1473b1;

    }





    /* Expand Cube 圖片定義 */

    #QuickSetup .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 高度 */

    #LiveStreaming .swipe-wrap .bg{

        height: 1170px;

    }





    /* Seamless Switch Logo 圖片定義 */

    #LiveStreaming 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 高度 */

    #LiveStreaming .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;}







    #QuickSetup .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 高度 */

    #LiveStreaming .swipe-wrap .bg{

        height: 1170px;

    }



    #LiveStreaming .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;

    }



}