/*******************************
	Last Updated: 2015-11-27
*******************************/
/*******************************
	Desktop
*******************************/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	outline: none;
	-webkit-font-smoothing: antialiased;
}
a:link,
a:visited {
	color: #9A4;
	text-decoration: none;
}
a:hover,
a:active {
	color: #9A4;
	text-decoration: underline;
}
ul,
ol {
	list-style: none;
}
italic {
	font-style: italic;
}
html {
	height: 100%;
	font-size: 62.5%;
}
body {
	width: 100%;
	height: 100%;
	min-width: 320px;
	min-height: 100%;
	background: #f7f8f0;
	font-family: 'Pingfang SC', 'Helvetica Neue', 'Lantinghei SC', sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	text-align: center;
	font-weight: 500;
}
img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    border: none;
	background: #f7f8f0;
	object-fit: contain;
}


#wrapper {
	width: 100%;
	height: 100%;
	padding-top: 80px;
}


h1 {
	font-size: 28px;
	line-height: 140%;
	padding: 0 16px;
}
h1:after {
	content: '';
	display: block;
	width: 80px;
	border-top: 1px solid #ccc;
	margin: 20px auto 5px;
}

.share {
	clear: both;
	width: 100%;
	height: 24px;
	margin: 10px auto 40px;
	display: block;
	text-align: center;
}
.share a {
	display: inline-block;
	height: 24px;
	margin: 0 2px;
	background-repeat: no-repeat;
	background-position: 0 0;
	opacity: 0.2;
	transition: all .2s ease-in-out;
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-mz-filter: invert(1);
	filter: invert(1);
}
.share a:hover {
	opacity: 0.4;
}
.share a.twitter {
	width: 28px;
	background-size: 24px 22px;
	background-image: url('./share_twitter.svg');
}
.share a.facebook {
	width: 22px;
	background-size: 20px 20px;
	background-image: url('./share_facebook.svg');
}

.meta {
	width: 100%;
	max-width: 980px;
	font-size: 12px;
	color: #666;
	text-align: center;
	margin: 0 auto;
}

.byline {}
.pubdate {
	margin-left: 10px;
	color: #999;
}

.summary {
	width: 100%;
	max-width: 720px;
	margin: 0 auto 40px;
	color: #333;
}
.summary p {
	text-align: justify;
}


#content {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}


#animation {
	float: left;
	width: 33.34%;
	max-width: 320px;
	height: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 88px;
}

.headers,
.headers-m {
	position: absolute;
	top: 40px;
	left: 0;
	display: block;
	float: left;
	width: 100%;
	height: 36px;
	font-size: 12px;
	line-height: 36px;
	background: rgba(237,239,226,0.92);
	z-index: 999;
}
.headers-m-wrapper {
	max-width: 320px;
	margin: 0 auto;
}
.headers-m {
	margin: 0 auto;
	position: fixed;
	top: 0;
	display: none;
}

.hidden1,
.hidden2 {
	display: none !important;
}
.header-party {
	float: left;
	width: 20%;
	text-align: center;
}
.header-run {
	float: left;
	width: 21.875%;
	margin-left: 10%;
	text-align: center;
}
.header-win {
	float: left;
	width: 21.875%;
	margin-left: 5%;
	text-align: center;
}
.header-rate {
	float: left;
	width: 15.25%;
	margin-left: 6%;
	text-align: center;
}


ul.parties {
	width: 100%;
	height: 100%;
	float: left;
	border-bottom: 1px dotted #ccc;
}

li.party {
	float: left;
	width: 100%;
	max-height: 70px;
	line-height: 70px;
	display: table;
	border-top: 1px dotted #ccc;
}


li.party .title {
	float: left;
/*	width: 20%;*/
	width: 64px;
	max-height: 70px;
	padding-top: 10px;
	font-size: 10px;
	text-align: center;
	background-repeat: no-repeat;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 16s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 16s;
		
}

li#cp .title,
li#lsd .title {
	-webkit-animation-name: from-2007;
	animation-name: from-2007;
}

li#npp .title,
li#nd .title,
li#pp .title {
	-webkit-animation-name: from-2011;
	animation-name: from-2011;
}

li#bpa .title,
li#lp .title {
	-webkit-animation-name: from-2015;
	animation-name: from-2015;
}

@-webkit-keyframes from-2007 {
 	0%   {opacity: 0.2;}
	15%	 {opacity: 0.2;}
	20%  {opacity: 0.2;}
	35%  {opacity: 0.2;}
	40%  {opacity: 1;}
	55%  {opacity: 1;}
	60%  {opacity: 1;}
	75%  {opacity: 1;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0.2;}
}
@keyframes from-2007 {
 	0%   {opacity: 0.2;}
	15%	 {opacity: 0.2;}
	20%  {opacity: 0.2;}
	35%  {opacity: 0.2;}
	40%  {opacity: 1;}
	55%  {opacity: 1;}
	60%  {opacity: 1;}
	75%  {opacity: 1;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0.2;}
}

