

/* =====================================================================================================
   Banner BG >> Video 影片 banner  ( 基於 RichContent_Parallax_Banner.css )
   ===================================================================================================== */

	#vid_BG {
	opacity: 0.9 !important;
	width: 100%;
	/*filter: blur(2px) ;*/
	}



	/* 用 jave 將產品區塊移除,再新生成產品區塊 */
	.parallax_product_section {
	z-index: 999;
	background: none;
	position: relative;
	/*top: -1000px;*/
	top: -630px;
	height: 0px;
	}



	/* 解決 parallax 動態一開始不消失問題 
	#content #parallax_banner .Full_Width_Rich_Content h4, 
	#content #parallax_banner .Full_Width_Rich_Content h3, 
	#content #parallax_banner .Full_Width_Rich_Content #parallax_banner_scro_button {
	opacity:0;
	}  
	*/


	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 180px;
	padding-bottom: 50px;
	}




/* parallax_banner >> Higher BG & Video > parallax_product_section > text_block > 會影響 banner 圖片與下一層的空間 */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	padding-bottom: 300px !important;
	}



	/* Video 背景顏色(#parallax_banner .RC_BG) */
	#parallax_banner .RC_BG {
	background-color: #08375e !important;
	background-color: rgba(8, 55, 94, 1.0);

	/*直線漸層-4 
	background: -moz-linear-gradient(-45deg, rgba(8, 55, 94, 1) 0%, rgba(8, 55, 94, 0.5) 50%, rgba(0, 182, 209, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 55, 94, 1) 0%, rgba(8, 55, 94, 0.5) 50%, rgba(0, 182, 209, 0) 100%);
	background: linear-gradient(135deg, rgba(8, 55, 94, 1) 0%, rgba(8, 55, 94, 0.5) 50%, rgba(0, 182, 209, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b8e', endColorstr='#0000b6d1', GradientType=1);
	*/

	/*直線漸層-3 
	background-color: #0024e7 !important;
	background: -moz-linear-gradient(-45deg, rgba(0, 59, 142, 1) 0%, rgba(0, 182, 209, 0.5) 50%, rgba(0, 182, 209, 0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 59, 142, 1) 0%, rgba(0, 182, 209, 0.5) 50%, rgba(0, 182, 209, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 59, 142, 1) 0%, rgba(0, 182, 209, 0.5) 50%, rgba(0, 182, 209, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b8e', endColorstr='#0000b6d1', GradientType=1);
	*/

	/* 圓形漸層 
	background: rgb(1,115,168);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(1,115,168,1) 0%, rgba(0,56,132,1) 69%) !important;
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,115,168,1) 0%,rgba(0,56,132,1) 69%) !important;
	background: radial-gradient(ellipse at center,  rgba(1,115,168,1) 0%,rgba(0,56,132,1) 69%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0173a8', endColorstr='#003884',GradientType=1 );
	*/

	/* 直線漸層-1
	background: rgb(0,56,132);
	background: -moz-linear-gradient(top,  rgba(0,56,132,1) 0%, rgba(1,115,168,1) 83%, rgba(0,182,209,1) 99%) !important;
	background: -webkit-linear-gradient(top,  rgba(0,56,132,1) 0%,rgba(1,115,168,1) 83%,rgba(0,182,209,1) 99%) !important;
	background: linear-gradient(to bottom,  rgba(0,56,132,1) 0%,rgba(1,115,168,1) 83%,rgba(0,182,209,1) 99%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003884', endColorstr='#00b6d1',GradientType=0 );
	*/

	/* 直線漸層-2 
	background: rgb(0,43,112);
	background: -moz-linear-gradient(top,  rgba(0,43,112,1) 0%, rgba(0,56,132,1) 14%, rgba(1,115,168,1) 83%, rgba(0,182,209,1) 99%) !important;
	background: -webkit-linear-gradient(top,  rgba(0,43,112,1) 0%,rgba(0,56,132,1) 14%,rgba(1,115,168,1) 83%,rgba(0,182,209,1) 99%) !important;
	background: linear-gradient(to bottom,  rgba(0,43,112,1) 0%,rgba(0,56,132,1) 14%,rgba(1,115,168,1) 83%,rgba(0,182,209,1) 99%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b70', endColorstr='#00b6d1',GradientType=0 ); */

	}




	#parallax_banner .RC_BG {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-attachment: fixed;*/
	/* banner scroll >> No delay */
	transition-duration: 0s !important;
	animation-duration: 0s !important;
	transition-delay: 0s !important;
	animation-delay: 0s !important;
	/* firefox */
	-moz-transition-duration: 0s !important;
	-moz-animation-duration: 0s !important;
	-moz-transition-delay: 0s !important;
	-moz-animation-delay: 0s !important;
	}





