@charset "UTF-8";

@font-face {
	font-family: "LucidaGrande";
	src: url('../fonts/LucidaGrande.eot');
	src: url('../fonts/LucidaGrande.eot?') format('embedded-opentype'), url('../fonts/LucidaGrande.ttf') format('truetype');
}

@font-face {
	font-family: "TradeGothicLTStd-Bd2";
	src: url('../fonts/TradeGothicLTStd-Bd2.eot');
	src: url('../fonts/TradeGothicLTStd-Bd2.eot?') format('embedded-opentype'), url('../fonts/TradeGothicLTStd-Bd2.ttf') format('truetype');
}

body
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow-x: hidden;
	background: #fff;
}

.site-wrapper
{

}

.outer
{
	width: 100%;
}
	
.inner
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

a, a:hover, a:visited
{
	color: #000;
	border: 0px;
	text-decoration: none;
}

a[href^=tel]
{
	color: inherit;
	text-decoration: none;
}

a img
{
	border: 0;
}

.noscroll
{
	overflow-y: hidden;
}

.addscroll
{
	overflow-y: scroll;
}

#preloaded-images 
{
	position: absolute;
	overflow: hidden;
	left: -9999px; 
	top: -9999px;
	height: 1px;
	width: 1px;
}

@media (min-width: 321px)
{

	.inner
	{
		width: 960px;
	}

	#layerMenu
	{
		/*height: 990px;*/
		display: none;
		position: absolute;
		height: 40px;
		top: 0px;
	}

	#layerMenu #content
	{
		position: relative;
		width: 960px;
		height: 40px;
		margin: 0px auto;
	}

	#layerMenu #content #bg
	{
		position: absolute;
		left: -520px;
		width: 2000px;
		height: 1727px;
		background: url(../images/menu_bg.png) no-repeat 0px 0px;
		background-position: center;
	}


	#layerMenu #content #closeBtn
	{
		cursor: pointer;
		position: absolute;
		top: 40px;
		right: 40px;
		width: 58px;
		height: 58px;
		background: url(../images/menu_close.png) no-repeat 0px 0px;
	}

	#layerMenu #content #elleLogo
	{
		position: relative;
		width: 278px;
		height: 261px;
		padding-top: 40px;
		margin: 0px auto;
		background: url(../images/menu_title.png) no-repeat 0px 40px;
	}

	#layerMenu #content .menuText
	{
		color: #fff;
		text-align: center;
		font-size: 44px;
		font-family: 'TradeGothicLTStd-Bd2';
		text-transform: uppercase;
		font-weight: bold;
	}

	#layerMenu #content .disable
	{
		color: #444;
	}

	#layerMenu #content #homeBtn
	{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 100px auto 0px;
	}

	#layerMenu #content #eventGalleryBtn
	{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 100px auto 0px;
	}

	#layerMenu #content #eventInformationBtn{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 60px auto 0px;
	}

	#layerMenu #content #editorJourneyBtn
	{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 60px auto 0px;
	}

	#layerMenu #content #tipsForYouBtn
	{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 60px auto 0px;
	}

	#layerMenu #content #allAboutElleRunBtn
	{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 60px auto 0px;
	}

	#layerMenu #content #connectWithNikeBtn
	{
		cursor: pointer;
		position: relative;
		width: 600px;
		height: 50px;
		margin: 60px auto 0px;
	}

	#layerMenu #content #facebookLikeBox
	{
		position: relative;
		width: 350px;
		height: 100px;
		margin: 60px auto 0px;
	}

	#layerMenu #content #facebookLikeBox #fbIcon
	{
		position: relative;
		width: 40px;
		height: 75px;
		float: left;
		background: url(../images/menu_fb.png) no-repeat 0px 0px;
	}

	#layerMenu #content #facebookLikeBox #likeBox
	{
		float: left;
		margin: 30px;
		overflow: hidden;
	}

	#layerMenu #content #facebookLikeBox #shareBox
	{
		float: left;
		padding: 30px;
	}

	#layerMenu #content #whatsappBtn
	{
		position: relative;
		width: 73px;
		height: 73px;
		padding-top: 60px;
		margin: 0px auto;
		background: url(../images/menu_whatsapp.png) no-repeat 0px 60px;
	}

	#layerMenu #content #BackToElleBtn
	{
		cursor: pointer;
		position: relative;
		width: 200px;
		height: 94px;
		padding-top: 60px;
		margin: 0px auto;
		background: url(../images/menu_ellelogo.png) no-repeat 0px 60px;
	}

	#layer0
	{
		overflow: hidden;
	}

	#layer0 #content
	{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: url(../images/big_bg.jpg) no-repeat 0px 0px;
		background-position: center;
		background-size: cover;
	}

	#layerContent
	{
		overflow: hidden;
	}

	#layerContent #homeContent
	{
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
		background: #fff;
	}

	#layerTopPart
	{

	}

	#layerTopPart #content
	{
		position: fixed;
		top: 0px;
		width: 100%;
		height: auto;
		margin: 0px auto;
	}

	#layerTopPart #content #container
	{
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
	}

	#layerTopPart #content #container #bg
	{
		position: relative;
		top: 0px;
		left: -380px;
		width: 1721px;
		height: 520px;
		background: url(../images/index_greybg.png) no-repeat 0px 0px;
	}

	#layerTopPart #content #container #menuBtn
	{
		cursor: pointer;
		position: absolute;
		top: 40px;
		left: 40px;
		width: 117px;
		height: 117px;
		background: url(../images/menu.png) no-repeat 0px 0px;
	}

	#layerTopPart #content #container #logo
	{
		position: absolute;
		top: 40px;
		left: 249px;
		width: 461px;
		height: 234px;
		background: url(../images/index_ellerunlogo.png) no-repeat 0px 0px;
	}

	#layerTopPart #content #container #tagText
	{
		position: absolute;
		top: 324px;
		left: 307px;
		width: 347px;
		height: 59px;
		background: url(../images/index_tag.png) no-repeat 0px 0px;
	}

	#layerTopPart #content #container #indexLike
	{
		position: absolute;
		top: 40px;
		right: 0px;
		width: 194px;
		height: 118px;
		background: url(../images/index_nike.png) no-repeat 0px 0px;
	}

	#layerContent #homeContent #introText
	{
		position: relative;
		top: 0px;
		right: 0px;
		width: 780px;
		height: 122px;
		margin: 50px auto 120px;
		padding-top: 520px;
		background: url(../images/index_intro1.png) no-repeat 0px 520px;
	}

	#layerContent #homeContent #introText2
	{
		position: relative;
		top: 0px;
		right: 0px;
		width: 704px;
		height: 166px;
		margin: 50px auto 120px;
		padding-top: 520px;
		background: url(../images/index_intro2.jpg) no-repeat 0px 520px;
	}

	#layerContent #homeContent #registerBtn
	{
		cursor: pointer;
		position: relative;
		top: 0px;
		right: 0px;
		width: 960px;
		height: 162px;
		margin: 0px auto 125px;
		background: url(../images/index_btn_final_2.jpg) no-repeat 0px 0px;
	}

	#layerContent #homeContent #instagramInfo
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 666px;
		height: 345px;
		margin: 0px auto;
	}

	#layerContent #homeContent #instagramInfo #elleLogo
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 264px;
		height: 264px;
		background: url(../images/magazine.jpg) no-repeat 0px 0px;
	}

	#layerContent #homeContent #instagramInfo #textInfo
	{
		position: absolute;
		top: 70px;
		left: 319px;
		width: 347px;
		height: 166px;
		background: url(../images/index_follow.png) no-repeat 0px 0px;
	}

	#layerContent #homeContent #instagramInfo #instagramIcon
	{
		position: absolute;
		top: 190px;
		left: 140px;
		width: 155px;
		height: 155px;
		background: url(../images/index_igicon.png) no-repeat 0px 0px;
	}

	#layerContent #homeContent #instagramInfo #instagramFollowBtn
	{
		position: absolute;
		top: 250px;
		left: 320px;
		width: 300px;
		height: 87px;
		background: url(../images/btn_follow.png) no-repeat 0px 0px;
	}

	#layerContent #homeContent #downArrow
	{
		position: relative;
		top: 110px;
		left: 0px;
		width: 145px;
		height: 89px;
		margin: 0px auto;
		background: url(../images/arrow_animated.gif) no-repeat 0px 0px;
		padding-bottom: 200px;
	}

	#layerContent #eventInformation
	{
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
		background: #fff;
	}

	#layerContent #eventInformation #title
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 495px;
		height: 36px;
		margin: 0px auto 12px;
		background: url(../images/title_event.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #subtitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 50px;
	}

	#layerContent #eventInformation #subtitle #bg
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 50px;
		background: #333333;
	}

	#layerContent #eventInformation #subtitle #textImg
	{
		position: relative;
		top: 14px;
		left: 0px;
		width: 586px;
		height: 22px;
		margin: 0px auto;
		background: url(../images/title_event2.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #introText
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 777px;
		height: 100px;
		margin: 55px auto 40px;
		background: url(../images/event_intro.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 900px;
		height: 1939.5px;
		margin: 0px auto;
	}

	#layerContent #eventInformation #schedule #timeline
	{
		position: absolute;
		top: 71px;
		left: 449px;
		width: 2px;
		height: 1547px;
		background: #000;
	}

	#layerContent #eventInformation #schedule #eventDetail1
	{
		position: absolute;
		top: 133px;
		left: 0px;
		width: 443px;
		height: 443px;
		background: url(../images/eventdetail1.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #eventDetail2
	{
		position: absolute;
		top: 378px;
		right: 0px;
		width: 443px;
		height: 443px;
		background: url(../images/eventdetail2.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #eventDetail3
	{
		position: absolute;
		top: 623px;
		left: 0px;
		width: 443px;
		height: 443px;
		background: url(../images/eventdetail3.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #eventDetail4
	{
		position: absolute;
		top: 868px;
		right: 0px;
		width: 443px;
		height: 443px;
		background: url(../images/eventdetail4.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #eventDetail5
	{
		position: absolute;
		top: 1113px;
		left: 0px;
		width: 443px;
		height: 443px;
		background: url(../images/eventdetail5.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #eventDetail6
	{
		position: absolute;
		top: 1396.5px;
		right: 0px;
		width: 443px;
		height: 443px;
		background: url(../images/eventdetail6.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event0
	{
		position: absolute;
		top: 0px;
		left: 379px;
		width: 142px;
		height: 142px;
		background: url(../images/event0.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event1
	{
		position: absolute;
		top: 302px;
		left: 397.5px;
		width: 105px;
		height: 105px;
		background: url(../images/event1.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event2
	{
		position: absolute;
		top: 547px;
		left: 397.5px;
		width: 105px;
		height: 105px;
		background: url(../images/event2.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event3
	{
		position: absolute;
		top: 792px;
		left: 397.5px;
		width: 105px;
		height: 105px;
		background: url(../images/event3.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event4
	{
		position: absolute;
		top: 1037px;
		left: 397.5px;
		width: 105px;
		height: 105px;
		background: url(../images/event4.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event5
	{
		position: absolute;
		top: 1282px;
		left: 397.5px;
		width: 105px;
		height: 105px;
		background: url(../images/event5.png) no-repeat 0px 0px;
	}

	#layerContent #eventInformation #schedule #event6
	{
		position: absolute;
		top: 1547px;
		left: 379px;
		width: 142px;
		height: 142px;
		background: url(../images/event6.png) no-repeat 0px 0px;
	}
	
	#layerContent #allAboutEllerun,
	#layerContent #editorsJourney
	{
		display: none;
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
		background: #fff;
	}

	#layerContent #editorsJourney #title
	{		
		width: 471px;		
		height: 36px;		
		background-size: 100%;		
		margin-bottom: 12px;
	}

	#layerContent #editorsJourney #subtitle
	{		
		width: 960px;
		height: 50px;
	}

	#layerContent #editorsJourney #subtitle #bg
	{		
		width: 960px;
		height: 50px;
	}

	#layerContent #editorsJourney #subtitle #textImg
	{
		top: 12px;
		width: 282px;
		height: 28px;
	}
	
	#layerContent #allAboutEllerun .contentContainer,
	#layerContent #editorsJourney #contentContainer
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 720px;
		overflow: hidden;
	}

	#layerContent #editorsJourney #contentContainer #contentInside
	{
		width: 1995px;
		position: relative;
		left: 0px;
	}

	#layerContent #editorsJourney #contentContainer #contentInside .contentEditorTemplate
	{
		position: relative;
		width: 270px;
		float: left;
		padding: 55px 40px 0px;
	}

	#layerContent #editorsJourney #contentContainer #contentInside .contentEditorTemplate .editorImg
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 270px;
		height: 271px;
	}

	#layerContent #editorsJourney #contentContainer #contentInside #content1 #editorImg1 
	{
		background: url(../images/editor_1.jpg) no-repeat center;
		background-size: cover;
	}

	#layerContent #editorsJourney #contentContainer #contentInside .contentEditorTemplate .editorName
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 270px;
		font-family: "Microsoft JhengHei", "微軟正黑體", 'Open Sans';
		font-size: 28px;
		text-align: center;
	}

	#layerContent #editorsJourney #contentContainer #contentInside .contentEditorTemplate .editorTitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 270px;
		font-family: "Microsoft JhengHei", "微軟正黑體", 'Open Sans';
		font-size: 18px;
		text-align: center;
	}

	#layerContent #editorsJourney #controller
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 174px;
	}

	#layerContent #editorsJourney #controller #viewPrev
	{
		cursor: pointer;
		position: absolute;
		top: 0px;
		left: 40px;
		width: 141px;
		height: 144px;
		background: url(../images/arrow_left.png) no-repeat 0px 0px;
	}

	#layerContent #editorsJourney #controller #viewNext
	{
		cursor: pointer;
		position: absolute;
		top: 0px;
		right: 40px;
		width: 144px;
		height: 144px;
		background: url(../images/arrow_right.png) no-repeat 0px 0px;
	}


	#layerContent #tipsForYou
	{
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
		background: #fff;
	}

	#layerContent #tipsForYou #title
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 325px;
		height: 36px;
		margin: 0px auto 12px;
		background: url(../images/title_tips.png) no-repeat 0px 0px;
	}

	#layerContent #tipsForYou #subtitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 50px;
	}

	#layerContent #tipsForYou #subtitle #bg
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 50px;
		background: #333333;
	}

	#layerContent #tipsForYou #subtitle #textImg
	{
		position: relative;
		top: 14px;
		left: 0px;
		width: 564px;
		height: 22px;
		margin: 0px auto;
		background: url(../images/title_tips2.png) no-repeat 0px 0px;
	}

	#layerContent #tipsForYou #contentContainer
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: auto;
		padding-bottom: 40px;
	}

	#layerContent #tipsForYou #contentContainer #contentInside
	{
		width: 100%;
		position: relative;
		left: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		word-break: break-word;
	}

	#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate
	{
		position: relative;
		width: 460px;
		height: 400px;
		float: left;
	}

	#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate .newsImg
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 460px;
		height: 307px;
	}

	#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate .overTop
	{
		position: absolute;
		top: 275px;
		left: 5px;
		width: 450px;
		height: 25px;
		background: #d0fa4e;
		opacity: 0;
	}

	#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate:hover .overTop
	{
		opacity: 0.8;
	}

	#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate .newsHeading
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 450px;
		font-family: "Microsoft JhengHei", "微軟正黑體", 'Open Sans';
		font-size: 28px;
		line-height: 32px;
		text-align: center;
		font-weight: bold;
	}

	#layerContent #tipsForYou #contentContainer #contentInside #contentNews1 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews2 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews3 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews4 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews5 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews6 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews7 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews8 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews9 {top: 0px; left: 0px}
	#layerContent #tipsForYou #contentContainer #contentInside #contentNews10 {top: 0px; left: 0px}

	.contentNewsTemplate .newsImg img
	{
		width: 450px;
		height: 300px;
		padding: 0px 5px;
	}
	
	#layerContent #tipsForYou #controller
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 274px;
	}

	#layerContent #tipsForYou #controller #viewPrev
	{
		display: none;
		cursor: pointer;
		position: absolute;
		top: 0px;
		left: 40px;
		width: 141px;
		height: 144px;
		background: url(../images/arrow_left.png) no-repeat 0px 0px;
	}

	#layerContent #tipsForYou #controller #viewNext
	{
		cursor: pointer;
		position: absolute;
		top: 0px;
		right: 40px;
		width: 144px;
		height: 144px;
		background: url(../images/arrow_right.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike
	{
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
		background: #fff;
	}

	#layerContent #connectWithNike #title
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 513px;
		height: 36px;
		margin: 0px auto 12px;
		background: url(../images/title_connect.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #subtitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 50px;
	}

	#layerContent #connectWithNike #subtitle #bg
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 960px;
		height: 50px;
		background: #333333;
	}

	#layerContent #connectWithNike #subtitle #textImg
	{
		position: relative;
		top: 14px;
		left: 0px;
		width: 162px;
		height: 22px;
		margin: 0px auto;
		background: url(../images/title_connect2.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #content
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 900px;
		height: auto;
		margin: 55px auto 0px;
		padding-bottom: 160px;
	}

	#layerContent #connectWithNike #content #vLine
	{
		position: relative;
		top: 80px;
		left: 0px;
		width: 100px;
		height: 456px;
		float: left;
		background: url(../images/app_vline.png) no-repeat 49px 0px;
		background-size: 2px 465px;
	}

	#layerContent #connectWithNike #content #leftApp
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: auto;
		float: left;
	}

	#layerContent #connectWithNike #content #rightApp
	{
		position: relative;
		top: 0px;
		left: 500px;
		width: 400px;
		height: auto;
	}

	#layerContent #connectWithNike #content #leftApp #appIcon
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 170px;
		height: 170px;
		margin: 0px auto;
		background: url(../images/app1.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #content #leftApp #appName
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 307px;
		height: 28px;
		margin: 50px auto 0px;
		background: url(../images/app1_name.png) no-repeat 0px 0px;
	}


	#layerContent #connectWithNike #content #leftApp #appDesc
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 389px;
		height: 72px;
		margin: 30px auto 0px;
		background: url(../images/app1_intro.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #content .appDownloadIos
	{
		cursor: pointer;
		position: relative;
		top: 0px;
		left: 0px;
		width: 196px;
		height: 61px;
		margin: 45px auto 0px;
		background: url(../images/appstore_ios.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #content .appDownloadGooglePlay
	{
		cursor: pointer;
		position: relative;
		top: 0px;
		left: 0px;
		width: 196px;
		height: 61px;
		margin: 25px auto 0px;
		background: url(../images/appstore_google.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #content #rightApp #appIcon
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 170px;
		height: 170px;
		margin: 0px auto;
		background: url(../images/app2.png) no-repeat 0px 0px;
	}

	#layerContent #connectWithNike #content #rightApp #appName
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 387px;
		height: 28px;
		margin: 50px auto 0px;
		background: url(../images/app2_name.png) no-repeat 0px 0px;
	}


	#layerContent #connectWithNike #content #rightApp #appDesc
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 390px;
		height: 72px;
		margin: 30px auto 0px;
		background: url(../images/app2_intro.png) no-repeat 0px 0px;
	}

	#layerFooter
	{

	}

	#layerFooter #content
	{
		position: relative;
		width: 960px;
		height: auto;
		margin: 0px auto;
		background: #fff;
	}

	#layerFooter #content #companyLogo
	{
		position: relative;
		width: 200px;
		height: 94px;
		margin: 0px auto 20px;
	}

	#layerFooter #content #companyLogo #logoImg
	{
		width: 200px;
		height: 94px;
		background: url(../images/footer_ellelogo.png) no-repeat 0px 0px;
	}

	#layerFooter #content #footerText
	{
		position: relative;
		width: 960px;
		height: 300px;
		text-align: center;
		font-size: 24px;
		font-family: 'LucidaGrande';
		text-transform: uppercase;
		line-height: 30px;
	}

	#layerPopup
	{
		overflow: hidden;
	}

	#layerPopup #content
	{
		position: fixed;
		bottom: 0px;
		right: 0px;
		width: 233px;
		height: 233px;
		overflow: hidden;
		pointer-events: none;
	}
	
	#layerPopup #content #backToTop
	{
		cursor: pointer;
		position: absolute;
		top: 0; left: -94px;
		width: 330px; height: 165px;
		background: url(../images/btn_backtotop2.png) no-repeat 0px 0px;
		transform-origin: 100% 0;
		-webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		-ms-transform-origin: 100% 0;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		pointer-events: auto;
	}

	.tips-slide-wrapper
	{
		float:left;
	}
	
	.tips-slide-item
	{
		display:inline-block;
		width:960px;
		text-align: center;
		vertical-align: top;
		padding: 0px 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 50px;
		cursor: pointer;
	}
	
	.contentEditorTemplate
	{
		padding-top:50px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom: 150px;
	}
	
	#tipsForYou .slick-arrow
	{
		cursor: pointer;
		position: absolute;
		bottom: 0;
		border: 0;
		width: 144px;
		padding-top: 144px;
		padding-bottom: 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		overflow: hidden;
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
	#tipsForYou .slick-arrow:hover
	{
		background-position: 0 100%;
	}
	
	#tipsForYou .slick-disabled
	{
		display:none!important;
	}
	
	#tipsForYou .slick-prev
	{
		left: 40px;
		background-image: url(../images/arrow_left.png);
		width: 141px;
	}
	
	#tipsForYou .slick-next
	{
		right: 40px;
		background-image: url(../images/arrow_right.png);
	}
	
}

#layerContent #eventInformation #schedule #eventDetail1{
	background-image: url(../images/phase2/eventdetail1.png);
}

#layerContent #eventInformation #schedule #eventDetail2{
	background-image: url(../images/phase2/eventdetail2.png);
}

#layerContent #eventInformation #schedule #eventDetail3{
	background-image: url(../images/phase2/eventdetail3.png);
}

#layerContent #eventInformation #schedule #eventDetail4{
	background-image: url(../images/phase2/eventdetail4.png);
}

#layerContent #eventInformation #schedule #eventDetail5{
	background-image: url(../images/phase2/eventdetail5.png?v=1);
}

#layerContent #eventInformation #schedule #eventDetail6{
	background-image: url(../images/phase2/eventdetail6.png);
}

#layerContent #eventInformation #schedule #event6{
	background-image: url(../images/phase2/event6.png);
}