@-webkit-keyframes from-2011 {
 	0%   {opacity: 0.2;}
	15%	 {opacity: 0.2;}
	20%  {opacity: 0.2;}
	35%  {opacity: 0.2;}
	40%  {opacity: 0.2;}
	55%  {opacity: 0.2;}
	60%  {opacity: 1;}
	75%  {opacity: 1;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0.2;}
}
@keyframes from-2011 {
 	0%   {opacity: 0.2;}
	15%	 {opacity: 0.2;}
	20%  {opacity: 0.2;}
	35%  {opacity: 0.2;}
	40%  {opacity: 0.2;}
	55%  {opacity: 0.2;}
	60%  {opacity: 1;}
	75%  {opacity: 1;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0.2;}
}

@-webkit-keyframes from-2015 {
 	0%   {opacity: 0.2;}
	15%	 {opacity: 0.2;}
	20%  {opacity: 0.2;}
	35%  {opacity: 0.2;}
	40%  {opacity: 0.2;}
	55%  {opacity: 0.2;}
	60%  {opacity: 0.2;}
	75%  {opacity: 0.2;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0.2;}
}
@keyframes from-2015 {
 	0%   {opacity: 0.2;}
	15%	 {opacity: 0.2;}
	20%  {opacity: 0.2;}
	35%  {opacity: 0.2;}
	40%  {opacity: 0.2;}
	55%  {opacity: 0.2;}
	60%  {opacity: 0.2;}
	75%  {opacity: 0.2;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0.2;}
}



li.party .name {
	width: 100%;
	text-align: center;
	line-height: 100%;
}

li.party .logo {
	width: 48px;
	height: 36px;
	margin: 0 auto;
	display: block;
	background-image: url('parties.png');
	background-repeat: no-repeat;
}

li#dab .logo {
	background-position: 0 0;
}
li#lbr .logo {
	background-position: -48px 0;
}
li#ftu .logo {
	background-position: -96px 0;
}
li#npp .logo {
	background-position: -144px 0;
}
li#bpa .logo {
	background-position: -192px 0;
}
li#dp .logo {
	background-position: -240px 0;
}
li#adpl .logo {
	background-position: -288px 0;
}
li#nwsc .logo {
	background-position: -336px 0;
}
li#cp .logo {
	background-position: -384px 0;
}
li#lp .logo {
	background-position: -432px 0;
}
li#lsd .logo {
	background-position: -480px 0;
}
li#nd .logo {
	background-position: -528px 0;
}
li#pp .logo {
	background-position: -576px 0;
}


li.party .run-circle,
li.party .win-circle {
	/* instead of using padding */
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

li.party .proe {
	background: #e47375;	
}
li.party .pand {
	background: #8fc7b2;
}

li.party .win-circle {
	opacity: 0.5;
}

li.party .circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	float: left;
	object-fit: contain;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 16s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 16s;
	
}




li#dab .run-circle .circle {
	-webkit-animation-name: dab-run;
	animation-name: dab-run;
}

li#dab .win-circle .circle {
	-webkit-animation-name: dab-win;
	animation-name: dab-win;
}

@-webkit-keyframes dab-run {
 	0%   {-webkit-transform: scale(0.75);}
	15%	 {-webkit-transform: scale(0.75);}
	20%  {-webkit-transform: scale(0.81);}
	35%  {-webkit-transform: scale(0.81);}
	40%  {-webkit-transform: scale(0.75);}
	55%  {-webkit-transform: scale(0.75);}
	60%  {-webkit-transform: scale(0.73);}
	75%  {-webkit-transform: scale(0.73);}
	80%  {-webkit-transform: scale(0.74);}
	95%  {-webkit-transform: scale(0.74);}
	100% {-webkit-transform: scale(0.75);}
}
@keyframes dab-run {
 	0%   {transform: scale(0.75);}
	15%	 {transform: scale(0.75);}
	20%  {transform: scale(0.81);}
	35%  {transform: scale(0.81);}
	40%  {transform: scale(0.75);}
	55%  {transform: scale(0.75);}
	60%  {transform: scale(0.73);}
	75%  {transform: scale(0.73);}
	80%  {transform: scale(0.74);}
	95%  {transform: scale(0.74);}
	100% {transform: scale(0.75);}
}

@-webkit-keyframes dab-win {
 	0%   {-webkit-transform: scale(0.51);}
	15%	 {-webkit-transform: scale(0.51);}
	20%  {-webkit-transform: scale(0.45);}
	35%  {-webkit-transform: scale(0.45);}
	40%  {-webkit-transform: scale(0.61);}
	55%  {-webkit-transform: scale(0.61);}
	60%  {-webkit-transform: scale(0.64);}
	75%  {-webkit-transform: scale(0.64);}
	80%  {-webkit-transform: scale(0.61);}
	95%  {-webkit-transform: scale(0.61);}
	100% {-webkit-transform: scale(0.51);}
}
@keyframes dab-win {
 	0%   {transform: scale(0.51);}
	15%	 {transform: scale(0.51);}
	20%  {transform: scale(0.45);}
	35%  {transform: scale(0.45);}
	40%  {transform: scale(0.61);}
	55%  {transform: scale(0.61);}
	60%  {transform: scale(0.64);}
	75%  {transform: scale(0.64);}
	80%  {transform: scale(0.61);}
	95%  {transform: scale(0.61);}
	100% {transform: scale(0.51);}
}



