/*
.fiveChess {
width: 700px;
position: relative;
margin: 0 auto;
margin-bottom:32px;
}
*/

/* 棋盘 */
div.chessboard {
margin: 20px auto 30px;
width: 542px;
background: url(../image/chessboard.png) no-repeat 14px 14px rgb(250, 250, 250);
overflow: hidden;
box-shadow: 2px 2px 8px #888;
-webkit-box-shadow: 2px 2px 8px #888;
-moz-box-shadow: 2px 2px 8px #888;
}
div.chessboard div {
float: left;
width: 36px;
height: 36px;
border-top: 0px solid #ccc;
border-left: 0px solid #ccc;
border-right: 0;
border-bottom: 0;
cursor: pointer;
}
/* 棋子 */
div.chessboard div.black {
background: url(../image/black.png) no-repeat 4px 4px;
}
div.chessboard div.white {
background: url(../image/white.png) no-repeat 4px 4px;
}
div.chessboard div.hover {
background: url(../image/hover.png) no-repeat 1px 1px;
}
div.chessboard div.hover-up {
background: url(../image/hover_up.png) no-repeat 1px 1px;
}
div.chessboard div.hover-down {
background: url(../image/hover_down.png) no-repeat 1px 1px;
}
div.chessboard div.hover-up-left {
background: url(../image/hover_up_left.png) no-repeat 1px 1px;
}
div.chessboard div.hover-up-right {
background: url(../image/hover_up_right.png) no-repeat 1px 1px;
}
div.chessboard div.hover-left {
background: url(../image/hover_left.png) no-repeat 1px 1px;
}
div.chessboard div.hover-right {
background: url(../image/hover_right.png) no-repeat 1px 1px;
}
div.chessboard div.hover-down-left {
background: url(../image/hover_down_left.png) no-repeat 1px 1px;
}
div.chessboard div.hover-down-right {
background: url(../image/hover_down_right.png) no-repeat 1px 1px;
}
div.chessboard div.white-last {
background: url(../image/white_last.png) no-repeat 4px 4px;
}
div.chessboard div.black-last {
background: url(../image/black_last.png) no-repeat 4px 4px;
}
/*  */
div.operating-panel {
text-align: center;
}
div.operating-panel p {display:inline-block;}
.operating-panel a {
border: none;
display: inline-block;
padding: 2px 10px;
margin-right: 6px;
margin-left: 6px;
background: #87c1f9;
text-decoration: none;
color: #333;
font-weight: bold;
font-size: 14px;
}
.operating-panel a:hover {
background: rgb(48, 148, 247);
text-decoration: none;
}
.operating-panel a.disable, .operating-panel a.disable:hover {
cursor: default;
background: rgb(197, 203, 209);
color: rgb(130, 139, 148);
}
.operating-panel a.selected {
padding: 2px 10px;
background: #fdd366;
}
#result_tips {
color: #CE4242;
font-size: 20px;
}
#result_info {
margin-bottom: 10px;
}