body {
	background: rgb(255, 255, 255); font: 11px/normal Arial; margin: 0px; padding: 0px; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
div.con {
	margin: 0px auto; width: 940px;
}
div#body {
	top: 100px; width: 940px; position: absolute;
}
div#contents {
	width: 940px;
}
.black {
	color: rgb(0, 0, 0) !important;
}
.white {
	color: rgb(255, 255, 255) !important;
}
.blue {
	color: rgb(51, 102, 153) !important;
}
.red {
	color: rgb(153, 0, 0) !important;
}
.maroon {
	color: rgb(102, 0, 0) !important;
}
.lightGray {
	color: rgb(204, 204, 204) !important;
}
.mediumGray {
	color: rgb(153, 153, 153) !important;
}
.normalGray {
	color: rgb(102, 102, 102) !important;
}
.darkGray {
	color: rgb(51, 51, 51) !important;
}
a {
	color: rgb(0, 0, 0); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
h1 {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
h2 {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
h3 {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
h4 {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
h5 {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
h6 {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
small {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
cite {
	margin: 0px 0px 15px; padding: 0px 0px 5px; border: currentColor; border-image: none;
}
h1 {
	font: bold 24px/1.4em Arial; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
h2 {
	font: bold 22px/1.4em Arial; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
h3 {
	font: bold 20px/1.4em Arial; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
h4 {
	font: bold 18px/1.4em Arial; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
h5 {
	font: bold 16px/1.4em Arial; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
h6 {
	font: bold 14px/1.4em Arial; color: rgb(0, 0, 0); font-size-adjust: none; font-stretch: normal;
}
p {
	margin: 0px 0px 10px; padding: 0px; color: rgb(0, 0, 0);
}
small {
	display: block;
}
cite {
	
}
.clear {
	margin: 0px; padding: 0px; clear: both;
}
.right {
	float: right !important;
}
.left {
	float: left !important;
}
.wrapper {
	margin: 0px auto; padding: 0px; width: 955px;
}
.wrapper-login {
	background: url("images/bg_login.jpg") no-repeat top; padding: 0px 32px; width: 536px; height: 326px; margin-top: 100px; margin-left: 30px;
}
.wrapper-login .header {
	background: none; width: 600px !important;
}
.wrapper-login p {
	font: 11px/normal Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
.header {
	background: rgb(0, 0, 0); width: 955px; height: 124px;
}
.wrapper-login label {
	margin: 0px 0px 10px; padding: 5px 0px 0px; width: 60px; color: rgb(153, 153, 153); float: left;
}
/*.wrapper-login input {
	margin: 0px 0px 10px; border: currentColor; border-image: none; width: 105px; height: 20px; float: left;
}*/
.wrapper-login input.login_send_button {
	background: rgb(151, 151, 151); width: 60px; height: 20px; color: rgb(255, 255, 255); text-transform: uppercase;
}
.bar-login {
	background: url("images/bar_login.jpg") no-repeat; left: 0px; top: 96px; width: 600px; height: 7px; position: relative;
}
.header h1.logo {
	margin: 0px 0px 0px 18px; width: 107px; height: 96px; position: absolute;
}
.header h1.logo a {
	background: url("images/logo.gif") no-repeat; width: 107px; height: 96px; text-indent: -5000px; overflow: hidden; display: block; cursor: pointer;
}
.header h2.slagon {
	background: url("images/slagon.gif") no-repeat; margin: 27px 0px 0px 135px; width: 234px; height: 15px; text-indent: -5000px; overflow: hidden; display: block; position: absolute;
}
.header ul.infos {
	margin: 0px; padding: 0px; float: right;
}
.header ul.infos li {
	margin: 38px 0px 0px; padding: 0px 12px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;
}
.header ul.infos li.last {
	padding: 0px 6px 0px 12px; border: currentColor; border-image: none;
}
.header ul.infos li a {
	color: rgb(255, 255, 255);
}
.header ol.menu {
	list-style: none; margin: 0px; padding: 0px; clear: both;
}
.header ol.menu li a {
	color: rgb(255, 255, 255);
}
.header ol.menu li {
	list-style: none; margin: 7px 3px 0px 0px; padding: 0px; width: 127px; height: 38px; text-indent: -5000px; float: left; display: block; cursor: pointer;
}
.header ol.menu li.last {
	background: rgb(151, 151, 151); margin: 7px 0px 0px; padding: 0px; width: 426px; float: right;
}
.header ol.menu li.last ul {
	list-style: none; margin: 0px; padding: 0px;
}
.header ol.menu li.last ul li {
	margin: 0px; padding: 0px; height: 38px; float: left;
}
.header ol.menu li.last ul li.self {
	width: 75px;
}
.header ol.menu li.last ul li.self a {
	background: url("images/icon_selfservice.gif") no-repeat; width: 75px; height: 38px; text-indent: -5000px; display: block; cursor: pointer;
}
.header ol.menu li.last ul li.webmail {
	width: 83px;
}
.header ol.menu li.last ul li.webmail a {
	background: url("images/icon_webmail.gif") no-repeat; width: 85px; height: 38px; text-indent: -5000px; display: block; cursor: pointer;
}
.header ol.menu li.last ul li.search {
	padding: 10px 0px 0px; width: 182px;
}
.header ol.menu li.last ul li.search input.searchfield {
	background: rgb(51, 51, 51); margin: 0px; padding: 2px 10px; border: 1px solid rgb(153, 153, 153); border-image: none; width: 130px; height: 14px; color: rgb(157, 157, 157); float: left;
}
.header ol.menu li.last ul li.search input.searchbutton {
	background: url("images/search_button.jpg") no-repeat left top rgb(51, 51, 51); margin: 1px 0px 0px -1px; padding: 0px; border: currentColor; border-image: none; width: 22px; height: 18px; float: left;
}
.header ol.menu li.last ul li.system {
	width: 85px;
}
.header ol.menu li.last ul li.system a {
	background: url("images/icon_learn.gif") no-repeat; width: 85px; height: 38px; text-indent: -5000px; display: block; cursor: pointer;
}
.header ol.menu li.live {
	background: url("images/menu_live.gif") no-repeat; margin: 7px 3px 0px 135px;
}
.header ol.menu li.learn {
	background: url("images/menu_learn.gif") no-repeat;
}
.header ol.menu li.play {
	background: url("images/menu_play.gif") no-repeat;
}
.header div.bartop {
	background: rgb(124, 0, 59); width: 100%; height: 28px; clear: both;
}
.header div.bartop-learn {
	background: rgb(196, 17, 47); width: 100%; height: 28px; clear: both;
}
.header div.bartop-play {
	background: rgb(0, 205, 198); width: 100%; height: 28px; clear: both;
}
.header div.bartop p {
	margin: 0px 0px 0px 20px; padding: 6px 0px 0px; color: rgb(255, 255, 255); float: left;
}
.header div.bartop-play p {
	margin: 0px 0px 0px 20px; padding: 6px 0px 0px; color: rgb(255, 255, 255); float: left;
}
.header div.bartop-learn p {
	margin: 0px 0px 0px 20px; padding: 6px 0px 0px; color: rgb(255, 255, 255); float: left;
}
.header div.bartop p.right {
	margin: 0px 13px 0px 0px; color: rgb(255, 255, 255); float: right;
}
.header div.bartop-play p.right {
	margin: 0px 13px 0px 0px; color: rgb(255, 255, 255); float: right;
}
.header div.bartop-learn p.right {
	margin: 0px 13px 0px 0px; color: rgb(255, 255, 255); float: right;
}
div.banner {
	width: 955px; height: 218px; clear: both;
}
.banner-bottombar {
	background: rgb(124, 0, 59); width: 100%; height: 26px; clear: both;
}
.banner-bottombar-play {
	background: rgb(0, 205, 198); width: 100%; height: 26px; clear: both;
}
.banner-bottombar-learn {
	background: rgb(196, 17, 47); width: 100%; height: 26px; clear: both;
}
.banner-bottombar p {
	margin: 0px 0px 0px 20px; padding: 6px 0px 0px; color: rgb(255, 255, 255); float: left;
}
.banner-bottombar-play p {
	margin: 0px 0px 0px 20px; padding: 6px 0px 0px; color: rgb(255, 255, 255); float: left;
}
.banner-bottombar-learn p {
	margin: 0px 0px 0px 20px; padding: 6px 0px 0px; color: rgb(255, 255, 255); float: left;
}
.content {
	padding: 10px 9px;
}
.content-learn {
	background: rgb(58, 58, 58); padding: 10px 9px;
}
.content .left-box {
	width: 433px; overflow: auto; float: left;
}
.left-box-bottom {
	background: rgb(231, 231, 231); width: 433px; float: left;
}
.left-box-bottom .head-title {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px; width: 100%; height: 27px;
}
h2.title {
	font: 11px/normal Arial, Helvetica, sans-serif; margin: 7px 0px 0px 37px; padding: 0px; height: 27px; color: rgb(255, 255, 255); float: left; font-size-adjust: none; font-stretch: normal;
}
.content .left-box ul.annousement {
	background: rgb(124, 0, 59); list-style: none; margin: 0px 0px 5px; padding: 5px 0px;
}
.content .left-box ul.annousement li {
	background: rgb(55, 0, 26); margin: 0px auto 5px; padding: 5px; width: 404px; height: 150px; clear: both;
}
.content .left-box ul.annousement li img {
	float: left;
}
.content .left-box ul.annousement li div {
	width: 244px; float: right;
}
.content .left-box ul.annousement li h2 {
	font: 14px/normal Arial, Helvetica, sans-serif; margin: 0px 0px 10px; padding: 0px; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
.content .left-box ul.annousement li h2 {
	color: rgb(255, 255, 255);
}
.content .left-box ul.annousement li p {
	color: rgb(255, 255, 255);
}
ul.annousement li div {
	margin: 0px 0px 5px;
}
ul.annousement li div p {
	margin: 0px 0px 5px;
}
ul.annousement li div {
	margin: 0px 0px 5px;
}
ul.annousement li div {
	margin: 0px 0px 5px;
}
p.readmore {
	background: url("images/icon_readmore.gif") no-repeat right; width: 90px;
}
.content .left-box ul.annousement li p {
	font: 11px/normal Arial, Helvetica, sans-serif; font-size-adjust: none; font-stretch: normal;
}
.content .left-box .head-title {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); width: 100%; height: 27px;
}
.content .right-box {
	width: 497px; float: right;
}
.content .right-box .right-box-left {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px; padding: 0px; width: 318px; float: left;
}
.content .right-box .right-box-right {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px; padding: 0px; width: 173px; float: right;
}
.content .right-box .right-box-right h2 {
	font: 11px/normal Arial, Helvetica, sans-serif; margin: 7px 0px 0px 37px; padding: 0px; height: 27px; color: rgb(255, 255, 255); float: left; font-size-adjust: none; font-stretch: normal;
}
.right-box-bottom-left {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px 0px 5px; padding: 0px; width: 283px; float: left;
}
.right-box-bottom-right {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px 0px 5px; padding: 0px; width: 210px; float: right;
}
.right-box-bottom-right div {
	background: rgb(231, 231, 231); padding: 10px; clear: both;
}
.right-box-bottom-right div input {
	margin: 10px 0px;
}
.right-box-bottom-right div p {
	font: 12px/normal Arial, Helvetica, sans-serif; color: rgb(70, 70, 70); font-size-adjust: none; font-stretch: normal;
}
.right-box-bottom-right div img {
	margin: 0px 0px 10px;
}
.right-box-bottom-left ul {
	background: rgb(231, 231, 231); list-style: none; margin: 0px; padding: 0px; overflow: auto; clear: both;
}
.right-box-bottom-right ul {
	background: rgb(255, 255, 255); list-style: none; margin: 0px; padding: 0px; clear: both;
}
.right-box-bottom-left ul li {
	background: rgb(231, 231, 231); list-style: none; margin: 0px auto; padding: 10px 0px; width: 260px; height: 63px; clear: both; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid;
}
p.register {
	background: url("images/icon_register.gif") no-repeat right; width: 70px;
}
.right-box-bottom-left ul li div {
	width: 158px; float: right;
}
.right-box-bottom-left ul li div h2 {
	font: 14px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: rgb(102, 102, 102); text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
.right-box-bottom-left ul li img {
	float: left;
}
.right-box-bottom-left ul li.last {
	border: currentColor; border-image: none;
}
.right-box-bottom-right ul li {
	background: rgb(231, 231, 231); margin: 0px 0px 7px; padding: 10px; height: 39px;
}
.right-box-bottom-right ul li h2 {
	font: 13px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size-adjust: none; font-stretch: normal;
}
.right-box-bottom-right ul li p {
	margin: 0px; padding: 0px;
}
.calendar {
	margin: 0px; padding: 8px;
}
.right-box-bottom-right ul li.last {
	margin: 0px;
}
.classfic {
	background: rgb(55, 0, 26); margin: 0px; padding: 0px; width: 100%; height: 214px; clear: both;
}
.classfic img.left {
	margin: 5px; float: left;
}
.classfic img.right {
	margin: 5px 5px 5px 0px; float: right;
}
.content .left-box-play {
	width: 756px; float: left;
}
.v-box-left {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px 0px 10px; padding: 0px; width: 374px; float: left;
}
.v-box-right {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px; padding: 0px; width: 374px; float: right;
}
.v-box-left h2 {
	font: 11px/normal Arial, Helvetica, sans-serif; margin: 7px 0px 0px 37px; padding: 0px; height: 27px; color: rgb(255, 255, 255); float: left; font-size-adjust: none; font-stretch: normal;
}
.v-box-right h2 {
	font: 11px/normal Arial, Helvetica, sans-serif; margin: 7px 0px 0px 37px; padding: 0px; height: 27px; color: rgb(255, 255, 255); float: left; font-size-adjust: none; font-stretch: normal;
}
.v-box-left div.box {
	background: rgb(0, 205, 198); padding: 10px; width: 354px; clear: both;
}
.v-box-right div.box {
	background: rgb(0, 205, 198); padding: 10px; width: 354px; clear: both;
}
.box-forum {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); margin: 0px; padding: 0px; width: 756px; overflow: auto;
}
.box-forum ul.box {
	background: rgb(48, 205, 198); list-style: none; margin: 0px; padding: 10px; width: 736px; clear: both;
}
.box-forum ul.box li {
	background: rgb(231, 231, 231); margin: 0px 0px 10px; padding: 10px; width: 716px; clear: both;
}
.box-forum ul.box li p {
	color: rgb(58, 58, 58); clear: both;
}
.box-forum ul.box li p.viewnow {
	background: url("images/icon_viewmore.jpg") no-repeat right top; margin: 0px; padding: 3px 30px 0px 0px; width: 60px; height: 20px; float: right;
}
.box-forum ul.box li h2 {
	margin: 0px; padding: 0px; color: rgb(0, 0, 0); clear: both;
}
.box-forum h2 {
	font: bold 12px/normal Arial, Helvetica, sans-serif; margin: 7px 0px 0px 37px; padding: 0px; height: 27px; color: rgb(255, 255, 255); float: left; font-size-adjust: none; font-stretch: normal;
}
.right-box-play {
	margin: 0px; padding: 0px; width: 172px; float: right;
}
.right-box-play div {
	background: url("images/head-title-bg.gif") no-repeat left top rgb(0, 0, 0); width: 172px;
}
.right-box-play h2 {
	font: 11px/normal Arial, Helvetica, sans-serif; margin: 7px 0px 0px 37px; padding: 0px; height: 27px; color: rgb(255, 255, 255); float: left; font-size-adjust: none; font-stretch: normal;
}
.right-box-play ul.menu {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; overflow: auto; clear: both;
}
.right-box-play ul.menu li {
	background: url("images/inc_shortcut.gif") no-repeat left top rgb(198, 198, 198); list-style: none; margin: 0px 0px 5px; padding: 5px 0px 0px 35px; height: 19px; clear: both;
}
.right-box-play ul.blogs {
	background: rgb(255, 255, 255); margin: 0px; padding: 0px; overflow: auto; clear: both;
}
.right-box-play ul.blogs li {
	background: rgb(198, 198, 198); list-style: none; margin: 0px; padding: 10px; clear: both; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
ul.left-box-learn {
	background: rgb(196, 17, 47); list-style: none; margin: 0px; padding: 0px; width: 210px; clear: both; float: left;
}
ul.left-box-learn li {
	list-style: none; margin: 0px; padding: 6px;
}
.right-box-learn {
	width: 715px; float: right;
}
.right-box-learn h2 {
	background: rgb(0, 0, 0); font: 14px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 10px; width: 695px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
.right-box-learn ul {
	background: rgb(196, 17, 47); list-style: none; margin: 0px; padding: 10px 0px; overflow: auto; clear: both;
}
.right-box-learn ul li {
	background: rgb(51, 51, 51); margin: 0px 0px 10px; padding: 0px; width: 355px; overflow: auto; float: left;
}
.right-box-learn ul li.second {
	float: right;
}
.right-box-learn ul li h3 {
	background: rgb(0, 0, 0); font: 13px/normal Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 10px; width: 335px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
.right-box-learn ul li div {
	background: rgb(47, 30, 30); clear: both;
}
.right-box-learn ul li div img {
	float: left;
}
.right-box-learn ul li div p {
	width: 235px; color: rgb(255, 255, 255); float: right;
}
.inputs {
	height: 24px;
}
.footer {
	background: rgb(0, 0, 0); width: 955px; height: 38px;
}
.footer p {
	margin: 0px 10px 0px 0px; padding: 10px 0px 0px; color: rgb(255, 255, 255); float: right;
}
.content .right-box .right-box-right ul.menu {
	background: rgb(64, 0, 30); margin: 0px; padding: 0px; clear: both;
}
.content .right-box .right-box-right ul.menu li {
	background: url("images/menu-pointer.gif") no-repeat left top rgb(124, 0, 59); list-style: none; margin: 0px 0px 5px; padding: 5px 0px 0px 35px; height: 19px;
}
.content .right-box .right-box-right ul.menu li.last {
	margin: 0px;
}
.content .right-box .right-box-right ul.menu li a {
	color: rgb(255, 255, 255);
}