li#lbr .run-circle .circle {
	-webkit-animation-name: lbr-run;
	animation-name: lbr-run;
}

li#lbr .win-circle .circle {
	-webkit-animation-name: lbr-win;
	animation-name: lbr-win;
}

@-webkit-keyframes lbr-run {
 	0%   {-webkit-transform: scale(0.33);}
	15%	 {-webkit-transform: scale(0.33);}
	20%  {-webkit-transform: scale(0.28);}
	35%  {-webkit-transform: scale(0.28);}
	40%  {-webkit-transform: scale(0.42);}
	55%  {-webkit-transform: scale(0.42);}
	60%  {-webkit-transform: scale(0.28);}
	75%  {-webkit-transform: scale(0.28);}
	80%  {-webkit-transform: scale(0.25);}
	95%  {-webkit-transform: scale(0.25);}
	100% {-webkit-transform: scale(0.33);}
}
@keyframes lbr-run {
 	0%   {transform: scale(0.33);}
	15%	 {transform: scale(0.33);}
	20%  {transform: scale(0.28);}
	35%  {transform: scale(0.28);}
	40%  {transform: scale(0.42);}
	55%  {transform: scale(0.42);}
	60%  {transform: scale(0.28);}
	75%  {transform: scale(0.28);}
	80%  {transform: scale(0.25);}
	95%  {transform: scale(0.25);}
	100% {transform: scale(0.33);}
}

@-webkit-keyframes lbr-win {
 	0%   {-webkit-transform: scale(0.23);}
	15%	 {-webkit-transform: scale(0.23);}
	20%  {-webkit-transform: scale(0.2);}
	35%  {-webkit-transform: scale(0.2);}
	40%  {-webkit-transform: scale(0.21);}
	55%  {-webkit-transform: scale(0.21);}
	60%  {-webkit-transform: scale(0.17);}
	75%  {-webkit-transform: scale(0.17);}
	80%  {-webkit-transform: scale(0.17);}
	95%  {-webkit-transform: scale(0.17);}
	100% {-webkit-transform: scale(0.23);}
}
@keyframes lbr-win {
 	0%   {transform: scale(0.23);}
	15%	 {transform: scale(0.23);}
	20%  {transform: scale(0.2);}
	35%  {transform: scale(0.2);}
	40%  {transform: scale(0.21);}
	55%  {transform: scale(0.21);}
	60%  {transform: scale(0.17);}
	75%  {transform: scale(0.17);}
	80%  {transform: scale(0.17);}
	95%  {transform: scale(0.17);}
	100% {transform: scale(0.23);}
}



li#ftu .run-circle .circle {
	-webkit-animation-name: ftu-run;
	animation-name: ftu-run;
}

li#ftu .win-circle .circle {
	-webkit-animation-name: ftu-win;
	animation-name: ftu-win;
}

@-webkit-keyframes ftu-run {
 	0%   {-webkit-transform: scale(0.06);}
	15%	 {-webkit-transform: scale(0.06);}
	20%  {-webkit-transform: scale(0.1);}
	35%  {-webkit-transform: scale(0.1);}
	40%  {-webkit-transform: scale(0.11);}
	55%  {-webkit-transform: scale(0.11);}
	60%  {-webkit-transform: scale(0.32);}
	75%  {-webkit-transform: scale(0.32);}
	80%  {-webkit-transform: scale(0.4);}
	95%  {-webkit-transform: scale(0.4);}
	100% {-webkit-transform: scale(0.06);}
}
@keyframes ftu-run {
 	0%   {transform: scale(0.06);}
	15%	 {transform: scale(0.06);}
	20%  {transform: scale(0.1);}
	35%  {transform: scale(0.1);}
	40%  {transform: scale(0.11);}
	55%  {transform: scale(0.11);}
	60%  {transform: scale(0.32);}
	75%  {transform: scale(0.32);}
	80%  {transform: scale(0.4);}
	95%  {transform: scale(0.4);}
	100% {transform: scale(0.06);}
}

@-webkit-keyframes ftu-win {
 	0%   {-webkit-transform: scale(0.06);}
	15%	 {-webkit-transform: scale(0.06);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0.06);}
	55%  {-webkit-transform: scale(0.06);}
	60%  {-webkit-transform: scale(0.25);}
	75%  {-webkit-transform: scale(0.25);}
	80%  {-webkit-transform: scale(0.29);}
	95%  {-webkit-transform: scale(0.29);}
	100% {-webkit-transform: scale(0.06);}
}
@keyframes ftu-win {
 	0%   {transform: scale(0.06);}
	15%	 {transform: scale(0.06);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0.06);}
	55%  {transform: scale(0.06);}
	60%  {transform: scale(0.25);}
	75%  {transform: scale(0.25);}
	80%  {transform: scale(0.29);}
	95%  {transform: scale(0.29);}
	100% {transform: scale(0.06);}
}



