* {
	margin: 0;
	padding: 0;
}

body {
	/* background-image: url(../images/background.jpg); */
	/* background-size: cover; //text-align: center; */
}

.moveFreely {
	position: absolute;
}

.hide {
	display: none;
}

#chessboard {
	/* border: groove 20px rgb(139, 79, 48); */
	border: solid 20px rgb(139, 79, 48);
	background:url("../images/no-bg.png");
	border-radius: 5px;
	box-shadow:#2e3d4980 2px 2px 5px 0px;
	transition:transform 0.3s ease 0s;
}
#chessboard div {
	text-shadow:#2e1300 0px 1px 1px;
	border-color:#000000;
	border-radius:5px;
	box-shadow:#2e3d4980 2px 2px 5px 0px;
	transition:transform 0.3s ease 0s;
	/* border:2px solid #2e1300; */
	/* background:rgb(255, 250, 232) */
}
#chessboard div:focus {
	background-color:#ffff7c;
	border:none;
}

#titleImg {
	//border: groove;
}

/* #layoutName {
	font-family: KaiTi;
	font-size: 90px;
	text-align: center;
} */

#refresh, #help-gif {
	float: right;
	position: absolute;
	bottom:4em !important;
	left:0em !important;
	top:auto !important;
	width: 80px !important;
	height:30px !important;
	background:#999999;
	color:#ffffff;
	font-size:1em;
	border-radius:5em;
	line-height: 30px;
	text-align: center;
	box-shadow:#2e3d4980 2px 2px 5px 0px;
	transition:transform 0.3s ease 0s;
}
#refresh:hover,#help-gif {
	background:#f09496;
	color:#ffffff;
	cursor: pointer;
}
#help-gif {
	bottom:1em !important;
}
#refresh span {
	position: absolute;
	top:-40px;
	right:-10px;
	background:#f09496;
	height:40px;
	width:40px;
	line-height: 40px;
	border-radius: 20px;
	font-size:12px;
	/* box-shadow:#2e3d4980 2px 2px 5px 0px; */
	transition:transform 0.3s ease 0s;
}
#refresh span b {
	font-size:20px;
	font-family: 'Courier New', Courier, monospace;
	text-shadow:#2e1300 0px 1px 1px;
}

/*#up
{
	background-size:100% 100%;
}*/

/*#chessboard
{
	border: groove;
	
	//position: relative;
	//left: 100px;
	//top: 100px;
	//margin-left: auto;
    //margin-right: auto;
	//margin: 0 auto;
}*/
/* 人物 */
#zu1,#zu2,#zu3,#zu4 {
	background:url("../renwu/sanguo-zu.png") no-repeat 80%/80% rgb(255, 250, 232);
}
#caocao {
	background:url("../renwu/sanguo-caocao.png") no-repeat 80%/80%  #fff8e8;
}
#guanyu.heng {
	background:url("../renwu/sanguo-guanyu.png") no-repeat 80%/80% rgb(255, 250, 232);
}
#guanyu.shu {
	background:url("../renwu/sanguo-guanyu.png") no-repeat center/100% rgb(255, 250, 232);
}
#machao.heng {
	background:url("../renwu/sanguo-machao.png") no-repeat center/25% rgb(255, 250, 232);
}
#machao.shu {
	background:url("../renwu/sanguo-machao.png") no-repeat 80%/80%  rgb(255, 250, 232);
}
#zhaoyun.heng {
	background:url("../renwu/sanguo-zhaoyun.png") no-repeat center/25% rgb(255, 250, 232);
}
#zhaoyun.shu {
	background:url("../renwu/sanguo-zhaoyun.png") no-repeat 80%/80%  rgb(255, 250, 232);
}
#zhangfei.heng {
	background:url("../renwu/sanguo-zhangfei.png") no-repeat center/25% rgb(255, 250, 232);
}
#zhangfei.shu {
	background:url("../renwu/sanguo-zhangfei.png") no-repeat 80%/80% rgb(255, 250, 232);
}
#huangzhong.heng {
	background:url("../renwu/sanguo-huangzhong.png") no-repeat center/25% rgb(255, 250, 232);
}
#huangzhong.shu {
	background:url("../renwu/sanguo-huangzhong.png") no-repeat 80%/80%  rgb(255, 250, 232);
}
/* 左右 */
.main-text {position: relative;}
/* 标题 */
#layoutName {
	width:40px;
	font-size:5em;
	color:#ff0000;
	margin-left:1em;
	margin-top:1em;
	font-weight: bold;
	font-family: 'KaiTi';
	text-shadow:4px 2px 6px #000;
	-webkit-text-stroke: 1px #ff0;
}
h2#layoutName {
	width:80px;
	font-size:5em;
	color:#ff0000;
	margin-left:0em;
	margin-top:0em;
	font-weight: bold;
	font-family: 'KaiTi';
	text-shadow:4px 2px 6px #000;
	-webkit-text-stroke: 1px #ff0;
	float:left;
	background:#ffffff;
	opacity: 0.7;
}
/* 三国首页 */
.sanguo-index {
	width:90%;
	margin:7em auto;
}
.sanguo-index ul li {
	width:12.5%;
	margin:1em;
	display: inline-block;
	position: relative;
	text-align: center;
	/* text-shadow:#2e1300 0px 1px 1px; */
	border-color:#000000;
	border-radius:5px;
	box-shadow:#2e3d4980 2px 2px 5px 0px;
	transition:transform 0.3s ease 0s;
	padding:10px;
}
.sanguo-index ul li:hover {
	background:#ffff00;
}
.sanguo-index ul li a {
	display:block;
}
.sanguo-index ul li img {
	/* padding:20px; */
	display: block;
	width:100%;
}
.sanguo-index ul li b {
	position: absolute;
	bottom:1em;
	/* left:20px; */
	color:#333;
	background:#ffffff;
	display:block;
	width:80%;
	height:2em;
	line-height:2em;
	font-family: 'KaiTi';
	font-weight: bold;
	font-size:2em;
	/* text-shadow:4px 2px 6px #000; */
	/* -webkit-text-stroke: 1px #fff; */
	opacity: 0.4;
}
.sanguo-index ul li:hover b {
	color:#ff0000;
	-webkit-text-stroke: 0.3px #ff0;
	opacity:0.8;
}