@charset "UTF-8";
/* CSS Document */


html, body {
	width: 100%;
	height: 100%;
	background-color: #333333;
}


#pageOuter {
	position: absolute;
	left:50%;
	top:50%;
}
#page {
	position: absolute;
	left:-475px;
	top:-305px;
	width:950px;
	height:650px;
}



#SocialBtnArea {
	width: 950px;
	height: 30px;
	position: absolute;
	left: -475px;
	top: -355px;
	padding-top: 15px;
}
#SocialBtnArea .facebook {
	width: 120px;
	padding-top: 3px;
	float: right;
}
#SocialBtnArea .twitter {
	width: 152px;
	padding-top: 3px;
	float: right;
}
#SocialBtnArea .google {
	width: 70px;
	padding-top: 3px;
	float: right;
}
/*.twitter-share-button {*/
	/*width: 100px !important;*/
/*}*/


.picArea {
	position: relative;
	background-color: #fff;
	width: 950px;
	height: 600px;
	overflow: hidden;
}
.picArea .pic {
	position: absolute;
	width: 950px;
	height: 600px;
}
.picArea .pic .holder {
	position: absolute;
	left:0px;
}

.picArea .pic .holder .bts {
	position: absolute;
}
#bt09_01 { top:559px;left:15px; }
#bt09_02 { top:573px;left:15px; }
#bt10_01 { top:460px;left:52px; }
#bt10_02 { top:318px;left:611px; }
#bt11_01 { top:529px;left:50px; }
#bt11_02 { top:543px;left:50px; }
#bt11_03 { top:557px;left:50px; }
#bt13_01 { top:503px;left:44px; }
#bt13_02 { top:503px;left:249px; }
#bt15_01 { top:428px;left:44px; }
#bt15_02 { top:452px;left:44px; }
#bt15_03 { top:476px;left:44px; }
#bt16_01 { top:504px;left:55px; }
#bt17_01 { top:11px;left:439px; }
#bt17_02 { top:315px;left:439px; }
#bt18_01 { top:539px;left:24px; }
#bt18_02 { top:539px;left:512px; }
#bt19_01 { top:510px;left:53px; }

.loading {
	position: absolute;
	left:467px;
	top: 280px;
}

.back,
.next {
	position: absolute;
	left:0px;
	top: 260px;
	background: url(../images/back_df.png);
}
.next {
	left:auto;
	right:0px;
}
.back a,
.next a {
	display:block;
	width:25px;
	height:80px;
	line-height: 80px;
	text-indent: -9099px;
	background: url(../images/back_df.png);
	outline: none;
}
.next a {
	background: url(../images/next_df.png);
}
.back a:hover {
	background: url(../images/back_ov.png);
}
.next a:hover {
	background: url(../images/next_ov.png);
}

.nav {
	position: relative;
	left: 3px;
	top: 10px;
	width: 944px;
	height: 40px;
	background-image: url(../images/nav_df.jpg);
}

.nav span {
	position: absolute;
	display: block;
	left: 0px;
	width: 41px;
	height: 36px;
	overflow: hidden;
	border: 2px solid #ffea00;
}
/* IE6 */
*html .nav span {
	width: 45px;
	height: 40px;
}

.nav span img {
	position: absolute;
	left:0px;
}

.nav a {
	position: absolute;
	display:block;
	top: 0px;
	left: 0px;
	width: 944px;
	height: 40px;
	outline: none;
}
.nav a img {
	width: 944px;
	height: 40px;
}