/*.font_s {
  font-size: 0.9em !important;
}

.font_l {
  font-size: 1.1em !important;
}*/
img{max-width:100%; height:auto;}
*{
	padding:0;
	margin:0;
}
.navbar-toggle {
  float: left !important;
}
p{
	padding-bottom:10px;
}

.fix-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  }

.open-menu {
  display: block !important;
}

.logo2 {
  display: none;
}

.header_contrl {
  background-color: #397b21;
  height: 42px;
}

.header_contrl .top_nav {
  float: right;
}

.header_contrl .top_nav ul, .header_contrl .top_nav ol {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.header_contrl .top_nav ul > li, .header_contrl .top_nav ol > li {
  float: left;
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size:0.85em;
}

.header_contrl .top_nav ul > li a, .header_contrl .top_nav ol > li a {
  color: #fff;
}

.header_contrl .top_nav ul > li a img, .header_contrl .top_nav ol > li a img {
  display: block;
  float: left;
  padding-top: 10px;
}

.header_contrl .top_nav ul > li > a {
  padding-left: 0.5em;
}

.header_contrl .top_nav ol > li > a {
  padding: 0 1em;
  border-right: solid 1px #fff;
}

.header_contrl .top_nav ol > li:first-child a {
  border: 0;
  padding-left: 0;
}

.header_logo {
  width: 100%;
  padding: 15px 0;
  overflow: hidden;
  background-color: #fff;
}

.header_logo .logo {
  display: block;
}

.header_logo .form-group {
  margin-bottom: 10px;
}

.header_logo .form-group .search_btn {
  margin-left: 5px;
}

.nav_s {
  display: none;
}

.header_nav {
  background-color:#094029 /*#4ca62c*/;
  /*height: 42px;
  min-height: 42px;*/
  border: 0;
  margin-bottom: 0;
}
.navbar {
    min-height: inherit;
}

.header_nav .nav1 {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 42px;
  line-height: 42px;
}

.header_nav .nav1 > li:hover ol {
  display: block;
}

.header_nav .nav1 > li:first-child span {
  border: 0;
}

.header_nav .nav1 > li {
  height: 42px /*1.8em*/;
  line-height: 42px /*1.8em*/;
  float: left;
  text-align: center;
  position: relative;
}

.header_nav .nav1 > li .open_nav_list {
  display: none;
}

.header_nav .nav1 > li > span {
  display: block;
  border-left: solid 1px #3e6052;
}

.header_nav .nav1 > li > span > b:hover {
  color: #eaf3db;
  text-decoration: none;
}

.header_nav .nav1 > li > ol {
  display: none;
  box-sizing: border-box;
  margin: 0;
  list-style: none;
  position: absolute;
  width: 210px;
  padding:10px;
  text-align: left;
  background-color: #397b21;
  top: 42px;
  z-index: 1000;
  font-size:0.95em;
}


.header_nav .nav1 > li > ol > li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 21px;
  position: relative;
}

.header_nav .nav1 > li > ol > li > a {
  color: #fff;
  font-size: 1em;
  width: 100%;
  padding: 10px;
  display: block;
  border-bottom: dotted 1px #58a03f;
}

.header_nav .nav1 > li > ol > li > a i {
  float: right;
  font-size: 0.6em;
  line-height: 21px;
}

.header_nav .nav1 > li > ol > li > a:hover {
  text-decoration: none;
  background:rgba(251, 195, 18, 0.9);
  color:#000;
  
}

.header_nav .nav1 > li > ol > li:hover .nav3 {
  display: block;
}

.nav3 {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  background-color: #4ca62c;
  padding:10px 0px;
}

.nav3 ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.nav3 ul li {
  display: block;
  overflow: hidden;
  padding: 0 10px;
}

.nav3 ul li a {
  color: #000;
  width: 100%;
  display: block;
  padding: 10px;
  border-bottom: dotted 1px #ccc;
}

.nav3 ul li a:hover {
  text-decoration: none;
  background:rgba(251, 195, 18, 0.9);
  color:#000;
}

.nav3_left {
  left: -100%;
}
.nav1 > li:last-child > .nav_open li > .nav3 {
  display: none;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  background-color: #4ca62c;
  padding:10px 0px;
}
.nav4 {
  border-top: dotted 1px #666;
  padding-top: 5px;
  margin-top: 5px;
}

.nav4 ul {
  list-style-type: disc;
  padding-left: 20px;
  color: #666;
}

.nav4 ul a {
  color: #666;
  font-size: 0.9em;
  display: block;
}

noscript {
  text-align: center;
}

.bg_gradient {
  width: 100%;
  padding-bottom: 10px;
  background-image: url(../img/bg2.png);
  background-repeat: repeat-x;
  background-position: bottom 0 left 0;
}

.bg_box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: -1;
    background-image: url(../img/bare.jpg);
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-color: #fff;
    margin-bottom: 20px;
}

.index_main {
  width: 100%;
  padding-top:190px;
}

.index_main .index_slider {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  /*margin-top: 77px;*/
  /*padding-bottom:10px;*/
}

.index_main .index_slider .slick-prev {
  left: 0px;
}

.index_main .index_slider [dir='rtl'] .slick-prev {
  right: 0px;
  left: auto;
}

.index_main .index_slider .slick-slide img {
  width: 100%;
}

.index_main .index_slider .slick-next {
  right: 0px;
}

.index_main .index_slider [dir='rtl'] .slick-next {
  right: auto;
  left: 0px;
}

.index_main .service > .col-xs-12 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  /*background-color: #fff;*/
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100%;
}

.index_main .service > .col-xs-12 .service_title {
  background-color: #c65117 /*#f57023*/;
  color: #fff;
  height: 48px;
  overflow: hidden;
  text-align: center;
}
.index_main .service > .col-xs-12 .service_title_1 {
  background-color: #c65117 /*#f57023*/;
  color: #fff;
  height: 48px;
  overflow: hidden;
  text-align: center;
}

.index_main .service > .col-xs-12 .service_title span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-left: 24px;
  margin: 15px auto;
  line-height: 18px;
  font-size: 1.15em;
  background-image: url(../img/icon_title.png);
  background-repeat: no-repeat;
  background-position: -108px 0;
}
.index_main .service > .col-xs-12 .service_title_1 span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 15px auto;
  line-height: 18px;
  font-size: 1.15em;
}
.service_title_1:before {
    content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.15em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
}

.index_main .service > .col-xs-12 > .row > .col-xs-4 {
  margin-top: 10px;
}

.index_main .service > .col-xs-12 > .row > .col-xs-4 img {
  width: 100%;
  display: block;
}

.index_main .service > .col-xs-12 .service_link {
  width: 100%;
  display: block;
  margin-top: 3px;
  position: relative;
  text-decoration: none;
}

.index_main .service > .col-xs-12 .service_link img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.index_main .service > .col-xs-12 .service_link .hover_title {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  line-height: 20px /*68px*/;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-size: 0.8em ;
  border-radius: 10px;
  margin: 0;
  padding: 5px;
}

.index_main .service > .col-xs-12 .service_link:hover .hover_title {
  display: block;
  display:flex;
  align-items:center;
  justify-content:center;
}

