/*
 *  Document   : home.css
 *  Author     : JK
 */

/* home */
.home_top_area {
    border-bottom:0px solid #d9d9d9;
	/*-moz-box-shadow:0px 3px 6px rgba(20%,20%,40%,0.2);
	-webkit-box-shadow:0px 3px 6px rgba(20%,20%,40%,0.2);
	box-shadow:0px 3px 6px rgba(20%,20%,40%,0.2);*/
}
.bg-box {text-align:center; padding-top:8px; padding-bottom:8px;}
#HomeTagSlider.owl-carousel .owl-item img {text-align: center;margin: 0px auto; width:auto;}
#HomeTagSlider .owl-item+.owl-item{border-left:1px solid #e8e8e8;}

.home-tab-content {
	background-color:#f7f7f7;padding-top:30px;padding-bottom:40px;
	border-top:1px solid #cfcfcf;
	-moz-box-shadow:0px 0px 8px rgba(20%,20%,40%,0.2) inset;
	-webkit-box-shadow:0px 0px 8px rgba(20%,20%,40%,0.2) inset;
	box-shadow:0px 0px 8px rgba(20%,20%,40%,0.2) inset;
}
.home-tab-content .row {
display:none;
}
.home-tab-content .row.active {display:block;}
.home-tab-content .row.pl-group {display:block; margin:0;}
.news-tab-content-area>.row.pl-group {margin-top:20px;}
.home-tab-content .news-item {padding-top:15px;}
.home-tab-content .news-tab-content-area {padding-left:30px;padding-right:30px;}
.home-tab-content .unit-title {
	padding:20px 0 12px;
	border-bottom:2px solid #1195d3;
	margin-bottom:15px;
	font-size:1.4em;line-height:1;
}
.home-tab-content .unit-title i {
font-size:1em; padding-right:10px;padding-left:5px;

}


.news-tab-content-area .news-item .news_date_area {
	color:#0074bf;
}
.news-tab-content-area .news-item .news_title_area {
	height:48px; overflow:hidden;
}

#HomeTagSlider .owl-stage-outer {
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: -20px;
	z-index: 1008;
}
#HomeTagSlider a i {font-size:2em; padding-top:15px;}
.bg-box .bg-logo{
	height:48px;
}

.bg-box .bg-logo img{
	height:48px;
}
#HomeTagSlider .item:after{
	bottom: -21px;
	border: solid transparent;
	content: '';
	height: 21px;
	width: 100%;
	position: absolute;
	pointer-events: none;
	background: url('../../img/template/home-news-tab-s-on_01.png') no-repeat 50% 100%;
	left: 0;
}	



