/* Promotional Information */

.home_promotion_top .promo_item {
	min-height: 350px;
	padding: 0;
	position: relative;
}

.home_promotion_top .promo_item:nth-child(2) {
	border-right: 1px solid #ffffff;
}

.home_promotion_top .promo_item .hover_block {
	background: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.8);
	padding: 5% 15% 10% 15%;
	height: 100%;
	display: block;
	position: absolute;
	display: block;
	bottom: -102%;
	z-index: -10;
	cursor: pointer;
	transition: all 0.6s ease-in-out 0s;
}

.home_promotion_top .promo_item .hover_btn {
	position: absolute;
	bottom: 0;
	padding: 20px 15%;
	color: #ffffff;
	font-size: 1.5em;
	background: rgba(0, 0, 0, 0.5);
	font-weight: 300;
	width: 100%;
	transition: all 0.3s ease-in-out 0s;
}

.home_promotion_top .promo_item:hover .hover_btn {
	opacity: 0;
}

.home_promotion_top .promo_item:hover .hover_block {
	bottom: 0;
	z-index: 1;
}

.home_promotion_top .promo_item .hover_btn {
	display: none;
}

.home_promotion_top .promo_item .hover_block {
	padding-top: 3%;
	padding-left: 6%;
	padding-bottom: 0;
	bottom: 0;
	z-index: 1;
	max-height: 90px;
	overflow-y: hidden;
}

.home_promotion_top .promo_item:hover .hover_block {
	max-height: 100%;
	padding-top: 5%;
}

.home_promotion_top .promo_item .hover_block h3 {
	/*font-size: 1.5em;*/
	font-size: 1.6em;
	font-weight: 300;
	line-height: 35px;
	word-spacing: 0.01em;
	margin-bottom: 30px;
	color: #ffffff;
}

.home_promotion_top .promo_item .hover_block h3 {
	margin-bottom: 120px;
	transition: all 1s ease-in-out;
}

.home_promotion_top .promo_item:hover .hover_block h3 {
	margin-bottom: 30px;
	transition: all 1s ease-in-out;
}

.home_promotion_top .promo_item .hover_block p {
	margin-bottom: 20px;
}

.home_promotion_top .promo_item .hover_block a.btn, .home_promotion_bottom .promo_item a.btn {
	font-weight: 400;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	display: inline-block;
	padding: 7px 25px 10px 25px;
	text-decoration: none;
	margin-bottom: 20px;
	min-width: initial;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#11ffffff, endColorstr=#11ffffff, enabled=true, gradientType='1')\9;
	border: 1px solid rgba(255, 255, 255, 0.45);
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
}

.home_promotion_top .promo_item .hover_block a.btn:hover, .home_promotion_bottom .promo_item a.btn: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;
}

div.home_promotion_bottom {
	margin-top: 2px;
	transition: all 0.3s ease-in-out 0s;
}

div.home_promotion_bottom:hover {
	background-size: auto 110%!important;
	transition: all 0.3s linear 0s;
}

div.home_promotion_bottom .promo_item {
	text-align: center;
	min-height: 400px;
	background-color: rgba(0, 0, 0, 0.6);
}

div.home_promotion_bottom .promo_item .promo_text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

div.home_promotion_bottom .promo_item .promo_text_container {
	display: inline-block;
}

.home_promotion_bottom .promo_item h3 {
	/*padding-top: 13%;*/
	color: #ffffff;
	font-family: "Source Sans Pro", "Roboto", Segoe UI, 'Segoe UI Light', 'Myriad Set Pro', NotoSansHant, 'Microsoft JhengHei', 微軟正黑體, 'Heiti TC', 'Microsoft YaHei', 微軟雅黑體, simhei, PMingLiU, 新細明體, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, 'ＭＳ Ｐゴシック', 'Malgun Gothic', Dotum, Gulim, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 3em;
	font-weight: 300;
	/*redfox*/
	line-height: 65px;
	letter-spacing: -0.01em;
	word-spacing: 0.01em;
	margin-bottom: 20px;
	margin-top: 25px;
}

.home_promotion_bottom .promo_item p {
	/*font-size: 1.7em;*/
	font-size: 1.5em;
	font-weight: 300;
	line-height: 37px;
	word-spacing: 0.01em;
	letter-spacing: 0em;
	opacity: 0.8;
	margin-bottom: 20px;
	color: #ffffff;
	max-width: 1200px;
	padding: 0 15px 15px 15px;
}

.home_promotion_top .promo_item:nth-child(2) {
	border-left: 2px solid #fff;
}

.home_promotion_top h2 {
	font-size: 3em;
	font-weight: 200;
	line-height: 58px;
	letter-spacing: -0.01em;
	word-spacing: 0.01em;
	margin-bottom: 20px;
	color: #000;
	margin-top: 80px;
}






------------------------------------------------------------------------------------------


