@charset "utf-8";

/********************************************************************************
 *
 * Devices width > 640
 *
 ********************************************************************************/

/**
 * Header-banner
 */
.header-banner {
/*	max-width: 1100px; */
	width: 100%;
	max-height: var(--header-banner---height);
	height: var(--header-banner---height);
	margin: 0 auto;
	border: 0;
	display: none;
}

.header-banner-row {
	position: relative;
/*	max-width: 1100px; */
	width: 100%;
	height: 100%;
}

/**
 * Longku Logo
 */
.header-banner .header-banner-mandala.logo-longku {
	position: absolute;
	left: 0;
	height: 100%;
}

.header-banner .header-banner-mandala.logo-longku a {
	height: 100%;
	z-index: 1600;
}

.header-banner .header-banner-mandala.logo-longku a img {
	height: 100%;
	width: auto;
}

/**
 * FPMT-Logo
 */
.header-banner .header-banner-mandala.logo-fpmt {
	position: absolute;
	right: 0;
	height: 100%;
	width: auto;
}

.header-banner .header-banner-mandala.logo-fpmt a {
	height: 100%;
	width: auto;
	z-index: 1600;
}

.header-banner .header-banner-mandala.logo-fpmt a img {
	height: 100%;
	width: auto;
}

/**
 * Header Banner
 */
.header-banner .header-banner-image {
	position: absolute;
	left: 150px;
	width: calc(100% - 300px);
	height: 100%;
	overflow: hidden;
	background-image: url("../../Images/HeaderBanner/IMG_8410_4365x500_Longku.jpg");
	background-size: cover;
	background-position: center top;
	opacity: 1;
	/* Ab CSS3 */
/*
	-webkit-transition: background 3s linear;
	-moz-transition: background 3s linear;
	-o-transition: background 3s linear;
	transition:  background 3s linear;
*/
}

#Longku {
	z-index: 2;
	position: absolute;
	display: table-cell;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 100px;
	margin-top: 65px;
	color: #fff;
	font-family: Papyrus, serif;
}

.header-banner .header-banner-image a {
	display: block;
	width: 100%;
	height: 100%;
}

/*
@media all and (max-width: 1100px) {

	div.header-banner {
		height: auto;
	}

	div.header-banner div.header-banner-mandala.logo-longku img,
	div.header-banner div.header-banner-mandala.logo-fpmt img {
		width: 0;
		height: 0;
		display: none;
	}
}
*/

/********************************************************************************
 *
 * iPhone, iPhone4, iPhone5
 * width <= 767
 *
 ********************************************************************************/
@media all and (max-width: 767px) {

	div.header-banner {
		display: none;
		height: 110px;
	}

	div.header-banner div.header-banner-mandala.logo-longku {
		height: 100%;
	}

	div.header-banner div.header-banner-mandala.logo-fpmt {
		height: 100%;
	}

	div.header-banner div.header-banner-image {
		left: 110px;
		width: calc(100% - 220px);
		height: 100%;
		overflow: hidden;
	}
}

/********************************************************************************
 *
 * Devices height <= 500
 *
 ********************************************************************************/
@media all and (max-width: 480px) {

	div.header-banner {
		height: 100px;
	}

	div.header-banner div.header-banner-mandala.logo-longku {
		height: 100%;
		display: none;
	}

	div.header-banner div.header-banner-mandala.logo-fpmt {
		height: 100%;
		display: none;
	}

	div.header-banner div.header-banner-image {
		left: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
}