.art {
	background-color: #D5EC90;
	color: #000000;
}
.art:hover {
	background-color: #99CC00;
	color: #000000;
}
.Art {
	background-color: #D5EC90;
	color: #000000;
}
.Art:hover {
	background-color: #99CC00;
	color: #000000;
}
.Bus {
	background-color: #C9DAFB;
	color: #000000;
}
.Bus:hover {
	background-color: #6699FF;
	color: #000000;
}
.bus {
	background-color: #C9DAFB;
	color: #000000;
}
.bus:hover {
	background-color: #6699FF;
	color: #000000;
}
.Che {
	background-color: #FFE7FF;
	color: #000000;
}
.Che:hover {
	background-color: #FFCCFF;
	color: #000000;
}
.chem {
	background-color: #FFE7FF;
	color: #000000;
}
.chem:hover {
	background-color: #FFCCFF;
	color: #000000;
}
.Cul {
	background-color: #FCDDC4;
	color: #000000;
}
.Cul:hover {
	background-color: #FAC090;
	color: #000000;
}
.cul {
	background-color: #FCDDC4;
	color: #000000;
}
.cul:hover {
	background-color: #FAC090;
	color: #000000;
}
.Ent {
	background-color: #FFFFC0;
	color: #000000;
}
.Ent:hover {
	background-color: #FFFF00;
	color: #000000;
}
.ent {
	background-color: #FFFFC0;
	color: #000000;
}
.ent:hover {
	background-color: #FFFF00;
	color: #000000;
}
.fad {
	background-color: #FED77A;
	color: #000000;
}
.fad:hover {
	background-color: #FED77A;
	color: #000000;
}
.Geo {
	background-color: #EEEEEE;
	color: #000000;
}
.Geo:hover {
	background-color: #FFFFFF;
	color: #000000;
}
.geo {
	background-color: #EEEEEE;
	color: #000000;
}
.geo:hover {
	background-color: #FFFFFF;
	color: #000000;
}
.His {
	background-color: #B6DDE8;
	color: #000000;
}
.hist:hover {
	background-color: #A5CCD7;
	color: #000000;
}
.hist {
	background-color: #B6DDE8;
	color: #000000;
}
.His:hover {
	background-color: #A5CCD7;
	color: #000000;
}
.Kid {
	background-color: #FCD5B4;
	color: #000000;
}
.Kid:hover {
	background-color: #EBC4A3;
	color: #000000;
}
.kids {
	background-color: #FCD5B4;
	color: #000000;
}
.kids:hover {
	background-color: #EBC4A3;
	color: #000000;
}
.Lan {
	background-color: #D0E2F4;
	color: #000000;
}
.Lan:hover {
	background-color: #8DB4E3;
	color: #000000;
}
.lang {
	background-color: #D0E2F4;
	color: #000000;
}
.lang:hover {
	background-color: #8DB4E3;
	color: #000000;
}
.Lei {
	background-color: #FED77A;
	color: #000000;
}
.Lei:hover {
	background-color: #FFC000;
	color: #000000;
}
.Lit {
	background-color: #FF836F;
	color: #000000;
}
.Lit:hover {
	background-color: #FF3300;
	color: #000000;
}
.lit {
	background-color: #FF836F;
	color: #000000;
}
.lit:hover {
	background-color: #FF3300;
	color: #000000;
}
.Mat {
	background-color: #BBFFA3;
	color: #000000;
}
.Mat:hover {
	background-color: #66FF33;
	color: #000000;
}
.mat {
	background-color: #BBFFA3;
	color: #000000;
}
.mat:hover {
	background-color: #66FF33;
	color: #000000;
}
.Mus {
	background-color: #7AACFE;
	color: #000000;
}
.Mus:hover {
	background-color: #0066FF;
	color: #000000;
}
.mus {
	background-color: #7AACFE;
	color: #000000;
}
.mus:hover {
	background-color: #0066FF;
	color: #FFFFFF;
}
.Nat {
	background-color: #00DDDD;
	color: #000000;
}
.Nat:hover {
	background-color: #00FFFF;
	color: #000000;
}
.nat {
	background-color: #00DDDD;
	color: #000000;
}
.nat:hover {
	background-color: #00FFFF;
	color: #000000;
}
.Phy {
	background-color: #9FFFD3;
	color: #000000;
}
.Phy:hover {
	background-color: #00FF99;
	color: #000000;
}
.Pol {
	background-color: #D4C2FE;
	color: #000000;
}
.Pol:hover {
	background-color: #9966FF;
	color: #000000;
}
.pol {
	background-color: #D4C2FE;
	color: #000000;
}
.pol:hover {
	background-color: #9966FF;
	color: #000000;
}
.pop {
	background-color: #D4C2FE;
	color: #000000;
}
.pop:hover {
	background-color: #9966FF;
	color: #000000;
}
.Rel {
	background-color: #FEC1FF;
	color: #000000;
}
.Rel:hover {
	background-color: #FF66FF;
	color: #000000;
}
.rel {
	background-color: #FEC1FF;
	color: #000000;
}
.rel:hover {
	background-color: #FF66FF;
	color: #000000;
}
.Sci {
	background-color: #BBFF99;
	color: #000000;
}
.Sci:hover {
	background-color: #99FF66;
	color: #000000;
}
.sci {
	background-color: #BBFF99;
	color: #000000;
}
.sci:hover {
	background-color: #99FF66;
	color: #000000;
}
.Spa {
	background-color: #9FBAFF;
	color: #000000;
}
.Spa:hover {
	background-color: #3366FF;
	color: #000000;
}
.spa {
	background-color: #9FBAFF;
	color: #000000;
}
.spa:hover {
	background-color: #3366FF;
	color: #000000;
}
.Spo {
	background-color: #FFFF66;
	color: #000000;
}
.Spo:hover {
	background-color: #EEEE33;
	color: #000000;
}
.spo {
	background-color: #FFFF66;
	color: #000000;
}
.spo:hover {
	background-color: #EEEE33;
	color: #000000;
}
.Tec {
	background-color: #F4D29C;
	color: #000000;
}
.Tec:hover {
	background-color: #E89E18;
	color: #000000;
}
.tec {
	background-color: #F4D29C;
	color: #000000;
}
.tec:hover {
	background-color: #E89E18;
	color: #000000;
}
.General {
	background-color: #69A75D;
	color: #000000;
}
.General:hover {
	background-color: #89C77D;
	color: #000000;
}












