.overlay {
	position: absolute;
	top:40px;
	left:50%;
	background: rgba(255,255,255,.9);
	background: #EAFCF9\9; /* IE8 and below */
	border-radius: 9px;
	box-shadow: rgba(0,0,0,.2) 0 0 80px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #bec3c7;
	z-index: 1001;
	margin-bottom: 40px;
	-webkit-transition: opacity .4s, -webkit-transform .4s;
	-moz-transition: opacity .4s, -moz-transform .4s;
	-ms-transition: opacity .4s, -ms-transform .4s;
	-o-transition: opacity .4s, -o-transform .4s;
	transition: opacity .4s, transform .4s;
}
.ie8 .overlay {
	top:155px !important;
}
.overlay.overlay2 {
	z-index: 2000;
}
.overlay.overlay3 {
	z-index: 3000;
}
.overlay.overlay4 {
	z-index: 4000;
}
.overlay.overlay5 {
	z-index: 5000;
}
#overlay_bg {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.6);
	z-index: 1000;
	opacity: 0;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-ms-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
}
@media screen and (max-width: 630px) {
	#overlay_bg {
		overflow-y: scroll;
	}
}
.has_overlay_1 #overlay_bg, .has_overlay_2 #overlay_bg, .has_overlay_3 #overlay_bg, .has_overlay_4 #overlay_bg, .has_overlay_5 #overlay_bg,
.has_overlay_10 #overlay_bg {
	opacity: 1;
}
.has_overlay_2 #overlay_bg {
	z-index: 1999;
}
.has_overlay_3 #overlay_bg {
	z-index: 2999;
}
.has_overlay_4 #overlay_bg {
	z-index: 3999;
}
.has_overlay_5 #overlay_bg {
	z-index: 4999;
}
.has_overlay_10 #overlay_bg {
	z-index: 9999;
}
.overlay .title {
	font-size: 28px;
	text-align: center;
	margin-bottom: 10px;
}
@media screen and (max-width: 540px) {
	.overlay .title {
		font-size: 24px;
	}
}
.overlay.off {
	opacity: 0;
	box-shadow: rgba(0,0,0,0) 0 0 20px;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9);
}
.page_note.overlay.off {
	-webkit-transform: translateY(700px);
	-moz-transform: scale(700px);
	-ms-transform: scale(700px);
	-o-transform: scale(700px);
	transform: translateY(700px);
}
.overlay .description {
	font-size: 18px;
}



.overlay_menu {
	position: absolute;
	background:#FFF;
	border-radius:3px;
	z-index: 9000;
	box-shadow: rgba(0,0,0,.5) 0 0 4px;
	min-width:160px;
	opacity:0;
	overflow: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	
}
.overlay_menu.on {
	max-height: 450px;
	max-width: 400px;
	opacity:1;
	overflow: visible;
}

.overlay .close-x {
	cursor: pointer;
	color:rgb(174, 173, 173);
	font-size: 18px;
	position: absolute;
    top: 8px;
    right: 10px;
}
.overlay .close-x:hover {
	color: rgb(39, 141, 193);
}