/* ------------ Public ------------ */
@import url(body.css);				/*  body  */
@import url(layout.css);			/*  Page Layout  */
@import url(link.css);				/*  link  */
@import url(navi.css);				/*  Left Navi  */


/* ------------ Public Main ------------ */
.section_round		{position:absolute; top:-1px; left:0px; }
.section_title		{margin:12 0 10 0; }



/* GMT */
.gmt				{width:300px; height:30px; color:#ef9c3a; margin-top:10px; padding:7px 0px 0px 140px; background:url(/images/main/time_bg.gif) top left no-repeat; }

/* Event & VOD */
#main_vod {
	position:relative;
	width:455px;
	height:200px;
	margin:10px 0px 0px 0px;
	padding:0px;
	background:url(/images/main/vod_bg.jpg) top left no-repeat;
}
#main_vod  li {
	position:absolute;
	margin:0px;
	padding:0px;
}
#main_vod .main_vod_e{
	top:0px;
	left:0px;
}
#main_vod .main_vod_v{
	top:10px;
	left:250px;
}


/* News */
.center_list		{position:relative; width:455px; border:1px solid #414141; background-color:#171717; margin-top:10px; }
.news_list			{width:418px; background-color:#000000; padding:8px; margin:0 0 10 10 }

/* WAR Now */
.war				{position:relative; width:455px; height:266px; margin-top:10px; background:url(/images/main/war_bg.jpg) top left no-repeat; }
.war_more			{position:absolute; top:4px; left:394px; width:52px; height:22px; }
#war_map			{position:absolute; top:53px; left:26px; width:145px; height:150px; }
#war_select			{position:absolute; top:50px; left:190px; }
#war_status			{position:absolute; top:80px; left:185px; }
#war_siege			{position:absolute; top:233px; left:20px; font-family:arial balck; font-size:8pt; font-weight:bold; color:#84ff00; }

/* Screen Shot */
.thumbnail			{width:90px; height:65px; border:3px solid #000000;}
.screen_list		{float:left; margin:7px; }

/* Server Status */
.server				{position:relative; width:200px; height:101px; margin-top:10px; background-color:#2c3336; }
.server_bg			{position:absolute; top:0px; left:0px; z-index:2; }
.server_status		{position:absolute; top:66px; left:75px; z-index:1; width:102px; height:16px; }

/* Rangking */
.rangking			{position:relative; width:200px; border:1px solid #414141; background-color:#171717; }
.rangking_select	{width:187px; height:35px; text-align:center; background-color:#000000; padding-top:7px; margin:5 0 0 5; }
.tangking_tab_on	{background-color:#000000; font-weight:bold; color:#ffd800; }
.tangking_tab_off	{font-weight:bold; color:#767676; }
.rangking_tr		{height:27px; }
.rangking_line		{height:1px; background-color:#343434; }

/* Right Banners */
#Charging {
	position:relative;
	width:200px;
	height:260px;
	margin:0px;
	padding:0px;
}
#Charging .Charging_btn {
	position:absolute;
	top:0px;
	left:10px;
	width:180px;
	height:148px;
	z-index:30
}
#Charging .guide_btn1 {
	position:absolute;
	top:147px;
	left:0px;
	width:200px;
	height:50px;
	z-index:20
}
#Charging .guide_btn2 {
	position:absolute;
	top:197px;
	left:0px;
	width:200px;
	height:65px;
	z-index:20
}
#Charging .Charging_bg {
	position:absolute;
	top:147px;
	left:0px;
	width:200px;
	height:115px;
	background:url(/images/main/main_Charge.jpg) top left no-repeat;
	z-index:10
}

/* Right Banner_Client & Charge */
#Clientdown1 {
	position:relative;
	width:200px;
	height:248px;
	margin:0px;
	padding:0px;
}
#Clientdown1 .Client_btn {
	position:absolute;
	top:0px;
	left:10px;
	width:180px;
	height:148px;
	z-index:30
}
#Clientdown1 .begginer_btn {
	position:absolute;
	top:146px;
	left:0px;
	width:200px;
	height:100px;
	z-index:20
	border:1px solid red;
}

#Clientdown1 .begginer_bg {
	position:absolute;
	top:146px;
	left:0px;
	width:200px;
	height:100px;
	background:url(/images/main/main_Charge1.jpg) top left no-repeat;
	z-index:10;
}