li#npp .run-circle .circle {
	-webkit-animation-name: npp-run;
	animation-name: npp-run;
}

li#npp .win-circle .circle {
	-webkit-animation-name: npp-win;
	animation-name: npp-win;
}

@-webkit-keyframes npp-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0.2);}
	75%  {-webkit-transform: scale(0.2);}
	80%  {-webkit-transform: scale(0.37);}
	95%  {-webkit-transform: scale(0.37);}
	100% {-webkit-transform: scale(0);}
}
@keyframes npp-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0.2);}
	75%  {transform: scale(0.2);}
	80%  {transform: scale(0.37);}
	95%  {transform: scale(0.37);}
	100% {transform: scale(0);}
}

@-webkit-keyframes npp-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0.11);}
	75%  {-webkit-transform: scale(0.11);}
	80%  {-webkit-transform: scale(0.28);}
	95%  {-webkit-transform: scale(0.28);}
	100% {-webkit-transform: scale(0);}
}
@keyframes npp-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0.11);}
	75%  {transform: scale(0.11);}
	80%  {transform: scale(0.28);}
	95%  {transform: scale(0.28);}
	100% {transform: scale(0);}
}



li#bpa .run-circle .circle {
	-webkit-animation-name: bpa-run;
	animation-name: bpa-run;
}

li#bpa .win-circle .circle {
	-webkit-animation-name: bpa-win;
	animation-name: bpa-win;
}

@-webkit-keyframes bpa-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0);}
	75%  {-webkit-transform: scale(0);}
	80%  {-webkit-transform: scale(0.22);}
	95%  {-webkit-transform: scale(0.22);}
	100% {-webkit-transform: scale(0);}
}
@keyframes bpa-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0);}
	75%  {transform: scale(0);}
	80%  {transform: scale(0.22);}
	95%  {transform: scale(0.22);}
	100% {transform: scale(0);}
}

@-webkit-keyframes bpa-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0);}
	75%  {-webkit-transform: scale(0);}
	80%  {-webkit-transform: scale(0.18);}
	95%  {-webkit-transform: scale(0.18);}
	100% {-webkit-transform: scale(0);}
}
@keyframes bpa-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0);}
	75%  {transform: scale(0);}
	80%  {transform: scale(0.18);}
	95%  {transform: scale(0.18);}
	100% {transform: scale(0);}
}



li#dp .run-circle .circle {
	-webkit-animation-name: dp-run;
	animation-name: dp-run;
}

li#dp .win-circle .circle {
	-webkit-animation-name: dp-win;
	animation-name: dp-win;
}

@-webkit-keyframes dp-run {
 	0%   {-webkit-transform: scale(0.74);}
	15%	 {-webkit-transform: scale(0.74);}
	20%  {-webkit-transform: scale(0.62);}
	35%  {-webkit-transform: scale(0.62);}
	40%  {-webkit-transform: scale(0.58);}
	55%  {-webkit-transform: scale(0.58);}
	60%  {-webkit-transform: scale(0.65);}
	75%  {-webkit-transform: scale(0.65);}
	80%  {-webkit-transform: scale(0.55);}
	95%  {-webkit-transform: scale(0.55);}
	100% {-webkit-transform: scale(0.74);}
}
@keyframes dp-run {
 	0%   {transform: scale(0.74);}
	15%	 {transform: scale(0.74);}
	20%  {transform: scale(0.62);}
	35%  {transform: scale(0.62);}
	40%  {transform: scale(0.58);}
	55%  {transform: scale(0.58);}
	60%  {transform: scale(0.65);}
	75%  {transform: scale(0.65);}
	80%  {transform: scale(0.55);}
	95%  {transform: scale(0.55);}
	100% {transform: scale(0.74);}
}
@-webkit-keyframes dp-win {
 	0%   {-webkit-transform: scale(0.52);}
	15%	 {-webkit-transform: scale(0.52);}
	20%  {-webkit-transform: scale(0.55);}
	35%  {-webkit-transform: scale(0.55);}
	40%  {-webkit-transform: scale(0.43);}
	55%  {-webkit-transform: scale(0.43);}
	60%  {-webkit-transform: scale(0.39);}
	75%  {-webkit-transform: scale(0.39);}
	80%  {-webkit-transform: scale(0.37);}
	95%  {-webkit-transform: scale(0.37);}
	100% {-webkit-transform: scale(0.52);}
}
@keyframes dp-win {
 	0%   {transform: scale(0.52);}
	15%	 {transform: scale(0.52);}
	20%  {transform: scale(0.55);}
	35%  {transform: scale(0.55);}
	40%  {transform: scale(0.43);}
	55%  {transform: scale(0.43);}
	60%  {transform: scale(0.39);}
	75%  {transform: scale(0.39);}
	80%  {transform: scale(0.37);}
	95%  {transform: scale(0.37);}
	100% {transform: scale(0.52);}
}



li#adpl .run-circle .circle {
	-webkit-animation-name: adpl-run;
	animation-name: adpl-run;
}

