/* menu_top */
./* menu_top_hide{ }	
.fh5co-primary-menu{display:block;} */
#fh5co-header-section {
  padding: 0;
  position: relative;
  left: 0;
  width: 100%;
  z-index: 1022;
  background: #fff;
  	-webkit-box-shadow: 0px 0px 3px 0px #333;
	-moz-box-shadow: 0px 0px 3px 0px #333;
	box-shadow: 0px 0px 3px 0px #333;
}
div:focus {outline: blue solid 2px;}
.menu_top_hide{
  display: none;
  }
 .fh5co-menu-wrap .fh5co-primary-menu{
    display: block;
  }
 div .menu_top{
  display: block;
  }
  
  @media screen and (max-width: 992px) {
 div .menu_top{
 font-size:13px;
  }

}
@media screen and (max-width: 768px) {
  .fh5co-menu-wrap .fh5co-primary-menu{
    display: none;
  }
 div .menu_top{
  display: none;
  }
.menu_top_hide{
  display: block;
  }
}
.menu_top_warp{background:#c6c2c1}

.menu_top{float:right; color:white; font-weight: 500; margin-top:30px; padding-right:10px; display:block; }
@media screen and (max-width: 992px) {
.menu_top{ font-size: 14px;}
}
@media screen and (max-width: 768px) {

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

}

.menu_top a{ color: white; margin-left:5px; margin-right:5px;}
.menu_top a:hover{   color: #F78536; transition-duration:0s; }

#fh5co-logo {
  position: relative;
  z-index: 2;
  font-size: 28px;
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: 700;
  float: left;
  padding-left: 0px;
}
#fh5co-logo i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #F78536;
  background: rgba(0, 0, 0, 0.06);
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;

}


/* main_area */
#fh5co-wrapper {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #fh5co-wrapper {
  overflow: hidden;
  position: absolute;
}
.offcanvas #fh5co-wrapper:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}



/* fh5co-offcanvas */
#fh5co-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: #222;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 40px 40px 40px 40px;
  overflow-y: auto;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display:block;
}
@media screen and (max-width: 768px) {
  #fh5co-offcanvas {
    display: block;  
    
  }
}

@media screen and (min-width: 768px) {
  #fh5co-offcanvas {
    display: none;  
    
  }
}
.offcanvas #fh5co-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
 
}

 #fh5co-offcanvas  ul{

 }
 #fh5co-offcanvas  ul li{
    list-style-type: none;
	margin:0px 0px 10px 0px;
	font-weight:700;


}


 #fh5co-offcanvas  ul  li.active a{
color:#f1a221;
background: none;
}


 #fh5co-offcanvas  ul ul{
    padding-left:20px;
	padding-top:5px;


}


 #fh5co-offcanvas  ul ul ul{
    padding-left:20px;
}
#fh5co-offcanvas  a{
     color: rgba(255, 255, 255, 0.5);
}

#fh5co-offcanvas  a:hover{
		color: #f2a41e;
}


#fh5co-offcanvas   .dropdown{
    display:none;
    list-style-type: none;
}

#fh5co-offcanvas   .dropdown_right{   
    display:none;
    list-style-type: none;
}
#fh5co-offcanvas ul li ul .offcanvas-has-dropdown_right > a:after  {
  position: absolute;

  right: 20px;
 font-family: 'Glyphicons Halflings';
  content: "\e114";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top:6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#h5co-offcanvas ul li ul li.offcanvas-has-dropdown_right.active a:after {
   -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg); 
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;

  right: 40px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    font-family: 'Glyphicons Halflings';
  content: "\e114";
  font-size: 12px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
    margin-top:6px;
}

#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
   -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); 

}


/* menu-toggle */
 /*.fh5co-menu-wrap-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  top: 25px !important;
   

}
.fh5co-nav-toggle {
 cursor: pointer;
  text-decoration: none;
  color:white; 
  background: rgba(0,0,0, 0.7) ;  
  padding:10px;
  margin-right:10px; 
  border-radius:5px;
  z-index:999999;
  }s
  
  
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {

}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  /*position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: red;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: red;
  transition: all .2s ease-out;*/

/*}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
   content: '';
  width: 25px;
  height: 2px;
  background: white;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;*/
  
  
}


