/* =====================================================================================================
              Banner BG >> Video 影片 Higher banner ( 基於 Banner_Video_Background.css )
===================================================================================================== */


/* parallax_banner >> Higher BG & Video */
div.parallax_product_section {
	/*top: -1000px;*/
	top: -900px;
}  

/* parallax_banner >> Higher BG & Video > Top Center */
#parallax_banner .markets-top-banner.richcontent .text_block_top-center {
    padding-top: 200px;
    padding-bottom: 50px;
}


/* parallax_banner >> Higher BG & Video > Top Center > parallax_product_section > 會影響 banner 圖片與下一層的空間 */
#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-center {
    padding-bottom: 300px;
}


/* parallax_banner >> Higher BG & Video > Left & Rigth */
#parallax_banner .markets-top-banner.richcontent .text_block_top-left, 
#parallax_banner .markets-top-banner.richcontent .text_block_top-Right {
    padding-top: 200px;
    padding-bottom: 50px;
}


#parallax_banner + section {
	margin-top: 5%;
}


/* =====================================================================================================
            RWD   >>  Higher Video Banner BG >> Video  ( 基於 Banner_Video_Background.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(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 );*/

	background: unset;
	}

}



/* 橫向智慧手機到竪立平板電腦解析度 >> 980 以上 */
@Media (min-width: 980px) {

	/* Video (before) >>  Blue Color (遮藍色) 
	#section-2.markets-top-banner.richcontent::before {
	background: -moz-linear-gradient(-90deg, rgba(8, 55, 94,0.9) 0%,rgba(8, 55, 94,0.5) 78%,rgba(8, 55, 94, 0.9) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(8, 55, 94,0.9) 0%,rgba(8, 55, 94,0.5) 78%,rgba(8, 55, 94, 0.9) 100%);
	background: linear-gradient(180deg, rgba(8, 55, 94,0.9) 0%,rgba(8, 55, 94,0.5) 78%, rgba(8, 55, 94, 0.9) 100%);
	}*/

	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-center .wording_block {
		/*margin-bottom: 200px;*/
		margin-bottom: 150px;
	}


 }


/* 橫向智慧手機到竪立平板電腦解析度 >> 995 以下 */
@Media (max-width: 995px) {

	#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 {
	transform: scale(0.8) !important;
	top: 0px !important;
	}

}


/* 小螢幕 >> 974 以下 */
@Media (max-width: 974px) {}


/* 橫向智慧手機到竪立平板電腦解析度 >> 767 以下 */
@Media (max-width: 767px) {
	#parallax_banner .RC_BG {
	height: 70vh !important;
	}
}


/* 橫向智慧手機 >> 480 以下 */
@Media (max-width: 480px) {}


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


/* 平板 >> 668 ~1004 */
@Media (min-width: 668px) and (max-width: 1004px) {
	#parallax_banner .RC_BG {
	height: 70vh !important;
	}
}


/* 平板 >> 975 ~1170 */
@Media (min-width: 975px) and (max-width: 1170px) {}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1023 以下 */
@Media (max-width: 1023px) {}


/* 中寬螢幕 */
@Media (min-width: 1007px) and (max-width: 1182px) {

	#vid_BG {
	width: 150% !important;
	}

	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text-block {
	padding-bottom: 75px !important;
	}

}




/* 橫向智慧手機到竪立平板電腦解析度 >> 1200 以上 */
@Media (min-width: 1200px) {

	#parallax_banner + section {
		margin-top: 12% !important;
	}

}




/* 橫向智慧手機到竪立平板電腦解析度 >> 1024 以上 */
@Media (min-width: 1024px) {

	/* parallax_banner >> Higher BG & Video */
	#parallax_banner div.RC_BG {
	/* height: 1000px; */
	height: 900px !important;
	}

	/* parallax_banner >> Higher BG & Video > Top Center */
	#parallax_banner .markets-top-banner.richcontent .text_block_top-center {
	padding-top: 190px !important;
	padding-bottom: 100px !important;
	}

	/* parallax_banner >> Higher BG & Video > Left & Rigth */
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-Right {
	padding-top: 190px;
	padding-bottom: 100px;
	}

	/* parallax_banner(h3) >> Higher BG & Video > Top Center & Bottom */
	#parallax_banner .markets-top-banner.richcontent .text_block_top-center h3, 
	#parallax_banner .markets-top-banner.richcontent .text_block_bottom-center h3 {
	font-size: 68px !important;
	line-height: 1.3em;
	}

	/* parallax_banner(h4) >> Higher BG & Video > Top Center & Bottom */
	#parallax_banner .markets-top-banner.richcontent .text_block_top-center h4, 
	#parallax_banner .markets-top-banner.richcontent .text_block_bottom-center h4 {
	font-size: 2em !important;
	line-height: 1.4em;
	padding-bottom: 40px;
	}

}




/* 橫向智慧手機到竪立平板電腦解析度 >> 1199 以下 */
@Media (max-width: 1199px) {}



/* 中螢幕 >> 1050 ~1770 */
@Media (min-width: 1050px) and (max-width: 1770px) {

	#vid_BG {
	left: -10% !important;
	}

	#parallax_banner div.RC_BG {
		height: 630px !important;
	}

	div.parallax_product_section {
		top: -630px !important;
	}

	#parallax_banner .markets-top-banner.richcontent div.parallax_product_section .text_block_top-center .wording_block {
		margin-bottom: 30px !important;
	}

	#parallax_banner .markets-top-banner.richcontent .text_block_top-center h3, 
	#parallax_banner .markets-top-banner.richcontent .text_block_bottom-center h3, 
	#parallax_banner .Full_Width_Rich_Content h3 span, 
	#parallax_banner .Rich_Content h3 span {
		font-size: 60px !important;
		line-height: 1.2em;
	}


	#parallax_banner.PBottom_High + section {
		margin-top: 20% !important;
	}

}



/* Bowei 筆電寬螢幕 */
@Media (min-width: 1281px) and (max-width: 1366px) {

	#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 {
	transform: scale(0.9) !important;
	top: 30px !important;
	}

	#parallax_banner.PBottom_High + section {
		margin-top: 20% !important;
	}

}


/* 中螢幕 >> 1023 ~1180 */
@Media (min-width: 1023px) and (max-width: 1182px) {}


/* 中螢幕 >> 1023 ~1999 */
@Media (min-width: 1023px) and (max-width: 1999px) {

	#vid_BG {
	top: 0px !important;
	left: 0;
	}

}


/* 橫向智慧手機到竪立平板電腦解析度 >> 1500 以上 */
@Media (min-width: 1500px) {}





/* 橫向智慧手機到竪立平板電腦解析度 >> 2000 以上 */
@Media (min-width: 2000px) {

	/* parallax_banner >> Higher BG & Video */
	#parallax_banner div.RC_BG {
	/*height: 1000px;*/
	height: 900px !important;
	}

	/* parallax_banner >> Higher BG & Video > Top Center */
	#parallax_banner .markets-top-banner.richcontent .text_block_top-center {
	padding-top: 200px !important;
	padding-bottom: 150px !important;
	}

	/* parallax_banner >> Higher BG & Video > Left & Rigth */
	#parallax_banner .markets-top-banner.richcontent .text_block_top-left, 
	#parallax_banner .markets-top-banner.richcontent .text_block_top-Right {
	padding-top: 200px;
	padding-bottom: 150px;
	}


}