.index_main .cards_box {
  padding: 10px 0 10px;
  background-color: #fff;
  position: relative;
}

.index_main .cards_box .brick {
  position: absolute;
  z-index: 2;
  margin-left: 20px;
  color: #fff;
}

.index_main .cards_box .card {
  background-color: #fff;
  margin-bottom: 20px;
  padding-bottom: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.index_main .cards_box .card .card_title {
  background-color: #5A8318 /*#8cc63f*/;
  color:/*#444*/ #fff;
  padding: 12px;
  font-size: 1.1em !important;
  line-height: 18px;
}

.index_main .cards_box .card .card_title .icon_tit {
  background-image: url(../img/icon_title.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  margin-right: 7px;
}

.index_main .cards_box .card .card_title .icon_tit1 {
  background-position: 0 0;
}

.index_main .cards_box .card .card_title .icon_tit2 {
  background-position: -18px 0;
}

.index_main .cards_box .card .card_title .icon_tit3 {
  background-position: -36px 0;
}

.index_main .cards_box .card .card_title .icon_tit4 {
  background-position: -54px 0;
}

.index_main .cards_box .card .card_title .icon_tit5 {
  background-position: -72px 0;
}

.index_main .cards_box .card .card_title .icon_tit6 {
  background-position: -90px 0;
}

.index_main .cards_box .card .card_title a {
  background-color: #fff;
  padding: 0 0.5em;
  font-size: 0.7em;
  line-height: 16px;
  height: 18px;
  float: right;
  color: #5A8318 /*#000*/;
}
.index_main .cards_box .card .card_title a:hover {
	text-decoration:none;
}

.index_main .cards_box ul {
  margin: 0;
  padding: 0 10px;
  border: 0;
  list-style: none;
}

.index_main .cards_box ul li {
  padding: 9px 10px;
  border-bottom: solid 1px #eee;
  position: relative;
}

.index_main .cards_box ul li a {
  color: #333;
  line-height: 22px;
  width: 90%;
  overflow: hidden;
  display: block;
  height: 22px;
  font-size:0.95em;
}

.index_main .cards_box ul li .arrow_btn {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 10px;
  right: 10px;
  background-image: url(../img/arrow_btn.png);
  background-repeat: no-repeat;
}

.index_main .cards_box ul :hover {
  background-color: #eee;
  font-size:0.95em;
}

.index_main .cards_box ul :hover a {
  color: #c65117 /*#f57023*/;
  text-decoration:none;
  font-size:1em;
}

.index_main .cards_box ul :hover .arrow_btn {
  background-position: -22px 0;
}

.index_main .cards_box .about_box {
  padding: 19px 15px 0px 15px;
  box-sizing: border-box;
  height: 203px;
  overflow: hidden;
  font-size:0.95em;
}

.index_main .cards_box .about_box .about:first-child {
  margin-top: 0;
}

.index_main .cards_box .about_box .about {
  margin-top: 36px;
}

.index_main .cards_box .about_box .about h3, .index_main .cards_box .about_box .about h4 {
  margin-bottom: 10px;
  margin-top: 0px;
  font-size: 1.2em;
  padding-left: 25px;
  height: 1.2em;
}

.index_main .cards_box .about_box .about h3 {
  background-image: url(../img/icon_title2.png);
  background-repeat: no-repeat;
}

.index_main .cards_box .about_box .about h4 {
  background-image: url(../img/icon_title2.png);
  background-repeat: no-repeat;
  background-position: 0 -22px;
}

.hvr-float-shadow {
  display: block;
}

.img_box {
  width: 100%;
  overflow: hidden;
}

.img_box:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.img_box img {
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.sub_menu {
  height: auto !important;
  margin-bottom: 20px;
}

.sub_menu .sub_menu_title {
  background-color: #5A8318 /*#8cc63f*/;
  color: /*#444*/ #fff;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px;
  font-size:1.1em;
}

.sub_menu .sub_menu_title a {
  color: #fff;
}

.sub_menu .sub_menu_title i {
  margin: 0 5px;
}

.sub_menu .sub_menu_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sub_menu .sub_menu_list li {
  padding: 9px 10px;
  border-bottom: solid 1px #eee;
  position: relative;
  font-weight:bold;
}
.sub_menu .sub_menu_list li a {
  line-height: 22px;
  height: 22px;
  /*color: #000;*/
}
.sub_menu .sub_menu_list li .arrow_btn {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 10px;
  right: 10px;
  background-repeat: no-repeat;
}

.sub_menu .sub_menu_list :hover {
  /*background-color: #eee;*/
  color:#c65117 /*#f57023*/;
}

.sub_menu .sub_menu_list :hover a {
  /*color: #f7931e;
  text-decoration:none;*/
}
.sub_menu_list > li > ol{
	list-style-type:none;
}
.page_content_box {
  /*margin-top: 77px;*/
  padding-bottom:15px;
}

.page_content_box .row {
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}

.page_content_box .page_content_title {
  background-color: #5A8318 /*#8cc63f*/;
  padding: 12px 10px;
  color: #fafafa /*#ddd*/;
  font-size:0.85em;
}
.page_content_box .page_content_title a{
  color:/*#444*/ #fff;
  padding:0px 7px;
}

.page_content_box .page_content_title ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  overflow: hidden;
}

.page_content_box .page_content_title ul li {
  float: left;
  height: 22px;
}

.page_content_box .page_content_title ul li a {
  color: #fff;
  /*padding: 5px;*/
  text-decoration:none;
  margin:5px;
}

.page_content_box .page_content_title ul li:first-child::after {
  content: " ";
}

.page_content_box .page_content_title ul li:last-child::after {
  content: " ";
}

.page_content_box .page_content_title ul li::after {
  /*content: ">";*/
  color: #fff;
}

.page_content_box .page_content_info {
  background-color: #fff;
  padding:2% 4% 5% 4%;
  margin-bottom:1%;
}

.page_content_box .page_content_info .page_content h2 {
  /*margin-top: 2em;
  margin-bottom: 0;*/
  font-size:1.3em;
  font-weight:bold;
  padding:5px 10px 15px 10px;
  color:#000;
  border-bottom:#666 solid 1px;
  line-height:140%;
  margin-top:35px;
}
.page_content_box .page_content_info .page_content p {
  line-height: 170%;
  /*border-bottom: #666 1px solid;*/
  /*padding:0px 10px 0px 10px;*/
  /*margin-bottom:15px;*/
}
.page_share_icon {
  /*position: absolute;*/
  top: 15px;
  right: 4%;
  float:right;
}

.page_share_icon a {
  float: left;
}

.page_share_icon a img {
  width: 30px;
  display: block;
  margin-right: 5px;
  margin-top: 2px;
}

.page_share_icon i {
  float: right;
  color: #000;
  line-height: 36px;
  margin-right: 5px;
}
.ad_link {
  margin: 15px 0;
  position: relative;
}

.ad_link button{
	display:none;
}

.ad_link a.more1_link {
  position: absolute;
  top: 35px;
  left: -80px;
  color: #ccc;
}

.ad_link a.more2_link {
  position: absolute;
  top: 35px;
  right: -80px;
  color: #ccc;
}

.ad_link a.more3_link {
  position: absolute;
  top: 125px;
  left: -80px;
  color: #ccc;
}

.ad_link a.more4_link {
  position: absolute;
  top: 125px;
  right: -80px;
  color: #ccc;
}
.more_link a{
	color:#fff;
	opacity:0.8;
	vertical-align: middle !important;
}
.more_link a:hover{
	color:#fff;
	opacity:1;
}
.ad_link_1 {
  margin: 10px 0 5px 0;
  width:100%;
}
#map {
  width: 100%;
  height: 400px;
  background-image: url(../img/map.jpg);
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.guide {
  background-color: #eaf3db;
  overflow: hidden;
  padding: 40px 0;
}

.guide .container {
  color: #333;
}

.guide .container h3 {
  background-image: url(../img/guide.png);
  background-repeat: no-repeat;
  font-size: 1.1em;
  line-height: 18px;
  padding-left: 23px;
  margin-top: 0;
  padding-bottom: 30px;
}

.guide .guide_item {
  overflow: hidden;
  padding: 0 10px;
}

.guide .guide_item > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 11%;
  margin-right: 1.5%;
}

.guide .guide_item > ul > li:first-child {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 900;
  border-bottom: dotted 1px #999;
  font-size:1.1em;
  color:#fff;
}

.guide .guide_item > ul > li {
  margin-bottom: 10px;
  line-height:130%;
}

.guide .guide_item > ul > li > a {
  color: #333;
  font-size:0.85em /*0.72em*/;
}

.guide .guide_item > ul > li > a:hover {
  text-decoration: none;
  color: #c65117 /*#f57023*/;
}

.info {
  width: 100%;
  background-color: #094029;
  overflow: hidden;
  color: #fff;
  padding: 30px 0;
  line-height: 1.7em;
  position: relative;
}

.info .container {
  position: relative;
  font-size:0.8em;
}

.info .container > div > img {
  display: block;
  margin-bottom: 10px;
}

.info ol, .info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.info ul > li:first-child {
  padding-left: 0;
  /*padding-right:0;*/
  border-left: 0;
  /*border-right:none;*/
}
.info ul > li:last-child {
  border-left: 0;
  border-right:none;
}

.info ul > li {
  float: left;
  padding: 0 0.75em;
  border-right: solid 1px #fff;
  line-height: 1em;
  margin-bottom: 0.5em;
}

.info ol {
  clear: both;
}

.info a {
  color: #fff;
}

.info .gov {
  position: absolute;
  top: 0px;
  right: 0px;
}

.info .qr_code {
  display: block;
  width: 90px;
  position: absolute;
  top: 0;
  right: 60px;
}

.newsletter_share {
  background-color: #e6e6e6;
  color: #666;
  padding: 25px 0 15px;
  overflow: hidden;
}

.newsletter_share label {
  line-height: 34px;
  float: left;
  height: 34px;
  margin-right: 5px;
}

.newsletter_share .share {
  float: left;
  line-height: 40px;
  height: 40px;
  margin-right: 5px;
}

.newsletter_share .input-group > input {
  margin-right: 5px;
}

.newsletter_share .btn_orange {
  background-color: #c65117 /*#f57023*/;
  float: left;
  color: #fff;
  margin-right: 5px;
}

.newsletter_share .btn_orange p {
  margin: 0!important;
	border: 0!important;
	padding: 0!important;
	line-height: 21px!important;
}

.newsletter_share .btn_orange i {
  display: none;
}

.share_icon_box {
  float: right;
  margin-top:10px;
}
.share_icon_box div{
	width: 100%;
    display: contents;
    float: left;
}
.share_icon_box .share_icon {
  float: left;
  margin-left: 5px;
  margin-top: -4px;
}
.hot_keyword{
	font-size:0.9em;
}


/*無障礙*/
.accesskey:focus {
  outline: 2px solid #00b0f0;
}
input.form-control:focus ,textarea.form-control:focus{
	background-color:#7fff00 !important;
	color:#000;
}
a.sr-only {
    background: #397b21;
    color: #fff;
    float: left;
	/*text-shadow: 0 0 1px #000;
	text-shadow: 15px 0 #000;*/
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.sr-only {
    width: 0.063rem;
    height: 0.063rem;
    margin: -0.063rem;
}

.rss_link{
	background-image: url(../img/rss_link.png);
	width: 48px;
	height: 16px;
	display: block;
	float: right;
	margin-top: 3px;
}

@media (min-width: 1200px) {
  .header_nav .nav1 > li > span > a {
	color: #fff;
	font-size: 1.0625em;
	line-height: 42px;
    padding: 5px 1em;
	margin: 7px 10px;
	font-weight: normal;
  }
  .index_main .service {
	/*margin-top: 77px;*/
	padding-bottom:15px;
  }
  .mt-element-step .step-line .mt-step-title:after {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #666;/*灰色線right*/
  top: -32px;
  left: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.mt-element-step .step-line .mt-step-title:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #666;/*灰色線left*/
  top: -32px;
  right: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
/*.share_icon_box {
  margin-top:10px;
}*/
}
@media (min-width: 992px) and (max-width: 1200px) {
  .header_nav .nav1 > li > span > a {
    padding: 4px 12px;
	font-size:1em;
    margin: 7px 3px 0;
	color:#fff;
  }
  .index_main .service {
	/*margin-top: 77px;*/
	padding-bottom:15px;
  }
  .index_main .service > .col-xs-12 .service_link .hover_title {
    line-height: 10px;
    font-size: 0.75em ;
    padding: 40% 0;
  }
  .index_main .cards_box ul li a {
    width: 12em;
  }
  .index_main .cards_box .about_box .about {
    margin-top: 9px;
  }
  .index_main .cards_box .about_box .about h4 {
    margin-bottom: 0px;
  }
  .sub_menu .sub_menu_list li a {
    /*display: block;
    ov*erflow: hidden;
    width: 9em;*/
	color:#0b87b1;
	line-height:110%;
  }
  .info .qr_code {
    /*top: 50px;
    right: 0;*/
  }
  .mt-element-step .step-line .mt-step-title:after {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #999;
  top: -32px;
  left: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.mt-element-step .step-line .mt-step-title:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #999;
  top: -32px;
  right: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.ad_link a.more1_link {
  position: absolute;
  top: 40px;
  left: -80px;
  color: #ccc;
}

.ad_link a.more2_link {
  position: absolute;
  top: 40px;
  right: -80px;
  color: #ccc;
}

.ad_link a.more3_link {
  position: absolute;
  top: 145px;
  left: -80px;
  color: #ccc;
}

.ad_link a.more4_link {
  position: absolute;
  top: 145px;
  right: -80px;
  color: #ccc;
}
}

@media (min-width:767px) and (max-width: 991px)  {
.page_content_box {
  margin-top: 0px;
  padding-bottom:15px;
}
  .header_logo .logo {
    display: block;
    margin-bottom: 10px;
  }
  .header_logo .container .col-md-5 form {
    width: 50%;
    float: left;
  }
  .header_nav .nav1 > li > span > a {
    font-size: 0.8em ;
    margin: 7px 3px 0;
	padding: 4px 6px;
	color:#fff;
  }
  .header_contrl .top_nav ol > li > a {
    padding: 0 0.5em;
  }
  .index_main {
    padding-top: 220px;
}
  .index_main .index_slider {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .index_main .service {
    margin-top: 30px;
  }
  .index_main .service > .col-xs-12 {
    height: auto;
    padding-bottom: 15px;
  }
  .index_main .service > .col-xs-12 .service_link .hover_title {
    /*line-height: 96px;*/
    font-size: 0.9em;
  }
  .index_main .cards_box ul li a {
    width: 15em;
  }
  .index_main .cards_box .about_box .about {
    margin-top: 43px;
  }
  .index_main .cards_box .about_box .about h4 {
    margin-bottom: 10px;
  }
  .guide {
    display: none;
  }
  .info .qr_code {
    top: 0;
    right: 60px;
  }
  .mt-element-step .step-line .mt-step-title:after {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #999;
  top: -32px;
  left: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.mt-element-step .step-line .mt-step-title:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #999;
  top: -32px;
  right: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.ad_link a.more1_link {
  position: absolute;
  top: 40px;
  left: -80px;
  color: #ccc;
}

.ad_link a.more2_link {
  position: absolute;
  top: 40px;
  right: -80px;
  color: #ccc;
}

.ad_link a.more3_link {
  position: absolute;
  top: 145px;
  left: -80px;
  color: #ccc;
}

.ad_link a.more4_link {
  position: absolute;
  top: 145px;
  right: -80px;
  color: #ccc;
}
.share_icon_box {
  margin-top:10px;
}
}

@media (min-width: 480px) and (max-width: 767px) {
  .card {
    display: block;
  }
  .logo2 {
    display: block;
    color: #fff;
    float: left;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
  }
  .header_contrl .top_nav ul {
    display: none;
  }
  .header_contrl .top_nav ol > li > a {
    font-size: 0.9em;
    padding: 0 0.6em;
  }
  .header_logo .logo {
    display: block;
    margin-bottom: 10px;
  }
  .header_logo .logo img {
    width: 100%;
	max-width: 412px;
  }
  .header_logo .container .col-md-5 form {
    width: 100%;
    float: left;
  }
  .navbar-default, .navbar-toggle {
    border: 0;
    z-index: 100;
  }
  .navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 14px 10px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #397b21;
  }
  .nav_s {
    display: block;
    margin: 0 -10px;
    z-index: 500;
  }
  .nav_s i {
    float: right;
    margin-top: 10px;
  }
  .nav_s ol, .nav_s ul {
    list-style: none;
  }
  .nav_s #myNavbar {
    padding: 0;
  }
  .nav_s .nav_s1 {
    padding: 0;
    margin-bottom: 0;
    overflow-y: scroll;
    max-height: 428px;
  }
  .nav_s .nav_s1 a {
    display: block;
    width: 100%;
    padding: 10px 0px;
    color: #fff;
  }
  .nav_s3 a{
	color:#333 !important;
  }
  .nav_s3 li{
	  padding:0 42px;
	  border-bottom: dotted #fff 1px;
  }
  .nav_s .nav_s1 .s_1, .nav_s .nav_s1 .s_2, .nav_s .nav_s1 .s_3 {
    color: #fff;
    width: 100%;
    padding: 10px 0;
  }
  .nav_s .nav_s1 > li {
    padding: 0 10px;
    background-color: #666;
    border-bottom: solid 1px #888;
  }
  .nav_s .nav_s1 > li .nav_s2 {
    display: none;
    margin: 0 -10px;
    padding: 0;
    background-color: #397b21;
  }
  .nav_s .nav_s1 > li .nav_s2 > li {
    padding: 0 25px;
    border-top: solid 1px #888;
  }
  .nav_s .nav_s1 > li .nav_s2 > li .nav_s3 {
    display: none;
    margin: 0 -25px;
    padding: 0;
    background-color: #cadac4;
  }
  .nav_s .nav_s1 > li .nav_s2 > li  {
    padding: 0 10px 0 25px;
    border-top: solid 1px #ccc;
  }
  .header_nav .nav1 {
    display: none;
  }
  .index_main .index_slider {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .ad_link a.more1_link {
    display: none;
  }
  .ad_link a.more2_link {
    top: 80px;
    right: -20px;
  }
  .ad_link a.more3_link {
    display: none;
  }
  .ad_link a.more4_link {
    top: 184px;
    right: -20px;
  }
  .info ul > li:first-child {
    display: none;
  }
  .info ul > li {
    float: left;
    padding: 0.5em 1em;
    margin-right: 0.5em;
    border: solid 1px #fff;
    line-height: 1em;
    margin-bottom: 0.5em;
  }
  .info .gov {
    right: 20px;
  }
  .info .qr_code {
    display: none;
  }
  .index_main {
    padding-top: 230px;
}
  .index_main .service > .col-xs-12 .service_link .hover_title {
    display: block;
    position: relative;
    font-size: 0.9em;
    background-color: transparent;
    line-height: 20px;
    color: #000;
	height:55px;
  }
  .index_main .cards_box .about_box {
    height: auto;
  }
  .page_content_title {
    background-color: #8cc63f;
    padding: 10px;
  }
  .page_content_title ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    overflow: hidden;
  }
  .page_content_title ul li {
    float: left;
    height: 22px;
  }
  .page_content_title ul li a {
    color: #fff;
    padding: 0 0.5em;
	text-decoration:none;
  }
  .page_content_title ul li:last-child::after {
    content: " ";
  }
  .page_content_title ul li::after {
    content: " ";
    color: #fff;
  }
  .page_content_box {
    margin-top: 0px;
	float: left;
    width: 100%;
  }
  .page_content_box .page_content_info .page_content h4 {
    margin-top: 10px;
  }
  .brick {
    display: none;
  }
  .page_share_icon {
    top: 10px;
    right: 10px;
  }
  .page_share_icon a {
    /*float: right;*/
  }
  .page_share_icon a img {
    width: 25px;
  }
  .slick-next {
    right: -25px;
  }
  .slick-prev {
    left: -25px;
  }
  .newsletter_share .mail_title {
    width: 100%;
    text-align: left;
  }
  .newsletter_share .share_icon_box {
    float: left;
	margin-top:10px;
  }
  .newsletter_share .share_icon_box .share {
    width: 100%;
  }
  .newsletter_share .btn_orange p {
    display: none;
  }
  .newsletter_share .btn_orange i {
    display: block;
    padding: 3px 0;
  }
  .mt-element-step .step-line .mt-step-title:after {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #999;
  top: -32px;
  left: 50%;
  z-index: 4;
  transform: translateY(-100%);
  display:none !important;
}
.mt-element-step .step-line .mt-step-title:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #999;
  top: -32px;
  right: 50%;
  z-index: 4;
  transform: translateY(-100%);
  display:none !important;
}
.brick , .guide {
  display: none;
}
.page_service {
  /*isplay: none;*/
}


/*訂閱電子報*/
.newsletter_share .input-group{
	display:block;
}
.verification_box{
	float:left;
	padding-top:5px;
}
.btn_con{
	padding-top:5px;
	float:left;
}
.input-group-btn {
    display: inline;
}
}

@media (max-width: 480px) {
 .logo2 {
    display: block;
    color: #fff;
    float: left;
    height: 42px;
    line-height: 42px;
    padding-left: 10px;
  }
  .header_contrl {
    height: 30px;
  }
  .header_contrl .top_nav ol > li {
    line-height: 30px;
    height: 30px;
  }
  .header_contrl .top_nav ol > li:last-child {
    /*display: none;*/
  }
  .header_contrl .top_nav ol > li > a {
    font-size: 0.6em;
    padding: 0 8px;
    border: 0;
	border-right:solid #fff 1px;
  }
  .header_logo .container > .col-md-7, .header_logo .container .col-md-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .index_main {
    padding-top: 230px;
}
  .index_main .cards_box ul li a {
    width: 90%;
  }
  .share_icon img {
    width: 34px;
  }
  .page_content{
	  padding-top:30px;
  }
  .page_content_box {
    margin-top: 0px;
	float: left;
    width: 100%;
  }
  .ad_link a.more1_link , .ad_link a.more3_link{
	  display:none;
  }
  .ad_link a.more2_link {
    top: 80px;
    right: -36px;
  }
  .ad_link a.more4_link {
    top: 194px;
    right: -36px;
  }
  .index_main .index_slider {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .slick-dots {
    bottom: -25px;
  }
  #map {
    height: 150px;
  }
  .link_slider_1 a, .link_slider_2 a {
    clear: both;
    margin: 10px auto;
  }
  .rss_link{
	  float: left;
	  width: 100%;
	  background-repeat: no-repeat;
  }
  .index_main .service > .col-xs-12 .service_link .hover_title {
    display: block;
    position: relative;
    font-size: 0.9em;
    background-color: transparent;
    line-height: 140%;
    color: #000;
	height:55px;
  }
  .btn_3{
	  background:#ccc;
	  color:#000;
	  padding:5px;
	  font-size:0.6em;
	  margin:5px;
	  margin-top:-1px;	
  }
  .btn_3:hover{
	  background:#666;
	  color:#fff;
  }
  .download_cntrol{
	  width: 100%;
	  overflow: hidden;
	  /*margin-bottom: 30px;*/
	  font-size:0.7em;
	  /*padding-top:10px;*/
  }
  .mt-element-step .step-line .mt-step-title:after {
	content: '';
	height: 3px;
	width: 50%;
	position: absolute;
	background-color: #666;/*灰色線right*/
	top: -32px;
	left: 50%;
	z-index: 4;
	transform: translateY(-100%);
	display:none !important;
  }
  .mt-element-step .step-line .mt-step-title:before {
	content: '';
	height: 3px;
	width: 50%;
	position: absolute;
	background-color: #666;/*灰色線left*/
	top: -32px;
	right: 50%;
	z-index: 4;
	transform: translateY(-100%);
	display:none !important;
  }
  .header_logo .logo {
    display: block;
    margin-bottom: 10px;
  }
  .header_logo .logo img {
    width: 100%;
  }
  .header_logo .container .col-md-5 form {
    width: 100%;
    float: left;
  }
  .navbar-default, .navbar-toggle {
    border: 0;
    z-index: 100;
  }
  .navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 14px 10px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #397b21;
  }
  .nav_s {
    display: block;
    margin: 0 -10px;
    z-index: 500;
  }
  .nav_s i {
    float: right;
    margin-top: 10px;
  }
  .nav_s ol, .nav_s ul {
    list-style: none;
  }
  .nav_s #myNavbar {
    padding: 0;
  }
  .nav_s .nav_s1 {
    padding: 0;
    margin-bottom: 0;
    overflow-y: scroll;
    max-height: 428px;
  }
  .nav_s .nav_s1 a {
    display: block;
    width: 100%;
    padding: 10px 0px;
    color: #fff;
  }
  .nav_s3 a{
	color:#333 !important;
  }
  .nav_s3 li{
	  padding:0 42px;
	  border-bottom: dotted #fff 1px;
  }
  .nav_s .nav_s1 .s_1, .nav_s .nav_s1 .s_2, .nav_s .nav_s1 .s_3 {
    color: #fff;
    width: 100%;
    padding: 10px 0;
  }
  .nav_s .nav_s1 > li {
    padding: 0 10px;
    background-color: #666;
    border-bottom: solid 1px #888;
  }
  .nav_s .nav_s1 > li .nav_s2 {
    display: none;
    margin: 0 -10px;
    padding: 0;
    background-color: #397b21;
  }
  .nav_s .nav_s1 > li .nav_s2 > li {
    padding: 0 25px;
    border-top: solid 1px #888;
  }
  .nav_s .nav_s1 > li .nav_s2 > li .nav_s3 {
    display: none;
    margin: 0 -25px;
    padding: 0;
    background-color: #cadac4;
  }
  .nav_s .nav_s1 > li .nav_s2 > li  {
    padding: 0 10px 0 25px;
    border-top: solid 1px #ccc;
  }
  .header_nav .nav1 {
    display: none;
  }
  .brick , .guide  , .newsletter_share .btn_orange p{
    display: none;
  }
  .newsletter_share .btn_orange i {
    display: block;
    padding: 3px 0;
  }
  .page_content_box .page_content_info .page_content h4 {
    margin-top: -3px;
  }
  .newsletter_share .share_icon_box {
    float: left;
	margin-top:10px;
  }
  .newsletter_share .mail_title {
    width: 100%;
    text-align: left;
  }
  .share_icon_box {
  margin-top:10px;
}


/*訂閱電子報*/
.newsletter_share .input-group{
	display:block;
}
.verification_box{
	float:left;
	padding-top:5px;
}
.btn_con{
	padding-top:5px;
	float:left;
}
.input-group-btn {
    display: inline;
}
}

/*# sourceMappingURL=style.css.map */
/*通用 */
h1{
	margin:0;
}
.text-indent{
	text-indent:2em;
}
.text-center{
	text-align:center;
}
.con_center{
	display:flex;
	align-items:center;
	justify-content:center;
}
.title_font{
	color:#397b21;
	font-size:1.2em;
	padding:10px 0px;
	font-weight:bold;
}
.title_1{
	font-size:1.2em;
	color:#07850a;
	font-weight:bold;
	padding:8px 0;
	float:left;
	width:100%;
}
.title_1:before {
    content: "\f1bb";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 0.9em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
	color:#07850a;
}
.title_2{
	font-size:1.1em;
	color:#c65117 /*#f57023*/;
	font-weight:bold;
	padding:5px 0;
	/*float:left;*/
	width:100%;
}
.title_2:before {
    content: "\f06c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 0.7em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
	color:#c65117 /*#f57023*/;
}
.title_3{
	font-size:1.1em;
	color:#000;
	font-weight:bold;
	padding:2px 0;
}
.title_3:before {
    content: "\f140";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 0.8em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
	color:#000;
}
.page_font a{
	color:#0e48af /*#07850a #9d602c*/;
}
.page_font a:hover{
	color:#c65117 /*#f57023*/;
}
.search_icon {
	background:url(../img/search.jpg);
	width:40px;
	height:35px;
	background-size: 95%;
}
.nav1 a {
	text-decoration:none;
 }
.margin_1{
	 margin-left:10px;
 }
 .margin_2{
	 margin-right:10px;
 }
 .leftmenu_cursor:hover{
	 cursor:pointer;
	 color:#c65117 /*#f57023*/;
 }
.download_link{
	background-image: url(../img/download.png);
	width: 40px;
	height: 40px;
	display: block;
}
.download_select{
	margin: 15px 10px 5px 10px;
	font-size:0.95em;
}
.table_box{
	/*margin: 0px 10px;*/
	border: solid 1px #ddd;
}
.table_box tr:hover{
	/*background:#ccc;*/
}
.download_cntrol{
	width: 100%;
	overflow: hidden;
	/*margin-bottom: 30px;*/
	font-size:0.95em;
	padding-top:10px;
}
/*.table{
	word-break: break-all;
}*/
.edu_box{
	margin: 20px 10px;
	padding: 15px;
	overflow: hidden;
	border: solid 1px #ddd;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
}
.edu_box img{
	/*width: 100%;*/
	padding-bottom: 15px;
}
.edu_title{
	padding: 10px;
	margin-bottom: 15px;
	background-color: #eee;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
}
.edu_content{
	/*margin-bottom: 10px;*/
	font-size:1em;
	line-height:170%;
	/*padding-top:5px;*/
}
.edu_content > h5{
	font-weight: bold;
	font-size: 1.1em;
}
.edu_sp{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	/*padding-bottom: 10px;*/
	border-bottom: dotted 2px #ddd;
}
.edu_list img{
	width:100%;
}
.news_link{
	/*color: #397b21;*/
}
.news_link:hover{
	/*color: #8cc63f;*/
}
.video_box .col-md-6:nth-child(2n+1){
	clear: both;
}
.edu_video_box{
	margin: 10px 0px 10px 0px ;
	padding: 10px 0px;
	overflow: hidden;
	border: solid 1px #ddd;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
}
.edu_video_box_detail{
	margin: 10px 0px 10px 0px ;
	padding: 10px 0px;
	overflow: hidden;
	border: solid 1px #ddd;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
}
.edu_video_box img{
	width: 100%;
}
.edu_video_box .edu_content > a{
	display: block;
	overflow: hidden;
	/*color: #397b21;*/
	/*font-weight: bold;*/
	/*font-size:1.05em;*/
	line-height:130%;
}
.edu_content a:hover{
	color:#f7931e;
}
.class_font{
	color:#fff;
	font-size:0.8em;
	border-radius:5px;
	padding:3px 5px;
	margin:5px 0px;
}
.edu_video_box video{
	width: 100%;
}
.page_content > .newsletter_share{
	background-color: transparent;
	padding: 10px;
	margin: 60px auto;
}
.form_fill{
	padding: 10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.form_fill > h1,.form_fill > h2{
	font-size: 1em;
}
.form_fill > span{
	color: #f00;
	margin-top: 10px;
	display: block;
}
.form_fill table a{
	margin-bottom: 10px;
	display: inline-block;
}
.ad_list_box{
	margin: 20px 0;
	padding: 10px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.ad_list_box img{
	display: block;
	margin: 10px auto;
	border: solid 1px #ccc;
	padding: 10px;
}
.link_font{
	height: 50px;
    line-height: 130%;
    padding-top: 5px;
}
.mar_tb{
	margin: 10px 0; 
}
.leftsubmenu{
	margin: 5px 5px 10px 7px;
}
.leftsubmenu a{
	/*border-bottom:#fff !important;
	padding:5px 10px !important;*/
	font-size:0.92em;
	color:#0b87b1;
}
.leftsubmenu li{
    border-bottom: none !important;
	padding:5px 10px !important;
}
.leftsubmenu a{
	text-decoration:none;
	color:#0b87b1 !important;
}
.leftsubmenu li:hover{
	text-decoration:none;
	background:#efefef;
	color:#c65117 /*#f57023*/ !important;
}
.leftmenu_cursor ol a{
	color:#0b87b1;
}
.fontsize{
	margin:5px;
}
.margin_1{
	margin-left:10px !important;
}
.color_green{
	color:#397b21 !important;
}
.left_menu_icon{
	font-size:0.6em;
	padding-right:5px;
}
.update{
	font-size:0.9em;
}
.page_content{
	font-size:0.95em;
	line-height:190%;
}
.page_line{
	border-bottom: #666 1px solid;
	margin:30px 0px 20px 0px !important;
	float: left;
    width: 100%;
}
.page_service , .sub_menu{
	background:#fff;
}
.select{
	font-size:0.9em;
	padding:4px 5px 8px 5px;
	border:#eee;
	background:#eee;
	cursor:pointer;
	margin:5px 0px;
}
.sitemap_item{
	float:left;
	padding:5px 10px;
	width:100%;
}
.sitemap_item_1{
	padding:5px 10px 5px 35px;
	float:left;	
	width:100%;
}
.sitemap_item_2{
	padding:5px 10px 5px 70px;
	float:left;	
	width:100%;
}
.padding_1{
	padding:0px 10px;
}
.padding_2{
	padding:20px 10px 20px 10px;
}
.padding_3{
	padding:5px;
}
.padding_4{
	padding:10px;
}
.padding_4 > ol {
	padding-left:20px;
}
.padding_4 > ol > li{
	list-style-type:decimal;
	padding-bottom:7px;
	line-height:160%;
	float:left;
	width:100%;
}
.padding_5{
	padding-bottom:10px;
}
.red{
	color:#c00;
}
.green{
	color:#137E4D /*#26c281*/;
}
.blue{
	color:#3A6BB4 /*#4b77be*/;
}
.orange{
	color:#C45519;
}
.bg_gray{
	background:#efefef;
}
.bg_gray_1{
	background:#f3f3f3;
}
.bg_green{
	background:#094029;
}
.bg_green_1{
	background:#588216;
}
.bg_blue{
	background:#2a5698;
}
.bg_blue_1{
	background:#3e76b6;
}
.bg_blue_2{
	background:#112233;
}
.bg_orange{
	background:#C45519;
}
.bg_brown{
	background:#7b3912;
}
.bg_pink{
	background:#c20c8d;
}
.bg-white{
	background:#fff;
}
.float-left{
	float:left;
}
.btn_1{
	background:#c65117 /*#f57023*/;
	color:#fff;
	padding:7px 10px;
	font-size:0.8em;
	margin:5px;
	border:none;
	cursor:pointer;	
}
.btn_1:hover{
	background:#C45519;
	color:#fff;
}
.btn_1_2{
	background:#c65117 /*#f57023*/;
	padding:0 10px;
	color:#fff;
	font-size:0.8em;
	margin:5px;
	border:none;	
}
.btn_1_2:hover{
	background:#C45519;
	color:#fff;
}
.btn_2{
	background:#c65117 /*#f57023*/;
	color:#fff;
	padding:6px 10px;
	font-size:0.9em;
	/*margin:5px;
	margin-top:-1px;*/
	border-radius:5px;
	opacity:0.7;	
}
.btn_2:hover{
	background:#c65117 /*#f57023*/;
	color:#fff;
	opacity:1;
}
.btn_3{
	background:#ccc;
	color:#000;
	padding:6px 10px;
	font-size:0.9em;
	margin:5px;
	margin-top:-1px;	
}
.btn_3:hover{
	background:#666;
	color:#fff;
}
.btn_4{
	background:#c65117 /*#f57023*/;
	color:#fff;
	font-size:0.9em;
	margin:5px 0;
	border:none;
	padding:0px 5px	
}
.btn_4:hover{
	background:#C45519;
	color:#fff;
}
.form_padding{
	max-width:500px;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	margin:20px 0px;
	border:solid #eee 10px;
}

/*table scroll*/
.table-scrollable{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	margin:3px 0px 15px 0px !important;
	float:left;
	/*padding:0px 10px;*/
}
.table-scrollable>.table-bordered>thead>tr:last-child>th,.table.table-bordered thead>tr>th{
	border-bottom:0;
	border:1px solid #ccc;
	font-weight:normal;
}
.table-scrollable>.table{
	width:100%!important;
	margin:0!important;
	background:rgba(255, 255, 255, 0.6); 
	min-width:600px;
}
.table-scrollable>.table>thead>tr>th{
	white-space:nowrap; 
	padding:8px; 
	background:#666; 
	color:#fff;
	font-size:0.95em;
}
.table-scrollable>.table>tbody>tr>th{
	white-space:nowrap; 
	padding:8px; 
	background:#666; 
	color:#fff;
	font-size:0.95em;
}
.table-bordered > tbody > tr > td{
    border: 1px solid #ddd;
	font-size:0.95em;
}
.table-bordered > tbody > tr:hover{
	background-color:#fef1e9;
}
.inline-block{
	display:inline-block;
}
.science_title{
	color: #885723 !important;
    background: #fff !important;
    border: solid #fff 1px !important;
	width:100%;
	float:left;
}
.library_table > tbody > tr > th{
	white-space:nowrap; 
	padding:8px; 
	background:#666; 
	color:#fff;
	font-size:0.95em;
}
.library_table tr:hover{
	background-color:#fef1e9;
}
/*table*/
.table {
  display: table;
}
.table-row {
  display: table-row;    
}
.table-cell {
  display: table-cell;   
}

/*流程圖*/
.mt-element-step .step-line .mt-step-col {
  padding: 20px 0;
  text-align: center;
}
.mt-element-step .step-line .mt-step-number {
  font-size: 1.125em;
  border-radius: 50% !important;
  display: inline-block;
  margin: auto;
  padding: 9px;
  margin-bottom: 8px;
  border: 3px solid;
  border-color: #999;
  position: relative;
  z-index: 5;
  height: 50px;
  width: 50px;
  text-align: center;
}
.mt-element-step .step-line .mt-step-title {
  font-size: 1em;
  font-weight: bold;
  position: relative;
  padding:10px 2%;
  line-height:150%;
}
.mt-element-step .step-line .mt-step-title:after {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #666;
  top: -32px;
  left: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.mt-element-step .step-line .mt-step-title:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #666;
  top: -32px;
  right: 50%;
  z-index: 4;
  transform: translateY(-100%);
}
.mt-element-step .step-line .first .mt-step-title:before {
  content: none;
}
.mt-element-step .step-line .last .mt-step-title:after {
  content: none;
}
.mt-element-step .step-line .done .mt-step-number {
  color: #fff !important;
  border-color: #4675BC !important;
  background:#4675BC /*#4b77be*/;/*藍色step*/
}
.mt-element-step .step-line .done_1 .mt-step-number {
  color: #fff !important;
  border-color: #188555 !important;
  background:#188555 /*#26c281*/;/*綠色step*/
}
.mt-element-step .step-line .done_2 .mt-step-number {
  color: #fff !important;
  border-color: #c65117 /*#f57023*/ !important;
  background:#c65117 /*#f57023*/;/*橘色step*/
}
.mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
  /*background-color: #4b77be;*/
}
.mt-step-content{
	font-size:0.8em;
	line-height:150%;
	padding:0 10%;
	color:#333 !important;
	min-height:40px;
}

/*首頁輪播語法*/
.defaultimg{text-align:center;   margin:10px 0 6px 0; background:#fff;}
.defaultimg div {
    position: absolute;
    top: 10px;
    /*left: 0;*/
	z-index:10;
	padding-right:12px;
    opacity: 0;
	/*透明度先0 設定總輪播一輪所需時間*/
    filter: alpha(opacity=0);
    -webkit-animation: round 10s linear infinite;
            animation: round 10s linear infinite;		
}
/*漸入漸出的輪播圖時間控制,需先將時間換算成百分比*/
@-webkit-keyframes round {
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 2秒 淡入*/
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 2- 5秒靜止*/
    }
    70% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-7秒淡出*/
    }
}
@keyframes round {
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 2秒 淡入*/
    }
    50% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 2- 5秒靜止*/
    }
    70% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-7秒淡出*/
    }
}
/*用選取器抓取div中的img並設定開始淡入淡出的時間*/
.defaultimg div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.defaultimg div:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}
.defaultimg div img{width:100%; height:auto; padding-left:7px}
.defaultimg img{width:100%; height:auto;}
/*首頁輪播語法end*/