.fh5co-nav-toggle.fh5co-nav-white > i {
  color: #fff;
  background: #000;

}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #000;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
  background: #fff;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
  background: #fff;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
  background: #fff;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff;
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff;
}

.fh5co-nav-toggle {
  position: absolute;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
  border-radius:5px;
  color:white;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}
/* main_area */
#fh5co-wrapper {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #fh5co-wrapper {
  overflow: hidden;
  position: absolute;
}
.offcanvas #fh5co-wrapper:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

/* menu-toggle */

.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #444;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: white;
  color:white;
  transition: all .2s ease-out;
  
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
    background: white;
}
.fh5co-nav-toggle.fh5co-nav-white > i {

  background: #fff;
}
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #fff;
  
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff;
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff;
}

.fh5co-nav-toggle {
  position: absolute;
  right: 5px;
  top: 10px;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
  cursor: pointer;
  text-decoration: none;
  background: rgba(0,0,0,0.5);
 padding: 5px 10px 15px 10px;

}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}
/* main_area */
#fh5co-wrapper {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.offcanvas #fh5co-wrapper {
  overflow: hidden;
  position: absolute;
}
.offcanvas #fh5co-wrapper:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

/* loader */
/* 2018-04-13 jimming
.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/images/loader.gif) center no-repeat #fff;
}
*/

.js .animate-box {
  opacity: 0;
}





.menu_A3{ 
color:#F2A41E; 
display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
/*banner*/
.banner_text{ margin-top:20px;}
.banner_text2{ margin-top:20px;}
.banner_text h3{ color:#F2A41E; }
.banner_text h2{ color:#5F2726; font-weight:700;}

.xt{ color:#F2A41E; font-size: 1.5em; font-weight:500;}
.xd{ color:#5F2726; font-size: 1.9em; font-weight:bolder;}

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


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

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

	}




/*nesw*/ 
.news{
	
	height:42px;
	clear:both;
	overflow: hidden;
	margin:0px;	
	border:1px #ccc solid;
	}
.new_tittle{
	padding-left:10px;
	padding-top:8px;
	float:left;

	}
	
.new_tittle_content{
	background:#F2A41E;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px; 
	color:white;
	border-radius:5px;
	}
		
div#abgne_marquee {
		position: relative;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		width: 70%;
		height: 30px;
		float:left;
		margin-top:5px;
			
	
	}
div#abgne_marquee ul, div#abgne_marquee li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
div#abgne_marquee ul {
		position: absolute;
	}
div#abgne_marquee ul li a {
		display: block;
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:16px;
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
		text-decoration: none;
		color:#333333;
		
	
	
	}
		div#abgne_marquee ul li a:hover {
		
		color:#F78536;
	
	
	}
	div#abgne_marquee ul li.b1 a {
		background-position: 5px 5px;
	}
	div#abgne_marquee ul li.b2 a {
		background-position: 5px -15px;
	}
	div#abgne_marquee ul li.b3 a {
		background-position: 5px -35px;
	}






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

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

.news{ magrin-top:10px; margin-bottom:20px;}	
}
@media screen and (max-width: 480px) {
div#abgne_marquee ul li a {
		
		overflow: hidden;	/* 超出範圍的部份要隱藏 */
		font-size:14px;
		width:250;
		padding-left: 0px;
		text-decoration: none;
		
		
	}
}

/*<!--rec fb arae -->*/
/*  .fb-comments, .fb-comments iframe[style] {
    width: 100% !important;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
} */
 


.fb_area{  

 	 display:flex;
	   align-items:center;
      justify-content:center;
  
    
      width:100%;
      height:430px;
      border:1px solid #ddd;
	  overflow:hide;  
	 
}
.fb_area iframe{ 
       height:430px; 
	  overflow:hide; 
     
	  border:1px solid #ddd;
	width:240px;	

    
}
      
   /*height:430px;
     
	 
  
      border:1px solid #000;
      width:100%;
      
      border:1px solid #ddd;
	  overflow:hide; */

      


 /*.fb_area iframe{
     width:320px;
       height:430px; 
	 border:1px solid #ddd;
}*/

