/* ===========  comm style =============*/
*{margin:0;padding:0;}
body{background:#fff url(../images/body_bg.gif) repeat-x;text-align: center;}
div,p,td,tr,li,input,select,dt,dd,a{font:normal 12px/150% Arial; color:#626262;text-align: left;}
img{border:0px;}
ul,ol{list-style:none;}

a {color:#1579bf; text-decoration: none;}
a:hover {color:#1579bf; text-decoration: underline;}
.color_blue{color: #36c;}

/* clearing hack */
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-table;}
html .clear {height: 1%;}
.clear {display: block;}
.ssclear{ clear:both; height:0; overflow:hidden;}
/* end clearing hack */


/* ===========  index style =============*/
#header{
	width: 1000px;
	margin: 11px auto 16px auto;
	background: url(../images/header_line.gif) no-repeat 0 35px;
}
#header img{ float:left;
	margin: 0 0 0 12px;}

.divwelcome{ color:#fff; float:left; padding:18px 0px 0px 34px; _padding:19px 0px 0px 34px; width:300px;}
/* ======  nav style =======*/
#nav{
   width: 1000px; 
	margin: auto;
	height: 53px;
	background: url(../images/nav_bg.png);
}
#nav ul{
	width: 844px;
	height: 53px;
	margin: 0 auto;
}
#nav li{
   position: relative;
	float: left;
}
#index #nav,
#sitemap #nav{
	height: 29px;
	background: url(../images/index_nav_bg.png);
}
#index #nav ul,
#sitemap #nav ul{
	height: 29px;
}
#index #nav li,
#sitemap #nav li{
	height: 29px;
	overflow: hidden;
}
#nav li a{
	display: block;
	width: 106px;
	height: 29px;
	background-image: url(../images/mainnav_bg.png);
}
#nav li a span{
   display: none;
}
#nav li#li01{
	padding: 0 69px 0 0;
}

#nav li#li01 a{
   background-position:0 0;  
}
#nav li#li01 a:hover,
#nav li#li01 a.current{
   background-position:0 -29px;  
}
#nav li#li02{
	padding: 0 103px 0 0;
}
#nav li#li02 a{
   background-position:-175px 0 ;  
}
#nav li#li02 a:hover,
#nav li#li02 a.current{
   background-position:-175px -29px ;  
}
#nav li#li03{
	padding: 0 78px 0 0;
}
#nav li#li03 a{
   background-position:-384px 0 ;  
}
#nav li#li03 a:hover,
#nav li#li03 a.current{
   background-position:-384px -29px ;  
}
#nav li#li04{
	padding: 0 64px 0 0;
}
#nav li#li04 a{
   background-position:-568px 0 ;  
}
#nav li#li04 a:hover,
#nav li#li04 a.current{
   background-position:-568px -29px ;  
}
#nav li#li05 a{
   background-position:-738px 0 ;  
}
#nav li#li05 a:hover,
#nav li#li05 a.current{
   background-position:-738px -29px ;  
}
#nav ul ul{
   width:800px;
	position: absolute;
	top:29px;
	left:0;
	display: none;
}
#nav li#li02 ul{
   left: -100px;
}
#nav li#li03 ul{
    width: 900px;
   left: -350px;
}
#nav li#li04 ul{
   width: 400px;
   left: -120px;
}
#nav li#li05 ul{
   width:550px;
   left: -350px;
}
#nav ul ul li a{
   display: inline;
	width: auto;
   background: none;
	color: #fff;
}
#nav ul ul li{
   background: url(../images/nav_arrow.gif) no-repeat 5px 6px;
	padding:0 0 0 18px;
	margin: 0 17px 0 0;
}
#nav ul ul li a:hover,
#nav ul ul li a.current{
	color: #ff0;
	text-decoration: none;
}

#index_content{
   position: relative;
	width: 1000px;
   height: 522px;
	margin: 7px auto 0 auto;
   background: url(../images/index_bg.png) no-repeat;
}
#flash_area{
	padding: 5px;
	height: 283px;
	position:relative;
}
#flash_area2{
	padding: 5px;
	height: 283px;
	position:relative;
}
a.sn_login,a.sn_regbtn{position:absolute;bottom:30px;_bottom:42px;right:55px;}
a.sn_regbtn{right:170px;}
a.activation{position:absolute;bottom:6px;left:740px;_bottom:18px;color:#636161;}
.wel_name{position:absolute;top:100px; left:695px; font-weight:bold; color:#0094fe; font-size:14px;line-height:50px;height:50px;}
#index_conbox{
	padding: 15px 18px 0 18px;
}
#index_server_area{
	float: left;
	width: 728px;
	height: 147px;
	background: url(../images/index_server_bg.png) no-repeat;
}
#index_server_area ul{
	padding: 54px 0 0 32px;
}
#index_server_area li{
	float: left;
}
#server01{
   padding:4px 27px 0 0;
}
#server02{
   padding:3px 35px 0 0;
}
#server03{
   padding:3px 53px 0 0;
}
#server04{
   padding:0 67px 0 0;
}
#server05{
   padding:3px 0 0 0;
}

