﻿
.mo{
	float:left;
	clear:top;
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	margin:5px;
}

.mo2{
	float:left;
	clear:top;
	font-family: Arial;
	font-weight:normal;
	font-size:12px;
	margin:5px;
}

.mo3{
	/*text-align:center;*/
	font-family: Arial;
	font-weight:normal;
	font-size:12px;
	margin-left:5px;
	margin-bottom:2px;
}


	
/*.s_kl, .t_kl{ 
	float:left; 
	background-size:100%;
	background-repeat:no-repeat;
} 

.s_kl{ 
	background-image:url(board/images/w.png); 
} 

.t_kl{ 
	background-image:url(board/images/b.png); 
}*/

#modal_form{
	background:#e5f3fb;
	width: 900px; 
	height: 596px; 
	border-radius: 5px;
	border: 3px #299dda solid;
	position: fixed; 
	top: 45%; 
	left: 50%;
	margin-top: -298px;
	margin-left: -450px; 
	display: none; 
	opacity: 0; 
	z-index: 5; 
	
}

#modal_form #modal_close {
	width: 18px;
	height: 18px;
	float:right;
	cursor: pointer;

	margin-right:5px;
	margin-top:-2px;
}

#overlay {
	z-index:3; 
	position:fixed; 
	background-color:#000; 
	opacity:0.8;
	-moz-opacity:0.8; 
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; 
	top:0; 
	left:0;
	cursor:pointer;
	display:none; 
}

.picture{
cursor: pointer;
}

#board{
	margin-top:8px;
	margin-left:5px;
	padding:0.8%;
	float:left;
	clear:top;
	width:512px;
	height:512px;

}

#com{
	margin-top:8px;
	float:left;
	clear:top;
	border:double;
	overflow:scroll;
	width:358px;
	height:519px;
	
}

#head{
	background-color:#299dda;
	width:900px;
	height:17px;
	
}

#buttons{
	clear:left; 
	margin-left:5px;
	width:525px; 
	height:20px;
}

.but{
	width:35px; 
	height:35px;
	margin:0px;
	padding:0px;
	margin-top:3px;
	background:#e5f3fb;
}