.rec h3{color:white; margin-top:10px; font-weight:bold; cursor:pointer;}
.rec_content{}
.rec_content h3{ margin:0; padding:0px;}	
.rec_space_left{ padding-left: 15px; width:50%; float: left; }
.rec_space_right{padding-right:15px; width:50%; float: left;}
.rec_sky{
	height:200px;
	background:#529ECC;
	position: relative;
	display:  flex;
  align-items: center;
    justify-content:  center;
	cursor:pointer;

  
	}
	.rec_sky:hover{  opacity: 0.8;}
	
  .rec_pink{
	height:200px;
	background:#C74294;
	display:  flex;
    align-items: center;
    justify-content:  center;	
    margin-top:0px;
  
  
	}	
	.rec_pink:hover{  opacity: 0.8;}
  .rec_green{
	height:200px;
	background:#6AD37E;
	display:  flex;
    align-items: center;
    justify-content:  center;
	margin-top:2em;

	}
	.rec_green:hover{  opacity: 0.8;}
.rec_coffee{
	height:200px;
	background:#7E6E60;
	display:  flex;
    align-items: center;
    justify-content:  center;
	margin-top:2em;

	}

.rec_coffee:hover{  opacity: 0.8;}



.rec_sky img{
  height: 110px;
  width: 110px;
  }

  
.rec_pink img{
  height: 110px;
   width: 110px;
  } 
  
.rec_green img{
  height: 110px;
    width: 110px;
  }
.rec_coffee img{
  height: 110px;
  width: 110px;
  }

@media screen and (max-width: 992px) {
 .rec_space_left{ padding-left: 0.5em; }
.rec_space_right{padding-right: 0.5em;} 
.rec_green{margin-top:1em; }
.rec_coffee{margin-top:1em;}

.fb-page{ height:430px; }
.fb_area iframe{    
width:240px;	   
	  overflow:hide; 
}
.rec_sky{
	height:207px;
	}	
.rec_pink{
	height:207px;
	}	
	
.rec_green{
	height:207px;
	}
.rec_coffee{
	height:207px;
	}
.rec_sky img{
  height: 100px;
  width: 100px;
  }

.rec_pink img{
  height: 100px;
  width:100px;
  } 
  
.rec_green img{
   height: 100px;
  width: 100px;
  }
.rec_coffee img{
    height: 100px;
  width: 100px;
  }
}	 
@media screen and (max-width: 768px) {




#facebook_page_plugin_widget-3{ 
display:none;
   /*  margin-top:1em;
	 display:flex;
	   align-items:center;
      justify-content:center;
	  border:1px solid #ddd; */
	}
.fb-page{   }

}
@media screen and (max-width: 480px) {
.rec h3{ font-size: 18px; text-align: center;}
.rec_sky img{
  height: 90px;
  width: 90px;
  }

  
.rec_pink img{
  height: 90px;
  width: 90px;
  } 
  
.rec_green img{
   height: 90px;
  width: 90px;
  }
.rec_coffee img{
    height: 90px;
  width: 90px;
  }

}



/*<!-news_table->*/

.news_table{ 
	background:#f4f4f4; 
	margin-top:2em;
padding-bottom:4px;
	}

.news_tittle{ 
	background:#529ECC;
	color:white;
 	padding-left:15px;
	line-height:50px;
	font-weight:700;
	font-size:18px;
	height:50px;
	
}
.news_list{ 
border-bottom:1px solid #ddd;
height:50px; 
margin:0px 15px 0px 15px;

}	
.news_content{ 
    float:left;
	width:80%;
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space: nowrap; 
	line-height:50px;

	}
.news_date{ 
    float:right;
	width:12%; 
	line-height:50px;
	overflow:hidden; 
	font-size:14px;
   
	}	
@media screen and (max-width: 1200px) {

.news_content{ }
.news_date{ width:12%; } 
 
	
}	
@media screen and (max-width: 992px) {
.news_table{ margin-top:1em;padding-bottom:12px; }
.news_content{ }
.news_date{ width:18%
 
	
}
}
@media screen and (max-width: 768px) {
.news_date{ width:17%;   } 
}
@media screen and (max-width: 480px) {
.news_date{ width:20%;font-size:13px;}
 .news_table{ 

padding-bottom:9px;
	}
.news_list{ 
border-bottom:1px solid #ddd;
height:auto; 
margin:0px 5px 0px 5px;

}
.news_content{ 
    float:none;
	 width:100%;
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space: nowrap; 


	}
.news_date{ 
    float:none;
    width:100%;
	line-height:30px;
	overflow:hidden; 
	font-size:14px;
   
	}


}