.fadeout img {
	height:150px;
	display:inline-block;
	border-radius:20px;
	opacity:1;
-webkit-animation: fadeout 1.3s;
   -moz-animation: fadeout 1.3s; 
	-ms-animation: fadeout 1.3s; 
	 -o-animation: fadeout 1.3s;  
		animation: fadeout 1.3s;
}
@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@-webkit-keyframes fadeout {
    from { opacity: 1;}
    to   { opacity: 0;}
}
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

@-o-keyframes fadeout {
    from { opacity: 1;}
    to   { opacity: 0; }
}
.fadein img {
	height:150px;
	display:inline-block;
	border-radius:20px;
	opacity: 1;
    -webkit-transition: opacity 1.3s ease-in-out;
    -moz-transition: opacity 1.3s ease-in-out;
    -o-transition: opacity 1.3s ease-in-out;
    -ms-transition: opacity 1.3s ease-in-out;    
    transition: opacity 1.3s ease-in-out;
}
.fadein:hover {
	opacity: 0.9;
}
.fadeout:hover {	
	opacity: 0.9;
}
#qinfo1, #qinfo2, #qinfo3, #qinfo4, #gqinfo1, #gqinfo2, #gqinfo3, #gqinfo4 {
	float:left;
	height:150px;
	width:160px;
	margin:0 40px;
}