/*Outer1_style_首頁竹版本使用*/
html{
	font-size: 120%; /* 1em = 16px */

}
body {
	font-size: 1em;
	margin: 0;	
	padding-top: 3.5em;
	font-family: -apple-system, BlinkMacSystemFont,"微軟正黑體",sans-serif;
	line-height: 1.5;
	-webkit-overflow-scrolling: touch;

	/* 避免瀏覽器自動調整文字大小(手機) */
	-webkit-text-size-adjust: 100% !important;
	-ms-text-size-adjust: 100% !important;
}
@media screen and (min-width:992px) {
	html{
		font-size: 100%; /* 1em = 16px */
	}
	body {
		padding-top:0;
	}
	body.fixed-top {
		padding-top:8.375em;
	}
}

*,
::after,
::before {
	box-sizing: border-box
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	/* position: static; */
	position: absolute !important;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal
}

a{	
	padding: 3px 5px;
	text-decoration: none;
}
/*a[accesskey]{
	position: absolute;
}*/
a[href='#']{
	cursor: default;
}
a.img_link{
	display: inline-block;
	padding: 2px;
}
a.img_link > img{
	display: block;
}
a.more {
	font-size: 1em;
	padding: 0.425em 0.5625em;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 1.25em;
}

h2.mt-title {
    color: #000;
    position: relative;
    font-weight: bold;
    background: #f0f0f0;
    padding: 8px 1em;
    border-left: solid 4px #3c5a96;
  }
  
  
h3,
h4,
h5,
h6{
	font-size: 1em;
	font-weight: normal;
}
li,
li > a,
li > div{
	padding: 3px 0px;
}
figure{
	margin: 0;
}
dl,
ol,
ul{
	margin: 0;
	padding-left: 1.25em;
}
img{
	max-width: 100%;
}
button,
input[type='button']{
	cursor: pointer;
}
.ml-auto{
	margin-left: auto;
}
button{
    font-size: 1em;
    line-height: 1.5;
}

noscript {
	width: 100%;
}


.paddingtop{
	padding-top: 20px !important;
}
.paddingbottom{
	padding-bottom: 20px !important;
}
h2.page_title{
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 5px 0;
	border-top-style:double;
	border-top-width:3px;		
	border-bottom-style:double;
	border-bottom-width:3px;
}

