


.kv{
   padding-top: 15rem;
   padding-bottom: 15rem;
}
.kv-title{
	padding-bottom: 15rem;
}
.kv-title h1{text-align: right;}


.kv .row{
	justify-content: space-between;
	align-items: flex-start;
}
.kv .text-con{
   width: 50%;
   margin-top: 0em;
   margin-bottom: 10rem;
   padding-left: 19rem;
}

.kv .pic1{
	width: 86rem;
}


.home-nav{
	display: flex;
	margin-bottom: 7.5rem;

}

.home-nav a{
	display: block;
	position: relative;
/* 	border-bottom: 4.2rem solid #000; */
}
.home-nav a p{
	font-family:'Noto Serif TC','微軟正黑體', 'Microsoft JhengHei', sans-serif;
	font-weight: 500;
	text-align: center;
	width: 100%;
	display: block;
	background:#000;
	color: #fff;

}


.home-nav a::after{
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgb(0 0 0 / .6);
	-webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.home-nav a.current p,.home-nav a:hover p{	background: #ABA098;color: #231815;}
.home-nav a.current:after,.home-nav a:hover::after{    opacity: 0;}
.home-nav a.current{pointer-events: none;}




.home-page{display: none;padding-bottom: 15rem;}

.home-page.current{display: block;}


.home-pic-list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}


a.link-btn{color: #036EA8;text-decoration: underline;}

.home-page1 a.link-btn{
	font-size: 2.4rem;
}
table, th, td {
    border: 1px solid #BEBEBE;
    border-collapse: collapse;
  }
.community-table{
	width: 100%;
	font-size: 3rem;
	line-height: 125%;

}
.community-table thead tr{background: #f0f0f0;}
.community-table thead th{
	text-align: center;
	padding: 5rem 2.5rem;
}
.community-table tbody td:nth-child(1),.community-table tbody td:last-child{text-align: center;}
.community-table tr{}
.community-table tbody td:nth-child(1){width: 2em;}
.community-table tbody td:nth-child(3){width: 9em;}
.community-table tbody td:last-child{width: 6em;}

.community-table tbody tr{background: #f7f7f7;}
.community-table tbody tr:nth-child(even){
	background: #f0f0f0;
}

.community-table td{padding: 2.5rem;}



@media (max-width: 767px){
	.kv{padding-bottom: 4.5rem;}
	.kv .container{ width: calc(100% - 11rem);border-bottom: 1px solid #000;}
	.kv .row{ display: flex;flex-direction: column-reverse;}
	.kv .pic1{width: 100%;}
	.kv .text-con{width: 100%;padding-left: 0;margin-bottom: 0;}
	.kv h1,.kv h2{text-align: right;margin-bottom: 0rem;margin-top: .5em;}
	.kv h4{margin-top:6rem ;}
	.home-nav{flex-wrap: wrap;justify-content: space-between;margin-bottom: 5rem;}
	.home-nav a{
/* 		border-bottom: 3.6rem solid #000; */
		width: 21rem;
		margin: .25rem 0;

	}
	.community-wrap .home-nav{width: 100vw;left: 50%;position: relative;margin-left: -50vw;}
	.community-wrap .home-nav a{width: calc( 25% - .3rem);margin-right: .4rem;height: 26.2rem;}
	.community-wrap .home-nav a img{width: 100%;height: 100%;object-fit: cover;}
	.community-wrap .home-nav a:last-child{margin-right: 0;}
	.community-wrap .home-nav p{font-size: 1.6rem;letter-spacing: 0;}
	.community-table{font-size: 1.9rem;}
	.community-table td {    padding: 1.5rem 1rem;}
	.home-page h3{
		font-size: 2.4rem;
	}

}