@charset "utf-8";
#mainContainer #topplayer {
	background-color: #ffd972;
	padding: 10px;
	height: 270px;
}
#topplayer #topleft {
	background-color: #cbc76f;
	float: left;
	height: 270px;
	width: 210px;
	color: #333;
}
#topleft .topTitle {
	font-family: Arial, "微软雅黑", "黑体";
	font-size: 16px;
	line-height: 35px;
	font-weight: bold;
	padding-left: 10px;
}
#topleft #nowplayingT {
	background-color: #f36f21;
	color: #FF3;
}
#topleft #nowplayingVT {
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#topleft #nowplayingDesc {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	height: 60px;
	overflow: hidden;
	position: relative;
}
#topleft #nowplayingDesc .more {
	background-color: #CBC76F;
	padding-left: 10px;
	bottom: 0px;
}

.more {
	position: absolute;
	right: 5px;
	bottom: 5px;
	white-space: nowrap;
}
.more a {
	color: #4f7618;
	font-weight: bold;
	text-decoration: underline;
}
.more a:hover {
	color: #FFF;
	background-color: #333;
}
.more a:visited {
	color: #4f7618;
}
#topleft #videoclass {
	color: #333;
	background-color: #f36f21;
	margin-top: 10px;
}
#topleft #videoclassDesc {
	padding: 9px;
	height: 75px;
	position: relative;
}
#topleft #videoclassDesc ul .aVideoClass {
	list-style-position: inside;
	list-style-type: none;
	float: left;
	width: 95px;
}
#topleft #videoclassDesc ul .aVideoClass a {
	color: #F30;
	line-height: 25px;
	font-weight: bold;
}
#topleft #videoclassDesc ul .aVideoClass a:hover {
	color: #FFF;
	background-color: #333;
}
#topplayer #playerC {
	float: left;
	height: 270px;
	width: 480px;
	padding-right: 12px;
	padding-left: 12px;
	overflow: hidden;
	position: relative;
}
#playerC #theplayer {
	height: 270px;
	width: 480px;
	overflow: hidden;
}
#playerC #theplayer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 23px;
	font-weight: bold;
	color: #666;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#playerC #theplayer p a {
	color: #900;
}


#topplayer #topright {
	float: right;
	width: 205px;
	overflow: hidden;
	height: 270px;
}
#topright #suggestvideoTitle {
	font-family: Arial, "微软雅黑", "黑体";
	font-size: 16px;
	line-height: 35px;
	font-weight: bold;
	padding-left: 10px;
	background-color: #ebef90;
	color: #333;
}
#topright #indexvideos {
	padding-top: 10px;
	position: relative;
	height: 200px;
	overflow: hidden;
}
#topright #indexvideos #videosList {
	position: absolute;
	width: 836px;
	top: 10px;
	height: 200px;
}
#indexvideos #videosList .avideo {
	width: 92px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

#topright #indexvideos #videosList .avideoIMG {
	height: 65px;
	width: 92px;
}
#topright #indexvideos #videosList .avideoName {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	height: 25px;
	width: 92px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 8px;
}
#topright #indexvideos #videosList .avideoName a {
	color: #333;
}
#topright #indexvideos #videosList .avideoName a:hover {
	color: #F30;
}
#topright #indexvideos #videosList .avideoName a:visited {
	color: #333;
}
#topright #videosBar {
	height: 18px;
	width: 108px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-bottom: 4px;
}
#videosBar ul .videoBar {
	float: left;
	height: 18px;
	width: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #333;
	list-style-position: inside;
	list-style-type: none;
}
#videosBar #videoBarLeft {
	background-color: #FFD972;
	background-image: url(../images/index/indexbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}
#videosBar #videoBarRight {
	background-color: #FFD972;
	background-image: url(../images/index/indexbg.jpg);
	background-repeat: no-repeat;
	background-position: -18px 0px;
	cursor: pointer;
}
#mainContainer #ads {
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 60px;
}
#ads .gAD468X60 {
	float: left;
	height: 60px;
	width: 468px;
	padding-right: 1px;
	padding-left: 1px;
}
/*=======================================*/
#mainContainer #mainpage {
	background-color: #FFF;
	padding: 10px;
	height: auto;
}
/*=======================================*/
#mainpage #mainleft {
	float: left;
	width: 210px;
}
#mainleft #trainingguide {
	background-color: #f5f7c7;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
#trainingguide #trainingclass {
	padding: 8px;
}
#trainingguide #trainingclass .fatherclass {
	font-family: Arial, "微软雅黑", "黑体";
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	clear: left;
	cursor: pointer;
}
#trainingguide #trainingclass .subclass {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	float: left;
	width: 194px;
}
#trainingguide #trainingclass .subclass .asubclass {
	font-size: 13px;
	line-height: 20px;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}
#trainingguide #trainingclass .subclass a {
	color: #4f7618;
	white-space: nowrap;
}
#trainingguide #trainingclass .subclass a:hover {
	color: #FFF;
	background-color: #333;
}
#trainingguide #trainingclass .subclass a:visited {
	color: #4f7618;
}
.trainingclass {
	padding: 6px;
	width: 230px;
	position: absolute;
	border: 2px solid #ffd972;
	background: #f5f7c7;
	font-family: Arial, Helvetica, sans-serif;
}
.trainingclass .atrainingclass {
	list-style-type: none;
	width: 105px;
	float: left;
	padding-right: 10px;
}
.trainingclass .atrainingclass a {
	color: #4f7618;
	white-space: nowrap;
	width: 100px;
	font-weight: bold;
	line-height: 20px;
}
.trainingclass .atrainingclass a:hover {
	color: #FFF;
	background-color: #333;
}
.trainingclass .atrainingclass a:visited {
	color: #4f7618;
}
/*=======================================*/
#mainpage #mainright {
	float: right;
	height: auto;
	width: 210px;
	background-color: #f5f7c7;
}
#mainright #goldschool {
	float: left;
	width: 210px;
	position: relative;
}

