html, body {
margin:0 auto;
padding:0;
font-family:Tahoma; 
font-size:11px;
color:#C5B89E;
text-align:center;/*IE 5.5 */
scrollbar-face-color: #6B655A;
scrollbar-highlight-color: #6B655A;
scrollbar-shadow-color: #4A4439;
scrollbar-3dlight-color: #4A4439;
scrollbar-arrow-color: #241D0F;
scrollbar-track-color: #9C9586;
scrollbar-darkshadow-color: #6B655A;
background:url(../images/bg02.gif) 0 0 repeat;

}
body 
{
width:100%;
min-width:990px;
height:100%;
background:url(/images/bg01.gif) 0 0 repeat-x;
}
#Headbg {
	width:990px;
	margin:0 auto;
	height:250px;
	text-align:center; /*IE 5.5 */  
	position:relative;
	z-index:100;
	margin-top:-250px;
}
* html input{
margin:-1px 0 -1px 0;
}
img { border: none; }
img.bin { border: none; vertical-align:auto }
a:link      { text-decoration:none; color:#C5B89E; }
a:visited   { text-decoration:none; color:#C5B89E}
a:active    { text-decoration:none; color:#C5B89E}
a:hover     { text-decoration:none; color:#C5B89E}

div,p{ padding:0px; margin:0px; border:0px; }
ul,li	{list-style:none; margin:0px; padding:0px;}
div,ul,li,dl,ol,dt,dd,h1,h2,h3,h4,h5,h6  {
margin:0;
padding:0;
font-family:Tahoma;
font-size:11px;
}

form        { display : inline; }
input       { font-size:11px; font-family:Tahoma; vertical-align: middle; margin:0px; color:#F6EBD4; }
select      { font-size:11px; font-family:Tahoma; vertical-align: middle; margin:0px; background:#4F4A42; color:#C5B89E; }

.input 			{ height:16px; background:#63615B; border:1px #35322B solid; color:#F6EBD4; padding:4px 0 0 4px; }


.cl   	{clear:both;}
.fl 		{float:left;}
.fr 		{float:right;}
.b 			{font-weight:bold;}
.u 			{text-decoration:underline;}
.left		{text-align:left;}
.line		{height:2px;}
.btm 		{border: none; vertical-align:bottom }
.orange {color:#D56114;}
.num 		{color:#F6EBD4;}

.txts, .txts:link, .txts:visited, .txts:hover	{ color:#958C78; font-size:11px}

body.Main #Wrapper {
margin: 0 auto;
background:url(/images/bg_main01.jpg) center 0 no-repeat;		
}

body.Main #Head {
width:990px;
height:250px;
margin:0 auto;
text-align:center;
position:relative;
}

body.Main #Container {
width:990px;
margin:0 auto;
text-align:center;
position:relative;
}

body.Main #Leftmenu {
float:left;
width:194px;
text-align:left;
}

body.Main #Leftmenu #GameStart {
margin-bottom:9px;
}

body.Main #Leftmenu #LoginArea {	
clear:both;
width:180px;
}

body.Main #Leftmenu #LeftBanner {	
clear:both;
width:180px;
margin-bottom:13px;
}

body.Main #Leftmenu #LeftPoll {	
width:180px;
height:114px; 
background:url(/images/main/bg_poll01.gif);
margin-bottom:14px;
}
body.Main #LeftCont {
float:left;
width:235px;
margin-right:10px;
background:url(/images/main/bg_leftcont01.gif) 0 0 no-repeat;
}
body.Main #LeftCont #GameEvent {
text-align:left;
margin-bottom:18px;
}
body.Main #LeftCont #SoldierContainer {
height:161px;
margin-bottom:20px;
padding:0 14px 0 21px;
}
body.Main #LeftCont #StoryContainer {
padding:0 21px 0 18px;
}
body.Main #MainContents {
float:left;
width:551px;
}
body.Main #MainContents #BoardContainer01, body.Main #MainContents #BoardContainer02, body.Main #MainContents #BoardContainer03 {
clear:both;
width:551px;
text-align:left;
}
body.Main #MainContents #BestBoard {
width:551px;
text-align:left;
margin:10px 0;
}html>body.Main #MainContents #BestBoard {clear:both;float:left;}
#MainRank {
clear:both;float:left;width:100%;
}
#MainRank .MainRankleft {
width:270px;
float:left;
}
#MainRank .MainRankright{
width:270px;
float:right;
}
#MainRank .MainRankright table td a,#MainRank .MainRankleft table td a{
color:#C5B89E;
}
#MainRank .MainRankright table.list,#MainRank .MainRankleft table.list{
width: 100%;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
}
#MainRank .MainRankright table.list td,#MainRank .MainRankleft table.list td{
padding:7px 0 6px 0; 
vertical-align:top;
color:#C5B89E;
}
#MainRank .MainRankright table.list td.grouping,#MainRank .MainRankleft table.list td.grouping{
padding:3px 0 2px 0; 
line-height:1.6em; 
vertical-align:middle;
}
#MainRank .MainRankright table.list td.subject a,#MainRank .MainRankleft table.list td.subject a{vertical-align:top; padding-top:3px; color:#C5B89E; }
#MainRank .MainRankright table.list td.grouping img,#MainRank .MainRankleft table.list td.grouping img{ vertical-align:top; }