.home_other_content_area {margin-top:-8px; background:#ffffff;padding-top:0px;padding-bottom:0px;border-top:0px solid #eeeeee;}
.home_other_content_area .unit-title {background:#e5e5e5; padding:10px 15px;}
.mobile-area img {width:80px;margin-top:5px;margin-bottom:10px;}
.mobile-area div { line-height:1.2; border-right:1px solid #dadada; }
.mobile-area div p {height:35px;line-height:1.2; padding:0px;margin-bottom:0px;}
.home_top_area a,.home-tab-content a,.mobile-area a ,.home_other_content_area a{color:#343434;}
.home_top_area a:hover,.home-tab-content a:hover,.mobile-area a:hover,.home_other_content_area a:hover{color:#343434; text-decoration: none;} 
.home-tab-content a:hover{text-decoration: underline;}  

.news-tab-content-area .btn .more-btn {
border-radius: 5;border-color: #eeeeee;
}
.home-tab-content a.more-btn:hover{text-decoration: none;}  

.home_other_content_area .tab-btn-xs {
    padding-left:15px;padding-right:15px;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 47%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(47%,#f4f4f4), color-stop(100%,#f0f0f0)); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 );
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #a6a9ab;
	border-bottom:1px solid #ffffff;
	cursor: pointer;
}

.home_other_content_area .tab-btn-xs i{
	float:right;
	font-size: 0.86em;
	padding:8px 5px 0 5px;
	margin-top:-5px;
	text-align: center;
	width: 42px;
	height: 32px;
	border-radius: 5px;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;	
}

.newsItemSlider.owl-theme .owl-controls{ 
	position: absolute;
	top: -15px;
	right: 0;
}

.newsItemSlider.owl-theme .owl-controls .owl-page span{
width: 8px;
height: 8px;
margin: 3px 3px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.newsItemSlider.owl-theme .owl-controls .owl-page.active span,
.newsItemSlider.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #cccccc;
}

.mobile-area { padding-left:5px; }

div.acart_cloud1 {text-align:center;  line-height:35px;   padding:35px;}
div.acart_cloud1 span {white-space:nowrap;}
div.acart_cloud1 span.w10 { font-size: 140%; margin:4px 2px 2px 2px; line-height:35px;}
div.acart_cloud1 span.w9  { font-size: 140%; margin:4px 2px 2px 2px; line-height:35px;}
div.acart_cloud1 span.w8  { font-size: 130%; margin:4px 2px 2px 1px; line-height:35px;}
div.acart_cloud1 span.w7  { font-size: 130%; margin:4px 2px 2px 1px; line-height:35px;}
div.acart_cloud1 span.w6  { font-size: 120%; margin:4px 2px 2px 2px; line-height:35px;}
div.acart_cloud1 span.w5  { font-size: 120%; margin:4px 2px 2px 2px; line-height:35px;}
div.acart_cloud1 span.w4  { font-size: 110%; margin:4px 2px 2px 1px; line-height:35px;}
div.acart_cloud1 span.w3  { font-size: 110%; margin:4px 2px 2px 1px; line-height:35px;}
div.acart_cloud1 span.w2  { font-size: 100%; margin:4px 2px 2px 2px; line-height:35px;}
div.acart_cloud1 span.w1  { font-size: 100%; margin:4px 2px 2px 1px; line-height:35px;}

div.acart_cloud1 span.w10 { color: #084c6b; }
div.acart_cloud1 span.w9 { color: #7f868b; }
div.acart_cloud1 span.w8 { color: #0075c1; }
div.acart_cloud1 span.w7 { color: #7f868b; }
div.acart_cloud1 span.w6 { color: #0075c1; }
div.acart_cloud1 span.w5 { color: #7f868b; }
div.acart_cloud1 span.w4 { color: #0075c1; }
div.acart_cloud1 span.w3 { color: #7f868b; }
div.acart_cloud1 span.w2 { color: #aab5f0; }
div.acart_cloud1 span.w1 { color: #c4c4c4; }

div.acart_cloud1 a { color: inherit; font-family: 微軟正黑體, Arial, Helvetica, sans-serif;}
div.acart_cloud1 a:hover { color: #7f868b; }
div.acart_cloud1 a:hover { color: #a8cddf; }




/* layout */

div.acart_cloud {
  overflow: hidden;
  position: relative;
}

div.acart_cloud div { padding: 0; }



/* product-line */
.row.pl-group div{padding-bottom:20px; }
.row .pl-sgroup {padding-left:0px;padding-right:0px;}
.row.pl-group-title {padding:15px 0 20px 0;}
.row.pl-group-title h2 {margin:0;line-height: 36px;}


.row.pl-group dt {color:#1195d3; padding:8px 0 12px;}
.row.pl-group dd a,.row.pl-group-title .pdf_area a{
	color:#343434; line-height:1.7;
}



.linkbg {padding-top:0px;padding-bottom: 15px;}
.linkbg a {color:#ffffff;border-radius: 4px;}
.linkbg a:hover{color:#ffffff;text-decoration: none;}  
@media screen and (max-width: 999px) {
	.bg-box{
		padding-right: 40px;	
	}
	.bg-box .bg-logo{
		display:inline-block;
	}
	.bg-box .bg-name{
		display:inline-block;
		font-size:1.2em;
		vertical-align: top;
		font-size: 1.2em;
		line-height: 48px;		
	}
	.bg-box .bg-name.home-news{
		padding-top:5px;
	}	
	#HomeTagSlider a i {font-size:2em; padding-top:18px; padding-right:8px; vertical-align: middle;}	
	.owl-wrapper .owl-item+.owl-item{border-left:0px solid #e8e8e8;}
	
	#overseas-content-area .col-xs-6 {width:100%;}

}
@media screen and (min-width: 1000px) {
	#HomeTagSlider .item.active{
		background: url('../../img/template/home-news-tab-on_01.png') no-repeat 40% 10%;
	}
	#HomeTagSlider .item:after{
		background:transparent;
	}
	
	#HomeTagSlider .item.active:after{
		bottom: -21px;
		border: solid transparent;
		content: '';
		height: 21px;
		width: 100%;
		position: absolute;
		pointer-events: none;
		background: url('../../img/template/home-news-tab-on.png') no-repeat 50% 100%;
		left: 0;
	}
}

@media screen and (min-width: 768px) {
	.row.pl-group div{padding-bottom:15px; min-height:20px;}
}
@media screen and (min-width: 992px) {
	.news-tab-content-area .news-item .news_title_area {
		height:42px; overflow:hidden;
	}

	.home-tab-content {padding-bottom:25px;}
	.home-tab-content .unit-title {
		padding:12px 0;
		margin-bottom:5px;		
	}
	.newsItemSlider.owl-carousel .owl-item{float:none;}
	.newsItemSlider.owl-theme .owl-controls .owl-pagination{display:none;}
	.news-tab-content-area .news-item {
		padding:12px 0;
		border-bottom:1px solid #ffffff;
	}
	.news-tab-content-area .news-item+.news-item {
		border-top:1px solid #c8c6c6;
	}
	.news-tab-content-area .news-item:last-child {
		border-bottom:0px solid #ffffff;
	}
	
	.news-tab-content-area .owl-item {
		padding:0;
		border-bottom:1px solid #ffffff;
	}
	.news-tab-content-area .owl-item+.owl-item {
		border-top:1px solid #c8c6c6;
	}
	.news-tab-content-area .owl-item:last-child {
		border-bottom:0px solid #ffffff;
	}	

	div.acart_cloud1 {padding:8px;}
	.home_other_content_area {padding-top:40px;padding-bottom:40px;margin-top:-4px;border-top:1px solid #eeeeee;}
	.home-tab-content .news-tab-content-area {padding-left:40px;padding-right:40px;}

	div.news-tab-content-area {min-height:311px; border-left:1px solid #e9e9e9; background: url('../../img/template/home-news-unit-bg_02.png') no-repeat 100% 50%;}
	div.news-tab-content-area:first-child {border-left:0px;}	
	div.news-tab-content-area:last-child{background: transparent;}		
}