body{
	margin:0;
	padding:0;
	font:13px Arial, Tahoma;
	line-height: 140%;
	color: #333;
}
.bg{
	background: #fff url(../../images/bg1.jpg) no-repeat center top; 
}
.bg-intro{
	background: #fff url(../../images/bg-intro.jpg) no-repeat center top; 
}
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color: #990000;
	text-decoration:underline;
}
div,h1, h2, h3, h4, h5, img{
	margin:0px; 
	padding:0px;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* fixed IE images scaling */
}
h1 {
	font-family: arial;
	font-size: 140%;
	font-weight: bold;
/*	padding-bottom: 1em;*/
	color: #D01200;
	padding:10px 0;
	border-bottom:1px solid #eee;
}
h2 {
	font-weight: bold;
	padding-bottom: 0.5em;
  color: #FFB90F;
/*		color: #73c0dc;*/
	font-family: arial;
	font-size: 120%;
}
h3 {
	font-family: arial;
	font-size: 110%;
	font-weight: bold;
	color: #00a3b4;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;	
	padding: 0.5em 0.5em 0.5em 0;
	margin-bottom: 0.5em;
}
/* general */
.b {
	font-weight: bold;
}
.lighter {
	color: #a4a4a4;
}
.smaller {
	font-size: 90%;
	font-weight: normal;
}
.textbox, .dropdown {
	width: 97%;
	color: #666;
}
.dropdown {
/*	font-size: 90%;*/
}
.clear-all{
	clear:both; 
	line-height:0; 
	height:0;
}

/* ret msg */
.fatal, .success {
	padding: 1em;
	margin-bottom: 0.5em;
}
.fatal {
	color: #fff;
	background-color: #ff1d42;
}
.fatal ul {
	padding-top: 0.3em;
}
.fatal li {
	padding: 0.3em 0 0.3em 0;
}
.success {
	color: #424242;
	background-color: #ceef9e;
}
.warning {
	font-size: 10px;
	font-family: verdana, arial;
	color: #ff1d42;
}

/* id */
#wrapper{ 
	width:970px;
	margin:auto;
	padding:0px 0 0 0;
	position:relative;
}
#header{
	height:517px;
	z-index:0;
	position:relative;
	/*
	position:absolute;
	top:0;
	left:0;
	*/
}
#header-intro{
	height:164px;
	z-index:0;
	position:relative;
	/*
	position:absolute;
	top:0;
	left:0;
	*/
}
#header .menu,#header-intro .menu{
	height:164px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#header .bg{
	height:517px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#container_content{
	padding:0 0 0px 0;
	margin:0;
	background:url(../../images/content-h.png) no-repeat;
	z-index:1;
	position:absolute;
	top:318px;
	left:0px;
	width:970px;
	
}
#container_content-intro{
	padding:0 0 0px 0;
	margin:0;
	background:url(../../images/content-intro-h.png) no-repeat;
	z-index:1;
	position:absolute;
	top:164px;
	left:0px;
	width:970px;
	
}
#container_content-2col{	
	padding:0 0 0px 0;
	margin:0;
	background:url(../../images/content-2col-h.png) no-repeat;
	z-index:1;
	position:absolute;
	top:318px;
	left:0px;
	width:970px;
}
#sidebar-left{
	width:210px;
	float:left;
	margin:0 0 0 10px;
}
#sidebar-search{
	width:200px;
	float:right ;
	margin:30px -2px 0 0px;
  /*background-color:#FFFF00;*/
  border:5px solid #FFFF00; 
}


