@charset "utf-8";
#BgHeader {
	background-image: url(../images/bg/bg01.png);
	height: 380px;
	width: 800px;
	left: 50%;
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	position: relative;
}
#UpdateNews {
	position: absolute;
	width: 300px;
	right: -50px;
	bottom: -30px;
}

#HeadBgUpdate {
	background-repeat: no-repeat;
	width: 300px;
	height: 5px;
	float: left;
}
#UpdateNewsPic {
	height: 20px;
	width: 80px;
	top: -13px;
	position: relative;
	left: 5px;
}
#BodyBgUpdate {
	width: 300px;
	font-size: 11px;
	float: left;
}
#BodyBgUpdate a:link {
	width: 300px;
	font-size: 11px;
	float: left;
	text-decoration: none;
}
#BodyBgUpdate a:hover {
	width: 300px;
	font-size: 11px;
	float: left;
	text-decoration: none;
}
#BodyBgUpdate a:active {
	width: 300px;
	font-size: 11px;
	float: left;
	text-decoration: none;
}
#BodyBgUpdate a:visited {
	width: 300px;
	font-size: 11px;
	float: left;
	text-decoration: none;
}
#ContentUpdate {
	margin-left: 5px;
	margin-right: 5px;
}
.event {
	background-color: #F03;
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 2px;
	color: #FFF;
	margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}
.game {
	background-color: #FDC51C;
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 2px;
	color: #FFF;
	margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}
.web {
	background-color: #0284C1;
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 2px;
	color: #FFF;
	margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}
.brontes {
	background-color: #FFF;
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 4px;
	margin-top: 2px;
	color: #000;
	margin-bottom: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
}




#FootBgUpdate {
	background-repeat: no-repeat;
	height: 15px;
	width: 300px;
	float: left;
	background-color: #FFD200;
}



#header {
	/*	clear: none;
	float: left;*/
	height: 60px;
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -390px; /*set to a negative number 1/2 of your width*/
	top: 10px;
	/*	margin-top: 0px; /*set to a negative number 1/2 of your height*/
}
/*#LeftPanel {
	height: 60px;
	width: 185px;
	position: relative;
	float: left;
}*/
#header #BgLogoServer {
	float: left;
	height: 60px;
	width: 185px;
	background-image: url(../images/fade-left-bar.gif);
	background-repeat: no-repeat;
	/*	-moz-opacity: 0.5;*/
	opacity: 0.25;
	filter: Alpha(Opacity=25);
	position: relative;
}
#LogoServer {
	float: right;
	height: 60px;
	width: 180px;
	position: absolute;
	left: 5px;
}
#menu {
	float: left;
	height: 60px;
	width: 520px;
	position: relative;
	background-color: #FFF;
}
#menubar {
	height: 40px;
	width: 520px;
	font-weight: bold;
	color: #FFD200;
}
.menugroup {
	float: left;
	position: relative;
	margin-left: 30px;
	/*width: 60px;*/
	top: 5px;
}
.menueng {
	position: relative;
}
.menueng a:link {
	color: #ffcc00;
	text-decoration: underline;
	position: relative;
}
.menueng a:hover{
	color: #ffcc00;
	text-decoration: underline;
	position: relative;
}
.menueng a:active{
	color: #ffcc00;
	text-decoration: underline;
	position: relative;
}
.menueng a:visited {
	color: #ffcc00;
	text-decoration: underline;
	position: relative;
}
.menuthai {
	position: absolute;
	top: 15px;
	left: 0px;
	font-size: 11px;
	font-weight: normal;
}
.menuthai a:link {
	color: #ffcc00;
	text-decoration: none;
	position: relative;
}
.menuthai a:hover{
	color: #ffcc00;
	text-decoration: none;
	position: relative;
}
.menuthai a:active{
	color: #ffcc00;
	text-decoration: none;
	position: relative;
}
.menuthai a:visited {
	color: #ffcc00;
	text-decoration: none;
	position: relative;
}
#menuline {
	height: 20px;
	width: 520px;
	background-color: #ffcc00;
	font-size: 11px;
	color: #FFF;
	text-align: center;
}

#menuline a:link{
	color: #FFF;
	text-decoration: none;
}
#menuline a:hover{
	color: #FFF;
	text-decoration: none;
}
#menuline a:active{
	color: #FFF;
	text-decoration: none;
}
#menuline a:visited{
	color: #FFF;
	text-decoration: none;
}
#menuline img {
	vertical-align: -3px;
}
#header #BgLogoTeam {
	float: right;
	height: 60px;
	width: 75px;
	background-image: url(../images/fade-right-bar.gif);
	background-repeat: no-repeat;
	/*	-moz-opacity: 0.5;*/
	opacity: 0.25;
	filter: Alpha(Opacity=25);
	position: relative;
	right: 0px;
}
#LogoTeam {
	height: 60px;
	width: 71px;
	position: absolute;
	right: 4px;
	float: left;
}
/*#RightPanel {
	height: 60px;
	width: 75px;
	position: relative;
	float: left;
}
*/