@charset "utf-8";
/* CSS Document */
.news .date { color: #ffa74b; text-align: right; }
.news .newslist { padding: 0em 0em; list-style-type:square; }
.news .newslist li { border-bottom: #ccc 1px dotted; padding-bottom: .3em; padding-top: .3em; display: inline-block; width: 100%; }
.news .newslist .tit { border-bottom: #987d1d 2px solid; color: #987d1d; font-weight: 600;  }
.news .newslist li a { display:block; }
.news .newslist .tit a { display:inline; }

.news .newslist li a:link { color: #000;  }
.news .newslist li a:visited { color: #000; }
.news .newslist li a:hover { color: #f39800; }

/*相本效果*/
#carousel-gallery .carousel-inner .carousel-item { height: 35em; }
#carousel-gallery .carousel-inner .carousel-item img { max-width: 100%; max-height: 100%; }
#carousel-gallery .carousel-control-prev, #carousel-gallery .carousel-control-next {
	background-color: transparent; width:5%; 
}
.carousel-control-prev-icon, .carousel-control-next-icon  { height: 100%; }
@media(max-width: 767px) {
	#carousel-gallery .carousel-inner .carousel-item { height: 25em; }
}

/*檔案連結*/
.file-link { font-size: 1.1em; }
.file-link .border-bottom { border-bottom-style: dashed !important; }
.file-link img { width: 2em; height:auto; }

#content-block h1, #content-block h2{ font-weight:400;}
.cont-tit { color: #e55757;  }
.cont-tit h4 { border-bottom:1px #cccccc dashed; padding-bottom: .5em;}
.cont-date { color: #c09d22; }

/*右邊內容*/
/*標題頁籤*/
.pgtab .btn-dark { background-color: #d2d2d2; color: #000; white-space: normal !important; word-wrap: break-word !important; }
.pgtab .btn-info { background-color: #ffbc49; color: #000; white-space: normal !important; word-wrap: break-word !important; }
@media (min-width: 768px) {
	.slide .carousel-item { height: 25em; }
	.slide .carousel-item img { height: 100% !important; width: auto !important; }
}

#btn-menu .btn-secondary:link {
	white-space: normal !important;
	word-wrap: break-word !important;
	height: auto !important;
	background-color: #fff; color: #000; 
	border-left: #ccc 1px solid !important; border-top: #ccc 1px solid !important; border-right: #ccc 1px solid !important;
	border-bottom: #57d4ce .3em solid !important; text-align: left;
}
#btn-menu .btn-secondary:visited {
	white-space: normal !important;
	word-wrap: break-word !important;
	height: auto !important;
	background-color: #fff; color: #000; 
	border-left: #ccc 1px solid !important; border-top: #ccc 1px solid !important; border-right: #ccc 1px solid !important;
	border-bottom: #57d4ce .3em solid !important; text-align: left;
}
#btn-menu .btn-secondary:hover {
	background-color: #ededed; color: #000; 
	border-left: #ccc 1px solid !important; border-top: #ccc 1px solid !important; border-right: #ccc 1px solid !important;
	border-bottom: #57d4ce .3em solid !important; text-align: left;
}
#btn-menu .btn-secondary i { color: #0abb77; }

#mainbody {
	font-family: "新微軟正黑體","Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft Jhenghei", "Helvetica, Arial, sans-serif";
	line-height: 140%;
	letter-spacing: .1em;
}
#mainbody p { line-height: 1.5em; letter-spacing: .1em; margin-top: .5em; margin-bottom: .5em; padding:0; }
#mainbody h3.tit { font-size: 1.5em; font-weight:bold; letter-spacing:0.1em; color:#000; border-bottom: #febd95 2px solid; min-height: 1.8em; padding-bottom: .5em; margin-bottom: .5em; }
#mainbody h3.tit i { color: #ff700d !important; }

#mainbody h4 { font-size: 1.3em; font-weight:bold; letter-spacing:0.1em; color: #1706F0; }
#mainbody h4:before { font-family: "Font Awesome 5 Free"; content: "\f1b2\20";}
#mainbody h5 { font-size: 1.2em; font-weight:bold; letter-spacing:0.1em; }
#mainbody h5:before { font-family: "Font Awesome 5 Free"; content: "\f35a\20";}
#mainbody h6 { font-size: 1.1em; font-weight:bold; letter-spacing:0.1em; }
#mainbody h6:before { font-family: "Font Awesome 5 Free"; content: "\f0da\20";}
/*table標題*/
#mainbody table caption { text-align:center; }
#mainbody table caption:before { font-family: "Font Awesome 5 Free"; content: "\f0d8\20"; font-weight: 600; }

#mainbody > img { max-width: 100% !important; height: auto !important; }
#mainbody img { max-width: 100% !important; height: auto !important; }

/*首行縮排*/
.text-in-1 { margin-left: 1em; text-indent: 1em; }
.text-in-2 { margin-left: 2.2em; text-indent: 2.2em; }
/*首行凸排*/
.text-out-1 { margin-left: 1em; text-indent: -1em; }
.text-out-2 { margin-left: 2.2em; text-indent: -2.2em; }
/*中文縮排*/
.text-c-1 { margin-left: 1em; }
.text-c-2 { margin-left: 2em; }
.text-c-3 { margin-left: 3em; }

/*表格*/
.tableData th { background-color: #C0DCF1; }

.th { background-color: #C0DCF1; }


/*
#mainbody li {
	width:98% !important;
	clear:both !important;
	padding:5px 0 5px 0px !important;
}
#mainbody li ol{
	padding:0 !important;
	width:99% !important;
	clear:both !important;
	padding-left: 0px !important;
}
#mainbody li ol li{
	background:none !important;
	padding:3px 0 3px 0 !important;
	color:#666 !important;
}
#mainbody li ol li ol{
	margin:0 !important;
	padding:0 !important;
	width:99% !important;
	clear:both !important;
	padding-left:0px !important;
}
#mainbody li ol li ol li{
	list-style-type:decimal !important;
	background:none !important;
	padding:3px 0 3px 0 !important;
	color:#666 !important;
}
*/
@media (max-width: 767px) {
	#mainbody { padding: 0 1em 1em 1em !important; margin-bottom: 1em; margin-top: 0; }
	.cont-tit { margin: 1em; }
	#add-like { padding-left: 0; padding-top: .5em; text-align:left; }
	.ga-photo { padding: 1em; }
	.slide .carousel-item { height: 20em; }
	.slide .carousel-item img { height: 100% !important; width: auto !important; }
}