li#adpl .win-circle .circle {
	-webkit-animation-name: adpl-win;
	animation-name: adpl-win;
}

@-webkit-keyframes adpl-run {
 	0%   {-webkit-transform: scale(0.32);}
	15%	 {-webkit-transform: scale(0.32);}
	20%  {-webkit-transform: scale(0.34);}
	35%  {-webkit-transform: scale(0.34);}
	40%  {-webkit-transform: scale(0.34);}
	55%  {-webkit-transform: scale(0.34);}
	60%  {-webkit-transform: scale(0.29);}
	75%  {-webkit-transform: scale(0.29);}
	80%  {-webkit-transform: scale(0.28);}
	95%  {-webkit-transform: scale(0.28);}
	100% {-webkit-transform: scale(0.32);}
}
@keyframes adpl-run {
 	0%   {transform: scale(0.32);}
	15%	 {transform: scale(0.32);}
	20%  {transform: scale(0.34);}
	35%  {transform: scale(0.34);}
	40%  {transform: scale(0.34);}
	55%  {transform: scale(0.34);}
	60%  {transform: scale(0.29);}
	75%  {transform: scale(0.29);}
	80%  {transform: scale(0.28);}
	95%  {transform: scale(0.28);}
	100% {transform: scale(0.32);}
}

@-webkit-keyframes adpl-win {
 	0%   {-webkit-transform: scale(0.25);}
	15%	 {-webkit-transform: scale(0.25);}
	20%  {-webkit-transform: scale(0.28);}
	35%  {-webkit-transform: scale(0.28);}
	40%  {-webkit-transform: scale(0.23);}
	55%  {-webkit-transform: scale(0.23);}
	60%  {-webkit-transform: scale(0.22);}
	75%  {-webkit-transform: scale(0.22);}
	80%  {-webkit-transform: scale(0.23);}
	95%  {-webkit-transform: scale(0.23);}
	100% {-webkit-transform: scale(0.25);}
}
@keyframes adpl-win {
 	0%   {transform: scale(0.25);}
	15%	 {transform: scale(0.25);}
	20%  {transform: scale(0.28);}
	35%  {transform: scale(0.28);}
	40%  {transform: scale(0.23);}
	55%  {transform: scale(0.23);}
	60%  {transform: scale(0.22);}
	75%  {transform: scale(0.22);}
	80%  {transform: scale(0.23);}
	95%  {transform: scale(0.23);}
	100% {transform: scale(0.25);}
}



li#nwsc .run-circle .circle {
	-webkit-animation-name: nwsc-run;
	animation-name: nwsc-run;
}

li#nwsc .win-circle .circle {
	-webkit-animation-name: nwsc-win;
	animation-name: nwsc-win;
}

@-webkit-keyframes nwsc-run {
 	0%   {-webkit-transform: scale(0.1);}
	15%	 {-webkit-transform: scale(0.1);}
	20%  {-webkit-transform: scale(0.13);}
	35%  {-webkit-transform: scale(0.13);}
	40%  {-webkit-transform: scale(0.13);}
	55%  {-webkit-transform: scale(0.13);}
	60%  {-webkit-transform: scale(0.19);}
	75%  {-webkit-transform: scale(0.19);}
	80%  {-webkit-transform: scale(0.13);}
	95%  {-webkit-transform: scale(0.13);}
	100% {-webkit-transform: scale(0.1);}
}
@keyframes nwsc-run {
 	0%   {transform: scale(0.1);}
	15%	 {transform: scale(0.1);}
	20%  {transform: scale(0.13);}
	35%  {transform: scale(0.13);}
	40%  {transform: scale(0.13);}
	55%  {transform: scale(0.13);}
	60%  {transform: scale(0.19);}
	75%  {transform: scale(0.19);}
	80%  {transform: scale(0.13);}
	95%  {transform: scale(0.13);}
	100% {transform: scale(0.1);}
}

@-webkit-keyframes nwsc-win {
 	0%   {-webkit-transform: scale(0.08);}
	15%	 {-webkit-transform: scale(0.08);}
	20%  {-webkit-transform: scale(0.11);}
	35%  {-webkit-transform: scale(0.11);}
	40%  {-webkit-transform: scale(0.11);}
	55%  {-webkit-transform: scale(0.11);}
	60%  {-webkit-transform: scale(0.13);}
	75%  {-webkit-transform: scale(0.13);}
	80%  {-webkit-transform: scale(0);}
	95%  {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(0.08);}
}
@keyframes nwsc-win {
 	0%   {transform: scale(0.08);}
	15%	 {transform: scale(0.08);}
	20%  {transform: scale(0.11);}
	35%  {transform: scale(0.11);}
	40%  {transform: scale(0.11);}
	55%  {transform: scale(0.11);}
	60%  {transform: scale(0.13);}
	75%  {transform: scale(0.13);}
	80%  {transform: scale(0.13);}
	95%  {transform: scale(0.13);}
	100% {transform: scale(0.08);}
}



li#cp .run-circle .circle {
	-webkit-animation-name: cp-run;
	animation-name: cp-run;
}