/* sitemap table */
.sitemap_table{
	padding:0px;
	width:100%;
	list-style-type:none;
}
.sitemap_table li{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	width:100%;
}
.sitemap_table li:first-child{
	border-top:1px solid #ddd;
}

/*form_fill table*/
.table {
  display: table;
}
.table-row {
  display: table-row;    
}
.table-cell {
  display: table-cell;   
}
.FormTab{
	border-left: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	border-right: solid #ddd 1px;
}

/* 電子報 epaper_mail.aspx */
.epaper_title{
	font-size:1.1em;
	background-color:#e7e8da;
	/*background:url(../img/epapersub.gif) no-repeat;*/
	padding:5px 10px 2px 10px;
	font-weight:bold;
	width:100%;
	float:left;
	border-radius:5px 5px 0px 0px ;
	margin-top:5px;
}
.epaper_title:before {
    content: "\f188";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1em;
    padding-right: 0.5em;
    position: relative;
    left: 0;
}
.epaper_item{
	border-top: solid #e7e8da 3px;
	border-bottom:dotted #e7e8da 2px;
	padding:3px 5px;
	font-size:1em;
	font-weight:bold;
}
.epaper_item a{
	color:#07850a;
}
.epaper_item a:hover{
	color:#c65117 /*#f57023*/;
}
.epaper_box{
	border:solid #e7e8da 2px;
	border-radius: 0px 0px 5px 5px;
	width:100%;
	float:left;
	margin-bottom:5px;
}
.epaper_font{
	padding:5px 20px 20px 20px ;
	line-height:170%;
	font-size:0.9em;
	color:#666;
}
.epaper_con{
	background: #fff;
	border-radius:10px;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	float:left;
	padding:2%;
	margin:2%;
}
.epaper_box > .epaper_item:first-child {
	border-top:none;
}

