@charset "utf-8";
#site_loader{
	width: 100%;
	min-height: 100%;
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.4em;
}

#site_loader img{
	margin-top: 10%;
}

body{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font: inherit;
	vertical-align: baseline;
	background-color: #F0EDD7;
	font: 16px/1.8 arial,helvetica,sans-serif,"黑體";
	color: #4B3E17;
}

a,
img {
    border:none; /*for IE */  
}

.hidden{
	display: none;
}

.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;
}

.relztwo{
	position: relative;
	z-index: 2;
}

.relzone{
	position: relative;
	z-index: 1;
}

.relzero{
	position: relative;
	z-index: 0;
}

.container{
	width: 100%;
	margin: auto;
	overflow-x: hidden;
}

.text-container{
	width: 450px;
	height: 350px;
	text-align:justify;	
}

.text-title{
	font-size: 1.4em;
	margin-bottom: 20px;
}

#site_title{
	left: 95px;
	top: 45px;
}

#section_1{
	left: 0px;
	top: 0px;
	color: #FFFFFF;
}

#section_1_bg_1{
	left: 0px;
	top: 0px;
	width: 100%;
	height: 1512px;
	-webkit-mask-image: -webkit-gradient(linear, left 90%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	mask: -moz-linear-gradient(left, #000000 0%, #ffffff 90%);
	mask-image: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#FFFFFF');
}

#section_1_bg_2{
	left: 0px;
	top: 0px;
}

#section_1_1{
	left: 184px;
	top: 363px;
}

#section_1_2{
	left: 80px;
	top: 194px;
}

#section_1_3{
	left: 21px;
	top: 286px;
}

#section_1_4{
	left: 122px;
	top: 310px;
}

#section_1_5{
	left: 704px;
	top: 268px;
}

#section_1_6{
	left: 870px;
	top: 281px;
}

#section_1_7{
	left: 790px;
	top: 354px;
}

#section_1_8{
	left: 186px;
	top: 265px;
}

#section_1_decorate_1{
	left: 36px;
	top: 424px;
}

#section_1_decorate_2{
	left: 569px;
	top: 406px;
}

#section_1_decorate_3{
	left: 119px;
	top: 360px;
}

#section_1_decorate_4{
	left: 604px;
	top: 393px;
}

#section_1_text{
	left: 100px;
	top: 130px;
}

#section_2{
	left: 0px;
	top: 795px;
	color: #FFFFFF;
}

#section_2_1{
	left: 150px;
	top: 100px;
}

#section_2_2{
	left: 312px;
	top: 204px;
}

#section_2_2_1{
	left: 497px;
	top: 202px;
}

#section_2_2_2{
	left: 310px;
	top: 345px;
}

#section_2_2_3{
	left: 412px;
	top: 210px;
}

#section_2_2_4{
	left: 396px;
	top: 217px;
}

#section_2_text{
	left: 520px;
	top: 0px;
}

#section_3{
	left: 0px;
	top: 1552px;
}

#section_3_1{
	left: 94px;
	top: 196px;
}

#section_3_text{
	left: 100px;
	top: 0px;
}
a.lightbox{
	left: 860px;
}

#section_3 a.lightbox{
	top: 660px;
}

#section_4{
	left: 0px;
	top: 2273px;
}

#section_4_1{
	left: 335px;
	top: 181px;
}

#section_4_text{
	left: 120px;
	top: 0px;
}

#section_4 a.lightbox{
	top: 660px;
}

#section_5{
	left: 0px;
	top: 2894px;
}

#section_5_1{
	left: 510px;
	top: 119px;
}

#section_5_2{
	left: 125px;
	top: 310px;
}

#section_5_2_1{
	left: 135px;
	top: 415px;
}

#section_5_2_2{
	left: 192px;
	top: 325px;
}

#section_5_2_3{
	left: 140px;
	top: 360px;
}

#section_5_2_4{
	left: 298px;
	top: 322px;
}

#section_5_2_5{
	left: 350px;
	top: 405px;
}

#section_5_2_6{
	left: 127px;
	top: 310px;
}

#section_5_text{
	left: 120px;
	top: 0px;
}

#section_6{
	left: 0px;
	top: 3636px;
}

#section_6_1{
	left: 135px;
	top: -45px;
}

#section_6_2{
	left: 700px;
	top: 100px;
}

#section_6_3{
	left: 235px;
	top: 295px;
}

#section_6_text{
	left: 380px;
	top: 0px;
}

#section_7{
	left: 0px;
	top: 4510px;
}


