/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   page title
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.title-header {
	margin-bottom: 20px;
	padding: 18px 10px 9px 10px;
	color: #305050;
	background-color: #eeeeee;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #c6c6c6;
}
@media screen and (min-width: 601px) {
	.title-header {
		background-image: url("../../../webengine/engineRes/img/bg-plank-03.jpg");
	}
}
@media screen and (max-width: 600px) {
	.title-header {
		padding-top: 9px;
		background-image: url("../../../webengine/engineRes/img/bg-leather-03.jpg");
	}
	#page-title {
		margin: 0;
	}
}
/* -----------------
 * logo
 * ----------------- */
@media screen and (min-width: 801px) {
	#logo-comp {
		float: right;
		margin-top: 23px;
		margin-right: 11px;
	}
}
@media screen and (max-width: 800px) {
	#logo-comp { display: none; }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   questions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.q-head {
	padding: 6px 0;
	background-color: #e0e0e0;
	border-bottom: 1px solid #bbbbbb;
	cursor: pointer;
}
.q-head:hover {
	background-color: #d9d9d9;
}
.sign {
	width: 20px;
	padding-left: 5px;
	vertical-align: top;
}
.q-str {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   answers
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.q-dat {
	display: none;		/* js control */
	margin: 5px 0 10px 28px;
}
.q-dat a {
	font-weight: bold;
}
/* -- list within answer ------ */
.ul-faq {
	margin: 0;
}