/*============================================
  for page brock
============================================*/
.page_brock{
	padding: 1em 0em 1em 0em;
	text-align: center;
}
.page_brock ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.page_brock ul li {
	font-size : 2.0rem;
	list-style: none;
	display: inline;
	margin: 2px 0px 2px 0px;
	padding: 3px;
}
.page_brock ul li strong {
	display: -moz-inline-box; 
	display: inline-block;
	padding: 0.25em 0.4em;
	background-color: #EEEEEE;
	border: 1px #CCCCCC solid;
}
.page_brock ul li a {
	display: -moz-inline-box; 
	display: inline-block;
	padding: 0.25em 0.4em;
	background-color: #fff;
	border: 1px #cccccc solid;
}

.page_brock ul li a:link,
.page_brock ul li a:visited {
	border-color: #cccccc;
	background-color: #fff;
}
.page_brock ul li a:hover,
.page_brock ul li a:active {
	border-color: #003399;
	background-color: #2d56be;
	color: #FFFFFF;
}
/* ================================================================= */
@media only screen and (max-width: 800px) {

.page_brock ul li {
	font-size : 2.2rem;
}