@charset "utf-8";
/* CSS Document */

#gotocenter { position:fixed; left:2px; top:2px; background-color: #59cef4; font-size: 1.2em; color: #000; width:auto; }

/* google search box */
/*首頁消息區*/
#news-index .newstab li { background: url(../../images/bg-tag.png) center center no-repeat; border: none; background-color: transparent; }
#news-index .newstab li a:focus { background-color: transparent; background:none; }
#news-index .newstab li a { background: url(../../images/bg-tag.png) center center no-repeat; background-color: transparent; }
#news-index .newstab li a:link, .newstab li a:visited, .newstab li a:hover { border: none; color: #000;  }
#news-index .newstab li a:hover { background: url(../../images/bg-tag-hover.png) center center no-repeat; }
#news-index .newstab li.active { background: url(../../images/bg-tag-hover.png) center center no-repeat; border: none;  }
#news-index .newstab li.active a:link, .newstab li.active a:visited { background: url(../../images/bg-tag-hover.png) center center no-repeat; }
#news-index .newstab li.active a:link, .newstab li.active a:visited, .newstab li.active a:hover { border: none !important;  }
#news-index .newstab li.active a:hover { background: url(../../images/bg-tag-hover.png) center center no-repeat; border: none; }
#news-index .tab-content ul { width: 100%; display: inline-block; }
#news-index .tab-content li { width: 100%; height:auto; display: inline-block; padding-top: .5em; padding-bottom: .5em; border-bottom: #ccc 1px dashed; }
#news-index .tab-content a:link,#news-index .tab-content a:visited { color: #000; }
#news-index .tab-content li span { float: left; }
#news-index .tab-content li .date { width: 20%; }
#news-index .tab-content li .txt { width: 78%; }

/*搜尋外框*/
.cse .gsc-control-cse, .gsc-control-cse {
	border-radius: .5em;
  	padding: .2em !important;
	height: 2.5em;
}
table.gsc-search-box {
	position: relative;
	padding: 0 !important; margin: 0 !important;
	background-color: #fff;
}
table.gsc-search-box td { padding: 0; }
table.gsc-search-box td.gsc-input {
  	padding: 0 !important;
}
input.gsc-input {
	margin: 0 !important;
  	padding: 0 !important;
  	border: none !important;
}

.gsc-input-box {
	border: none;
}
/*搜尋文字框背景*/
#___gcse_0 input[type="text"]:hover, #___gcse_0 input[type="text"]:focus {
    background: #febe57 !important;
}
/* Search button */
.gsc-search-button button {
	border: none;
	background: url(img/ico-search.png) center center no-repeat;
}
.gsc-search-button button.active:hover {
	border: #c00 1px solid;
	/*border: none;*/
	background: url(img/ico-search.png) center center no-repeat;
}
/*
.cse input.gsc-search-button, input.gsc-search-button {
	background: url(img/ico-search.png) center center no-repeat;
	margin: 0;
	height: 20px;
	color: #000;
	border: none;
}

.cse input.gsc-search-button:hover,
input.gsc-search-button:hover{
	background: url(img/ico-search.png) center center no-repeat !important;
	background-size: 20px auto;
  	background-color: #ddd;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	background-color: #c00 !important;
	background: url(img/ico-search.png) center center no-repeat !important;
	background-size: 20px auto;
  	height: 20px;
  	margin-top: 2px;
}
input.gsc-search-button-v2:focus {
	background: url(img/ico-search.png) center center no-repeat !important;
	background-size: 20px auto;
	background-color: #febe57 !important;
}
*/
/*google search box end*/

/*首頁上方banner*/
#carousel-banner .carousel-inner { text-align:center; }
#carousel-banner .carousel-item img, #carousel-banner .carousel-item a img { width: 100% !important; height:auto !important; }
#carousel-banner .carousel-control-prev:hover, #carousel-banner .carousel-control-next:hover { border: none !important; color: #C00 !important; }
#carousel-banner .carousel-control-prev.active:link, #carousel-banner .carousel-control-next.active:link { border: none !important; color: #C00 !important; }
#carousel-banner .carousel-inner .carousel-item a { display: inline-block; }