.flex-column{
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-nowrap{
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
}
.align-items-center{
	-ms-flex-align: center;
	align-items:center;
}


.font-size-32{
	font-size: 2em;
}
.font-size-20{
	font-size: 1.25em;
}
.font-size-18 {
	font-size: 1.125em;
}
.font-size-17 {
	font-size: 1.0625em;
}
.font-size-16 {
	font-size: 1em;
}
.font-size-15 {
	font-size: 0.9375em;
}
.font-size-14 {
	font-size: 0.875em;
}


.text-rows-1,
.text-rows-2,
.text-rows-3,
.text-rows-4,
.text-rows-sm-1,
.text-rows-sm-2,
.text-rows-sm-3,
.text-rows-sm-4,
.text-rows-md-1,
.text-rows-md-2,
.text-rows-md-3,
.text-rows-md-4 {
	display: -ms-flexbox;
	display: flex;
	padding: 0.375em 0.5em;
}
.text-rows-1 > *,
.text-rows-2 > *,
.text-rows-3 > *,
.text-rows-4 > *,
.text-rows-sm-1 > *,
.text-rows-sm-2 > *,
.text-rows-sm-3 > *,
.text-rows-sm-4 > *,
.text-rows-md-1 > *,
.text-rows-md-2 > *,
.text-rows-md-3 > *,
.text-rows-md-4 > * {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.text-rows-1 {
	height: calc(1.5em + 0.375em * 2);
}
.text-rows-2 {
	height: calc(3em + 0.375em * 2);
}
.text-rows-3 {
	height: calc(4.5em + 0.375em * 2);
}
.text-rows-4 {
	height: calc(6em + 0.375em * 2);
}
.text-rows-1 > * {
	max-height: 1.5em; /* for IE */	
	-webkit-line-clamp: 1;
}
.text-rows-2 > * {
	max-height: 3em; /* for IE */
	-webkit-line-clamp: 2;
}
.text-rows-3 > * {
	max-height: 4.5em; /* for IE */
	-webkit-line-clamp: 3;
}
.text-rows-4 > * {
	max-height: 6em; /* for IE */
	-webkit-line-clamp: 4;
}

@media screen and (min-width:576px) {
	.text-rows-sm-1 {
		height: calc(1.5em + 0.375em * 2);
	}
	.text-rows-sm-2 {
		height: calc(3em + 0.375em * 2);
	}
	.text-rows-sm-3 {
		height: calc(4.5em + 0.375em * 2);
	}
	.text-rows-sm-4 {
		height: calc(6em + 0.375em * 2);
	}
	.text-rows-sm-1 > * {
		max-height: 1.5em; /* for IE */
		-webkit-line-clamp: 1;
	}
	.text-rows-sm-2 > * {
		max-height: 3em; /* for IE */
		-webkit-line-clamp: 2;
	}
	.text-rows-sm-3 > * {
		max-height: 4.5em; /* for IE */
		-webkit-line-clamp: 3;
	}
	.text-rows-sm-4 > * {
		max-height: 6em; /* for IE */
		-webkit-line-clamp: 4;
	}
	
	nav > .container-fluid{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	background-image:url('/images/top_banner.png');
	height:550px;
	padding:0px;
}
}
@media screen and (min-width:768px) {
	.text-rows-md-1 {
		height: calc(1.5em + 0.375em * 2);
	}
	.text-rows-md-2 {
		height: calc(3em + 0.375em * 2);
	}
	.text-rows-md-3 {
		height: calc(4.5em + 0.375em * 2);
	}
	.text-rows-md-4 {
		height: calc(6em + 0.375em * 2);
	}
	.text-rows-md-1 > * {
		max-height: 1.5em; /* for IE */
		-webkit-line-clamp: 1;
	}
	.text-rows-md-2 > * {
		max-height: 3em; /* for IE */
		-webkit-line-clamp: 2;
	}
	.text-rows-md-3 > * {
		max-height: 4.5em; /* for IE */
		-webkit-line-clamp: 3;
	}
	.text-rows-md-4 > * {
		max-height: 6em; /* for IE */
		-webkit-line-clamp: 4;
	}
}


.widget{
	padding-bottom: 20px;
	width: 100%;
}
.widget > .widget-title{
	border-top-style:solid;
	border-top-width:2px;
    padding: 10px 5px 10px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack:space-between;
	justify-content:space-between;
}
.widget.color > .widget-title{
	padding-left:5px;
	padding-right: 5px; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.widget > .widget-title span{
	margin: 0;
}
.widget.color > .widget-title > span,
.widget.color > .widget-title *:not(a) > span,
.widget > .widget-title a{
	padding: 5px;
	margin:-5px 5px -5px 0;
	width: 100%;
	display: block;
}
.widget > .widget-title > i{
	margin-top:3px;
	margin-right: 5px;
}
.widget.large > .widget-title span,
.widget.large > .widget-title i{
	font-size: 1.25em;
}
.widget > .widget-title img{
	width: 100%;
	height: auto;
}

.widget.color > div:last-child,
.widget.color > ul{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.widget.color > ul{
	padding: 5px;
}
.widget.color > div:last-child{
	padding: 10px;
}

/*==============*/
/* Navbar Start */
/*==============*/
nav{
	position: fixed;
	top:0;
	left: 0;
	right: 0;	
	z-index: 1030;	
}
nav > .container-fluid{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	background-image:url('/images/top_banner.png');
	height:150px;
	padding:0px;
}

nav > .container-fluid > .navbar-toggle{
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.navbar-brand{
	font-size: 1em;
	flex: 1 0 8em;
	margin:0 10px;
	display: -ms-flexbox;
	display: flex;
}
.navbar-brand a{
	padding:3px 5px;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
}
.navbar-brand a.img{
	padding:0;
}
.navbar-brand a.img > div{
	padding: 7.5px 0;
	height: 3em;
}
.navbar-brand span{
	display: block;
	align-self:center;
	width: 100%;
	text-align: center;
}
.navbar-brand img{
	height: 100%;
}
.navbar-toggler{
	font-size: 1em;
	margin: 0.375em 3px;
	padding: 0;
	border: 0;
	border-radius: 5px;
}
.navbar-toggler .fa{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.8em;
	height: 100%;
	padding: 0.125em 0.1875em;
}
.navbar-toggle .navbar-toggler:last-child{
	margin-right: 12px;
}

.gsc-control-searchbox-only *{
	font-size: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
}
input.gsc-input,
button.gsc-search-button{ /* 搜尋框與按鈕 */
	padding: 0.5em 0.75em !important;
}
input.gsc-input{ /* 搜尋框 */
	height: 2.5em !important;
	font-family: -apple-system, BlinkMacSystemFont,"微軟正黑體",sans-serif;
}
input.gsc-input::-moz-placeholder{ /* for firefox */
	font-size: 1em !important;		
}
input.gsc-input::-webkit-input-placeholder{ /* for chrome */
	font-size: 1em !important;		
}
input.gsc-input:-ms-input-placeholder{ /* for IE */
	font-size: 1em !important;		
}
.gsst_a{ /* 清除搜尋框 */
	height: 2.5em;
}
span.gscb_a{ /* 清除搜尋按鈕 */
	text-align: center;
	line-height: 1.25 !important;
	font-size: 2em !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 2em;
}
button.gsc-search-button{ /* 搜尋按鈕外層 */
	margin: 0 !important;
	padding: 0.5em 0 !important;
	display: -ms-flexbox;
	display: flex;
}
.gsc-search-button:hover{
	cursor: pointer;
}
.gsc-search-button svg{ /* 搜尋按鈕圖示 */
	margin: 0.25em 1.5em !important;
	height: 1em !important;
	width: 1em !important;
}

.navbar-collapse {
	display:none;
	max-height: 350px;
	border-top-width:1px;
	width:100%;
	margin-bottom: 10px;
}
.navbar-collapse.show{
	display: -ms-flexbox;
	display: flex;
	overflow-y: auto;
}
#navbarCollapse-user .navbar-other{
	display: none;
}
#navbarCollapse .navbar-other .nav-row ul{
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style: none;
}
#navbarCollapse .navbar-other .nav-row ul li{
	flex:1;
}
#navbarCollapse .navbar-other .nav-row a{
	text-align: center;
	padding:0.5em 0;
}

.navbar-nav {
	margin: 0;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	list-style: none;
}
.navbar-nav li{
	/* padding: 0; */
	/*background-color:#4b764a;*/
	color:white;
}

.navbar-nav li a:before {
	background-color: #fff;
}

.navbar-nav li a:after{
    content: '　|';
    color: #fff;
    font-weight: 300;
}

.navbar-nav .nav-item-line{
	color: #ccc;
	font-weight: 300;
}

.navbar-nav li:nth-child(3) a:after {
    content:none;
}

.navbar-nav .nav-link {
	color: white;
}

.navbar-nav a {
	/*單行文字限制*/
	/*
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	*/
	white-space: normal;
	padding: 0.5em calc(0.75em + 4em) 0.5em 0.75em; /* 0.75em + 4em 右邊間距+箭頭寬度 */
	display: block;
}
.navbar-nav div{
	padding: 0;
}

.navbar-nav1 div{
	padding: 0;
	color: #4B764A;
}

.navbar-nav a:nth-last-of-type(2){
	padding-right: 0.75em; /* 右邊間距 */
}
.navbar-nav a:nth-of-type(2){
	padding-left: 0;
	padding-right: 4em; /* 箭頭寬度 */
}
/* 文字與箭頭分隔符號 */
.navbar-nav a:nth-of-type(2):before{
	content: "";
	position: absolute;
	height: 100%;
	width: 2px;
	top:0;
}

.dropdown > div{
	position: relative;
	display: -ms-flexbox;
	display: flex;
}
.dropdown > div > a:first-child{
	-ms-flex:auto;
	flex:auto;
}
.dropdown > div > a:last-child:after  { /*下拉箭頭-向右*/
	display:block;
	font-family: fontawesome;
	content:"\f067";
	text-align: center;
	width: 4em;
	position: absolute;
	top:calc(50% - 0.5em * 1.5); /* 1/2*1.5 = font-size/2 * line-height */
	right: 0;
}
.dropdown.show > div > a:last-child:after{ /*下拉箭頭-向下*/
	content:"\f068";
}

.dropdown-menu {
	z-index: 1000;
	display: none;
	list-style: none;
	border-left-style: solid;
	border-left-width: 3px;
	padding:0 0 0 0.75em;
	margin-top: 0;
}
.dropdown-menu.show {
	display: block
}

@media (max-width: 991px) {
	nav .container-fluid{
		margin: 0;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}	
	
	nav > .container-fluid
	{
		height:70px
	}
}

@media screen and (min-width:992px) {
	nav{
		position: static;
	}
	body.fixed-top nav{
		position: fixed;
	}
	body.fixed-top.untop nav{
		opacity: 0.93;
		-webkit-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}

	nav > .container-fluid > .navbar-toggle{
		display: block;
		width: auto;
	}

	.navbar-brand{
		margin-left:0;
	}
	.navbar-brand a{
		display: inline-block;
	}
	.navbar-brand a.img > div{
		display: block;
		-webkit-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}
	.navbar-brand a.img > div,
	body.fixed-top.top nav .navbar-brand a.img > div{
		padding: 8px 0;
		height:5em;
	}
	body.fixed-top.untop nav .navbar-brand a.img > div{
		padding: 5px 0;
		height: 2.5em;
	}

	.navbar-brand span{
		-webkit-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}
	.navbar-brand span,
	body.fixed-top.top nav .navbar-brand span{
		font-size: 2em;
		text-align: left;
	}
	body.fixed-top.untop nav .navbar-brand span{
		font-size: 1.2em;
	}	
	.navbar-toggler{
		display: none;
	}

	 /* reset google setting */
 	table.gsc-search-box,
	form.gsc-search-box,
	input.gsc-input,
	td.gsc-search-button{
		width: auto !important;
	}
	input.gsc-input{
		width: 8.5em !important;
	}
	span.gscb_a{ /* 清除搜尋按鈕 */
		text-align: center;
		width: 1.25em;
	}
	.gsc-search-button svg{ /* 搜尋按鈕圖示 */
		margin: 0.25em 0.75em !important;
		height: 1em !important;
		width: 1em !important;
	}

	.navbar-collapse{
		display: -ms-flexbox;
		display: flex;
		border-top-width:0px;
		margin-bottom: 0;
		flex: 1 0 auto;
		width: auto;
		padding: 10px 0px;
	}
	.navbar-collapse.show{
		overflow-y: visible;
		max-height: auto;
	}

	.navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
		max-height: none;
	}
	#navbarCollapse-user .navbar-nav {
		-ms-flex-pack: flex-end;
		justify-content: flex-end;
	}
	#navbarCollapse-user .navbar-other{
		display: -ms-flexbox;
		display: flex;
		visibility: visible;
		opacity: 1;
		height: 2.5em;
		-webkit-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}
	#navbarCollapse .navbar-other{
		display: none;
	}
	body.fixed-top.untop nav #navbarCollapse-user .navbar-other{
		visibility: hidden;
		opacity: 0;
		height: 0;
		-webkit-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
	}

	#navbarCollapse-user .navbar-nav a{
		white-space : nowrap;
		font-weight:500;
	}
	.main-navbar{
		position: relative;
		/*padding: 5px;
		background-color:#fff;*/
	}
	.main-navbar .nav-link{
		position: relative;
	}
		.main-navbar .nav-link1{
		position: relative;
	}
	.main-navbar .nav-link:before{ /* 項目底線 */
		position: absolute;
		content: "";
		bottom: 0px;
		left: 50%;
		right: 50%;
		height: 2px;
	}
	
		.main-navbar .nav-link1:before{ /* 項目底線 */
		position: absolute;
		content: "";
		bottom: 0px;
		left: 50%;
		right: 50%;
		height: 2px;
	}
	.main-navbar .nav-link:focus:before,
	.main-navbar .nav-link:hover:before,	
	.main-navbar .nav-item.show .nav-link:before{ /* 項目底線 */
		left: 0;
		right: 0;
		-webkit-transition: 0.2s ease-out;
		-o-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}

	.main-navbar .nav-link1:focus:before,
	.main-navbar .nav-link1:hover:before,	
	.main-navbar .nav-item.show .nav-link1:before{ /* 項目底線 */
		left: 0;
		right: 0;
		-webkit-transition: 0.2s ease-out;
		-o-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}
	.main-navbar .nav-link{
		min-width: 3em;
		/*
		max-width: 11em;
		*/
		/*單行文字限制*/
		/*
		overflow : hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
		*/
	}
	
		.main-navbar .nav-link1{
		min-width: 3em;
		/*
		max-width: 11em;
		*/
		/*單行文字限制*/
		/*
		overflow : hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
		*/
	}
	.navbar-nav .nav-link{
		padding-right: 0.3em;
		padding-left: 0.3em;
	}
		.navbar-nav .nav-link1{
		padding-right: 0.5em;
		padding-left: 0.5em;
		color: #4B764A;
		font-weight: 1000;
	}
	body:not(.nojs) .navbar-nav .dropdown .nav-link{
		padding-right: calc(1.5em + 0.25em); /* 箭頭寬度 ＋ 文字與箭頭間距 */
	}
	body:not(.nojs) .navbar-nav .dropdown .nav-link1{
		padding-right: calc(1.5em + 0.25em); /* 箭頭寬度 ＋ 文字與箭頭間距 */
		color: #4B764A;
		font-weight: 800;
	}
	.navbar-nav .dropdown .nav-link:after,
	.navbar-nav .dropdown.show .nav-link:after{
		content:"\f107";
		width: 1.5em; /* 箭頭寬度 箭頭對齊用 */
		padding-right: 0.75em; /* 整體右邊間距 */
	}
	body.nojs .navbar-nav .dropdown .nav-link:after,
	body.nojs .navbar-nav .dropdown.show .nav-link:after{
		display: none;
	}

	.navbar-nav .dropdown .nav-link1:after,
	.navbar-nav .dropdown.show .nav-link1:after{
		content:"\f107";
		width: 1.5em; /* 箭頭寬度 箭頭對齊用 */
		padding-right: 0.75em; /* 整體右邊間距 */
	}
	body.nojs .navbar-nav .dropdown .nav-link1:after,
	body.nojs .navbar-nav .dropdown.show .nav-link1:after{
		display: none;
	}

	.navbar-nav .dropdown-item{
		padding-right:calc(0.5em + 2em);	/* 0.5em + 2em 右邊間距 + 箭頭寬度 */
	}
	.navbar-nav .dropdown-item:nth-last-of-type(2){
		padding-right: 0.5em; /* 右邊間距 */
	}
	.navbar-nav .dropdown-item:nth-of-type(2){
		padding-left: 0;
		padding-right: 2em; /* 箭頭寬度 */
	}
	.navbar-nav .dropdown > div > .dropdown-item:last-child:after,
	.navbar-nav .dropdown.show > div > .dropdown-item:last-child:after{
		content:"\f0da";
		width: 2em; /* 箭頭寬度 箭頭對齊用 */		
	}

	.dropdown{
		position: relative;
	}	
	.dropdown-menu {
		position: absolute;
		padding: 5px 0;
	}

	.dropdown > .dropdown-menu{	
		display: block;
		visibility: hidden;
		opacity: 0;
		width: 13.25em;
		margin-top: 15px;
		border: none;
		-webkit-transition: 0.1s ease-out;
		-o-transition: 0.1s ease-out;
		transition: 0.1s ease-out;
	}
	.dropdown.show > .dropdown-menu{
		visibility: visible;
		opacity: 1;
		margin-top: 0;
		-webkit-transition: 0.1s ease-out;
		-o-transition: 0.1s ease-out;
		transition: 0.1s ease-out;
	}
	.dropdown-menu .dropdown-menu{
		left:calc(100% - 2px);
		top:-5px;
	}
	.navbar-nav .dropdown-item{
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}
}