#goldschool #schoollogos {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#mainright #goldschool #schoollogos .aLogo {
	display: inline;
	margin: 2px;
	float: left;
	height: 45px;
	width: 98px;
	border: 1px solid #CCC;
	overflow: hidden;
}
.viewmore  {
	height: 25px;
	width: 210px;
	overflow: hidden;
	float: left;
}
.viewmore .more {
	float: right;
	position: static;
	padding-top: 5px;
}

#mainright #newschool {
	float: left;
	width: 210px;
}
#newschool #newschools {
	padding: 8px;
	float: left;
}
#newschool #newschools .anewschool {
	height: 32px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#newschool #newschools .anewschool .anewschoolIMG {
	float: left;
	height: 30px;
	width: 30px;
	border: 1px solid #CCC;
}
#newschool #newschools .anewschool .anewschoolNAME {
	font-size: 13px;
	font-weight: bold;
	width: 155px;
	overflow: hidden;
	line-height: 32px;
	padding-left: 5px;
	height: 32px;
	float: left;
}
#newschool #newschools .anewschool .anewschoolNAME a {
	color: #333;
}
#newschool #newschools .anewschool .anewschoolNAME a:hover {
	color: #4f7618;
}
#newschool #newschools .anewschool .anewschoolNAME a:visited {
	color: #333;
}
#mainright #downloadList {
	float: left;
	width: 210px;
}
#downloadList #downloads {
	float: left;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#downloadList #downloads .aDownload  {
	float: left;
	height: 58px;
	width: 58px;
	border: 1px solid #CCC;
	display: inline;
	margin: 4px;
	overflow: hidden;
}

#mainpage #mainX {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#mainX #suggestTraining {
	width: 480px;
	position: relative;
	overflow: hidden;
}
#suggestTraining .nametitle .suggestTrainingS {
	font-size: 13px;
	color: #666;
	white-space: nowrap;
	float: right;
	cursor: pointer;
}
#suggestTraining .nametitle .suggestTrainingSs {
	font-size: 13px;
	color: #666;
	text-align: center;
	float: right;
	width: 15px;
	font-weight: normal;
}
#suggestTraining #TrainingList {
	width: 460px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	overflow: hidden;
	position: relative;
	height: 616px;
}
#TrainingList .aTrainingList {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 18px;
	width: 460px;
	position: absolute;
	left: 10px;
	top: 6px;
	height: 616px;
}
#TrainingList .showingTrainingList {
	top: 6px;
}

#TrainingList .hiddenTrainingList {
	left: -460px;
	top: 6px;
}

.aTrainingList a {
	color: #c62c0a;
	font-weight: bold;
}
.aTrainingList a:hover {
	color: #4f7618;
}
.aTrainingList a:visited {
	color: #c62c0a;
}
.aTrainingList .atraining {
	width: 460px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 4px;
}
.aTrainingList .atraining .trainingname {
	height: 25px;
	width: 460px;
	overflow: hidden;
	line-height: 25px;
}
.aTrainingList .atraining .trainingschool {
	height: 18px;
	width: 460px;
	overflow: hidden;
}
.aTrainingList .atraining .trainingdesc {
	height: 36px;
	width: 460px;
	overflow: hidden;
}
#mainX #news {
	height: auto;
	width: 480px;
	position: relative;
}
#news .nametitle .newsSubClass0 {
	float: right;
	width: 15px;
}
#news .nametitle .newsSubClass {
	font-size: 13px;
	line-height: 35px;
	font-weight: normal;
	float: right;
	cursor: pointer;
}
#news .nametitle .newsSubClass2 {
	font-size: 13px;
	line-height: 35px;
	text-align: center;
	width: 10px;
	float: right;
}
#news #newsPanels {
	position: relative;
	height: 160px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	width: 464px;
	overflow: hidden;
}
#newsPanels .newsPanelsContent  {
	width: 464px;
	position: absolute;
	left: 8px;
	top: 4px;
	height: 160px;
	filter:  progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	ZOOM: 1;
}
#newsPanels .showingNewsSubClass {
	opacity: 1;
}
#newsPanels .hiddenNewsSubClass {
	opacity: 0;
	display: none;
}
#newsPanels .newsPanelsContent a{
	color: #333;
}
#newsPanels .newsPanelsContent a:hover {
	color: #4f7618;
}
#newsPanels .newsPanelsContent a:visited {
	color: #333;
}

#news .thetopnews {
	float: left;
	width: 228px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-right: 3px;
	font-family: Verdana, Geneva, sans-serif;
}
.thetopnews .topnewsT {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	width: 225px;
	overflow: hidden;
}
.thetopnews .topnewsDesc {
	font-size: 12px;
	line-height: 20px;
	color: #666;
	height: 40px;
	overflow: hidden;
	margin-bottom: 8px;
	width: 225px;
}
.newslist {
	font-size: 13px;
	line-height: 23px;
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	width: 223px;
	padding-left: 5px;
	height: 23px;
	overflow: hidden;
	list-style-type: none;
	color: #c62c0a;
	padding-right: 4px;
}