/* ------------------------com style ------------------------*/
body{ background: url(../images/v1/Com/ComBG.jpg) 0px 92px repeat-x ;}

a{
    border: none;
    color: #06a3f7 !important;
    text-decoration: none !important;
}
a:visited{
    border: none;
    color: #3ed2af !important;
}
a:focus, a:hover{
	border: none;
    color: #35e0b7 !important;
}

body, p
{
    line-height: 1.3 !important;
}

body, td, th
{
    font-family: sans-serif !important;
}

th { text-align:center; background:#06a3f7; color:#fff; font-weight:bold;}

td{ background:#fff;}

h1
{

    color: #bf13b4 !important;
    font-size: 130% !important;
    letter-spacing: 1px !important;
    padding: 1em 1em 1em 50px !important;
    word-spacing: 1px !important;
}

h1, h2, th, 
{
    font-weight: bold !important;
}

h2
{
    font-size: 130% !important;
	word-spacing: 3px ;
	padding:20px 0px 0px 42px;
	color:#ff7b00;
}

h2{   background: url(../images/CB/MiniSubTitleBG.jpg) top left no-repeat; height: 40px; text-align: left;}

h3
{
    font-size: 125% !important;
    padding: 0.5em 0 0 0 !important;
	text-align:center;
}

h6{
	font-size:16px; text-align:right; padding-right:15px;color:#1d88d6;
}
h4{
	font-size:12px; font-style: italic; text-align:right; padding-right:15px; color:#ff7800;
}
hr
{
    background-color: #000000 !important;
    border-style: none !important;
    color: #000000 !important;
    height: 1px !important;
}

table{
	border: 3px solid #fff;
}

td
{
	text-align: left !important;
    vertical-align: top !important;
}

p{ padding-bottom: 20px; color:#4e1600; text-align:left;}

/* ------------------------sturcture------------------------ */
#whole{ 
width:100%;
width: auto !important;
min-width:1000px;
width:1000px ; /* defaults to this if JS is disabled */
width:expression(document.body.clientWidth<1001?"1000px":"auto");
height: auto;
min-height:750px;
height:auto !important;
height:750px;
background:url(../images/v1/Com/ComFoot.jpg) bottom repeat-x;
text-align:center;
margin: 0px auto;
top: 92px; _top:0px; position: relative;
}

/*------------------------Tags------------------------*/
.sepa{ width:534px; height:3px; background: url(../images/sepa.jpg) top left no-repeat; clear:both; padding: 10px 10px 10px 12px;}

.infoHA{ color:#FFF;}
.infoHB{ color:#333;}
.infoHC{ background:#a00180; color:#fff; font-size:14px; font-weight:bold; }

.infopA{ color:#333;background: #ededed;}
.infopB{ color:#333;background:#CCC;}
.infopC{background:#ab7b4e; color:#Fff; font-size:14px; font-weight:bold;}

.emp { color:#717171; font-size:12px; padding:0px 10px;}
.empB{ font-size:12px; font-weight:bold; padding:0px 10px;}
.empC{ color:#f15832; font-size:12px; font-weight:bold; padding:0px 10px;}
.empD{ color:#2cbba1; font-size:12px; font-weight:bold; padding:0px 10px;}

.coming{ width:388px; height:114px; display:block; background:url(../images/v1/coming.png) top left no-repeat;}
.comings{ width:200px; height:59px; display:block; background:url(../images/v1/comingS.png) top left no-repeat;}

/*------------------------sturcture_Index------------------------*/
#wrapIndex{
width:100%;
width: auto !important;
min-width:1000px;
width:1000px ; /* defaults to this if JS is disabled */
width:expression(document.body.clientWidth<1001?"1000px":"auto");
height: auto;
min-height:750px;
height:auto !important;
height:750px;
background: url(../images/v1/Com/indexBG.png) top center no-repeat;
text-align:center;
margin: 0px auto;
}

#main{
	width:1000px;
	height: auto;
	min-height:750px;
	height:auto !important;
	height:750px;
	padding-bottom:150px;
	display:block;
	margin:auto;
	background:url(../images/v1/Com/CI.png) bottom center no-repeat;
}

#indexheader{
width:1000px ; 
height:356px; 
display: block;
}

#ContentWrap{
width:1000px;
height: auto;
min-height:450px;
height:auto !important;
height:450px;
display: block;
margin:0px;
text-align:left;
}
#indexLcol{
width:200px ;
height: auto;
min-height:450px;
height:auto !important;
height:450px;
display:block;
float:left;
margin:0px;
padding-bottom:80px;
text-align:left;
}

#indexRcol{
width:800px ;
height: auto;
min-height:450px;
height:auto !important;
height:450px;
display:block;
float: right;
margin:0px;
text-align:left;
}
#indexcolA{
width:570px ;
height:auto;
display:block;
float:left;
margin:0px;
text-align:left;
}
#indexcolB{
width:230px;
height:auto;
display:block;
float:left;
margin:0px;
text-align:left;
}

/*------------------------sturcture_Lcol------------------------*/ 
.LcolTitle{
	width: 200px;
	height:34px;
	display:block;
	}
.LcolContent{
	width:200px;
	height:auto;
	display:block;
	text-align:left;
}

.member{ background:url(../images/v1/Lcol/Lcol_01.png) top left no-repeat;}
.facebook{ background:url(../images/v1/Lcol/Lcol_03.png) top left no-repeat;}
.tutorial{ background:url(../images/v1/Lcol/Lcol_05.png) top left no-repeat}
.product{ background:url(../images/v1/Lcol/Lcol_07.png) top left no-repeat;}

.memberCont{
	width:190px;
	height:220px;
	padding:10px 3px 8px 7px;
	display:block;
	background:url(../images/v1/Lcol/Lcol_02.png) 2px 3px no-repeat;
}
.memberCont ul{
	width:191px;
	height:215px;
	padding:0px;
	margin:0px;
	}
.memberCont ul li{ padding:0px;margin:0px;}

.facebookCont{
	width:190px;
	height:255px;
	padding:6px 4px 8px 6px;
	display:block;}
	
.tutorialCont{
	width:196px;
	height:126px;
	padding: 67px 4px 8px 0px;
	display:block;
	background:url(../images/v1/Lcol/Lcol_06.png) 2px 0px no-repeat;
	}
.tutorialContt ul{
	width:190px;
	height:155px;
	padding:0px;
	margin:0px;
	}
.tutorialCont ul li{ padding:0px;margin:0px;}

.productCont{
	width:190px;
	height:155px;
	padding:6px 4px 8px 6px;
	display:block;
	background:url(../images/v1/Lcol/Lcol_08.png) 2px 3px no-repeat;
	}	
.productCont span{ padding:0px; margin:0px; text-indent:-999999px;}
.productCont a{width:190px;	height:155px; display:block;}
.bugCont{
	width:190px;
	height:42px;
	padding:10px 5px 8px 2px;
	display:block;
	}		
.bugCont ul{
	width:190px;
	height:42px;
	padding:0px;
	margin:0px;
	}
.bugCont ul li{ padding:0px;margin:0px;}	
	
/* ------------------------sturcture_Mid------------------------*/
#notice{
	width:570px;
	height:241px;
	display:block;
	}
#noticetitle{
	width:70px;
	height:23px;
	padding-left:500px;
	padding-top:32px;
	display:block;
	background:url(../images/v1/indexMid/mid_01.png) top left no-repeat;
	}
#noticeCont{
	width:527px;
	height: 160px;
	padding: 18px 13px 6px 30px; 
	background:url(../images/v1/indexMid/mid_02.png) top left no-repeat;
	display:block;
}

