.inner
{
	width: 320px;
}

#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: #d0fa4e;
	background-position: center;
	background-size: cover;
	*/
}

#layerContent
{
	overflow: hidden;
}

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

#layerContent #homeContent #introText
{
	position: relative;
	top: 0px;
	right: 0px;
	width: 260px;
	height: 41px;
	margin: 50px auto 40px;
	padding-top: 173px;
	background: url(../images/index_intro1.png) no-repeat 0px 173px;
	background-size: 260px;
}

#layerContent #homeContent #introText2
{
	position: relative;
	top: 0px;
	right: 0px;
	width: 235px;
	height: 55px;
	margin: 50px auto 40px;
	padding-top: 173px;
	background: url(../images/index_intro2.jpg) no-repeat 0px 173px;
	background-size: 235px;
}

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

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

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

#layerContent #homeContent #instagramInfo #textInfo
{
	position: absolute;
	top: 23px;
	left: 106px;
	width: 103px;
	height: 53px;
	background: url(../images/index_follow.png) no-repeat 0px 0px;
	background-size: 103px;
}

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

#layerContent #homeContent #instagramInfo #instagramFollowBtn
{
	position: absolute;
	top: 88px;
	left: 107px;
	width: 100px;
	height: 29px;
	background: url(../images/btn_follow.png) no-repeat 0px 0px;
	background-size: 100px;
}

#layerContent #homeContent #downArrow
{
	position: relative;
	top: 36px;
	left: 0px;
	width: 48px;
	height: 30px;
	margin: 0px auto;
	background: url(../images/arrow_animated.gif) no-repeat 0px 0px;
	padding-bottom: 66px;
	background-size: 48px;
}

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

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

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

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

#layerContent #eventInformation #introText
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 259px;
	height: 33px;
	margin: 18px auto 13px;
	background: url(../images/event_intro.png) no-repeat 0px 0px;
	background-size: 259px;
}

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

#layerContent #eventInformation #schedule #timeline
{
	position: absolute;
	top: 24px;
	left: 149px;
	width: 1px;
	height: 516px;
	background: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

#layerContent #eventInformation #schedule #event6
{
	position: absolute;
	top: 516px;
	left: 126px;
	width: 47px;
	height: 47px;
	background: url(../images/event6.png) no-repeat 0px 0px;
	background-size: 47px;
}

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

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

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

#layerFooter
{
	
}

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

#layerTopPart
{
	
}

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

#layerPopup
{
	overflow: hidden;
}

#layerPopup #content
{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 76px;
	height: 76px;
	overflow: hidden;
	pointer-events: none;
}

#layerPopup #content #backToTop
{
	cursor: pointer;
	position: absolute;
	top: 0; 
	left: -31px;
	width: 110px; 
	height: 53px;
	background: url(../images/btn_backtotop2.png) no-repeat 0px 0px;
	background-size: 110px;
	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:320px;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	cursor: pointer;
}

.contentEditorTemplate
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 48px;
}

#tipsForYou .slick-arrow
{
	cursor: pointer;
	position: absolute;
	bottom: 0;
	border: 0;
	width: 48px;
	padding-top: 48px;
	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: 13px;
	background-image: url(../images/arrow_left.png);
	width: 48px;
}

#tipsForYou .slick-next
{
	right: 13px;
	background-image: url(../images/arrow_right.png);
}

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

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

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

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

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

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

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

#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: 153px;
	height: 133px;
	float: left;
}

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

#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate .overTop
{
	position: absolute;
	top: 92px;
	width: 150px;
	height: 8px;
	left: 2px;
	opacity: 0;
}

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

#layerContent #tipsForYou #contentContainer #contentInside .contentNewsTemplate .newsHeading
{
	position: relative;
	top: 0px;
	left: 2px;
	width: 148px;
	font-family: "Microsoft JhengHei", "微軟正黑體", 'Open Sans';
	font-size: 10px;
	line-height: 14px;
	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: 150px;
	height: 100px;
	padding: 0px 2px;
}
	
#layerContent #tipsForYou #controller
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 91px;
}

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

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

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

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

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

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

#layerContent #connectWithNike #content
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	height: auto;
	margin: 18px auto 0px;
	padding-bottom: 53px;
}

#layerContent #connectWithNike #content #vLine
{
	position: relative;
	top: 27px;
	left: 0px;
	width: 33px;
	height: 152px;
	float: left;
	background: url(../images/app_vline.png) no-repeat 16px 0px;
	background-size: 1px 152px;
}

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

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

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

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

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

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

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

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

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


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

#layerFooter #content #companyLogo
{
	position: relative;
	width: 66px;
	height: 31px;
	margin: 0px auto 8px;
}

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

#layerFooter #content #footerText
{
	position: relative;
	width: 320px;
	height: 106px;
	text-align: center;
	font-size: 10px;
	font-family: 'LucidaGrande';
	text-transform: uppercase;
	line-height: 15px;
}

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

#layerTopPart #content #container #bg
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	height: 173px;
	background: url(../images/index_greybg.png) no-repeat -127px 0px;
	background-size: 574px;
}

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

#layerTopPart #content #container #logo
{
	position: absolute;
	top: 13px;
	left: 83px;
	width: 154px;
	height: 78px;
	background: url(../images/index_ellerunlogo.png) no-repeat 0px 0px;
	background-size: 154px;
}

#layerTopPart #content #container #tagText
{
	position: absolute;
	top: 108px;
	left: 102px;
	width: 116px;
	height: 20px;
	background: url(../images/index_tag.png) no-repeat 0px 0px;
	background-size: 116px;
}

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

#layerMenu #content #bg
{
	position: absolute;
	left: 0px;
	width: 320px;
	height: 576px;
	background: url(../images/menu_bg.png) no-repeat -173px 0px;
	background-position: center;
	background-size: 667px;
}


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

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

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

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

#layerMenu #content #homeBtn
{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 33px auto 0px;
}

#eventGalleryBtn{
	display: none;
}

#layerMenu #content #eventGalleryBtn{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 33px auto 0px;
}

#layerMenu #content #eventInformationBtn
{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 20px auto 0px;
}

#layerMenu #content #editorJourneyBtn
{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 20px auto 0px;
}

#layerMenu #content #tipsForYouBtn
{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 20px auto 0px;
}

#layerMenu #content #allAboutElleRunBtn
{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 20px auto 0px;
}

#layerMenu #content #connectWithNikeBtn
{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 17px;
	margin: 20px auto 0px;
}

#layerMenu #content #facebookLikeBox
{
	position: relative;
	width: 230px;
	height: 33px;
	margin: 20px auto 0px;
}

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

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

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

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

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



#layerContent #editorsJourney #title
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 16px;
	margin: 0px auto 5px;
	background: url(../images/title_editorsjourney.png) no-repeat center;
	background-size: 180px;
}

#layerContent #editorsJourney #subtitle
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 17px;
	margin-bottom: 20px;
}

#layerContent #editorsJourney #subtitle #bg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 17px;
	background: #333333;
}

#layerContent #editorsJourney #subtitle #textImg
{
	position: relative;
	top: 0;
	left: 0px;
	width: 102px;
	height: 15px;
	margin: 0px auto;
	background: url(../images/phase2/title_editorsjourney2.png) no-repeat center;
	background-size: 100%;
}



/*

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

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

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

#layerContent #editorsJourney #subtitle #textImg
{
	position: relative;
	top: 11px;
	left: 0px;
	width: 282px;
	height: 28px;
	margin: 0px auto;
	background: url(../images/title_editorsjourney2.png) no-repeat 0px 0px;
}

#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;
}


*/