/* Right Banner_Client & Charge_old */
#Clientdown {
	position:relative;
	width:200px;
	height:350px;
	margin:0px;
	padding:0px;
}
#Clientdown .Client_btn {
	position:absolute;
	top:0px;
	left:10px;
	width:180px;
	height:148px;
	z-index:30;
}
#Clientdown .chargeguide_btn1 {
	position:absolute;
	top:147px;
	left:0px;
	width:200px;
	height:50px;
	z-index:20;
	border:1px solid red;
}
#Clientdown .chargeguide_btn2 {
	position:absolute;
	top:233px;
	left:0px;
	width:200px;
	height:50px;
	z-index:20;
	border:1px solid green;
}
#Clientdown .chargeguide_btn3 {
	position:absolute;
	top:283px;
	left:0px;
	width:200px;
	height:65px;
	z-index:20;
	border:1px solid blue;
}
#Clientdown .Client_bg {
	position:absolute;
	top:147px;
	left:0px;
	width:200px;
	height:202px;
	background:url(/images/main/main_Client.jpg) top left no-repeat;
	z-index:10;
}

/* calender */

.CalenderMain {
	margin:10px 0px 10px 0px;
	width:100%;
	text-align:center;
}
.CalenderTable{
	width:97%;
	border:2px solid #222222;
	background-color:#000000;
	
}


.CalenderTable td{
 	text-align:left;
}
 .CalenderTable img{
	margin:4px 0px 0px 0px;
}
.event1 {
	margin-top:5px;
	padding:3px 2px 3px 2px;
	background-color:#C0504D;
	color:#C0504D;
	text-align:center;
	font-weight:bold;	
	overflow:auto;
}
.event2 {
	margin-top:2px;
	padding:3px 2px 3px 2px;
	height:auto;
	background-color:#92D050;
	color:#92D050;
	text-align:center;
	font-weight:bold;
}
.event3 {
	margin-top:2px;
	padding:3px 2px 3px 2px;
	height:auto;
	background-color:#4BACC6;
	color:#4BACC6;
	text-align:center;
	font-weight:bold;	
}
.event4 {
	margin-top:2px;
	padding:3px 2px 3px 2px;
	height:auto;
	background-color:#B2A2C7;
	color:#B2A2C7;
	text-align:center;
	font-weight:bold;	
}
.event5 {
	margin-top:2px;
	padding:3px 2px 3px 2px;
	height:auto;
	background-color:#FFC530;
	color:#FFC530;
	text-align:center;
	font-weight:bold;	
}

.event_none {
	height:auto;
	background-color:#000000;

		
}
/* ------------ IE Public Main ------------ */
* html .section_round		{position:absolute; top:-1px; left:0px; }
* html .section_title		{margin:12 0 10 0; }



/* GMT */
* html .gmt				{width:456px; height:30px; color:#f3aeae; margin-top:10px; padding:7 0 0 150; background:url(/images/main/time_bg.gif) top left no-repeat; }

/* News */
* html .center_list		{position:relative; width:455px; border:1px solid #414141; background-color:#171717; margin-top:10px; }
* html .news_list		{width:433px; background-color:#000000; padding:8px; margin:0 0 10 10 }

/* WAR Now */
* html .war				{position:relative; width:455px; height:266px; margin-top:10px; background:url(/images/main/war_bg.jpg) top left no-repeat; }
* html .war_more		{position:absolute; top:4px; left:394px; width:52px; height:22px; }
* html #war_map			{position:absolute; top:53px; left:26px; width:145px; height:150px; }
* html #war_select		{position:absolute; top:50px; left:190px; }
* html #war_status		{position:absolute; top:74px; left:185px; }
* html #war_siege		{position:absolute; top:233px; left:20px; font-family:arial balck; font-size:8pt; font-weight:bold; color:#84ff00; }

/* Screen Shot */
* html .thumbnail		{width:90px; height:65px; border:3px solid #000000;}
* html .screen_list		{float:left; margin:3px 0px 0px 12px;}

/* Server Status */
* html .server			{position:relative; width:200px; height:101px; margin-top:10px; background-color:#2c3336; }
* html .server_bg		{position:absolute; top:0px; left:0px; z-index:2; }
* html .server_status	{position:absolute; top:66px; left:75px; z-index:1; width:102px; height:16px; }

/* Rangking */
* html .rangking		{position:relative; width:200px; border:1px solid #414141; background-color:#171717; }
* html .rangking_select	{width:187px; height:35px; text-align:center; background-color:#000000; padding-top:7px; margin:5 0 0 5; }
* html .tangking_tab_on	{background-color:#000000; font-weight:bold; color:#ffd800; }
* html .tangking_tab_off{font-weight:bold; color:#767676; }
* html .rangking_tr		{height:27px; }
* html .rangking_line	{height:1px; background-color:#343434; }