#index_member_area{
	float: right;
	display: block;
	position: relative;
   width: 230px;
	height: 147px;
	color:#636161;
	background: url(../images/index_member_bg.jpg);
}

#index_member_area span{
   position: absolute;
	right:10px;
	bottom:5px;
   cursor: pointer;
	cursor: hand;
	background:url(../images/a_moneybg.gif) no-repeat;
	width:94px;
	height:21px;
	text-align:center;
	color:#fff;
}
#welcome{
  	float: right;
	position: relative;
   width: 230px;
	height: 147px;
	background: url(../images/welcome.png); 
}
/*#member_name{
  position: absolute;
  left: 69px;
  top:31px;
  color:#ff0;
}*/
#quit_login{
  position: absolute;
  right: 7px;
  bottom:0px;	
}


/* ===========  inner-pages style =============*/
#container{
	width: 1000px;
	margin: 0 auto 0 auto;
   background: url(../images/con_wrap_b03.png) repeat-y;
}
#c_wrapper01{
	   background: url(../images/con_wrap_b01.png) no-repeat top;
}
#c_wrapper02{
      padding: 0 17px 18px 21px;
	  	background: url(../images/con_wrap_b02.png) no-repeat bottom;
}
#c_wrapper02 .left{
	   float: left;
		width: 755px;
		margin: 31px 0 0 0;
		display: inline;
}
#c_wrapper02 .left h3{
	padding: 0 0 7px 0;
}
.lcw01{
	background: url(../images/left_bg03.png) repeat-y;
}
.lcw02{
	background: url(../images/left_bg01.png) no-repeat top;
}
.lcw03{
   padding: 15px 30px 30px 30px;
	background: url(../images/left_bg02.png) no-repeat bottom;
}
.lcw03 p{
	text-indent: 2em;
   padding: 15px 0 0 0;
}

/* ===========  about-snx style =============*/
.p01{
   text-align: right;
}
#five_server{
   position: relative;
   width: 412px;
	height: 168px;
	margin: 0 auto;
	background: url(../images/intro_p01.png) no-repeat;
}
#five_server a{
   position: absolute;
	display: block;
	text-indent: -9999px;
}
#five_server_one{
   width: 145px;
	height: 56px;
	left: 0;
	top:0;
}
#five_server_two{
   width: 160px;
	height: 49px;
	left: 0;
	top:103px;
}
#five_server_three{
   width: 128px;
	height: 51px;
	left: 213px;
	top:0;
}
#five_server_four{
   width: 150px;
	height: 52px;
	left: 264px;
	top:63px;
}
#five_server_five{
   width: 150px;
	height: 52px;
	left: 211px;
	top:117px;
}

#rules .lcw03{
	padding-top:40px;
	padding-bottom:55px;
}
.ol_style em{
   display: block;
   margin:3px 0 0  0;
	float: left;
   width:13px;
	height: 13px;
	line-height: 13px;
	color: #fff;
   font-style: normal;
	font-size: 10px;
	text-align: center;
   background: url(../images/ol_bg.gif) no-repeat;
}
.ol_style div{
	margin: 0 0 0 24px;
}
.ul_style li{
	background: url(../images/ul_bg.gif) no-repeat 0 8px;
	padding:0 0 0 15px;
}
p.steps_p01{
   margin: 15px 0 0 0;
	text-indent: 0;
   color: #3166cc;
   font-weight: bolder;
}
p.steps_p02{
   margin: 90px 0 0 0;
	text-indent: 0;
   color: #3166cc;
   font-weight: bolder;
}
p.steps_p02 a{
   text-decoration: underline;
	font-weight: bolder;
}
.steps_list li{
   height: 72px;
	margin: 28px 0 0 0;
	text-align: left;
   background-image: url(../images/step_bg.png);
	background-repeat: no-repeat;
}
.steps_list li p{
	padding: 18px 0 0 83px;
	text-align: left;
	text-indent: 0;
}
 li.steps_list02{
   background-position: 0 -72px;
}

