body,html{
	background:#f7f7f7;	
}

.title{
	color:#390;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}


#menu{
	position:fixed;
	width:100%;
	margin:0px;
	top:0px;
	opacity:0.5;

}
#menu li{
	list-style:none;
	text-align:center;
	background:#000;
	color:#fff;
	height:50px;	
	float:left;
	width:25%;
	line-height:50px;
	opacity:0.5;
}
#menu li:hover{
	background:#f7f7f7;
	cursor:pointer;
	color:#000;
	opacity:1;
}


div{
	margin:15px auto;	
}

.ShadowBox{
	width:600px;
	margin:auto;
	background:#fff;
	min-height:500px;
	border:1px solid #fff;
		
	border:1px solid transparent;
	transition:border linear .2s,box-shadow linear 0.3s;
	-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
	outline:none;
	border-color:rgba(150,150,150,.75);
	box-shadow:0 0 8px rgba(150,150,150,.8);
	-moz-box-shadow:0 0 8px rgba(150,150,150,.5);
	-webkit-box-shadow:0 0 8px rgba(150,150,150,3);	

	padding:50px;	
	margin-top:1rem;
	min-height:0px;
}

#reportbox{
	margin-top:70px;
}




#myresultbox{
	text-align:center;
	color:#aaa;
}
#myresultbox div{
	margin-bottom:50px;
	border-bottom:1px dashed #eee;
}

#mypointvalue{
	color:#090;
	font-size:96px;
	font-weight:900;
}
#mylevelvalue{
	font-size:64px;	
}
#myresultbox span[level]{
	display:block;
}
#mysuccessvalue{
	font-size:76px;
	font-weight:900;	
}
#mylevelvalue{
	font-size:76px;	font-weight:900;	
}
#mysortvalue{
		font-size:76px;	font-weight:900;	
}

[level='0']{
	color:#3a3;	
}
[level='1']{
	color:#dddf0d;	
}
[level='2']{
	color:#f60;	
}
[level='3']{
	color:#df5353;	
}

#myresultbox span[class='cn']{
	display:block;
	font-size:32px;
	font-weight:bold;
}


.level_color_0{
	color:#3a3;
}
.level_color_1{
	color:#dddf0d;
}
.level_color_2{
	color:#f60;
}
.level_color_3{
	color:#df5353;
}


























.line{
	border:1px solid #aaa;
	margin-bottom:30px;
}
.xline{
	border:1px dotted #fff;
	margin:50px auto;
}

caption{
	text-align:center;
	color:#aaa;	
}
.sex0{
	color:#009;	
}
.sex1{
	color:#F3C;	
}

#poweredby{
	text-align:center;
	height:100px;
	line-height:100px;	
}