div#main h1 {
	width: 348px;
	height: 70px;
	background: url(../images/title/classes.png) no-repeat;
}
div#groups {
	width: 940px;
	margin: 0 auto;
}
div.group {
	width: 229px;
	height: 540px;
	margin: 0 3px;
	float: left;
	overflow: hidden;
}
div.group img {
	display: block;
	margin-bottom: 15px;
	left: 0;
}
div.group:hover img {
	margin-left: -100%;
}
div.group:hover a {
	display: block;
}
div.group a {
	color: #ea8a03;
	font: 18px '微軟正黑體';
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	display: none;
}
div.group a:hover {
	color: #fff;
	text-decoration: underline;
}
div#text {
	width: 980px;
	min-height: 610px;
	margin: 0 auto;
}
div.text {
	width: 500px;
	float: left;
}
div.text img {
	/*width: 500px;*/
	float: left;
}
div.links {
	width: 455px;
	/*height: 21px;*/
	float: right;
	color: #ea8a03;
	font: 12px '微軟正黑體';
	text-align: right;
	line-height: 21px;
}
div.links a {
	color: #ea8a03;
	text-decoration: none;
}
div.links a:hover {
	color: #fff;
	text-decoration: none;
}
@-webkit-keyframes entry {
	0% {color: #ea8a03;}
	100% {color: #ffffff;}
}
@-moz-keyframes entry {
	0% {color: #ea8a03;}
	100% {color: #ffffff;}
}
@keyframes entry {
	0% {color: #ea8a03;}
	100% {color: #ffffff;}
}
div.links a.entry {
	font-size: 38px;
	font-weight: 700;
	line-height: 38px;
	display: block;
	float: left;
	-webkit-animation: entry 0.6s ease-out 1s infinite alternate;
	-moz-animation: entry 0.6s ease-out 1s infinite alternate;
	animation: entry 0.6s ease-out 1s infinite alternate;
}
div.pics {
	width: 455px;
	float: right;
}
div.pics img {
	width: 455px;
	position: absolute;
}