/* ===========  services style =============*/
#service01_list{
	padding: 4px 0 0 0;
}
#service01_list li{
	float: left;
	padding: 0 6px 0 0;
}
#service01_list li a{
   display: block;
	float: left;
	width: 127px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(../images/services_tbg.png);
}
li#service01_li a{ background-position: 0 0; }
li#service01_li a:hover,
#service01 li#service01_li a
{ background-position: 0 -40px;}

li#service02_li a{ background-position: -133px 0; }
li#service02_li a:hover,
#service02 li#service02_li a
{ background-position: -133px -40px;}

li#service03_li a{ background-position: -266px 0; }
li#service03_li a:hover,
#service03 li#service03_li a
{ background-position: -266px -40px;}

li#service04_li a{ background-position: -398px 0; }
li#service04_li a:hover,
#service04 li#service04_li a
{ background-position: -398px -40px;}

li#service05_li a{ background-position: -531px 0; }
li#service05_li a:hover,
#service05 li#service05_li a
{ background-position: -531px -40px;}

#service01 .lcw03,
#service04 .lcw03{
   padding: 15px 0 8px 30px;
}
#service01_wrap{
   margin: 0 8px 0 0;
	padding: 0 22px 30px 0;
	background: url(../images/services_bg01.png) no-repeat bottom right;
}
#service02_wrap{
   margin: 0 8px 0 0;
	padding: 0 22px 10px 0;
	background: url(../images/services_bg02.png) no-repeat 490px 84px;
}
#service03_wrap{
   margin: 0 8px 0 0;
	padding: 0 22px 10px 0;
	background: url(../images/services_bg03.png) no-repeat 540px 100px;
}
#service04_wrap{
   margin: 0 8px 0 0;
	padding: 0 22px 10px 0;
	background: url(../images/services_bg04.png) no-repeat bottom right;
}
#service05_wrap{
   margin: 0 8px 0 0;
	padding: 0 22px 10px 0;
	background: url(../images/services_bg05.png) no-repeat 540px 100px;
}
.services_comm dl{
	margin: 20px 0 0 0;
   padding:0 0 0 60px;
}
#service01_dl01 {
	background: url(../images/ico_01.png) no-repeat 5px 0;
}
#service01_dl02 {
	background: url(../images/ico_02.png) no-repeat;
}
#service02_dl01 {
	background: url(../images/ico_03.png) no-repeat 5px 0;
}
#service03_dl01 {
	background: url(../images/ico_04.png) no-repeat 5px 0;
}
#service04_dl01 {
	background: url(../images/ico_05.png) no-repeat 5px 0;
}

.services_comm dl dt{
   color: #3166cc;
   font-weight: bolder;	
}
.services_comm dl dt img{
   display: block;
	padding: 5px 0 15px 0;
}
#service01_dl01 dd,
#service01_dl02 dd{
	width: 570px;
}
.services_comm p{
	color: #3166cc;
	text-indent: 0;
}
p.service01_p01{
	margin:10px 0 0 55px;
}
p.service02_p01{
	margin: 45px 0 0 55px;
}
p.service03_p01{
	margin: 160px 0 0 55px;
}
p.service04_p01{
	margin: 140px 0 0 55px;
}
p.service05_p01{
	margin:155px 0 0 55px;
}

/* ===========  member style =============*/
#game_list li{
   float: left;
	padding:0 20px 0 0;
	vertical-align: bottom;
}
#game_wrap,#download_wrap{
   padding-top: 30px;
	padding-right: 0;
}
#download_wrap dl{
	
}
#download_wrap dt{
   clear: both;
   padding: 0 0 5px 0;
   color: #0168b3;
	font-size: 14px;
	font-weight: bolder;
}
#download_wrap dd{
   position: relative;
   width: 352px;
	float: left;
	padding:0 0 20px 0;
	vertical-align: top;
}
#download_wrap dd div{
   width: 192px;
	text-align: center;
}
.down_but{
	position: absolute;
	top: 42px;
	left:200px;
}