/*------------------------itemMall------------------------*/
#itemmall{
	width:570px;
	height:432px;
	display:block;
	}
#itemmalltitle{
	width:70px;
	height:26px;
	padding-left:500px;
	padding-top:14px;
	display:block;
	background:url(../images/v1/indexMid/mid_03.png) top left no-repeat;
	}
#itemmallCont{
	width: 520px;
	height: 355px;
	padding: 26px 20px 21px 30px; 
	background:url(../images/v1/indexMid/mid_04.png) top left no-repeat;
	display:block;
}
#itemSepa{ width:520px; height:2px; display:block; background:url(../images/v1/indexitemMall/line.png) center no-repeat; clear:both;}
.itemmallitem{ width:156px; height:137px; float:left;text-align:left; }
.itemmallpic{ width:40px; height:40px; display: block; padding-left:13px; float:left;}
.itemmallpic a{ width:38px; height:38px; display: block; border:3px solid; border-color:#999;}
.itemmallpic a:hover{ border-color:#06a3f7;}

.iteminfo{ width:100px;height:50px;  display:block; text-align:left; float:right;}
.itemmallname{ width: 80px; height: 30px; padding-left: 18px;display: block; background:url(../images/v1/indexitemMall/arrow.png) 5px 8px no-repeat; line-height:14px;}
.itemmallprice{ width:49px; height:18px; padding:2px 5px 0px 35px; text-align:left; font-weight:bold; color:#FFF; display:block; background: url(../images/v1/indexitemMall/price.png) top left no-repeat;}

.itemdata{ width: 130px; height:50px; padding:10px 6px 7px 14px; display: block; clear:both; background:url(../images/v1/indexitemMall/itemDesS.png) top left no-repeat; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.atk{ width:50px; height:15px; padding-left: 15px; display:block; float:left; background: url(../images/v1/indexitemMall/specB.png) top left no-repeat;}
.mag{ width:50px; height:15px; padding-left: 15px; display:block; float:left; background: url(../images/v1/indexitemMall/specA.png) top left no-repeat;}
.def{ width:50px; height:15px; padding-left: 15px; display:block; float:left; background: url(../images/v1/indexitemMall/specC.png) top left no-repeat;}
.oth{ width:50px; height:15px; padding-left: 15px; :block; float:left; background: url(../images/v1/indexitemMall/specD.png) top left no-repeat;}

/*itemmallitemnew*/
.itemmallitemnew {
	margin: 5px;
	position:relative;
	display: block;
	width:40px; height:40px;
	padding-left:13px; float:left;
}

.itemmallitemnew img {
	display: block;
	width:38px; height:38px;
	padding:0px;
}

.itemmallitemnew span {
	width: 23px;
	height: 23px;
	display: block;
	top: 20px;
	left:20px;
	position:absolute;
	background: url(../images/v1/indexitemMall/new.png) right bottom no-repeat;
	}
		
.itemmallitemnew a {
	text-decoration: none;
	display: block; border:3px solid; border-color:#999;
}
.itemmallitemnew a:hover{ border-color:#06a3f7;}

/*itemmallfePic*/
.itemmallfePic {
	margin: 0px;
	position:relative;
	display: block;
	width: 133px;	height: 181px;
	float:left;
}

.itemmallfePic img {
	display: block;
	width: 133px;	height: 181px;
	padding:0px;
}

.itemmallfePic span {
	width: 133px;
	height: 181px;
	display: block;
	top: 0px;
	left:0px;
	position:absolute;
	background: url(../images/v1/indexitemMall/BigPic.png) top left no-repeat;
	}
		
.itemmallfePic a {
	text-decoration: none;
	border: none;
}
.itemmallfePic { border-color:#06a3f7;}


.itemfeature{ width:520px; height:190px; padding:8px 0px 10px; clear:both; background:url(../images/v1/indexitemMall/itemDes.png) right bottom no-repeat;}
.itemfeatureDex{ width:342px; height:150px; padding:9px 10px 25px 14px; display:block; float:right;position:relative;
	overflow:hidden;}
.itemmallitemB{ width:156px; height:52px; display:block;float:left;text-align:left; }

.itemfetxt{width:360px; height:170px; padding:6px 16px 3px; display: block; clear:both; overflow:auto; font-size:11px; line-height: 12px;}
.itemfetxt p{color:#FFF;}

/*------------------------forum------------------------*/
#forum{
	width:570px;
	height:254px;
	display:block;
	}
#forumtitle{
	width:350px;
	height:24px;
	padding-left:220px;
	padding-top:10px;
	display:block;
	background:url(../images/v1/indexMid/mid_05.png) top left no-repeat;
	}
#forumCont{
	width: 570px;
	height: 214px;
	padding: 0px 0px 7px; 
	background:url(../images/v1/indexMid/mid_06.png) top left no-repeat;
	display:block;
}

#funCont{ width:215px; height:162px; padding:21px 35px 20px;display:block; float:left; overflow:hidden; line-height:18px;}
#nakuzCont{ width:251px; height:222px; padding-left:34px; display:block; float:left; overflow:hidden; text-align:left;}


/*------------------------gallery------------------------*/
#gallery{
	width:570px;
	height:167px;
	display:block;
	}
#gallerytitle{
	width:70px;
	height:24px;
	padding-left:500px;
	padding-top:10px;
	display:block;
	background:url(../images/v1/indexMid/mid_07.png) top left no-repeat;
	}
#galleryCont{
	width: 470px;
	height: 83px;
	padding: 20px 80px 25px 20px; 
	background:url(../images/v1/indexMid/mid_08.png) top left no-repeat;
	display:block;
}

.galthumb {width: 98px; height:70px; display: block; padding-left:10px; padding-top:5px; float:left;}
.galthumb img{width: 88px; height:65px;}
.galthumb a{width: 88px; height:65px; display: block; border:5px solid; border-color: #999;}
.galthumb a:hover{ width: 88px; height:65px; border:5px solid;border-color:#06a3f7;}


/*------------------------sturcture_Rcol------------------------*/ 
#smBancol{
	width:210px;
	height:auto;
	padding:10px 10px;
	min-height: 240px;
	height:auto !important;
	height:240px;
	display: block;
	background:url(../images/v1/indexRcol/indexRcol_01.png) left bottom no-repeat;
}
#smbanA{
	width: 210px;
	height:120px;
	display:block;
}
#smbanB{
	width: 210px;
	height:120px;
	display:block;
}
#smbanC{
	width: 210px;
	height:120px;
	display:block;
}
.smbanSpacer{
	width:210px;
	height:10px;
	display:block;
	}
	
