@charset "utf-8";
#site_loader{
	width: 3000px;
	min-height: 100%;
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4em;
}

#site_loader img{
	margin-top: 10%;
}

#better_experience{
	display: none;
	right: 0px;
	top: 0px;
}

body{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 700px;
	overflow: hidden;
	font: inherit;
	vertical-align: baseline;
	background-color: #FFFFFF;
	font: 14px/1.8 arial,helvetica,sans-serif,"黑體";
}

@media only screen and (max-width: 979px) {
	body{
		overflow-x: visible !important;
		overflow-y: hidden !important;
	}
}

a,
img {
    border:none; /*for IE */  
}

.fixzfive{
	position: fixed;
	z-index: 5;
}

.fixzfour{
	position: fixed;
	z-index: 4;
}

.fixzthree{
	position: fixed;
	z-index: 3;
}

.fixztwo{
	position: fixed;
	z-index: 2;
}

.fixzone{
	position: fixed;
	z-index: 1;
}

.fixzero{
	position: fixed;
	z-index: 0;
}

.abszsix{
	position: absolute;
	z-index: 6;
}

.abszfive{
	position: absolute;
	z-index: 5;
}


.abszfour{
	position: absolute;
	z-index: 4;
}

.abszthree{
	position: absolute;
	z-index: 3;
}

.absztwo{
	position: absolute;
	z-index: 2;
}

.abszone{
	position: absolute;
	z-index: 1;
}

.abszero{
	position: absolute;
	z-index: 0;
}

.absznone{
	position: absolute;
	z-index: -1;
}

.relzone{
	position: relative;
	z-index: 1;
}

.relzero{
	position: relative;
	z-index: 0;
}

.text-container{
	color: #24221B;
	text-align:justify;
	height: 120px;
	width: 60px;
	font-size: 1.25em;
	color: #A06864;
}

.container{
	margin: auto;
	overflow: hidden;
	bottom: 0px;
}

.section{
	width: 50px;
	height: 50px;
}

.section>a, .section img.navbtn{
	left: 0px;
	bottom: 0px;
}

.popup{
	display: none;
}

#section1{
	left: 1795px;
	bottom: 250px;
}

#btn_nav_1{
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

#btn_nav_1_popup{
	left: 30px;
	bottom: 130px;
}

#section2{
	left: 850px;
	bottom: 250px;
}

#btn_nav_2_popup{
	left: 0px;
	bottom: 220px;
}

#btn_nav_2_1{
	left: 3px;
	bottom: 165px;
}


#section3{
	left: 2050px;
	bottom: 300px;
}

#btn_nav_3_popup{
	left: 20px;
	bottom: 90px;
}

#btn_nav_3_commingsoon{
	bottom: 40px;
}

#section4{
	left: 1240px;
	bottom: 190px;
}

#btn_nav_4_popup{
	left: 50px;
	bottom: 70px;
}

#section5{
	left: 1720px;
	bottom: 190px;
}

#btn_nav_5_popup{
	left: -20px;
	bottom: 50px;
}

#section6{
	left: 1400px;
	bottom: 250px;
}

#btn_nav_6_popup{
	left: 20px;
	bottom: 50px;
}

#btn_nav_6_commingsoon{
	left: 30px;
}

#section7{
	left: 1600px;
	bottom: 210px;
}

#btn_nav_7_popup{
	left: 20px;
	bottom: 100px;
}

#section8{
	left: 2450px;
	bottom: 170px;
}

#btn_nav_8_popup{
	left: 80px;
	bottom: 30px;
}

#section9{
	left: 1010px;
	bottom: 235px;
}

#btn_nav_9_popup{
	left: 20px;
	bottom: 80px;
}

#section10{
	left: 2350px;
	bottom: 210px;
}

#btn_nav_10_popup{
	left: 50px;
	bottom: 90px;
}

#section11{
	left: 1930px;
	bottom: 200px;
}

#btn_nav_11_popup{
	left: -20px;
	bottom: 90px;
}

#section12{
	left: 1250px;
	bottom: 330px;
}

#btn_nav_12_popup{
	left: -20px;
	bottom: 40px;
}

#section13{
	left: 700px;
	bottom: 220px;
}

#btn_nav_13_popup{
	left: -10px;
	bottom: 90px;
}

