@charset "utf-8";

#pagefloater{position:fixed;z-index:90;top:50%;right:0;transform:translateY(-50%);background:#CC5555;padding: 6vw 3vw;color:#fff;font-size:4vw;line-height:6vw;width:4vw;border-top-left-radius:2vw;border-bottom-left-radius:2vw;}
#pagenotice{position:fixed;z-index:95;bottom:-50vw;opacity:0;left:0;width:calc(100% - 12vw);background:#CC5555;padding: 8vw 6vw 12vw 6vw;color:#fff;font-size:4vw;line-height:6vw;border-top-left-radius:5vw;border-top-right-radius:5vw;transition:all 1s;}
#pagenotice.on{bottom:0;opacity:1;}
#pnline{position:absolute;width:84%;left:8%;top:3vw;z-index:5;height:1.4vw;border-radius:1vw;background:#aa3333;}
#pagenoticeimg{position:relative;width:20vw;float:left;margin-right:5vw;}
#pagenoticein{position:relative;width:calc(100% - 25vw);float:left;}
#pagenoticein h3{color:#fff;font-size:4vw;line-height:6vw;}
#pagenoticein p{color:#fff;font-size:3.6vw;line-height:5vw;}
/* MAP BOX */

#mapbox{position:absolute;top:12vw;left:0;width:100%;height:calc(100% - 26vw);}
#mapbox1{position:relative;height:calc(100% - 26vw);overflow:scroll;}
#mapbox2{position:relative;height:26vw;overflow-x:scroll;}
#mapbox1in{position:relative;display:inline-block;height:100%;width:auto;transition:all 0.5s;}
#mapbox2in{position:absolute;padding:3vw;height:calc(100% - 6vw);width:500%;top:0;left:calc(50% - 35vw);}
#mapimg{position:relative;height:100%;z-index:1;width:auto;max-width:none!important;}
#mapiconbox{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;}
#mapselect{position:absolute;text-align:center;z-index:10;top:5vw;left:20vw;height:8vw;width:60vw;background:#fff;border-radius:5vw;border:1px solid #999!important;color:#333;font-size:3.6vw;line-height:8vw;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
#mapbox2in .mb2item{display:inline-block;height:100%;float:left;width:60vw;padding-left:5vw;padding-right:calc(5vw - 1px);border-right:1px solid #fff;}
#mapbox2in .mb2item img{width:20vw;float:left;margin-right:3vw;}
#mapbox2in .mb2item div{width:37vw;float:left;color:#fff;font-size:3.2vw;line-height:5vw;}
i.mb1marker{position:absolute;z-index:5;bottom:0;left:0;width:12vw;height:12vw;transform:translateX(-50%);color:#4499ee;font-size:12vw;line-height:12vw;text-align:center;}
i.mb1marker.on{color:#ee8833;}
i.mb1btn{position:absolute;z-index:9;text-align:right;bottom:28vw;right:5vw;height:12vw;width:12vw;font-size:12vw;line-height:12vw;color:#333;}
i.mb1btn.fa-plus-square{right:22vw;}
i.mb1topbtn{    position: absolute;
    z-index: 9;
    text-align: right;
    top: 6vw;
    right: 10vw;
    height: 8vw;
    width: 8vw;
    font-size: 6vw;
    color: #333;
	display:none;
	}