article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
	display:block
}
	audio,canvas,video
{
	display:inline-block
}
	audio:not([controls])
{
	display:none;
	height:0
}
	[hidden]
{
	display:none
}


	html
{
	font-family: sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
	body
{
	margin:0
}
	a:focus
{
	outline:thin dotted
}
	a:active,a:hover
{
	outline:0
}
	h1
{
	font-size:2em
}
	abbr[title]
{
	border-bottom:1px dotted
}
	b,strong
{
	font-weight:bold
}
	dfn
{
	font-style:italic
}
	mark
{
	background:#ff0;
	color:#000
}
	code,kbd,pre,samp
{
	font-family:monospace,serif;
	font-size:1em
}
	pre
{
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
	q
{
	quotes:"\201C" "\201D" "\2018" "\2019"
}
	small
{
	font-size:80%
}
	sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
	sup
{
	top:-0.5em
}
	sub
{
	bottom:-0.25em
}
	img
{
	border:0
}
	svg:not(:root)
{
	overflow:hidden
}
	figure
{
	margin:0
}
	fieldset
{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em
}
	legend
{
	border:0;
	padding:0
}
	button,input,select,textarea
{
	font-family:inherit;
	font-size:100%;
	margin:0
}
	button,input
{
	line-height:normal
}
	button,html input[type="button"],input[type="reset"],input[type="submit"]
{
	-webkit-appearance:button;
	cursor:pointer
}
	button[disabled],input[disabled]
{
	cursor:default
}
	input[type="checkbox"],input[type="radio"]
{
	box-sizing:border-box;
	padding:0
}
	input[type="search"]
{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
	input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance:none
}
	button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
	padding:0
}
	textarea
{
	overflow:auto;
	vertical-align:top
}
	table
{
	border-collapse:collapse;
	border-spacing:0
}
	#iphone
{
	width:460px;
	height:883px;
	z-index:50
}
	#iphone:after
{
	width:460px;
	height:883px;
	/*background:url("iphone.png") top left no-repeat transparent;*/
	background:url("main.png") center left no-repeat transparent;
	content:"";
	display:block;
	position:absolute;
	z-index:20
}
	#iphone:before
{
	z-index:10;
	content:"";
	height:776px;
	width:364px;
	/*background-color:#111;*/
	display:block;
	position:absolute;
	top:48px;
	left:50px;
	-webkit-border-radius:62px;
	-moz-border-radius:62px;
	border-radius:62px
}
	#phone-inner
{
	width:320px;
	height:568px;
	top:157px;
	left:72px;
	position:absolute;
	z-index:60;
	background:url(timeline_background.png) top left repeat #f4f3f4;
	background-size:320px 50px;
	cursor:url(cursor.cur),ns-resize;
	overflow:hidden
}
	#iphone-inner-scale
{
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-o-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1;
	filter:alpha(opacity= 100 );
	-webkit-transform-origin:160px 283px;
	-moz-transform-origin:160px 283px;
	-ms-transform-origin:160px 283px;
	-o-transform-origin:160px 283px;
	transform-origin:160px 283px;
	position:absolute
}
	#iphone-inner-scale.scaled
{
	-webkit-transform:scale(3);
	-moz-transform:scale(3);
	-ms-transform:scale(3);
	-o-transform:scale(3);
	transform:scale(3);
	opacity:0;
	filter:alpha(opacity= 0 )
}
	#iphone.locked #phone-inner
{
	display:none
}
.lockscreen-bg
{
	width:320px;
	height:568px;
	position:absolute;
	top:0;
	left:0;
	background:#aa7cc1;
	background:-moz-linear-gradient(top, #a570bf 0, #aa82bf 50%, #7460a7 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #a570bf), color-stop(50%, #aa82bf), color-stop(100%, #7460a7));
	background:-webkit-linear-gradient(top, #a570bf 0, #aa82bf 50%, #7460a7 100%);
	background:-o-linear-gradient(top, #a570bf 0, #aa82bf 50%, #7460a7 100%);
	background:-ms-linear-gradient(top, #a570bf 0, #aa82bf 50%, #7460a7 100%);
	background:linear-gradient(to bottom, #a570bf 0, #aa82bf 50%, #7460a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a570bf', endColorstr='#7460a7', GradientType=0);
	z-index:100
}
	#lockscreen
{
	cursor:url(swipe.cur),e-resize;
	width:320px;
	height:568px;
	position:absolute;
	top:157px;
	left:72px;
	z-index:60;
	overflow:hidden
}
	#lockscreen div
{
	color:#fff;
	text-align:center;
	font-weight:300;
	font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial
}
	#lockscreen .bigtime
{
	font-size:83px;
	padding-top:60px
}
	#lockscreen .bigdate
{
	font-size:18px
}
	#lockscreen .slide
{
	font-size:24px;
	line-height:32px;
	opacity:.5;
	margin-top:310px;
	font-weight:500;
	background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0.5)), color-stop(.4, #fff), color-stop(.5, #fff), color-stop(.6, rgba(255,255,255,0.5)), color-stop(1, rgba(255,255,255,0.5)));
	background:-moz-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0.5)), color-stop(.4, #fff), color-stop(.5, #fff), color-stop(.6, rgba(255,255,255,0.5)), color-stop(1, rgba(255,255,255,0.5)));
	background:gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0.5)), color-stop(.4, #fff), color-stop(.5, #fff), color-stop(.6, rgba(255,255,255,0.5)), color-stop(1, rgba(255,255,255,0.5)));
	-webkit-background-clip:text;
	-moz-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	-moz-text-fill-color:transparent;
	text-fill-color:transparent;
	-webkit-animation:slideanim 6s infinite linear;
	background-position:-600px
}
	#lockscreen .slide span
{
	font-size:72px;
	font-weight:600;
	line-height:32px;
	margin-right:-10px;
	vertical-align:top
}
	#lockscreen-inner
{
	padding-left:320px;
	z-index:200;
	position:absolute;
	width:320px;
	height:568px
}
	@-webkit-keyframes slideanim
{
	0%
{
	background-position:-600px 0
}
	100%
{
	background-position:600px 0
}

}
	#timeline
{
	width:320px;
	height:568px;
	display:block;
	left:0;
	top:0;
	position:absolute;
	overflow:hidden
}
	#statusbar
{
	width:320px;
	height:20px;
	top:157px;
	left:72px;
	background-image:url("statusbar.png");
	background-size:320px 20px;
	text-align:center;
	line-height:20px;
	position:absolute;
	z-index:1200;
	color:#fff;
	transition:color .7s linear,background-image .7s linear;
	cursor:pointer;
	overflow:hidden
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	#statusbar
{
	background-image:url("statusbar@2x.png")
}

}
	#statusbar span
{
	font-size:11px;
	vertical-align:top
}
	#statusbar.white
{
	color:#000;
	background-image:url("statusbar_white.png");
	background-size:320px 20px;
	background-color:rgba(255,255,255,0.9)
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	#statusbar.white
{
	background-image:url("statusbar_white@2x.png")
}

}
	#statusbar #tophandle
{
	display:none
}
	#statusbar span
{
	vertical-align:top;
	font-size:12px;
	font-family:"Helvetica Neue","Helvetica",Arial;
	font-weight:400
}
	#iphone.locked #statusbar #tophandle
{
	display:block;
	width:40px;
	background-color:rgba(255,255,255,0.4);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	height:8px;
	margin:7px auto 0 auto
}
	#slideshow
{
	height:394px;
	width:320px;
	background:url(spinner.gif) center center no-repeat #222;
	overflow:hidden;
	position:relative
}
	#buffer0,#buffer1
{
	height:100%;
	position:absolute;
	width:520px;
	top:0;
	left:0;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-transition:-webkit-transform 10s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 2s linear;
	-moz-transition:-moz-transform 10s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 2s linear;
	-o-transition:-o-transform 10s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 2s linear;
	transition:transform 10s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 2s linear
}
	#buffer0.quickswap,#buffer1.quickswap
{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	-webkit-transition:-webkit-transform none;
	-moz-transition:-moz-transform none;
	-o-transition:-o-transform none;
	transition:transform none
}
	#slidepanel0
{
	left:330px
}
	#slidepanel1
{
	left:10px
}
	#slidepanel0,#slidepanel1
{
	position:absolute;
	bottom:55px;
	padding:7px 10px;
	background-color:rgba(48,37,54,0.5);
	color:#fff;
	max-width:280px;
	min-width:150px;
	height:50px;
	overflow:hidden;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	-moz-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	-o-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.3);
	-webkit-transition:left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-transition:left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition:left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition:left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
}
	#slidepanel0 p,#slidepanel1 p
{
	color:#fff;
	margin:0;
	font-size:12px;
	position:relative;
	overflow:hidden
}
	#slidepanel0 p.slidedate,#slidepanel1 p.slidedate
{
	font-weight:600;
	font-size:14px
}
	#slidepanel0 p.slideloc,#slidepanel1 p.slideloc
{
	font-weight:300
}
	#slidepanel0.quickswap,#slidepanel1.quickswap
{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
	opacity:0;
	filter:alpha(opacity= 0 )
}
	#header
{
	height:44px;
	background-color:rgba(255,255,255,0.9);
	z-index:300;
	position:absolute;
	top:350px;
	width:320px;
	border-bottom:1px solid rgba(86,80,89,0.3)
}
	#header #timetravel
{
	width:20px;
	height:20px;
	position:absolute;
	left:17px;
	top:13px;
	background-image:url("browse_icon.png");
	background-size:20px 20px
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	#header #timetravel
{
	background-image:url("browse_icon@2x.png")
}

}
	#header #date
{
	font-size:20px;
	color:#565059;
	font-weight:600;
	height:100%;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:44px;
	position:absolute;
	text-align:center
}
	#header #date:after
{
	content:"";
	display:inline-block;
	width:8px;
	margin-left:6px;
	margin-top:-2px;
	vertical-align:middle;
	height:5px;
	background-image:url("navigation_bar_caret.png");
	background-size:8px 5px
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	#header #date:after
{
	background-image:url("navigation_bar_caret@2x.png")
}

}
	ul.day
{
	list-style:none;
	padding:0;
	margin:0 0 22px 0
}
	ul.day:after
{
	content:"";
	display:block;
	background-image:url("paper.png");
	background-size:100% 8px;
	background-repeat:repeat-x;
	height:8px;
	width:100%
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	ul.day:after
{
	background-image:url("paper@2x.png")
}

}
	ul.day li
{
	border-bottom:1px solid #fbfafb;
	background:#fff
}
	ul.day li .collage
{
	width:310px;
	height:310px;
	background-size:310px 310px;
	-webkit-box-shadow:0px 1px 3px #c0bfc1;
	-moz-box-shadow:0px 1px 3px #c0bfc1;
	-o-box-shadow:0px 1px 3px #c0bfc1;
	box-shadow:0px 1px 3px #c0bfc1;
	margin:5px;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
	-o-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2)
}
	ul.day li .title
{
	*zoom:1;
	padding:10px 5px;
	position:relative
}
	ul.day li .title:before,ul.day li .title:after
{
	content:" ";
	display:table
}
	ul.day li .title:after
{
	clear:both
}
	ul.day li .title .time
{
	font-weight:300;
	float:left;
	width:55px;
	color:#8a818e;
	vertical-align:top
}
	ul.day li .title .time .hour
{
	font-size:12px
}
	ul.day li .title .time .ampm
{
	font-size:11px
}
	ul.day li .title .headerText
{
	vertical-align:top;
	float:left;
	width:220px
}
	ul.day li .title .headerText .note
{
	color:#565059;
	font-size:14px
}
	ul.day li .title .headerText .note:after
{
	content:" — at "
}
	ul.day li .title .headerText .venue
{
	color:#aa7cc1;
	font-size:14px
}
	ul.day li .title .headerText .neighbourhood
{
	color:#565059;
	font-size:14px
}
	ul.day li .title .edit
{
	width:16px;
	height:100%;
	top:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	right:12px;
	background-image:url("timeline_note.png");
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	ul.day li .title .edit
{
	background-image:url("timeline_note@2x.png")
}

}
	ul.day li:nth-child(even)
{
	background:#fefefe
}
	ul.day li.map
{
	height:100px;
	background:#abcfef;
	background-repeat:no-repeat;
	background-position:center center
}
	ul.day li.dayheader
{
	background:#fff;
	height:38px;
	color:#565059;
	text-align:center;
	line-height:38px
}
	ul.day li.dayheader span
{
	font-size:18px;
	font-weight:600
}
	#yourlife
{
	text-align:center;
	margin:10px 0;
	color:#bbb;
	text-shadow:0 1px 0 #fff;
	height:100px;
	display:block;
	font-size:18px;
	line-height:160%;
	display:none
}
	div#tooltipslide
{
	background:#555;
	background-image:-moz-linear-gradient(top, #555 0, #333 100%);
	background-image:-webkit-linear-gradient(top, #555 0, #333 100%);
	background-image:-o-linear-gradient(top, #555 0, #333 100%);
	background-image:linear-gradient(to bottom, #555 0, #333 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
	background-color:transparent;
	color:#fff;
	text-align:center;
	position:absolute;
	width:110px;
	top:50%;
	margin-left:-60px;
	font-size:1.5em;
	padding:10px 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight:300;
	z-index:1300;
	opacity:0;
	filter:alpha(opacity= 0 );
	left:-100px;
	margin-top:0
}
	div#tooltipslide:after
{
	content:"a";
	width:0;
	height:0;
	display:block;
	border:8px solid transparent;
	border-left:8px solid #444;
	position:absolute;
	right:-16px;
	margin-top:-8px;
	top:50%
}
	div#tooltipslide.visible
{
	-webkit-transition:all 1s linear, margin 2s 1s ease-out;
	-moz-transition:all 1s linear, margin 2s 1s ease-out;
	-o-transition:all 1s linear, margin 2s 1s ease-out;
	transition:all 1s linear, margin 2s 1s ease-out;
	left:-50px;
	margin-top:-140px;
	opacity:1;
	filter:alpha(opacity= 100 )
}
	div#tooltipslide.hidden
{
	-webkit-transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	-moz-transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	-o-transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	opacity:0;
	filter:alpha(opacity= 0 );
	left:-100px;
	margin-top:100px
}
	div#tooltipslide.disabled
{
	-webkit-transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	-moz-transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	-o-transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	transition:margin 2s ease-out, left 1s 2s linear, filter 1s 2s linear, opacity 1s 2s linear;
	opacity:0;
	filter:alpha(opacity= 0 );
	left:-100px
}
	article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
	display:block
}
	audio,canvas,video
{
	display:inline-block
}
	audio:not([controls])
{
	display:none;
	height:0
}
	[hidden]
{
	display:none
}
	html
{
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
	body
{
	margin:0
}
	a:focus
{
	outline:thin dotted
}
	a:active,a:hover
{
	outline:0
}
	h1
{
	font-size:2em
}
	abbr[title]
{
	border-bottom:1px dotted
}
	b,strong
{
	font-weight:bold
}
	dfn
{
	font-style:italic
}
	mark
{
	background:#ff0;
	color:#000
}
	code,kbd,pre,samp
{
	font-family:monospace,serif;
	font-size:1em
}
	pre
{
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
	q
{
	quotes:"\201C" "\201D" "\2018" "\2019"
}
	small
{
	font-size:80%
}
	sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
	sup
{
	top:-0.5em
}
	sub
{
	bottom:-0.25em
}
	img
{
	border:0
}
	svg:not(:root)
{
	overflow:hidden
}
	figure
{
	margin:0
}
	fieldset
{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em
}
	legend
{
	border:0;
	padding:0
}
	button,input,select,textarea
{
	font-family:inherit;
	font-size:100%;
	margin:0
}
	button,input
{
	line-height:normal
}
	button,html input[type="button"],input[type="reset"],input[type="submit"]
{
	-webkit-appearance:button;
	cursor:pointer
}
	button[disabled],input[disabled]
{
	cursor:default
}
	input[type="checkbox"],input[type="radio"]
{
	box-sizing:border-box;
	padding:0
}
	input[type="search"]
{
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
	input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration
{
	-webkit-appearance:none
}
	button::-moz-focus-inner,input::-moz-focus-inner
{
	border:0;
	padding:0
}
	textarea
{
	overflow:auto;
	vertical-align:top
}
	table
{
	border-collapse:collapse;
	border-spacing:0
}
	body
{
	font-size:62.5%;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial;
	background:#fefefe;
	background-image:-moz-linear-gradient(top, #fefefe 0, #f7f4f9 100%);
	background-image:-webkit-linear-gradient(top, #fefefe 0, #f7f4f9 100%);
	background-image:-o-linear-gradient(top, #fefefe 0, #f7f4f9 100%);
	background-image:linear-gradient(to bottom, #fefefe 0, #f7f4f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f7f4f9', GradientType=0);
	background-attachment:fixed;
	overflow-x:hidden;
	padding:0;
	margin:0
}
	p,td,li
{
	font-size:1.5em;
	color:#333
}
	h4
{
	font-size:1.5em
}
	h3
{
	font-size:2em
}
	h2
{
	font-size:2.666em
}
	h1
{
	font-size:4.74em
}
	a
{
	color:#aa7cc1;
	text-decoration:none
}
	a:hover,a:active
{
	color:#9459b1;
	text-decoration:underline
}
	p.chromeframe
{
	text-align:center;
	color:#bcc1c9;
	width:500px;
	background-color:#091a28;
	padding:10px;
	line-height:1.7em;
	margin:20px auto -40px auto;
	font-weight:lighter
}
	footer
{
	width:100%;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:50;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	bottom:0;
	font-weight:300;
	background-color:#00505f;
	color: #ffffff;
}
	footer a:hover
{
	color:#6cfff1
}
	footer ul
{
	display:inline-block;
	height:auto;
	padding:0;
	list-style:none;
	list-style-type:none

}
	footer ul li
{
	display:inline-block;
	margin-right:30px;
	color:#ffffff;
	line-height:50px;
	font-size:1.5em
}
	footer ul li:last-child
{
	margin-right:0
}
	footer ul li:last-child a
{		color:#ffffff;
		white-space:nowrap
}
	footer ul li:last-child a:hover
{	
	border-color:#ffffff
}
	footer ul li.home,footer ul li.home a
{	color:#ffffff;
	font-weight:600
}
	footer ul li a
{
	color:#ffffff;
	padding:8px 16px;
	text-decoration:none;
	font-weight:300
}
	footer ul li a:hover
{
	text-decoration:none;
	color:#6cfff1
}
	@media only screen and (max-width:699px)
{
	footer
{
	height:auto;
	padding:10px;
	position:static
	background-color:#052d41;

}
	footer ul
{
	margin:0
}
	footer ul br
{
	display:none
}
	footer ul li
{
	line-height:30px;
	display:block;
	margin:20px auto
}
	footer ul li:last-child a
{
	border:none
}

}
	html
{
	min-height:100%;
	font-size:1em
}
	body
{	background-color:#052d41;
	background:#fdfcfe;
	font-family: "微軟正黑體", "Open Sans";
	font-weight:400;
	height:100%;

	background-color: #00141e;

}
	header
{
	display:none
}
	#tooltip
{
	background:rgba(255,255,255,0.4);
	background-image:-moz-linear-gradient(top, rgba(255,255,255,0.4) 0, rgba(255,255,255,0.5) 100%);
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.4) 0, rgba(255,255,255,0.5) 100%);
	background-image:-o-linear-gradient(top, rgba(255,255,255,0.4) 0, rgba(255,255,255,0.5) 100%);
	background-image:linear-gradient(to bottom, rgba(255,255,255,0.4) 0, rgba(255,255,255,0.5) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.4)', endColorstr='rgba(255, 255, 255, 0.5)', GradientType=0);
	background-color:transparent;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:100px;
	width:110px;
	margin-left:-60px;
	left:75%;
	padding:10px 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#422a51 !important;
	font-weight:300;
	font-size:2em;
	z-index:1300;
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
	transition:all 1.5s ease
}
	#tooltip.hidden
{
	opacity:0;
	filter:alpha(opacity= 0 );
	bottom:70px
}
	#tooltip.hiddenagain
{
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	opacity:0;
	filter:alpha(opacity= 0 );
	bottom:170px
}
	#tooltip:after
{
	content:"";
	width:0;
	height:0;
	display:block;
	border:10px solid transparent;
	border-top:10px solid rgba(255,255,255,0.5);
	position:absolute;
	left:50%;
	margin-left:-5px;
	bottom:-20px
}
	#splash
{
	position:relative;
	width:100%;
	height:800;
	/*background:#fefefe;
	background-image:-moz-linear-gradient(top, #fefefe 0, #f7f4f9 100%);
	background-image:-webkit-linear-gradient(top, #fefefe 0, #f7f4f9 100%);
	background-image:-o-linear-gradient(top, #fefefe 0, #f7f4f9 100%);
	background-image:linear-gradient(to bottom, #fefefe 0, #f7f4f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f7f4f9', GradientType=0)*/
	
	/*background:#85d4c9;
	background-image:-moz-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:-webkit-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:-o-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:linear-gradient(to bottom, #85d4c9 0, #85d4c9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85d4c9', endColorstr='#85d4c9', GradientType=0)*/

	
	background:url(bg.png);
	
}
	#splashcenter
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	height:883px;
	width:960px
}
	#splashcenter img
{
	margin-top:20px
}
	#iphone
{
	margin-right:120px;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;
	position:absolute;
	top:0;
	left:0
}
	#learnmore
{
	position:absolute;
	display:block;
	padding:40px 0 80px 0;
	bottom:0;
	text-decoration:none;
	background-size:auto auto;
	background-position:center 80px;
	background-repeat:no-repeat;
	font-size:1.5em;
	font-weight:400;
	text-align:center;
	width:100%;
	/*color:#aa7cc1;*/
	color:#ffffff;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	/*opacity:.6;*/
	filter:alpha(opacity= 60 )
}
	@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	#learnmore
{
}

}
	#learnmore:hover
{
	/*opacity:1;*/
	filter:alpha(opacity= 100 )
}
	#perfectmemory
{
	/*padding:80px 0 0 40px;*/
	padding: 180px 0 0 40px;
	position:absolute;
	top:0;
	left:460px
}
	#perfectmemory h1
{
	font-size:2em;
	font-weight:400
}
	#perfectmemory p
{
	font-weight:300;
	/*font-size:2em;*/
	font-size:2.0em;
	color:#FFFFFF;
	line-height:160%;
	margin-bottom:10px
}
	#perfectmemory p strong
{
	font-weight:600
}
	#perfectmemory a
{
	margin-right:10px
}
	#perfectmemory a img
{
	margin:20px 0 0 0
}
.panel
{
	width:800px;
	margin:0px auto 40px auto;
	padding:20px 0 20px 0;
	height:550px;
	position:relative;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	*zoom:1;
}
.panel:before,.panel:after
{
	content:" ";
	display:table
}
.panel:after
{
	clear:both
}
.panel .intro{

	vertical-align:middle;
	display:table-cell
}

.panel .inner
{
	/*height:600px;*/
	height:530px;
	vertical-align:middle;
	display:table-cell
}

.panel .intro h2{

	vertical-align:middle;

}

.panel h2,.panel h3
{
	font-size:2.666em;
	font-weight:300;
	margin:30px 0 0 0;
	/*color:#aa7cc1*/
	color:#6cfff1;
}
.panel p
{
	font-size:2em;
	font-weight:300;
	line-height:160%;
	color:#FFFFFF
}
.panel p:first-child
{
	position:absolute;
	margin:0;
	top:200px;
	height:400px;
	overflow:hidden;
	padding-top:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.panel p:first-child img
{
	-webkit-transition:margin 0.3s ease;
	-moz-transition:margin 0.3s ease;
	-o-transition:margin 0.3s ease;
	transition:margin 0.3s ease
}
.panel:nth-child(even)
{	
	padding:60px 0 80px 370px
}
.panel:nth-child(even) p:first-child
{
	left:0
}
.panel:nth-child(odd)
{
	padding:60px 370px 80px 0
}
.panel:nth-child(odd) p:first-child
{
	right:0
}
	#lowercta.panel
{
	text-align:center;
	padding:1px 0;
	height:auto
}
	#lowercta.panel h2
{
	margin:180px 0 0 0;
	font-size:2em
}
	#lowercta.panel h2 a
{
	border:none;
	background-color:#aa7cc1;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	color:#fff;
	margin:0;
	font-weight:bold;
	line-height:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	text-align:center;
	
	/*background:#aa7cc1;
	background-image:-moz-linear-gradient(top, #aa7cc1 0, #9672a8 100%);
	background-image:-webkit-linear-gradient(top, #aa7cc1 0, #9672a8 100%);
	background-image:-o-linear-gradient(top, #aa7cc1 0, #9672a8 100%);
	background-image:linear-gradient(to bottom, #aa7cc1 0, #9672a8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa7cc1', endColorstr='#9672a8', GradientType=0);*/

	background:#46b1a5;
	background-image:-moz-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-webkit-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-o-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:linear-gradient(to bottom, #46b1a5 0, #46b1a5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b1a5', endColorstr='#46b1a5', GradientType=0)

	text-shadow:0 1px 0 #784592;
	font-weight:300;
	padding:20px
}
	#lowercta.panel h2 a:hover,#lowercta.panel h2 a:focus
{
	cursor:pointer;
	outline:none;
	/*background:#aa7cc1;
	background-image:-moz-linear-gradient(top, #b58dc9 0, #9672a8 100%);
	background-image:-webkit-linear-gradient(top, #b58dc9 0, #9672a8 100%);
	background-image:-o-linear-gradient(top, #b58dc9 0, #9672a8 100%);
	background-image:linear-gradient(to bottom, #b58dc9 0, #9672a8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b58dc9', endColorstr='#9672a8', GradientType=0)*/

	background:#85d4c9;
	background-image:-moz-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:-webkit-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:-o-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:linear-gradient(to bottom, #85d4c9 0, #85d4c9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85d4c9', endColorstr='#85d4c9', GradientType=0)

}
	#lowercta.panel h2 a:active
{
	cursor:pointer;
	color:#fff;
	/*background:#9672a8;
	background-image:-moz-linear-gradient(top, #9672a8 0, #aa7cc1 100%);
	background-image:-webkit-linear-gradient(top, #9672a8 0, #aa7cc1 100%);
	background-image:-o-linear-gradient(top, #9672a8 0, #aa7cc1 100%);
	background-image:linear-gradient(to bottom, #9672a8 0, #aa7cc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9672a8', endColorstr='#aa7cc1', GradientType=0)*/

	background:#46b1a5;
	background-image:-moz-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-webkit-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-o-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:linear-gradient(to bottom, #46b1a5 0, #46b1a5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b1a5', endColorstr='#46b1a5', GradientType=0)
}
	#lowercta.panel h2 a.done,#lowercta.panel h2 a.done:hover
{
	background:#ccc;
	background-image:-moz-linear-gradient(top, #ccc 0, #aaa 100%);
	background-image:-webkit-linear-gradient(top, #ccc 0, #aaa 100%);
	background-image:-o-linear-gradient(top, #ccc 0, #aaa 100%);
	background-image:linear-gradient(to bottom, #ccc 0, #aaa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa', GradientType=0);
	border-color:#999;
	text-shadow:0 -1px 0 #888;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1)
}
	#lowercta.panel h2 a:hover
{
	text-decoration:none
}
	footer
{
	position:static

}
	@-webkit-keyframes android
{
	0%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}
	50%
{
	-webkit-transform:rotate(140deg);
	-moz-transform:rotate(140deg);
	-ms-transform:rotate(140deg);
	-o-transform:rotate(140deg);
	transform:rotate(140deg)
}
	100%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}

}
	@-moz-keyframes android
{
	0%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}
	50%
{
	-webkit-transform:rotate(140deg);
	-moz-transform:rotate(140deg);
	-ms-transform:rotate(140deg);
	-o-transform:rotate(140deg);
	transform:rotate(140deg)
}
	100%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}

}
	@-o-keyframes android
{
	0%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}
	50%
{
	-webkit-transform:rotate(140deg);
	-moz-transform:rotate(140deg);
	-ms-transform:rotate(140deg);
	-o-transform:rotate(140deg);
	transform:rotate(140deg)
}
	100%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}

}
	@keyframes android
{
	0%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}
	50%
{
	-webkit-transform:rotate(140deg);
	-moz-transform:rotate(140deg);
	-ms-transform:rotate(140deg);
	-o-transform:rotate(140deg);
	transform:rotate(140deg)
}
	100%
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg)
}

}
	#mc_embed_signup
{
	max-width:440px;
	margin:120px auto 100px auto;
	outline:none;
	font-weight:300
}
	#mc_embed_signup .android
{
	background:url(android-noarm.png) center center no-repeat;
	height:59px;
	width:50px;
	margin:30px auto 0 auto;
	position:relative
}
	#mc_embed_signup .android:after
{
	content:"";
	display:block;
	width:7px;
	height:21px;
	background-color:#97cd30;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #fff;
	position:absolute;
	left:0;
	top:19px;
	-webkit-transform-origin:5px 4px;
	-moz-transform-origin:5px 4px;
	-ms-transform-origin:5px 4px;
	-o-transform-origin:5px 4px;
	transform-origin:5px 4px;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out
}
	#mc_embed_signup:hover .android:after
{
	-webkit-transform:rotate(170deg);
	-moz-transform:rotate(170deg);
	-ms-transform:rotate(170deg);
	-o-transform:rotate(170deg);
	transform:rotate(170deg);
	-webkit-animation:android 1s .5s ease-in-out infinite;
	-moz-animation:android 1s .5s ease-in-out infinite;
	-o-animation:android 1s .5s ease-in-out infinite;
	animation:android 1s .5s ease-in-out infinite
}
	#mc_embed_signup .inner
{
	-webkit-box-shadow:0px 1px 5px #eeeeee;
	-moz-box-shadow:0px 1px 5px #eeeeee;
	-o-box-shadow:0px 1px 5px #eeeeee;
	box-shadow:0px 1px 5px #eeeeee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:30px;
	margin:0 20px;
	position:relative;
	background-color:#fff;
	border:1px solid #ddd
}
	#mc_embed_signup .inner:after,#mc_embed_signup .inner:before
{
	top:100%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
	#mc_embed_signup .inner:after
{
	border-top-color:#fff;
	border-width:20px;
	left:50%;
	margin-left:-20px
}
	#mc_embed_signup .inner:before
{
	border-top-color:#ddd;
	border-width:21px;
	left:50%;
	margin-left:-21px
}
	#mc_embed_signup h4
{
	font-weight:400;
	margin:0 0 10px 0
}
	#mc_embed_signup input
{
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial;
	font-size:1.5em
}
	#mc_embed_signup input[type=email]
{
	margin:10px 10px 10px 0;
	background:#fafafa
}
	#mc_embed_signup input[type=email]:focus
{
	outline:none;
	border:1px solid #aa7cc1
}
	#mc_embed_signup input[type=submit]
{
	border:none;
	background-color:#aa7cc1;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	color:#fff;
	margin:0;
	font-weight:bold;
	line-height:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	text-align:center;
	/*background:#aa7cc1;
	background-image:-moz-linear-gradient(top, #aa7cc1 0, #9672a8 100%);
	background-image:-webkit-linear-gradient(top, #aa7cc1 0, #9672a8 100%);
	background-image:-o-linear-gradient(top, #aa7cc1 0, #9672a8 100%);
	background-image:linear-gradient(to bottom, #aa7cc1 0, #9672a8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa7cc1', endColorstr='#9672a8', GradientType=0);*/
	text-shadow:0 1px 0 #784592;
	font-weight:400;
	/*background:#c5a6d5;
	background-image:-moz-linear-gradient(top, #c5a6d5 0, #b298bf 100%);
	background-image:-webkit-linear-gradient(top, #c5a6d5 0, #b298bf 100%);
	background-image:-o-linear-gradient(top, #c5a6d5 0, #b298bf 100%);
	background-image:linear-gradient(to bottom, #c5a6d5 0, #b298bf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5a6d5', endColorstr='#b298bf', GradientType=0)*/

	background:#46b1a5;
	background-image:-moz-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-webkit-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-o-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:linear-gradient(to bottom, #46b1a5 0, #46b1a5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b1a5', endColorstr='#46b1a5', GradientType=0)
}
	#mc_embed_signup input[type=submit]:hover,#mc_embed_signup input[type=submit]:focus
{
	cursor:pointer;
	outline:none;
	/*background:#aa7cc1;
	background-image:-moz-linear-gradient(top, #b58dc9 0, #9672a8 100%);
	background-image:-webkit-linear-gradient(top, #b58dc9 0, #9672a8 100%);
	background-image:-o-linear-gradient(top, #b58dc9 0, #9672a8 100%);
	background-image:linear-gradient(to bottom, #b58dc9 0, #9672a8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b58dc9', endColorstr='#9672a8', GradientType=0)*/

	background:#85d4c9;
	background-image:-moz-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:-webkit-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:-o-linear-gradient(top, #85d4c9 0, #85d4c9 100%);
	background-image:linear-gradient(to bottom, #85d4c9 0, #85d4c9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#85d4c9', endColorstr='#85d4c9', GradientType=0)
}
	#mc_embed_signup input[type=submit]:active
{
	cursor:pointer;
	color:#fff;
	/*background:#9672a8;
	background-image:-moz-linear-gradient(top, #9672a8 0, #aa7cc1 100%);
	background-image:-webkit-linear-gradient(top, #9672a8 0, #aa7cc1 100%);
	background-image:-o-linear-gradient(top, #9672a8 0, #aa7cc1 100%);
	background-image:linear-gradient(to bottom, #9672a8 0, #aa7cc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9672a8', endColorstr='#aa7cc1', GradientType=0)*/

	background:#46b1a5;
	background-image:-moz-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-webkit-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:-o-linear-gradient(top, #46b1a5 0, #46b1a5 100%);
	background-image:linear-gradient(to bottom, #46b1a5 0, #46b1a5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46b1a5', endColorstr='#46b1a5', GradientType=0)
}
	#mc_embed_signup input[type=submit].done,#mc_embed_signup input[type=submit].done:hover
{
	background:#ccc;
	background-image:-moz-linear-gradient(top, #ccc 0, #aaa 100%);
	background-image:-webkit-linear-gradient(top, #ccc 0, #aaa 100%);
	background-image:-o-linear-gradient(top, #ccc 0, #aaa 100%);
	background-image:linear-gradient(to bottom, #ccc 0, #aaa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa', GradientType=0);
	border-color:#999;
	text-shadow:0 -1px 0 #888;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	-o-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
	box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.1)
}
	#splash
{
	min-height:1100px
}
	@media (max-width:1100px),(max-height:1100px)
{
	#iphone
{
	-webkit-transform:scale(.82);
	-moz-transform:scale(.82);
	-ms-transform:scale(.82);
	-o-transform:scale(.82);
	transform:scale(.82)
}
	#splashcenter
{
	height:724.06px !important
}
	#perfectmemory
{
	left:377.2px
}
	#splash
{
	min-height:724.06px !important
}
	img#logo
{	margin-top: -20px;
	width:238.11999999999998px
}
	#splashcenter
{
	width:780px
}
	#perfectmemory
{
	padding-left:30px
}

}
	@media (max-width:899px),(max-height:919px)
{
	#iphone
{
	-webkit-transform:scale(.76);
	-moz-transform:scale(.76);
	-ms-transform:scale(.76);
	-o-transform:scale(.76);
	transform:scale(.76)
}
	#splashcenter
{
	height:671.08px !important
}
	#perfectmemory
{
	left:349.6px
}
	#splash
{
	/*min-height:671.08px !important*/
	min-height:350px !important
}
	img#logo
{	margin-top: -30px;
	width:262.16px
}
	#splashcenter
{
	width:680px
}
	#perfectmemory
{
	/*padding:30px 0 0 30px;*/
	padding:160px 0 0 30px;
	font-size:90%
}
	#learnmore
{
	padding:20px 0;
	background-image:none
}
	#learnmore:after
{
	content:"";
	background-size:22px 12px;
	width:22px;
	height:12px;
	margin-left:10px;
	display:inline-block
}

}
	@media (max-width:899px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx),(max-height:919px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)
{
	#learnmore:after
{
	background-image:url("arrow@2x.png")
}

}
	@media (max-width:820px)
{
.panel
{
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:80px 40px;
	margin:40px 0
}
.panel:nth-child(even)
{
	padding:80px 40px 80px 350px
}
.panel:nth-child(even) p:first-child
{
	left:20px
}
.panel:nth-child(odd)
{
	padding:80px 350px 80px 40px
}
.panel:nth-child(odd) p:first-child
{
	right:20px
}
	#copyright a
{
	margin:0 16px
}

}
	@media (max-height:720px)
{
	#perfectmemory
{
	padding:0 0 0 30px
}
	#splashcenter
{
	width:640px
}
	#iphone
{
	-webkit-transform:scale(.55);
	-moz-transform:scale(.55);
	-ms-transform:scale(.55);
	-o-transform:scale(.55);
	transform:scale(.55)
}
	#splashcenter
{
	height:485.65000000000003px !important
}
	#perfectmemory
{
	left:253.00000000000003px
}
	#splash
{
	min-height:485.65000000000003px !important
}
	img#logo
{	margin-top: -20px;
	width:146.3px
}
.panel
{
	padding:40px
}

}
	@media (max-width:660px)
{
	#iphone
{
	display:none
}
	#splashcenter
{
	height: 350px !important;
	width:100%;
	position:static
}
	#splash
{
	min-height:auto !important;
	height:auto !important;
	*zoom:1
}
	#splash:before,#splash:after
{
	content:" ";
	display:table
}
	#splash:after
{
	clear:both
}
	#perfectmemory
{
	font-size:90% !important;
	position:static;
	text-align:center;
	padding:0 20px;
	font-size:100%
}
	#perfectmemory img#logo
{
	max-width:60%
}
	#perfectmemory img.appstore
{
	margin-top:20px
}
.panel
{
	height:385px
}
.panel p:first-child
{
	height:385px
}
.panel p:first-child
{
	top:0
}
.panel img
{
	width:200px
}
.panel .inner
{
	height:385px;
	font-size:90%
}
.panel:nth-child(even)
{
	padding:0 40px 80px 250px
}
.panel:nth-child(odd)
{
	padding:0 250px 80px 40px
}
	#learnmore
{
	display:none
}
	div#lowercta.panel
{
	padding:40px 20px
}
	div#lowercta.panel h2
{
	margin-top:40px;
	margin-bottom:0;
	font-size:1.5em
}
	div#lowercta.panel img
{
	margin-top:40px;
	margin-bottom:0
}
	#copyright
{
	margin-top:80px !important;
	padding-top:0;
	opacity:.5;
	filter:alpha(opacity= 50 )
}
	#copyright span
{
	display:block;
	margin:0 0 20px 0
}
	#copyright a,span,a:last-child
{
	margin:0 5px;
	padding:0
}
	img.appstore
{
	max-width:60% !important
}
	#copyright a:last-child
{
	margin-right:0;
	border:none
}
	#copyright span
{
	margin-left:0
}

}
	@media (max-width:479px)
{
.panel .copy
{
	height:auto;
	display:block;
	margin-top:-15px
}
.panel
{
	padding:20px 20px !important;
	height:auto;
	text-align:center;
	font-size:80%;
	margin:20px 0
}
.panel p:first-child
{
	float:none !important;
	display:block;
	position:static !important;
	height:auto !important;
	margin:0 auto !important
}
.panel p:first-child img
{
	width:80%
}
	#lowercta.panel h2
{
	margin-bottom:30px !important
}
	#mc_embed_signup
{
	font-size:80%;
	margin:40px auto
}
	#mc_embed_signup input
{
	display:block;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

}