li#cp .win-circle .circle {
	-webkit-animation-name: cp-win;
	animation-name: cp-win;
}

@-webkit-keyframes cp-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0.37);}
	55%  {-webkit-transform: scale(0.37);}
	60%  {-webkit-transform: scale(0.36);}
	75%  {-webkit-transform: scale(0.36);}
	80%  {-webkit-transform: scale(0.28);}
	95%  {-webkit-transform: scale(0.28);}
	100% {-webkit-transform: scale(0);}
}
@keyframes cp-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0.37);}
	55%  {transform: scale(0.37);}
	60%  {transform: scale(0.36);}
	75%  {transform: scale(0.36);}
	80%  {transform: scale(0.28);}
	95%  {transform: scale(0.28);}
	100% {transform: scale(0);}
}

@-webkit-keyframes cp-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0.16);}
	55%  {-webkit-transform: scale(0.16);}
	60%  {-webkit-transform: scale(0.15);}
	75%  {-webkit-transform: scale(0.15);}
	80%  {-webkit-transform: scale(0.18);}
	95%  {-webkit-transform: scale(0.18);}
	100% {-webkit-transform: scale(0);}
}
@keyframes cp-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0.16);}
	55%  {transform: scale(0.16);}
	60%  {transform: scale(0.15);}
	75%  {transform: scale(0.15);}
	80%  {transform: scale(0.18);}
	95%  {transform: scale(0.18);}
	100% {transform: scale(0);}
}



li#lp .run-circle .circle {
	-webkit-animation-name: lp-run;
	animation-name: lp-run;
}

li#lp .win-circle .circle {
	-webkit-animation-name: lp-win;
	animation-name: lp-win;
}

@-webkit-keyframes lp-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0);}
	75%  {-webkit-transform: scale(0);}
	80%  {-webkit-transform: scale(0.14);}
	95%  {-webkit-transform: scale(0.14);}
	100% {-webkit-transform: scale(0);}
}
@keyframes lp-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0);}
	75%  {transform: scale(0);}
	80%  {transform: scale(0.14);}
	95%  {transform: scale(0.14);}
	100% {transform: scale(0);}
}

@-webkit-keyframes lp-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0);}
	75%  {-webkit-transform: scale(0);}
	80%  {-webkit-transform: scale(0.11);}
	95%  {-webkit-transform: scale(0.11);}
	100% {-webkit-transform: scale(0);}
}
@keyframes lp-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0);}
	75%  {transform: scale(0);}
	80%  {transform: scale(0.11);}
	95%  {transform: scale(0.11);}
	100% {transform: scale(0);}
}



li#lsd .run-circle .circle {
	-webkit-animation-name: lsd-run;
	animation-name: lsd-run;
}

li#lsd .win-circle .circle {
	-webkit-animation-name: lsd-win;
	animation-name: lsd-win;
}

@-webkit-keyframes lsd-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0.31);}
	55%  {-webkit-transform: scale(0.31);}
	60%  {-webkit-transform: scale(0.3);}
	75%  {-webkit-transform: scale(0.3);}
	80%  {-webkit-transform: scale(0.13);}
	95%  {-webkit-transform: scale(0.13);}
	100% {-webkit-transform: scale(0);}
}
@keyframes lsd-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0.31);}
	55%  {transform: scale(0.31);}
	60%  {transform: scale(0.3);}
	75%  {transform: scale(0.3);}
	80%  {transform: scale(0.13);}
	95%  {transform: scale(0.13);}
	100% {transform: scale(0);}
}

@-webkit-keyframes lsd-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0.14);}
	55%  {-webkit-transform: scale(0.14);}
	60%  {-webkit-transform: scale(0);}
	75%  {-webkit-transform: scale(0);}
	80%  {-webkit-transform: scale(0);}
	95%  {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(0);}
}
@keyframes lsd-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0.14);}
	55%  {transform: scale(0.14);}
	60%  {transform: scale(0);}
	75%  {transform: scale(0);}
	80%  {transform: scale(0);}
	95%  {transform: scale(0);}
	100% {transform: scale(0);}
}



li#nd .run-circle .circle {
	-webkit-animation-name: nd-run;
	animation-name: nd-run;
}

li#nd .win-circle .circle {
	-webkit-animation-name: nd-win;
	animation-name: nd-win;
}

@-webkit-keyframes nd-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0.18);}
	75%  {-webkit-transform: scale(0.18);}
	80%  {-webkit-transform: scale(0.23);}
	95%  {-webkit-transform: scale(0.23);}
	100% {-webkit-transform: scale(0);}
}
@keyframes nd-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0.18);}
	75%  {transform: scale(0.18);}
	80%  {transform: scale(0.23);}
	95%  {transform: scale(0.23);}
	100% {transform: scale(0);}
}

@-webkit-keyframes nd-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0.16);}
	75%  {-webkit-transform: scale(0.16);}
	80%  {-webkit-transform: scale(0.21);}
	95%  {-webkit-transform: scale(0.21);}
	100% {-webkit-transform: scale(0);}
}
@keyframes nd-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0.16);}
	75%  {transform: scale(0.16);}
	80%  {transform: scale(0.21);}
	95%  {transform: scale(0.21);}
	100% {transform: scale(0);}
}



