/* CSS Document */

/************************************************************
 * reset css
 ************************************************************/


/************************************************************
 * contents
 ************************************************************/


.bg { position:fixed; top:50%; left:50%; margin:-600px 0 0 -900px; }
.remove_cookie { display:block; position:fixed; width:200px; height:40px; top:40%; left:50%; margin:-20px 0 0 -100px; color:#999; font-weight:bold; text-align:center; text-decoration:none; line-height:40px; background:#FFF; border:1px solid #CCC; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,0.4); cursor:pointer; }
.remove_cookie:hover { color:#333; }

/************************************************************
 * modal
 ************************************************************/

.modal { 
	position:fixed;
	display:none;
	z-index:9999;
	top:30%;
	left:50%;
	width:400px;
	height:390px;
	margin:-116px 0 0 -221px;
	padding:0px 20px 0px 20px;
	color:#FFF;
	text-align:center;
	border:2px solid #FFF;
	border-radius:6px;
}

.modal img { 
	vertical-align: bottom;
	margin-bottom: 20px;
}

.modal p { 
	font-size: 20px;
}

.modal ul { text-align: center; }

.modal ul li { 
	display: inline-block;
	background-color: #444;
	border: solid;
	border-width: 2px;
	border-radius: 6px;
}

.modal ul li a { 
	text-decoration: none;
	color: white;
	display: inline-block;
	padding: 5px 46px 5px 46px;
}

.modal ul li:hover{
	opacity: 0.8;
	cursor:pointer; 
}