/*<!-activity tab->*/

 .activity_table{
	 margin-top:2em;
	 
	 }
.activity_btn a{
	
	float:right;
	color:white;
	border-radius:10px;
	background:#F2A41E;
    padding:10px 25px;
	
	font-size:17px;
	font-weight:700;
	margin:3px 15px 0px 0px;
	
	
	}
.activity_tittle{
	 background:#C74294; 
	 color:white;
	 padding-left:15px;
	 height:50px;
	 line-height:50px;
	 font-weight:700;
	 font-size:18px;
	 }
	 
	
	ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab {
		clear: left;
		width:100%;
		
		border:1px solid #cccccc;
		padding-bottom:54px;

	}
	

	ul.tabs {
		width: 100%;


	}
	ul.tabs li {
		float: left;
		height:50px;
		line-height:50px;
		position: relative;
		margin-bottom: 0px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-left: none;
		background: #f4f4f4;
		font-size:18px;
		width:16.66666%
		
	}
	ul.tabs li a {
		display: block;
		text-align:center;
		color: #333333;
		text-decoration: none;
		font-weight:bold;

	}		
	
	ul.tabs li a:hover {
		background: #ccc;
	
	
		
	}
	ul.tabs li a:hover:after {	 
    border-color: #ccc transparent transparent; 
    border-style: solid solid solid solid; 
    border-width: 15px 10px 10px 10px; 
    bottom: -20px;
    content: '';
    height: 0px;
    left:42%;
	position: absolute;
	width: 0px;
	    display:table-cell;
    vertical-align:middle;
	  text-align:center;
	
	
	
		
	}
	
	
/* 	ul.tabs li a :before{
      border-color: red transparent transparent; 
    border-style: solid solid solid; 
    border-width: 20px 20px 20px 20px; 
    bottom: -40px;
    content: '';
    height: 0px;
    left: 20px; 
	position: absolute;
	width: 0px;
	
	}	
	
	ul.tabs li a:after{

    border-color: red transparent transparent; 
    border-style: solid solid solid solid; 
    border-width: 20px; 
    bottom: -33px;
    content: '';
    height: 0px;
    left: 20px; 
	position: absolute;
	width: 0px;
	
	} */
	
	ul.tabs li.active a{
	background: #F2A41E;
	color:white;
	}
	ul.tabs li.active a:hover:after{
	  border-color: #F2A41E transparent transparent; 

	}
	ul.tabs li.active   {
		background: #F2A41E;
		color:white;
		height:50px;
		
		position: relative;
	}

	
	ul.tabs li.active   :after{
    border-color: #F2A41E transparent transparent; 
    border-style: solid solid solid solid; 
    border-width: 15px 10px 10px 10px; 
    bottom: -20px;
    content: '';
    height: 0px;
    left:42%;
	position: absolute;
	width: 0px;
	    display:table-cell;
    vertical-align:middle;
	  text-align:center;
	
	}
	
	
	
	
	ul.tabs li.active a:hover {
		background: #F2A41E;
		
		color:white;
	}
	div.tab_container {
	
		clear: left;
		width: 100%;
		border-top: none;
		background: #fff;
	
	
	}
	

	div.tab_container  tr td.news_table_content{
	width:100%;
	
	}
	div.tab_container  tr td.news_table_content a{

	}
	
	div.tab_container .tab_content  td{
	width:100%;

	}
	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
	}



