/* common */

div.thumbnails-1by1{height:0px;padding-bottom:100%;position:relative;overflow:hidden;margin-top:68px}

.item-circle{display:block;border-radius:100%;box-shadow:0px 2px 4px rgba(0,0,0,0.3);}
.item-circle-thumb{display:inline-block;border-radius:100%;width:80px;margin-left:10px;box-shadow:0px 2px 4px rgba(0,0,0,0.3);}

.intro h3,.newsitem h3{font-family:"Helvetica Neue", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;font-size:30px;}
.item-summary{line-height:2em;font-size: 16px;font-weight: 555;}
.item-more{margin-top:10px;}
.heightfix{height:100px;}


/* intro */

.intro{
	background-color:#328cc1;
	position:relative;
	z-index:12;
	padding-top:15px;
	padding-bottom:15px;
}
.intro:before{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23328cc1;' /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:100% 100%;
	content:'';
	display:block;
	width:100%;
	height:100px;
	margin-top:-100px;
	position:absolute;
	right:0px;
	top:0px;
}

/* News: news_block_news */

.newsitem{
	background-color:#45558D;
	position:relative;
	z-index:12;
	padding-top:15px;
	padding-bottom:15px;
}
.newsitem:before{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 0,0 100,100' style='fill:%2345558d;' /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:100% 100%;
	content:'';
	display:block;
	width:100%;
	height:100px;
	margin-top:-100px;
	position:absolute;
	right:0px;
	top:0px;
}

#news_block_news{margin-bottom:100px;}
#news_block_news  .item-circle-thumb{display:inline-block;border-radius:100%;width:80px;margin-right:10px;box-shadow:0px 2px 4px rgba(0,0,0,0.3);}

#news_block_news .owl-controls .owl-buttons div{
	margin:0px 10px;
	padding:0px;
	border-radius:100%;
	background:#222;
	width:32px;
	height:32px;
	line-height:32px;
	filter:Alpha(Opacity=80);
	opacity:0.8;
}
#news_block_news .owl-controls.clickable .owl-buttons div:hover{
	filter:Alpha(Opacity=100);
	opacity:1;
}

@media (max-width: 767px) {
	#news_block_news .owl-prev,#news_block_news .owl-next{top:calc(100% - 36px);}
	#news_block_news .owl-prev{left:calc(50% - 150px);}
	#news_block_news .owl-next{right:calc(50% - 150px);}
}

/* product-item */

.product-item{
	background-color:#4c5c96;
	position:relative;
	z-index:12;
	padding-top:15px;
	padding-bottom:15px;
}
.product-item:before{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96;' /%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:100% 100%;
	content:'';
	display:block;
	width:100%;
	height:100px;
	margin-top:-100px;
	position:absolute;
	right:0px;
	top:0px;
}
@media (min-width:1200px) and (max-width:1599px){
	.product-item .label{display:block;}
}