/* CSS Document */

/* Layout */
body {background-color:#ccc; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
#outframe {
	position:absolute; width:960px; height:620px; top:50%; left:50%; margin-top:-310px; margin-left:-480px;
	color:#666; font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	background-color:#fff; border:solid 1px #ddd; box-shadow:0px 0px 6px #666;
	cursor:default;
}	



/* Index */
#outframe #index {
	position:absolute; width:960px; height:440px; bottom:0px; left:0px; background-color:rgba(102,153,153,0.1);
	color:#366; font-family:"Archivo Narrow";
	overflow:hidden;
}
#outframe #index .section {
	width:260px; height:350px; top:25px; padding-left:30px; padding-right:30px;
	position: absolute; 
	font-size:20px; 
	border-left:1px dotted #669999;
}
#outframe #index .section li {font-weight: normal; font-size:17px; line-height:25px; margin-top:10px; cursor:pointer; }

#outframe #index .section li:hover { color:#c00; }
#outframe #index .section li:out { color:#366; }



/* Page */
#outframe #page {
	position:absolute; width:960px; height:620px; left:0px; background-color:#fff;
	color:#366; font-family:"Archivo Narrow";
	overflow:hidden;
	-webkit-transition:top 500ms;
	-moz-transition:top 500ms
}




/* predefined style */

/* main title */
h1 {font-family:"Julius Sans One"; font-weight: normal; font-size:35px; margin-top:0px; line-height:45px; padding-left:20px; padding-top:30px; border-top:solid 30px rgba(102,153,153,0.6); color:#366; }





/* about */
#outframe #about {
	position:absolute; width:920px; height:400px; bottom:0px; left:0px; background-color:rgba(102,153,153,0.1);
	color:#366; font-family:"Quando"; padding:20px; line-height:25px; font-size:14px;
	overflow:hidden;
}