/*video影片*/
.video_table{
	border-top: solid #ddd 1px;
	border-left: solid #ddd 1px;
	border-right: solid #ddd 1px;
}
.video_table tr:hover{
	background:#fef1e9;
}
.video_table th{
	background-color:#666;
	color:#fff;
	padding:3px 5px;
	border-right: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
}
.video_table td{
	padding:3px 5px;
	border-bottom: solid #ddd 1px;
	border-right: solid #ddd 1px;
}
.video_table_detial{
	border-top: solid #ddd 1px;
	border-left: solid #ddd 1px;
	border-right: solid #ddd 1px;
}
.video_table_detial th{
	background-color:#efefef;
	padding:3px 5px;
	border-right: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	width:100px;
}
.video_table_detial td{
	background:#fdf9ed;
	padding:3px 5px;
	border-bottom: solid #ddd 1px;
}

/*RSS*/
.pretty-print {
	font-size:1em !important;
}


@media print {
  a[href]:after {
    content: none !important;
  }
}

/*go top*/
#myBtn {
 	display: none;
  	position: fixed;
    bottom: 0;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #c65117;
    color: white;
    cursor: pointer;
    padding: 10px 15px;
}
#myBtn:hover {
  	background-color: #555; 
}
#topcontrol{
	display:none;
}
#myBtn:focus {
	outline:2px solid #00b0f0;
	text-decoration:none;
}

