#sel-container a {
	text-decoration-line: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   info bar
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------
 * categ
 * ------------ */
#categ-bar {
	margin-top: 20px;
}
/* ------------
 * alpha/search
 * ------------ */
#info-bar {
	margin-top: 20px;
	padding: 5px 5px;
	line-height: 35px;
	background-color: #e0e0e0;
	border-top: 1px solid #aaaaaa;
}
@media screen and (max-width: 600px) {
	#categ-bar,
	#info-bar {
		margin-bottom: 20px;
		border-bottom: 1px solid #999999;
	}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   data list
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#msg-empty {
	line-height: 100px;
	text-align: center;
	border-top: 1px solid #999999;
}
/* -------------
 * company item
 * ------------- */
.table-cmp {
	position: relative;
	width: 100%;
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.img-logo {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 80px;
	object-fit: contain;
	object-position: top center;
}
.cmp-data {
	vertical-align: top;
}
/* -- package --*/
.cmp-package {
	position: absolute;
	top: 0;
	right: 0;
	cursor: default;
}
.cmp-pck-sign {
	display: inline-block;
	font-size: 25px;
}
.package-0 {
	position: relative;
	top: 3px;
	color: #777777;
}
.package-1 { color: #999999; }
.package-2 { color: #f7a450; }
.package-P { color: #fa9440; }
.cmp-pck-name {
	display: inline-block;
}
/* -- name --*/
.cmp-name {
	font-size: 26px;
	font-weight: bold;
}

/* ----------------------------------------------
 *
 *   screen size
 *
 * ---------------------------------------------- */
@media screen and (min-width: 601px) {
	.cmp-logo {
		width: 150px;
		padding: 10px 30px 10px 10px;
	}
	.img-logo {
	}
	.cmp-data {
		padding: 10px 0;
	}
	.cmp-short {
		padding-right: 20px;
	}
}
/* ---------------------------------------------- */
@media screen and (max-width: 600px) {
	.table-cmp {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		padding: 0 5px 30px 5px;
		border: 4px solid #aaaaaa;
		border-radius: 10px;
		box-shadow: 0 0 10px #bbbbbb;
	}
	.tbody-cmp, .tr-cmp {
		display: block;
		width: 100%;
	}
	.cmp-logo {
		display: block;
		margin: 70px auto 20px auto;
		width: 220px;
		text-align: center;
	}
	.img-logo {
	}
	.cmp-data {
		display: block;
	}
	.cmp-country {
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 8px 0 5px 5px;
		background-color: #e0e0e0;
		border-bottom: 1px solid #c0c0c0;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
	}
	.cmp-package {
		right: 5px;
	}
	.cmp-short {
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   counter
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#container-counter {
	text-align: right;
}
@media screen and (min-width: 601px) {
	#container-counter {
		border-top: 1px solid #999999;
	}
}
@media screen and (max-width: 600px) {
	#container-counter {
		margin: -10px 2px 0 0;
	}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   btn more
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ----------
 * container
 * ---------- */
#container-btn-ajax {
	margin-bottom: 30px;
	padding: 30px 0 20px 0;
	text-align: center;
}
@media screen and (min-width: 601px){
	#container-btn-ajax {
	}
}
@media screen and (max-width: 600px){
	#container-btn-ajax {
	}
}
/* ----------
 * 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;
}