#sidebar-right{
	width:190px;
	float:right;
	margin:30px 10px 0 0px;
}
#container_content-intro #sidebar-right{
	width:210px;
	float:right;
	margin:0 10px 0 0px;
}
#content{
	width:510px;
	float:left;
	margin:52px 0px 0 20px;
	position:relative;
	/*background:url(../../images/content-bg.png) repeat-x #FFF;*/
}
#container_content-2col #content{
	width:700px;
	float:left;
	margin:52px 0px 0 20px;
	position:relative;
	/*background:url(../../images/content-bg.png) repeat-x #FFF;*/
}
#container_content-intro #content{
	width:720px;
	float:left;
	margin:52px 0px 0 20px;
	position:relative;
	/*background:url(../../images/content-bg.png) repeat-x #FFF;*/
}
#container_content-intro #serverstat{
	width:720px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	top:-22px;
	left:0px;
}
#serverstat{
	width:510px;
	font-size:12px;
	color:#FFF;
	position:absolute;
	top:-45px;
	left:0px;
}
#register{
}
#register a{
	width:210px;
	height:111px;
	background:url(../../images/btn-register.png) no-repeat;
	display:block;
}
#member{
	height:131px;
	background:url(../../images/member-bg.png) no-repeat;
	margin:15px 0 0 0;
	font-size:12px;
}
#container_content-intro #member{
	height:131px;
	background:url(../../images/member-bg.png) no-repeat;
	margin:5px 0 0 0;
	font-size:12px;
}
#member a{
	color:#900;
	font-size:11px;
}
#member ul,#member ul li{
	padding:0;
	margin:0;
	list-style:none;
}
#member .title{
	font-size:16px;
	font-weight:bold;
	color:#d01200;
	padding:7px 10px;
}
#member .form{
	float:left;
	width:120px;
	margin:0 0 0 20px;
}
#member .form .col-left{
	float:left;
	width:35px;
}
#member .form .col-right{
	float:right;
	width:80px;
}
#member .form .col-right input{
	width:100%;
}
#member .btn{
	float:right;
	width:38px;
	height:38px;
	padding:0 20px 0 5px;
}
#member .checkbox{
	margin:5px 0 0 55px;
}
#member a.forget{
	margin:5px 0 0 20px;
}
#container_content-intro .box-left1{
	margin:5px 0 0 0;
}
.box-left1{
	margin:15px 0 0 0;
}
.box-left1 .top{
	background:url(../../images/box-left1-h.png) no-repeat;
	height:20px;
	font-size:16px;
	line-height:16px;
	color:#d01200;
	font-weight:bold;
	padding:5px 10px;
}
.box-left1 .middle{
	background:url(../../images/box-left1-bg.png) repeat-y;
	padding:10px 10px;
	position: relative;
}
.box-left1 .middle .row-col1,.box-left1 .middle .row-col3,.box-left1 .middle .row-text{
	clear:both;
}
.box-left1 .middle .row-col1 li{
	padding:3px 0;
	clear:both;
}
.box-left1 .middle .row-col3 li{
	padding:2px 6px 2px 0;
	float:left;
}
.box-left1 .middle .row-col2 li{
	padding:2px 5px 2px 0;
	float:left;
}
.box-left1 .middle .row-text ul{
	
}
.box-left1 .middle .row-text li{
	padding:3px 0;
	margin: 0 0 0 10px;
	border-bottom:1px dotted #CCCCCC;
	list-style: disc;
	font-size:12px;
}
.box-left1 .bottom{
	background:url(../../images/box-left1-b.png) no-repeat;
	height:11px;
}
.box-left1 ul,.box-left1 ul li{
	padding:0;
	margin:0;
	list-style:none;
}
#gameguide.box-left1 .top{
	background:url(../../images/gameguide-h.png) no-repeat;
	height:47px;
	padding:0px;
	margin:0px;
}
#itemmall.box-left1 .top{
	background:url(../../images/itemmall-h.png) no-repeat;
	height:47px;
	padding:0px;
	margin:0px;
}