body.Main #MainContents #RemUnit {
clear:both;
float:left;
width:551px;
text-align:left;
margin-bottom:12px;
}

body.Main #Mainbot {
width:796px;
float:right;
margin-top:10px;
}
body.Main #PKlist {
width:796px;
float:right;
margin-top:10px;
}
#PKBox01 { float:left; width:393px; margin-right:10px; text-align:left;}
#PKBox02 { float:left; width:393px; text-align:left;}
.PKtitle {height:26px;}
.PKcont {height:146px; background:url(/images/main/pk_bg.gif) 0 0 no-repeat;}
ul.PKcont li {
height:20px;
overflow:hidden;
background:url(/images/main/pk_line.gif) center bottom no-repeat;
padding:5px 0 0 10px
}
ul.PKcont li .pkuser{
float:left;
width:131px;
overflow:hidden;
height:18px;
line-height:18px;
}
ul.PKcont li .pkimg{
float:left;
width:20px;
margin:0 5px;
text-align:center;
}
ul.PKcont li .pkscore{
float:left;
width:38px;
margin-left:5px;
text-align:left;
}
ul.PKcont li a { color:#F6EBD4; }
.bbs		{ background:url(../images/common/td_line.gif) 0 bottom repeat-x; }
.bbson	{ background:#474339 url(../images/common/td_line.gif) 0 bottom no-repeat; }
body.Main #Leftmenu #LoginArea #Login				{ float:left; width:130px; }
body.Main #Leftmenu #LoginArea #fldID, body.Main #Leftmenu #LoginArea #fldPassword { border:0px; margin:0; background:url(../images/main/bg_login.gif) 0 0 no-repeat; }
*:first-child+html body.Main #Leftmenu #LoginArea #fldID{ background:url(../images/main/bg_login.gif) 0 1px no-repeat; }/*ie7.0 hack*/
*:first-child+html body.Main #Leftmenu #LoginArea #fldPassword { background:url(../images/main/bg_login.gif) 0 1px no-repeat; }/*ie7.0 hack*/
body.Main #Leftmenu #LoginArea #LoginBtn 		{	float:left; width:50px; }
*:first-child+html body.Main #Leftmenu #LoginArea #LoginBtn		{ padding-top:1px;}
body.Main #Leftmenu #LoginArea .LoginBox   	{ border:0px; width:115px; height:22px; color:#81807B; padding:4px 6px 0 6px; background:url(../images/main/bg_login.gif) 0 0 no-repeat;}
body.Main #Leftmenu #LoginArea #fldCode	{width:100%; float:left; list-style:none; padding:5px 0;}
body.Main #Leftmenu #LoginArea #fldCode	li	{width:100%; float:left; }
body.Main #Leftmenu #LoginArea #fldCode	li img { vertical-align:top;}
body.Main #Leftmenu #LoginArea #fldCode	li .input{ border:0px; width:50px; height:22px; color:#81807B; padding:4px 6px 0 6px; background:url(../images/main/bg_code.gif) 0 0 no-repeat;}
body.Sub #Leftmenu #LoginArea #fldCode	{width:100%; float:left; list-style:none; padding:5px 0;}
body.Sub #Leftmenu #LoginArea #fldCode	li	{padding-left:10px;width:100%; float:left; }
body.Sub #Leftmenu #LoginArea #fldCode	li img { vertical-align:top;}
body.Sub #Leftmenu #LoginArea #fldCode	li .input{ border:0px; width:50px; height:22px; color:#81807B; padding:2px 3px 0 0px; background:url(../images/main/bg_code.gif) 0 0 no-repeat;}
body.Sub #Leftmenu #LoginArea #fldCode	li .select{ border:0px; height:22px; color:#81807B; padding:4px 6px 0 6px; margin-top:2px}
body.Main #Leftmenu #LoginArea #fldLogin			{ float:left; list-style:none; padding:7px 0 12px 0;}
body.Main #Leftmenu #LoginArea #fldLogin	li	{ float:left; }
body.Main #Leftmenu #LoginArea #fldLogin	li img { vertical-align:top; }
body.Main #Leftmenu #LoginArea #MemberTitle	{ color:#FFFFFF; margin-bottom:4px; }
body.Main #Leftmenu #LoginArea #MemberInfo	ul { list-style:none; }
body.Main #Leftmenu #LoginArea #MemberInfo	ul li { color:#F6EBD4; font-size:11px; background:url(../images/main/m_bu01.gif) 1px 5px no-repeat; padding:3px 0 0 9px; }
body.Main #Leftmenu #LoginArea #MemberBtn		{ padding:4px 0 12px 0; }
body.Main #Leftmenu #LeftBanner ul { list-style:none; padding:0; margin:0; }
body.Main #Leftmenu #LeftBanner	li img { vertical-align:top; }
body.Main #Leftmenu #LeftBanner	li.pc {padding-top:13px;}
body.Main #Leftmenu #LeftBanner	li.pc02 {padding-top:5px;}
body.Main #Leftmenu #LeftBanner	li.srh {padding-top:11px}
body.Main #Leftmenu #LeftBanner	li.srh input.srh-txt {border:1px solid #35322B; background:url(../images/search/txt_search_bg.gif) 0 0 no-repeat; height:15px; padding:2px; width:124px}
body.Main #Leftmenu #LeftBanner	li.srh a.btn {position:relative; top:3px}
*html body.Main #Leftmenu #LeftBanner	li.srh a.btn {position:relative; top:2px}
#PollContainer	{
margin:0 3px 3px 3px;
width:174px;
height:84px;
background:url(../images/main/bg_poll02.gif);
}
#PollCont	{
background:url(../images/main/ico_q.gif) 9px 9px no-repeat;
padding:8px 6px 8px 29px;
color:#9A9A9A; 
min-height:14px;	
font-size:12px;
line-height:1.4em; 
}
#PollBtn	{
clear:both;
background:url(../images/main/m_bl01.gif) 8px 0 no-repeat;
padding:8px 0 6px 0;
width:174px;
text-align:center;
}
#SolderCate01			{ float:left; margin-right:4px; width:94px; height:124px; padding:37px 0 0 0; background:url(../images/main/bg_soldier01.gif) 0 0 no-repeat}
#SolderCate02			{ float:left; width:94px; height:124px; padding:37px 0 0 0; background:url(../images/main/bg_soldier02.gif) 0 0 no-repeat}
#SoldierTxt				{width:94px; padding-top:10px; overflow:hidden; }

