@charset "utf-8";
/* CSS Document */
#btn-menu .btn-secondary:link, #btn-menu .btn-secondary:visited { color: #fff; }
.btn-secondary:link, .btn-secondary:visited { color: #fff; }

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

/* google search box */
/*搜尋外框*/
.header .form-inline { display: inline-flex; }
#___gcse_0 { float: right; }
.cse .gsc-control-cse, .gsc-control-cse {
  	padding: 0 !important;
	height: 2em;
}
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 */
.cse input.gsc-search-button, input.gsc-search-button {
	background: url(images/icon-search2.png) center center no-repeat;
	margin: 0;
	height: 20px;
  	/*background: none;*/
	color: #000;
	border: none;
}
.cse input.gsc-search-button:hover,
input.gsc-search-button:hover{
	background: url(images/icon-search2.png) center center no-repeat;
	background-size: 20px auto;
  	background-color: #cecece;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	background: url(images/icon-search2.png) center center no-repeat;
	background-size: 20px auto;
  	height: 20px;
  	margin-top: 2px;
}
input.gsc-search-button-v2:focus {
	background: url(images/icon-search2.png) center center no-repeat;
	background-size: 20px auto;
	background-color: #febe57 !important;
}

/*google search box end*/

/*首頁上方banner*/
#carousel-banner img { width: 100%; height:auto; }
#carousel-banner .carousel-control-prev, #carousel-banner .carousel-control-next { width: 8%; }
#carousel-banner .carousel-control-prev-icon, #carousel-banner .carousel-control-next-icon { height: 100%; }

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


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

/*頁面導覽*/
.path ol { margin: 0; padding: 0; }
.path ol.breadcrumb { background: none; }
.path ol.breadcrumb li { color:#000; }
.path .breadcrumb>li+li:before {color: rgba(0, 0, 0, 1); content: "\003E\00a0";}

/*站名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; }

/*分享連結*/
.pg-share { text-align: right; }
.pg-share img { height: 2em; width: auto; margin-top: .8em; padding-bottom: .2em; }

/*頁面背景*/
.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;
	*/
}



/*影音專區*/
.microfilm-block .block .more:link { color: #fc5f00 !important; font-weight: bold; }
.microfilm-block .block .more:visited { color: #fc5f00 !important; font-weight: bold; }

/*首頁消息*/
.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; }
.banner { display: block; clear:both; }
.list-group a{
	color:#000;}
.list-group .badge-primary{
	background-color:#747cbb;}
	
.s-tit-m {
  display: block;
  
  color: #12b9a3;
  position: relative;
  text-align:center;
}
.s-tit-m:before,
.s-tit-m:after {
  content: "";
  position: absolute;
  top: 50%;
  background: #12b9a3;
  width: calc(40% - 50px);
  height: 1px;
}
.s-tit-m:before {
  left:2%; 
}
.s-tit-m:after {
  right:2%;
}
	
@media (min-width: 1100px) {
	.banner {
		height: 7em;
		background-size: 100% auto !important;
	}
}
@media (max-width: 1099px) {
	.banner {
		height: 6em;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;	
	}
}
@media (max-width: 480px) {
	.banner { height: 5em; }
}
 /*overwrite*/
.wrapper >.page-inside { font-size: 1.2em;}
.wrapper >.page-inside .content-block { display:inline-block; width: 100%; 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; }


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



.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; }

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

/*圖說文字*/
.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; color: #0000C0;font-weight: 600; margin-top: 2px; }
.hot-search a:link { color: #0000C0;  }
.hot-search a:visited { color: #0000C0; }
.hot-search a:hover { color: #800000; }

.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; }
*/
/*google search*/
#___gcse_0 { float: left; margin-left: .8rem; }

@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; }
	.related-link-block .block img { width: 130px; height: auto !important; }
}

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

@media (min-width: 768px) {
	.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; }
	/*
	#footer .flogo a, #footer .flogo div { height: 5em; }
	
	#footer .nt2 { font-size: .7em; text-align:center; }
	#footer .nt2 img { width: 40% !important; height:auto !important; }
	*/
}

@media (max-width: 1024px) {
	#fmsearch #qkeyword { width: 86%; }
}
@media (max-width: 980px) {
	.navbar-nav li .m1:link { font-size: 1em !important; }
	.navbar-nav li .m1:visited { font-size: 1em !important;  }
	.navbar-nav li .m1:active { font-size: 1em !important; }
}
@media (max-width: 768px) {
	#fmsearch #qkeyword { width: 86%; }
	.header ul li { padding-right: .2em;  }
	.navbar-nav li .m1:link { font-size: .9em !important; }
	.navbar-nav li .m1:visited { font-size: .9em !important;  }
	.navbar-nav li .m1:active { font-size: .9em !important; }
}
@media (max-width: 767px) {
	.header .form-inline { width: 100%; justify-content: center;  }
	#___gcse_0 { clear: both; justify-content: center; }
	.header .link ul { width: 100% !important; display:block; margin-top: .5em; padding-inline-start: 0px; font-size: 1.2em; }
	.navbar-nav li .m1:link { font-size: 1em !important; }
	.navbar-nav li .m1:visited { font-size: 1em !important;  }
	.navbar-nav li .m1:active { font-size: 1em !important; }
	.header .hd { height: auto; }
	.header .hd .logo { max-width: 70%; height:auto; margin-bottom: 0; }
	/*.header .hd form { width: 94%; margin-top: 3em; }*/
	.header>.block form { width: 94%; height: 2em; left: 2%; margin-top: 4em; }
	.header>.block form .search{ width: 88%; }
	.header>.block form button { background-position: 90%;}
	.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 > 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; }
}

@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; }
	.header .hd .logo { max-width: 100%; height:auto; margin-bottom: 0.5em; }
}

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

.text-primary { color: #0062C4 !important; }
/*
a:link { border: transparent 2px solid !important; display: inline-block; color: #000; }
a:visited { color: #000; }
a:focus { border:#89bb40 2px solid !important; display: inline-block; }
a:hover { border:#89bb40 2px solid !important; display: inline-block; }
*/
input[type="text"]:focus, input[type="text"]:hover, input[type="file"]:focus, input[type="file"]:hover, input[type="email"]:focus, input[type="email"]:hover { background-color: #febe57; }
textarea:focus { background-color: #febe57; }
textarea:hover { background-color: #febe57; }
select:focus { background-color: #febe57; }
select:hover { background-color: #febe57; }
.line-share { display: none !important; }	
@media (max-width: 767px) {
	.line-share { display: inline-block !important; }	
}