#main .char {
	height:645px;
	margin:0 auto;
	position:relative;
}
#main .char * {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}
#main .char .charInner {
	width:950px;
	height:645px;
	margin:0 auto;
	position:relative;
	z-index:105;
}
#main .char .inner {
	position:relative;
}
#main .char .tex {
	background-image:url(../img/charAcTex.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:150;
	text-indent:-9999px;
	overflow:hidden;
	width:430px;
	height:375px;
	top:26px;
	left:260px;
}
#C0 .tex {	background-position:0 0;	}
#C1 .tex {	background-position:-430px 0;	}
#C2 .tex {	background-position:-860px 0;	}

#main .char .type {
	width:950px;
	height:50px;
	background-image:url(../img/charType.png);
	background-repeat:no-repeat;
	position:absolute;
	top:560px;
	z-index:110;
	text-indent:-9999px;
	overflow:hidden;
}
#C0 .type {	background-position:0 -100px;	}
#C1 .type {	background-position:0 -150px;	}
#C2 .type {	background-position:0 -200px;	}

#main .char .bg {
	width:100%;
	height:600px;
	overflow:hidden;
	margin:0 auto;
	position:absolute;
	z-index:100;
	top:0;
}
#main .char .bg div div {
	height:600px;
	width:770px;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:50%;
	background-image:url(../img/charAcBg.png);
	margin-left:-295px;
}
#main .char .bg .bg1 {
	display:none;
}
#main .char .bg .bg2 {
	display:none;
}

#C0 .bg .bg0 {	background-position:0 0;	}
#C0 .bg .bg1 {	background-position:-770px 0;	}
#C0 .bg .bg2 {	background-position:-1540px 0;	}
#C1 .bg .bg0 {	background-position:0 -600px;	}
#C1 .bg .bg1 {	background-position:-770px -600px;	}
#C1 .bg .bg2 {	background-position:-1540px -600px;	}
#C2 .bg .bg0 {	background-position:0 -1200px;	}
#C2 .bg .bg1 {	background-position:-770px -1200px;	}
#C2 .bg .bg2 {	background-position:-1540px -1200px;	}


#main .char .img {
	position:absolute;
	z-index:120;
	left:45px;
	top:0;
	width:270px;
	height:644px;
}
#main .char .img div {
	width:270px;
	height:644px;
}
#main .char .img div div {
	background-repeat:no-repeat;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../img/charAcImg.png);
	width:270px;
	height:644px;
}
#main .char .img .img1 {
	display:none;
}
#main .char .img .img2 {
	display:none;
}

#C0 .img .img0 {	background-position:0 0;	}
#C0 .img .img1 {	background-position:-270px 0;	}
#C0 .img .img2 {	background-position:-540px 0;	}
#C1 .img .img0 {	background-position:0 -644px;	}
#C1 .img .img1 {	background-position:-270px -644px;	}
#C1 .img .img2 {	background-position:-540px -644px;	}
#C2 .img .img0 {	background-position:0 -1288px;	}
#C2 .img .img1 {	background-position:-270px -1288px;	}
#C2 .img .img2 {	background-position:-540px -1288px;	}

#main .char .name {
	width:130px;
	height:50px;
	background-image:url(../img/charAcName.png);
	background-repeat:no-repeat;
	position:absolute;
	
	left:110px;
	z-index:165;
	text-indent:-9999px;
	overflow:hidden;
}
#C0 .name {	top:9px;	}
#C1 .name {	top:39px;	}
#C2 .name {	top:9px;	}

#main .char .dress {
	width:160px;
	height:20px;
	position:absolute;
	left:99px;
	z-index:160;
}
#C0 .dress {	top:10px;	}
#C1 .dress {	top:40px;	}
#C2 .dress {	top:10px;	}

#main .char .dress div div {
	width:160px;
	height:20px;
	background-image:url(../img/charDressName.png);
	background-repeat:no-repeat;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
#main .char .dress .dress1 {
	display:none;
}
#main .char .dress .dress2 {
	display:none;
}

#C0 .dress .dress0 {	background-position:0 -20px;	}
#C0 .dress .dress1 {	background-position:-160px -20px;	}
#C0 .dress .dress2 {	background-position:-320px -20px;	}
#C1 .dress .dress0 {	background-position:0 -40px;	}
#C1 .dress .dress1 {	background-position:-160px -40px;	}
#C1 .dress .dress2 {	background-position:-320px -40px;	}
#C2 .dress .dress0 {	background-position:0 -60px;	}
#C2 .dress .dress1 {	background-position:-160px -60px;	}
#C2 .dress .dress2 {	background-position:-320px -60px;	}

#main .char .prev,#main .char .next {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:50px;
	height:100px;
	background-image:url(../img/subPage.png);
	background-repeat:no-repeat;
	position:absolute;
	top:230px;
	z-index:170;
	opacity:0.5;
	outline:none;
	transition-property:opacity;
	transition-duration:200ms;
	transition-timing-function:linear;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:200ms;
	-webkit-transition-timing-function:linear;
	-moz-transition-property:opacity;
	-moz-transition-duration:200ms;
	-moz-transition-timing-function:linear; 
	display:block;
}
#main .char .next {
	background-position:-50px 0;
	right:0;
}
#main .char .prev:hover,#main .char .next:hover {
	opacity:1;
}


#main .other {
	height:645px;
	width:950px;
	margin:0 auto;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:10px;
}
#main .other .pilot {
	width:200px;
	height:644px;
	position:absolute;
	left:626px;
	background-image:url(../img/charOtherImg.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#main .other .tex {
	height:476px;
	width:340px;
	position:absolute;
	left:286px;
	top:35px;
	background-image:url(../img/charOtherImg.png);
	background-repeat:no-repeat;
	background-position:-200px 0;
	text-indent:-9999px;
	overflow:hidden;
}
#main .other .operator {
	height:210px;
	width:165px;
	position:absolute;
	left:121px;
	top:319px;
	background-image:url(../img/charOtherImg.png);
	background-repeat:no-repeat;
	background-position:-200px -471px;
	text-indent:-9999px;
	overflow:hidden;
}