/*內頁錨點*/
.page_con{
	padding:0;
	margin:0;
	color:#fff;
	height:1px;
	width:1px;
	line-height:0%;
}

/*文繞圖*/
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.text-center{
	text-align:center;
}

/*google map*/
#gmap_canvas img{max-width:none!important;background:none!important}

/*---------------------------------------舊站設定值----------------------------------------------*/
.RightTitle01 {
    background: url(../img/RightTitle01.jpg) repeat-y #a3c05f;
}
.RightPoint01 {
    background: url(../img/RightPoint01.gif) no-repeat;
    background-position: 5px center;
    padding: 7px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
}
.TextFormList01 {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #666666;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: 1px solid #f2e7d6;
}
.PagMainTxt01 {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.8;
    color: #666666;
}
.picli02{
	margin:5px;
}

#div_master_ContentPlaceHolder1_textarea4{display:none}
.card_title h2{
	font-size:1em !important;
	margin:0 !important;
	line-height:1 !important;
}



/*---------------------------------------2020.5.6新增----------------------------------------------*/
/*page_bottom*/
.page_bottom{
	float:left;
	width:100%;
	padding:20px 0;
}
.page_bottom>div{
	float:left;
	width:100%;
	padding:3px 0;
}
.page_bottom .title{
	width:100px;
	background:#f5f5f5;
	border-radius:4px;
	padding:5px;
	text-align:center;
	float:left;
}
.page_bottom .title i{
	padding-right:5px;
}
.page_bottom .con_font{
	padding-left:20px;
	line-height:170%;
	/*margin-top:-30px;*/
	float:left;
	clear:both;
}
.page_bottom .con_font a{
	padding:4px 0;
	float:left;
	clear:both;
	/*color:#333;*/
}
.page_bottom .con_font a:hover{
	/*color:#c65117;*/
}
.page_bottom .con_font a:before{
	content:"•";
	color:#333;
	padding:0 5px;
}
.page_bottom label{
	font-weight:400;
	margin-bottom:-5px;
}