#section_7_1{
	left: 321px;
	top: 73px;
}

#section_7_1_1{
	left: 321px;
	top: 73px;
}

#section_7_1_2{
	left: 720px;
	top: 145px;
	zoom: 0.9;
}

#section_7_1_3{
	left: 720px;
	top: 140px;
	zoom: 0.9;
}

#section_7_text{
	left: 116px;
	top: 0px;
}

#section7 a.lightbox{
	top: 520px;
}

#section_8{
	left: 0px;
	top: 5090px;
}

#section_8_text{
	left: 116px;
	top: 0px;
}

#section_9{
	left: 0px;
	top: 5280px;
}

#section_9_1{
	left: 120px;
	top: 0px;
}

#section_9_text{
	left: 430px;
	top: 700px;
}

#section_9 a.lightbox{
	top: 600px;
}

#decorate_3_1{
	left: 622px;
	top: 280px;
}

#decorate_4_1{
	left: -100px;
	top: 7px;
}

#decorate_4_2{
	left: 622px;
	top: 273px;
}

#decorate_5_1{
	left: -50px;
	top: 110px;
}

#decorate_6_1{
	left: -100px;
	top: 77px;
}

#decorate_6_2{
	left: 620px;
	top: -150px;
}

#decorate_6_3{
	left: 570px;
	top: 525px;
}

#decorate_7_1{
	left: 150px;
	top: 80px;
}

#decorate_8_1{
	left: 621px;
	top: -240px;
}

#decorate_9_1{
	left: 50px;
	top: 151px;
}

#decorate_9_2{
	left: 622px;
	top: 130px;
}

#decorate_9_3{
	left: -100px;
	top: 557px;
}

#navbar-container{
	height: 130px;
	bottom: 0px;
	display: block;
	overflow: hidden;
}

#navbar-container .relwrapper{
	width:1205px;
	margin:auto;
}

#nav_top{
	float:right;
	bottom: 0px;
}

#nav_top img{
	display: none;
}

#btn_top{
	bottom: 0px;
}

#btn_top_1{
	margin-left: 10px;
}

#btn_top_2{
	bottom: 28px;
}

.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{
	animation:menu_hover 1s;
	-moz-animation:menu_hover 1s;
	-webkit-animation:menu_hover 1s;
	-o-animation:menu_hover 1s;
	width: 142px;
}

@keyframes menu_hover
{
0%  {width: 34px;}
100%{width: 142px;}
}

@-moz-keyframes menu_hover
{
0%  {width: 34px;}
100%{width: 142px;}
}

@-webkit-keyframes menu_hover 
{
0%  {width: 34px;}
100%{width: 142px;}
}

@-o-keyframes menu_hover
{
0%  {width: 34px;}
100%{width: 142px;}
}


.ghost_fade_from_left{
	animation:ghost_fade_from_left 2s linear 0s infinite alternate;
	-moz-animation:ghost_fade_from_left 2s linear 0s infinite alternate;	
	-webkit-animation:ghost_fade_from_left 2s linear 0s infinite alternate;
	-o-animation:ghost_fade_from_left 2s linear 0s infinite alternate;
}

.ghost_fade_from_left_2{
	animation:ghost_fade_from_left 2s linear 2s infinite alternate;
	-moz-animation:ghost_fade_from_left 2s linear 2s infinite alternate;	
	-webkit-animation:ghost_fade_from_left 2s linear 2s infinite alternate;
	-o-animation:ghost_fade_from_left 2s linear 2s infinite alternate;
}

.ghost_fade_from_right{
	animation:ghost_fade_from_right 2s linear 0s infinite alternate;
	-moz-animation:ghost_fade_from_right 2s linear 0s infinite alternate;	
	-webkit-animation:ghost_fade_from_right 2s linear 0s infinite alternate;
	-o-animation:ghost_fade_from_right 2s linear 0s infinite alternate;
}

.ghost_fade_from_right_2{
	animation:ghost_fade_from_right 2s linear 2s infinite alternate;
	-moz-animation:ghost_fade_from_right 2s linear 2s infinite alternate;	
	-webkit-animation:ghost_fade_from_right 2s linear 2s infinite alternate;
	-o-animation:ghost_fade_from_right 2s linear 2s infinite alternate;
}

.ghost_fade_scroll_top{
	animation:ghost_fade_scroll_top 1s linear 0s infinite alternate;
	-moz-animation:ghost_fade_scroll_top 1s linear 0s infinite alternate;	
	-webkit-animation:ghost_fade_scroll_top 1s linear 0s infinite alternate;
	-o-animation:ghost_fade_scroll_top 1s linear 0s infinite alternate;
}

