/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   page top
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pag-title {
	margin-top: 25px;
}
#categ-bar {
	margin-top: 20px;
}
@media screen and (max-width: 800px){
	#categ-bar {
		border-bottom: 1px solid #999999;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   data list
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#msg-empty {
	line-height: 100px;
	text-align: center;
	border-top: 1px solid #999999;
}
/* ------------
 * screen size
 * ------------ */
@media screen and (min-width: 801px){
	#ofr-container {
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   counter
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#counter-container {
	color: #888888;
	text-align: right;
}
@media screen and (min-width: 801px){
	#counter-container {
		border-top: 1px solid #999999;
	}
}
@media screen and (max-width: 800px){
	#counter-container {
		margin-top: 5px;
		padding-right: 3px;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   btn more
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ---------
 * container
 * --------- */
#ajax-btn-container {
	padding: 40px 0 20px 0;
	text-align: center;
}
@media screen and (max-width: 800px){
	#ajax-btn-container {
		margin-bottom: 30px;
	}
}
/* ---------
 * button
 * --------- */
#btn-more {
	padding: 0 10px;
	min-width: 150px;
	line-height: 35px;
	font-family: inherit;
	font-size: inherit;
	color: #333333;
	background-color: #d9d9d9;
	border-width: 1px;
	border-style: solid;
	border-color: #80a0a0 #205050 #205050 #80a0a0;
	border-radius: 5px;
	cursor: pointer;
}
#btn-more:hover {
	color: #222222;
	background-color: #cccccc;
}
#btn-more:active {
	color: #1c1c1c;
	background-color: #c0c0c0;
}