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

.img{display:block;}

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

.pointer2{
    -webkit-transition:all 400ms;
    -moz-transition:all 400ms;
    -ms-transition:all 400ms;
    -o-transition:all 400ms;
    transition:all 400ms;
    -webkit-transform:translateY(-5%);
    -moz-transform:translateY(-5%);
    -ms-transform:translateY(-5%);
    -o-transform:translateY(-5%);
    transform:translateY(-5%);
    position: absolute;
    width: 40.8%;
    top: 34.6%;
    left: 29.5%;
    z-index: 999;
    opacity:0;
}
.pointer2 img{display: block;width: 100%;height: auto;}
.pointer2.on{
    -webkit-transform:translateY(-0%);
    -moz-transform:translateY(-0%);
    -ms-transform:translateY(-0%);
    -o-transform:translateY(-0%);
    transform:translateY(-0%);
    opacity:1;
}
.pointer2.on.off{
    -webkit-transform:translateY(5%);
    -moz-transform:translateY(5%);
    -ms-transform:translateY(5%);
    -o-transform:translateY(5%);
    transform:translateY(5%);
    opacity:0;
}

.delay_pointer{-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%);position: absolute;width: 40.8%;top: 34.6%;left: 29.5%;z-index: 999;opacity:0;}
.delay_pointer img{display: block;width: 100%;height: auto;}
.delay_pointer.on{-webkit-transform:translateY(-0%);-moz-transform:translateY(-0%);-ms-transform:translateY(-0%);-o-transform:translateY(-0%);transform:translateY(-0%);opacity:1;}
.delay_pointer.on.off{-webkit-transform:translateY(5%);-moz-transform:translateY(5%);-ms-transform:translateY(5%);-o-transform:translateY(5%);transform:translateY(5%);opacity:0;}

.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:hidden;-webkit-overflow-scrolling: touch;}
.slider li .item{position: relative;overflow:hidden;}
.slider li .img{width:100%;display:block;}
.slider li a img{width:100%;}
.slider>ul>li{background-size:100% auto;background-position: center center;background-repeat:no-repeat;}
.slider>ul>li.repeat{background-position: left top;background-repeat: repeat-y;}

.btn_map{display:block;position:absolute;width:22.2%;top:92%;left:38.8%;}
.btn_gallery{display:block;position:absolute;width:22.2%;top:92%;left:38.8%;}

.btn_con1{display:block;position:absolute;width:13.4%;top:82.2%;left:20.6%;}
.btn_con2{display:block;position:absolute;width:13.4%;top:82.2%;left:43.4%;}
.btn_con3{display:block;position:absolute;width:13.4%;top:82.2%;left:65.9%;}

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

.layer{position:absolute;left:auto;top:0;width:100%;background:#fff;min-height:100%;height:auto;display:none;z-index:1;max-width: 640px}
.layer .title{position: absolute;z-index:1;width:100%;}
.layer .title img{width:100%;height: auto;display:block;}
.layer .title_fake{width:100%;visibility: hidden;}
.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 .title .btnclose{position: absolute;width:14%;left:0%;top:0;height:100%;}
.layer .title .btnclose img{width: 100%;height: 100%;}
.layer.map{font-size: 0px;}
.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;}
.layer .agree{font-size:1em;padding:1em;line-height: 160%;}
.layer .agree div{border:1px solid #ccc;padding:1em;}

.join-wrap{position:absolute;left:14.7%;top:44.7%;width:70.7%;box-sizing:border-box;}
.join-wrap dl{margin:0 auto;width:100%;padding-bottom:1.167em;}
.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;}
.join-wrap .btn-join{display:block;width:100%;margin:0 auto;}
.join-wrap .btn-join img{width:100%;height:auto;}
.join-wrap.result{display:none;padding-top:5.5em;color:#4f473d;text-align:center;font-size:1.2em;}
.join-wrap.modify{display:none;padding-top:5.5em;color:#4f473d;text-align:center;font-size:1.2em;}


.video-wrap{position:absolute;top:40.9%;width:92.8%;left:3.6%;overflow:hidden;background:#000;}
.video-wrap .fake{visibility: hidden;width:100%;height: auto;display:block;}
.video-wrap .movie{position:absolute;left:0;top:0;width:100%;height: 100%}
.video-wrap .poster{position:absolute;left:0;top:0;width: 100%;height: auto;cursor:pointer;display: block;}

.title-bar{position: absolute;width: 100%;z-index:1;display:none;overflow: hidden;}
.title-bar .top-title{width: auto;height: 100%;display: block;}
.title-bar .shadow{position: absolute;top:auto;bottom:0;width: 100%;height: auto;display: block;}
.progress{position: absolute;display:block;width: 100%;z-index:1;left:0;top:0;height:5px;display:none;background: #fff;overflow-x:hidden;}
.progress .bar{width:25%;height: 100%;display:block;background:#ffffff;
	-webkit-transition: width 400ms;
	-moz-transition: width 400ms;
	-ms-transition: width 400ms;
	-o-transition: width 400ms;
	transition: width 400ms;
}
.slider{box-sizing: border-box;}
.item-top{position: absolute;top:0;width: 100%;height: auto;display: block;}
.item-bottom{position: absolute;top:auto;bottom:0;width: 100%;height: auto;}

.dp-wrap{position:relative;width: 100%;height: 100%;display: table;background-size:100% auto;background-repeat:no-repeat;background-position: center center;}
.dp-cont{position:relative;display: table-cell;vertical-align: middle;}

.dp-wrap.top{vertical-align: top;background-position: 0 0%;}
.dp-wrap.top .dp-cont{vertical-align: top;}
.dp-wrap.bottom{vertical-align: bottom;background-position: 0% 100%;}
.dp-wrap.bottom .dp-cont{vertical-align: bottom;}

.choose{position: absolute;display: block;background-size: 100% 100%;background-repeat: no-repeat;}
.choose img{display: block;width: 100%;height: auto;visibility: hidden;}
.choose.on img{visibility: visible;}

input.input{display:block;position: absolute;border:none;padding-left: 0.5em;box-sizing: border-box;background:url(/goods/bizcommon/image/fake.png);}
textarea.input{display:block;position: absolute;border:none;padding: 0.5em;box-sizing: border-box;background:url(/goods/bizcommon/image/fake.png);resize:none;}
select.input{display:block;position: absolute;border:none;box-sizing: border-box;background:url(/goods/bizcommon/image/fake.png);padding-left:0.5em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/goods/bizcommon/image/selectbox_arrow.png);
background-position : right center;
background-repeat: no-repeat;
background-size: auto 100%;
}
select.iosselect{}
select.onselect{}

.btn_apply{position: absolute;display: block;}
.block{display:block;}
.imgw{display: block;width: 100%;height: auto;}

.imglayertop{display: block;position: absolute;left: 0;top:0;overflow: hidden;}
.imglayertop img{display: block;width: 100%;height: auto;}

.imglayerbottom{display: block;position: absolute;left: 0;top:auto;bottom: 0;overflow: hidden;}
.imglayerbottom img{display: block;width: 100%;height: auto;}

.staticMapFrame{position: absolute;display: block;}

.common-bg-wrap{position: fixed;width: 100%;height: 100%;}
.common-bg-wrap .bg{position: relative;width: 100%;height: 100%;}
.common-bg-wrap .bg img{display: block;width: 100%;height: auto;}
.common-bg-wrap .bg .item{position: relative;}

.layeritem{display:block;position: absolute;}
.layeritem img{display: block;width: 100%;height: auto;}

.ulflex{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width:640px){
	.layer{left:0;}
}