.drop_food{
	animation:drop_food 1s linear 0s infinite;
	-moz-animation:drop_food 1s linear 0s infinite;	
	-webkit-animation:drop_food 1s linear 0s infinite;
	-o-animation:drop_food 1s linear 0s infinite;
}

.drop_food_2{
	animation:drop_food_2 1s linear 0s infinite;
	-moz-animation:drop_food_2 1s linear 0s infinite;	
	-webkit-animation:drop_food_2 1s linear 0s infinite;
	-o-animation:drop_food_2 1s linear 0s infinite;
}

@keyframes ghost_fade_from_left
{
0%  {transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{transform: translate(20px, 15px); opacity: 1;}
}

@-moz-keyframes ghost_fade_from_left
{
0%  {-moz-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{-moz-transform: translate(20px, 15px); opacity: 1;}
}

@-webkit-keyframes ghost_fade_from_left 
{
0%  {-webkit-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{-webkit-transform: translate(20px, 15px); opacity: 1;}
}

@-o-keyframes ghost_fade_from_left
{
0%  {-o-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{-o-transform: translate(20px, 15px); opacity: 1;}
}

@keyframes ghost_fade_from_right
{
0%  {transform: translate(0,0); opacity: 1;}
40% {opacity: 0.35;}
70% {opacity: 0.85;}
100%{transform: translate(-20px, 15px); opacity: 1;}
}

@-moz-keyframes ghost_fade_from_right
{
0%  {-moz-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.35;}
70% {opacity: 0.85;}
100%{-moz-transform: translate(-20px, 15px); opacity: 1;}
}

@-webkit-keyframes ghost_fade_from_right 
{
0%  {-webkit-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.35;}
70% {opacity: 0.85;}
100%{-webkit-transform: translate(-20px, 15px); opacity: 1;}
}

@-o-keyframes ghost_fade_from_right
{
0%  {-o-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.35;}
70% {opacity: 0.85;}
100%{-o-transform: translate(-20px, 15px); opacity: 1;}
}

@keyframes ghost_fade_scroll_top
{
0%  {transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{transform: translate(5px, 5px); opacity: 1;}
}

@-moz-keyframes ghost_fade_scroll_top
{
0%  {-moz-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{-moz-transform: translate(5px, 5px); opacity: 1;}
}

@-webkit-keyframes ghost_fade_scroll_top 
{
0%  {-webkit-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{-webkit-transform: translate(5px, 5px); opacity: 1;}
}

@-o-keyframes ghost_fade_scroll_top
{
0%  {-o-transform: translate(0,0); opacity: 1;}
40% {opacity: 0.4;}
70% {opacity: 0.8;}
100%{-o-transform: translate(5px, 5px); opacity: 1;}
}


@keyframes drop_food
{
0%  {transform: translate(0,0); zoom: 0.9;}
40% {transform: translate(-30px,-20px)}
100%{transform: translate(-160px, 20px); zoom: 1;}
}

@-moz-keyframes drop_food
{
0%  {-moz-transform: translate(0,0); zoom: 0.9;}
40% {-moz-transform: translate(-30px,-20px)}
100%{-moz-transform: translate(-160px, 20px); zoom: 1;}
}

@-webkit-keyframes drop_food 
{
0%  {-webkit-transform: translate(0,0); zoom: 0.9;}
40% {-webkit-transform: translate(-30px,-20px)}
100%{-webkit-transform: translate(-160px, 20px); zoom: 1;}
}

@-o-keyframes drop_food
{
0%  {-o-transform: translate(0,0); zoom: 0.9;}
40% {-o-transform: translate(-30px,-20px)}
100%{-o-transform: translate(-160px, 20px); zoom: 1;}
}

@keyframes drop_food_2
{
0%  {transform: translate(0,0); zoom: 0.9;}
100%{transform: translate(-60px, 120px); zoom: 1;}
}

@-moz-keyframes drop_food_2
{
0%  {-moz-transform: translate(0,0); zoom: 0.9;}
100%{-moz-transform: translate(-60px, 120px); zoom: 1;}
}

@-webkit-keyframes drop_food_2 
{
0%  {-webkit-transform: translate(0,0); zoom: 0.9;}
100%{-webkit-transform: translate(-60px, 120px); zoom: 1;}
}

@-o-keyframes drop_food_2
{
0%  {-o-transform: translate(0,0); zoom: 0.9;}
100%{-o-transform: translate(-60px, 120px); zoom: 1;}
}