html,body {
	height: 100%;
}
* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

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

.layer_board {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	margin: 100px 0px 0px -150px;
	text-align: center;
	z-index: 2000;
}
.layer_boardContainer {
	width: 300px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
.layer_boardItem {
	margin: 8px;
	max-height: 320px;
}
.layer_closeContainer a, .layer_closeContainer a:visited, .layer_closeContainer label {
	color: #f0f8ff;
}

.layer_closeContainer {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
}

.layer_closeItem {
	
}

@media screen and (min-width: 768px) {
	.layer_boardContainer {
		width: 540px;
	}
	.layer_board {
		margin-left: -285px;
	}
	.layer_boardItem {
		margin: 20px;
		max-height: 520px;
	}
}