.tab_container ul li a{ color:#333333; }


.tab_container ul li a:hover{ color:#F2A41E;}
.tab_container tr td{    
	padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
	}

.tab_container { width:100%;}
.activity_content{ height:33px;}
@media screen and (max-width: 992px) {
 .activity_table{
	margin-top:1em;
	
	 }
	 
	.activity_btn a{
	margin:8px 15px 0px 0px;
	}
 
	.abgne_tab {
	padding-bottom:60px;
	} 
	
	
		ul.tabs li {
		font-size:18px;
		width:33.3333%;	
		
		margin-top:-1px;
	}
	ul.tabs li :after {	 
    display:none	
	}
	ul.tabs li a:hover:after {	 
    display:none	
	}
	ul.tabs li.active   :after{
	display:none;
	}
	
}
@media screen and (max-width: 768px) {
 .activity_table{
	 margin-top:1em;
	 }
	 ul.tabs li {
	font-size:18px;
		
	}
	 
}
@media screen and (max-width: 480px) {
ul.tabs li a {	
		
	}
	
	ul.tabs li {
	overflow:hide;
	height:50px;
	margin-top:-1px;
	padding-top:0px;	
	}
	ul.tabs li :after {	 
    display:none	
	}
	ul.tabs li a:hover:after {	 
    display:none	
	}
	ul.tabs li.active   :after{
	display:none;
	}
}

/*<!-topic_ara-->*/

.topic{
	padding-top:2em;
}
.topic h3{padding-top:0px; margin-top:0px;}
.topic table{ 
font-weight:700;
font-size:17px; 
 width:100%;
 border-collapse: separate;
 border-spacing:0px 13px;
 margin-top:-18px;
}
.topic tr{ 
background:#f4f4f4;
color:#333;  
  }

  
  .ta1{
 display: flex;
    flex-wrap: wrap;
}
.ta1 a{
    flex: 0 0 100%;
    display: flex;
}


.topic tr a{
    flex: 0 0 100%;
    display: flex;
}
  
.topic_image_cr{ border-top:1px solid #ddd; border-bottom:1px solid #ddds; border-left:1px solid #ddd;  width:78px; height:60px;} 

.topic_text_cr{
	
border-top:1px solid #ddd;
 border-bottom:1px solid #ddd; 
 border-right:1px solid #ddd;
 padding-left:20px;
padding-right:20px;
 }
 

 
td.topic_image{ border-top:1px solid #ddd; border-bottom:1px solid #ddds; border-left:1px solid #ddd;  width:78px;}  
td.topic_text{
border-top:1px solid #ddd;
 border-bottom:1px solid #ddd; 
 border-right:1px solid #ddd;
 padding-left:20px;
padding-right:20px;
 }

.topic tr td  p{ text-align:left; }
.topic tr td img{ height:60px; width:78px;padding:0px; margin:0px;}

.ta1  p{ text-align:left; }
.ta1 img{ height:60px; width:78px;padding:0px; margin:0px;}

 
	
@media screen and (max-width: 992px) {
.topic{
	padding-top:1em;
}
td.topic_text{
padding-left:10px;
padding-right:10px;
}

.topic table{ 
 border-spacing:0px 18px;

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


td.topic_text{
padding-left:20px;
padding-right:20px;
}
}


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

}



/*<!-slider1-->*/

.related_wrap{ background:#f4f4f4; padding-bottom:1em;}
.related_wrap h2{color:#5F2726; font-weight:bold;}
.clearout {
height:20px;
clear:both;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
/*display:none;*/
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
	
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    
 
}

.nbs-flexisel-item {
    float:left;
 

    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {

    cursor: pointer;
    position: relative;
border:1px solid #ddd;


}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:100px 5px;
   
    position: absolute;
    cursor: pointer;
    z-index: 4;
   
  

}

.nbs-flexisel-nav-left {
    left: 0px;
	top: 50%;
    transform: translateY(-50%);   
    background: rgba(255, 255, 255, 0.00);
    color: #fff;    

	

}

.nbs-flexisel-nav-left:before {
   font-family: 'Glyphicons Halflings';
  src: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.eot") format("embedded-opentype"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.svg") format("svg");
  content: "\e079";

}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;

}

.nbs-flexisel-nav-right {
      right: 0px;
top: 50%;
	
    transform: translateY(-50%);   
    background: rgba(255, 255, 255, 0.00);
    color: #fff;      
}

.nbs-flexisel-nav-right:before {
     font-family: 'Glyphicons Halflings';
  src: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.eot") format("embedded-opentype"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181118174451/https://www.nthcc.gov.tw/fonts/bootstrap/glyphicons-halflings-regular.svg") format("svg");
  content: "\e080";
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

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

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

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

}


  
 /*<!-toggle-->*/ 
.toggle{
	margin:1em 0;;

	}
.toggle_content{ 
margin-top:20px;
box-shadow: 2px 2px 1px rgba(0, 0, 0,0.5);;



 }
.toggle p{}
.toggle_tittle{
	 padding-top:10px; 
	 padding-bottom:10px; 
	 text-align:center; 
	 color:white;
	 font-weight: 600;
	
	
	 }
.mydiv{  
 background:white;

 
  	border:1px solid #cccccc;
 

	height:150px;
   }
 .mydiv ul{ margin-top:10px; margin-bottom:10px; }  	 
 .mydiv ul li{ line-height:30px;  overflow:hidden;  	 max-width:  100%;
     display:  flex;
     align-items: center;
     justify-content:  center;}  	 
 .toggle button{ border:0px; padding:0px; background:none; margin:0px;}
 .toggle button:hover{ opacity:0.5; transition-duration:0.5s; border:0px; }
 
 @media screen and (max-width: 992px) {

}
@media screen and (max-width: 768px) {
.nbs-flexisel-item img {


	

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

}
 
  /*<!-footer-->*/


#footer {
  background: #393e46;
  padding: 60px 0 40px;
}
#footer p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}
#footer p a {
  color: rgba(255, 255, 255, 0.7);
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
  color: #f2a41e; !important;
}
#footer .fh5co-footer-link {
  padding-bottom: 30px;
}
#footer .fh5co-footer-link h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 25px;
}
#footer .fh5co-footer-link li, #footer .fh5co-footer-link ul {
  padding: 0;
  margin: 0;
}
#footer .fh5co-footer-link li {
  list-style: none;
  margin-bottom: 15px;
  line-height: 1.3;
}
#footer .fh5co-footer-link li a {
  color: rgba(255, 255, 255, 0.5);
}
#footer .fh5co-footer-link li a:hover, #footer .fh5co-footer-link li a:active, #footer .fh5co-footer-link li a:focus {
  color: #fff !important;
}

