body{
    cursor:url('CUSOR.ico'),auto;
}
.videobg {
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background: url(PIS.jpg) no-repeat center center;
}
.videobg:after {
	content: "";
	display: block;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, .10);
}
.videobg video {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	min-height: 100%; min-width: 100%;
}
.wrap {
	position: absolute;
	top: 50%;
	left: 15px; right: 15px;
	transform: translate(0, -50%);
	text-align: center;
	color: #fff;
	transition: all .25s;
}
h1{
	font-size: 1.7em;
	font-family: "Noto Sans TC, sans-serif";
}

p {
	font-size: 1em;
	text-align: center;
	font-family: "Noto Sans TC, sans-serif";
}
.logo {
	border-radius: 6px;
	overflow: hidden;
}
.button {
	display: inline-block;
	padding: 8px 20px;
	border: 2px solid #ffffffba;
	border-radius: 20px;
	color: #ffffffba;
	min-width: 120px;
	margin-top: 20em;
	text-decoration: none;
	position: relative;
	transition: all .5s;
	font-size: 1.25em;
}
.button:before {
	font-size: 1.5em;
	content: "";
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 0;
	background: #187fc4;
	border-radius: 7px;
	overflow: hidden;
	opacity: 0;
	transition: all .5s;
	z-index: -1;
}
.button:hover {
	color: #ffffff;
	border-color: #ffffff;
	border-radius: 10px;
}
.button:hover:before {
	width: 100%;
	right: 0;
	opacity: 1;
}