html,body{
	height: 100%;
}


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

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

.layer_board{
	display: none;
	position: fixed;
	left: 50%;
	margin : -225px 0px 0px -371px;
	z-index: 110000;
	width : 752px;
	height : 450px;
	background : url(../img/back.png) center center no-repeat;
   top : 50%;
   text-align : left;
}

.board{
   padding-top : 311px;
   padding-left : 0px;
   width : 295px;
   float : left;
}

.board a{
   display : block;
   width : 295px;
   height : 76px;
   line-height : 76px;
   font-size : 25px;
   text-decoration : none;
   color : #ffffff;
   background-color : #7b858e;
   border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
   text-align : center;
}

.btn_close{
   padding-top : 20px;
   padding-right : 30px;
   text-align : right;
   clear : both;
}

.layer_board h2{
   font-size : 22px;
   line-height : 30px;
   padding-top : 50px;
   padding-left : 50px;
   color : #000000;
}

.layer_board p{
text-align:justify;
   font-size : 17px;
   padding : 14px 50px;
   font-weight : bold;
   line-height : 1.35em;
   color : #000000;
}

.tbox{
   width : 752px;
   float : left;
   height : 480px;
}

@media screen and ( max-width:640px )
{


html,body{
	height: 100%;
}


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

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

.layer_board{
	display: none;
	position: fixed;
	left: 5vw;
margin:0 auto;
	z-index: 110000;
   width :90vw;
   height : calc(100vh - 10vw);
background : url(../img/wins.jpg) center center no-repeat;
   top : 5vw;
   background-size:cover;
   text-align : left;
}

.board{
   padding-top : 0px;
   padding-left : 40px;
   width : 295px;
   float : left;
}

.board a{
   display : block;
   width : 295px;
   height : 76px;
   line-height : 76px;
   font-size : 25px;
   text-decoration : none;
   color : #ffffff;
   background-color : #7b858e;
   border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
   text-align : center;
}

.btn_close{
position:absolute;
padding:0;
   top : 10px;
   right : 10px;
   width : 30px;
   text-align : left;
   clear : both;
}

.layer_board h2{
   font-size : 28px;
   line-height : 1em;
   padding : 2.5em 0 0;
   color : #000;
   font-weight:700;
   text-align:center;
text-shadow:
0px 0px 15px #fff, 
0px 0px 10px #fff, 
0px 0px 5px #fff, 
0px 0px 5px #fff, 
0px 0px 5px #fff; 
}

.layer_board p{
   font-size : 4.25vw;
   padding:0;
   width:90%;
   margin : 1.5em 5% 0;
   font-weight : bold;
   line-height : 1.5em;
   color : #000;
text-shadow:
0px 0px 15px #fff, 
0px 0px 10px #fff, 
0px 0px 5px #fff, 
0px 0px 5px #fff, 
0px 0px 5px #fff; 
}



.tbox{
   width : 100%;
   float : left;
   height : 100vh;
   position:relative;
}
.no{
display : none;
}

.btn_close img{
width : 100%;
height : 100%;
}
}