@charset "utf-8";

/* cookie */
#cookie { display: none; }

.imgLeftLayoutInfo, .imgRightLayoutInfo { padding: 20px 25px 0px; }

.projectCABannerShow { display: none; }
#projectBanner { width: 100%; }
#projectAlbumButton {
	bottom: 10%;
	right: 10%;
}
#projectCABannerCookie {
	top: 15px;
	left: 15px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
#gallery_box { display: none; }

.boxSize { width: 100%; }
.paddingF { padding: 20px 25px; }
.paddingL {
	margin-top: 10px;
	padding-left: 20px;
}
.marginT { margin-top: 25px; }
.marginT20 { padding-top: 10px; }
.overWordbox {
	width: 50%;
	margin-top: 20px;
	padding: 20px;
}
.overWordboxL {
	width: 50%;
	margin: 5px;
}
.overWordboxR {
	width: 50%;  
	margin-top: 25px;
}
.marginBot { margin-bottom: 10px; }
.layoutInfoL { padding: 25px 0px 25px 80px; }
.layoutInfoR { padding: 25px 0px; }
.marginTimgL { margin-top: 82px; }
.marginTimgR { margin-top: 33px; }

#imgDelimiterBlue { background: url(../img/classic/delimiter.png) repeat-y; }
#imgDelimiterRed { background: url(../img/index/hot/delimiter.png) repeat-y; }

.imgWidth50Percent { width: 50%; }
.paddingLeft50Percent { padding-left: 0%; }
.paddingLeft52Percent { padding-left: 0%; }
.marinRight25px { margin-right: 25px; }
.marginLeftMinus20px { margin-left: -20px; }

#mapCanvas { width: 100%; }

/* Bootstrap */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) and (min-width: 992px) {
}

@media (max-width: 991px) and (min-width: 768px) {
}

@media (max-width: 767px) {
}

/* Responsive Web Design */
@media screen and (min-width: 1441px) {

}

@media screen and (max-width: 1440px) and (min-width: 1440px) {
	
}

@media screen and (max-width: 1439px) and (min-width: 1280px) {
	
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
   
}

/* iPad */
@media screen and (max-width: 1023px) and (min-width: 768px) {
	.imgLeftLayoutContent, .imgRightLayoutContent {
		margin: 5px 0px;
		display: block;
    }

	.projectCABannerShow { display: block; }

	.overWordbox {
		width: 50%;
		margin-top: 0px;
		padding: 10px;
	}
	.overWordboxL {
		width: 50%;
		margin-top: -4px;
		padding: 10px;
	}
	.overWordboxR {
		width: 50%; 
		margin-top: 17px;
	}
    .marginTimgL { margin-top: 60px; }
	.marginTimgR { margin-top: 33px; }
}

/* Mobile */
@media screen and (max-width: 767px) {
	.imgLeftLayoutContent, .imgRightLayoutContent {
		margin: 5px 0px;
		display: block;
    }

	.projectCABannerShow { display: block; }

	.overWordbox {
		width: 50%;
		margin-top: 0px;
		padding: 10px;
	}
	.marginT { margin-top: 10px; }
}

@media screen and (max-width: 375px) {
	.imgLeftLayoutContent, .imgRightLayoutContent {
		margin: 5px 0px;
		display: block;
    }

	.overWordbox {
		width: 50%;
		margin-top: 0px;
		padding: 10px;
	}
	.marginT { margin-top: 10px; }
}

@media screen and (max-width: 320px) {
	.imgLeftLayoutContent, .imgRightLayoutContent {
		margin: 5px 0px;
		display: block;
    }

	.overWordbox {
		width: 60%;
		margin-top: 0px;
		padding: 10px;
	}
	.marginT { margin-top: 10px; }
    .overWordboxL {
		width: 50%;
		margin: 35px 5px 5px 5px;
	}
	.overWordboxR {
		width: 50%;
		margin-top: 25px;
	}
}