@charset "utf-8";

div#mainImg {
	background: #3f6163;
	padding: 7px 6px 0 8px;
}
div#mainImg h2 {
	background: #fff;
	height: 224px;
	padding: 5px 6px 0 6px;
}
* html div#mainImg h2 {
	padding-bottom: 5px;
}
div#mainImg dl.news {
	padding: 16px 0 0 12px;
}
div#mainImg dl.news dd {
	min-height: 135px;
	padding: 5px 5px 15px 0;
	position: relative;
	width: 627px;
}
* html div#mainImg dl.news dd {
	height: 152px;
}
div#mainImg dl.news dd ul.newsList li {
	clear: both;
	padding-top: 6px;
	width: 399px;
}
div#mainImg dl.news dd ul.newsList li p.date {
	float: left;
	font-weight: bold;
	width: 80px;
}
div#mainImg dl.news dd ul.newsList li p.text {
	float: left;
	width: 309px;
}
div#mainImg dl.news dd ul.newsList li p.yellow {
	color: #ffcb2e;
}
div#mainImg dl.news dd ul.newsList li p.pink {
	color: #ff81b6;
}
div#mainImg dl.news dd ul.newsList li p.blue {
	color: #8bd3ff;
}
div#mainImg dl.news dd ul.newsList li p.text a {
	color: #fff;
	text-decoration: none;
}
div#mainImg dl.news dd ul.newsList li p.text a:hover {
	text-decoration: underline;
}
div#mainImg dl.news dd ul.introduction li.learn {
	position: absolute;
	right: 91px;
	top: -52px;
}
* html div#mainImg dl.news dd ul.introduction li.learn {
	right: 85px;
}
div#mainImg dl.news dd ul.introduction li.learn a {
	background: url("../images/learnBtn.jpg") no-repeat;
	width: 142px;
	height: 154px;
}
div#mainImg dl.news dd ul.introduction li.learn a:hover {
	background-position: 0 -154px;
}
div#mainImg dl.news dd ul.introduction li.instruct {
	position: absolute;
	right: -24px;
	top: -40px;
}
* html div#mainImg dl.news dd ul.introduction li.instruct {
	right: -30px;
}
div#mainImg dl.news dd ul.introduction li.instruct a {
	background: url("../images/instructBtn.jpg") no-repeat;
	width: 115px;
	height: 151px;
}
div#mainImg dl.news dd ul.introduction li.instruct a:hover {
	background-position: 0 -151px;
}
div#mainImg dl.news dd p.newsImg {
	position: absolute;
	bottom: 0;
	left: -26px;
	vertical-align: bottom;
}

div#main div#banner img {
	margin-top:15px;
	margin-bottom:15px;
}

div#main div#start {
	width: 667px;
	margin-top: 5px;
	background: url("../images/startBg.gif") repeat-y;
}
div#main div#start dl.course dt {
	padding: 11px 0 5px 159px;
}
div#main div#start dl.course dd ul li.course01 {
	width: 297px;
	padding: 0 28px 0 28px;
	float: left;
}
div#main div#start dl.course dd ul li.course01 p.btn {
	padding: 8px 0 0 16px;
}
div#main div#start dl.course dd ul li.course01 p.btn a {
	background: url("../images/course01.gif") no-repeat;
	height: 69px;
	width: 272px;
}
div#main div#start dl.course dd ul li.course02 {
	width: 272px;
	float: left;
}
div#main div#start dl.course dd ul li.course02 p {
	padding-left: 2px;
}
div#main div#start dl.course dd ul li.course02 p.btn {
	padding: 8px 0 0 0;
}
div#main div#start dl.course dd ul li.course02 p.btn a {
	background: url("../images/course02.gif") no-repeat;
	height: 69px;
	width: 272px;
}
div#main div#start dl.course dd ul li p.btn a:hover {
	background-position: 0 -69px;
}
div#main div#start dl.study dt {
	clear: both;
	padding: 28px 0 12px 14px;
}
div#main div#start dl.study dd ul {
	margin: 0 15px;
	padding: 0;
}
*:first-child + html div#main div#start dl.study dd ul {
	padding-bottom: 11px;
}
div#main div#start dl.study dd ul li {
	width: 205px;
	height: 150px;
	margin: 0 11px 11px 0;
	float: left;
	display: inline;
	background: url("../images/startListBg.gif") left top no-repeat;
}
div#main div#start dl.study dd ul li.right {
	margin-right: 0;
}
div#main div#start dl.study dd ul li img {
	margin-top: 5px;
}
div#main div#start dl.study dd ul li p {
	padding: 10px 0 0 32px;
}
div#main div#start dl.study dd ul li p a {
	width: 148px;
	height: 25px;
}
div#main div#start dl.study dd ul li p a {
	background: url("../images/startBtn.gif") no-repeat;
}
div#main div#start dl.study dd ul li p a:hover {
	background-position: 0 -25px !important;
}



/* =========================================== *
 *	clearfix
 * =========================================== */

div#mainImg dl.news dd ul.newsList li,
div#main div#start dl.study dd ul,
div#main div#start dl.course dd ul {
	height: 1%;
	display: inline-table;
}

/* Hides from IE-mac \*/
* html div#mainImg dl.news dd ul.newsList li,
* html div#main div#start dl.study dd ul,
* html div#main div#start dl.course dd ul {
	height: 1%;
}
div#mainImg dl.news dd ul.newsList li,
div#main div#start dl.study dd ul,
div#main div#start dl.course dd ul {
	display: block;
}
/* End hide from IE-mac */

div#mainImg dl.news dd ul.newsList li:after,
div#main div#start dl.study dd ul:after,
div#main div#start dl.course dd ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}