/*---------------------------------------2020.6.9新增----------------------------------------------*/
/*便民服務*/
.index_main .service .row div:nth-child(1) img ,.index_main .service .row div:nth-child(2) img ,.index_main .service .row div:nth-child(3) img{
	background:#19cc9b;
}
.index_main .service .row div:nth-child(4) img ,.index_main .service .row div:nth-child(5) img ,.index_main .service .row div:nth-child(6) img{
	background:#1888ca;
}
.index_main .service .row div:nth-child(7) img ,.index_main .service .row div:nth-child(8) img ,.index_main .service .row div:nth-child(9) img{
	background:#2a5698;
}
.index_main .service .row div:nth-child(10) img ,.index_main .service .row div:nth-child(11) img ,.index_main .service .row div:nth-child(12) img{
	background:#112233;
}


/*---------------------------------------2020.12.8新增----------------------------------------------*/
.input-xlarge {
    width: 420px!important;
}
.input-large {
    width: 320px!important;
}
.input-medium {
    width: 240px!important;
}
.input-small {
    width: 145px!important;
}
.input-xsmall {
    width: 80px!important;
}

/*首頁訂閱電子報*/
.verification_box{
	width:330px;
}
.verification_box img{
	float:left;
	height:35px;
	padding:0 5px;
}
.verification_box a{
	float:left;
	color:#666;
	padding:8px 5px 0 0 ;
	line-height: 130%;
}
.verification_box label{
	display:block;
	line-height: 34px;
    float: left;
    height: 34px;
    margin-right: 5px;
}
.verification_box input[type=submit]{
	background:#666;
	color: #fff;
}
.verification_box input::placeholder{
	font-weight:400;
}
.btn_con .input-group-btn input{
	margin-right:5px !important;
}


