/******************** Full RC + Rich Content **********************/


/* fix background (背景固定) */
.fix_bg .RC_BG {
    background-attachment: fixed;
}


.markets-top-banner.richcontent .text_block_top-left img.img-responsive {
	float: right;
}



.Full_Width_Rich_Content .text_block_top-center .wording_block, 
.Rich_Content .text_block_top-center .wording_block {
    margin-bottom: 50px;
}



.Rich_Content .text_block_bottom-center h3, 
.Full_Width_Rich_Content .text_block_bottom-center h3 {
    margin-top: 60px;
}

/*
.Rich_Content .text_block_top-center h4, 
.Full_Width_Rich_Content .text_block_bottom-center h4 {
	margin-bottom: 30px;
}
*/


.markets-top-banner.richcontent .text-block {
	padding: 100px 0;
}


















/* Text color scheme */

.markets-top-banner.richcontent .color_white {
	color: #ffffff;
}

.markets-top-banner.richcontent .color_black {
	color: #000000;
}

.markets-top-banner.richcontent .color_gray {
	color: #686f73;
}

.markets-top-banner.richcontent .color_blueL {
	color: #02c0ef;
}

.markets-top-banner.richcontent .color_blueD {
	color: #008bc5;
}

.markets-top-banner.richcontent .color_orange {
	color: #ff8400;
}

.markets-top-banner.richcontent .color_greenV {
	color: #baff00;
}

.markets-top-banner.richcontent .color_greenE {
	color: #00c0c6;
}

/* Text block position */

.markets-top-banner.richcontent img.img-responsive {
	display: block;
	/*padding: 20px;*/
}

.markets-top-banner.richcontent .text_block_top-center, 
.markets-top-banner.richcontent .text_block_bottom-center {
	text-align: center;
}

.markets-top-banner.richcontent .text_block_top-center img.img-responsive, 
.markets-top-banner.richcontent .text_block_bottom-center img.img-responsive {
	margin: 0 auto 20px auto;
}

.markets-top-banner.richcontent .text_block_top-center a.play_btn img.img-responsive, 
.markets-top-banner.richcontent .text_block_bottom-center a.play_btn img.img-responsive {
	margin-bottom: 0;
}

.markets-top-banner.richcontent .text_block_top-center a.play_btn, 
.markets-top-banner.richcontent .text_block_bottom-center a.play_btn {
	display: inline-block;
	margin-bottom: 20px;
}







/* Call-to-action button color scheme */

.markets-top-banner.richcontent a.btn.btn-primary {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.45);
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
	/*font-size: 1em;*/
	font-size: 1.05em;
	font-weight: 500;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	display: inline-block;
	padding: 9px 30px 10px 30px !important;
	text-decoration: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);
	min-width: 0;
	margin: 20px 0;
}

.markets-top-banner.richcontent a.btn.btn-primary:hover {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff, enabled=true, gradientType='1')\9;
	text-decoration: none;
	transition: all 0.5s linear 0s;
}

.markets-top-banner.richcontent a.btn.btn-primary.button_black {
	background-color: rgba(0, 0, 0, 0.85);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff000000, enabled=true, gradientType='1')\9;
	border: 1px solid rgba(0, 0, 0, 0.85);
}

.markets-top-banner.richcontent a.btn.btn-primary.button_black:hover {
	background-color: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000, enabled=true, gradientType='1')\9;
	border: 1px solid rgba(0, 0, 0, 1);
}

/* 藍色 button_blue -- Normal */

