/* =================人物物介紹區塊================= */
.Star31Role {
	position:relative;
	width:604px;
	min-height:556px;
	height: auto;
	overflow:auto;
	background: url(/Games/FreePlay/Mj/star31/Data/images/role/roleBgFooter.png) no-repeat bottom center,
		url(/Games/FreePlay/Mj/star31/Data/images/role/roleBgHeader.png) no-repeat top center,
		url(/Games/FreePlay/Mj/star31/Data/images/role/roleBgBody.png) repeat-y top center;

	overflow:hidden;
	padding-bottom: 30px;
}
	.nav{
		position:relative;
		width:560px;
		margin: 0 auto;
		display: flex;
		display: -ms-flex;
		display: -webkit-flex;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}
	/* 寬度以%計算 */
 	.nav li{ float:left; width:8.156%; height:70px; background-size:100%; margin-right:2px; margin-bottom:2px; list-style:none;cursor:pointer;}


/* =================人物按鈕類別_新增人物+1================= */
	.nav a.roleBtn{
		display:block; width:100%;  height:inherit; background-size:100%!important;
	}
	.nav a.roleBtn:hover, .nav a.roleBtn.hover{
		background-size:100%!important;
	}
	.nav a#roleBtn0{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn00.png) center bottom no-repeat;}
	.nav a#roleBtn0:hover,.nav a#roleBtn0.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn00Over.gif) center bottom no-repeat;}
	.nav a#roleBtn1{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn01.png) center bottom no-repeat;}
	.nav a#roleBtn1:hover,.nav a#roleBtn1.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn01Over.gif) center bottom no-repeat;}
	.nav a#roleBtn2{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn02.png) center bottom no-repeat;}
	.nav a#roleBtn2:hover,.nav a#roleBtn2.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn02Over.gif) center bottom no-repeat;}
	.nav a#roleBtn3{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn03.png) center bottom no-repeat;}
	.nav a#roleBtn3:hover,.nav a#roleBtn3.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn03Over.gif) center bottom no-repeat;}
	.nav a#roleBtn4{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn04.png) center bottom no-repeat;}
	.nav a#roleBtn4:hover,.nav a#roleBtn4.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn04Over.gif) center bottom no-repeat;}
	.nav a#roleBtn5{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn05.png) center bottom no-repeat;}
	.nav a#roleBtn5:hover,.nav a#roleBtn5.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn05Over.gif) center bottom no-repeat;}
	.nav a#roleBtn6{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn06.png) center bottom no-repeat;}
	.nav a#roleBtn6:hover,.nav a#roleBtn6.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn06Over.gif) center bottom no-repeat;}
	.nav a#roleBtn7{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn07.png) center bottom no-repeat;}
	.nav a#roleBtn7:hover,.nav a#roleBtn7.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn07Over.gif) center bottom no-repeat;}
	.nav a#roleBtn8{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn08.png) center bottom no-repeat;}
	.nav a#roleBtn8:hover,.nav a#roleBtn8.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn08Over.gif) center bottom no-repeat;}
	.nav a#roleBtn9{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn09.png) center bottom no-repeat;}
	.nav a#roleBtn9:hover,.nav a#roleBtn9.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn09Over.gif) center bottom no-repeat;}
	.nav a#roleBtn10{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn10.png) center bottom no-repeat;}
	.nav a#roleBtn10:hover,.nav a#roleBtn10.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn10Over.gif) center bottom no-repeat;}
	.nav a#roleBtn11{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn11.png) center bottom no-repeat;}
	.nav a#roleBtn11:hover,.nav a#roleBtn11.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn11Over.gif) center bottom no-repeat;}
	.nav a#roleBtn12{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn12.png) center bottom no-repeat;}
	.nav a#roleBtn12:hover,.nav a#roleBtn12.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn12Over.gif) center bottom no-repeat;}
	.nav a#roleBtn13{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn13.png) center bottom no-repeat;}
	.nav a#roleBtn13:hover,.nav a#roleBtn13.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn13Over.gif) center bottom no-repeat;}
	.nav a#roleBtn14{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn14.png) center bottom no-repeat;}
	.nav a#roleBtn14:hover,.nav a#roleBtn14.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn14Over.gif) center bottom no-repeat;}
	.nav a#roleBtn15{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn15.png) center bottom no-repeat;}
	.nav a#roleBtn15:hover,.nav a#roleBtn15.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn15Over.gif) center bottom no-repeat;}
	.nav a#roleBtn16{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn16.png) center bottom no-repeat;}
	.nav a#roleBtn16:hover,.nav a#roleBtn16.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn16Over.gif) center bottom no-repeat;}
	.nav a#roleBtn17{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn17.png) center bottom no-repeat;}
	.nav a#roleBtn17:hover,.nav a#roleBtn17.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn17Over.gif) center bottom no-repeat;}
	.nav a#roleBtn18{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn18.png) center bottom no-repeat;}
	.nav a#roleBtn18:hover,.nav a#roleBtn18.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn18Over.gif) center bottom no-repeat;}
	.nav a#roleBtn19{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn19.png) center bottom no-repeat;}
	.nav a#roleBtn19:hover,.nav a#roleBtn19.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn19Over.gif) center bottom no-repeat;}
	.nav a#roleBtn20{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn20.png) center bottom no-repeat;}
	.nav a#roleBtn20:hover,.nav a#roleBtn20.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn20Over.gif) center bottom no-repeat;}
	.nav a#roleBtn21{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn21.png) center bottom no-repeat;}
	.nav a#roleBtn21:hover,.nav a#roleBtn21.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn21Over.gif) center bottom no-repeat;}
	.nav a#roleBtn22{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn22.png) center bottom no-repeat;}
	.nav a#roleBtn22:hover,.nav a#roleBtn22.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn22Over.gif) center bottom no-repeat;}
	.nav a#roleBtn23{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn23.png) center bottom no-repeat;}
	.nav a#roleBtn23:hover,.nav a#roleBtn23.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn23Over.gif) center bottom no-repeat;}
	.nav a#roleBtn24{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn24.png) center bottom no-repeat;}
	.nav a#roleBtn24:hover,.nav a#roleBtn24.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn24Over.gif) center bottom no-repeat;}
	.nav a#roleBtn25{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn25.png) center bottom no-repeat;}
	.nav a#roleBtn25:hover,.nav a#roleBtn25.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn25Over.gif) center bottom no-repeat;}
	.nav a#roleBtn26{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn26.png) center bottom no-repeat;}
	.nav a#roleBtn26:hover,.nav a#roleBtn26.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn26Over.gif) center bottom no-repeat;}
	.nav a#roleBtn27{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn27.png) center bottom no-repeat;}
	.nav a#roleBtn27:hover,.nav a#roleBtn27.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn27Over.gif) center bottom no-repeat;}
	.nav a#roleBtn28{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn28.png) center bottom no-repeat;}
	.nav a#roleBtn28:hover,.nav a#roleBtn28.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn28Over.gif) center bottom no-repeat;}
	.nav a#roleBtn29{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn29.png) center bottom no-repeat;}
	.nav a#roleBtn29:hover,.nav a#roleBtn29.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn29Over.gif) center bottom no-repeat;}
	.nav a#roleBtn30{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn30.png) center bottom no-repeat;}
	.nav a#roleBtn30:hover,.nav a#roleBtn30.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn30Over.gif) center bottom no-repeat;}
	.nav a#roleBtn31{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn31.png) center bottom no-repeat;}
	.nav a#roleBtn31:hover,.nav a#roleBtn31.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn31Over.gif) center bottom no-repeat;}
	.nav a#roleBtn32{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn32.png) center bottom no-repeat;}
	.nav a#roleBtn32:hover,.nav a#roleBtn32.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn32Over.gif) center bottom no-repeat;}
	.nav a#roleBtn33{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn33.png) center bottom no-repeat;}
	.nav a#roleBtn33:hover,.nav a#roleBtn33.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn33Over.gif) center bottom no-repeat;}
	.nav a#roleBtn34{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn34.png) center bottom no-repeat;}
	.nav a#roleBtn34:hover,.nav a#roleBtn34.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn34Over.gif) center bottom no-repeat;}
	.nav a#roleBtn35{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn35.png) center bottom no-repeat;}
	.nav a#roleBtn35:hover,.nav a#roleBtn35.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn35Over.gif) center bottom no-repeat;}
	.nav a#roleBtn36{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn36.png) center bottom no-repeat;}
	.nav a#roleBtn36:hover,.nav a#roleBtn36.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn36Over.gif) center bottom no-repeat;}
	.nav a#roleBtn37{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn37.png) center bottom no-repeat;}
	.nav a#roleBtn37:hover,.nav a#roleBtn37.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn37Over.gif) center bottom no-repeat;}
	.nav a#roleBtn38{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn38.png) center bottom no-repeat;}
	.nav a#roleBtn38:hover,.nav a#roleBtn38.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn38Over.gif) center bottom no-repeat;}
	.nav a#roleBtn39{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn39.png) center bottom no-repeat;}
	.nav a#roleBtn39:hover,.nav a#roleBtn39.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn39Over.gif) center bottom no-repeat;}
	.nav a#roleBtn40{ background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn40.png) center bottom no-repeat;}
	.nav a#roleBtn40:hover,.nav a#roleBtn40.hover{  background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleBtn40Over.gif) center bottom no-repeat;}
