@charset "utf-8";
/* CSS Document */
html, body{
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 1rem;
	line-height: 1.45rem;
	font-family: 'Noto Sans TC', 'Arial', '微軟正黑體', sans-serif;
	background-image: url('../images/stone-bg.jpg');
}


a{	color: inherit;}
a:hover{ text-decoration: none;}
a:focus{ text-decoration: none;outline: 3px dashed #ffaa00;z-index: 2;}
a.btn:focus{ outline: 3px dashed #ffaa00!important;z-index: 2;}

.container{
	max-width: 1140px;
	width: 100%;
}

.c-ffffff{color:#ffffff;}
.c-24416b{color:#24416b;}
.c-526a60{color:#526a60;}
.c-b18247{color:#b18247;}
.c-3a495d{color:#3a495d;}
.c-69abdd{color:#69abdd;}
.c-cb827c{color:#cb827c;}

.bg-ffffff{background-color:#ffffff;}
.bg-24416b{background-color:#24416b;}
.bg-526a60{background-color:#526a60;}
.bg-b18247{background-color:#b18247;}
.bg-3a495d{background-color:#3a495d;}
.bg-69abdd{background-color:#69abdd;}
.bg-cb827c{background-color:#cb827c;}

.bc-24416b{border-color:#24416b;}
.bc-526a60{border-color:#526a60;}
.bc-b18247{border-color:#b18247;}
.bc-3a495d{border-color:#3a495d;}
.bc-69abdd{border-color:#69abdd;}
.bc-cb827c{border-color:#cb827c;}

.btn-24416b{background-color: #24416b;color: #ffffff;}
.btn-526a60{background-color: #526a60;color: #ffffff;}
.btn-b18247{background-color: #b18247;color: #ffffff;}
.btn-3a495d{background-color: #3a495d;color: #ffffff;}
.btn-69abdd{background-color: #69abdd;color: #ffffff;}
.btn-cb827c{background-color: #cb827c;color: #ffffff;}
.btn-24416b:focus,.btn-24416b:hover,
.btn-526a60:focus,.btn-526a60:hover,
.btn-b18247:focus,.btn-b18247:hover,
.btn-3a495d:focus,.btn-3a495d:hover,
.btn-69abdd:focus,.btn-69abdd:hover,
.btn-cb827c:focus,.btn-cb827c:hover{
	color:#ffffff!important;}


.btn-outline-24416b{border-color: #24416b;color: #24416b;}
.btn-outline-24416b:focus,.btn-outline-24416b:hover
{background-color:#24416b;color:#ffffff!important;}

.btn-outline-526a60{border-color: #526a60;color: #526a60;}
.btn-outline-526a60:focus,.btn-outline-526a60:hover
{background-color:#526a60;color:#ffffff!important;}

.btn-outline-b18247{border-color: #b18247;color: #b18247;}
.btn-outline-b18247:focus,.btn-outline-b18247:hover
{background-color:#b18247;color:#ffffff!important;}

.btn-outline-3a495d{border-color: #3a495d;color: #3a495d;}
.btn-outline-3a495d:focus,.btn-outline-3a495d:hover
{background-color:#3a495d;color:#ffffff!important;}

.btn-outline-69abdd{border-color: #69abdd;color: #69abdd;}
.btn-outline-69abdd:focus,.btn-outline-69abdd:hover
{background-color:#69abdd;color:#ffffff!important;}

.btn-outline-cb827c{border-color: #cb827c;color: #cb827c;}
.btn-outline-cb827c:focus,.btn-outline-cb827c:hover
{background-color:#cb827c;color:#ffffff!important;}


.btn-hover{
	transition: .3s .03s;
}
.btn-hover:hover{
	opacity: .8;
	/* transform: scale(1.05); */
}
.btn-100{
	width: 100%;
}

.fw-400{font-weight: 400;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.max-100{
	max-width: 100%;
}




.goCenter{
	width: auto;
	padding: .2em .5rem;
	display: inline-block;
	position: absolute;
	left: 3rem;
	top: -4rem;
	transition: .3s .03s;
	background-color: #b18247;
	color: #ffffff;
	border-radius: 0 0 .5em .5rem;
	z-index: 50!important;
}
.goCenter:focus{
	top: 0;
	color: #ffffff;
}

.accesskey{
	position: absolute;
	top: 5px;
	left: 5px;
	color: #eeeeee;
	font-size: 1rem;
	z-index: 9;
	opacity: .3;
}


/* wrap&footer================================================= */
.wrap{
	width: 100%;
	min-height: 70%;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}


.footer{
	width: 100%;
	display: block;
	position: relative;
}
.footer .footer-bottom{
	width: 100%;
	display: block;
	position: relative;
	padding: .3em 0;
	background-color: #b18247;
	color: #ffffff;
}
.footer .footer-block{
	width: 100%;
	display: block;
	position: relative;
	background-image: url('../images/footer-bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.footer-sitemap{
	width: 100%;
	display: block;
	position: relative;
}
.footer-sitemap .footer-sitemap-btn{
	width: 100px;
	height: 30px;
	padding: 0;
	display: block;
	border-radius: 999px;
	background-color: #b18247;
	border: 0;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0;right: 0;
	top: -15px;
	margin: 0 auto;
	z-index: 1;
}
.footer-sitemap .footer-sitemap-btn:focus{
	outline: 3px dashed #ffaa00!important;
	z-index: 2;
}
.footer-sitemap .footer-sitemap-btn .icon{
	width: 100%;
	height: 100%;
	line-height: 30px;
	display: block;
	transition: .3s .03s;
	transform: rotateX(180deg);
	transform-origin: center center;
}
.footer-sitemap .footer-sitemap-btn[aria-expanded="true"] .icon{
	transform: rotateZ(0deg);
}
.footer-sitemap-content{
	width: 100%;
	display: block;
	position: relative;
	padding: 30px 0 0;
	border-bottom: 1px solid #000000;
}

.footer-sitemap-content>ul{
	padding: 20px 0 40px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-sitemap-content>ul>li{
	display: inline-block;
	width: 49%;
	padding: 2px 10px 2px 0;
}
.footer-sitemap-content>ul>li>strong{
	font-size: 1.2rem;
	line-height: 2rem;
}
.footer-sitemap-content>ul>li>strong a:hover{
	color: #000000;
}
.footer-sitemap-content>ul>li>ul{
	padding: 0;
	list-style: none;	
}
.footer-sitemap-content>ul>li>ul>li>a{
	display: block;
	padding: .4em 2px;
	transition: .3s .03s;
}
.footer-sitemap-content>ul>li>ul>li>a:hover{
	color: #ffffff;
	background-color: #526a60;
}

@media (min-width: 768px) {
	.footer-sitemap-content>ul>li{
		width: 33%;
	}
}
@media (min-width: 992px) {
	.footer-sitemap-content>ul>li{
		width: 14%;
	}
}





.footer-info{
	width: 100%;
	display: block;
	position: relative;
	padding: 40px 0 20px;
	line-height: 2rem;
}
.footer-info a{
	transition: .3s .03s;
}
.footer-info a:hover{
	color: #b18247;
}
.footer-info .footer-info-social-btn{
	font-size: 1.25rem;
	margin: 0 2px;
}
.footer-info .footer-logo{
	width: 160px;
	margin-right: 30px;
}























/* header========================================================= */
.header-fixed{
	width: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('../images/stone-bg.jpg');
	z-index: 18;
	border-bottom: 1px solid #b18247;
}
.header{
	width: 100%;
	position: relative;
	padding: .2em 0;
	display: flex;
	justify-content: start;
	align-items: center;
}
.header .web-logo a img{
	height: 50px;
}
.header .navigation .navlist .top_right_nav{
	padding: 0;
	list-style: none;
	color: #24416b;
}
.header .navigation .navlist .top_right_nav a{
	transition: .3s .03s;
}
.header .navigation .navlist .top_right_nav a:hover{
	color: #b18247;
}
.header .navigation .navlist .top_right_nav>li{
	display: inline-block;
}
.header .navigation .navlist .top_right_nav>li+li:before{
	content: '│';
}
.header .top_right_nav .font_size{
	display: inline-block;
}
.header .top_right_nav .font_size>ul{
	display: inline-block;	
	padding: 0;
	list-style: none;
}
.header .top_right_nav .font_size>ul>li{
	display: inline-block;
}

.font_size>ul>li>a{
	width: 1.5rem;
	height: 1.5rem;
	display: block;
	text-align: center;
	background-color: #d9dfe7;
	border-radius: .4rem;
	font-size: 1rem;
	margin: 0 1px;
	transition: .3s .03s;
	color: #24416b;
}
.font_size>ul>li>a:focus,
.font_size>ul>li>a:hover,
.font_size>ul>li>a.active{
	background-color: #24416b;
	color: #ffffff!important;
}

.header .form-inline>input.form-control{
	width: 150px;
	border-color: #24416b;
}


@media (min-width: 992px) {
	.header{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header .web-logo a img{
		height: 100px;
	}
}

.sidebarOpen{
	width: 70px;
	height: 70px;
	display: block;
	border: 0;
	background-color: #b18247;
	color: #ffffff;
	position: relative;
	left: -15px;
	margin: -5px 0;
	font-size: 20px;
}
#aU{
	display: none;
}
@media (min-width: 992px) {
	.sidebarOpen{
		display: none;
	}
	#aU{
		display: block;
	}
}





/* menu========================================================= */
.menu{
	width: 100%;
	position: relative;
	background-color: #b18247;
	color: #ffffff;
	display: none;
}
.menu .nav-item.dropdown .nav-link.dropdown-toggle:after{
	display: none;
}
@media (min-width: 992px) {
	.menu{
		display: block;
	}
	.menu .nav-item.dropdown:hover .dropdown-menu{
		display: block;
	}
	.menu .nav-item.dropdown:last-child .dropdown-menu{
		right: 0;
		left: auto;
	}
	.menu .nav-item.dropdown .dropdown-menu{
		margin-top: -2px
	}
}
.menu .navbar{
	padding: 0;
}
.menu .nav-item{
	text-align: center;
}
.menu .nav-item .nav-link{
	color: #ffffff;
	padding: 1em 1rem;
	transition: .3s .03s;
}
.menu .nav-item .nav-link:hover{
	background-color: #824d0a;
}

.menu .navbar .dropdown-menu{
	padding: 0;
	border-radius: 0;
}
.menu .navbar .dropdown-menu .dropdown-item:focus{
	background-color: #e9ecef;
	color: inherit;
}

aside.sidebar{
	width: 100%;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
}

aside.sidebar.active{
	display: block;
	pointer-events: auto;
}
aside.sidebar .menu_overlay{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: .3s .03s;
}
aside.sidebar.active .menu_overlay{
	opacity: 1;
}
aside.sidebar .m_area{
	width: 300px;
	height: 100vh;
	display: block;
	position: absolute;
	left: -400px;
	top: 0;
	overflow-y: auto;
	background-color: #824d0a;
	/* background-color: #b18247; */
	transition: .3s .03s;
}
aside.sidebar.active .m_area{
	left: 0px;
}
aside.sidebar .m_area .m_area_top{
	width: 100%;
	display: block;
	position: relative;
	background-color: #824d0a;
	/* background-color: #b18247; */
	text-align: right;
	padding: .5rem;
}
aside.sidebar .m_area .m_area_top .sidebarClose{
	background-color: transparent;
	color: #ffffff;
	border: 0;
	font-size: 1.5rem;
}
aside.sidebar .m_area .megamenu{
	width: 100%;
	display: block;
	background-color: #ffffff;
}
aside.sidebar .m_area .megamenu.navbar{
	padding: 0;
}
aside.sidebar .m_area .megamenu .nav-item{
	width: 100%;
	display: block;
	border-bottom: 1px solid #d9dfe7;
}
aside.sidebar .m_area .megamenu .nav-item .nav-link{
	padding: 1rem;
	display: block;
}
aside.sidebar .m_area .megamenu .nav-item .nav-link:hover,
aside.sidebar .m_area .megamenu .nav-item .nav-link:focus{
	color: #b18247;
	outline: 0;
}
aside.sidebar .m_area .megamenu .dropdown-menu{
	width: 100%;
	padding: 0;
	border: 0;
	background-color: #f3f3f3;
	border-radius: 0;
	border-left: 5px solid #526a60;
}
aside.sidebar .m_area .megamenu .dropdown-menu .dropdown-item{
	padding: .5em 1.25rem;
	border-bottom: 1px solid #dddddd;
}
aside.sidebar .m_area .megamenu .dropdown-menu .dropdown-item:focus,
aside.sidebar .m_area .megamenu .dropdown-menu .dropdown-item:hover{
	color: #526a60;
	outline: 0;
	background-color: #f3f3f3;
}
aside.sidebar .m_area .navigation{
	width: 100%;
	display: block;
	position: relative;
	padding: 10px;
}
aside.sidebar .m_area .navigation .left-nav{
	list-style: none;
	padding: 0;
}
aside.sidebar .m_area .navigation .left-nav>li{
	border: 1px solid #ffffff;
	color: #ffffff;
}
aside.sidebar .m_area .navigation .left-nav>li+li{
	border-top: 0;
}
aside.sidebar .m_area .navigation .left-nav>li>a{
	padding: 5px ;
	display: block;
	transition: .3s .03s;
}
aside.sidebar .m_area .navigation .left-nav>li>a:focus,
aside.sidebar .m_area .navigation .left-nav>li>a:hover{
	background-color: #b18247;
	color: #ffffff;
}
aside.sidebar .m_area .navigation .left-nav .font_size{
	padding: 5px;
}
aside.sidebar .m_area .navigation .left-nav .font_size ul{
	list-style: none;
	padding: 0;
}
aside.sidebar .m_area .navigation .left-nav .font_size ul>li{
	display: inline-block;
	padding: 2px;
}





/* 友善連結======================================================= */
.friendly-links-block{
	width: 100%;
	height: 0;
	display: block;
	overflow: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 50;
	background-color: rgba(0, 0, 0, .95);
	color: #ffffff;
	transition: .3s ;
}
.friendly-links-block .friendly-links-close-btn{
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 30px;
	transition: .3s .03s;
}
.friendly-links-block .friendly-links-close-btn:focus,
.friendly-links-block .friendly-links-close-btn:hover{
	color: #b18247;
}
.friendly-links-block .title{
	width: 100%;
	display: block;
	padding: 15px 0 10px;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	margin: 30px 0;
}
.friendly-links-block .title a{
	color: #ffffff;
}
.friendly-links-block .link-list{
	width: 100%;
	height: calc(100vh - 150px);
	display: block;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	/* outline: 1px solid #ff0; */
}
.friendly-links-block .link-list .link-item{
	width: 100%;
	display: block;
	position: relative;
	padding: 10px 5px 10px 30px;
	background: url('../images/icon-link.png') left 5px center no-repeat;
	background-size: 18px 18px;
	border-bottom: 1px dashed #dddddd;
	font-size: 18px;
	transition: .3s .03s;
}
.friendly-links-block .link-list .link-item:focus,
.friendly-links-block .link-list .link-item:hover{
	color: #b18247;
}






/* banner==================================================== */
.banner{
	width: 100%;
	display: block;
	position: relative;
}
.banner .carousel .carousel-item>a:focus{
	opacity: .8;
}
.banner .carousel .carousel-control-prev:focus .carousel-control-prev-icon{
	outline:  3px dashed #ffaa00;z-index: 2;
	background-color: rgba(0, 0, 0, .5);
}
.banner .carousel .carousel-control-next:focus .carousel-control-next-icon{
	outline:  3px dashed #ffaa00;z-index: 2;
	background-color: rgba(0, 0, 0, .5);
}





/* index====================================================== */
.index-title{
	width: 100%;
	display: block;
	position: relative;
	padding: .5em 0;
	font-size: 1.5rem;
	margin-bottom: .5rem;
}

.cookie-announcement{
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: rgba(30, 30, 30, .8);
	padding: 1em 0;
	color: #ffffff;
	z-index: 20;
}
.cover-notice{
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;left: 0;
	z-index: 40;
}
.cover-notice .overlay{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;top: 0;
	background-color: rgba(0, 0, 0, .5);
}
.cover-notice .cover-notice-content{
	width: 500px;
	height: 600px;
	max-width: 90%;
	max-height: 90%;
	background-color: #ffffff;
	border-radius: .4rem;
	position: absolute;
	left: 0;right: 0;
	top: 5%;
	margin: auto;
	padding: 1rem 2rem 1.5rem;
}
.cover-notice .cover-notice-content .close-btn{
	font-size: 2rem;
	transition: .3s .03s;
	color: #333333;
}
.cover-notice .cover-notice-content .close-btn:hover{
	color: #b18247;
}

















/* content==================================================== */
.main-content{
	width: 100%;
	display: block;
	position: relative;
	padding: 1rem 0 2rem;
}
.side-btn{
	width: 30px;
	height: 30px;
	display: none;
	position: fixed;
	right: 20px;
	bottom: 90px;
	z-index: 30;
}
.side-btn .btn-goTop{
	width: 30px;
	height: 30px;
	display: block;
	line-height: 30px;
	text-align: center;
	background-color: #526a60;
	color: #ffffff;
	opacity: .5;
	border-radius: .4rem;
	transition: .3s .03s;
}
.side-btn .btn-goTop:hover{
	opacity: 1;
}
.main-content .breadcrumb{
	background-color: transparent;
	padding: 0;
}
.main-content .breadcrumb a{
	display: block;
	max-width: 300px;
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
}
.main-content .breadcrumb a:hover{
	color: #b18247;
}
.main-content .page-btn{
	display: block;
	text-align: right;
	color: #24416b;
	position: relative;
}
.main-content .page-btn a{
	position: relative;
	display: inline-block;
}
.main-content .page-btn a:hover{
	color: #b18247;
}
.main-content .page-btn .share-btn-list{
	width: 50px;
	height: 0;
	overflow: hidden;
	padding: 10px;
	display: none;
	border-radius: .6rem;
	position: absolute;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	right: 0;
	top: 30px;
	z-index: 5;
	text-align: center;
	transition: .3s .3s;
}
.main-content .page-btn .share-btn-list.active{
	height: auto;
	display: block;	
}
/* .main-content .page-btn .share-btn:focus+.share-btn-list{
	height: auto;
	display: block;
} */
.main-content .page-btn .share-btn-list>a{
	display: block;
	font-size: 30px;
	position: relative;
	transition: .3s .03s;
	/* color: #ffffff; */
	opacity: .8;
}
.main-content .page-btn .share-btn-list>a+a{
	margin-top: 10px;
}
.main-content .page-btn .share-btn-list>a:first-child{
	color: #24416b;
}
.main-content .page-btn .share-btn-list>a:nth-child(2){
	color: #526a60;
}
.main-content .page-btn .share-btn-list>a:nth-child(3){
	color: #b18247;
}

.main-content .page-btn .share-btn-list>a:hover{
	opacity: 1;
}









/* news===================================================== */
.news-list-index{
	width: 100%;
	display: block;
	position: relative;
	padding: 1.5em 0;
}
.news-list{
	list-style: none;
	padding: 0;
}
.news-item{
	width: 100%;
	display: flex;
	padding: 10px 0 20px;
	border-bottom: 1px solid #3a495d;
}
.news-item .date{
	min-width: 70px;
	height: 70px;
	/* text-align: center; */
	color: #b18247;
	margin-right: 20px;
}
.news-item .date span:first-child{
	font-size: 1.2rem;
	display: block;
	margin-bottom: .8rem;
}
.news-item .date span:last-child{
	font-size: 4rem;
	display: block;
}
.news-item .title .news-type{
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	color: #24416b;
	margin-bottom: 5px;
}
.news-item .title .news-title{
	line-height: 1.45rem;
	height: 2.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: .3s .03s;
}
.news-item .title .news-title:hover{
	color: #526a60;
}

.news-info{
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 1rem;
	color: #526a60;
}
.news-info a{
	transition: .3s .03s;
}
.news-info a:hover{
	color: #b18247;
}





/* event-list-index */
.event-list-index{
	width: 100%;
	display: block;
	position: relative;
	background-image: url('../images/event-bg.jpg');
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 1.5em 0;
}
.event-list{
	width: 100%;
	display: block;
	position: relative;
	list-style: none;
	padding: 0;
}
.event-list:before{
	content: '';
	width: 2px;
	height: 100%;
	display: block;
	position: absolute;
	left: 35px;
	top: 0;
	background-color: #526a60;
}
.event-list>li{
	width: 100%;
	display: block;
	position: relative;
	padding: 0 0 0 80px;
	margin-bottom: 20px;
}
.event-list>li .date-deco{
	width: 70px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #526a60;
	color: #ffffff;
	border-radius: 999px;
	text-align: center;
	line-height: 28px;
	font-weight: normal;
	font-size: 1rem;
}
.event-list>li ul{
	width: 100%;
	display: block;
	position: relative;
	padding: 0;
	list-style: none;
}
.event-list>li ul li .event-item{
	width: 100%;
	display: block;
	padding: 1em 1.5rem;
	background-color: #ffffff;
	border-radius: .4rem;
	border: 1px solid #d9dfe7;
	margin-bottom: 20px;
}
.event-list .event-item .date{
	display: block;
	color: #24416b;
	font-weight: bold;
	margin-bottom: 10px;
}
.event-list .event-item p{
	margin-bottom: 0;
}
.event-list .event-item a.event-btn{
	display: block;
	margin-top: 10px;
	padding: 0 0 0 20px;
	background-image: url('../images/icon-link.png');
	background-size: 15px 15px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #526a60;
	transition: .3s .03s;
}
.event-list .event-item a.event-btn:hover{
	color: #b18247;
}
@media (min-width: 992px) {
	.event-list>li{
		padding: 0 0 0 120px;
	}
	.event-list:before{
		left: 50px;
	}
	.event-list>li .date-deco{
		width: 100px;
		height: 30px;
	}
}



/* join-text-index */
.join-text-index{
	width: 100%;
	display: block;
	position: relative;
	background-image: url('../images/join-bg.jpg');
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 1.5em 0;
}
.join-item{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	transition: .3s .03s;
	text-align: center;
}
.join-item:hover{
	color: #24416b;
}
.join-item .icon{
	width: 150px;
	height: 150px;
	display: block;
	border-radius: 50%;
	font-size: 4rem;
	text-align: center;
	line-height: 140px;
	margin-bottom: 10px;
}


/* link-list-index */
.link-list-index{
	width: 100%;
	display: block;
	position: relative;
	padding: 1.5em 0;
}

.link-list-index .link-item{
	width: 100%;
	display: block;
	position: relative;
	text-align: center;
	transition: .3s .03s;
}
.link-list-index .link-item .img{
	width: 100%;
	padding: 10px;
	display: block;
	position: relative;
	background-color: #ffffff;
	border-radius: .4rem;
	border: 1px solid #dddddd;
	overflow: hidden;
	margin-bottom: 10px;
	transition: .3s .03s;
}
.link-list-index .link-item .img span{
	width: 100%;
	padding-bottom: 50%;
	display: block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.link-list-index .link-item:hover{
	color: #526a60;
}
.link-list-index .link-item:hover .img{
	border: 1px solid #526a60;
}









/* left-block */
.left-block{
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.left-block .leftCtrl{
	width: 100%;
	display: block;
	margin: 20px 0 10px;
	position: relative;
}
.left-block .leftCtrl .leftCtrl-icon{
	position: absolute;
	right: 10px;
	transition: .3s .03s;
	transform: rotateX(180deg);
}
.left-block .leftCtrl[aria-expanded="false"] .leftCtrl-icon{
	transform: rotateX(0deg);
}
@media (min-width: 992px) {
	.left-block .leftCtrl{
		display: none;
	}
}


.left-block .left-title{
	width: 100%;
	display: block;
	background-color: #24416b;
	color: #ffffff;
	font-weight: bold;
	padding: .5rem 1rem;
}
.left-block .list-group{
	width: 100%;
	display: block;
	padding: .5rem 0;
	margin-bottom: 20px;
	background-color: #ffffff;
	border-radius: 0;
}
.left-block .list-group .list-group-item{
	width: 100%;
	display: block;
	border-radius: 0;
	border: 0;
	padding: 0 .8rem;
}
.left-block .list-group .list-group-item>a{
	width: 100%;
	display: block;
	padding: .8rem 0 .8rem 25px;
	position: relative;
	transition: .3s .03s;
}
.left-block .list-group .list-group-item+.list-group-item>a{
	border-top: 1px solid #dddddd;
}
.left-block .list-group .list-group-item>a .list-group-item-icon{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: .8rem;
	left: 0;
	text-align: center;
	color: #b18247;
}
.left-block .list-group .list-group-item>a:hover{
	color: #b18247;
}
.left-block .list-group .list-group-item.active{
	background-color: #ffffff;
	color: #000000;
}
.left-block .list-group .list-group-item.active>a .list-group-item-icon{
	color: #24416b;
}




/* center-block */
.center-block{
	width: 100%;
	display: block;
	position: relative;
	background-color: #ffffff;	
	padding: 1.25rem 2rem;
	margin-bottom: 2rem;
	line-height: 1.8rem;
}
.center-block>.title{
	width: 100%;
	display: block;
	padding: 1rem 0;
	margin-bottom: 1rem;
	border-bottom: 2px solid #526a60;
	font-size: 1.5rem;
}
.download-list{
	width: 100%;
	display: block;
	position: relative;
	border-top: 1px solid #d9dfe7;
	margin-top: 1rem;
	padding: 1rem 0;
}
.download-list ul{
	padding: 0;
	list-style: none;
}
.download-list ul li{
	padding: .5rem 0 .5rem 40px;
	position: relative;
}
.download-list ul li>span{
	width: 40px;
	position: absolute;
	left: 0;
	text-align: center;
	color: #526a60;
}
.download-list a{
	color: #666666;
	transition: .3s .03s;
	display: inline-block;
	padding: 0;
	position: relative;
}
.download-list a:hover{
	color: #24416b;
}

.center-block .pagination .page-item .page-link{
	color: #666666;
}
.center-block .pagination .page-item .page-link:focus,
.center-block .pagination .page-item .page-link:hover{
	color: #b18247;
	background-color: transparent;
}
.center-block .pagination .page-item.active .page-link{
	background-color: #b18247;
	color: #ffffff;
	border: 1px solid #b18247;
}
.center-block h3{
	font-size: 1.25rem;
}

.center-text .list-list{
	width: 100%;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.center-text .list-list li{
	width: 100%;
	border-bottom: 1px solid #dddddd;
	position: relative;
	padding: .5rem 0 .5rem 3rem;
}
.center-text .list-list li.title-li{
	text-align: center;
	background-color: #526a60;
	color: #ffffff;
	padding: .2rem 0 .2rem 3rem;
}
.center-text .list-list li>span{
	width: 2rem;
	height: 2rem;
	display: block;
	position: absolute;
	left: .5rem;
	text-align: center;
}
.center-text .list-list li>a{
	width: 100%;
	display: block;
	position: relative;
	overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  transition: .3s .03s;
}
.center-text .list-list li>a:hover{
	color: #b18247;
}

.center-text .group-list{
	width: 100%;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.center-text .group-list li{
	width: 100%;
	border: 1px solid #dddddd;
	border-left: 5px solid #b18247;
	margin-bottom: .5rem;
	border-radius: .2rem;
}
.center-text .group-list li>a{
	width: 100%;
	display: block;
	position: relative;
	padding: .5rem .5rem .5rem 3rem;
}
.center-text .group-list li>a>span.num{
	width: 2rem;
	height: 2rem;
	display: block;
	position: absolute;
	left: .5rem;
	top: .5rem;
	text-align: center;
}












/* sitemap-content */
.sitemap-content{
	width: 100%;
	display: block;
	padding: 1rem 0;
}
.sitemap-content>ul{
	list-style: none;
	padding: 0;
}
.sitemap-content>ul>li>strong{
	width: 100%;
	display: block;
	position: relative;
	background-color: #24416b;
	color: #ffffff;
	padding: .2rem 1rem;
	margin-bottom: 0.5rem;
	font-size: 1.2rem;
	font-weight: normal;
}
.sitemap-content>ul>li ul{
	list-style: none;
	padding: 0 0 0 1rem;
}
.sitemap-content>ul>li ul>li>a{
	width: 100%;
	display: block;
	position: relative;
	padding: .2rem 0;
	border-bottom: 1px dashed #dddddd;
}







@media print{
	* {
    -webkit-print-color-adjust: exact !important;
  }
  html, body{
  	width: 100%;
  	height: 100%;
  	padding: 0;
  	margin: 0;
		background-image: none;
		background-color: #ffffff;
	}
	.wrap{
		width: 100%;
		min-height: auto;
		display: block;
		position: relative;
		margin: 0 0 0 0!important;
		padding: 0 0 0 0!important;
	}
	.header-fixed{
		display: none;
		height: 0;
	}
	.header{
		display: none;
		height: 0;
	}
	.banner{
		display: none;
	}
	.left-block{
		display: none;
	}
	.center-block{
		width: 100vw!important;
		padding: 0;
	}
	.main-content .page-btn{
		display: none;
	}
	.center-block .page-btn{
		display: none;
	}
	.footer{
		background-color: #ffffff;
	}
	.footer-block{
		background-image: none!important;
		background-color: #ffffff;
	}
	.footer-sitemap{
		display: none;
	}
	.footer-text{
		display: none;
	}
	.footer-bottom{
		background-color: #ffffff!important;
		color: #000000!important;
	}
	.footer-bottom .col-12{
		display: none;
	}
	.footer-bottom .col-12:first-child{
		display: block;
	}
	.side-btn{
		display: none;
	}
	.side-btn .btn-goTop{
		display: none;
	}
}
















@media screen and (max-width:990px){


}
@media screen and (max-width:768px){


}
@media screen and (max-width:380px){



}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}