html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: fixed;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #000;
}

@media screen and (min-width: 1024px) {
.btn_close{
     width: 100%;
	-ms-position: fixed;
    -webkit-position: fixed;
    
	-ms-margin: 10vh 1vh 5vh 1vh;
    -webkit-margin: 5vh 1vh 5vh 1vh;
	
	text-align: center;
	z-index: 2000;
}
}

@media screen and (max-width: 1024px) {
.btn_close{
    margin: 0;
    text-align: center;
}
}



@media screen and (min-width: 1025px) {
.layer_board {
    display: none;
    width: 50%;
	position: fixed;
	margin: 10% 25% 0 25%;
	text-align: center;
	z-index: 2000;    
}
}


@media screen and (max-width: 1024px) {
.layer_board {
    display: none;
    width: 70vh;
	position: fixed;
	margin: 30vh 10vw 0 13vw;
	text-align: center;
	z-index: 2000;    
}
}

@media screen and (max-width: 959px) {
.layer_board {
	display: none;
    width: 50%;
	position: fixed;
	margin: 5% 25% 0 25%;
	text-align: center;
	z-index: 2000;
}
}


@media screen and (max-width: 559px) {
.layer_board {
	display: none;
    width: 100%;
	position: fixed;
	margin: 20vh 0 5vh 0;
	text-align: center;
	z-index: 2000;
}
}