/********************/
/***** box-menu *****/
/********************/

#clm .clm .box-menu {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin:auto;
	color:#000000;
}
#clm .clm .box-menu div{
	width:140px;
	height:155px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
   	text-align:-moz-center;
    	text-align:-webkit-center;
	border: 2px solid;
	margin:5px;
	border-radius:10px;
	color:inherit;
	background-color:#e1e1e1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#clm .clm .box-menu div a{
	padding:2px;
	display:block;
	width:100%;
	height:100%;
	border-radius:10px;
	text-decoration:none;
	color:inherit;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#clm .clm .box-menu div a:link { color:inherit; text-decoration:none; background-color:transparent;}
#clm .clm .box-menu div a:visited { color:inherit; text-decoration:none; background-color:transparent;}
#clm .clm .box-menu div a:focus { color:inherit; text-decoration:underline; background-color:#BBBBBB;}
#clm .clm .box-menu div a:hover { color:inherit; text-decoration:underline; background-color:#BBBBBB;}
#clm .clm .box-menu div a:active { color:#ffffff; text-decoration:underline; background-color:#888888;}
