@CHARSET "ISO-8859-1";

body {
	background-color: #cbdbb3;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#background {
	position: absolute;
	width: 100%;
    margin: 0;
    padding: 0;
    top : 0;
    left : 0;
    height : 100%;
    position : fixed;
    background-position : 50% 0%;
    background-repeat : no-repeat;
    background-attachment : fixed;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-image : url('/images/layout/body_bg3.jpg');
}


.upper-frame {
	position:relative;
	height: 20%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.center-frame {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 65%;
}
.lower-frame {
	position:relative;
	height: 15%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.content {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
#cover .photo {
	display: none;
}
#photo-frame {
	margin: 0 auto;
}
.center-frame .flip {
	float: left;
	position: absolute;
	z-index: 50;
	width: 35%;
	cursor: pointer;
	height: 100%;
}
.center-frame #left {
	right: 50%;
	margin-right: 2%;
}
.center-frame #right {
	left: 50%;
	margin-left: 2%;
}
#photo-frame {
	width: 100%;
	height: 100%;
}
#page #photo {
	display: none;
	z-index: 10;
	max-width:100%;
	max-height:100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#page .star {
	display: none;
	position: absolute;
}
#header {
	margin: 20px auto 0 auto;
	padding: 0;
	box-shadow: 0 2px 5px #333333;
	max-width: 1100px;
}
.lower-frame .footer {
	margin: 20px auto 0 auto;
	padding: 0;
}
.lower-frame .btn {
	margin: 0 10px;
	box-shadow: 0 2px 5px #333333;
	max-height: 240px;
}