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

.home{position:absolute;top: 11.5%;left:3.1%;width:11.9%;z-index:2;}
.home img{width:100%;height: auto;}
.menu_bg_img{position:absolute;width:100%;height:auto;}
.menubar{position:absolute;top:0%;width:100%;z-index:2;}
.menubar .menu_bg{width:100%;height:auto;display:block;}
.menubar a{position: absolute;display:block;top:0;bottom:auto;height: 100%;}
.menubar a img{width:100%;}
.menubar a img.default{position:absolute;top:0;left:0;z-index:1}
.menubar a img.on{position:relative;display:none;}

.menubar a.menu1{left:3.8%;width:15.5%;}
.menubar a.menu2{left:24.4%;width:13.9%;}
.menubar a.menu3{left:43.8%;width:11.4%;}
.menubar a.menu4{left:60.6%;width:17.8%}
.menubar a.menu5{left:83.4%;width:13.1%}

.cover{position: absolute;top:0;left:0;width:100%;height:100%;background:url(/goods/common/image/opacity50.png);z-index:3;display: none;}
.layer-wrap{position: relative;width:100%;}
.layer-wrap ul{}
.layer-wrap ul:after{content:' ';display: block;clear: both;}
.layer-wrap .layer{width: 100%;position: relative;overflow-x:hidden;}
.layer-wrap .layer .item{width:100%;height:auto;display:block;}

.gallery{position:absolute;top:20.5%;;width:100%;height:58%;}
.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;width:auto;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_map{position:absolute;display: block;width:22.7%;left:38.6%;top: 83.8%;}
.btn_map img{width:100%;}


.board{position:absolute;left:6.5%;top: 25.4%;width:87%;height: 56.4%;}
.board .list{height: 60.8%;overflow-y:auto;overflow-x:hidden;}
.board .list ul{width:100%;padding:0;margin:0;}
.board .list ul li{list-style: none;width:100%;padding:2% 0 2% 0;border-bottom:1px solid #bfb6ac;font-size:12px;}
.board .list ul li .writer{text-align: right;padding-top:2%;}
.board .list ul li .writer span{padding-left:7px;}
.board .input{position: relative;border-bottom:1px solid transparent;font-size:0px;}
.board .input.textarea{margin-top:1.5%;}
.board .input img{width:100%;height:auto;}
.board .input input{position:absolute;top:0;left:auto;right:0;width:81.5%;height:100%;border:none;background:url(/goods/common/image/temp.png);box-sizing: border-box;font-size:13px;}
.board .input textarea{position:absolute;top:0;left:auto;right:0;width:78.5%;height:100%;border:none;background:url(/goods/common/image/temp.png);box-sizing: border-box;resize: none;overflow:auto;font-size:13px;}
.board .paging{display:block;height:5%;text-align: center;padding:3% 0 3% 0;}
.board .paging a{display:inline-block;*display:inline;*zoom:1;width:12%;text-align: center;height:100%;}
.board .paging a img{height:100%;width:auto;padding:0 5% 0 5%;}
.board .btn-area{position: absolute;width:100%;top:auto;bottom: 1%;text-align: right;}
.board .btn-area a{display:inline-block;*display:inline;*zoom:1;width:18.6%}
.board .btn-area a img{width:100%;}

.btn-connect{position: absolute;left:17.6%;top: 29.5%;width:64.8%;}
.btn-connect a{display:inline-block;*display:inline;*zoom:1;width:21%;margin: 4% 2%;border-top:1px solid transparent;}
.btn-connect a img{width:100%;}


.mapFrame{position: absolute;left: 4%;top: 17.7%;width: 92%;height: 64.9%;z-index: 2;display:none;}

.info{position: absolute;top:89.5%;left:0;width: 100%;height: auto;}

.video_close{position: absolute;left:87%;top:28.2%;display:block;width:9.4%;z-index:3;display:none;}
.video_close img{width:100%;}
.video{position:absolute;z-index:3;width:100%;left:0;top:200%;height:36%;}
.bar{position:absolute;left:0%;top:67.5%;width:0%;height:9%;background:#99859d;}

.movie{position:relative;
    top: 39%;
    width: 82%;
    left: 9%;
    position:absolute;
    z-index:2;
}
.youtube-loading{position:absolute;width:50px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;display:none;}
.youtube-poster{width:100%;height:auto;display:block;}
.youtube-wrap{position:absolute;left:0;top:1px;width:100%;height:100%;overflow: hidden;}
.youtube-wrap .youtube-fake{width:100%;height:auto;display:block;width:100%;height:auto;}
.youtube-wrap .youtube{position:absolute;left:0;top:0;width:100%;height:100%;}