@charset "UTF-8";

/* -------------------------------------------------------------------------- **
**  FAQ
** -------------------------------------------------------------------------- */

.gradient-bg { background-image: url(../images/support/faq/gradient-bg.jpg); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.gradient-bg { background-image: url(../images/support/faq/gradient-bg_2x.jpg); }
}
.gradient-bg {
	background: -moz-linear-gradient(50% 0% -90deg, rgba(212, 245, 254, 1) 0%, rgba(222, 247, 254, 1) 17.41%, rgba(246, 253, 255, 1) 68.55%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(-90deg, rgba(212, 245, 254, 1) 0%, rgba(222, 247, 254, 1) 17.41%, rgba(246, 253, 255, 1) 68.55%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0,rgba(212, 245, 254, 1)), color-stop(0.1741,rgba(222, 247, 254, 1)), color-stop(0.6855,rgba(246, 253, 255, 1)), color-stop(1,rgba(255, 255, 255, 1)));
	background: -o-linear-gradient(-90deg, rgba(212, 245, 254, 1) 0%, rgba(222, 247, 254, 1) 17.41%, rgba(246, 253, 255, 1) 68.55%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(-90deg, rgba(212, 245, 254, 1) 0%, rgba(222, 247, 254, 1) 17.41%, rgba(246, 253, 255, 1) 68.55%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(180deg, rgba(212, 245, 254, 1) 0%, rgba(222, 247, 254, 1) 17.41%, rgba(246, 253, 255, 1) 68.55%, rgba(255, 255, 255, 1) 100%);
}
.gradient-bg {
	background-repeat: repeat-x;
	background-position: left top;
	background-size: auto 500px;
}

#support.faq {}
#support.faq figure {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#faq .container {
	padding-top: 60px;
	padding-bottom: 60px;
}
#faq .section-content {
	margin-bottom: 70px;
}
#faq .faq-content {
	max-width: 800px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
}
#faq .faq-ttl {
	margin-bottom: 1em;
	padding-top: 80px;
	background: transparent url(../images/support/faq/qa.png) no-repeat center top;
	background-size: 120px 70px;
	text-align: center;
	color: #0c8dd9;
}
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution: 1.5dppx) {
		#faq .faq-ttl { background-image: url(../images/support/faq/qa_2x.png); }
}

#faq .faq-ttl-h2 {
	margin-bottom: .8333em;
}
	#faq .faq-ttl-h2 i {
		margin-right: .3em;
		font-size: .8em;
		color: #007fdd;
	}

#faq .faq-content dl {
	margin-bottom: 1.25em;
	border: 1px solid #f1f1f1;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	-webkit-transition: background-color .28s, border-color .28s, box-shadow .28s;
	-moz-transition: background-color .28s, border-color .28s, box-shadow .28s;
	-ms-transition: background-color .28s, border-color .28s, box-shadow .28s;
	-o-transition: background-color .28s, border-color .28s, box-shadow .28s;
	transition: background-color .28s, border-color .28s, box-shadow .28s;
}
#faq .faq-content dl.open,
#faq .faq-content dl:hover,
#faq .faq-content dl:active {
	border-color: #6db9ff;
}
#faq .faq-content dl:focus {
	background-color: #f8fcff;
	border-color: #6db9ff;
	box-shadow: 0 2px 5px rgba(0,0,0,.12);
	outline: none;
}
	#faq .faq-content dl dt,
	#faq .faq-content dl dd {
	}
	#faq .faq-content dl dt {
		padding: .666em .888em .666em 3.444em;
		font-size: 1.125em;
		font-weight: bold;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	#faq .faq-content dl dd {
		padding: 0em 2.25em 1em 3.875em;
		line-height: 1.6;
	}
		#faq .faq-content dl i {
			display: inline-block;
			width: 1.6em;
			height: 1.6em;
			margin-right: .7em;
			margin-left: -2.3em;
			background-color: #48a4f2;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-ms-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
			color: #fff;
			font-family: 'Open Sans' sans-serif;
			font-size: 1.111111111111111em;
			font-weight: bold;
			line-height: 1.6;
			text-align: center;
		}
		#faq .faq-content dl dd .ask {
			background-color: #f77295;
			font-size: 1.25em;
		}