html,body{height:100%;}
body{}
#wrap{position:relative;width:100%;overflow:hidden;margin:0 auto;height:100%;}
.body{opacity:0;height:100%;max-width:100%;}

#invitation-wrap{position:relative;overflow:hidden;height:100%;}

.pointer{position:absolute;width:40.8%;top:34.6%;left:29.5%;z-index:999;}
.pointer img{width:100%;height: auto;}

.slider-wrap{width:100%;height:100%;top:0;left:0;}
.slider{position:relative;left:0;width:100%;height:58%;height:100%;}
.slider ul{padding:0;margin:0;height:100%;}
.slider ul:after{content:' ';display:block;clear:both;}
.slider li{padding:0;margin:0;list-style: none;width:100%;box-sizing: border-box;height:100%;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.slider li .item{position: relative;}
.slider li .img{width:100%;display:block;}
.slider li a img{width:100%;}

.btn_map{display:block;position:absolute;width:39.2%;top:81.6%;left:30.5%;}
.btn_gallery{display:block;position:absolute;width:41.2%;top:86.1%;left:30%;}

.btn_con1{display:block;position:absolute;width:11.8%;top:76.3%;left:22.3%;}
.btn_con2{display:block;position:absolute;width:11.8%;top:76.3%;left:44.1%;}
.btn_con3{display:block;position:absolute;width:11.8%;top:76.3%;left:65.7%;}

.scroll-wrap{width:100%;-webkit-overflow-scrolling: touch;overflow-y:auto;background:#fdfcfa;}

.layer{position:absolute;left:0;top:0;width:100%;background:#fff;min-height:100%;height:auto;display:none;z-index:10}
.layer .title{position: absolute;z-index:1;width:100%;}
.layer .title img{width:100%;height: auto;display:block;}
.layer .title_fake{width:100%;padding-bottom:1.5%;}
.layer .title_fake img{width:100%;height: auto;display:block;}
.layer .title .btn{position: absolute;width:13.6%;left:2.2%;top:0;}
.layer .title .btn img{width: 100%;height: auto;}
.layer.map .mapFrame{width:100% !important;height:100% !important;}

.layer .gallery {width:100%;min-height:100%;}
.layer .gallery .item{width:100%;height:auto;padding-top:10px;display:block;}
.layer .gallery .item:first-child{padding-top:0;}

.join-wrap{position:absolute;left:8.6%;top:32.5%;width:82.8%;height:36.4%;box-sizing:border-box;}
.join-wrap dl{margin:0 auto;width:85%;padding-bottom:1.167em;}
.join-wrap dl:first-child{margin:0 auto;width:85%;padding-bottom:1.167em;padding-top:0;}
.join-wrap dl:after{content:' ';display:block;clear:both;}
.join-wrap dl dt{float:left;width:25%;color:#4f473d;line-height:2.125em;}
.join-wrap dl dd{float:left;width:75%;}
.join-wrap dl dd input{line-height:2.125em;border:1px solid #ccc;width:100%;box-sizing:border-box;text-indent:10px;background:#faf9f7;}
.join-wrap .btn-join{display:block;width:87%;margin:0 auto;}
.join-wrap .btn-join img{width:100%;height:auto;}
.join-wrap .btn-join-wrap{padding-top:1em;}
.join-wrap.result{
	display:none;
	padding-top:3.5em;
	color:#4f473d;
	text-align:center;
	font-size:1.2em;
}
.join-wrap.modify{
	display:none;
	padding-top:3.5em;
	color:#4f473d;
	text-align:center;
	font-size:1.2em;
}
.video-wrap{position:absolute;top:33.9%;width:92.8%;left:3.6%;overflow:hidden;}
.video-wrap .poster{position:relative;width:100%;height:auto;display:block;}
.video-wrap .movie{position:absolute;width:100%;height:100%;left:0;top:0;}

.foot{position:absolute;left:0;top:auto;bottom:0;width:234.2%;z-index:10;}
.foot img{width:100%;height:auto;display:block;}

#clude{position:absolute;width:9.2%;left:33%;top:8.7%;}
#clude.on{
	-webkit-animation-name: ani_clude;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function : linear;
	
	-moz-animation-name: ani_clude;
	-moz-animation-duration: 5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function : linear;
	
	-ms-animation-name: ani_clude;
	-ms-animation-duration: 5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function : linear;
	
	-o-animation-name: ani_clude;
	-o-animation-duration: 5s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function : linear;
}

@keyframes ani_clude
{ 
	0% {
		-webkit-transform:translateX(0%);
		-moz-transform:translateX(0%);
		-ms-transform:translateX(0%);
		-o-transform:translateX(0%);
		transform:translateX(0%);
	}
	50% {
		-webkit-transform:translateX(80%);
		-moz-transform:translateX(80%);
		-ms-transform:translateX(80%);
		-o-transform:translateX(80%);
		transform:translateX(80%);
	}
	100% {
		-webkit-transform:translateX(0%);
		-moz-transform:translateX(0%);
		-ms-transform:translateX(0%);
		-o-transform:translateX(0%);
		transform:translateX(0%);
	}
}



#rotate{position:absolute;width:94%;left:3%;top:10.3%;}
#rotate.on{
	-webkit-animation-name: ani_rotate;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function : linear;
	
	-moz-animation-name: ani_rotate;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function : linear;
	
	-ms-animation-name: ani_rotate;
	-ms-animation-duration: 30s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function : linear;
	
	-o-animation-name: ani_rotate;
	-o-animation-duration: 30s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function : linear;
}
@keyframes ani_rotate
{ 
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}