.box-center1{
	margin:15px 0 0 0;
	height:226px;
	background:url(../../images/box-center1-bg.png) no-repeat;
	position:relative;
}
.box-center1 .top{
	margin:0 0 0 0;
	padding:8px 0  0 23px;
	position:relative;
}
.box-center1 .top .nav,.box-center1 .top .nav li{
	padding:0;
	margin:0;
	list-style:none;
}
.box-center1 .top a{
	margin:0 0 0 0;
	padding:3px;
	width:80px;
	height:24px;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:12px;
}
.box-center1 .top a:hover,.box-center1 .top a.selected{
	background:url(../../images/box-center1-menu-out.png) no-repeat;
}
.box-center1 .middle{
	clear:both;
	font-size:12px;
}
.box-center1 .middle ul{
	padding:0;
	margin:0 0 0 15px;
	width:480px;
}
.box-center1 .middle ul li{
	padding:5px 0;
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 0 15px;
}
#news.box-center1 .middle ul li{
	padding:5px 0 0 53px;
	margin:0;
	border-bottom:1px dotted #CCCCCC;
	list-style:none;
}
#news.box-center1 .middle ul li.notices{
	background:url(../../images/news-ico-notices.png) no-repeat 0px 3px;
}
#news.box-center1 .middle ul li.news{
	background:url(../../images/news-ico-news.png) no-repeat 0px 3px;
}
#news.box-center1 .middle ul li.others{
	background:url(../../images/news-ico-others.png) no-repeat 0px 3px;
}
#news.box-center1 .middle ul li.activities{
	background:url(../../images/news-ico-activities.png) no-repeat 0px 3px;
}
#itemmall-center{
	margin:15px 0 0 0;
	height:226px;
	background:url(../../images/itemmall-center-bg.png) no-repeat;
	position:relative;
}
#itemmall-center .top{
	margin:0px 0 0 0;
	padding:15px 0  0 23px;
	position:relative;
}
#itemmall-center .top a{
	margin:0 2px;
	padding:3px;
	width:80px;
	height:24px;
	display:block;
	float:right;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	color:#FFF;
	line-height:12px;
	background:url(../../images/itemmall-center-menu-over.png) repeat-x;
	
}
#itemmall-center .top a:hover,#itemmall-center .top a.over{
	background:none;
	
}
#itemmall-center .middle{
	clear:both;
	padding:0 0 0 100px;
}
#itemmall-center .middle .box-inner{
	width:195px;
	position:relative;
	float:left;
	margin:0 7px 0 0;
}
#itemmall-center .middle .box-inner .header{
	padding:0;
	margin:0;
}
#itemmall-center .middle .box-inner .item{
	padding:5px;
	margin:0;
	position:relative;
	border-bottom:1px dotted #CCC;
}
#itemmall-center .middle .box-inner .picture{
	width:31px;
	height:31px;
	position:absolute;
	top:0px;
	left:0px;
	
}
#itemmall-center .middle .box-inner .picture img{
	width:31px;
	
}
#itemmall-center .middle .box-inner .text{
	margin:0 0 0 40px;
	padding:0 0 5px 0;
	font-size:12px;
	line-height:13px;
}
#itemmall-center .middle .box-inner h1{
	font-size:14px;
	color:#2D6DA2;
	font-weight:bold;
	background:url(../../images/itemmall-center-h1.png) no-repeat;
	width:90px;
	margin:10px 0;
	padding:0 0 0 5px;
}
.more{
	width:32px;
	height:20px;
	position:absolute;
	right:10px;
	top:5px;
}
.more a,.more a:hover{
	width:32px;
	height:20px;
	display:block;
	background:url(../../images/btn-more.png) no-repeat;
}
#webboard{
	height:280px;
}
#playerphoto{
	height:262px;
	background:url(../../images/photoplayer-bg.png) no-repeat;
	position: relative;
}
#playerphoto .picture{
	width:160px;
	height:110px;
	position:absolute;
	top:10px;
	left:15px;
}
#playerphoto .detail{
	width:160px;
	height:40px;
	position:absolute;
	top:130px;
	left:15px;
	font-size:11px;
}
#playerphoto .bottom{
	width:160px;
	height:20px;
	position:absolute;
	bottom:3px;
	left:15px;
	font-size:11px;
}
#playerphoto .bottom .number{
}
#playerphoto .bottom .number a{
	width:16px;
	height:16px;
	background:url(../../images/num-out.png) no-repeat;
	font-size:11px;
	color:#FFF;
	text-align:center;
	display:block;
	float:left;
	margin:0 1px;
}
#playerphoto .bottom .number a:hover,#playerphoto .bottom .number a.over{
	width:16px;
	height:16px;
	background:url(../../images/num-over.png) no-repeat;
}
#playerphoto .bottom .btn .more{
	width:32px;
	height:20px;
	position:absolute;
	top:0px;
	right:0px;
}
#playerphoto .bottom .btn .upload{
	width:35px;
	height:20px;
	position:absolute;
	top:0px;
	right:33px;
}
#playerphoto .bottom .btn .upload a{
	width:35px;
	height:20px;
	background:url(../../images/btn-upload.png) no-repeat;
	display:block;
}
#facebook{
	margin:15px 0 0 0;
	height:300px;
}
.box-right1{
	margin:15px 0 0 0;
}
.box-right1 .top{
	background:url(../../images/box-right1-h.png) no-repeat;
	height:27px;
	font-size:16px;
	line-height:16px;
	color:#d01200;
	font-weight:bold;
	padding:0px 5px 0 5px;
}
.box-right1 .top .nav,.box-right1 .top .nav li{
	padding:0;
	margin:0;
	list-style:none;
}
.box-right1 .top a{
	margin:0 0 0 0;
	padding:3px;
	width:76px;
	height:19px;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	background:url(../../images/box-right1-out.png) no-repeat;
}
.box-right1 .top a:hover,.box-right1 .top a.selected{
	background:url(../../images/box-right1-over.png) no-repeat;
}
.box-right1 .middle{
	background:url(../../images/box-right1-bg.png) repeat-y;
	padding:10px 10px;
}
.box-right1 .middle .item{
	padding:5px 0;
	border-bottom:1px dotted #CCC;
	position:relative;
}
.box-right1 .middle .item .picture{
	width:100px;
	height:75px;
	position:absolute;
	top:5px;
	left:0px;
}
.box-right1 .middle .item .picture img{
	width:100px;
	height:75px;
}
.box-right1 .middle .item .text{
	width:70px;
	height:80px;
	margin:0 0 0 105px;
	font-size:11px;
	line-height:12px;
}
.box-right1 .middle .item .text .title{
	font-weight:bold;
}
.box-right1 .middle .item .text .user{
	font-size:11px;
	color:#900;
}