#carousel-banner .carousel-control-prev .carousel-control-prev-icon, #carousel-banner .carousel-control-next .carousel-control-next-icon {
  	height: 2em;
  	width: 2em;
  	/*outline: black;*/
  	background-size: 100%, 100%;
  	/*border-radius: .1em;*/
	background-image: none;
}
#carousel-banner .carousel-control-prev:link .carousel-control-prev-icon, #carousel-banner .carousel-control-next:link .carousel-control-next-icon {
	background-color: #333;
}
#carousel-banner .carousel-control-prev:visited .carousel-control-prev-icon, #carousel-banner .carousel-control-prev:visited .carousel-control-next-icon {
	background-color: #333;
}
#carousel-banner .carousel-control-prev:hover .carousel-control-prev-icon, #carousel-banner .carousel-control-next:hover .carousel-control-next-icon {
	background-color: #000;
}
#carousel-banner .carousel-control-next-icon:after {
	font-family: "Font Awesome\ 5 Free";
  	content: '\f105';
	font-weight: 900;
  	font-size: 1.5em;
  	color: #ccc;
}

#carousel-banner .carousel-control-prev-icon:after {
	font-family: "Font Awesome\ 5 Free";
  	content: '\f104';
	font-weight: 900;
  	font-size: 1.5em;
  	color: #ccc;
}