body#game_flash{
	background:#105eb7;
}
#game_flash #header{
	width: 830px;
	margin: 11px auto 0 auto;
	background: url(../images/header_line.gif) no-repeat -12px 35px;
}
#game_flash #header img{
	margin: 0 0 0 0;
}
#game_wrap01{
   margin: 0 auto;
   width: 849px;
	height: 516px;
	padding:33px 0 0 0;
	text-align: center;
   background: url(../images/game_conbg.png) no-repeat;
}
#game_wrap02{
   position: relative;
   margin: 0 auto;
   width: 791px;
}
#game_wrap02 h3{
	font-size: 14px;
	color: #1579bf;
}

#flash_txt{
   position: absolute;
   height: 29px;
	line-height: 29px;
	padding:0 30px 0 0;
	right:0;
	top:14px;	
   background: url(../images/flash_ico.png) no-repeat right;
}
#flash_txt a{
	text-decoration: underline;
}
#game_flash_area{
	margin: 50px 0 0 0;
}

/* ===========  faq style =============*/
.reg_step dt{
   margin: 20px 0 0 0;
}
.reg_step dt em{
   display: block;
   margin:3px 0 0  0;
	float: left;
   width:13px;
	height: 13px;
	line-height: 13px;
	color: #fff;
   font-style: normal;
	font-size: 10px;
	text-align: center;
   background: url(../images/ol_bg.gif) no-repeat;
}
.reg_step dt div{
	margin: 0 0 0 24px;
	color: #1579bf;
	font-weight: bolder;	
}
.reg_step_list{
	margin: 0 0 0 17px;
}
.reg_step_list li{
   height: 72px;
	margin: 10px 0 0 0;
	text-align: left;
   background-image: url(../images/reg_step.png);
	background-repeat: no-repeat;
}
.reg_step_list li p{
	padding: 30px 0 0 83px;
	text-align: left;
	text-indent: 0;
}
.reg_step_list li.reg_step02{
   background-position: 0 -82px;
}
.reg_step_list li.reg_step03{
   background-position: 0 -169px;
}
#faq .ol_style li{
	margin: 16px 0 0 0;
}
#faq .ol_style li li{
	margin: 0;
}
#faq .ol_style li div h4{
   color: #1579bf;
   font-size: 12px;
}
.ol_style li li ul{
	background: none;
	margin: 0;
	padding:0;
}
.ol_style li li li{
	background: none;
	margin: 0;
	padding:0;	
}
p.faq_note{
   text-indent: 0;
	padding: 0 0 0 16px;
   color: #1579bf;	
}
#contact{
   width: 435px;
	margin: 47px auto;
	background: url(../images/contact_bg.png) no-repeat;
}
#contact p{
	padding: 125px 0 125px 150px;
	color: #1579bf;
	text-indent: 0;
	font-weight: bolder;
}
#contact-us .lcw03{
	text-align: center;
}

/* ===========  sitemap style =============*/
#sitemap #container{
	margin-top: 7px;
}
#sitemap #c_wrapper01{
	   background: url(../images/sitemap_con_wrap_b01.png) no-repeat top;
}
#sitemap #c_wrapper02 .left{
	margin-top: 45px;
}
#sitemap #sidebar{
	margin-top: 32px;
}
#sitemap dl{
   width: 680px;
	height: 55px;
	margin: 43px 0 0 0;
	background: url(../images/sitemap_list_bg.png);
}
#sitemap dl dt{
   float: left;
	width: 109px;
   height: 55px;
   color: #3366cc;
	text-indent: 14px;
	font: 12px/55px normal; 
}
#sitemap dl dd{
	float: left;
	width: 570px;
	padding: 15px 0 0 0;
}
#sitemap dl dd li{
	float: left;
   padding: 0 30px 0 23px;
	line-height: 27px;
	background: url(../images/sitemap_list_ico.png) no-repeat 0 50%;
}
#sitemap dl dd li a{
	color: #626262;
}
#sitemap dd.services_map{
	padding: 5px 0 0 0;
}
#sitemap dd.services_map li{
   padding: 0 14px 0 23px;	
	line-height: 20px;
}