.box-right1 .bottom{
	background:url(../../images/box-right1-b.png) no-repeat;
	height:11px;
}
#path{
	height:20px;
	background:url(../../images/path-bg.png) no-repeat 0px 15px;
	padding:10px 7px 7px 7px;
	margin:0px 0 0 0;
	list-style:none;
	font-size:11px;
}
#path li{
	list-style:none;
	display:inline;
	padding:0 3px;
}
#path li.navi{
	background:url(../../images/path_nav1.gif) no-repeat 0px 4px;
	padding:0 3px;
	
}
#path a{
	color:#ec008c;
}
#path a.old{
	color:#666;
}
#footer{
	width:950px;
	height:76px;
	font-size:11px;
	color:#555555;
	position:relative;
	margin:20px 0 0 10px;
	background:url(../../images/footer-bg.png) no-repeat;
}
#footer .logo1{
	position:absolute;
	top:20px;
	left:10px;
	width:157px;
	height:50px;
}
#footer .text{
	width:661px;
	font-size:10px;
	color:#666;
	position:absolute;
	top:20px;
	left:174px;
	line-height:12px;
}
#footer .logo2{
	position:absolute;
	top:20px;
	right:20px;
	width:100px;
	height:50px;
}
#footer .copy p{
	padding:0;
	margin:0;
}

/* pagination */
#pagination{
	font-size:11px;
	margin:20px 0 0 0;/**/
}
#pagination .num{
	width:50%;
	color:#cb6ec5;
	float:left;
}
#pagination .nav{
	width:50%;
	color:#737373;
	float:left;
	text-align:right;
}
#pagination .nav a:link,#pagination .nav a:visited{
	color:#02a5b5;
}
#pagination .nav a:hover{
	color:#63d5a5;
}
/* end pagination */
#navi_shoping{
	float:right;
	width:104px;
	height:71px;
	padding:10px;
	background: url(../../images/col_right1.png) no-repeat top;