#section14{
	left: 2150px;
	bottom: 200px;
}

#btn_nav_14_popup{
	left: 90px;
	bottom: 150px;
}

#btn_nav_14_commingsoon{
	left: 70px;
}

#bg_0{
	left: 0px;
	bottom: -100px;
	width: 100%;
	height: 365px;
	overflow: hidden;
	background-color: #03BDE6;
	z-index: 0;
}

#bg_1{
	left: 1100px;
	bottom: 255px;
	width: 1056px;
	height: 148px;
	padding-right: 300px;
}

#bg_2{
	left: 840px;
	bottom: 250px;
	width: 1456px;
	height: 268px;
	padding-right: 300px;
}

#bg_3{
	left: 300px;
	bottom: -120px;
	width: 2561px;
	height: 453px;
	padding-right: 300px;
}

#bg_4{
	left: 300px;
	bottom: 265px;
	width: 2621px;
	height: 1063px;
	padding-right: 300px;
}

#bg_5{
	left: 300px;
	bottom: 265px;
	width: 2621px;
	height: 1063px;
	padding-right: 300px;
}

#site_title{
	left: 1300px;
	bottom: 530px;
}

#site_title_1{
	left: 1300px;
	bottom: 616px;
}

#site_title_2{
	left: 1380px;
	bottom: 522px;
}

#site_scroll_left{
	left: 15px;
	bottom: 500px;
}


#site_scroll_right{
	right: 15px;
	bottom: 500px;
}

.scrolling{
	opacity: 0.5;
}

.season{
	display: none;
	bottom: 220px;
}
.season_1{
	bottom: 300px;
}

.season_2{
	bottom: 500px;
}

.season_3{
	display: block;
	left: 1000px;
	bottom: 245px;
}

.season_anim_2{
	display: none;
}
#season_anim_2_1{
	left: 800px;
	bottom: 420px;
}

#season_anim_2_2{
	left: 1000px;
	bottom: 300px;
}

#season_anim_2_3{
	left: 1070px;
	bottom: 370px;
}

#season_anim_2_4{
	left: 1460px;
	bottom: 280px;
}

#season_anim_2_5{
	left: 1530px;
	bottom: 300px;
}

#season_anim_2_6{
	left: 1725px;
	bottom: 335px;
}

#season_anim_2_7{
	left: 1820px;
	bottom: 330px;
}

#season_anim_2_8{
	left: 2100px;
	bottom: 335px;
}

#season_anim_2_9{
	left: 2300px;
	bottom: 360px;
}

#btn_nav_6_2{
	left: 85px;
	bottom: 0px;
}

#btn_nav_6_3{
	left: 153px;
	bottom: 0px;
}

#btn_nav_6_4{
	left: 70px;
	bottom: 50px;
}

#btn_nav_6_5{
	left: 145px;
	bottom: 50px;
}

#ipad-sucks-container{
	bottom: 0px;
}


@media all\0{
	#body{
		height: 100%;
		overflow-y: hidden;
	}
		
	 #ipad-sucks-container{
		bottom: -150px;
		height: 100%;
		width: 100%;
		display: block;
	}
	
	#bg_0{
		height: 215px;
	}
	
	#site_scroll_left{
		bottom: 350px;
	}


	#site_scroll_right{
		bottom: 350px;
	}
}

@media only screen and (max-height: 768px){
	#body{
		height: 100%;
		overflow-y: hidden;
	}
		
	 #ipad-sucks-container{
		bottom: -150px;
		height: 100%;
		width: 100%;
		display: block;
	}
	
	#bg_0{
		height: 215px;
	}
	
	#site_scroll_left{
		bottom: 350px;
	}


	#site_scroll_right{
		bottom: 350px;
	}
}



.fixzten{
	position: fixed;
	z-index: 10;
}

#lang_menu{
	top: 100px;
	right: 0px;
	width: 34px;
}

#lang_menu img{
	display: block;
}

#lang_menu a{
	float: right;
}

#lang_menu .lang_btn{
	width: 34px;
	height: 29px;
	margin-bottom: -2px;
	overflow: hidden;
}

#lang_menu .home_btn{
	margin-top: 10px;
	width: 34px;
	height: 29px;
	overflow: hidden;
}

#lang_menu .home_btn:hover{
	width: 144px;
}