﻿#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:20%;
	line-height:50px;
	opacity:0.5;
}
#menu li:hover{
	background:#f7f7f7;
	cursor:pointer;
	color:#000;
	opacity:1;
}
div{
	margin:15px auto;	
}
body,html{
	background:#f7f7f7;	
}

#reportbox{
	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);
	
	margin-top:70px;
	padding:50px;
}



ul{
	list-style:none;
	margin:0px;
	padding:0px;	
}
.iqlevel{
	list-style:none;
	height:30px;
	line-height:30px;
	text-align:center;	
}
.iqlevel_0{
	background:#fff;
}
.iqlevel_1{
	background:#eee;
}
.iqlevel_2{
	background:#666;
	color:#fff;
}
.iqlevel_3{
	background:#44f;
	color:#fff;
}
.iqlevel_4{
	background:#0a0;
	color:#fff;
}
.iqlevel_5{
	background:#fc0;
	color:#fff;
}
.iqlevel_6{
	background:#f60;
	color:#fff;
}
.iqleveltext_0{
	color:#000;
}
.iqleveltext_1{
	color:#eee;
}
.iqleveltext_2{
	color:#666;
}
.iqleveltext_3{
	color:#44f;
}
.iqleveltext_4{
	color:#0a0;
}
.iqleveltext_5{
	color:#fc0;
}
.iqleveltext_6{
	color:#f60;
}
.title{
	color:#390;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}


#myresult{
	width:100%;
	padding:10px;
	border:1px solid #fff;
}
#mymemo{
	color:#666;	
}
#mypoint{
	color:#390;
	font-size:96px;
	font-weight:bold;
	text-align:center;
}
#myresult span{
	width:100%;
	display:block;
	text-align:center;
	color:#aaa;
}
#mylevelbox{
	margin:50px auto;	
}
#mylevel{
	font-size:42px;
	font-weight:bold;
	text-align:center;
}


#mysort{
	color:#F90;
	font-size:96px;
	font-weight:bold;
	text-align:center;
}
#mysuccess{
	color:#F90;
	font-size:32px;
	font-weight:bold;
	text-align:center;
}
#myresulttitle{
	font-size:14px;
	text-align:center;
	color:#aaa;	
}
#poweredby{
	text-align:center;
	height:100px;
	line-height:100px;	
}
#hostorydata{
}
.hostoryiqrecord li{

	
}
#statbox{
}
#chartbox{
}
#datatable{
}
.line{
	border:1px solid #aaa;	
}
.xline{
	border:1px dotted #fff;
	margin:50px auto;
}
.table{
	width:100%;	
}
#sharebox{
	text-align:center;
	border:1px solid #fff;
	height:80px;
}
#baidushare{
		text-align:center;
		border:1px solid #fff;
		height:80px;
}
.iqleveltitle{
	list-style:none;
	font-weight:bold;
	text-align:center;
	color:#aaa;
	border-bottom:1px solid #aaa;	
}
#comment{
	margin-top:100px;	
}
caption{
	text-align:center;
	color:#aaa;	
}
.sex0{
	color:#009;	
}
.sex1{
	color:#F3C;	
}

.answermemo
{
	font-size:18px;
	text-align:center;
	padding:10px;
	display:block;
}

.answermemo i{
	font-size: 48px;
	color:chartreuse;
}