*{
	background-color: #FFF;
	font-family:Helvetica, 'Noto Sans TC', sans-serif, '微軟正黑體';
	letter-spacing:0.5px;
	margin:0;
	padding:0;
	color:#464646;
}
#menu_control{display:none;}
body {
	height: auto;
	font-size:17px;
}
body>div {
margin: 0 auto;
}
/* ~~ 元素/標籤選取器 ~~ */

h1{
	font-size: 1.9rem;
	letter-spacing: 6px;
	color:#125a30;
	line-height: 36px;
}

h2 {

	line-height: 35px;
	font-size: 1.06rem;
}
h3 {
	font-weight: 500;
	line-height: 33px;
	color:#8dd421;
	font-size: 1rem;
}
h4{
	font-size: 1.2rem;
	letter-spacing: 2px;
	color:#125a30;
}
h5 {
	font-weight: 700;
	line-height: 33px;
	color:#8dd421;
	font-size: 1rem;
}
h6{
	font-size: 1.4rem;
	line-height: 8px;
	font-weight: 400;
}
h7{
	font-size: 1.4rem;	
	color:#cfcc0d;
	line-height: 78px;
	font-weight: 500;
}

p {
	text-align:justify;
	line-height: 26px;
}
span {
	
	line-height: 30px;
}

a img { 
	border: none;
}


a {
	color:#464646;
	text-decoration: none;
}

a:hover{ 
	color: #8dd421;
}

nav{display:none}

.header {
	padding-top:12px;
	height:50px;
	width:100%;

	position: fixed;
	top:0px;
	z-index: 999;
	background-color: #FFF;
	margin: 0 auto;
}


.header-s img{
	margin-top:13px;
	width:216px;	
}

.header-s {
	max-width: 1210px;
	width:86.5%;
	margin:0 auto;

}
.menu_btn{
display:none;
}
.banner{
    margin-top:69px;
	width: 86.5%;
	max-width: 1180px;
	min-width: 319px; /*最小支援至i4s螢幕*/
	}
.banner img{
	width: 100%;
	max-width: 1180px;
	min-width: 319px; /*最小支援至i4s螢幕*/
	

	}