/* =====================================================================================================
          RWD   >>   Banner BG >> Video  ( 基於 RichContent_Parallax_Banner.css )
   ===================================================================================================== */



/* 橫向智慧手機到竪立平板電腦解析度 >> 768 以上 */
@Media (min-width: 768px) {

	/* parallax_banner (產品圖後) 背景色 >> 文字區塊後面 */
    #parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	/*background: -moz-linear-gradient(-45deg,  rgba(0,48,163,0.8) 0%, rgba(0,130,211,0) 78%, rgba(0,153,224,0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0,48,163,0.8) 0%,rgba(0,130,211,0) 78%,rgba(0,153,224,0) 100%);
	background: linear-gradient(135deg,  rgba(0,48,163,0.8) 0%,rgba(0,130,211,0) 78%,rgba(0,153,224,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 );*/

	background: -moz-linear-gradient(-45deg,  rgba(8, 55, 94,0.99) 0%,rgba(8, 55, 94,0.95) 78%,rgba(8, 55, 94,0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(8, 55, 94,0.99) 0%,rgba(8, 55, 94,0.95) 78%,rgba(8, 55, 94,0) 100%);
	background: linear-gradient(135deg, rgba(8, 55, 94,0.99) 0%,rgba(8, 55, 94,0.7) 78%, rgba(8, 55, 94, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0030a3', endColorstr='#000099e0',GradientType=1 );
	}


	/* parallax_banner (產品圖後) 背景色 (Dark-BlueC) >> 文字區塊後面 */
	#parallax_banner.Dark-BlueC .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background: #002f4b;
	background: -moz-linear-gradient(-45deg,  rgba(0, 47, 75, 0.99) 0%,rgba(0, 47, 75, 0.95) 78%,rgba(0, 47, 75, 0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0, 47, 75, 0.99) 0%,rgba(0, 47, 75, 0.95) 78%,rgba(0, 47, 75, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 47, 75, 0.99) 0%,rgba(0, 47, 75, 0.7) 78%, rgba(0, 47, 75, 0) 100%);
	}
	
	
	
	/* parallax_banner (產品圖後) 背景色 >> 文字區塊後面 >> 切斜角 */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-Right {

	/* 切右斜角(左頂邊)  */
	clip-path: polygon(0 0, 60% 0, 48% 100%, 0 100%);
	

	/* 切右直角(左頂邊) 
	clip-path: polygon(0 0, 46% 0, 46% 100%, 0 100%);
	*/ 

	/* 切中間雙直角 
	clip-path: polygon(15% 0, 45% 0, 45% 100%, 15% 100%) !important;
	*/

	/* 切中間雙斜角 
	clip-path: polygon(15% 0, 53% 0, 44% 100%, 5% 100%);
	*/ 
	}

}


/* 1080 (iPad) 以下 >> Banner */
@Media (max-width: 1080px) {

	#parallax_banner .RC_BG {
	height: auto !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-Right {
	padding: 20% 0 10% !important;
	height: auto !important;
	}

	#parallax_banner .image_block {
	margin-top: 10%;
	}

	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, #parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
	transform: scale(1) !important;
	right: unset !important;
	top: unset !important;
	}

}





/* 橫向智慧手機到竪立平板電腦解析度 >> 990 以下 */
@Media (max-width: 990px) {

	#vid_BG {
	opacity: 0.15 !important;
	width: 150%;
	}

	#parallax_banner .RC_BG {
	background-color: #08375e;
	background-color: rgba(8, 55, 94, 1.0) !important;
	}

	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background-color: rgba(8, 55, 94, 0.5) !important;
	}

	/* parallax_banner (產品圖後) 背景色 (Dark-BlueC) >> 文字區塊後面 */
	#parallax_banner.Dark-BlueC .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background-color: rgba(0, 47, 75, 0.5) !important; 
	}

}