/*------------------------rank------------------------*/
#rank{
	width:230px;
	height:346px;
	display:block;
	}
#ranktitle{
	width:230px;
	height:48px;
	display:block;
	background: url(../images/v1/indexRcol/indexRcol_02.png) top left no-repeat;
	}
#rankCont{
	width: 195px;
	height: 294px;
	padding: 5px 15px 0px 20px;
	background: url(../images/v1/indexRcol/indexRcol_03.png) top left no-repeat;
	display:block;
}

.rankitem{ width:185px; height:45px; padding:0px 5px 8px; display:block; clear:both; background:url(../images/v1/indexRcol/rankitem.png) center top no-repeat; }
.rankpic {width:37px; height:37px; padding-top:4px; padding-left:7px;display: block;float:left;}
.rankpic img{width:32px; height:32px;}
.rankpic a{width:32px; height:32px; display: block; border:3px solid; border-color: #999;}
.rankpic a:hover{width:32px; height:32px; border:3px solid;border-color:#06a3f7;}

.rankdata{ width: 124px; height:40px; padding: 4px 5px 0px; display:block; float:right; background-position: 85px 6px; background-repeat:no-repeat;}
.rankA{ background-image: url(../images/v1/indexRcol/rank01.png);}
.rankB{ background-image: url(../images/v1/indexRcol/rank02.png);}
.rankC{ background-image: url(../images/v1/indexRcol/rank03.png);}
.rankname{ width: 124px; height:20px; display:block; font-weight:bold; color:#FFF; text-align:center; background:url(../images/v1/indexRcol/rankname.png) 0px -2px no-repeat;}
.ranktitle{ width: 124px; height:12px; display:block; text-align:left; font-weight:bold; color:#333; padding-bottom:3px; padding-top:4px;}

/*------------------------indexmov------------------------*/
#indexmov{
	width:230px;
	height:432px;
	display:block;
	}
#indexmovtitle{
	width:230px;
	height:48px;
	display:block;
	background: url(../images/v1/indexRcol/indexRcol_04.png) top left no-repeat;
	}
#indexmovCont{
	width: 200px;
	height: 195px;
	padding: 15px 19px 36px; 
	background: url(../images/v1/indexRcol/indexRcol_05.png) top left no-repeat;
	display:block;
}

#indexelMov{ width:192px; height:144px; display:block;}