.footer_icon img{
width:70px;
height:70px;
}
  
.footer_icon span{ 
  float:left; 
  margin-left:20px; 
} 

.footer_wrap{
 float:left;
}
.footer_logo {
  float:left;
  padding-right:20px;
  width:13%;
}

.footer_logo  img{
width:100%;
height: auto;
}

.footer_contact{
float:left;
margin-top: -1em;
}

.footer_links
{
float:right;
margin-top: -150px;
}
.tel {color: rgba(255, 255, 255, 0.7); float:left ; padding-right:10px;  }
.fax  { color:rgba(255, 255, 255, 0.7);  }

.tel a:hover {color:#f2a41e;  }
.fax a:hover{ color:#f2a41e;  }


.tel a{color: rgba(255, 255, 255, 0.7);}
.fax  a{ color:rgba(255, 255, 255, 0.7);}



@media screen and (max-width: 1200px) {
.footer_logo {
  float:left;
  padding-right:20px;
  width:15%;
}

.footer_contact{
float:left;
margin-top: -1em;
}

}


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

.footer_icon span{ 
  margin-left:10px; 
} 

.footer_logo {
  position: relative;
  width:20%;


}
.footer_contact{
  position: relative;
  width:80%;
}

.footer_links{
margin-top:0px;
width:100%;
padding-left: 19%;

}

.footer_icon img{
width:60px;
height:60px;
}

}

@media screen and (max-width: 768px) {
  .footer_wrap{
    float: none;
    position: relative;
  }
  .footer_logo {
  position: relative;
  width:20%;

}

.footer_contact{
  position: relative;
  width:80%;

}
 .footer_links{
  padding-left: 20%;
}
.footer_icon span{ 
  margin-left:0px;
  margin-right:10px; 
}



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

 .footer_links{
  padding-left: 20%;
}


.footer_icon img{
width:60px;
height:60px;
}
.tel {float:none; }


}





/*
     FILE ARCHIVED ON 17:44:51 十一月 18, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 8:30:44 五月 26, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/