/* CSS Document */



@import url("foundation.css");
@import url("moon.css");
@import url("worldmap.css");
@import url("print.css");
@import url("chiclet.css");
@import url("ui-login.css");

@import url("coc_default.css");

span.treasured {
	width:1em;	
	height:1em;
	background-image:url('./images/icon_treasured.png');
	background-repeat:no-repeat;
	background-size:1em 1em;
	background-position:bottom 50% left 0px;
	color:transparent;
	display:inline-block;
	overflow:hidden;	
}



body {
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:1.5;
	/*background-image:url('./images/bg_pattern.jpg');	*/
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {	
	margin-bottom:1em;
}

div.header-bar{
	height:30px; width:100%; background:#ccc;margin:0px 0px 0px 0px; padding:5px 0px;line-height:20px;
}
div.footer-bar{
	width:100%; background:#ccc;margin:0px 0px 0px 0px;padding:10px 0px;
}



td {}
th.number,td.number {text-align:right;}
 
 
div.wrapper {
	background:#fff;
	min-height:800px;	
	padding:30px 0px;
	display:block;	
	margin:0px 0px;
}

div.sub-bar{
	background-color:#eee;padding:10px 0px;margin-top:0px;
}

div.notice{
	background-color:#ffe4c4;
	padding:2px 10px;margin:0px 0px 20px 0px;
	border-radius:5px;
}
	div.notice a { color:inherit; }


div.tile_campaign {
	
	border-radius:15px;
	background:#fff;
	
	-webkit-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.4);
	
}
	div.tile_campaign .layer_image {
		width:100%;
		height:0px;
		/*padding-bottom:50%; /* 2:1 */
		padding-bottom:56.25%; /* 16x9 */
		position:relative;
		overflow:hidden;
	}
	
	div.tile_campaign .layer_image img {
		border-radius:15px 15px 0px 0px;
		position:absolute;
		top:0;left:0;
		width:100%;	
		height:100%;	
		object-fit:cover;
		object-position:center;	
		z-index:1;	
	}

	div.tile_campaign .layer_caption {
		padding:15px;
	}

	div.tile_campaign .layer_footer {
		border:1px solid #ccc;
		border-width:1px 0px 0px 0px;
		padding:15px;
	}








		
		
.photo_location {
	width:100%;
	height:0px;
	padding-bottom:75%; /* Default 4:3 */
	position:relative;
}
	.photo_location img {
		position:absolute;
		top:0;left:0;
		width:100%;	
		height:100%;	
		object-fit:cover;
		object-position:center;	
		z-index:1;	
	}

	.photo_location.postcard {
		padding-bottom:70.70%; /* A6 postcard Size */
	}

	.photo_location.aspect-16x9 {
		padding-bottom:56.25%; /* 16x9 */
	}