html,body{margin:0px;padding:0px;}

#mainvision {
	position:relative;
	width:100%;
	height:100vh;
	background-color:#FFF;
}
#mainvision a.ad {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	color:#353535;
	text-shadow:0px 1px 0px #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.0) 0%,rgba(0,0,0,0.0) 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.0)),color-stop(100%,rgba(0,0,0,0.0)));
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 100%);
	background:-o-linear-gradient(left,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 100%);
	background:-ms-linear-gradient(left,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 100%);
	background:linear-gradient(to right,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.0) 100%);
	z-index:100;
}
#mainvision .vision_caption{
	position:relative;
	width:100vw;
	height:100vh;
	z-index:101;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#mainvision .vision_caption h1{margin:0px;font-size:50px;font-family:impact, Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;}
#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:#353535;
	border-radius:100%;
}
#mainvision .control a:hover,#mainvision .control a.active {
	background:none;
	border:2px solid #353535;
}
#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 h1{font-size:30px;}
}

/* mainvision -- startblock Start */
.startblock{position:absolute;width:100%;left:0px;bottom:100px;z-index:12;}
@media (max-width: 767px) {
	.startblock{bottom:15px;}
}
.btn-start {
	border-radius:60px;
	color:#FFF;
	background-color:rgba(132,196,80,0.8);
	border:2px solid #FFF;
	-webkit-transition:background-color 0.3s;
	-moz-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
.btn-start:hover,
.btn-start:focus,
.btn-start:active {
	color:#FFF;
	background-color:#353535;
}
.tostart{width:160px;height:60px;line-height:60px;padding:0px;}
/* mainvision -- startblock End */