/*---------------------------------------2021.1.15新增 for 無障礙----------------------------------------------*/
/*for無障礙*/
.accesskey{
	text-decoration:none;
}
.accesskey:focus {
	outline:2px solid #00b0f0;
	text-decoration:none;
}
a:focus {
	outline:2px solid #00b0f0 !important;
	text-decoration:none;
}
a.sr-only {
    color: #fff;
    background: #000;
    float: left;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position:absolute!important;
	z-index:101;
}
input.form-control:focus ,textarea.form-control:focus ,input[type="text"]:focus,input[type=file]:focus, input[type=checkbox]:focus,  input[type=button]:focus, input[type=radio]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus ,select:focus{
    /*background-color:#ffbf47 !important;*/
	color:#000 !important;
	outline:2px solid #00b0f0!important;
}
input[type=submit]:focus{
	outline:2px solid #00b0f0!important;
}
button:focus ,#icon_btn:focus{
	outline:2px solid #00b0f0;
}

/*top_search*/
.top_search{
	display:block;
}


/*search_list*/
.search_list{
	list-style:none;
	margin-top:10px;
}
.search_list li{
	width:100%;
	border-bottom:#ddd dotted 1px;
	padding:10px 10px 10px 30px;
	line-height:150%;
}
.search_list li:before{
	content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 1em;
    position: relative;
    left: 0;
    float: left;
	margin-left:-20px;
}


/*下方相關連結*/
.ad_box{
	float:left;
	width:100%;
}
.ad_box .item{
	float:left;
	width:calc(33.3% - 20px);
	margin:10px;
	padding:10px;
	background: #efefef;
	font-size:0.9em;
	text-align:center;
}
.ad_box .item:nth-child(3n+1){
	clear:both;	
}


/*-------------------------------------------------------------------------------------------------------*/
/* 大螢幕 */
@media (min-width: 1200px) {

}
 
/* 一般桌機解析度 */
@media (min-width: 992px) and (max-width: 1200px) {

}

/* 平板電腦、橫向手機解析度 */
@media (min-width: 768px) and (max-width: 991px) {

}
 
/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 767px) {
/*top_search*/
.top_search{
	float:left;
}
}
 
/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) { 
/*下方相關連結*/
.ad_box .item{
	width:calc(50% - 20px);
}
.ad_box .item:nth-child(3n+1){
	clear:none;	
}
.ad_box .item:nth-child(2n+1){
	clear:both;	
}
}