/* 小螢幕 >> 974 以下 */
@Media (max-width: 974px) {
	
	#vid_BG {
	width: 220% !important;
	left: 0px !important;
	}

	#parallax_banner_scro_wording_block {
	z-index: 9 !important;
	position: relative;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 230px !important;
	}

}



/* 橫向智慧手機到竪立平板電腦解析度 >> 767 以下 */
@Media (max-width: 767px) {
    
	#vid_BG {
	width: 360% !important;
	}
	#parallax_banner .RC_BG {
	height: 50vh !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 160px !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	height: 100vh !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text_block_top-left img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-right img.img-responsive {
	transform: scale(1.5) !important;
	right: unset !important;
	top: unset !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent .text-block.text_block_top-Right {
	padding: 30% 0 15% !important;
	height: auto !important;
	}

}







/* 橫向智慧手機 >> 480 以下 */
@Media (max-width: 480px) {

	#vid_BG {
	width: 390% !important;
	}

	#parallax_banner .RC_BG {
	height: 60vh !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	height: 100vh !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text_block_top-center img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_bottom-center img.img-responsive {
	width: 130% !important;
	max-width: 130% !important;
	position: relative;
	left: -10%;
	}
    
}




/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 430px) {

	#vid_BG {
	width: 390% !important;
	}

	#parallax_banner .RC_BG {
	height: 60vh !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 130px !important;
	height: 100vh !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text_block_top-center img.img-responsive, 
	#parallax_banner .markets-top-banner.richcontent .text_block_bottom-center img.img-responsive {
	width: 130%;
	max-width: 130% !important;
	position: relative;
	left: -10%;
	}
    
}



/* 平板 >> 668 ~1004 */
@Media (min-width: 668px) and (max-width: 1004px) {

	#parallax_banner .RC_BG {
	height: 50vh !important;
	}

	}


@Media (min-width: 975px) and (max-width: 1170px) {
	#parallax_banner_scro_wording_block {
	z-index: 9 !important;
	position: relative;
	}

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1023 以下 */
@Media (max-width: 1023px) {

	/* 影片背景撐大 */
	#vid_BG {
	width: 200%;
	z-index: -1;
	}

	#parallax_banner .RC_BG {
	height: 60vh;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 180px;
	padding-bottom: 50px;
	background: rgba(8, 55, 94, 0.85);
	clip-path: unset !important;
	height: 50vh;
	}

	#parallax_banner .RC_BG {
	background-color: #08375e;
	background-color: rgba(8, 55, 94, 1.0) !important;
	}

	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background-color: rgba(8, 55, 94, 0.5) !important;
	}

	/* parallax_banner (產品圖後) 背景色 (Dark-BlueC) >> 文字區塊後面 */
	#parallax_banner.Dark-BlueC .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background-color: rgba(0, 47, 75, 0.5) !important; 
	}

}




/* 中寬螢幕 */
@Media (min-width: 1007px) and (max-width: 1182px) {

	#vid_BG {
	width: 115% !important;
	top: 0px !important;
	left: 0;
	}

	#parallax_banner .RC_BG {
	background-color: #08375e;
	background-color: rgba(8, 55, 94, 1.0) !important;
	}

	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	padding-top: 320px;
	background-color: rgba(8, 55, 94, 0.5) !important;
	}

	/* parallax_banner (產品圖後) 背景色 (Dark-BlueC) >> 文字區塊後面 */
	#parallax_banner.Dark-BlueC .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background-color: rgba(0, 47, 75, 0.5) !important; 
	}

}




/* 橫向智慧手機到竪立平板電腦解析度 >> 1200 以上 */
@Media (min-width: 1200px) {

	/* Video 影片 banner 透明度 */
	#vid_BG {
	width: 100%;
	}
    

}




/* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
@Media (min-width: 1024px) {

	#vid_BG {
	width: 100%;
	}

	/* Banner > BG 圖檔 / 高度 (居中) */
	#parallax_banner .RC_BG {
	display: flex;
	align-items: center; /* 項目垂直置中 >> 作用於單行（或單列）內的所有子項目 */
	align-content: center;   /* 垂直置中 >> 作用於多行（或多列）的子項目 */

	justify-content: center; /* 水平置中 */
	}

	/* Banner > BG 圖檔 / 高度 (居中) */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-right, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-left, 
	#parallax_banner .RC_BG {
	height: 630px;
	}


	#parallax_banner .markets-top-banner.richcontent .text-block {
	/*padding-top: 120px !important;*/
	padding-top: 130px !important;
	}


	/* Banner > BG 圖檔 / 高度 (居中) */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-right, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-left {
	padding: 0 !important;
	padding-top: 2.5% !important;
	}


	#parallax_banner .text-block.text_block_top-left .wording_block {
	width: 30%;
	float: left;
	margin-left: 20%;
	}


	/* Banner > Title (parallax_banner 標題) */
	.banner__caption h1, 
	#parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3 {
	/*font-size: 62px !important;*/
	font-size: 58px !important;
	line-height: 1.3em;
	}

	#parallax_banner .Full_Width_Rich_Content h4, #parallax_banner .Rich_Content h4 {
	font-size: 1.6em !important;
	line-height: 1.4em;
	padding-bottom: 40px;
	}

}



/* 橫向智慧手機到竪立平板電腦解析度 >> 1199 以下 */
@Media (max-width: 1199px) {

	/* Video 影片 banner 透明度 */
	#vid_BG {
	opacity: 0.5;
	width: 105%;
	left: 0px !important;
	}

	/* Video 背景顏色(#parallax_banner .RC_BG) */
	#parallax_banner .RC_BG {
	clip-path: unset !important;
	}


	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	/*background: -moz-linear-gradient(-45deg, rgba(0, 48, 163, 0.85) 0%, rgba(0, 48, 163, 0.85) 25%, rgba(0, 153, 224, 0.45) 62%, rgba(0, 153, 224, 0.4) 67%);
	background: -webkit-linear-gradient(-45deg, rgba(0, 48, 163, 0.85) 0%, rgba(0, 48, 163, 0.85) 25%, rgba(0, 153, 224, 0.45) 62%, rgba(0, 153, 224, 0.4) 67%);
	background: linear-gradient(135deg, rgba(0, 48, 163, 0.85) 0%, rgba(0, 48, 163, 0.85) 25%, rgba(0, 153, 224, 0.45) 62%, rgba(0, 153, 224, 0.4) 67%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90030a3', endColorstr='#660099e0', GradientType=1);*/
	background: -moz-linear-gradient(-45deg,  rgba(8, 55, 94,0.99) 0%,rgba(8, 55, 94,0.95) 78%,rgba(8, 55, 94,0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(8, 55, 94,0.99) 0%,rgba(8, 55, 94,0.95) 78%,rgba(8, 55, 94,0) 100%);
	background: linear-gradient(135deg, rgba(8, 55, 94,0.99) 0%,rgba(8, 55, 94,0.5) 78%, rgba(8, 55, 94, 0) 100%);
	clip-path: unset !important;
	}

	/* parallax_banner (產品圖後) 背景色 (Dark-BlueC) >> 文字區塊後面 */
	#parallax_banner.Dark-BlueC .markets-top-banner.richcontent div.parallax_product_section .text-block {
	background: #002f4b;
	background: -moz-linear-gradient(-45deg,  rgba(0, 47, 75, 0.99) 0%,rgba(0, 47, 75, 0.95) 78%,rgba(0, 47, 75, 0) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0, 47, 75, 0.99) 0%,rgba(0, 47, 75, 0.95) 78%,rgba(0, 47, 75, 0) 100%);
	background: linear-gradient(135deg, rgba(0, 47, 75, 0.99) 0%,rgba(0, 47, 75, 0.7) 78%, rgba(0, 47, 75, 0) 100%);
	}


	#parallax_banner .Full_Width_Rich_Content .text_block_top-left .wording_block, 
	#parallax_banner .Full_Width_Rich_Content .text_block_top-right .wording_block {
	margin: 0 auto !important;
	text-align: center !important;
	}

	#parallax_banner .text-block.text_block_top-left .wording_block {
	text-align: center !important;
	width: 100% !important;
	margin-left: 0% !important;
	padding: 0 3%;
	}
		
}




