@charset "utf-8";
/* JG main page layout */

body {
	font-family: 'MuseoSans-500';
	font-size: 16px;
	background-color: white;
	}

.all {
	width: 900px;
	position: relative;		
	}	

.item {
	margin-right: -4px;
	height: 300px;
	width: 300px;
	position: relative;
	display: inline-block;
	background-color: #C00;	
		
	}
	
.item_photo {
	height: 300px;
	width: 300px;
	position: relative;
	display: inline-block;
	opacity: 0.2;		
	-webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
	}

.logo {
	margin-right: -4px;
	line-height: 16px;
	height: 300px;
	width: 300px;	
	background-image: url(img/logo.png);
	position: absolute;
	left: 0px;
}

.blank {
	margin-right: -4px;
	height: 300px;
	width: 300px;
	background-color: white;
	position: absolute;
	left: 0px;
	text-align: center;	
	font-family: 'Slabo 27px', serif;
	font-size: 20px;
	color: #de007d;
}

.copyright {
	font-family: 'Slabo 27px', serif;
	font-size: 20px;
	line-height: 40px;
	color: black;
	left: 300px;
}

.info {
	margin-right: -4px;
	height: 300px;
	width: 300px;
	color: black;
	position: absolute;
	left: 300px;
	background-color: white;
	text-align: left;
	font-family: 'Slabo 27px', serif;
	font-size: 20px;
	line-height: 25px;
	padding-top: 20px;
}

.info h3 {	
	font-family: 'Slabo 27px', serif;
	font-size: 35px;
	line-height: 25px;
	margin-bottom: 3px;
}

.info a {
	font-family: 'Slabo 27px', serif;
	font-size: 20px;
	line-height: 20px;	
	text-align: left;
	color: #de007d;
	position: absolute;
	top: 120px;
}
	
.align-content-middle {
	left:50%; top:50%; 
	transform:translate(-50%,-50%); 
	-webkit-transform:translate(-50%,-50%); 
	position:absolute;
	}
	
	
.items_line {
	position: relative;
	width: 900px;
	height: 300px;
	
}

.item_box {
	width:300px;
    height:300px;

    overflow:hidden;
    
    position: absolute;
    top:0;
}

/*.type {
	width: 300px;
	height: 100px;
	background-color: black;
	opacity: 0.3;	
	position: relative;
	top: -100px;
	visibility: hidden;
}*/

.overlay_box {
	width: 900px;
	height:300px;

    overflow:hidden;
    
    
    margin:auto;
	position: relative;
    top:120px;
}

.close_item, .close_overlay {
	background-image: url(img/close2.png);
	
	width: 42px;
	height: 42px;
	
	position: absolute;
	left: 840px;
	top: 17px;
	
	z-index: 1100;
	
	cursor:pointer;
}

.box1 {
	left: 0px;
	z-index: 1050;
}

.box2 {
    left: 300px;
    z-index: 1049;
}

.box3 {
    left: 600px;
    z-index: 1048;
}


.item_info, .overlay_info {

	width: 300px;
	height: 300px;
	
	float: left;
	
	opacity: 0.6;
}

.item_info {
	cursor:pointer;
}

.item_detail {
	padding: 0px 85px 0px 25px;
	margin: 0;
	
	position: absolute;
	left: 300px;
	top: 0;
	
	width: 600px;
	height: 300px;

	background-color: white;
	
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 20px;
	
	text-align: justify;
}

.thumb {
		
	height: 80px;
	border-width: 1px;
	border-color: #de007d;
	
}

.item_detail h3 {
		
	color: #000000;
	font-family: 'Slabo 27px', serif;
	font-size: 25px;
	line-height: 25px;	
	text-align: left;
}

.item_link {
	font-family: 'Slabo 27px', serif;
	font-size: 20px;
	line-height: 20px;	
	text-align: left;
	color: #de007d;
	position: absolute;
	top: 250px;
	text-decoration: none;
	
}


.second {
	left: 122px;
}

.third {
	left: 220px;
}

.hidden-gallery {
	overflow: hidden; 
	visibility: hidden;
	}
	
.cv_box {
	font-family: 'Open Sans', sans-serif;
	width: 900px;
	padding-left: 80px;
	margin-top: -40px;
}

.cv_box a {
	color: #de007d;
	font-family: 'Slabo 27px', serif;
	font-size: 18px;
}

.cv_box h1 {
	text-align: left;
	font-family: 'Slabo 27px', serif;
	font-size: 40px;
}

.cv_box h3 {
	text-align: left;
	font-family: 'Slabo 27px', serif;
	font-size: 30px;
}

.cv_box .right {
	font-family: 'Slabo 27px', serif;
	font-size: 20px;
	vertical-align: top;
}

.image {
	display: block;
}

.video {
	display: none;
}