/*	color:#FFFFFF;*/
	color:#585858; 
	text-align:left;
	font-family: arial, tahoma;
	font-weight: bold;
	font-size: 11px;
	line-height: 2em;
}

/* page navigation */
#page_navigation {
	clear: both;
	padding-top: 20px;
}
#page_navigation .left {
	float: left;
	text-align: left;
}
#page_navigation .right {
	float: right;
	text-align: right;
}
#page_navigation .total {
	padding-right: 20px;
}
#page_navigation a {
	color: #ff6b83;
	text-decoration: none;
}
#page_navigation .off {
	color: #ccc;
}
#page_navigation .list {
}
#page_navigation .page {
	padding-left: 20px;
}

/* order */
#order {
	width: 100%;
	text-align: left;
}	
#order ul {
}
#order li {
	float: left;
	display: inline;
	padding: 0.5em 0 0.5em;
}
#order .entry ul {
	clear: both;
	border-bottom: 1px dotted #ccc;
}
#order .entry .thumb {
	width: 15%;
	text-align: center;
}
#order .entry .title {
	width: 50%;
}
#order .entry .price {
	width: 15%;
	text-align: right;
}
#order .entry .qty {
	width: 10%;
	text-align: right;
}
#order .entry .del {	
	width: 10%;
	text-align: right;
}
#order .entry .del .button{	
	cursor: pointer;
}
#order .summary {	
	clear: both;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fafdfd;
	height: 60px;
}
#order .summary .update {	
	float: left;
	padding: 10px 0 10px 3px;
}
#order .summary .price {	
	float: right;
	text-align: right;
	padding: 15px 3px 10px 0;
}
#order .summary .price .highlight{	
	color: #ff1d42;
}
#order .checkout {
	clear: both;
	height: 60px;
	text-align: right;
	padding-top: 15px;
}
#order .checkout .button{
	cursor: pointer;
}
#order .list ul {
	clear: both;
}
#order .list li {
	width: 25%;
}
#order .list .even li {
	background-color: #fff;
}
#order .list .odd li {
	background-color: #f4f4f4;
}

/* form */
#form {
	width: 100%;
}
#form .topic, .submit {
	width: 100%;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
	background-color: #fafdfd;
}
#form .submit {
	border-top: 1px dotted #ccc;
	line-height: 4em;
	font-weight: normal;
	background-color: #ffebc0;
	padding-left: 3px;
}
#form .column {	
	float: left;
	width: 30%;
	padding: 0.8em 1.5em 0.8em 0;
}
#form div .notice {
	padding: 5px;
	background-color: #ffe4ea;
}

/*customer */
#customer {
}
#customer a {
	color: #00a3b4;
}
#customer .navigation {
	width: 100%;
	padding-bottom: 1em;
}
#customer .navigation ul{
	border-bottom: 1px dotted #e3be99;
	padding: 0.5em 0.5em 0.5em 0;
}
#customer .navigation li {	
	display: inline;
	font-size: 90%;
	font-family: arial, tahoma;
	color: #e3be99;
}
#customer .navigation li a {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em;
	color: #ff1d42;
}
#customer .navigation li a:hover {
	background-color: #f9efe5;
	text-decoration: none;
}

/* blog */
#blog .list ul {
	clear: both;
}
#blog .list li {
	padding: 0.3em;
}
/* Text Color */
.txt_blue1{
	color:#007dc6;
}
.txt_brown{
	color:#754729;
}
.finish{
	background:url(../../images/content_bg2.png) no-repeat;
	width:477px;
	padding:100px 60px 20px 60px;
	list-style:none;
	margin:0;
}
#btn-entersite{
	width:720px;
	height:84px;
}
#btn-entersite a{
	width:720px;
	height:84px;
	background:url(../../images/btn-entersite.png) no-repeat;
	display:block;
}
#submenu{
	position:relative;
}