.markets-top-banner.richcontent a.btn.btn-primary.button_blue {
	background-color: rgba(7, 174, 211, 1.0);
	border: 1px solid rgba(4, 187, 228, 0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff07aed3, endColorstr=#ff07aed3, enabled=true, gradientType='1')\9;
	transition: all 0.3s ease-in-out 0s;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
}

/* 綠色 button_green -- Normal */

.markets-top-banner.richcontent a.btn.btn-primary.button_green {
	background-color: rgba(115, 201, 23, 0.85);
	border: 1px solid rgba(115, 201, 23, 1.0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff73c917, endColorstr=#ff73c917, enabled=true, gradientType='1')\9;
	transition: all 0.3s ease-in-out 0s;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
}

/* 橘色 button_orange -- Normal */

.markets-top-banner.richcontent a.btn.btn-primary.button_orange {
	background-color: rgba(240, 136, 0, 0.85);
	border: 1px solid rgba(240, 136, 0, 1.0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff08800, endColorstr=#fff08800, enabled=true, gradientType='1')\9;
	transition: all 0.3s ease-in-out 0s;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
}

/* 藍, 綠, 橘色 button_blue, button_green, button_orange -- Hover 黑底白字 */

.markets-top-banner.richcontent a.btn.btn-primary.button_blue:hover, .markets-top-banner.richcontent a.btn.btn-primary.button_green:hover, .markets-top-banner.richcontent a.btn.btn-primary.button_orange:hover {
	background-color: rgba(0, 0, 0, 1.0);
	border: 1px solid rgba(0, 0, 0, 1.0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff000000, enabled=true, gradientType='1')\9;
	transition: all 0.5s linear 0s;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2);
	border-radius: 2px;
}

/* Background >> Rich Content */

.RC_BG {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Title Style-1 for Slogan >> Rich Content */

.markets-top-banner.richcontent h3.RC_LTitle {
	font-family: "Roboto", "NotoSansHant", "NotoSansCJKsc", "NotoSansJP", "NotoSansKR", Segoe UI;
	font-size: 53px;
	font-weight: 200;
	line-height: 68px;
	letter-spacing: -0.01em;
	word-spacing: 0.01em;
	padding-bottom: 20px;
}

/* Title Style-2 for Article >> Rich Content */

.markets-top-banner.richcontent h3.RC_STitle {
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	word-spacing: 0.01em;
	padding-bottom: 10px;
}

/* SubTitle >> Rich Content */

.markets-top-banner.richcontent h4 {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.6em;
	padding-bottom: 10px;
	opacity: 0.85;
	margin-right: 1em;
}



















/*********************************************************** RWD ***************************************************************/





/* 超級大螢幕 */
@Media (min-width: 1921px) and (max-width: 2560px)  { 
	
	
	


	
}








/* 大螢幕 */
@Media (min-width: 1200px) and (max-width: 1920px) { 
	

	

	

	
}








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

	
	
	
}







/* 一般pc小螢幕 */

@Media (min-width: 980px) and (max-width: 1199px) {
	
	
	
	.markets-top-banner.richcontent .text-block {
		padding: 100px 70px;
	}
	
	
}







/* 平板電腦、橫向手機和一般桌機解析度 */

@Media (min-width: 768px) and (max-width: 979px) {
	
	
	
	.markets-top-banner.richcontent .text-block {
		padding: 100px 70px;
	}
	
	.markets-top-banner.richcontent h3.RC_LTitle {
		font-size: 40px;
		line-height: 54px;
	}

}






	
	
/* 橫向智慧手機到竪立平板電腦解析度 */

@media (min-width: 768px) {
	
	
	
	.markets-top-banner.richcontent .text_block_top-left, 
	.markets-top-banner.richcontent .text_block_top-right {
		display: flex;
		align-items: center;
	}
	

	
}







/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 767px) {
	
	
	
/* fix background (背景固定) */
.fix_bg .RC_BG {
    background-attachment: unset;
}

	
.markets-top-banner.richcontent .golink.btn.btn-primary {
    text-align: center !important;
    display: block;
    margin: 30px auto 80px;
    width: 45%;
}
	
	
.Rich_Content .text_block_bottom-center h3, 
.Full_Width_Rich_Content .text_block_bottom-center h3 {
    margin-top: 30px;
}
	
	.markets-top-banner.richcontent .text-block {
		padding: 100px 0px;
	}
	
	
	.markets-top-banner.richcontent .text_block_top-left, 
	.markets-top-banner.richcontent .text_block_top-right {
		display: block;
		align-items: center;
		text-align: center;
	}
	
	
	.markets-solutions-overview {
		width: 80%;
	}
	
	
	.markets-top-banner.richcontent .text_block_top-left img.img-responsive {
		float: unset;
		display: block;
		margin: 0 auto;
	}
	

	.Full_Width_Rich_Content .text_block_top-left .wording_block, 
	.Full_Width_Rich_Content .text_block_top-right .wording_block, 
	.Full_Width_Rich_Content .text_block_top-center .wording_block, 
	.Full_Width_Rich_Content .text_block_bottom-center .wording_block, 
	.Rich_Content .text_block_top-left .wording_block, 
	.Rich_Content .text_block_top-right .wording_block, 
	.Rich_Content .text_block_top-center .wording_block, 
	.Rich_Content .text_block_bottom-center .wording_block {
	
		text-align: left;
		
	}
	
	
	.markets-top-banner.richcontent h3.RC_LTitle, 
	.markets-solutions-overview h2, 
	.markets-solutions-applications h2, 
	.markets-solutions-benefits h2,
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		font-size: 40px;
		line-height: 50px;
	}
	
	
}














