@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 2016.5.30;
 * Copyright 2015, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
/*問題列表*/
.QaList{
	margin: 0.875em 0;
}
/*問題列表-一項*/
.QaList > li{
	margin: -1px 0 0 0;
}
/*問題列表-問題類別*/
.QaList > li > .BoxTitle{
	background: #fff;
	border: 1px solid #d8e1e6;
	font-size: 1.125em;/*18/16*/
	color: #455a64;
	font-weight: 300;
	padding: 0.7em 15px;/*13/18*/
	line-height: 1.2;
	position: relative;
	overflow: hidden;
	width: 100%;
}
/*區塊-收合區塊-標題列連結*/
.QaList > li > .BoxTitle > .BtnCollapse{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration: none;
	color: #c1cace;
}
.QaList > li > .BoxTitle > .BtnCollapse:hover,
.QaList > li > .BoxTitle > .BtnCollapse:active{
	color: #45c8ab;
}
/*區塊-收合區塊-標題列(右方文字功能)*/
.QaList > li > .BoxTitle > .BtnCollapse > i,
.QaList > li > .BoxTitle > .BtnCollapse > span{
	float: right;
	text-decoration: none;
	margin: 15px;
}
/*問題列表-問題類別*/
.QaList > li > .BoxTitle > a{

}
/*問題列表-問題類別*/
.QaList > li > .BoxTitle > a > i{

}
/*問題列表*/
.QaList > li > .BoxBody{
	line-height: 1.6;
	padding: 15px 0;/*15/16,15/320*/
	clear: both;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
	height: auto;
	overflow: hidden;
}
/*區塊-收合區塊-內容收起*/
.QaList > li > .BoxBody.Hide{
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/*問題列表-列表*/
.QaList > li > .BoxBody > .OlList{
	padding: 0 0 0 45px;
	margin: -20px 0;
}
/*問題列表*/
.QaList > li > .BoxBody > .OlList > li{
	margin: 20px 0;
}
/*問題列表-問題*/
.QaList > li > .BoxBody > .OlList > li > .Question{
	font-size: 1.125em;/*18/16*/
	color: #455a64;
	font-weight: bold;
	padding: 15px 0 5px;/*20/16*/
	line-height: 1.2;
}
/*問題列表-回答*/
.QaList > li > .BoxBody > .OlList > li > .Answer{

}
.QaList > li > .BoxBody > .OlList > li > .Answer > :first-child{
	margin-top: 0;
}
.QaList > li > .BoxBody > .OlList > li > .Answer a{
	color: #45c8ab;
}
.QaList > li > .BoxBody > .OlList > li > .Answer a:hover{
	color: #455a64;
}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	/*區塊-內容*/
	.QaList > li > .BoxBody {
		padding: 1.875em 0;/*30/16,15/768*/
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	/*區塊-內容*/
	.QaList > li > .BoxBody {
		padding: 3.125em 0;/*50/16,15/768*/
	}
}