@charset "utf-8";/* -----jwe样式表-----3.0 */

/*临时浮动容器。重要*/
.tmpFlo{
	padding:0; margin:0;
	position:absolute;
	z-index:99;
}

/***********************************************/
/*游戏棋盘*/
.panelTb{
	position:absolute;	text-align:center;
	vertical-align:middle;	border-collapse:collapse;	overflow:hidden;
	cursor:pointer;
	border:3px solid #aaa;
	background:url(../_img/sys/alpha.png) repeat;
	z-index:50;	
}
.panelTb td{text-align:center;	vertical-align:middle;	margin:0; padding:0;}
.panelTb .uni, .tmpFlo .uni{
	margin:0;
	position:relative;
	display:block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	/*padding:2%; */ padding:0;
}
.panelTb .uni img, .tmpFlo .uni img{
	width:95%;	height:95%;border:solid 2px #fff;
	border-radius:50%;
	}

/***********************************************/

.warn1{
	display:none;	position:absolute;
	font-weight:900;
	color:#000;
	background-color:#fff;
	text-align:center;
	width:100%;	height:100%;
	left:0;	top:0;
	z-index:900;
}

.warn2{
	display:none;	position:absolute;
	padding-top:10px;
	padding-bottom:15px;
	color:#000;
	text-align:center;
	width:100%;
	left:0;	top:0;
	background-color:#97D8F7;
	font-weight:bold;
	z-index:899;
}

/***********************************************/
/*棋子计分面板*/
#scorePanel{	position:absolute; color:#000; left:0; top:0; padding:20px; z-index:60;}
#scorePanel div{white-space:nowrap; padding:0; margin:0; display:block; overflow:visible;}
#scorePanel .uni{	display:inline-block;	margin-right:5px;	cursor:pointer;}
#scorePanel .uni img{width:100%;	height:100%;	border:none; vertical-align:middle;}
#scorePanel #cLine{	font-weight:800;}
#scorePanel #sumScore{color:#d31b00; font-size:2em;}
#scorePanel .good{margin-bottom:1.1em; margin-right:1.15em} /*够分了的图标*/
#scorePanel .good img{	width:135%; height:135%;} /*够分了的图标Img*/

/*棋子单独计数栏*/
.scBar{}

/***********************************************/

/*播放动画的容器*/
.cartoonPanel{
	display:none;	position:absolute;	margin:0; padding:0;
	background-color:#CCC;
	border:1px solid #ccc;	z-index:99; /*!*/
	cursor:pointer;
}
.cartoonPanel img{width:100%; height:100%;border:none;}

/***********************************************/

/*游戏时间条*/
#timeBar{	position:absolute;border:1px solid ccc;	background-color:#d31b00;	z-index:49;}
#timeBar #gameTime{color:#000;text-align:center;vertical-align:bottom;width:100%;height:50%;
	background:url(../_img/sys/timeBar.jpg) bottom repeat-x #e0c1ff;
	position:inherit;	bottom:0;
}
/***********************************************/

/*游戏开始前大面板*/
#introPanel{
	opacity:1;
	background:url(../_img/sys/pic2.gif) center center no-repeat #D0D0D0;	/*#97D8F7根据需要调整图片源*/
	background-size:auto 80%;
	color:#000;
	cursor:pointer;
	border:dashed 0px black;
}

/***********************************************/
/*游戏结束后大面板*/
#endPanel{ display:none;	/*background-color:#97D8F7;*/	color:#000;}
#endPanel #finSumScore{	color:#d31b00;	font-weight:bold;}
.aSTAT:hover{color:#F00;}
#endPanel p{
	width:100%; padding:0; margin:0;}
#endPanel #finUni{
	padding:0.5em 3em 1em 3em;
	margin-bottom:.5em;
	font-size:0.6em; /*结尾角色介绍字体*/
	}
#endPanel .uni{	position:inherit;	width:20%;}
#endPanel .uni img{
	border:none;width:100%; height:100%;
	border-radius:50%;
	}
/***********************************************/

#bg1, #bg2{	position:absolute;	left:0;	top:0;	z-index:-98; /*!*/}
#bg1 img, #bg2 img{
	border:none;width:100%; height:100%;
	}

/***********************************************/
/*游戏完成统计面板*/
#statPanel{ display:none;
	margin-top:;	padding-top:;
	width:100%;
	text-align:center;
	background-color:#97D8F7;
	background-image:url(../_img/sys/bg0.png);
	background-position:0% 0%;
	background-repeat:repeat;
	cursor:pointer;
	font-size:2em;
}
/* 成績表格框 */
#statPanel .statUni{
	margin-top:1px;
	display:inline-flex;
	justify-content:space-around;
	flex-direction:column;
	align-items:stretch;
	align-content:center;
	flex-wrap:wrap;
	padding:5px;
	vertical-align:top;
	font-size:20px; font-weight:bold;
	background-color:#999;
	border:1px solid #CCC; /*f39d77*/
	width:20%; /*height:40%;*/
}
#statPanel .statUni .infoD{
	color:dimgray;
	background-color:#EEE;
	padding:5px;
	border-bottom:2px solid #CCC;
	border-radius:5px 5px 2px 2px;
	text-shadow: rgb(254, 254, 254) 1px 1px 0px;
	/*white-space:nowrap;
	position:relative !important;
	z-index:5 !important;*/
	box-shadow: 1px 1px 3px #333;
	/*
	position: relative;
	border-radius:.5em;
	background: linear-gradient(-150deg, transparent 0.75em, #ccc 0);
}

#statPanel .statUni .infoD::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0.865em;
	height: 1.5em;
	background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.2) 0,rgba(0,0,0,.4)) 100% 0 no-repeat;
	transform: translateY(-0.635em) rotate(-30deg);
	transform-origin: bottom right;
	border-bottom-left-radius: inherit;
	box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);
	*/
}


#statPanel .statUni img{
	height:160px;
	border: 6px solid white;
}
/***********************************************/
@keyframes glowing {
0% {box-shadow:0 0 -10px #c4a300;text-shadow:0 0 -5px #c4a3cc;}
40% {box-shadow:0 0 20px #c4a300;text-shadow:0 0 10px #c4a3cc;}
60% {box-shadow:0 0 20px #c4a300;text-shadow:0 0 10px #c4a3cc;}
100% {box-shadow:0 0 -10px #c4a300;text-shadow:0 0 -5px #c4a3cc;}
}

.Rank{
	border:2px #CCC ridge;margin:0px;
	box-shadow: 1px 1px 0px #fff;
	/*filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5));*/
	}
.Rank0{
	box-shadow: 0px 0px 30px 10px #CCC;
	animation: glowing 4000ms infinite;
	}

.InfoRank0{
	color:#aa6c39 !important;
	background:url(../_img/sys/crown.png) no-repeat;
	background-size:25%;
	background-position:98% -30%;
	text-shadow: rgb(254, 254, 254) 3px 3px 0px;
	/*animation: glowing 4000ms infinite;*/
}
/***********************************************/
/*及時人物排名框*/
.giMM{
	position:absolute;	padding:0;	margin:0;	bottom:0;
	height:40%;	z-index:20;
	border:blue 0px dotted;;
}
/*及時人物排名圖*/
.giMM img{
	height:95%;
	border-radius:50% 50% 20% 20%;
	border:2px solid #CCC;/*border:none;*/
	}

.theEnd{
	margin:0.5em;border:1px dotted #888;
}

.sDiv .uni{
	border:2px #FFF solid;
	border-radius:10%;
	}
.sDiv .uni img{
	margin:0px;
	border-radius:10%;
	box-shadow: 1px 1px 3px #333;
	}