/* iPhone 6 & 6 plus > 4.7吋--手機及其他更小解析度 */
@Media (min-width: 373px) and (max-width: 414px)  {
	
	.markets-top-banner.richcontent .golink.btn.btn-primary {
    text-align: center !important;
    display: block;
    margin: 30px auto 80px;
    width: 60%;
}
	
	
	.cd-section div.markets-solutions-applications .app-block-container p {
    height: unset !important;
    margin-bottom: 20px;
}
	
	.cd-section div.markets-solutions-applications h3 {
    height: unset !important;
}
	
	.cd-section div.markets-solutions-applications .app-image {
    width: 200px;
    height: 200px;
}
	
	#content .markets-solutions-overview p {
		text-align: left;
	}
	
	.markets-solutions-applications p {
    text-align: left;
}
	
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		text-align: center;
	}
	
	.markets-top-banner.richcontent h3.RC_LTitle, 
	.markets-solutions-overview h2, 
	.markets-solutions-applications h2, 
	.markets-solutions-benefits h2,
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		font-size: 34px;
		line-height: 44px;
	}
	
	
	
	.markets-top-banner.richcontent .text_block_top-center, 
	.markets-top-banner.richcontent .text_block_bottom-center {
    padding: 70px 5% !important;
}
	

	
	.markets-top-banner.richcontent .text_block_top-left, 
	.markets-top-banner.richcontent .text_block_top-right, 
	.markets-top-banner.richcontent .text_block_top-center, 
	.markets-top-banner.richcontent .text_block_bottom-center {
		display: block;
		align-items: center;
		text-align: left;
	}
	
	.markets-top-banner.richcontent .text-block {
		padding: 70px 0px !important;
	}
	
	
	.Full_Width_Rich_Content .text_block_top-left .wording_block, 
	.Full_Width_Rich_Content .text_block_top-right .wording_block, 
	.Full_Width_Rich_Content .text_block_top-center .wording_block, 
	.Full_Width_Rich_Content .text_block_bottom-center .wording_block, 
	.Rich_Content .text_block_top-left .wording_block, 
	.Rich_Content .text_block_top-right .wording_block, 
	.Rich_Content .text_block_top-center .wording_block, 
	.Rich_Content .text_block_bottom-center .wording_block {
	
		text-align: left;
		
	}
	

	
	
}


	
	
	
	



/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) {
	
	
	.markets-top-banner.richcontent .golink.btn.btn-primary {
    text-align: center !important;
    display: block;
    margin: 30px auto 80px;
    width: 60%;
}
	
	
	.cd-section div.markets-solutions-applications .app-block-container p {
    height: unset !important;
    margin-bottom: 20px;
}
	
	
	.cd-section div.markets-solutions-applications h3 {
    height: unset !important;
}
	
	.cd-section div.markets-solutions-applications .app-image {
    width: 200px;
    height: 200px;
}
	
	
	
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		text-align: center;
	}
	
	#content .markets-solutions-overview p {
		text-align: left;
	}
	
	.markets-solutions-applications p {
    text-align: left;
}
	
	
	
	.markets-top-banner.richcontent .text-block {
		padding: 50px 20px;
	}
	
	.markets-top-banner.richcontent .text_block_top-center, 
	.markets-top-banner.richcontent .text_block_bottom-center {
    padding: 70px 5% !important;
}
	
	.markets-top-banner.richcontent .text_block_top-left, 
	.markets-top-banner.richcontent .text_block_top-right, 
	.markets-top-banner.richcontent .text_block_top-center, 
	.markets-top-banner.richcontent .text_block_bottom-center {
		display: block;
		align-items: center;
		text-align: left;
	}
	
	

	

	
	.markets-top-banner.richcontent h3.RC_LTitle, 
	.markets-solutions-overview h2, 
	.markets-solutions-applications h2, 
	.markets-solutions-benefits h2,
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		font-size: 34px;
		line-height: 44px;
	}
	
	.markets-top-banner.richcontent .text-block {
		padding: 100px 20px;
	}
	
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		font-size: 34px;
		line-height: 52px;
	}
	
	.markets-solutions-overview h2, 
	.markets-solutions-applications h2, 
	.markets-solutions-benefits h2 {
		font-size: 34px !important;
		line-height: 44px !important;
	}
	
	.markets-top-banner.richcontent .text-block {
		padding: 70px 0px !important;
	}
	
	
	.Full_Width_Rich_Content .text_block_top-left .wording_block, 
	.Full_Width_Rich_Content .text_block_top-right .wording_block, 
	.Full_Width_Rich_Content .text_block_top-center .wording_block, 
	.Full_Width_Rich_Content .text_block_bottom-center .wording_block, 
	.Rich_Content .text_block_top-left .wording_block, 
	.Rich_Content .text_block_top-right .wording_block, 
	.Rich_Content .text_block_top-center .wording_block, 
	.Rich_Content .text_block_bottom-center .wording_block {
	
		text-align: left;
		
	}
	

	

}









/* 平板電腦、橫向手機和一般桌機解析度 */

@Media (min-width: 481px) and (max-width: 600px) {
	
	.markets-solutions-applications p {
    text-align: left;
}
	
	.markets-top-banner.richcontent h3.RC_LTitle, 
	.markets-solutions-overview h2, 
	.markets-solutions-applications h2, 
	.markets-solutions-benefits h2, 
	.home_spot_light h2, 
	.home_promotion_top h2, 
	.home_channel_videos h2 {
		font-size: 40px;
		line-height: 50px;
	}
	
	.Full_Width_Rich_Content .text_block_top-left .wording_block, 
	.Full_Width_Rich_Content .text_block_top-right .wording_block, 
	.Full_Width_Rich_Content .text_block_top-center .wording_block, 
	.Full_Width_Rich_Content .text_block_bottom-center .wording_block, 
	.Rich_Content .text_block_top-left .wording_block, 
	.Rich_Content .text_block_top-right .wording_block, 
	.Rich_Content .text_block_top-center .wording_block, 
	.Rich_Content .text_block_bottom-center .wording_block {
	
		text-align: left;
		
	}
	
}