body {
	background-color: #f0f0f0;
}
body #container {
	font-size: 1em;
	background-color: #ffffff;
	padding: 8px;
}

#quotation {
	border: 1px solid #cccccc;
	border-radius: 2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	padding: 8px;
	margin-bottom: 1em;
	background-color: #f0f0f0;
}
#quotation_note {
	border: 1px solid #cccccc;
	border-radius: 2px;
	padding: 8px;
	background-color: #ffffff;
	margin-bottom: 0.75em;
}

#select_group {
    margin: 2px;
	display: inline-block;
}
#select_team {
    margin: 2px;
	display: inline-block;
}
#select_generation {
    margin: 2px;
	display: inline-block;
}
#select_alphabet {
    margin: 2px;
	display: inline-block;
}

.filter_button {
	min-width: 160px;
	padding: 0px 2px 0px 2px;
	margin: 2px;
	background-color: #f0f0f0;
	box-shadow: 1px 1px 2px 0px #999999;
	position: relative;
	top: 0px;
	left: 0px;
}
.filter_button:active {
	min-width: 160px;
	padding: 0px 2px 0px 2px;
	margin: 2px;
	background-color: #f0f0f0;
	box-shadow: 0px 0px 0px 0px #999999;
	top: 1px;
	left: 1px;
}

#snh48 {
	line-height: 1em;
	background-color: rgba(170, 216, 239, 0.5);
}
#bej48 {
	line-height: 1em;
	background-color: rgba(249, 183, 202, 0.5);
}
#gnz48 {
	line-height: 1em;
	background-color: rgba(179, 204, 102, 0.5);
}
#shy48 {
	line-height: 1em;
	background-color: rgba(255, 51, 238, 0.5);
}

#teamsii {
	line-height: 1em;
	background-color: rgba(170, 216, 239, 0.5);
}
#teamnii {
	line-height: 1em;
	background-color: rgba(212, 190, 218, 0.5);
}
#teamhii {
	line-height: 1em;
	background-color: rgba(255, 174, 51, 0.5);
}
#teamx {
	line-height: 1em;
	background-color: rgba(194, 255, 52, 0.5);
}
#teamxii {
	line-height: 1em;
	background-color: rgba(54, 252, 166, 0.5);
}
#teamb {
	line-height: 1em;
	background-color: rgba(249, 183, 202, 0.5);
}
#teame {
	line-height: 1em;
	background-color: rgba(180, 238, 236, 0.5);
}
#teamj {
	line-height: 1em;
	background-color: rgba(186, 221, 249, 0.5);
}
#teamg {
	line-height: 1em;
	background-color: rgba(179, 204, 102, 0.5);
}
#teamniii {
	line-height: 1em;
	background-color: rgba(255, 230, 102, 0.5);
}
#teamz {
	line-height: 1em;
	background-color: rgba(243, 165, 181, 0.5);
}
#teamsiii {
	line-height: 1em;
	background-color: rgba(255, 51, 238, 0.5);
}
#teamhiii {
	line-height: 1em;
	background-color: rgba(170, 89, 217, 0.5);
}
#teamc {
	line-height: 1em;
	background-color: rgba(147, 117, 74, 0.5);
}
/*------------------------------*/
/* For mobile phone             */
/*------------------------------*/
@media only screen and (max-device-width: 960px) {

	body #container {
		width: 100%;
    	font-size: 2em;
	}

	#select_group {
    	margin: 2px;
		display: inline-block;
    	font-size: 1em;
	}
	#select_team {
	    margin: 2px;
		display: inline-block;
    	font-size: 1em;
	}
	#select_generation {
	    margin: 2px;
		display: inline-block;
    	font-size: 1em;
	}
	#select_alphabet {
	    margin: 2px;
		display: inline-block;
    	font-size: 1em;
	}
}