@charset "utf-8";

html,body{
	width:100%;
	height:100%;	
}

body{
	font-family:'Noto Sans TC','微軟正黑體', sans-serif !important;
	line-height:2 !important;
	/*background:url(../pic/treaaback.jpg) right bottom fixed no-repeat;*/
	font-size:0.95rem;
}

#wrapper{
	margin:0;
	width:100%;
	text-align:left;
	min-height:100%;
	margin-bottom:-40px;
}

#header{	
	width:100%;	
	background:#fff;
	padding:10px;
	box-sizing:border-box;
}

#container{
	width:100%;		
	display:inline;
}

#footer{	
	width:100%;
	clear:both;
	box-sizing:border-box;
	bottom:0;
	background:#008a74;
	padding:10px;
	height:auto;
	margin-top:7%;
}

.newspost{
	background-color: rgba(255,255,255,0.7);
}

@media (max-width:767px){
	section[class="rule"]{
		padding:5% 3%;
	}	
}

.bar-style{
	background-image:linear-gradient(to bottom,#e8eaec,#d6d3d3);	
}

.ali-l {
	text-align:left !important;
}

.ali-r {
	text-align:right !important;
}

.ali-c {
	text-align:center !important;
}

.bb{
	font-weight:600;
}

.nav-tabs{
	border-bottom:3px solid #008a74 !important;
}

.nav-tabs .nav-item{
	margin-bottom:-3px;
}

.nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active{
	 border-color:#008a74 #008a74 #fff;
 }
 
 .nav-tabs .nav-link:hover{
	 border-color:#e9ecef #e9ecef transparent;
 }

.list ul{
	list-style:circle;
}

.rule td{
	padding:0 20px 0 0;
}

.ji th{
	border:2px solid #fff;
	background:#dee2e6;
	font-weight:500;
	text-align:center;
}

.ji td{
	border:2px solid #fff;
	background:#f4f4f4;
}

.ji th,.ji td{
	text-align:center;
}

#rule{
	width:100%;
}

#rule tr[class="bb"]{
	background-image:linear-gradient(to bottom,#fff 80%,#aaa) !important;
	/*border-top:1px solid #842d00;*/
	border-bottom:1px solid #008a74;
	font-size:1.4rem;
}

#rule tr[class="bb"]>th{
	background-color:inherit;
}

#rule th{
	background:#dee2e6;
	width:110px;
	text-align:center;
}

#rule td{
	text-align:left;
	padding-left:15px;
}

#rule th,#rule td{
	border-bottom:1px dashed #008a74;	
}

.posttitle{
	color:#000;
	text-align:left;
	border-bottom:2px solid #008a74;
}

.post{
	margin:5px 15px;
}

.linkpost li{
	border-bottom:1px dashed #008a74;
	padding:15px 0px 5px;
}

.linkpost h5{
	margin-bottom:5%
}

.linkpost a{
	font-size:0.9rem;
}

.comeback{
	font-size:3rem;
	color:#20caca;
	position:fixed;
	right:3%;
	bottom:8%;
	filter:drop-shadow(2px 2px 2px #999);
}

.tabletitle{
	padding-left:5px;
	margin-top:20px;
	border-left:5px solid #008a74;
}

.history{
	margin-top:20px;
	border:0px solid transparent;
	background:#fff;
}

.history td{
	padding:5px 15px;
	text-align:left;
}

.history tr:nth-child(even){
	background:#a3f3cf;
}

.mm td{
	padding:10px 5px 25px;
	border-bottom:1px dashed #008a74;
	border-left:15px solid #fff;
}

.mm h6{
	border-left:5px solid #008a74;
	padding-left:3px;
}

/*New Menu*/

ol,
ul {
list-style: none;
}

ul.nav>li {
/*position: relative;*/
}

ul.nav>li a:link, a:visied{
	
}

ul.nav>li a:hover {
text-decoration: none;
color:#666;
/*background: rgba(255,255,255,0.5);*/ /*滑入選單底色*/}

ul.nav>li ul>li{
border-left: solid 0px rgba(0,0,0,0.2) ;/*選單側邊線顏色*/}

ul.nav>li>ul>li a{
color: #fff;/*選單連結顏色*/
display: block;
padding-top: 5px;
padding-bottom: 5px;
text-decoration:none;
}

ul.nav>li ul>li {
	border-bottom: solid 0px rgba(0,0,0,0.2);	
	} /*選單隔線顏色*/
	
ul.nav>li ul>li:last-child{
	border-bottom:0;
	}
	
ul.nav>li>ul li>ul.sub-menu {
	border-top: solid 0px rgba(0,0,0,0.2);
	}/*子選單隔線顏色*/
	
ul.nav>li>ul.sub-menu li>ul.sub-menu{
	display:none;
	}
	
ul.nav>li ul {
	padding-left:20px;
	}/*階層式向後退的像素*/
	
ul.nav>li ul>li>a:before{
font-family: 'FontAwesome';
content: '\f105';
padding-right:7px;
padding-left:7px;
font-size:10px;
}

#nav .nav a{
	color:#333;
	font-size:0.95rem;
	font-weight:500;	
}

