/* M004 PopUP - SelfMake */
/* MIT license */

.overPopShowM{
position:absolute;
display:none;
left:8%;
top:0px;

z-index:99999;

margin-top:10%;
margin-left:auto;
margin-right:auto;
width:84%;
height:auto;
min-height:240px;
padding-top:5px;

box-sizing: border-box;
border-color:#fff;
border-style: solid;

background-image:url("gridboxbg.png"); /* need set */

border-image: url("gridbox.png") 30 30 30 30 stretch repeat; /* need set */
border-width: 30px 30px; /* need set */

}

@media (min-width: 790px) {
	.overPopShowM{
		width:80%;
		left:10%;
	}
}
@media (min-width: 1280px) {
	.overPopShowM{
		width:50%;
		left:25%;
	}
}
.closebbM{
	position:absolute;
	display:block;
	width:25px;
	height:25px;
	right: -10px;
    top: -10px;
	background-image:url("closeb.png");
	opacity:1;
-moz-transition:opacity 0.3s ease-in-out;
-o-transition:opacity 0.3s ease-in-out;
-webkit-transition:opacity 0.3s ease-in-out;
-ms-transition:opacity 0.3s ease-in-out;
transition:opacity 0.3s ease-in-out;
}

.closebbM:hover{
	opacity:0.6;
	
}

.hideFirstM{
	display:none;
}

.closebitN{
	position:relative;
	display:block;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	max-width:268px;
	height:30px;
	background: -webkit-linear-gradient(180deg, #ccc, #555); 
	background: -o-linear-gradient(180deg, #ccc, #555); 
	background: -moz-linear-gradient(180deg, #ccc, #555); 
	background: linear-gradient(180deg, #ccc, #555); 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-align:center;
	color:#000;
	font-size:1.2em;
	line-height:30px;
	opacity:0.8;
}

.closebitN:hover{
	text-decoration:none;
	color:#222;
	opacity:0.9;
	background: -webkit-linear-gradient(180deg, #ccc, #777); 
	background: -o-linear-gradient(180deg, #ccc, #777); 
	background: -moz-linear-gradient(180deg, #ccc, #777); 
	background: linear-gradient(180deg, #ccc, #777);
}