/* =================人物介紹類別_新增人物+1================= */
	.roleImg{
		position: relative;
		width: 100%;
		height: 360px;
	}
	#roleImg0 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg000.gif) 25px 90px no-repeat;}
	#roleImg1 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg001.gif) 25px 90px no-repeat;}
	#roleImg2 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg002.gif) 25px 90px no-repeat;}
	#roleImg3 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg003.gif) 25px 90px no-repeat;}
	#roleImg4 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg004.gif) 25px 90px no-repeat;}
	#roleImg5 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg005.gif) 25px 90px no-repeat;}
	#roleImg6 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg006.gif) 25px 90px no-repeat;}
	#roleImg7 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg007.gif) 25px 90px no-repeat;}
	#roleImg8 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg008.gif) 25px 90px no-repeat;}
	#roleImg9 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg009.gif) 25px 90px no-repeat;}
	#roleImg10 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg010.gif) 25px 90px no-repeat;}
	#roleImg11 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg011.gif) 25px 90px no-repeat;}
	#roleImg12 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg012.gif) 25px 90px no-repeat;}
	#roleImg13 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg013.gif) 25px 90px no-repeat;}
	#roleImg14 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg014.gif) 25px 90px no-repeat;}
	#roleImg15 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg015.gif) 25px 90px no-repeat;}
	#roleImg16 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg016.gif) 25px 90px no-repeat;}
	#roleImg17 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg017.gif) 25px 90px no-repeat;}
	#roleImg18 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg018.gif) 25px 90px no-repeat;}
	#roleImg19 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg019.gif) 25px 90px no-repeat;}
	#roleImg20 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg020.gif) 25px 90px no-repeat;}
	#roleImg21 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg021.gif) 25px 90px no-repeat;}
	#roleImg22 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg022.gif) 25px 90px no-repeat;}
	#roleImg23 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg023.gif) 25px 90px no-repeat;}
	#roleImg24 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg024.gif) 25px 90px no-repeat;}
	#roleImg25 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg025.gif) 25px 90px no-repeat;}
	#roleImg26 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg026.gif) 25px 90px no-repeat;}
	#roleImg27 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg027.gif) 25px 90px no-repeat;}
	#roleImg28 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg028.gif) 25px 90px no-repeat;}
	#roleImg29 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg029.gif) 25px 90px no-repeat;}
	#roleImg30 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg030.gif) 25px 90px no-repeat;}
	#roleImg31 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg031.gif) 25px 90px no-repeat;}
	#roleImg32 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg032.gif) 25px 90px no-repeat;}
	#roleImg33 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg033.gif) 25px 90px no-repeat;}
	#roleImg34 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg034.gif) 25px 90px no-repeat;}
	#roleImg35 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg035.gif) 25px 90px no-repeat;}
	#roleImg36 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg036.gif) 25px 90px no-repeat;}
	#roleImg37 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg037.gif) 25px 90px no-repeat;}
	#roleImg38 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg038.gif) 25px 90px no-repeat;}
	#roleImg39 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg039.gif) 25px 90px no-repeat;}
	#roleImg40 { background:url(/Games/FreePlay/Mj/star31/Data/images/role/roleImg040.gif) 25px 90px no-repeat;}






	.roleImg img{
		 position:relative; margin-top: 95px; margin-left: 150px; width:315px; height:259px;
	}