@charset "utf-8";
/* CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background:#ececec;
	/*background:url(/images/20_off.jpg) repeat;*/
}
*{
	margin:0 auto;
	padding:0;
}
.margin{
	margin:0 auto;
}
select{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
/*-------------------------------------------a 超链样式---------------------------------------------------------------*/
a{
	text-decoration:none;
	color:#333;
}
a:link{
	color:#333;
}
a:visited{
	color:#333;
}
a:hover{
	color:#F60;
	text-decoration:underline;
}
a:active{
	color:#333;
}
#breadcrumbs{
	width:721px;
	height:35px;
	font-size:12px;
	background:url(/images/pic_product.gif) 0px -870px no-repeat;
	padding:3px 0 0 30px;
	font-weight:bold;
	color:#003399;
}
#breadcrumbs span{
	color:#333333;
}
#breadcrumbs span a{
	color:#333333;
	text-decoration:underline;
}
#breadcrumbs span a:hover{
	color:#003399;
	text-decoration:underline;
}
#nav li a.Home{
	width:58px;
	height:20px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	padding:4px 0 0 28px;
}
#nav li a:hover.Home,#nav li a.hoverHome{
	width:58px;
	height:20px;
	display:block;
	float:left;
	color:#0d3f83;
	text-decoration: none;
	font-weight:bold;
	padding:4px 0 0 28px;
	background: url(../images/pic.jpg) -61px -86px;
}
#nav li a.Currency{
	width:68px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 3px;
	padding:3px 0 0 20px;
}
#nav li a:hover.Currency,#nav li a.hoverCurrency{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 20px;
	background: url(../images/pic.jpg) -61px -86px;
}
#nav li a.Powerleveing{
	width:100px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 8px;
	padding:3px 0 0 17px;
}
#nav li a:hover.Powerleveing,#nav li a.hoverPowerleveing{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 17px;
	background: url(../images/pic.jpg) -249px -86px;
}
#nav li a.Item{
	width:48px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 6px;
	padding:3px 0 0 19px;
}
#nav li a:hover.Item,#nav li a.hoverItem{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 19px;
	background: url(../images/pic.jpg) -372px -86px;
}
#nav li a.CDKey{
	width:50px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 5px;
	padding:3px 0 0 12px;
}
#nav li a:hover.CDKey,#nav li a.hoverCDKey{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 12px;
	background: url(../images/pic.jpg) -445px -86px;
}
#nav li a.HelpCenter{
	width:80px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 9px;
	padding:3px 0 0 14px;
}
#nav li a:hover.HelpCenter,#nav li a.hoverHelpCenter{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 14px;
	background: url(../images/pic.jpg) -517px -86px;
}
#nav li a.ContactUs{
	width:80px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 6px;
	padding:3px 0 0 14px;
}
#nav li a:hover.ContactUs,#nav li a.hoverContactUs{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 14px;
	background: url(../images/pic.jpg) -517px -86px;
}
#nav li a.AboutUs{
	width:72px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 6px;
	padding:3px 0 0 18px;
}
#nav li a:hover.AboutUs,#nav li a.hoverAboutUs{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 18px;
	background: url(../images/pic.jpg) -616px -86px;
}
#nav li a.TrackOrder{
	width:103px;
	height:24px;
	display:block;
	float:left;
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
	margin:0 0 0 10px;
	padding:3px 0 0 15px;
}
#nav li a:hover.TrackOrder,#nav li a.hoverTrackOrder{
	color:#0d3f83;
	text-decoration: none;
	font-weight: bold;
	padding:3px 0 0 15spx;
	background: url(../images/pic.jpg) -715px -86px;
}

#nav ul.search li a.button{
	width:59px;
	height:20px;
	display:block;
	background:url(../images/pic.jpg) 0px -116px;
	padding:3px 0 0 25px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	margin:0 0 0 10px;
}
#nav ul.search li a:hover.button{
	width:59px;
	height:20px;
	display:block;
	background:url(../images/pic.jpg) 0px -116px;
	color: #333;
}

#helpCenter ul a.button{
	width:174px;
	height:73px;
	display:block;
}
#helpCenter li a{
	font-size: 10px;
	color: #F60;
}
#leftsidebar li a{
	color: #333;
	text-decoration: none;
}
#leftsidebar li a:hover{
	color: #F60;
	text-decoration: underline;
}

