@charset "utf-8";
/* CSS Document */
html{
height:100vh;


}

a img{ border:none;}

#main_open{
	position:relative;
	height:420px;
	min-width:700px;
	}
#main_bg{
	margin: 0px;
	padding: 0px;
	position: relative;
	list-style-type: none;
	float: left;
	height: 420px;
}

.style6 {
	font-size: 12px;
	color: #666666;
	font-family: "微軟正黑體";
	text-decoration: none;
	letter-spacing: 3px;
}
.style7 {
	font-size: 12px;
	color: #000000;
	font-family: "微軟正黑體";
	text-decoration: none;
	letter-spacing: 10px;
}
.style8 {
	font-size: 11px;
	color: #000000;
	font-family: "微軟正黑體";
	text-decoration: none;
	letter-spacing: 3px;
}
.style9 {
	font-size: 12px;
	color: #000000;
	font-family: "Myriad Web";
	text-decoration: none;
	letter-spacing: 1px;
}
.style10 {
	font-size: 12px;
	color: #666666;
	font-family: "Myriad Web";
	text-decoration: none;
	letter-spacing: 1px;
}
.style10 a:hover{
color:#D2D39A;
}
#decoration_open{
	position:relative;
	height:250px;
	min-width:700px;
	}
#decoration_bg{
	margin: 0px;
	padding: 0px;
	position: absolute;
	list-style-type: none;
	float: left;
	height: 250px;
}
#facebook {
	position:absolute;
	left: 50%;
	top: 50%;
	width:1000px;
	margin:240px 0px 0px -500px;
	background:transparent;
}

.wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	background: #ffffff;
	height: 100vh;
	cursor: default;
}

.front {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.logo {
	position: relative;
	height: 100%;
	margin: 0 auto;
}
.logo img {
	width: 100%;
	height: 100%;
}