@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900');
body {
	color: #555;
	font: 100%/1.2 'Lato', '-apple-system', BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	letter-spacing: .05em;
}
/*標題*/
h1, h2, h3, h4, h5, h6 {
}
/*==================== 標題 heading ====================*/
.heading1,
.heading2,
.heading3,
.heading4,
.heading5,
.heading6 {
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	/*margin: 0 0 -.4em 0;20/16*/
	text-transform: none;
}
/* 頁面標題 */
.page__heading{
	font-size: 1.25em;/*20/16*/
	line-height: 1.5;
	letter-spacing: .05em;
	margin: 25px 0;
}
/* 標題文字尺寸*/
.heading1 {
	font-size: 30px;/*29/16*/
	color: #434343;
	margin-bottom: 5px;
}
.heading2 {
	font-size: 1.25em;/*20/16*/
	margin: 25px 0;
	line-height: 1.5;
}
.heading3 {
	font-size: 1.25em;/*20/16*/
}
.heading4 {

}
.heading5 {

}
.heading6 {
	font-size: 1em;/*16/16*/
}
.heading-desc{
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
}
/*==================== 內文 ====================*/
.page__paragraph {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: .05em;
}
/*強調重點*/
strong {
	font-weight: normal;
}
.text {
	font-size: 14px;
}
/* 粗體 */
.text-bold{
	font-weight: bold;
}
/*強調重點*/
.text-primary{
	color: #033e7c;
	color: var(--blue-light, #033e7c);
}
.text-secondary{
	color: #b81b25;
}
.text-third{
	color: #888;
}
.text-fourth{
	color: #eee;
}
.bg-primary {
	background: #b81b25;
}
em {
	font-weight: normal;
	font-style: normal;
}
/*連結 a-文字連結*/
a {
	color: #033e7c;
	color: var(--blue-light, #033e7c);
	text-decoration: underline;
}
a:active,
a:focus {
	color: #074d97;
	color: var(--blue-lighter, #074d97);
	text-decoration: none;
	outline:0;
}
.btn-link {
	display: block;
	text-decoration: underline;
	width: 100%;
}
.btn-linka:active {
	text-decoration: none;
}
/* 文字列表 */
.listtext{
	padding: 0 0 0 30px;
	line-height: 1.4;
}
.listtext--no{
	padding-left: 0;
	list-style-type: none;
}
/* 項目 */
.listtext__item{
	margin-bottom: 5px;

}
/* 備註 */
.note {
	font-size: 14px;
	margin-bottom: 10px;
}
/*------------------------------無序列項目------------------------------*/
/*無序項目列表-實心圓形*/
.listtext--disc > .listtext__item,
.listtext--disc > li {
	list-style-type: disc;
}
/*無序項目列表-空心圓點*/
.listtext--circle > .listtext__item {
	list-style-type:circle;
}
/*無序項目列表-實心方形*/
.listtext--square > .listtext__item{
	list-style-type: square;
}
/*無序項目列表-實心方形*/
.listtext--no > .listtext__item{
	list-style-type: none;
}
/*------------------------------有序列項目------------------------------*/
/*序列項目列表-數字(1,2,3)*/
.listtext--decimal > .listtext__item {
	list-style-type: decimal;
}
/*序列項目列表-中文數字(一,二,三)*/
.listtext--cjk > .listtext__item,
.listtext--cjk > li {
	list-style-type: cjk-ideographic;
}
/*序列項目列表-小寫英文字母*/
.listtext--lowerlatin > .listtext__item {
	list-style-type: lower-latin;
}
/* 資料 */
.listtext__field,
.listtext__data{
	display: block;
}
/* 左側資料 */
.listtext__field{
	float: left;
	text-align: right;
	width: 90px;
}
/* 右側資料 */
.listtext__data{
	padding: 0 0 0 90px;
	word-break: break-all;
	word-wrap: break-word;
}
/*==================== 文字-主色系 ====================*/
.text-primary,
a.text-primary:hover,
a.text-primary:focus {
	color: #033e7c;
	color: var(--blue-light, #033e7c);
}
/*==================== 文字-主色系 ====================*/
.text-secondary,
a.text-secondary:hover,
a.text-secondary:focus {
	color: #b81b25;
}
/*==================== 文字-成功色系 ====================*/
.text-success,
a.text-success:hover,
a.text-success:focus {
	color:#0cac00;
}
/*==================== 文字-資訊色系 ====================*/
.text-info,
a.text-info:hover,
a.text-info:focus {
	color: #888;
}
/*==================== 文字-警告色系 ====================*/
.text-warning,
a.text-warning:hover,
a.text-warning:focus {
	color: #ec0000;
}
/*==================== 文字-危險色系 ====================*/
.text-danger,
a.text-danger:hover,
a.text-danger:focus {
	color: #ff3e3e;
}
@media screen and (min-width: 768px) {
	.heading2 {
		margin: 40px 0;
	}
	.listtext__field,
	.listtext__data {
		/* display: inline; */
		/* vertical-align: middle; */
	}
	.listtext__field {
		/* float: none; */
		/* text-align: left; */
		/* width: auto; */
	}
	.listtext__data {
		/* padding: 0; */
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	.heading1{
		font-size: 40px;
		margin-bottom: 10px;
	}
	.heading2{
		text-align: left;
	}
	.heading-desc{
		margin-bottom: 40px;
	}
	/*連結 a-文字連結-滑過*/
	a:active,
	a:hover {
		color: #074d97;
		color: var(--blue-lighter, #074d97);
		text-decoration: none;
	}
}