#mainvision .vision-item{display:none;}
/* mainvision Start */

.mainvision{width:100%;height:100vh;left:0px;top:0px;}
#mainvision {
	position:relative;
	width:100%;
	height:100vh;
}
#mainvision a.ad {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	color:#FFF;
	text-decoration:none;
}
#mainvision a.ad:before {
	content:'';
	width:100%;
	height:100vh;
	position:absolute;
	top:0px;
	left:0px;
/*
	background:-moz-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,rgba(0,0,0,0.1)));
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%);
	background:-o-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%);
	background:-ms-linear-gradient(left,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%);
	background:linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%);
*/
	z-index:100;
}
#mainvision .vision_caption{
	position:absolute;
	left:0px;
	top:40%;
	width:100%;
	z-index:101;
}
#mainvision .vision_caption h1{margin:0px;font-size:50px;font-family:impact, Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;}
#mainvision .vision-item{width:50%;}
#mainvision .control {
	position:absolute;
	left:15px;
	bottom:80px;
}
#mainvision .control a {
	display:inline-block;
	padding:0px;
	margin:5px;
	width:15px;
	height:15px;
	background:none;
	border:2px solid transparent;
	border-radius:100%;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#mainvision .control a:before {
	content:'';
	width:7px;
	height:7px;
	position:absolute;
	top:2px;
	left:2px;
	background:#FFF;
	border-radius:100%;
}
#mainvision .control a:hover,#mainvision .control a.active {
	background:none;
	border:2px solid #FFF;
}
#mainvision .control a,#mainvision .control a:hover{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#mainvision .control a span {display:none;}

@media (max-width: 767px) {
	#mainvision .vision_caption{top:30%;}
	#mainvision .vision_caption h1{font-size:30px;}
	#mainvision .control {bottom:15px;}
}

/* mainvision -- startblock Start */
.startblock{position:absolute;width:100%;left:0px;bottom:100px;z-index:10;}
@media (max-width: 767px) {
	.startblock{bottom:15px;}
}
.btn-start {
	border-radius:100%;
	color:#FFF;
	background-color:transparent;
	border:1px solid #FFF;
}
.btn-start:hover,
.btn-start:focus,
.btn-start:active {
	color:#FFF;
	background-color:transparent;
}
.tostart{width:60px;height:60px;line-height:60px;padding:0px;}
/* mainvision -- startblock End */

/* mainvision -- tostart-front and tostart-back Start */
.startblock a {
	position:relative;
	-webkit-transform:perspective(1000px);
	-webkit-transform-style:preserve-3d;
	-moz-transform:perspective(1000px);
	-moz-transform-style:preserve-3d;
	-ms-transform:perspective(1000px);
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.tostart-front,.tostart-back {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:0.6s;
    -moz-transition:0.6s;
    -o-transition:0.6s;
    -ms-transition:0.6s;
    transition:0.6s;
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
}
.tostart-front {
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.tostart-back {
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}

.startblock a:hover .tostart-front {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.startblock a:hover .tostart-back {
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    transform:rotateY(0deg)
}
/* mainvision -- tostart-front and tostart-back End */

/* mainvision End */

/* Topnews Start */
#topnews .item-link{display:block;position:relative;}
#topnews .item{margin:3px;}
#topnews .item img{
	display:block;
	width:100%;
	height:auto;
}
#topnews .carousel-caption {
	position:absolute;
    left:0px;
	top:0px;
	width:100%;
	height:100%;
    padding:10px;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
}
#topnews p{margin:0px;font-size:14px;letter-spacing:0px;}
#topnews h3{font-family:impact, Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;font-size:20px;}
#topnews .colorhr{border:1px solid #5695AB;border-left:none;border-right:none;height:2px;max-width:50px;margin-top:0px;margin-bottom:10px;}

#topnews .caption-text{position:relative;width:100%;height:100%;display:table;}
#topnews .caption-link{position:relative;width:100%;height:100%;display:table;}
#topnews .caption-row{display:table-row;}

#topnews .caption-vertical{display:table-cell;vertical-align:middle;transform:translateY(0);filter:Alpha(Opacity=100);opacity:1;}
#topnews .item-link:hover .caption-vertical{transform:translateY(-100%);filter:Alpha(Opacity=0);opacity:0;}

#topnews .icon-vertical{display:table-cell;vertical-align:middle;transform:translateX(0);filter:Alpha(Opacity=100);opacity:1;}
#topnews .item-link:hover .icon-vertical{transform:translateX(100%);filter:Alpha(Opacity=0);opacity:0;}

#topnews .link-vertical{display:table-cell;vertical-align:middle;transform:translateY(0);filter:Alpha(Opacity=0);opacity:0;}
#topnews .item-link:hover .link-vertical{transform:translateY(-100%);filter:Alpha(Opacity=40);opacity:0.4;}
#topnews .item-link:hover .link-vertical .fa-stack{transform:scale(1.6, 1.6);}

#topnews .caption-vertical,#topnews .item-link:hover .caption-vertical,
#topnews .icon-vertical,#topnews .item-link:hover .icon-vertical,
#topnews .link-vertical,#topnews .item-link:hover .link-vertical,
#topnews .item-link .link-vertical .fa-stack,#topnews .item-link:hover .link-vertical .fa-stack
{transition:all 0.5s ease;}

#topnews .owl-controls .owl-buttons div{
	margin:0px 10px;
	padding:0px;
	border-radius:100%;
	background:#5695AB;
	width:32px;
	height:32px;
	line-height:32px;
	filter:Alpha(Opacity=80);
	opacity:0.8;
}
#topnews .owl-controls.clickable .owl-buttons div:hover{
	filter:Alpha(Opacity=100);
	opacity:1;
}
#topnews .owl-prev,#topnews .owl-next{top:calc(50% - 16px);}

#topnews .icon-vertical .fa-4x{font-size:3em;}
@media (min-width:1200px) and (max-width:1400px){
	#topnews h3{font-size:16px;margin-top:10px;}
}
/* Topnews End */