/* 中螢幕 >> 1050 ~1770 */
@Media (min-width: 1050px) and (max-width: 1770px) {

	#vid_BG {
	width: 120% !important;
	}

	#parallax_banner .text-block.text_block_top-left .wording_block {
	width: 29%;
	float: left;
	/*margin-left: 20%;*/
	margin-left: 19%;
	}

	.banner__caption h1, #parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3 {
	font-size: 48px !important;
	line-height: 1.3em;
	}

	#parallax_banner .Full_Width_Rich_Content h4, #parallax_banner .Rich_Content h4 {
	font-size: 1.5em !important;
	line-height: 1.4em;
	padding-bottom: 40px;
	opacity: 1.0;
	text-shadow: 0px 0px 17px rgba(0,0,0,0.8);
	}

}



/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px) {

	/* 影片背景 */
	#vid_BG {
	width: 110% !important;
	}

	/* Banner > BG 圖檔 / 高度 (居中) */
	#parallax_banner .RC_BG {
	display: flex;
	align-items: center; /* 項目垂直置中 >> 作用於單行（或單列）內的所有子項目 */
	align-content: center;   /* 垂直置中 >> 作用於多行（或多列）的子項目 */
	}

	/* Banner > BG 圖檔 / 高度 (居中) */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-right, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-left, 
	#parallax_banner .RC_BG {
	height: 530px !important;
	height: 630px !important;
	}


	/* Banner > BG 圖檔 / 高度 (居中) */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-right, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-left {
	padding: 0 !important;
	padding-top: 2.5% !important;
	}


	/* parallax_banner (產品圖後) 背景色 >> 文字區塊後面 >> 切斜角 */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-Right {

	/* 切右斜角(左頂邊) */ 
	/*clip-path: polygon(0 0, 57% 0, 46% 100%, 0 100%);	*/
	clip-path: polygon(0 0, 60% 0, 48% 100%, 0 100%);


	/* 切右直角(左頂邊) 
	clip-path: polygon(0 0, 46% 0, 46% 100%, 0 100%);
	*/ 

	/* 切中間雙直角 
	clip-path: polygon(15% 0, 45% 0, 45% 100%, 15% 100%) !important;
	*/

	/* 切中間雙斜角 
	clip-path: polygon(15% 0, 53% 0, 44% 100%, 5% 100%);
	*/ 

	}



	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 140px !important;
	}

	.banner__caption h1, #parallax_banner .Full_Width_Rich_Content h3, 
	#parallax_banner .Rich_Content h3 {
	font-size: 48px !important;
	line-height: 1.3em;
	}
    
}





/* 中螢幕 >> 1023 ~1180 */
@Media (min-width: 1023px) and (max-width: 1182px) {

	/* 影片背景撐大 */
	#vid_BG {
	width: 100%;
	top: -150px;
	left: 0;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 190px !important;
	}
    
}







/* 中螢幕 >> 1023 ~1999 */
@Media (min-width: 1023px) and (max-width: 1999px) {

	/* 影片背景撐大 */
	#vid_BG {
	width: 100%;
	top: -150px;
	left: 0;
	}
    
}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1500 以上 */
@Media (min-width: 1500px) {

	/* 影片背景撐大 */
	#vid_BG {
	width: 100%;
	top: -150px;
	left: 0;
	}

	#parallax_banner .markets-top-banner.richcontent .text-block {
	padding-top: 150px !important;
	}


	/* parallax_banner (產品圖後) 背景色 >> 文字區塊後面 >> 切斜角 */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-Right {

	/* 切中間雙斜角 */ 
	clip-path: polygon(15% 0, 53% 0, 44% 100%, 5% 100%);

	/* 切右斜角(左頂邊) 
	clip-path: polygon(0 0, 57% 0, 46% 100%, 0 100%);
	*/ 

	/* 切中間雙直角 
	clip-path: polygon(15% 0, 45% 0, 45% 100%, 15% 100%) !important;
	*/

	}


}




/* 橫向智慧手機到竪立平板電腦解析度 >> 2000 以上 */

@Media (min-width: 2000px) {

	#vid_BG {
	width: 100%;
	left: 0;
	}

	/* Banner > BG 圖檔 / 高度 */
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-right, 
	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block.text_block_top-left, 
	#parallax_banner .RC_BG {
	/*height: 1000px;*/
	height: 630px;
	}
    
}