#fastorder ul.status li.button a{
	width:106px;
	height:18px;
	display:block;
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
	padding:3px 0 0 35px;
}
#fastorder ul.status li.button a:hover{
	color: #0FF;
}
/*-------------------------------------------a 超链样式---------------------------------------------------------------*/


/*-------------------------------------------#header---------------------------------------------------------------*/
#header{
	width:auto;
	height:224px;
}
#logo{
	width:327px;
	height:79px;
	margin:0 0 0 15px;
}
#logoTop{
	width: auto;
	height:184px;
	background:url(../images/logoTop.jpg) no-repeat;
}
#top{
	width:991px;
	height:224px;
}
#nav{
	width:991px;
	height:76px;
	margin:69px 0 0 0px;
	background:url(../images/pic.jpg);
}
#nav ul{
	list-style:none;
}
#nav li{
	float:left;
	margin-top:10px;
}
#nav ul.mainbav{
	width:884px;
	height:32px;
	margin:0 0 0 50px;
	padding:0 0 0 15px;
}
#nav ul.search{
	width:903px;
	height:23px;
	margin:14px 0 0 150px;
}
#nav ul.search li{
	margin:0 0 0 15px;
}
/*-------------------------------------------#header---------------------------------------------------------------*/


/*-------------------------------------------#main----------------------------------------------------------------------*/
#main{
	width:991px;
	height:auto;
	overflow:hidden;
	background:url(../images/backdrop.jpg) repeat-y;
}
#content{
	width:949px;
	height:auto;
    overflow:hidden;
	margin:8px 21px 0 21px;
}
#left{
	width:186px;
	height:auto;
	margin:0;
	float:left;
}
#right{
	width:751px;
	height:auto;
	margin:0;
	float:right;
}

/*#helpCenter{
	width:176px;
	height:181px;
	background:url(../images/pic.jpg) 0px -143px;
	padding:13px 0 0 10px;
	width:174px;
	height:201px;
	background:url(../images/184.jpg);
	padding:13px 0 0 10px;
}*/
#helpCenter ul{
	list-style:none;
	margin:5px 0 0 0;
}
#helpCenter li{
	margin:0 0 0 13px;
}
#helpCenter li.email{
	color:#FF6F28;
	font-size:13px;
}
#helpCenter li.phone{
	color:#0080FF;
	font-size:13px;
}

#leftsidebar{
	width:186px;
	height:auto;
	margin:13px 0 0 0;
}
#leftsidebar ul.main{
	width:182px;
	height:auto;
	padding:1px 0 2px 0;
	background:#f6f9fc;
	border-bottom:1px solid #e2e2e4;
	border-left:1px solid #e2e2e4;
	border-right:1px solid #e2e2e4;
}
#leftsidebar ul.zhan2 li.zhan{
	width:182px;
	height:20px;
	list-style:none;
	margin:0 0 5px 0;
	*margin:0 0 5px -15px;
	padding:5px 0 0 15px;
} 
#leftsidebar ul.zhan2 li.zhan a{
	color:#FFF;
}
#leftsidebar ul.zhan2{
	width:182px;
	height:auto;
	list-style:none;
	margin:0 0 10px 0;
}
#leftsidebar ul.zhan2 li{
	margin:2px 0 0 15px;
	*margin:2px 0 0 1px;
	height:15px;
}
#leftsidebar ul.zhan2 li a{
	color:#036;
	font-size: 10px;
}
#leftsidebar ul.producttag{
	list-style:none;
	width:175px;
	height:90px;
	margin:0 0 0 10px;
}
#leftsidebar ul.producttag li.top{
	color:#22509d;
	list-style:none;
	width:175px;
	height:19px;
}
#leftsidebar ul.producttag li{
	float:left;
	width:18px;
	height:12px;
	margin:0 0 4px 0;
	padding:0;
}
#leftsidebar ul.camp{
	list-style:none;
	width:184px;
	height:28px;
	margin:-15px 0 0 0;
	padding:0;
}
#leftsidebar ul.camp li{
	width:90px;
	height:22px;
	float:left;
	font-size: 14px;
	font-weight: bold;
	color: #0040a8;
	text-align: center;
	background: #FFF;
	margin:0 0 0 0;
	padding:6px 0 0 0;
}
#leftsidebar ul.camp li.page{
	width:90px;
	height:22px;
	float:left;
	font-size: 14px;
	font-weight: bold;
	color: #0040a8;
	text-align: center;
	background: url(../images/camp_backdrop.gif) repeat-x;
	margin:0 0 0 0;
	padding:6px 0 0 0;
}
#leftsidebar ul.top{
	width:146px;
	height:26px;
	background:url(../images/pic.jpg) -193px -143px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding:8px 0 0 38px;
}
#leftsidebar ul.top2{
	width:146px;
	height:26px;
	background:url(../images/pic.jpg) -193px -257px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding:8px 0 0 38px;
}
#leftsidebar li{
	list-style-position: inside;
	margin:3px 8px 2px 8px;
}

