#wrap{position:relative;width:100%;overflow:hidden;max-width: 640px;margin:0 auto;}
#invitation-wrap{position: relative;height:100%;overflow:hidden;}
.wrap{position: relative;}
.body{opacity:0;}
.fake{width:100%;height:auto;}
.main-wrap{position: absolute;top:0;left:0;height: 100%;width:auto;}
.main{height:100%;width:auto;}

.character{position: absolute;width:53%;top:auto;bottom:0;left:0;z-index:2;}
.character img{width:100%;height:auto;display:none;}


.task{position: absolute;width:69.3%;height:auto;top:auto;bottom:0;left:1%;z-index:3;}

.btn_map{position:absolute;width:3.5%;left:53.7%;top:73.6%;border:1px solid transparent;}
.btn_map img{width:100%;height: auto;}

.btn_gallery{position:absolute;width:3.8%;left:69%;top:73.8%;border:1px solid transparent;}
.btn_gallery img{width:100%;height: auto;}

.guestbook.board{position:absolute;left: 78.6%;top: 18.1%;width: 10.9%;height: 76.5%;}
.guestbook.board .list{height: 65.9%;overflow-y:auto;overflow-x:hidden;}
.guestbook.board .list ul{width:100%;padding:0;margin:0;}
.guestbook.board .list ul li{list-style: none;width:100%;padding:2% 0 2% 0;border-bottom:1px solid #fff;font-size:12px;color:#fff;}
.guestbook.board .list ul li .writer{text-align: right;padding-top:2%;}
.guestbook.board .list ul li .writer span{padding-left:7px;}
.guestbook.board .list ul li .writer span a{color:#fff;}
.guestbook.board .list-fake{height: 65.9%;overflow-y:auto;overflow-x:hidden;}
.guestbook.board .input{position: relative;border-bottom:1px solid transparent;font-size:0px;}
.guestbook.board .input textarea{margin-top:1.5%;}
.guestbook.board .input img{width:100%;height:auto;}
.guestbook.board .input input{position:absolute;top:0;left:auto;right:0;width:79.5%;height:100%;border:none;background:url(/goods/common/image/temp.png);box-sizing: border-box;font-size:13px;}
.guestbook.board .input textarea{position:absolute;top:0;left:auto;right:0;width:76.5%;height:100%;border:none;background:url(/goods/common/image/temp.png);box-sizing: border-box;resize: none;overflow:auto;font-size:13px;}
.guestbook.board .paging{display:block;height: 5%;text-align: center;padding:4% 0 3% 0;margin-top: 1%;}
.guestbook.board .paging a{display:inline-block;*display:inline;*zoom:1;width:12%;text-align: center;height:100%;}
.guestbook.board .paging a img{height:100%;width:auto;padding:0 5% 0 5%;}
.guestbook.board .btn-area{position: absolute;width:100%;top:auto;bottom:0;text-align: right;}
.guestbook.board .btn-area a{display:inline-block;*display:inline;*zoom:1;width:21.5%}
.guestbook.board .btn-area a img{width:100%;}

.map-wrap{position: absolute;
	left: 45.4%;
    top: 18.8%;
    width: 11.6%;
    height: 26.7%;
}
.map-wrap .mapFrame{
	background:#ccc;
    width: 100%;
    height: 100%;
}
.map-wrap .close{position: absolute;top:84.7%;width:21.7%;left:auto;right: 2.7%;}
.map-wrap .close img{width: 100%;height: auto;}


.gallery-wrap{position:absolute;top:-200%;left:0;z-index:3;width:100%;height:100%;}
.gallery-wrap .close{position: absolute;top:80.8%;width:21.7%;left:auto;right: 6.5%;}
.gallery-wrap .close img{width: 100%;height: auto;}
.gallery{position:absolute;top:20.5%;width:100%;height:59%;}
.gallery .slider{position:absolute;top:0;left:0;overflow-x:hidden;width:100%;height:100%;overflow-x:hidden;}
.gallery .slider ul{padding:0;margin:0;height:100%;}
.gallery .slider li{padding:0;margin:0;list-style: none;width:100%;height:100%;box-sizing: border-box;}
.gallery .slider li .item{position: relative;height:100%;overflow:hidden;padding:0 7%;}
.gallery .slider li .item .play{position: absolute;display:block;width:19%;left:40.5%;top:68%;}
.gallery .slider li .item .play img{width:100%;}
.gallery .prev{position: absolute;display:block;left:0;top:47%;width:6.9%;z-index:2;}
.gallery .prev img{width:100%;height:auto;}
.gallery .next{position: absolute;display:block;left:auto;right:0;top:47%;width:6.9%;z-index:2;}
.gallery .next img{width:100%;height:auto;}

.btn-connect{position: absolute;left: 92.4%;top: 16.2%;width:6.1%;}
.btn-connect a{display:inline-block;*display:inline;*zoom:1;width: 36.9%;margin: 4% 6%;border-top:1px solid transparent;}
.btn-connect a img{width:100%;}

.cover{position: absolute;top:0;left:0;width:100%;height:100%;background:url(/goods/common/image/opacity50.png);z-index:3;display: none;}
.layer2{position:absolute;left:0;top:0;width:100%;background:#fff;min-height:100%;height:auto;display:none;z-index:10;}
.layer2 .scroll-wrap{width:100%;-webkit-overflow-scrolling: touch;overflow-y:auto;background:#fdfcfa;}
.layer2 .title{position: absolute;z-index:1;width:100%;}
.layer2 .title img{width:100%;height: auto;display:block;}
.layer2 .title_fake{width:100%;padding-bottom:1.5%;}
.layer2 .title_fake img{width:100%;height: auto;display:block;}
.layer2 .title .btn{position: absolute;width:13.6%;left:2.2%;top:0;}
.layer2 .title .btn img{width: 100%;height: auto;}
.layer2.map .layerMapFrame{width:100% !important;height:100% !important;}