@charset "utf-8";
/* CSS Document */

/*前導頁*/
#intro{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:10;
	background:#1f1f1f;
}
.enter{
	width:90px;
	border:rgba(255,255,255,0) solid 1px;
	font-size:0.9em;
	text-align:center;
	position:absolute;
	bottom:20%;
	left:50%;
	margin-left:-45px;
	opacity:0;
	
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.enter a{
	color:#999;
}
.enter::before, .enter::after{
	content:'';
	width:15px;
	height:1px;
	background:#999;
	position:absolute;
	top:50%;
	left:-5px;
	
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.enter::after{
	left:auto;
	right:-5px;
}
.enter:hover a{color:#fff;}
.enter:hover{background:rgba(255,255,255,0.05); border:rgba(255,255,255,0.2) solid 1px;}
.enter:hover::before{left:-25px; width:30px; background:rgba(255,255,255,0.2);}
.enter:hover::after{right:-25px; width:30px; background:rgba(255,255,255,0.2);}

.introLogo{
	width:110px;
	height:90px;
	background:url(../images/intro-logo.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	left:50%;
	margin:-45px 0 0 -27px;
}

/*slogan*/
.slogan{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	opacity:0;
}
.slogan:nth-child(1){opacity:1;}

/*首頁跑圖*/
.fotorama{
	position:absolute;
	top:0;
	left:0;
}
.pic{
	width:100%;
	height:100%;	
}
.pic li{
	transform-origin:0% 0% 0px;
	transform:rotate(0.01deg);
	-webkit-transform-origin:0% 0% 0px;
	-webkit-transform:rotate(0.01deg);
}
.pic img{	
	width:100%;
	height:auto;
}