#main_con
{
	position: relative;
	width:100%;
	left:0px;
	top:0px;
}

.caption
{
	position: absolute;
	width:560px;
	height: 42px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:42px;
	line-height:42px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}

/******************/
/******************/
/******************/

#map_con
{
	display: block;
	position: fixed;

	width: 34px;
	height: 242px;
	left:50%;
	margin-left:248px;
	bottom: 50%;
	margin-bottom: -121px;
}

.map_item
{
	width: 48px;
	height: 48px;
	left:0px;
	top:0px;
}

.map_area
{
	width: 32px;
	height: 32px;
	left:8px;
	top:8px;
}

.map_line
{
	background-color: #ffffff;
	width: 1px;
	height: 72px;
	left: 24px;
}

#map_line1	{	top: 40px;	}
#map_line2	{	top: 144px;	}
#map1_con	{	top: 0px;	}
#map2_con	{	top: 104px;	}
#map3_con	{	top: 204px;	}

/******************/

#hint_con
{
	position: fixed;

	width: 86px;
	height: 96px;

	left: 50%;
	margin-left: -43px;
	bottom: 40px;
}

#hint
{
	width: 86px;
	height: 86px;
	left:0px;
	bottom: -10px;
}

/******************/
/******************/
/******************/

.main_youtube
{
	position: absolute;
	width: 560px;
	height: 318px;
	left: 50%;
	margin-left: -280px;
}
.main_btn1
{
	position: absolute;
	border: 2px solid #ffffff;
	border-radius:28px;
	box-sizing: border-box;
	
	width: 256px;
	height: 56px;
	left: 50%;
	margin-left: -128px;	
	
	color: #ffffff;	
	font-size:32px;
	line-height:52px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
.main_t1
{
	position: absolute;
	width:560px;
	height: 40px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:27px;
	line-height:40px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}
.main_t2
{
	position: absolute;
	width:560px;
	height: 25px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:16px;
	line-height:25px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}
.main_t3
{
	position: absolute;
	width:560px;
	height: 25px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:16px;
	line-height:25px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
.main_t4
{
	position: absolute;
	width:560px;
	height: 36px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:36px;
	line-height:36px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.main_t5
{
	position: absolute;
	width:560px;
	height: 46px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:27px;
	line-height:46px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}	
.main_t6
{
	position: absolute;
	width:560px;
	height: 32px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:16px;
	line-height:32px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}









#phase1_con
{
	position: relative;
	width:100%;
	height: 3458px;
	left:0px;
	top:0px;
}
#phase1_top_con
{
	overflow: hidden;
	width:640px;
	height: 1060px;
	left:0px;
	top:0px;
}
#phase1_bg1
{
	width:640px;
	height: 1060px;
	left:0px;
	top:0px;
}
#phase1_ball1
{
	width:218px;
	height:220px;
	left:46px;
	top:-65px;
	opacity: 0;
	margin-top:30px;
}
#phase1_ball2
{
	width:22px;
	height: 64px;
	left:0px;
	top:369px;
	opacity: 0;
	margin-top:20px;
}
#phase1_ball3
{
	width:83px;
	height: 159px;
	left:557px;
	top:357px;
	opacity: 0;
	margin-top:30px;
}
#phase1_title1
{
	width:416px;
	height: 269px;
	left:99px;
	top:142px;
	margin-left:600px;
	margin-top:-50px;
}
#phase1_title2
{
	width:337px;
	height: 75px;
	left:149px;
	top:373px;
	margin-left:600px;
	margin-top:-50px;
}
#phase1_cup1_con
{
	width:356px;
	height: 625px;
	left:42px;
	top:520px;
	opacity: 0;
	margin-left:50px;
	margin-top:200px;
}
#phase1_cup1
{
	width:356px;
	height: 625px;
	left:0px;
	top:0px;
}
#phase1_cup2_con
{
	width:368px;
	height: 647px;
	left:251px;
	top:454px;
	opacity: 0;
	margin-left:-50px;
	margin-top:200px;
}
#phase1_cup2
{
	width:368px;
	height: 647px;
	left:0px;
	top:0px;
}
#phase1_name1
{
	width:190px;
	height: 124px;
	left:40px;
	top:713px;
	opacity: 0;
	transform: scale(0.5);
}
#phase1_name2
{
	width:201px;
	height: 121px;
	left:394px;
	top:761px;
	opacity: 0;
	transform: scale(0.5);
}
#phase1_circle1
{
	width:308px;
	height: 452px;
	left:0px;
	top:351px;
	opacity: 0;
	margin-top:30px;
}
#phase1_circle2
{
	width:267px;
	height: 439px;
	left:372px;
	top:319px;
	opacity: 0;
	margin-top:30px;
}

#phase1_bottom_con
{
	width:640px;
	height: 2545px;
	left:0px;
	top:913px;
}
#phase1_bg2
{
	width:640px;
	height: 2545px;
	left:0px;
	top:0px;
}
#phase1_ball4
{
	width:102px;
	height: 173px;
	left:0px;
	top:-32px;
	opacity: 0;
	margin-top:30px;
}
#phase1_txt1
{
	top:169px;
}
#phase1_txt2
{
	top:250px;
}
#phase1_btn1
{
	top:304px;
}
#phase1_txt3
{
	top:1520px;
}
#phase1_youtube	
{	
	top: 2057px;	
}





#phase2_con
{
	position: relative;
	width:100%;
	height: 3030px;
	left:0px;
	top:0px;
}
#phase2_top_con
{
	overflow: hidden;
	width:640px;
	height: 1600px;
	left:0px;
	top:0px;
}
#phase2_bg1
{
	width:640px;
	height: 1600px;
	left:0px;
	top:0px;
}
#phase2_bike_con
{
	width:676px;
	height: 798px;
	left:-10px;
	margin-left: -700px;
	top:439px;
}
#phase2_bike
{
	width:676px;
	height: 798px;
	left:0px;
	top:0px;
}
#phase2_bag
{
	width:124px;
	height: 124px;
	left:109px;
	top:125px;
}
#phase2_title1
{
	width:400px;
	height: 300px;
	left:106px;
	top:164px;
	margin-left: 600px;
	margin-top: -50px;
}
#phase2_youtube	
{	
	top: 1228px;	
}
#phase2_bottom_con
{
	width:640px;
	height: 1430px;
	left:0px;
	top:1600px;
}
#phase2_bg2
{
	width:640px;
	height: 1430px;
	left:0px;
	top:0px;
}
#phase2_txt1
{
	top:31px;
}
#phase2_txt2
{
	top:112px;
}
#phase2_btn1
{
	top:166px;
}
#phase2_txt3
{
	top:1188px;
}










#phase3_con
{
	position: relative;
	width:100%;
	height: 3609px;
	left:0px;
	top:0px;		
}
#phase3_top_con
{
	overflow: hidden;
	width:640px;
	height: 1768px;
	left:0px;
	top:0px;
}
#phase3_bg1
{
	width:640px;
	height: 1768px;
	left:0px;
	top:0px;
}
#phase3_title1
{
	width:471px;
	height: 230px;
	left:62px;
	top:132px;
	margin-left: 600px;
	margin-top: -50px;
}
#phase3_title2
{
	width:261px;
	height: 70px;
	left:207px;
	top:363px;
	margin-left: 600px;
	margin-top: -50px;
}
#phase3_title3
{
	width:501px;
	height: 90px;
	left:93px;
	top:431px;
	margin-left: 600px;
	margin-top: -50px;
}
#phase3_btn1
{
	top:1107px;
}
#phase3_txt1
{
	top:1355px;
}
#phase3_txt2
{
	top:1442px;
}
#phase3_txt3
{
	top:1541px;
}
#phase3_txt4
{
	top:1686px;
}


#phase3_bottom_con
{
	overflow: hidden;
	width:640px;
	height: 1841px;
	left:0px;
	top:1768px
}
#phase3_bg2
{
	width:640px;
	height: 1841px;
	left:0px;
	top:0px;
}
#phase3_btn2
{
	top:1119px;
}
#phase3_btn3
{
	position: absolute;
	border-bottom: 2px solid #b39ddb;
	box-sizing: border-box;
	
	width: 176px;
	height: 24px;
	left: 50%;
	margin-left: -88px;
	top:1187px;
	
	color: #b39ddb;	
	font-size:16px;
	line-height:24px;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}
#phase3_txt5
{
	top:1279px;
}
#phase3_youtube	
{	
	top:1427px;	
}








/********************************/
/********************************/
/********************************/

#store_con
{
	position: relative;
	width:100%;
	height: 3389px;
	left:0px;
	top:0px;
}
#store_caption
{
	top:146px;
}
#store_bg1
{
	width:640px;
	height: 670px;
	left:0px;
	top:222px;
}
#store_bg2
{
	width:640px;
	height: 1049px;
	left:0px;
	top:892px;
}
#store_bg3
{
	width:640px;
	height: 1448px;
	left:0px;
	top:1941px;
}



/********************************/
/********************************/
/********************************/

#rule_con
{
	position: relative;
	width:100%;
	left:0px;
	top:0px;
}

#rule_bg
{
	position: absolute;
	width:100%;
	height: 1000px;
	left:0px;
	top:0px;
}



.rule_title
{
	position: relative;
	width:560px;
	left:50%;
	margin-left: -280px;

	color: #ffb300;	
	font-size:20px;
	line-height:33px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.rule_t1
{
	position: relative;
	width:560px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:16px;
	line-height:22px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
.rule_t2
{
	position: relative;
	width:560px;
	left:50%;
	margin-left: -280px;

	color: #ffffff;	
	font-size:14px;
	line-height:20px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

#rule_caption
{
	top:146px;
}
#rule_spacer1
{
	position: relative;
	width:100%;
	height: 254px;
	left:0px;
	top:0px;
}