li#pp .run-circle .circle {
	-webkit-animation-name: pp-run;
	animation-name: pp-run;
}

li#pp .win-circle .circle {
	-webkit-animation-name: pp-win;
	animation-name: pp-win;
}

@-webkit-keyframes pp-run {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0.44);}
	75%  {-webkit-transform: scale(0.44);}
	80%  {-webkit-transform: scale(0.17);}
	95%  {-webkit-transform: scale(0.17);}
	100% {-webkit-transform: scale(0);}
}
@keyframes pp-run {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0.44);}
	75%  {transform: scale(0.44);}
	80%  {transform: scale(0.17);}
	95%  {transform: scale(0.17);}
	100% {transform: scale(0);}
}

@-webkit-keyframes pp-win {
 	0%   {-webkit-transform: scale(0);}
	15%	 {-webkit-transform: scale(0);}
	20%  {-webkit-transform: scale(0);}
	35%  {-webkit-transform: scale(0);}
	40%  {-webkit-transform: scale(0);}
	55%  {-webkit-transform: scale(0);}
	60%  {-webkit-transform: scale(0.06);}
	75%  {-webkit-transform: scale(0.06);}
	80%  {-webkit-transform: scale(0);}
	95%  {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(0);}
}
@keyframes pp-win {
 	0%   {transform: scale(0);}
	15%	 {transform: scale(0);}
	20%  {transform: scale(0);}
	35%  {transform: scale(0);}
	40%  {transform: scale(0);}
	55%  {transform: scale(0);}
	60%  {transform: scale(0.06);}
	75%  {transform: scale(0.06);}
	80%  {transform: scale(0);}
	95%  {transform: scale(0);}
	100% {transform: scale(0);}
}



li.party ul.run-number {
	float: left;
	width: 10%;
	font-size: 10px;
	overflow: hidden;
	max-height: 70px;
}

li.party ul.run-number li {
	text-align: right;
}

li.party .run-circle {
	float: left;
	width: 21.875%;
	overflow: hidden;
}


li.party .existence {
	float: left;
	width: 5%;
}


li.party .win-circle {
	float: left;
	width: 21.875%;
	min-width: 70px;
	overflow: hidden;
}


li.party ul.win-number {
	float: left;
	width: 10%;
	font-size: 10px;
	max-height: 70px;	
}


li.party ul.percent {
	float: left;
	width: 11.25%;
	font-size: 12px;
	font-weight: 500;
	text-align: right;
	overflow: hidden;
	max-height: 70px;
}



#toggle {
	position: absolute;
	top: 4px;
	left: 2px;
	width: 24px;
	height: 24px;
	opacity: 0.6;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEUAAACZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkQAAACvm9BgAAAAGXRSTlMAHWCYwOb0F3PRHpb3B3v2KNJVbf3lcK/Q6DjffwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAD6SURBVEjHlVbVEsQgENsaddf8/48e9GSOGiRPO5AwwKrIEUEYxYkCVBJHYSAOpFkOC3mWPtCLssIJVVnc0OumxSXapr7idz1u0Xdn/qDwADUc+eOER0zjgQ8nLMUwuQXT36065ebrd/xeXvc+fP1X399t/PhA8/Fv6yto3z4vfflAucebHT/zorEaazXWbG1WJhIz+5DNHLIYazHWZu9meilnBLnOFzACBBJyglAiThBJzAliSThBIooTKAEnAC+gr0Q/mv5W2nF0aNDBR4c3n0B0itJFgC8zdCHjSyVdjPlyzzcUvmXxTZFvu3xjF3p02JsFN5zscIw/L4w0n20QOP+5AAAAAElFTkSuQmCC');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px;
	line-height: 32px;
	cursor: pointer;
	color: #782;
	transition: opacity .2s ease;
}

.resume {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAWlBMVEUAAACZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkSZqkQAAAA1cM7tAAAAHHRSTlMAHWCYwOb0F3PRHpb3B3v2KNJVbf2vQD8WugJ8SyMI2gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAEJSURBVEjHlZZXEsMgDETlAu7GLV33P2ccp0wMCLz7yeybWUBIENlK0ixXmlmrPEsTiqgoK96pKouAvW5adtQ2tWDvesNemb7z+YeRRY2D6580B6Qn2z8vHNQyW36OakdMSxxY/lINOu5f9/HbeTce8a9n9T3d/pifuf/crzkKmPedN/b6STyCZqu31l4+X5QAtK9KLJ3lM11vAlGuQOUB6P7wx6rW98I+gEiIlVAqAEKslDIJ8MfKKBcBb6ycVADwxFKkQ4AbSxMHATcWDsCR4E3DxwpfHFwacPHB5Y0/IPiJwk0AbzNwI8NbJdyM8XaPDxR8ZOFDER+7+GAn+OuwDQvsc7Ip8v15AoIKtBc51xJtAAAAAElFTkSuQmCC') !important;
}

