@charset "utf-8";
/* CSS Document */

@import url(/Other/www.bbpos/assets/front/css/font-awesome.min.css);
/*類別*/




.containerFAQ {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

.m_classLink {
	display: none;
}
.classBox {
	padding: 20px 0;
}
ul.classLink {
	text-align: center;
}
ul.classLink li {
	display: inline-block;
}
ul.classLink li a {
	display: block;
	margin: 0 3px;
	font-size: 15px;
	padding: 10px 20px;
	color: #000;
	border-radius: 15px;
	border: 1px solid #D7D7D7;
	position: relative;
	background-color: #fff;
}
ul.classLink li a:hover, ul.classLink li a.current {
	background-color: #5F6DBA;
	border: 1px solid #5F6DBA;
	color: #FFF;
}
ul.classLink li a.current:after {
	content: " ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 8px 0 8px;
	border-color: #5F6DBA transparent transparent transparent;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -7.5px;
}
/*640*/

@media (max-width: 640px) {
ul.classLink {
	display: none;
}
.m_classLink {
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.m_classLink a.main {
	text-align: center;
	display: block;
	font-size: 15px;
	color: #222;
	border: 1px solid #CCC;
	position: relative;
	padding: 10px;
	border-radius: 5px;
	background: #eeeeee;
	/* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
}
.m_classLink a.main i {
	display: block;
	font-size: 15px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px;
}
.m_classLink ul {
	padding: 0;
	list-style: none;
	display: none;
	width: 92%;
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #d1d1d1;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999;
	box-sizing: border-box;
	margin-left: 1em;
}
.m_classLink ul li {
	text-align: center;
	padding: 0;
}
.m_classLink ul li a {
	border-radius: 3px;
	display: block;
	padding: 15px 10px;
	border-top: 1px solid #d1d1d1;
	background: #fff;
	color: #000;
}
.m_classLink ul li:first-child a {
	border: none;
}
.m_classLink ul li:hover a {
	background: #448aad;
	color: #fff;
	border: none;
}
}