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

#mask{ 
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	
	-webkit-animation: fade-in 2s 1; /* Chrome, Safari, Opera */
    animation: fade-in 2s 1;
}

#open li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}

#open li + li{
	left:100%;	
}

#updateBS{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	z-index:200;
	text-decoration:none;
}

#updateBS a {
	color:#CCC;
	text-decoration:none;
	}

.designcompany{
	position: absolute;
	right: 20px;
	bottom: 25px;
}

/*.cover{
	position:absolute;
	right:0;
	height:100%;
	width:100%;
	z-index:-1;
	background:url(../images/cover.png) right center no-repeat;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}*/

/*-------------------------
		 動畫設定
-------------------------*/

/* Chrome, Safari, Opera */ 
@-webkit-keyframes fade-in {
    0%   {opacity:0; filter:Alpha(Opacity=0);}
    100% {opacity:1; filter:Alpha(Opacity=100);}
} 

@keyframes fade-in {
    0%   {opacity:0; filter:Alpha(Opacity=0);}
    100% {opacity:1; filter:Alpha(Opacity=100);}
}