#nav .nav a:hover{
	color:#999;
	text-decoration:none;	
	transition:0.2s;
	-webkit-transition:0.2s;
}




/*桌機*/

@media screen and (min-width:768px) {
	
section{
	padding:6% 15%;	
	margin-bottom:5%;
}
	
.bar-style{
	position:relative;
	height: 46px;
}

.pagetitlediv{
	position:absolute;
	top:25vmin;
	z-index:20;
	width:100%;
	padding:0 10%;
	text-align:left;
}

.pagetitle{
	font-weight:600;
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}

.ali-r-c{
	text-align:right;
}

.ali-l-c{
	text-align:left;
}

ul>li>a>b.arrow:after {
		font-family: 'FontAwesome';
		content: '\f078';
		font-size: 12px;
		position: absolute;
		right: 0;
	}
	
ul.nav>li {
	padding:0px 15px;		
}

ul.nav>li ul>li {
	display:inline-block;
	margin:0 7px;
}
	
ul>li>ul>li>a>b.arrow:after {
		font-family: 'FontAwesome';
		content: '\f078';
		font-size: 15px;
		position: absolute;
		top:0;
		right: 0;
		padding:10px 15px;
}

ul>li>ul>li>a>b.on:after {
		font-family: 'FontAwesome';
		content: '\f00d';
}
ul.nav>li:hover>a+ul {
		visibility: visible;
		opacity: 1;
}

ul.nav>li>ul.sub-menu {
		position: absolute;
		top: 46px;
		left: 0;
		z-index: 9999;
		background-color:#ededed;
		width: 100%;
		text-align: center;
		border-left: solid 0px #ededed;
		border-bottom: solid 0px #ededed;
		border-right: solid 0px #ededed;
		box-shadow: 0px 5px 2px rgba(130, 130, 130, 0.3);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
}
/*手機*/
@media screen and (max-width:768px) {

section{
	padding:5%;	
}

.pagetitlediv{
	display:none;
}

.pagetitle{
	diplay:none;
}

.hidden-mobi{
	display:none;
}

.ali-r-c,
.ali-l-c{
	text-align:center;
}
	
b.arrow:after {
		font-family: 'FontAwesome';
		content: '\f078';
		position: absolute;
		top: 0;
		right: 0;
		padding: 0px 0px 0px 40px;
	}
 
a.dropdown + ul {
	display: none;
}

b.on:after {
	font-family: 'FontAwesome';
	content: '\f00d';
}

ul.nav>li>a {
	border-bottom: solid 2px rgba(0,0,0,0);
	}/*選單隔線顏色*/
	
ul.nav>li:last-child>a {
	border-bottom: 0;
	}
	
ul.nav>li>ul.sub-menu {
border-bottom: solid 2px rgba(0,0,0,0);/*子選單隔線顏色*/
}

ul.nav>li {
	padding:12px;		
}

.tm {
	margin-top:10px;
	margin-bottom:10px;
}

}