/*============*/
/* Navbar End */
/*============*/

/*================*/
/* Carousel Start */
/*================*/
body:not(.nojs) .carousel{
    overflow: hidden;
	position: relative;
}
.carousel .carousel-content{
	padding: 0;
	scrollbar-width: none; /* 不顯示水平捲軸 for firefox */
	-ms-overflow-style: none; /* 不顯示捲軸 for IE,Edge */
}
/* 不顯示捲軸 for chrome */
.carousel .carousel-content::-webkit-scrollbar{
	display: none;
}
body:not(.nojs) .carousel .carousel-content{
    display: -ms-flexbox;
    display: flex;
    overflow-x:scroll;
    padding-bottom:50px;
    overflow-y:hidden;
	overflow: -moz-scrollbars-none;  /* 不顯示水平捲軸 for centos firefox */
	/*margin-bottom: -17px;*/
	-webkit-overflow-scrolling:auto;
	/* overflow-x:scroll; */
	/*
	overflow: hidden;
	*/

}

.carousel .carousel-content li{
	list-style-type: none;
	padding: 0;
}
body:not(.nojs) .carousel .carousel-content li{
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	position: relative;
	padding-bottom: calc(1.625em + 17px);
}
.carousel a{
	display: block;
	padding: 0;
}
.carousel img{
	display: block;
	height: 100%;
	width: 100%;
	/* 超出顯示範圍不可選取 Start */
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
	/* 超出顯示範圍不可選取 End */
}