#banner{
	width:750px;
	height:232px;
}
#container{
	width:751px;
	height:auto;
	margin:0;
}
#containerTop{
	width:751px;
	height:35px;
	background:url(../images/pic.jpg) 0px -864px;
	margin:0 0 10px 0;
}
#containerLeft{
	width:553px;
	height:auto;
	float:left;
}
#containerRight{
	width:186px;
	height:auto;
	float:left;
	margin:0 0 0 12px;
}

#fastorder{
	width:553px;
	height:234px;
	background:url(../images/pic.jpg) -386px -144px;
	clear:both;
}
#fastorder ul{
	list-style:none;
}
#fastorder ul.status{
	width:240px;
	height:168px;
	float:left;
	margin:20px 0 0 23px;
}
#fastorder ul.status ul{
	margin:40px 0 0 0;
}
#fastorder ul.status li.span{
	width:240px;
	height:20px;
	font-weight: bold;
	color: #333;
}
#fastorder ul.status li.span2{
	width:50px;
	height:20px;
	font-weight: bold;
	color:#039;
	text-align: right;
	margin:0 8px 0 0;
}
#fastorder ul.status li{
	float:left;
	margin:0 0 10px 0;
}
#fastorder ul.status li.button{
	width:141px;
	height:21px;
	background:url(../images/pic.jpg) -193px -184px;
	margin:10px 0 10px 50px;
}
#fastorder ul.parity{
	width:256px;
	height:214px;
	float:left;
	margin:10px 0 0 20px;
}
#fastorder ul.parity p{
	width:256px;
	height:214px;
}

#news{
	width:553px;
	height:345px;
	background:url(../images/pic.jpg) -386px -384px;
	margin:15px 0 0 0;
}
#newsList{
	width:59px;
	height:20px;
	float:left;
	margin:11px 0 0 10px;
	padding:5px 0 0 25px;
	font-weight:bold;
}
#tesimonialsList{
	width:79px;
	height:20px;
	float:left;
	margin:11px 0 0 40px;
	padding:5px 0 0 8px;
	font-weight:bold;
}
#WOWNews{
	width:148px;
	height:20px;
	float:left;
	margin:11px 0 0 40px;
	padding:5px 0 0 8px;
	text-align:center;
	font-weight:bold;
}

#list{
	width:541px;
	height:229px;
	margin:20px 0 0 12px;
	float:left;
}
#list ul{
	list-style:none;
}
#list li.title{
	width:414px;
	height:15px;
	color:#023ba5;
	float:left;
}
#list li a{
	color:#039;
}
#list li a:link{
	color:#039;
}
#list li a:visited{
	color:#039;
}
#list li a:hover{
	color:#F60;
}
#list li a:active{
	color:#039;
}
#list li.date{
	width:120px;
	height:15px;
	color:#999999;
	float:left;
	text-align:center;
}
#list li{
	width:517px;
	height:70px;
	float:left;
	background:url(../images/nvewBackdrop.jpg) no-repeat;
}
#list li.n_content{
	width:505px;
	float:left;
	word-wrap:break-word;
}
#listDown{
	width:553px;
	height:30px;
	float:left;
	background:url(../images/pic.jpg) no-repeat -953px -476px;
}
#listDown ul{
	list-style:none;
}
#listDown li{
	float:left;
	font:bold;
	padding:3px 0 0 0;
}
#listDown li a.button{
	color: #666;
	margin:0 0 0 280px;
	font-weight:bold;
}
#listDown li a:hover.button{
	color: #F60;
}