/*slide 數字*/
.carousel-indicators-numbers { right: .2em; bottom: -3em;}
.carousel-indicators-numbers li {
	cursor: pointer;
	font-size: .8em;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	text-indent: 0;
	margin: 0 2px;
	width: 1.5em;
	height: 1.5em;
	border: none;
	/*border-radius: 100%;*/
	border-radius: .2em;
	line-height: 1.6em;
	color: #fff !important;
	background-color: #666;
	transition: all 0.25s ease;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li.hover {
	width: 1.5em;
	height: 1.5em;
	background-color: #0D603B;        
}


.icon-fb { color: #425f9b; }
.icon-youtube { color: #f1594a; }
.icon-qa { color: #1daf80; }


.minor-content { margin-top: 2em;}


/*站名timeline*/
.events-content ol li h2 { font-size: 1.3em !important; }
.events-content ol li em { font-size: 1.2em !important; }
.events-content ol li p { font-size: 1em !important; }


/*頁面背景*/
.page_bg {
	/*background: url(/public/mainmenu/back_2_1499832386.jpg) top center no-repeat;*/
	background-size: 100% auto !important;
	-webkit-background-size: 100% auto !important;
  	-moz-background-size: 100% auto !important;
  	-o-background-size: 100% auto !important;
	/*
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	*/
}

/*首頁相關連結*/
.related-link-block .block img { width: 100%; }
.related-link-block .topic { margin-bottom:.5em !important; }
.related-link-block .litem { height: 5em; text-align:center; }
.related-link-block .litem a img { max-width: 100%; height: 3.5em !important; }
.related-link-block .litem a:hover img { max-width: 100%; height: 3.5em !important; }


.hotlink .item li { height: 3.5em!important; }

/*影音專區*/
.microfilm-block .block .more { display: inline-block; margin-top: .5em; background-color: #ffda91; width: 100%; padding: .5em .2em; }
.microfilm-block .block .more a:link { text-decoration: none; color: #333; background-image:none !important;  }
.microfilm-block .block .more a:visited { text-decoration: none; color: #333; background-image:none !important;  }

.newstab { margin-bottom: 1em; }
/*首頁消息*/
.news-block>.content>li { height: 5em; vertical-align: middle; }
.news-block>.content { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.slides {  }
.slides .pgwSlideshow {  }
.slides .pgwSlideshow li {  }

/*頁面標題圖片*/
.banner img { width: 100%; height:auto; }

 /*overwrite*/
.wrapper >.page-inside .content-block { display:inline-block; width: 100%; height: auto; }
.wrapper >.page-inside .content-block .banner { background:none; height:auto; }
.wrapper >.page-inside .content-block #video iframe { width: 100%; }
.wrapper >.page-inside .content-block iframe { max-width: 100%; }

/*內文*/
.content-block { background-color: #fff; }
.content img { max-width: 100%; height:auto; }


/*右邊快捷區*/
.main-shortcut-block .block { height: 18em; }
.main-shortcut-block .block .in { padding: .5em; text-align: center; background-color: #ffda91; width: 90%; height: 100%; display:block; margin: 0 auto; -webkit-border-radius:.5em; -moz-border-radius: .5em; border-radius: .5em; }
.main-shortcut-block .block .in .bk { height: 8em; }
.main-shortcut-block .block .text { height: 3em; color: #000; } 

.other-link-block { height: 29em; }
.other-link-block .in { display: block; padding: .5em 1em; width: 100%; height: 100%; }
.other-link-block .in title { display: block; margin-bottom: .5em; font-weight: 600; letter-spacing: .2em; font-size: 1.2em; }
.other-link-block .in marquee { height: 12em; margin-top: .5em; }
.other-link-block .in marquee a:link { color: #000; }
.other-link-block .in marquee a:visited { color: #000; }

.related-link-block { margin-top: .7em; }

/*計數器*/
.counter .digit { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: .9em; }

/*footer logo*/
#footer .header { width: 95%; }
#footer .footer { text-align: left; }
#footer .nt, #footer .nt2, #footer .nt3 { float: left; margin-right: .5em; }
#footer .nt { width: 40%; height:auto; }
#footer .nt2 { font-size: .7em; text-align:center; }
#footer .nt2 img { width: 40% !important; height:auto; }

.ftlogo { text-align:center;
	padding-top: 0; display:inline-flex;
	flex-direction: row;     /* make main axis horizontal (default setting) */
    justify-content: center; /* center items horizontally, in this case */
    align-items: center;
}
.ftlogo .logo { width: 100% !important; height:auto !important; }
.ftlogo .nt2 { display: inline-block; }

/*首頁熱門連結*/
.hotlink { background-color:#f3ffdb; padding-top: .5em; padding-bottom: .5em; }
/*
.hotlink .item { height: 3em; text-indent: -1em; }
*/
/*指定用FontAwesome css logo 做li 列表圖示*/
.hotlink .item { list-style: none; }
.hotlink .item li { padding-left: 1.3em; }
.hotlink .item li:before {
	content: "\f192"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}
.hotlink-ft div { display: inline-block; height: 1em; }
.hotlink-ft span { display:block; width: 100%; height: 100%;}
.hotlink-ft .item1 { background-color: #acd697; border-bottom-left-radius: .3em; border-bottom-right-radius: .3em; }
.hotlink-ft .item2 { background-color: #6aa9d2; border-bottom-left-radius: .3em; border-bottom-right-radius: .3em; }
.hotlink-ft .item3 { background-color: #bc8cc0; border-bottom-left-radius: .3em; border-bottom-right-radius: .3em; }

/*網站導覽*/
.sitemap { list-style: none; }
.sitemap ul { list-style: none; }
.sitemap ul ul { list-style: none; }

.area-block h2 { margin: 0;}

/*圖說文字*/
.cd-timeline-content p, .vehicletxt { font-size: 1em !important; }

/*頁面下方回上頁*/
.pg-footer { clear:both; margin-top: 1em; margin-bottom: 1em; }

.to-top img { width: 30px; height:auto; }
.to-top:hover { border: #01000C 1px solid; }
.to-top:active { border: #01000C 1px solid; }

.hot-search { font-size: .9em; text-align:left; }
.hot-search a:link { color: #fff; }
.hot-search a:visited { color: #fff; }
.hot-search a:hover { color: #fff; }

.img100 { max-width: 100%; height:auto; }

/*
#footer .flogo { display: inline-flex; align-items: center; justify-content: center;  }
#footer .flogo a { clear:both; display: flex; }
#footer .flogo .nt img { width: 100%; height:auto; }
*/
/*
#footer .flogo { display: inline-flex; align-items: center; justify-content: center;  }
#footer .nt, #footer .nt2, #footer .nt3 { clear:both; display: flex; width: 100%; height: auto; }
*/

@media (min-width: 768px) {
	.wrapper >.page-inside .content-block #video iframe { height: 20em; }
	/* 選單平分*/
	.navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }
	#footer .lkmenu { min-height: 15em; }
	.wrapper >.page-inside .content-block #video iframe { height: 16em; }
	#footer .flogo .nt img { width: 100%; height: auto; }
	#footer .flogo .nt:link { width: 40% !important; height: 3em !important; }
	#footer .flogo .nt:visited { width: 40% !important; height: 3em !important; }
	#footer .flogo .nt2, #footer .flogo .nt3 { height: 4em !important; display: inline-block; }
}

@media (min-width: 1008px) {
	.wrapper >.page-inside .content-block #video iframe { height: 10em; }
}


@media (min-width: 1170px) {
	.container { width: 1170px; }
}

@media (max-width: 1024px) {
	#fmsearch #qkeyword { width: 86%; }
	.header ul li a:link { font-size: .9em; }
	.header ul li a:visited { font-size: .9em; }
}

@media (max-width: 768px) {
	#fmsearch #qkeyword { width: 86%; }
	.header ul li a:link { font-size: .8em; }
	.header ul li a:visited { font-size: .8em; }
	.header ul li { padding-right: .2em;  }
}
@media (max-width: 767px) {
	.wrapper >.page-inside .content-block #video iframe { height: 21em; }
	.pg-share { text-align: left; }
	.content h2 { font-size: 1.5em; }
	.content h3 { font-size: 1.3em; }
	.content .row div div table { max-width: 100%; }
	.content > table { width: 100%; }
	.content > img { max-width: 100%; height: auto; }
	.content > iframe { max-width: 100%; height: 15em; }
	.area-block .title { background-size: 100% 100%; border-radius: 5px; }
	.wrapper >.page-inside .content-block iframe { max-width: 100%; height: 15em; }
	
	.pg-share { margin-top: .5em; margin-bottom: .5em; text-align:right; }
	.pg-share img { height: 3em; }
	.ftlogo {
		text-align:center;
		display:inline-block;
	}
	.ftlogo .logo { display: block; width: 50%; height:auto; margin: 0 auto; }
	/*
	.ftlogo .nt { height: 48px; width: auto; display: block; margin: 0 auto; }
	.ftlogo .nt2 { font-size: .8em; display: inline-block; margin-top: 1em;}
	.ftlogo .nt2 img { height: 30px; width: auto; }
	*/
	#footer .footer { text-align: center; }

	#footer .flogo { width: 100%; display: inline-flex; align-items: center; justify-content: center;  }
	#footer .flogo .nt img { width: 100%; height: auto; }
	#footer .nt, #footer .nt2, #footer .nt3 { clear:both; display: flex; height: 5em; }
	#footer .flogo .nt { width: 20% !important; height: 5em !important; }
	#footer .nt2 { font-size: .7em; text-align:center; }
	#footer .nt2 img { width: 40% !important; height:auto !important; }
	#footer .flogo a, #footer .flogo div { height: 5em; }

	.main-shortcut-block .block { height: 10em; }
	.other-link-block { height: 42em; }
	.header .link { text-align: center; font-size: 1.2em; margin-bottom: .8em; }
}

@media (max-width: 640px) {
	.wrapper >.page-inside .content-block #video iframe { height: 19em; }
	.header>.block form .search{ width: 80%; }
	.header>.block form button { background-position: 95%;}
	.other-link-block { height: 45em; }
	#news-index .newstab li { width: 30%; float:left; }
}

@media (max-width: 480px) {
	.wrapper >.page-inside .content-block #video iframe { height: 15em; }
	.other-link-block { height: 35em; }
}