/* 超級大螢幕 */
@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) {
	

	
.home_promotion_bottom .promo_item h3 {
    font-size: 40px !important;
    line-height: 44px !important;
    margin-top: 40px;
}


.home_promotion_bottom .promo_item p {
    font-size: 1.1em !important;
    line-height: 25px !important;
    padding: 0 30px 15px;
}	
	
#content p, #content .paragraph {
    line-height: 1.7;
}
	
	
}













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

@Media (min-width: 768px) and (max-width: 979px) {
	
	.home_promotion_top .promo_item:nth-child(2) {
		border-bottom: 3px solid #fff;
	}
	
	.home_promotion_bottom .promo_item h3 {
		font-size: 34px !important;
		line-height: 44px !important;
		width: 90%;
		margin: 0 auto 20px;
		padding-top: 7%;
	}
	
.home_promotion_bottom .promo_item p {
	font-size: 1.1em !important;
	line-height: 25px !important;
    padding: 0 8% 20px !important;
}
	
.home_promotion_top .promo_item:hover .hover_block {
    padding-top: 5%;
}
	
	
	

	
}











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

	
	
.home_promotion_top .promo_item:nth-child(2) {
    border-bottom: 3px solid #fff;
}
	
.home_promotion_bottom .promo_item h3 {
		font-size: 34px !important;
		line-height: 40px !important;
		width: 90%;
		margin: 0 auto 15px;
	    padding-top: 7%;
	}	
	

	
.home_promotion_bottom .promo_item p {
	font-size: 1em !important;
	line-height: 20px !important;
    text-align: left !important;
    padding: 0 8% 20px !important;
}
	
	
.home_promotion_top .promo_item .hover_block p {
		font-size: 1.1em !important;
		line-height: 1.5em !important;
	}
	
	
.markets-solutions-case-studies .case-study-item .hover_block {
    padding: 30px 10% 0 !important;
}
	
.home_promotion_top .promo_item:hover .hover_block {
    padding-top: 10%;
}	


.home_promotion_top .promo_item .hover_block {
    padding-left: 10.5%;
}

.home_promotion_top .promo_item .hover_block p {
    font-size: 1em !important;
}


.home_promotion_top .promo_item:hover .hover_block h3 {
    margin-bottom: 10px !important;
}


.home_promotion_top .promo_item .hover_block h3 {
    font-size: 1.5em !important;
    line-height: 28px !important;
}	
	
}









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

	
.home_promotion_bottom .promo_item h3 {
		font-size: 30px !important;
		line-height: 40px !important;
		width: 90%;
		margin: 0 auto 10px;
	}	
	
.home_promotion_bottom .promo_item p {
		font-size: 1em !important;
		line-height: 25px !important;
	    text-align: left !important;
        padding: 0 8% !important;
	}

	
.home_promotion_top .promo_item .hover_block p {
		font-size: 1.1em !important;
		line-height: 1.5em !important;
	}
	
	
	
.markets-solutions-case-studies .case-study-item .hover_block {
    padding: 30px 10% 0 !important;
}
	
	
.home_promotion_top .promo_item:hover .hover_block {
    padding-top: 10%;
}	

.home_promotion_top .promo_item .hover_block {
    padding-left: 10.5%;
}

.home_promotion_top .promo_item .hover_block p {
    font-size: 1em !important;
}


.home_promotion_top .promo_item:hover .hover_block h3 {
    margin-bottom: 10px !important;
}



	.home_promotion_top .promo_item .hover_block h3 {
    font-size: 1.24em !important;
    line-height: 24px !important;
    font-weight: 400;
}
	
	
}




/* 橫向智慧手機及其他更小解析度 */
@Media (max-width: 480px) { 
	
	
div.home_promotion_bottom .promo_item {
    min-height: 480px;
}
	
.home_promotion_bottom .promo_item h3 {
		font-size: 30px !important;
		line-height: 40px !important;
		width: 90%;
		margin: 0 auto 10px;
	}	
	
.home_promotion_bottom .promo_item p {
		font-size: 1em !important;
		line-height: 25px !important;
	    text-align: left !important;
        padding: 0 8% !important;
	}
	
.home_promotion_top .promo_item .hover_block p {
		font-size: 1.1em !important;
		line-height: 1.5em !important;
	}
	
	
.markets-solutions-case-studies .case-study-item .hover_block {
    padding: 30px 10% 0 !important;
}
	

.home_promotion_top .promo_item:hover .hover_block {
    padding-top: 10%;
}	

.home_promotion_top .promo_item .hover_block {
    padding-left: 10.5%;
}

.home_promotion_top .promo_item .hover_block p {
    font-size: 1em !important;
}


.home_promotion_top .promo_item:hover .hover_block h3 {
    margin-bottom: 10px !important;
}


	.home_promotion_top .promo_item .hover_block h3 {
    font-size: 1.24em !important;
    line-height: 24px !important;
    font-weight: 400;
}
	
}