#mmorpgCount{margin-left:30px;}

#newsmore{float:right;margin-right:15px;}

#Newsboard{float:left;}

#NewsNav{width:553px;height:39px;background:url(../images/pic.jpg) no-repeat -953px -384px;}

#NewsCenter{background:url(../images/NewsCenter.jpg) repeat-y 0px 0px;float:left;height:382px;}

.NewsSection{margin-top:20px;}

#summary{
	width:554px;
	height: auto;
	overflow:hidden;
	margin:20px 0 0 0;
}
#summary ul.top{
	width:554px;
	height:13px;
	background:url(/images/summaryTop.gif) no-repeat;
}
#summary ul.middle{
	width:538px;
	height:auto;
	overflow:hidden;
	padding:0 0 0 16px;
	background:url(/images/summaryMiddle.gif) repeat-y;
	line-height:20px;
}
#summary p{
	width:514px;
	margin:0 0 5px 0;
}
#summary ul.down{
	width:554px;
	height:14px;
	background: url(/images/summaryDown.gif) no-repeat;
} 
#login{
	width:186px;
	height:234px;
	background:url(../images/pic.jpg) 0px -343px;
}
#pic{
	width:186px;
	height:136px;
	background:url(../images/pic.jpg) 0px -583px;
	margin:15px 0 15px 0;
}
#linkpic{
	width:186px;
	height:auto;
	margin:0 0 10px 0;
	
}

#link{
	width:947px;
	height:127px;
	background: url(../images/pic.jpg) -385px -734px;
	margin:15px 21px 10px 21px;
	float:left;
}
#link ul{
	width:160px;
	height:auto;
	float:left;
	color:#023ba5;
	padding:0 0 0 70px;
	margin:18px 0 0 0;
}
#link ul.link1{
	width:180px;
	height:auto;
	float:left;
	color:#023ba5;
	padding:0 0 0 50px;
	margin:18px 0 0 0;
}
#link li{
	list-style-position: inside;
	margin:5px 0 5px 2px;
}
#footerpic{
	width:857px;
	height:auto;
	text-align: center;
}
/*-------------------------------------------按钮样式----------------------------------------------------------------------*/
.btn5_mouseout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width:165px;
	height:25px;
	color:#FFF;
	border:medium none;
	padding:0 0 3px 8px;
    background:url(/images/5server.jpg) no-repeat left top;
} 
.btn5_mouseover {
	color: #0affff;
}
.btn6_mouseout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width:165px;
	height:25px;
	color:#FFF;
	border:medium none;
	padding:0 0 3px 0px;
    background:url(/images/6server.jpg) no-repeat left top;
} 
.btn6_mouseover {
	color: #0affff;
}
.btn3_mouseout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width:120px;
	height:25px;
	color:#FFF;
	border:medium none;
	padding:0 0 3px 8px;
    background:url(/images/2server.jpg) no-repeat;
} 
.btn3_mouseover {
	color: #0affff;
}
.btn4_mouseout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width:95px;
	height:25px;
	color:#FFF;
	border:medium none;
	padding:0 0 3px 0px;
    background:url(/images/4server.jpg) no-repeat;
} 
.btn4_mouseover {
	color: #0affff;
}
.btn0_mouseout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width:116px;
	height:25px;
	color:#FFF;
	border:medium none;
	padding:0 0 3px 5px;
    background:url(/images/0server.jpg) no-repeat;
} 

/*-------------------------------------------#main----------------------------------------------------------------------*/

#footer{
	width:991px;
	height:44px;
	background:url(../images/footer.jpg) no-repeat;
	float:left;
}
#Copyright{
	width:911px;
	height:17px;
	padding:5px 0 0 0;
	color: #333;
	text-align: center;
}
#bottomLink{
	width:911px;
	padding:5px 0 0 0;
	text-align: center;
}
#bottomLink a{
	margin:0px 5px;
}
.module{
	color:#000;
	font-weight:bold;
	font-size:13px;
}
#link a{
	text-decoration:none;
}
#link a:link{
	color:#039;
}
#link a:visited{
	color:#039;
}
#link a:hover{
	color:#F60;
	text-decoration:underline;
}
#link a:active{
	color:#039;
}