#StoryTitle				{ width:192px; margin-bottom:8px; }
#StoryImg					{ float:left; width:78px; text-align:center; }
#StoryContit			{ float:left; text-align:left; background:url(../images/main/m_bl02.gif) 0 bottom no-repeat; width:114px; max-width:110px; height:20px; padding:0 2px;}
#StoryContxt			{ float:left; text-align:left; width:114px; padding:4px 2px 0 2px; }html>body #StoryContxt {width:114px;}/*ie7.0 hack*/
#StoryList				{ clear:both; list-style:none; width:192px; padding:8px 0 5px 0;}
#StoryList li			{ list-style:none; text-align:left; background:url(../images/main/m_bu01.gif) 2px 4px no-repeat; padding-left:10px; padding-bottom:1px}
.m01, .m01:link, .m01:visited, .m01:hover { color:#BBBBBB; font-size:11px; letter-spacing:-1px; line-height:1.6em; text-decoration:none; }
.m02, .m02:link, .m02:visited, .m02:hover { color:#CCCDCE; font-size:12px; letter-spacing:-1px; line-height:1.6em; text-decoration:none; }
.m03, .m03:link, .m03:visited, .m03:hover { color:#9D9B9B; line-height:1.4em; text-decoration:none; }
.m04, .m04:link, .m04:visited, .m04:hover { color:#c5b89e; line-height:1.4em; text-decoration:none; }
#BoardList			{ height:auto; 	width:100%;}
.BoardTitle			{ width:100%; height:27px; border-style:solid; border-color:#000000; border-bottom-width:3px; margin-bottom:8px; }
.BorderTitleSub	{ padding-right:3px; vertical-align:middle; display:block; float:left; } 
ul.BoardList li {
width:100%;
height:20px;
overflow:hidden;
background:url(../images/main/m_bl03.gif) 0 bottom no-repeat;
}
html>body ul.BoardList li {padding:3px 0 0 0}
*:first-child+html body ul.BoardList li {padding:0}
ul.BoardList li .Title{
float:left;
width:450px;
padding:2px 0 0 19px;
background:url(../images/main/m_bu01.gif) 9px 5px no-repeat;
}
ul.BoardList li .Date{
float:right;
width:68px;
color:#CFC6B2;
padding:2px 0 0 10px;
text-align:left;
}
ul.BoardList li a { color:#F6EBD4; }
#BestBoardBox01	{ float:left; width:270px; margin-right:11px; text-align:left;}
#BestBoardBox02	{ float:left; width:270px; text-align:left; }
#BestBoardList	{ clear:both; }
#BestBoardList ul li 			{ color:#C5B89E; font-size:12px; background:url(../images/main/m_bu01.gif) 5px 10px no-repeat; padding:5px 0 1px 12px; }
#BestBoardList ul li a		{ color:#C5B89E; }
#BestBoardList ul li.tit 	{ color:#F6EBD4; font-weight:bold; background:url(../images/main/m_bu01.gif) 5px 3px no-repeat; padding:3px 0 1px 12px; }
#BestBoardList ul li.tit a	{ color:#F6EBD4; }
#BestBoardList ul li.line {background:url(../images/main/m_bl04.gif) 0 center repeat-x; line-height:30%; margin:0 5px 4px 0; padding:5px 0px 2px 0; font-size:2px;}
.BestBoardTitle	{ height:28px; padding-bottom:8px; }
.BestBoardImg		{ float:left; margin:0 0 0 5px; padding:3px; width:77px; height:63px; background:url(../images/main/bg_img.gif) 0 0 no-repeat; }
.BestBoardCont	{ float:left; padding:0 0 4px 7px; width:160px; }
.BestBoardTxt		{ color:#F6EBD4; font-size:12px; font-weight:bold; line-height:1.4em; padding:2px 0 5px 0; background:url(../images/main/m_bl04.gif) 0 bottom repeat-x; }
.BestBoardTxt	a	{ color:#F6EBD4; }
.BestID					{ color:#F6EBD4; font-size:11px; padding-top:7px; }
#RemUnitTitle				{ height:28px; padding-bottom:12px; }
#RemUnitFirst				{ float:left; width:213px; margin-right:11px; text-align:left; }
#RemUnitList				{ float:left; width:213px; text-align:left; }
.RemUnitFirstImg		{ float:left; margin:0 0 0 5px; padding:3px; width:85px; height:63px; background:url(../images/main/bg_img.gif) 0 0 no-repeat; }
.RemUnitFirstCont		{ float:left; padding:0 0 9px 7px; width:105px; }
.RemUnitFirstTxt		{ color:#F6EBD4; font-size:12px; font-weight:bold; line-height:1.5em; padding-bottom:5px; background:url(../images/main/m_bl04.gif) 0 bottom repeat-x; }
.RemUnitFirstTxt a	{ color:#F6EBD4; }
.RemUnitFirstList		{ padding-top:6px; }
.RemUnitFirstList ul li { color:#F6EBD4; background:url(../images/main/m_bu02.gif) 1px 2px no-repeat; padding:3px 0 0 8px; }
#RemUnitList ul li { clear:both; float:left; width:205px; color:#C5B89E; font-size:11px; background:url(../images/main/m_bu01.gif) 1px 5px no-repeat; padding:3px 0 6px 8px; }
#RemUnitList ul li a { color:#C5B89E; }
#RemUnitList ul li div.Unitnation	{ float:left; width:25px; }
#RemUnitList ul li div.UnitName		{ float:left; width:139px; font-size:11px;padding-top:1px;}
#RemUnitList ul li div.UnitPer		{ float:left; width:40px; text-align:right;padding-top:1px;letter-spacing:-1px; }
#ScreenShotTitle	{ clear:both; float:left; width:796px; padding-bottom:5px; }
#ScreenShot				{ clear:both; width:796px; height:108px; background:url(../images/main/bg_screenshot.gif) 0 0 no-repeat; }
#ScreenShot	ul 		{ padding-left:7px; }
#ScreenShot	ul li	{ float:left; padding:10px 4px; width:90px; }
#ScreenShot	ul li a { padding-top:6px; color:#E7DBC3; font-size:11px; }
#ScreenShot	ul li div.ScreenShotTxt { padding-top:6px; color:#E7DBC3; font-size:11px;line-height:20px; height:20px;overflow:hidden; }
#UnitContainer {width:192px;margin:0 auto 18px auto;}
#UnitContainer #UnitTitle {padding-bottom:8px;}
#UnitContainer #UnitTitleSub {width:184px;height:23px;background:url(../images/main/bg_unitvs.gif) 0 0 no-repeat;color:#9F8245;font-size:11px;font-weight:bold;padding-top:2px;overflow:hidden;line-height:2;}
#UnitContainer div.unit-vs {width:184px;height:23px;background:url(../images/main/line_02.gif) center bottom no-repeat;}
#UnitContainer div.unit-vs li{color:#9d9b9b;width:150px;margin:0 5px;_margin:0 3px;float:left;height:20px;line-height:20px;word-break:break-all;word-wrap:break-word;overflow:hidden;}
#MovieContainer {width:437px;height:247px;background:url(../images/main/bg_movieq.gif) 0 34px no-repeat;}
#MovieContainer #MovieTitle {margin-bottom:9px;}
#MovieImg			{ clear:both; float:left; display:inline;width:212px; margin:9px 10px 0 10px;}
#MovieImg img { width:220px;height:165px;vertical-align:top;}
#MovieImg span.txt {display:block;width:220px;margin-top:4px;vertical-align:top;}
#MovieImg span.txt a {color:#E7DBC3;font-weight:bold;font-size:11px;}
#MovieContainer div.movie-cont {float:left;margin:7px 0 0 18px;width:183px;text-align:left;}
#MovieContainer div.movie-cont div.movie-img {float:left;width:72px;height:59px;text-align:left;padding:0;padding:0 7px;}
*html #MovieContainer div.movie-cont {width:178px;} *html #MovieContainer div.movie-cont div.movie-img {width:78px;padding:0;}
#MovieContainer div.movie-cont div.movie-img img {width:67px;height:53px;}
#MovieContainer div.movie-cont div.movie-tit {float:left;width:91px;height:20px;text-align:left;margin:2px 0;}
#MovieContainer div.movie-cont div.movie-tit a {color:#F6EBD4;font-weight:bold;}
#MovieContainer div.movie-cont div.movie-tit span {color:#D0A854;font-weight:normal;font-family:Verdana;font-size:9px;margin-left:2px;}
#MovieContainer div.movie-cont div.movie-txt {float:left;width:91px;text-align:left;color:#C5B89E;margin:0 0 3px 0;line-height:1.4}
#MovieContainer div.movie-cont div.movie-txt a {font-size:11px;color:#C5B89E;}
#Footer {
clear:both;
width: 990px;
margin:0 auto;
padding:15px 0 15px 0;
line-height:23px;
text-align:center;
background:url(/images/main/link_line.gif) no-repeat center 5px;
}
#Preloading {
width: 899px;
height: 612px;
position: absolute;
top: 50%;
left: 52%;
margin: -306px 0 0 -488px;
border: 1px solid #545454;
}
#MediaListBlk{clear:both;width:990px; margin:10px auto 0 auto;}
#MediaListBlk h1{height:23px; overflow:hidden; background:url(/images/main/link_line.gif) no-repeat center 11px;}
#MediaListBlk h1 a{display:block; width:72px; background:#2f2d28;  margin:0 auto; line-height:25px; font-size:11px; font-weight:bold; text-decoration:none; text-align:center;}
#MediaListBlk p{text-align:center; line-height:23px; display:block; padding:0 15px;}
#JT_arrow_left{
background-image: url(../images/arrow_left.gif);
background-repeat: no-repeat;
background-position: left top;
position: absolute;
z-index:101;
left:-12px;
height:23px;
width:10px;
top:-3px;
}
#JT_arrow_right{
background-image: url(../images/arrow_right.gif);
background-repeat: no-repeat;
background-position: left top;
position: absolute;
z-index:101;
height:23px;
width:11px;
top:-2px;
}
#JT {
position: absolute;
z-index:100;
border: 2px solid #30322e;
background: #e2ddd1 url(../images/bg.gif) 0 0;
}
#JT_copy
{
width:205px;
padding:10px 0 10px 35px;
color:#3c332c;
text-align:left;
}
.JT_loader{
background-image: url(../images/loader.gif);
background-repeat: no-repeat;
background-position: center center;
width:100%;
height:12px;
}
#JT_close_left{
background:  url(../images/bg.gif) 0 0;
text-align: center;
padding-left: 0px;
padding-bottom: 5px;
padding-top: 4px;
font-weight:bold;
color:#ffffff;
}
#JT_close_right{
background:  url(../images/bg.gif) 0 0;
text-align: center;
padding-left: 0px;
padding-bottom: 5px;
padding-top: 4px;
font-weight:bold;
color:#ffffff;
}
#JT_copy p{
margin:3px 0;
}
#JT_copy li{
line-height:17px;
}
.jTip{
cursor:help;
}
.u_sea{background:url(../images/main/u_search.gif) no-repeat;height:104px;width:166px;margin-top:10px;padding:29px 7px 0 7px;overflow:hidden;}
.u_sea .s_bg{border-style: none;
        border-color: inherit;
        border-width: medium;
        background: url('../images/main/u_s_bg.gif') no-repeat;
        padding-left:6px;width:119px;
        color:#fff;    height:18px;    line-height:18px;    overflow:hidden;
    }
.u_sea .u_in{border:none;width:11px;height:11px;margin-right:4px;} 
.u_sea p{padding:0 7px;color:#535353;font-size:12px;}
.u_sea p a,.u_sea p a:link{color:#535353;}
.u_sea p a:hover{color:#e2941a;}
.u_sea h1{margin:10px 0 5px 0;padding-left:20px;color:#535353;font-size:11px; font-family:tahoma;}
.union{width:156px;height:66px;position:absolute;z-index:100;top:152px;left:790px;}
.union2{width:156px;height:66px;position:absolute;z-index:100;top:152px;left:870px;}