.tab {
		width:100%;
		background-color: #125a30;
		display:flex;
		justify-content: center;
	  }
	  
	  /* Style the buttons inside the tab */
	  .tab button {
		font-size:1.05rem;
		background-color: inherit;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 16px;
		transition: 0.3s;
		width:15%;
		max-width: 242px;
		color:white;
		letter-spacing:0.2em;
		font-weight: 500;	
	  }

	  
	  /* Change background color of buttons on hover */
	  .tab button:hover {
		background-color: WHITE;
		color:#125a30;
	  }
	  
	  /* Create an active/current tablink class */
	  .tab button.active {
		background-color: WHITE;
		color:#125a30;
		border-top: 1px #125a30 solid;
		border-bottom: 1px #125a30 solid;
	  }
	  
	  /* Style the tab content */
	  .tabcontent {
		display: none;
		margin-bottom: 36px;
		margin-top: 1%;
		width:91%;
		max-width: 1280px;
		 		
	}
	.s-news{
	
		width:99%;
		max-width: 1210px; 
		margin: auto;
		padding: 10px;
		height:auto;		
	}

		.s-news-l{
		position: relative;
		left:25px;
				
	}
	.s-news-l>img{
		width:49%;
		max-width:625px;
		float:left;
		
		
	}
	.colorborder_1{border-bottom: 6px dotted #cfcc0d;}
	.colorborder_2{border-bottom: 6px dotted tomato;}
	.colorborder_3{border-bottom: 6px dotted green;}
	.s-news-r{
		padding-top:42px;
		padding-bottom:43px;
		width:48%;
		max-width:492px;
		float:right;	
		position: relative;
		right:43px;
		bottom:10px;
		
	}
	.s-news-r>p{
	line-height: 29px;
	}
	.s-news-r a{text-decoration:underline;}
	.clearboth{clear: both;height:0px;background-color: transparent;}
	

	

 .tabcontent>a{
	display:block;
	width: 99%; 
	max-width: 1210px; 
	margin:0 auto;
	height: 34px;
	border-bottom: 1px solid  #494949;
	padding-top:10px;
	transition: border-bottom 0.3s;
	transition: color 0.3s;
}
.tabcontent a:hover{border-bottom: 1px solid  #8dd421;}
	
	  
.content  {
	width: 90%; /*1210除1347*/
	max-width: 1210px;
	height: auto;
	min-width: 287px;
}
	
.madetitle {
		text-align: center;	
		margin:17px auto 7px;
		}	



.flex-box3 {
		   display: flex;
		   justify-content: space-evenly;
		   width:100%;		   
		  }

.column3 {
        margin:3px 8px;
		width: 89%;
		max-width:471px;
	    min-width: 250px; 
		height: 96%;
		padding:4px;
		border: 3px solid transparent;
		transition: box-shadow 0.5s, color 0.5s;
		cursor:pointer;
			
 }
	  
.column3>img {
	width: 100%;
	max-width:px;
	min-width: 250px; 
	margin-bottom: 5px;
}
 .column3 p::after {
	content:"......";
}
.column3:hover, .banner img:hover{
color: #000000;
box-shadow:3px 3px 6px 2px  grey;
opacity:0.95;
}

/* ~~ 頁尾 ~~ */
.footerline{
background-color: #125a30;
width:96%;
height: 4px;
margin-top:23px;
margin-bottom:28px;
}
#footerwrap{	
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 1.1%;
	margin-bottom: 1.4%;
	height: 13%;
	font-size:15px;
}
.footer-left {
	padding-bottom:5px;
	padding-right:10%;	
	
}
.footer-right {
	padding-top: 3.3%;
	padding-left:10%;	
	border-left: 1px solid #125a30;
	display:flex;
}
.footer-right div {
margin-right:10%;

}


@media screen and (max-width: 1120px) {
	.s-news{display: none;}
	}


@media screen and (min-width: 840px) {

.footerwrap {flex-flow:row;}
}

@media screen and (max-width: 1120px) {
	.header-s{display: table-cell;text-align: center;vertical-align: middle;}
	.banner {
		width:100%;
		margin-bottom: 0px;
		}
	
	.MenuBarHorizontal li{display:none;}
	.menu_btn{
		width: 45px;
		height: 45px;	
		background-color: rgb(18,90,48);
		border:2px solid #8dd421;
		display: block;
		position: fixed;
		bottom:10px;
		right: 15px;
		border-radius:50%;
		}
		.menu_btn span{
			opacity: 0;
			}
		.menu_btn::before{
				content:"";
				position:absolute;
				height:2px;
				width:26px;
				left: 9px;
				background-color: #FFF;
				top:0px;
				bottom: 0px;
				margin: auto;
				border-radius:2px;
				box-shadow:0px 9px 0px #FFF, 0px -9px 0px #FFF;
				}
				nav{

					width:100%;
					height:66vh;
					position:fixed;
					z-index:999;
					display: unset;
					top:-100%;
					transition: top 0.3s;
					background-color:rgb(18,90,48,0.75);
		
				}
				nav a{
					display:block;
					height:12%;
					background-color:rgb(18,90,48,0.75);
					color:white;
					font-size:21px;
					text-align: center;
					padding-top:17px;
					border-bottom:1px solid #b8fa56;
					letter-spacing:10px ;
			
				}
		#menu_control:checked ~nav{top:61px;}
	}	

@media screen and (max-width: 840px) {
body {
font-size:15px;
	}


.flex-box3{
	position: relative;
	right: 3px;
	flex-direction: column;

}

  .column3{
	width: 96%; 
	height: 460px;
	padding-bottom:24px;
	max-width: 479px;
}
.footerline{margin-top:6px;}

.column3 img{
	width: 100%; 
	max-width: 479px;
}

#footerwrap {flex-direction:column;}

.column3{margin: 0 auto;}

.footer-left {font-size:0.8rem;}
.footer-left {
	margin-left:8%;}

.footer-right {
	border-left: none;
	margin-bottom:50px;
	text-align:center;
}

.tab button {
	width:18%;
  }
  .tabcontent a {
	height: 42px;
	padding-top: 21px;
}
}

@media screen and (max-width: 400px) {
	body {
		font-size:12.5px;
			}
	.tab button {
		font-size:12px;
		width:20%;
}
			
}