/*------------------------------购物流程图片CSS-----------------------------------*/
ul#width547 {
	padding:0px;
	margin:0px;
	list-style:none;
	width:547px;
	height:36px;
	background-image: url(../images/check_img.jpg);
}
#width547 li{	
	float:left;
	width:135px;
	text-align:center;
	padding-top:18px;
}

#width547 li.step1{
	float:left;
	height:13px;
	padding-top:18px;
	color:#f60;
	background-image: url(../images/check_img.jpg);
	background-repeat: no-repeat;
	background-position: -15px -53px;
}
#width547 li.step2{
	float:left;
	height:13px;
	padding-top:18px;
	color:#f60;
	background-image: url(../images/check_img.jpg);
	background-repeat: no-repeat;
	background-position: -15px -98px;
}
#width547 li.step3{
	float:left;
	height:13px;
	padding-top:18px;
	color:#f60;
	background-image: url(../images/check_img.jpg);
	background-repeat: no-repeat;
	background-position: -15px -148px;
}

/*--------------------------首页HotGame模块样式 by songjun 2011-1-24---------------------------*/
#bym_main {
	width:561px;
	height:auto;
	float:left;
	padding-bottom:10px;
}

#bym_main ul{list-style:none;}

#bym_games {
	width:561px;
	height:25px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #a3a3a3;
}
li.bym_btn_active{
	background:url(../images/bym_anliu.gif) no-repeat 0px 1px;
	float:left;
	width:123px;
	height:27px;
	color:#3567da;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	/*padding:5px 0 0 24px;*/
}

li.bym_btn{
	background:url(../images/bym_anliu.gif) no-repeat 0px 0px;
	float:left;
	width:123px;
	height:27px;
	color:#3567da;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	/*padding:5px 0 0 24px;*/
}

a.HotBest{display:block;margin-top:5px;color:#3567da;text-decoration:none;cursor:pointer;}

li.bym_btn_active a{color:red;text-decoration:none;cursor:pointer;}

.bym_cp {
	width:570px;
	height:auto;
	margin:8px 0 0 0;
	float:left;
}
.bym_cp ul {
	float:left;
	margin:0 2px 0 2px;
	width:135px;
	text-align:center;
}
.bym_cp img {
	border:none;
}

.hide{display:none;}

a.bym_cpfont, .bym_cpfont:hover {
	font-size:14px;
	color:#3b5592;
	font-weight:bold;
	padding:5px 0 0 0px;
	text-decoration:none;
	height:50px;
	
}
.bym_h{	
	font-size:14px;
	color:#3b5592;
	font-weight:bold;
	padding:5px 0 0 0px;
	text-decoration:none;
	height:30px;
}
a.bym_cpfont:hover {
	color:#0a2b79;
	text-align:center;
}
.bym_cpfont1 {
	font-size:12px;
	width:110px;
	line-height:18px;
	color:#5d5d5d;
	padding:5px 0 0 20px;
	text-align:left;	
}
.tPL{line-height:35px; padding-left:15px; background-color:#e9f4fa; font-weight:bold;}

/*powerleveling*/
.ffxiItemCont {background:url(../images/itembg2.png) #333;color:#fff;padding:5px;border-top:2px solid #e3edff;border-left:2px solid #e3edff;border-bottom:2px solid #727084;border-right:2px solid #727084;width:367px;font-family:'arial';font-size:13px;font-weight:bold}
.ffxiItemCont .ffitemIcon {float:left;margin:2px 2px 2px 2px}
.ffxiItemCont .ffitemDetails {margin-left:40px}
.ffxiItemCont .ffitemFlags {float:right}
.ffxiItemCont .ffitemSt {width:75%}
.ffitemName {font-size:1.2em}
.ffxiItemCont a {color:lightgray}
.ffxiDIV{float:left;background-color:#fff;overflow:hidden;position:absolute;z-index:101;}