/* ===========  sidebar style =============*/
#sidebar{
	float: right;
	width: 198px;
	margin: 13px 0 0 0;
}
.sidebar_p{
	margin:0 0 10px 0;
}
.sidebar_nav01 li{
   height: 28px;
   line-height: 20px;
	padding:0 0 0 10px;
	background: url(../images/sidebar_nav01_bg.png);
}
.sidebar_nav01 li a{
	font-weight: bolder;
}
.sidebar_nav01 li a:hover{
  text-decoration: underline;
}
.sidebar_nav01 li.last{
	height: 20px;
}
.sidebar_nav02 li{
   height: 39px;
	margin: 4px 0 0 0;
   padding:0 25px 0 0;
	vertical-align: bottom;
	background-image: url(../images/sidebar_nav02_bg.png);
}
.sidebar_nav02 li#sn2_02{
   background-position:0 -42px; 
}
.sidebar_nav02 li#sn2_03{
   height: 38px;
   background-position:0 -84px; 
}
.sidebar_nav02 li#sn2_04{
   height: 37px;
   background-position:0 -124px; 
}
.sidebar_nav02 li a{
	display: block;
	float: left;
	width: 100%;
	height:40px;
	line-height: 50px;
	overflow: hidden;
	font-weight: bolder;
	text-align: right;
}


#footer{
	clear: both;
   position: relative;
	padding: 30px 0 0 0;
	margin-left: 20px;
}
#index #footer{
   margin-left: 30px;
}

#footer_nav{
	position: absolute;
	top:25px;
	right:18px;
	color: #666;

}
#footer_nav a{
	color: #666;
}
#footer_nav a:hover{
	 text-decoration: underline;
}
#copyright{
	width: 1000px;
	margin: 0 auto;
	padding:10px 0 28px 0;
	text-align: center;
}

#flContent{
 position:absolute;
 left:0px;
 top:1px;
}
/* ===========  active style =============*/
.w700{ width:700px;}
.w700 h1{color:#626262; font-size:14px; font-weight:bold; padding-top:10px; text-align:center;}
.w700 p{ line-height:2;}
.divdate{ text-align:center; padding:15px 0px 25px;}
.ulact li{ float:left; padding:10px 0px;}
.divactr{ float:left; padding-left:20px; text-align:left; width:280px;}
.divactr strong{ color:#3065cb; display:block; font-size:14px; padding:2px 0px 8px;}
.divactr a.mss{ display:block; margin-top:46px; width:108px;}

.divlh{ float:right; height:222px; overflow:hidden; padding:15px 0px 20px 20px; position:relative; width:302px;}
.divlh img{ border:1px solid #7a9eec; height:220px; width:300px;}
.divlh ul{ bottom:23px; position:absolute; right:2px;}
.divlh ul li{ float:left; padding:0 2px;}
.divlh ul li a{ background:#fff; float:left; line-height:1; padding:2px 5px; text-decoration:none;}
.divlh ul li a:hover, .divlh ul li a.on{ background:#005bd4; color:#fff; font-weight:bold; text-decoration:none;}
.divflv{ margin:0 auto; padding:30px 0px 15px; width:351px;}

#focuspic {
	WIDTH: 300px; HEIGHT: 220px
}
#focuspic #focus {
	POSITION: relative; WIDTH: 300px; HEIGHT: 220px
}
#focuspic #au {
	FILTER: progid:DXImagetransform.Microsoft.Fade (duration=0.5,overlap=1.0)
}
#focuspic #no {
	POSITION: absolute; MARGIN-TOP: 0px; WIDTH: 300px; HEIGHT: 31px; TOP: 217px; LEFT: 0px;
}
#focuspic #conau {
	POSITION: absolute; TEXT-ALIGN: left; MARGIN-TOP: 6px; WIDTH: 268px; COLOR: #fff; FONT-SIZE: 14px; TOP: 335px; FONT-WEIGHT: bold; LEFT: 4px
}
#focuspic #conau A {
	COLOR: #fff
}
#focuspic #conau A:hover {
	COLOR: #fff
}
#focuspic .lunbo {
	POSITION: absolute; WIDTH: 300px; HEIGHT: 14px; TOP: 224px; LEFT: 0px
}
#focuspic .lunbo UL {
	FLOAT: right; HEIGHT: 17px
}
#focuspic .lunbo LI {
	LINE-HEIGHT: 12px; FLOAT: left; FONT-WEIGHT: bold; MARGIN-RIGHT: 3px; padding-bottom:2px;
}
#focuspic .lunbo .bg {
	TEXT-ALIGN: center; LINE-HEIGHT: 12px; WIDTH: 14px; HEIGHT: 12px; PADDING-TOP: 2px
}
#focuspic .lunbo .active {
	TEXT-ALIGN: center; LINE-HEIGHT: 12px; WIDTH: 14px; HEIGHT: 12px; PADDING-TOP: 2px
}
#focuspic .lunbo .bg {
	BACKGROUND: #000; COLOR: #b1b1b1
}
#focuspic .lunbo .active {
	BACKGROUND: #e36500; COLOR: #fefefe
}