body{
	font-family: LiHei Pro, ·L³n¥¿¶ÂÅé, Microsoft JhengHei, MHei, Hei, Verdana, Geneva, sans-serif;
	box-sizing: border-box;
}

p{
	text-align: justify;
}

.frame{
	border-color: DarkGray;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	padding: 3px;
}

canvas#can-timeline{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

div#timeline{
	margin: 10px 15px 0 15px;
	position: relative;
	height: 600px;
	width: 588px;
}

div#stage{
	position: absolute;
	width: 94%;
	left: 3%;
	height: 405px;
	top: 0px;
	perspective: 100px;
	-webkit-perspective: 100px;
}

div[role]{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 20px 25px;
	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0px 0px 3px gray, 0px 3px 4px dimgray;
	background-color: white;
	box-sizing: border-box;
}

div[role] p{
	font-size: 17px;
}

div[role].hide{
	visibility: hidden;
}

ul.nobel-prize{
    list-style-image: url('nobel_prize.png');
	font-size: 15px;
}

ul.nobel-prize li{
    text-align: justify;
	padding-left: 8px;
	font-size: 16px
}

div.figure img{
	width: 100%;
}

div.figure p{
	margin-top: 10px;
	text-align: justify;
	font-size: 15px;
}