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

body,html {
	margin:0px;
	background-color:#000;
	height:100%;
	cursor:default;
}
a img{
	border:0px;
}
#bg-main{
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-size:cover;
	height:100%;
	width:100%;
	display:none;
	z-index:1;
	position:fixed;
	left:0px;
	top:0px;
}
#wrapper{
	position:fixed;
	left:0px;
	top:0px;
	z-index:9;
	height:100%;
	width:100%;
}
#wrapper #container{
	height:100%;
	position:relative;

	
}
#wrapper #container #box{
	display:block;
	height:350px;
	width:680px;
	-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 10px 15px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 10px 15px rgba(0, 0, 0, 0.5);
	margin:auto;
	text-align:center;
	overflow:hidden;
	position:absolute;
	top:45%;
	
	filter:alpha(opacity=0);
	opacity:0;
	-moz-opacity:0;
	
		
}
#wrapper #container #box h1{
	margin-top:0px;
	color:#FFF;
	font-size:56px;
	letter-spacing:5px;
	padding:15px;
	padding-bottom:0px;
	font-family: 微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;
	text-shadow:0px 3px 2px #000;
	font-weight:normal;
	margin-bottom:0px;
	
}
#wrapper #container #box #area{
	margin:20px 20px;
	font-family: 微軟正黑體,Microsoft JhengHei,蘋果儷中黑,Apple LiGothic Medium,黑体,SimHei;
	font-size:21px;
	color:#FFF;
	text-shadow:0px 3px 2px #000;
	
}
#wrapper #container #box .box-content{
	top:0px;
	width:100%;
	height:100%;
	left:0px;
	position:absolute;
	z-index:9;
}
#wrapper #container #box .box-background{
	height:100%;
	width:100%;
	background-color:#000;
	position:absolute;
	z-index:3;
	left:0%;
	top:0%;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}
.app-btn:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}