.carousel .carousel-content .carousel-title{
	display: block;
	text-align: center;

	/*單行文字限制*/
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
body.nojs .carousel .carousel-content .carousel-title{
	padding: 0.5em;
}

body:not(.nojs) .carousel .carousel-content .carousel-title{
	position: absolute;
	bottom: calc((2em - 1em) / 2 + 10px + 1px);
	/* 2em(div height)，1em(上下padding)，10px(indicator 寬度 + indicator padding-bottom 寬度) */

	padding: 0 10%;
	width: 100%;
	line-height: 1;
	z-index: 10;
	color:#fff;
}

.carousel .indicators{
	background-color: #4b764a;
	position: absolute;
	left:0;
	right: 0;
	bottom:50px;
	height: calc(2em + 10px + 1px);
	padding-bottom:50px;
	padding: 0 10%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content:center;
	
}
body.nojs .carousel .indicators{
	display: none;
}
body:not(.nojs) .carousel .indicator{
	-ms-flex:0 1 30px;
	flex:0 1 30px;
	margin: 0 3px;
	padding: 0;

	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items:flex-end;
	cursor: pointer;

	/*單行文字限制*/
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
body:not(.nojs) .carousel .indicator div{
	outline: none;
	margin-bottom:7px; 
	padding: 0;
	height: 3px;
	width: 100%;
}
.indicator div span{
	display: none;
	color:#fff;
}


.carousel .control-prev,
.carousel .control-next{
	border: none;
	position: absolute;
	top:0;
	bottom: 0;
	width: 10%;
	min-width: 40px;
	font-size: 1.375em;
	text-decoration: none;
	cursor: pointer; 
	outline:none; /* 去除chrome選取外框 */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content:center;
	-ms-flex-align: center;
	align-items: center;
}
body.nojs .carousel .control-prev,
body.nojs .carousel .control-next{
	display: none;
}
.carousel .control-prev{
	left: 0;
}
.carousel .control-next{
	right: 0;
}

@media screen and (min-width:768px) {
	.carousel .carousel-content li{
		padding-bottom: 0;
	}
}

/*==============*/
/* Carousel End */
/*==============*/

/*============*/
/* Card Start */
/*============*/
.card-header{
	text-align:center;
	font-size:1.375em;
}
.card-deck{
	padding-top: 15px;
}
.card{
	margin-bottom: 15px;
}
.card.img_odd,
.card.img_even{
	display: none;
}
.card a{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items:center;
	padding: 0;
}

.card img{
	display: block;
	width:100%;
	-webkit-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.card a .card_img{
	overflow: hidden;
	width: 65%;
	height: 100%;
}

.card a:hover img,
.card a:focus img{
	transform: scale(1.05, 1.05);
}
.card .card_title{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items:center;
	width: 35%;
	padding: 0.375em 0.625em;
}
.card .card_title > span.text{
	flex:1;
	text-align: left;
}
.card .card_title > span.icon{
	flex:0 0 1.125em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align: flex-end;
	align-items: flex-end;
}

@media screen and (min-width:768px) {
	.card a{
		display: block;
	}

	.card a .card_img{
		width: 100%;
	}
	.card .card_title{
		-ms-flex-align: stretch;
		align-items:stretch;
		width: 100%;
		padding: 0.375em 0.625em;
	}
	.card .card_title > span.icon{
		padding-bottom: 0.1875em;
	}
}

/*==========*/
/* Card End */
/*==========*/

/*============*/
/* News Start */
/*============*/
.tab.list > div[role='tablist'],
body.nojs .tab:not(.sub) > div[role='tablist'],
body:not(.nojs) .tab:not(.list) .tab.sub > div[role='tablist']{
	display: none;
}
.tab.sub.active{
	visibility: visible;
	opacity: 1;
	height: auto;
	-webkit-transition: .5s ease-out;
	-o-transition: .5s ease-out;
	transition: .5s ease-out;
}

body:not(.nojs) .tab.sub:not(.active){
	visibility: hidden;
	opacity: 0;
	height: 0;
}

.tab:not(.sub){
	padding: 15px 0;
	width: 100%;
}
div[role='tablist']{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
	overflow-x: auto; 
	overflow-y: hidden; 
	width: 100%;
	padding: 0;
}
div[role='tablist']:before,
div[role='tablist']:after{
	opacity: 0;
	font-family: fontawesome;
	text-align: center;
	width: 1em;
}
div[role='tablist']:before{
	content:"\f0d9";
}
div[role='tablist']:after{
	content:"\f0da";
}
div[role='tablist'].left:before,
div[role='tablist'].right:after{
	opacity: 1;
}

div[role='tablist'] > ul{
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto; 
	overflow-y: hidden; 
	width: 100%;
	background-color:#A4CF87;
	padding: 0;
}

.tablist-item{
	padding: 0;
	list-style-type: none;
}

.tablist-item : active {
	background-color:#4B764A;
}

.tablist-item a{
	display: block;
	padding: 0.5em;
	text-decoration: none;
	white-space : nowrap;
}
.tab-content{
	width: 100%;
}

ul[role='tabpanel']{
	padding: 5px 0;
}
ul[role='tabpanel'] li{
	margin: 1px 0;
	padding: 0;
	list-style-type: none;
}
ul[role='tabpanel'] li.more_post{
	margin-top: 0.5em;
}
ul[role='tabpanel'] li a{
	text-decoration: none;
	padding: 0.125em 0.5em;

	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack:space-between;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	align-items:center;
}
.tab.sub:not(.active) ul[role='tabpanel'] li a{
	line-height: 1;
}
ul[role='tabpanel'] li.more_post a{
	padding: 0.3125em 0;
}

ul[role='tabpanel'] li .tabpanel_title{
	width: 100%;
	/*單行文字限制*/
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
ul[role='tabpanel'] li.more_post a .tabpanel_title{
	text-align: center;
}
ul[role='tabpanel'] li:not(.more_post) a .tabpanel_title:before{
	font-family: fontawesome;
	content:"\f0da";
	opacity: 0.4;
	padding-right: 0.25em;
}

ul[role='tabpanel'] .tabpanel_date{
	font-size: 0.875em;
	padding-left: calc(0.875em + 0.25em);
	width: 100%;
}

@media screen and (min-width:768px) {
	ul[role='tabpanel'] li a{
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
	}
	ul[role='tabpanel'] .tabpanel_date{
		flex:0 1 37em;
		white-space:nowrap;
		text-align: right;
	}
}
@media screen and (min-width:992px) {
	.tab:not(.sub){
		min-height: 30.25em; 
	}
	.tablist-item a{
		font-size: 1.25em;
	}
	ul[role='tabpanel'] li a{
		padding-top: 0.0625em;
		padding-bottom: 0.0625em;
		font-size: 1.1em;
	}
}
/*==========*/
/* News End */
/*==========*/


/*==================*/
/* List group Start */
/*==================*/
.list-group{
	padding-left: 0;
}
.list-group li{	
	padding: 0;
	list-style-type: none;
}
.list-group.row li{
	padding: 0 10px;
}
.list-group li a,
.list-group li div{
	display: -ms-flexbox;
	display: contents;
	text-decoration: none;
	padding: 3px 5px;
	font-size: 0.9375em;
	
}
.list-group li a i,
.list-group li div i{
	-ms-flex:0 0 1em;
	flex:0 0 1em;
	margin-right: 5px;
	padding: 5px 0;
	text-align: center;
	opacity: 0.8;	
}

/*================*/
/* List group End */
/*================*/


/*=======================*/
/* List group icon Start */
/*=======================*/

.list-group-icon{
	margin: 0 -5px;
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-group-icon li{
	list-style-type: none;
	width:calc(100%);
	position: relative;
	margin: 1.5em 5px 0.25em 5px;
	padding: 0;
}
.list-group-icon li a{
	height: 3.75em;
	display: block;
}
.list-group-icon li i{
	padding: 0.5em 0;
    border-radius: 50%;
    text-align: center;
	font-size: 1.375em;
    position: absolute;
    top: calc(-1em - 3px);
    left: 0;
    right: 0;
    width: calc(2em + 3px * 2); /* 2.75em/font-size */
    margin: 0 auto;
    border-width: 3px;
    border-style: solid;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}
.list-group-icon li:hover i,
.list-group-icon li a:focus i{
	top:-10px;
	opacity: 0;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.list-group-icon li span{
	top:50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 10px;
    position: absolute;
	text-align: center;
	font-size: 0.875em;
	/*單行文字限制*/
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;

	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}
.list-group-icon li a:hover span,
.list-group-icon li a:focus span{
	top:calc(50% - 0.75em);
    font-size: 1em;
}
@media screen and (min-width:460px) {
	.list-group-icon li{
		width:calc((100% - 10px - 11px) / 2); /* 100% - 各li間距 - 左右間距 */
		-webkit-transition: .2s ease-out;
		-o-transition: .2s ease-out;
		transition: .2s ease-out;
	}
}
@media screen and (min-width:768px) {
	.list-group-icon li{
		width:calc((100% - 30px - 11px) / 4); /* 100% - 各li間距 - 左右間距 */
		-webkit-transition: .2s ease-out;
		-o-transition: .2s ease-out;
		transition: .2s ease-out;
	}
}
@media screen and (min-width:992px) {
	.list-group-icon li{
		width:calc((100% - 50px - 11px) / 6); /* 100% - 各li間距 - 左右間距 */
		-webkit-transition: .2s ease-out;
		-o-transition: .2s ease-out;
		transition: .2s ease-out;
	}
}

/*=====================*/
/* List group icon End */
/*=====================*/


/*==============*/
/* Footer Start */
/*==============*/

.footer-copyright{
	min-height: 80px;
	padding: 1em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-direction:column;
	flex-direction:column;
}
.footer-copyright div{
	padding: 0 0.75em 0.75em 0.75em; /* for IE 不支援min-height＆align-items同時使用 */
	text-align: center;
}
div.accessibility{
	width: 100%;
	padding: 0;
	line-height: 1;
}
div.accessibility a,
div.accessibility img{
	width: 120px;
}
@media screen and (min-width:768px) {
	.footer-copyright{
		flex-direction:row;
	}

	.footer-copyright div:not(.accessibility){
		padding-top: 0.75em; /* for IE 不支援min-height＆align-items同時使用 */
	}
	div.accessibility{
		width: auto;
	}
}
/*============*/
/* Footer End */
/*============*/

/*=====================*/
/* bottom_button Start */ 
/*=====================*/
.bottom_button{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction:column;
	flex-direction:column;
	position:fixed;
	right:10px;
	bottom:20px;
}
body.nojs .bottom_button{
	display: none;
}
.bottom_button input{
	visibility: visible;
	opacity: 0.7;
	width:50px;
	margin: 3px;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
.bottom_button input.hidden{
	visibility: hidden;
	opacity: 0;
}
/*===================*/
/* bottom_button End */ 
/*===================*/

@media print { 
	body { 
		-webkit-print-color-adjust: exact; 
	}
	body.fixed-top nav {
		position: static;
	}	
}


.txt15red {
    color: #CC3300;
    font: 400 15px/100% Verdana, Arial, Helvetica, sans-serif;
}

.link_btn, .back_btn {
  margin: 20px 0 10px;
  text-align: center; }

.container-fluid {
	margin-right:0;
}
.container {
	width: 100%;
	min-height: 1000px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	background: url(../../images/container-bg.png) no-repeat center top;
	background-color: #bae5ee;
}
.container .wrap{margin: 0 auto;}
.container_inner{width:100%;margin: 0 auto 0 auto;overflow: hidden; min-height:500px; }
.container_inner .wrap{max-width:1200px;margin: 0 auto;}
.container_inner .wrap.flex{ display:flex; }

/*網站小標題*/
.content-title2{width:100%;display:flex;padding: 15px 0 0 0px;margin: 40px 0 15px 0;}
.content-title2 .left{flex: 1;display: flex;align-items:center;color: #2e7281;font-size: 1.3em;font-weight: bold;padding: 0 10px;}
.content-title2 .right{flex:1;max-width: 200px;display:flex;align-items:center;justify-content: flex-end;}
.content-title2 i{padding-right:10px;color: #f19900; padding-top:5px }

.content-title3{width:100%;display:flex;padding: 15px 0 0 0px;margin: 40px 0 15px 0;}
.content-title3 .left{flex: 1;display: flex;align-items:center;color: #2e7281;font-size: 1.3em;font-weight: bold;padding: 0 10px;}
.content-title3 .right{flex:1;max-width: 200px;display:flex;align-items:center;justify-content: flex-end;}
.content-title3 i{padding-right:10px;color: #f19900; padding-top:5px }

.down-area{width:100%;overflow:hidden;border-top: 3px solid #009ec0;padding-top: 10px;margin: 20px 0;}
.down-list{display: flex;align-items:center;width:100%;overflow:hidden;font-size:15px;padding: 5px 0;border-bottom:1px dashed #cccccc;background:#ffffff;}
.down-list:hover{ background:#f3f3f3; }
.down-list div{ padding:10px 10px; line-height:20px; }

.down-list .img {vertical-align:middle;font-size:18px;color: #f19900;}
.down-list .date{}
.down-list .title{}

.course-search{width:100%;display:flex;flex-wrap: wrap;background:#DFCCBD;padding: 10px 20px;border-radius: 10px;}
.course-search .search-item{flex:1;display:flex;flex-wrap: wrap;}
.course-search .search-item .lefter{display: flex;align-items:center;font-size: 15px;padding: 0 20px;}
.course-search .search-item .righter{ flex:2; }

.course-search .search-item .input-area{ position:relative; }
.course-search .search-item .input-area i{position:absolute;top: 12px;right: 10px;font-size: 20px;color: #b7b7b7; cursor:pointer; }
.course-search .search-item .input-area input,
.course-search .search-item select
{
    width: 100%;
    padding: 10px 45px 10px 20px;
    outline: 0;
    font-size: 16px;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    box-sizing: border-box;
}

/*前台上方分隔線*/
.form-top {
	border-top: solid 1px #C9C9C9;
	padding-top: 15px;
}

/*動態調整 Bootstrap 的折疊按鈕圖示*/
[aria-expanded="false"] .menu-icon-open {
	display: inline;
}

[aria-expanded="false"] .menu-icon-close {
	display: none;
}

[aria-expanded="true"] .menu-icon-open {
	display: none;
}

[aria-expanded="true"] .menu-icon-close {
	display: inline;
	width: 28px;
}

/*折疊內容縮排*/
.collapse-content {
	padding-left:25px;
}
/*圖標size縮小*/
.fas-small {
	font-size:small;
}


.btn-close:focus {
	box-shadow:none;
}
.modal-header {
	padding: 1rem;	
}
.modal-title > h4{
	font-size: 1.5rem;
	font-weight:500; 
}

.modal-content {
	background-image: url('/images/bg1.png');
}

.modal-open {
	padding-right:0px !important;
}

.btn-info {
	background-color: #6FB3E0;
	border-color: #6FB3E0;
}
.btn-info:hover, .btn-info:focus {
	background-color: #4F99C6;
}

.btn-info[disabled], .btn-info.disabled, .btn-info.disabled:focus, .btn-info.disabled:hover {
	background-color: #6FB3E0;
	border-color: #6FB3E0;
	color: #000;
}
.btn-danger {
	background-color: #D15B47;
	border-color: #D15B47;
	color: #000;
}
.btn-danger:hover, .btn-danger:focus {
	background-color: #B74635;
	color: #000;
}
.btn-danger[disabled], .btn-danger.disabled, .btn-danger.disabled:focus, .btn-danger.disabled:hover {
	background-color: #D15B47;
	color:#000;
}

.btn-success, .btn-success .ladda-button {
	background-color: #87B87F;
	border-color: #87B87F;
	color: #000;
}
.btn-success:hover, .btn-success:focus {
	background-color: #629B58;
	color: #000;
}
.btn-success[disabled], .btn-success.disabled, .btn-success.disabled:focus, .btn-success.disabled:hover {
	background-color: #87B87F;
	border-color: #87B87F;
	color: #000;
}

.btn-green-default, .btn-green-default[disabled], .btn-green-default.disabled, .btn-green-default.disabled:focus, .btn-green-default.disabled:hover {
	width: 100%;
	/*max-width: 155px;*/
	background-image: url('/images/Outer1/btn-Send.png');
	color: #fff;
	background-position: center;
	margin-top: 3%;
	background-repeat:no-repeat;
}

.btn-process {
	font-size: 1.55rem;
}
.btn-purple, .btn-purple.focus, .btn-purple:focus {
	background-color: #9585BF !important;
	border-color: #9585BF;
}
.btn-purple:hover {
	background-color: #7461AA !important;
	border-color: #9585BF;
}

@media(max-width:567px) {
	.btn-process {
		font-size: 1rem;
	}
}

.table .btn-default, .table .btn-default.focus, .table .btn .btn-default:focus {
	background-color: #ABBAC3;
	border-color: #ABBAC3;
	max-width: 100%;
}
.btn-delete {
	padding: 0.2rem 0.5rem;
}

.list-group .UserMsgBoxUrl {
	padding: 0.5rem 1rem;
}


.divTableNobottom {
	border-collapse: collapse;
	border-top: solid 1px #666;
	border-left: solid 1px #666;
	margin: 10px 0px 20px 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.table {
	display: table;
	width: 100%;
	margin: 0 auto;
}
.table-row {
	display:table-row;
}
.table-name, .table-value {
	display: table-cell;
}
.table-info-striped {
	background-color: #4B764A;
	color: #fff;
	display: block;
}
.table-name {
	vertical-align: middle;
	text-align: center;
	color: #4B764A;
	background-color: #F3F7EC;
	border: 1px solid #666;
	border-left: 0px solid #666;
	padding: 12px 4px 6px 6px;
}
.table-value {
	padding: 12px 4px 6px 6px;
	vertical-align: middle;
	border: 1px solid #666;
	border-left: 0px solid #666;
}

.table .btn-success {
	color: #fff;
	background-color: #2ea44f;
	border: 1px solid rgba(27, 31, 35, .15);
}

.table .list-group {
	padding:0;
}


.form-control, select, .form-select {
	background-color: #fff;
	box-shadow: none !important;
}
.form-control[disabled], .form-control[read-only], .form-select[disabled] {
	background-color: #e9ecef;

}
	select[disabled] {
		background-color: #F8F8F8;
		border-color: rgba(118, 118, 118, 0.3)
	}

.nav-tabs-nocolor {
	background-color: #fff;
	margin-bottom: 40px;
}
.nav-item-borderBottom {
	padding:0;
}
.nav-tabs .nav-item-borderBottom li {
	padding-bottom: 0px;
}
.nav-tabs .nav-link-none {
	padding: 15px 25px;
	width: 100%;
	font-weight: 700;
	color: #AFAFB0;
	margin-bottom:-3px;
}

.nav-tabs .nav-link-none.active, .nav-tabs .nav-item.show .nav-link-none {
	background-color: #fff;
	color: #000;
	font-weight: 700;
	border-bottom: 3px solid #5D5D5F;
	padding: 15px 25px;
	margin-bottom: -3px;
}

.nav-pills .nav-link, .nav-pills .nav-link.active {
	display: block;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	color: #666;
	line-height: 32px;
	background: #fff;
	transition: .25s;
	box-shadow: inset 0 0 0 1px rgb(0 0 0 / 8%);
}
.nav-pills li {
	margin-right: 8px;
	font-size:18px;
}
.nav-pills li a:hover {
	background: #A3CE86;
}
.nav-pills .nav-link.active {
	background: #A3CE86;
}
/*教育訓練*/
.content-top {
	border: 1px solid #000;
	padding: 15px 0 10px 0;
}

.content-top .col-form-label {
	text-align:right;
	padding-right:10px;
}
.content-text {
	font-size: 1.25rem;
	padding: 0.375rem 0.375rem;

}
.content-top .form-group {
	margin-left: 0;
	margin-right: 50px;
	margin-bottom:5px;
}
.content-explain {
	border: 1px solid #000;
	overflow-y: scroll;
	height: 350px
}

/*聯絡我們*/
.contact-top {
	border: 1px solid #000;
	margin-bottom: 25px;
	border: 3px dashed #4B764A;
	margin-bottom: 50px;
	margin-left: 5rem;
	padding: 20px 20px 15px 75px;
}
.address {
	border-radius: 0.1rem !important;
	border: 1px solid rgb(118,118,118);
}
.top-notice li {
	list-style-type: none;
	color: #182708;
	font-size: 1.25rem;
}
.top-notice li:before {
	content: "\f06a";
	font-family: fontAwesome;
	margin-right: 5px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b:before {
	content: "\f0d8";
}
.chosen-single div b:before {
	content: "\f0d7";
	display: inline-block;
	color: #888;
	font-family: 'Font Awesome 5 Free';
	font-size: 12px;
	position: relative;
	top: -1px;
	left: 1px;
}
.chosen-container-single .chosen-single {
	line-height: 40px !important;
	height: 100% !important;
	box-shadow: none !important;
	background: #FAFAFA !important;
	border-radius: 2px !important;
}

/*電子信箱驗證*/
.txtLogin-control {
	border-width:1px;
}
.button.button-3d {
	font-size: 21px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	border-width: 0;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	background-color: #85A86D;
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
	color:#fff;
}
.button.button-3d:hover{
	background-color: #718F5D;
}


/*首頁標題裝飾-羽毛*/
.title_decorate1::before {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_New_left.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.5em;
	background-position: center center;
	width: 100px;
	height: 0;
	padding-top:10%;
}

.title_decorate1::after {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_New_right.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.5em;
	background-position: center center;
	width: 100px;
	height: 0;
	padding-top: 10%;
}

@media (max-width: 576px) {
	.title_decorate1::before {
		content: "";
		width: 55px;
	}

	.title_decorate1::after {
		content: "";
		width: 55px;
	}
}

.page-title::before {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_New_left.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.3em;
	background-position: center center;
	width: 95px;
	height: 0;
	padding-top: 3%;
}

.page-title::after {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_New_right.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.3em;
	background-position: center center;
	width: 95px;
	height: 0;
	padding-top: 3%;
}

@media (max-width: 576px) {
	.page-title::before {
		content: "";
		margin: 0 0.3em;
		width: 50px;
		height: 0;
		padding-top: 10%;
	}

	.page-title::after {
		content: "";
		margin: 0 0.3em;
		width: 50px;
		height: 0;
		padding-top: 10%;
	}
}
.page-title .title_decorate1::after {
	padding-top: 3%;
}

/*首頁標題裝飾-繩結*/
.title_decorate2::before {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_Propaganda_left.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.5em;
	background-position: center center;
	width: 55px;
	height: 0;
	padding-top: 20%;
}

.title_decorate2::after {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_Propaganda_right.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.5em;
	background-position: center center;
	width: 55px;
	height: 0;
	padding-top: 20%;
}

/*首頁標題裝飾-羽毛*/
.title_decorate3::before {
	content: "";
	position: absolute;
	top: -95%; /* 上方偏移量 */
	left: 46%;
	transform: translateX(-50%);
	background: url("/images/Outer1/decorate_Event.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.5em;
	background-position: center center;
	width: 50px; /* 圖片寬度 */
	height: 50px;
}

/*首頁標題裝飾-愛心*/
.title_decorate4::before {
	content: "";
	display: inline-block;
	background: url("/images/Outer1/decorate_About.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 0.5em;
	background-position: center center;
	width: 50px; /* 圖片寬度 */
	height: 50px;
}

.footerLink__footer {
	text-align: right;
}
.footerLink__footer .link-more {
	color: #000;
	padding: 2px 35px;
	border-radius: 5px;
	text-align: right;
}
.footerLink__footer .link-more:hover, .footerLink__footer .link-more:focus {
	color: #B9342C;
}