#toggle:hover {
	opacity: 0.8;
	transition: opacity .2s ease;
}

.years {
	position: absolute;
	top: 0;
	left: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	width: 56px;
	height: 32px;
	background: rgba(237,239,226,0.9);
	padding-left: 12px;
}

.year-slide {
	float: left;
	width: 0;
	line-height: 32px;
	font-family: Menlo, Courier, mono, fixed;
	font-weight: 700;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	-webkit-animation-duration: 16s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-duration: 16s;
}



.year-1999 {
	-webkit-animation-name: xfade-1999;
	animation-name: xfade-1999;
}
.year-2003 {
	-webkit-animation-name: xfade-2003;
	animation-name: xfade-2003;
}
.year-2007 {
	-webkit-animation-name: xfade-2007;
	animation-name: xfade-2007;
}
.year-2011 {
	-webkit-animation-name: xfade-2011;
	animation-name: xfade-2011;
}
.year-2015 {
	-webkit-animation-name: xfade-2015;
	animation-name: xfade-2015;
}


.text-slide {
	float: left;
	width: 100%;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 16s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 16s;
}	

.run-1999,
.win-1999,
.rate-1999 {
	-webkit-animation-name: xfade-1999;
	animation-name: xfade-1999;
}
.run-2003,
.win-2003,
.rate-2003 {
	-webkit-animation-name: xfade-2003;
	animation-name: xfade-2003;
	-webkit-transform: translate(0,-100%);
	transform: translate(0,-100%);
}
.run-2007,
.win-2007,
.rate-2007 {
	-webkit-animation-name: xfade-2007;
	-webkit-transform: translate(0,-200%);
	animation-name: xfade-2007;
	transform: translate(0,-200%);
}
.run-2011,
.win-2011,
.rate-2011 {
	-webkit-animation-name: xfade-2011;
	-webkit-transform: translate(0,-300%);
	animation-name: xfade-2011;
	transform: translate(0,-300%);
}
.run-2015,
.win-2015,
.rate-2015 {
	-webkit-animation-name: xfade-2015;
	-webkit-transform: translate(0,-400%);
	animation-name: xfade-2015;
	transform: translate(0,-400%);
}


@-webkit-keyframes xfade-1999 {
 	0%   {opacity: 1;}
	15%	 {opacity: 1;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes xfade-2003 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 1;}
	35%  {opacity: 1;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes xfade-2007 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 1;}
	55%  {opacity: 1;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes xfade-2011 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 1;}
	75%  {opacity: 1;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 0;}
}
@-webkit-keyframes xfade-2015 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes xfade-1999 {
 	0%   {opacity: 1;}
	15%	 {opacity: 1;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes xfade-2003 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 1;}
	35%  {opacity: 1;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes xfade-2007 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 1;}
	55%  {opacity: 1;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes xfade-2011 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 1;}
	75%  {opacity: 1;}
	80%  {opacity: 0;}
	95%  {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes xfade-2015 {
 	0%   {opacity: 0;}
	15%	 {opacity: 0;}
	20%  {opacity: 0;}
	35%  {opacity: 0;}
	40%  {opacity: 0;}
	55%  {opacity: 0;}
	60%  {opacity: 0;}
	75%  {opacity: 0;}
	80%  {opacity: 1;}
	95%  {opacity: 1;}
	100% {opacity: 0;}
}



#article {
	float: right;
	width: 62.5%;
	max-width: 600px;
	height: 100%;
	overflow: hidden;
}

#article p {
	color: #444;
	text-align: justify;
	margin-bottom: 20px;
}
#article p a {
	font-weight: 500;
}
#article p.note {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-size: 14px;
	line-height: 150%;
	color: #999;
}



#credits {
	clear: both;
	max-width: 960px;
	text-align: center;
	background: rgba(237,239,226,0.8);
	padding: 16px 0;
	margin: 20px auto 0;
}
#credits ul {
	font-size: 14px;
	line-height: 160%;
	color: #999;
}
#credits ul li {
	padding: 0 16px;
}
#credits strong {
	color: #999;
}

footer {
	clear: both;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0 40px;
	display: block;
	font-family: "Palatino", serif;
	font-size: 14px;
	text-align: center;
	color: #999;
}


/*******************************
	iPhone
*******************************/
@media only screen
and (min-width: 320px)
and (max-width: 480px) {
body {}

#wrapper {
	padding-top: 40px;
}

.headers-m {
	display: block;
}

.years-m {
	position: fixed;
	top: 40px;
	left: auto;
	width: 56px;
	height: 32px;
	text-align: center;
	background: rgba(237,239,226,0.9);
	padding-left: 12px;
	display: block;
}

#animation {
	float: none;
	width: 100%;
	margin: 0 auto;
}

#article {
	float: none;
	width: 100%;
	margin: 40px auto;
	padding: 0 16px;
}

.summary {
	padding: 0 16px;
}

#toggle {
	display: none;
}

.years {
	left: 0px;
}

li.party ul.percent {
	text-align: left;
}


}