@charset "utf-8";
/* 建研所主網(字體百分比) */

body {
	font-family: Helvetica, '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif, 新細明體;
	color: #323237;
	letter-spacing: 0px;text-decoration: none;
}
/*解除原生設定 #1103*/
/*a { text-decoration: none;}
a:hover, a:focus {text-decoration: none;}*/
a { color:#333333; text-decoration: none; transition: all .25s;}
a:hover, a:focus { color:#85BB23;/* text-decoration: underline;*/ text-decoration: none; cursor: pointer;}
/*a:focus { outline: 2px solid #034acd !important;}*//*讓鍵盤使用時可知道移動到哪裡***覆蓋bootstrap設定0*/

.clear { clear:both;}
@media (min-width: 1000px) { .container { width: auto;} }
@media (min-width: 1200px) { .container { width: 1170px;} }
@media (min-width: 1400px) { .container { width: 1370px;} }
@media (max-width: 999px) { .container { width: auto;} }
/*.container { width: auto;}*/
/*把列印頁中間寬度縮小*/
	@media (min-width: 992px) { .print-page .container { width: 970px;} }
	@media (min-width: 1200px) { .print-page .container { width: 1170px;} }
	.print-page .logo{width: 140px; height: 70px;}/*縮小logo*/
	.print-page .navbar-header { height:72px;}

/*以鍵盤操作時讓欄位取得游標焦點樣式*/
select:hover, select:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="text"]:hover, input[type="text"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="url"]:hover, input[type="url"]:focus { background:#F0FADD;}

button { border-width: 0;}
/*button:focus { outline: 2px solid #034acd !important;}*/ /*讓鍵盤使用時可知道移動到哪裡*/

/*導盲磚*/
a.accesskey { font-size: 0.375rem;/*6*/ color:#ccc;-webkit-text-size-adjust: 100%; -webkit-transform: scale(0.93); -o-transform: scale(1);}
a:hover.accesskey { color:#ccc; text-decoration:none;}
    @media (max-width: 991px) { a.accesskey { display:none !important;} }

/*路徑列*/
.breadcrumb > li + li:before { font-family: "FontAwesome"; content: "\f105";}
.hbreadcrumb { padding: 2px 0; margin-top: 6px; margin-bottom: 10px; list-style: none; background: transparent; font-size: 0.6875rem;/*11*/}
.hbreadcrumb > li:nth-child(2):before { padding: 0 5px; content: " ";}
.hbreadcrumb > li,
.hbreadcrumb > li a { color: #ccc;}
.hbreadcrumb > li a:hover, .hbreadcrumb > li a:focus { color: #ff9; text-decoration: none;}
.hbreadcrumb > .active { color: #fff;}

/*TOP 區塊綜合設定,定位*/
.navbar { margin-bottom: 0; border: 0; z-index: 500; position:fixed; width:100%; border-radius:0;}
    /*@media (max-width: 767px) { .navbar { position: absolute;} }*/
.navbar-header {/* width:100%;*/ height:76px;/* padding-left:30px; padding-right:30px;*/ margin:0 auto; position:relative; z-index:1000; float:none;}
.navbar-ith { /*background-color: transparent #ffffff;*/ background-color: rgba(255, 255, 255, 0.9); border-top:3px solid #83B81A;/* border-bottom:1px solid #EAEAEA;*//*d2d2d2*/ /*background: url(../images/topnav-bg.png) repeat-x top;*/}
    @media (max-width: 991px) { .navbar-ith { background-color: transparent;} }
.navbar-ith-border-bottom { position:absolute; z-index:199; top:0; height: calc(100% + 2px); width:100%; border-bottom:1px solid #666;} /*白線再加一條灰線,適應淺色背景*/
	/*網站LOGO*/
	.site-logo { position: absolute; float: left; top:17px;}
	.site-logo h1 { margin: 0;}
	.logo{ display: inline-block; width:200px; height:40px; background: url(../images/logo.png) no-repeat center;
		   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
		   background-position:center;background-size: 100% 100%;}
		/*@media (max-width: 991px) { .logo{ width:140px; height:70px;} 
		                            .navbar-header { height:72px;} }*/
	
	/*TOP 背景色*/
	.topbg { position:absolute; z-index:199; top:0; height:100%; width:100%; background-color: rgba(255, 255, 255, 0.9);
			 border-bottom:1px solid #EAEAEA; -webkit-transition: backgroundColor .5s; transition: backgroundColor .5s;}
	
	/*畫面縮小時的導覽按鈕*/
	.navbar-toggle { z-index:1000; float: right; padding: 7px 10px; margin-top: 21px; margin-right: 0; margin-bottom: 6px;
					 background-color: rgba(0, 0, 0, 0.5) /*transparent*/; background-image: none; border: 1px solid #fff; border-radius: 4px;/* box-shadow: 1px 1px 0 #fff;*/}
	.navbar-toggle .icon-bar { background-color: #fff;/* box-shadow: 1px 1px 0 #fff;*/}
		/*大於或=992時隱藏導覽按鈕*/
		@media (min-width: 992px) { .navbar-toggle {display: none;} }
		/*小於或=991時顯導覽按鈕*/
		@media (max-width: 991px) { .navbar-toggle { display: block;} }

/* 下拉選單 */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left;
  padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box;
  border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .5);
}

/*上方右側主要選單及語言版本區塊*/
.menu-box { float:right;}
	@media (max-width: 991px) { 
		#navbar {/* z-index:1000;*/ z-index:-1; width:100%; background-color: rgba(255, 255, 255, 0.9);
		          -webkit-transition: backgroundColor .5s; transition: backgroundColor .5s;}
	}
	/*搜尋-按鈕*/
	.navbar-search { display:inline-block; float:right; margin:0 auto; text-align:center; background-color:#9B7D59;}
    .navbar-search a { color: #fff; transition: all .25s;}
	.navbar-search a:hover,
	.navbar-search a:focus { color: #FF6;}
	.navbar-search a:focus i { border: 2px dotted #FFFF33; margin: -2px;}
	.navbar-search .js-search, .navbar-search .nojs-search { padding:6px; height:30px; width:30px;}
	
	/*搜尋-彈出*/
	.js-search .dropdown-toggle i, .nojs-search i { font-size: 1.125rem;/*18*/}
	.js-search.open .dropdown-menu { left: auto; right: 0;}
	
	/*標籤樣式(整個上方導覽)*/
	@media (min-width: 768px) { .top-search { display:none;} }
	@media (max-width: 767px) { 
	    .menu-box { float: none;}
		/*.top-menu-box { float: left;}
		.top-menu { background-color: transparent; padding:0;}
		.top-menu .navbar-nav { margin:0;}
		.top-menu .nav > li.li-hide { display:none;} 部份間隔消失
		.top-menu .nav > li.sm { display:none;}
		.top-menu .tag-nav li { margin-bottom:5px;}
		.top-menu .tag-nav li a { padding:3px 5px; color: #ffffff; background-color: #000; border: 2px solid #000; transition: all .25s;}
		.top-menu .tag-nav li a:hover,
		.top-menu .tag-nav li a:focus { color: #ffffff; background-color: #9B7D59; border-color: #9B7D59;}*/
		.navbar-search { display:block; float:none;}
		.navbar-search .js-search,
		.navbar-search .nojs-search { display:none !important;}
		.top-search { position: relative; max-width: 365px; float: left;/* padding: 5px 0px;*/ margin: 10px auto;}
		.top-search input, .top-search button { border-radius: 0;}
		.top-search .input-group { border: 2px solid #83B81A;}
		.top-search .form-control { width: 100%; height: 26px; font-size: 0.8125rem;/*13*/ border: none !important;}
		.top-search .input-group-btn { border-color: #9B7D59;}
		/*.top-search .input-group-btn:last-child > .btn { margin: 0;}*/
		.top-search .btn { padding: 0;}
		.top-search .icon-search { width: 28px; height: 26px; color:#fff; background-color: #83B81A; border-color: #83B81A;}
		.top-search .icon-search i { color:#fff;}
		.top-search .icon-search i:hover,
		.top-search .icon-search i:focus { color: #FF6;}
	}
	
/*語言版本及搜尋*/
.navbar-header .language { float:left; display: table; font-size:/* 1.5rem*/; letter-spacing: .1em; padding-left: 0; margin-top: 13px; list-style: none;}
.navbar-header .language li { float: left; display: table-cell; padding-right: 10px;}
.navbar-header .language li a { display: block; width: 50px; height: 50px; border-radius: 25px;
    background-color: rgba(120,135,142,.4); color: #fff; line-height: 50px; text-align: center; text-decoration: none;
    -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;}
.navbar-header .language li a:hover, .navbar-header .language li a:active { background-color: rgba(120,135,142,1);}
.navbar-header .language li a i { line-height: 50px;}
@media (max-width: 767px) {
    .navbar-header .language { float: none;}
	.js-search { display:none;}
}
/*主要選單*/
@media (min-width: 768px) and (max-width: 991px) {
	.main-menu-box { margin-top:12px;}
	
}
@media (min-width: 768px) { .main-menu-box { float:left; margin-right:50px;} }
    .nav > li > a:hover, .nav > li > a:focus { background-color:transparent;} /*覆蓋bootstrap.css#3987*/
	.main-menu-box .navbar-nav > li > a { font-size: 1rem; color:#212121;}
	.main-menu-box .navbar-nav > li > a:hover,
	.main-menu-box .navbar-nav > li > a:focus { color:#85BB23;}
	/*感應下拉次目錄*/
	/*@media (min-width: 992px) {
		.main-menu-box .navbar-nav > li.has-sub > .dropdown-menu { display:none;}
		.main-menu-box .navbar-nav > li.has-sub:hover > .dropdown-menu,
	    .main-menu-box .navbar-nav > li.has-sub:focus > .dropdown-menu { display:block;}
	}*/
	@media (min-width: 992px) { .main-menu-box .navbar-nav > li > a { padding:28px 22px;} }
    .main-menu-box .navbar-nav > li:last-child > a { padding-right:0;} /*第二層選單-最後一個(定位)*/
	
	/*覆蓋bootstrap.css#4201*/
	@media (max-width: 991px) {
		.navbar-collapse.collapse { display: none !important;}
	    .navbar-collapse { position: absolute; top:77px;}
		.navbar-header .language { margin: 10px 15px;}
    }
	.collapse.show { display: block !important;} /*覆蓋bootstrap.css#3479*/
    .container > .navbar-collapse { margin: 0 -15px; padding: 0;/* padding-top:77px; margin: -77px -15px 0 -15px;*/}/*覆蓋bootstrap.css#4230*/
    .topbgw { display:none; position:absolute; z-index:-1; width:100%; height:78px; background-color: rgba(255, 255, 255, 0.9);
		      -webkit-transition: backgroundColor 0s; transition: backgroundColor 0s; padding:0;}
	
    @media (max-width: 767px) {
		/*.container > .navbar-collapse { margin: 0 -15px;}*/
		.main-menu-box .navbar-nav { overflow:hidden; margin: 0;}
		.main-menu-box .navbar-nav > li { border-bottom: 1px solid #d2d2d2;}
		.main-menu-box ul.navbar-nav > li.has-sub > a:after { /*如果有二層選單 加向下的icon*/
			position:absolute; right:15px; content: "\f055"; font-family: "FontAwesome"; font-size: 0.75rem;/*12*/ color: #54A702; text-shadow: none;} /*f107*/
		.main-menu-box ul.navbar-nav > li.has-sub > a.show:after { /*開啟後轉為向上的icon*/
			position:absolute; right:15px; content: "\f056"; font-family: "FontAwesome"; color: #cccccc;
		    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
            -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
	}

.nav > a, .nav > a:hover, .nav > a:focus { color:#ff9; background-color: transparent; border-color: inherit;}
.main-menu-box .dropdown-menu { min-width: 100px; background-color: #f1f1f1; border:none; border-top: 2px solid #83B81A; border-bottom: 2px solid #83B81A;}
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #666; white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { color: #0CF; text-decoration: none; background-color: transparent;}
/********** 多層選單模式 ( 以 bootstrap 為基礎添加樣式)**********/
.navbar-nav .dropdown-menu { margin-top:0px;} /*次選單與上方距離*/
.main-menu-box .navbar-nav > li:last-child.show .dropdown-menu { left:auto; right:0;}
.main-menu-box .navbar-nav > li:last-child.show .dropdown-menu:before { left:auto; right:33px;}
.dropdown-menu-plural { padding:0px;}
@media (min-width: 1200px) { .dropdown-menu-plural .row { display:table-row;} }

/*第二層*/
@media (min-width: 768px) {
	.navbar-nav .dropdown-menu:before { position:absolute; top:-14px; left:33px; content: "\f0d8"; font-family: "FontAwesome"; color:#83B81A /*9B7D59*/;}
	.dropdown-menu-plural .basic_01 { min-width:11em; padding: 0 10px; border-bottom:1px solid #ccc; background:#fff; transition: all .25s;}
    .dropdown-menu-plural .basic_01:last-child { border-bottom:none;}
	.dropdown-menu-plural .basic_01:hover, .dropdown-menu-plural .basic_01:focus { background:#f1f1f1;}
}
.dropdown-menu-plural ul { list-style: none; padding:0;}
.dropdown-menu-plural li a { display:block; padding: 10px 0px 10px 0px; font-size: 0.875rem; /*14*/ color:#666; text-decoration:none;}
.dropdown-menu-plural li a:hover, .dropdown-menu-plural li a:focus { color:#85BB23;/* background:#f1f1f1;*/}
.dropdown-menu-plural li a span{ padding-bottom:10px; font-weight: bold;}

/*第二層*/
@media (max-width: 767px) {
	.main-menu-box .navbar-nav > li { background-color:#fff; transition: all .25s;}
	.main-menu-box .navbar-nav > li:hover, .main-menu-box .navbar-nav > li:focus { background:#eeeeee;}
	.main-menu-box .navbar-nav > li.show { background:#eeeeee;}
	.navbar-nav .show .dropdown-menu { position: relative;}
	.dropdown-menu-plural .basic_01 { min-width:100%; padding: 0; border-bottom:1px solid #ccc; background:#fff; transition: all .25s;}
    .dropdown-menu-plural .basic_01:first-child { border-top: 1px solid #ccc;}
	.dropdown-menu-plural .basic_01:last-child { border-bottom:none;}
	.dropdown-menu-plural .basic_01:hover, .dropdown-menu-plural .basic_01:focus { background:#f8f8f8;}
    .dropdown-menu-plural li a { padding: 10px 10px 10px 30px;}
	.dropdown-menu-plural li a:after { position: absolute; left: 17px; content: "\f0da"; font-family: "FontAwesome"; font-size: 0.75rem; color: #54A702;}
}

/*主圖*/
	/*首頁*/
	#main-pic.pic-index { position: relative; height:680px;}
	    /*@media (max-width: 991px) { #main-pic.pic-index { max-height:500px;}}*/
	#main-pic.pic-index .index-pic-con { display:block; /*要加後面的 IE11 才能正常*/ position: relative;/* height: 88vh; min-height: 680px;*/ height: 680px;}
	#main-pic.pic-index .page-pic-con { display:none;}
	#main-pic.pic-index .vegas-overlay { display:none;}
	#main-pic.pic-index .unit-mane { display:none;}
	/*內頁*/
	#main-pic.pic-page { height:250px;}
	#main-pic.pic-page .index-pic-con { display:none;}
	#main-pic.pic-page .page-pic-con { display:block;}
    #main-pic.pic-page .vegas-overlay { display:block; opacity: .1;/* background-image: url(../AddKit/vegas-2.4.0/overlays/05.png);*/}/*網點*/
    #main-pic.pic-page .unit-mane { display: inline-block;}
	#main-pic.pic-page .container { width: 1170px;}
	/*@media (min-width: 1200px) { .container { width: 1170px;} }*/
	
	/*進度條*/
	.vegas-timer { height:3px;}
	.vegas-timer-progress { z-index:199; position:relative; background: #83B81A; -webkit-transition: #83B81A ease-out; transition: #83B81A ease-out;}
    /*區塊定位*/
	.caption-wrapper-outer {/* height: calc(100% - 112px);*/ height: calc(600px - 112px); /*overflow-y:hidden;*/ padding:30px 20px; margin-top:112px;}
	.caption-wrapper-inner { position: relative; width:100%; margin:0 auto; height:100%;}
	
	/*主圖文字區塊(固定模式)*/
	#main-pic { /* position: relative; height: 100vh; min-height: 680px;*/}
	#main-pic .inner { position: relative; z-index: 1; max-width: 1200px; height: 100%; margin: 0 auto;}
	#main-pic .slogan-container {
		display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
		width: 58%; max-width: 700px; height: 100%; margin: 0 auto;}
    #main-pic .slogan-container .slogan-inner { position: relative; margin: auto;/* -webkit-transform: translateZ(0); transform: translateZ(0); */}
	#main-pic .slogan-container.pic-show .slogan-inner > img { opacity: 1;}
	/*#main-pic .slogan-container .slogan-inner > img { display: block; width: 100%; opacity: 0; -webkit-transition: opacity .8s ease-in-out 1.2s; transition: opacity .8s ease-in-out 1.2s; }
	#main-pic .slogan-container .slogan-inner div { left: 0; background-image: url(../images/main_pic_text.png); background-position: 0 0; }*/
	/*#main-pic .slogan-container.pic-show .slogan-inner div { width: 100%; opacity: 1;}*/
	/*#main-pic .slogan-container .slogan-inner div { position: absolute; top: 0; width: 0; height: 100%; background-size: auto 100%; opacity: 0;
		-webkit-transition: width .7s ease-out, opacity 1.4s ease-out;
		transition: width .7s ease-out, opacity 1.4s ease-out;}*/
	@media (max-width: 991px) { #main-pic .slogan-container { width: 70%;} }
	@media (max-width: 768px) { #main-pic .slogan-container { width: 90%;} }
	@media (min-width: 601px) { .slogan-inner .textDesk { display: block;} .slogan-inner .textMobile { display: none;}  }
	@media (max-width: 600px) { .slogan-inner .textDesk { display:none;} .slogan-inner .textMobile { display: block;} }
	
	/*主圖文字區塊(九宮格)*/
	.caption-content-box { margin:auto; width:auto; height:auto; display:inline-block; position:absolute; z-index:100;}
	.caption-content { margin:auto; width:100%; height:100%; display:inline-block; position:relative; z-index:100;}
	.content-box-w { max-width:480px;/* max-height:210px;*/} /*取消高度 自動延伸*/

	.caption-content-box.caption-left-top { top:0px; right: auto; bottom:auto; left:0px;} /*左-上*/
	.caption-content-box.caption-top { top:0px; right:0px; bottom:auto; left:0px;} /*中-上*/
	@media screen\0 { .caption-content-box.caption-top { left:calc(50% - 240px);} }
	.caption-content-box.caption-right-top { top:0px; right:0px; bottom:auto; left:auto;} /*右-上*/
	
	.caption-content-box.caption-left { top:0px; right:auto; bottom:0px; left:0px;} /*左-中*/
	.caption-content-box.caption-middle {top:0px; right:0px;bottom:0px; left:0px;} /*中-中*/
	@media screen\0 { .caption-content-box.caption-middle { left:calc(50% - 240px);} }
	.caption-content-box.caption-right { top:0px; right:0px; bottom:0px; left:auto;} /*右-中*/
	
	.caption-content-box.caption-left-bottom {top:auto; right:auto;bottom:0px; left:0px;} /*左-下*/
	.caption-content-box.caption-bottom {top:auto; right:0px;bottom:0px; left:0px;} /*中-下*/
	/* IE 8 9 10 11 hack (W3C可能無法辨識 而使手機版無法正常) */
	@media screen\0 { .caption-content-box.caption-bottom { left:calc(50% - 240px);} }
	.caption-content-box.caption-right-bottom {top:auto; right:0px;bottom:0px; left:auto;} /*右-下*/
	
	/*主圖文字區塊(固定下方)*/
	.caption-wrapper-bottom { position:absolute; bottom:0px; width:100%; z-index:100;}
	.caption-content-bottom { position:relative; z-index:100; display:inline-block; width:100%; margin:0 auto; padding-bottom:3px;}
	.caption-content-text { position:relative; z-index:500; color:#fff; margin: 10px 20px;}
	.caption-content-text h2 { font-size:2.5rem;/*40*/ font-weight:bold; color:#fff; margin: 0 0 20px; line-height: 1em;}
	.caption-content-bottom .caption-content-text { margin: 10px auto;}
	.caption-content-bottom .caption-content-text h2 { font-size: 1.875rem;/*30*/ font-weight:inherit; margin: 10px 0 20px;}
	
	/*內頁-頁面單元名稱*/
	/*.caption-wrapper-outer { padding:10px 20px;}
	.caption-wrapper-inner { position:relative; width:100%; margin:0 auto; height:100%;}

	.caption-content-box { margin:auto; width:auto; height:auto; display:inline-block; position:absolute; z-index:100;}
	.caption-content { margin:auto; width:100%; height:100%; display:inline-block; position:relative; z-index:100;}
	.content-box-w { max-width:480px; max-height:210px;}
	.caption-content-bottom .caption-content-text { margin: 10px auto;}*/
	
	/*.unit-mane { vertical-align:middle; margin: 150px auto 30px;}
	.unit-banner-outer { padding:10px 20px; margin:0 auto; margin-top: 112px;}
	.unit-mane-title { position:absolute; bottom: 10px; display: inline-block; padding: 8px 20px; color: #fff; text-shadow: 0px 0px 8px #000, 0px 0px 8px #000; background: rgba(0,0,0,0.5);}
	.unit-mane > span { display:block; font-size: 1rem; line-height: 20px; text-align:left;}
	.unit-mane > h2 { font-size: 1.875rem; margin: 5px 0; font-weight: bolder !important;}*/
	.acer-unit-mane {  padding-top: calc( 250px - 76px - 2.25rem); color: #ffffff; text-shadow: 0px 0px 8px #000, 0px 0px 8px #000; opacity: 1;}
	.acer-unit-mane > h2 { font-size: 2.25rem; margin: 5px auto; font-weight: bolder !important;}
	.cur { font-weight:bold; text-transform: uppercase;}
	
	/*黑色半透明底色*/
	.caption-bg-color { display: inline-block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.5; background-color:#000;}
	    
	@media (max-width: 991px) { 
		.caption-wrapper-outer {/* height: calc(100% - 76px);*/ height: calc(600px - 76px); margin-top:76px;} }
	@media (max-width: 768px) { 
		.caption-content-text h2 { font-size: 1.875rem;/*30*/} }
	@media (max-width: 500px) { 
		.caption-wrapper-outer { padding:20px 15px;}
		.caption-content-text { font-size: 0.75rem;/*12*/ margin: 10px;}
		.caption-content-text h2,
		.caption-content-bottom .caption-content-text h2 { font-size: 1.5rem;/*24*/ font-weight:500;} }
    
	/*主圖連結*/
	.main-pic-link { position: absolute; bottom: 0; left: 0; z-index: 1000; opacity: .5; -webkit-transition: 1s opacity; transition: 1s opacity;}
	    @media (max-width: 560px) { .main-pic-link { top:0; bottom:auto;} }
	.main-pic-link:hover { opacity: 1;}
	.main-pic-link a { text-decoration:none; color:inherit;}
	.main-pic-link i { display: block; width: 50px; height: 50px; font-size: 1.25rem; color: #fff; text-align: center; border-radius: 50%; border: 2px solid #fff; padding: 13px;}
	.main-pic-link i:hover { background: rgba(0,0,0,0.5);}
	

/*首頁主圖下(執行中專案)*/
/*.Ex-project-outer { display: grid; grid-template-columns: 100% 100%; grid-auto-flow: column; grid-template-rows: auto auto; width:100%;}*/
.Ex-project-outer { position: relative; z-index:200; width:100%; transform: translateY(-50%); margin-bottom:-100px;}
/*.Ex-project-inner { position: relative; top:-50%; z-index:200; width: 100%; margin: -47px auto;}*/
.Ex-project-box{ display:block; max-width: 1250px; margin: 0 auto;}
.Ex-project { position:relative; padding: 20px 35px; background-color: #37414F; border-radius: 5px;}
.Ex-project .Ex-title { position:absolute; top: -35px; left: 0; padding: 15px 50px; font-size: 1.125rem; color: #fff; background-color: #37414F; border-radius: 5px;}
.Ex-project .Ex-nav { position:absolute; bottom: calc(50% - 25px); width:25px; height: 50px; background-color: #8EC523; vertical-align:middle; font-size: 1.75rem;}
.Ex-project .Ex-nav.next_00 {  left:0; border-radius: 0 25px 25px 0;}
.Ex-project .Ex-nav.prev_00 { right:0; border-radius: 25px 0 0 25px;}
.Ex-project .Ex-nav.next_00 i { margin-left:-5PX;}
.Ex-project .Ex-nav.prev_00 i { margin-right:-5px;}
.Ex-project .owl-carousel .item { padding: 0 15px;}
    @media (max-width: 1230px) { .Ex-project-box { margin: 0 15px;} }
    /*@media (max-width: 950px) { .Ex-project-inner { margin: -40px auto;} }
    @media (max-width: 590px) { .Ex-project-inner { margin: -35px auto;} }*/
	@media (max-width: 500px) {
		.Ex-project-outer { transform: none; margin-bottom: auto; margin-top: 70px;}
		.Ex-project .Ex-title { width:100%;}
	}
.Ex-project-img { width: 100%; max-width: 100%; display: block;
	    background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #ededed;}
.Ex-project-img img {/* width: 100%;*/ padding-top: 59%;}	
		
	
/*首頁-最新消息*/
.news-box { background-color:#fff; padding-bottom: 25px; padding-top:25px}
	@media (min-width: 1200px) { .news-box .container { /*width: 1170px;*/} }
	@media (min-width: 1400px) { .news-box .container { width: 1250px;} }
	@media (max-width: 991px) { .news-box .row .column-5:nth-child(5) { display:none;} }
	/*面版*/
	.panel-heading { text-align:center; vertical-align: middle; padding:5px 0;}
	.panel-heading h2 { margin: 20px 0 0 0; font-weight:bold;}
	.panel-heading h2.title { font-size: 1.875rem;/*30*/ color:#85BB23;}
	/*.news-box */a.news-link { color:#333333; text-decoration: none; transition: all .25s; position:relative;}
    /*.news-box */a.news-link:hover .publish-name,
	/*.news-box */a.news-link:focus .publish-name { color:#85BB23; text-decoration: none; cursor: pointer;}	
	
	.news-box .panel-footer,
	.media-box .panel-footer { text-align:center; background-color:transparent; border:none;}
	.news-box .panel-footer .panel-btn,
	.media-box .panel-footer .panel-btn,
	.panel-btn { display: inline-block; font-size: 0.875rem; color:#666; background-color:#fff !important; border: 2px solid #666; border-radius:5px !important; padding: 10px 25px !important;}
	.news-box .panel-footer .panel-btn:hover,
	.news-box .panel-footer .panel-btn:focus,
	.media-box .panel-footer .panel-btn:hover,
	.media-box .panel-footer .panel-btn:focus,
	.panel-btn:hover, .panel-btn:focus { background-color: #666 !important; color: #fff; text-decoration: none; cursor: pointer;}

/*首頁-影音專區*/
.media-box { background-color:#F1F2EC; padding-bottom:30px;}
    @media (max-width: 540px) { .media-box { padding-bottom:75px;} }
	@media (max-width: 400px) { .media-box { padding-bottom:50px;} }
	@media (min-width: 1400px) { .media-box .container { width: 1250px;} }
	.media-box .row { margin-top: 15px; margin-bottom: 15px; margin-left:0; margin-right:0;}
	.media-box-outer { float:left;}
	.media-card { background: #fff;}
	/*看影片icon*/
	a .play-icon {
	  z-index: 2; font-size: 3.125rem; text-align: center; color: #ffffff; width:100%; height:100%; background: rgba(0, 0, 0, 0.4);
	  filter: alpha(opacity=0); -moz-opacity: 0; opacity:0;position: absolute; top: 0; left: 0; padding-top:calc(32.5% - 25px);
	  -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
	a:hover .play-icon { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

	.media-content { padding: 3px 10px;}
	/*漸層色*/
	.gradient-color {
		background: linear-gradient(105deg, rgba(255, 255, 255, 1)60%, rgba(235, 252, 198, 1)90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: -moz-linear-gradient(285deg, rgba(255, 255, 255, 1)60%, rgba(235, 252, 198, 1)90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(285deg, rgba(255, 255, 255, 1)60%, rgba(235, 252, 198, 1)90%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(285deg, rgba(255, 255, 255, 1)60%, rgba(235, 252, 198, 1)90%);
		background: -ms-linear-gradient(285deg, rgba(255, 255, 255, 1)60%, rgba(235, 252, 198, 1)90%); /* IE9, IE10, IE11 */
		}
	
	.media-title { height: 3em; overflow: hidden; font-size: 1rem; color: inherit; font-weight:bold; margin: 5px 0;
	    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
		
	.media-box a.media-link { color:#333333; text-decoration: none; transition: all .25s;}
	.media-box a.media-link:hover .media-content,
	.media-box a.media-link:focus .media-content,
	 a.media-link:hover .media-title,
	 a.media-link:focus .media-title { color:#85BB23; text-decoration: none; cursor: pointer;}
	 a.media-link .media-title { color: #99CC33;}
	
	.media-box .card-img { overflow: hidden;}
	.media-box .media-link .image-con {
    -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms;
	transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border: 1px solid #eaeaea;}
	.media-box .media-link:hover .image-con { -webkit-transform: scale(1.1, 1.1) translateZ(0); transform: scale(1.1, 1.1) translateZ(0); }
	.media-text { margin-bottom: 20px; font-size: 0.875rem; line-height: 1.5em; color: #333333;
		height: 6em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/*首頁-底部專案*/
.project-box { background-color:#83B81A; padding-bottom:5px;}
    @media (min-width: 1400px) { .project-box .container { width: 1250px;} }
	.project-box .row { margin: 0;}
    .project-tools { background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ffffff 100%);}
	.project-box .project-type-nav { z-index: 201; font-size: 1.75rem;
	    background-color: rgba(205,205,205,0.5); border: 1px solid #999;
		position:absolute; top: calc(30% - 20px); width: 40px; height: 40px; border-radius: 25px; vertical-align:middle;}
	.project-box .project-type-nav:hover {
		background-color: rgba(205,205,205,0.8); border: 1px solid #333;
		-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
	.project-box .project-type-nav.next_type {  left:0;}
	.project-box .project-type-nav.prev_type { right:0;}
	.project-box .project-type-nav.next_type i {/* margin-left:-5PX;*/}
	.project-box .project-type-nav.prev_type i { margin-right:-5px;}
	
/*首頁-底部專案(連結圓圖)*/
.project-type-outer { position: relative; z-index: 200; width: 100%; transform: translateY(-30%); margin-bottom: calc(-1.875rem * 2);}
.project-type-box { display:block; margin: 0 auto;}
.project-type .item { padding: 0px calc(25% - 5px) 1px;/* padding-bottom: 1.875rem;*/}
.project-type .item>a:hover, .project-type .item>a:focus { position:relative; top:1px; left:1px; text-decoration:none;}
.project-type .icon-link-image { display: block; position: relative; width: 100%;}
.project-type .icon-link-image img { width:100%; border-radius:100%;}
.project-type .icon-image { width:100%; background-color:#fff; border-radius: 100%; background-repeat:no-repeat; background-position: center center; background-size: cover;}
.project-type .owl-item:nth-of-type(1) .icon-image { border: 5px solid #EA655B;} /* background-image: url(../FileUp/images/project-icon_01.gif);*/
.project-type .owl-item:nth-of-type(2) .icon-image { border: 5px solid #83B81A;}
.project-type .owl-item:nth-of-type(3) .icon-image { border: 5px solid #1D95CC;}
.project-type .owl-item:nth-of-type(4) .icon-image { border: 5px solid #FF993B;}
.project-type .owl-item:nth-of-type(5) .icon-image { border: 5px solid #EA655B;}
.project-type .owl-item:nth-of-type(6) .icon-image { border: 5px solid #83B81A;}
.project-type .owl-item:nth-of-type(7) .icon-image { border: 5px solid #1D95CC;}
.project-type .owl-item:nth-of-type(8) .icon-image { border: 5px solid #FF993B;}
.project-type .owl-item:nth-of-type(9) .icon-image { border: 5px solid #EA655B;}
.project-type .owl-item:nth-of-type(10) .icon-image { border: 5px solid #83B81A;}
.project-type .owl-item:nth-of-type(11) .icon-image { border: 5px solid #1D95CC;}
.project-type .owl-item:nth-of-type(12) .icon-image { border: 5px solid #FF993B;}
.project-type .owl-item:nth-of-type(13) .icon-image { border: 5px solid #EA655B;}
.project-type .owl-item:nth-of-type(14) .icon-image { border: 5px solid #83B81A;}
.project-type .owl-item:nth-of-type(15) .icon-image { border: 5px solid #1D95CC;}
.project-type .owl-item:nth-of-type(16) .icon-image { border: 5px solid #FF993B;}
.project-type .owl-item:nth-of-type(17) .icon-image { border: 5px solid #EA655B;}
.project-type .owl-item:nth-of-type(18) .icon-image { border: 5px solid #83B81A;}
.project-type .owl-item:nth-of-type(19) .icon-image { border: 5px solid #1D95CC;}
.project-type .owl-item:nth-of-type(20) .icon-image { border: 5px solid #FF993B;}

@media (max-width: 480px) { .project-box .project-type-nav { top: calc(25% - 20px);} /*輪撥按鈕上下定位*/
                            .project-type-outer { transform: translateY(-25%);} /*整個區塊上下定位*/
                            .project-type .item:nth-child(n) .icon-image { border-width: 3px;} }
.project-type .icon-link-text-con { padding-top: 70%;} /*用以撐開文字的空間*/
.project-type .icon-link-text { visibility:visible; z-index:210; padding: 10px 0 0 0; position:absolute; height: calc(1.875rem * 3); width: calc(100% + 40%); left: -20%; text-align:center;}
.project-type .icon-link-title { color:#fff; font-size: 1.875rem;}
@media (max-width: 991px) { .project-type .item { padding: 0 15%;} }
@media (max-width: 767px) { .project-type .icon-link-title { font-size: 1.25rem;}
                            .project-type .icon-link-text { height: calc(1.25rem * 3);} }
@media (max-width: 640px) { .project-type .item { padding: 0 8%;}
                            .project-type-outer { margin-bottom: calc(-1.875rem * 1.5);}
							.project-type .icon-link-text { width: calc(100% + 20%); left: -10%;}}
@media (max-width: 540px) { .project-type .icon-link-title { font-size: 1rem;} .project-type-outer { margin-bottom: calc(-1.875rem * 1);} }
@media (max-width: 480px) { .project-type .icon-link-text-con { padding-top: 105%;} /*80%*/
                            .project-box .project-type-nav.next_type {  left: -10px;}
                            .project-box .project-type-nav.prev_type { right: -10px;} }
@media (max-width: 400px) { .project-type .icon-link-title { font-size: 0.875rem;}
                            .project-type-outer { margin-bottom: calc(-1.875rem * 0.5);} }
@media (max-width: 360px) { .project-type .icon-link-text-con { padding-top: 120%;} }

/*首頁-底部專案(輪撥內容)*/
.tab-content { margin-top:10px;}
.project { position:relative; padding: 0px 85px;}
.project .project-title { position: relative; font-size: 1.875rem; line-height: 1.875rem; color: #fff; border-left: 5px solid #fff; padding-left: 15px; margin-bottom: 20px;}
.project .project-nav { position:absolute; top: calc(33.3% - 87px); width:56px; height: 174px; vertical-align:middle;/* background-color:transparent;*/ border-radius:5px;}
.project .project-nav.project-nav-next, .project .project-nav.project-nav-prev { background:url(../images/project-next.svg); background-position: center center; background-size: cover;}
.project .project-nav.project-nav-next:hover,
.project .project-nav.project-nav-next:focus,
.project .project-nav.project-nav-prev:hover,
.project .project-nav.project-nav-prev:focus { background-color: rgba(0, 0, 0, 0.1);}
.project .project-nav.project-nav-next {  left:0;}
.project .project-nav.project-nav-prev { right:0; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.project .project-nav.project-nav-next i { margin-left:-5PX;}
.project .project-nav.project-nav-prev i { margin-right:-5px;}
.project .owl-carousel .item { padding: 0;}
.project-grid-row { display: grid ; grid-template-columns: 30% 70%; width: 100%; font-size: 1.25rem; color: #fff;}
@media (min-width: 541px) { 
	.project-flex-row { display: inline-flex;}
	/*.project-flex-row > div:nth-of-type(odd) { width: calc(30%); padding-right:10px; padding-bottom:10px;}
	.project-flex-row > div:nth-of-type(even) { width: calc(70%); padding: 0 0 0 30px;}*/
	.project-flex-row > div.type-pic { width: calc(30%); padding-right:10px; padding-bottom:10px;}
	.project-flex-row > div.type-text { width: calc(70%); padding: 0 0 0 30px;}
	.project-flex-row > div.type-text:nth-of-type(odd) { width: calc(100%); padding: 0;}
}
.project-grid-row .tit,
.project-flex-row .tit { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.project-grid-row .tit .type,
.project-flex-row .tit .type { display:inline-block; font-weight:bold; color: #83B81A; background: #fff; padding: 20px;/* margin-right: 1rem;*/}
.project-grid-row .tit .tit-tit,
.project-flex-row .tit .tit-tit { display:inline-block; padding: 20px;}
.project-grid-row .txt,
.project-flex-row .txt { padding: 1.5rem 0;}
    .project-img { width: 100%; max-width: 100%; display: block;
	    background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #ededed;
		box-shadow: 10px 10px 0px 0px  rgba(0, 0, 0, 0.1);
	    -webkit-box-shadow: 10px 10px 0px 0px  rgba(0, 0, 0, 0.1);
	    -moz-box-shadow: 10px 10px 0px 0px  rgba(0, 0, 0, 0.1);
	    -o-box-shadow: 10px 10px 0px 0px  rgba(0, 0, 0, 0.1);}
	.project-img img {/* width: 100%;*/ padding-top: 100%;}
	.project-btn { display: inline-block; font-size: 0.875rem; color:#fff; background-color: transparent; border: 2px solid #CCFF99; border-radius:5px; padding: 10px 25px;}
	.project-btn:hover,
	.project-btn:focus { background: rgba(0, 0, 0, 0.1); color: #fff; text-decoration: none; cursor: pointer;}

@media (max-width: 767px) {
	.project .project-title { font-size: 1.25rem; line-height: 1.25rem;}
	.project-flex-row { font-size: 0.875rem;}
}
@media (max-width: 540px) {
	.project-flex-row { grid-template-columns: repeat(1, 100%);}
	/*.project-flex-row > div:nth-of-type(odd) { padding-bottom:30px;}
    .project-flex-row > div:nth-of-type(even) { padding: 0px;}*/
	.project-flex-row > div.type-pic { width: calc(100%); padding-bottom:30px;}
    .project-flex-row > div.type-text { width: calc(100%); padding: 0px;}
	.project .project-title { font-size: 1rem; line-height: 1rem;}
    .project { padding: 0px 40px;}
	.project .project-nav { bottom: calc(50% - 44px); width:28px; height: 87px;}
}
@media (max-width: 400px) {
	.project-grid-row .tit .type,
    .project-flex-row .tit .type,
	.project-grid-row .tit .tit-tit,
    .project-flex-row .tit .tit-tit { display: block;} /*讓"獎項(類別)"與標題在小螢幕直接呈現為2行*/
}
/*輪撥內容-最小高度*/
@media (min-width: 1200px) { .project .project-row { min-height:368px;} }
@media (max-width: 1199px) { .project .project-row { min-height:300px;} }
@media (max-width: 767px) {  .project .project-row { min-height:250px;} }

/*首頁-動態輪撥*/
.card-box {}
    .hpanel-2 { border-bottom: 1px dashed #999; none; margin-bottom: 25px;}
	.hpanel-2 .panel-heading { vertical-align: middle; padding:7px 0; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.hpanel-2 .panel-heading h2 { float: left; margin: 0;}
	.hpanel-2 .panel-heading h2.title { font-size: 1.875rem;/*30*/ font-weight:bold; letter-spacing:0px; vertical-align:middle; color:#9B7D59; background-color: transparent; padding:0;}
    @media (min-width: 551px) and (max-width: 768px) {
		.hpanel-2 .panel-heading h2.title { font-size: 1.5rem;}
	}
	.hpanel-2 .panel-heading h2.title:lang(en-us) { font-size: 1.5rem; letter-spacing:-1px;}
     @media (min-width: 992px) and (max-width: 1010px) {
		 .hpanel-2 .panel-heading h2.title:lang(en-us) { font-size: 1.3125rem;}
	 }
    .hpanel-2 .panel-tools { display: inline-block; float: right; margin-top: 5px; padding: 0;}/*面版-按鈕*/
	.hpanel-2 .panel-tools a { margin-left: 5px; color: #fff; cursor: pointer; display:inline-block;}
	.hpanel-2 .panel-tools a:hover, .hpanel-2 .panel-tools a:focus,
	.hpanel-2 .panel-tools a:hover div, .hpanel-2 .panel-tools a:focus div,
	.hpanel-2 .panel-tools a:hover span, .hpanel-2 .panel-tools a:focus span { color: #ff9;}
	.hpanel-2 .panel-con { padding: 20px 0;}
	.hpanel-2 .panel-con .panel-con-box { display:flex;}
	.hpanel-2 .panel-con-img { float:left; width:50%; padding-left:1px; padding-right:20px;}
	.hpanel-2 .panel-con-img img { max-width:100%;}
	.post-img { /* width: 100%; */ max-width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;/* background-color: #ededed;*/ display: block; position:relative;}
	.post-img img { width: 100%;}
	.hpanel-2 .panel-con-text { float:left; width:50%;/* background-color:#FF9;*/}
	    .unit-sub-out { display: flex; margin: 0 0 0px 0;}
		.unit-sub-title {  position: relative; width:auto; color:#fff; text-decoration:none; padding: 0 10px 0 27px; font-size: 0.6875rem;/*11*/  line-height:1.75em; height:20px; background:#9E906A;}
		.unit-sub-title span { position:absolute; top:0; left:0; width:20px; height:20px; color:#fff; background:#584E42;/* display: list-item;*/ margin: auto 0; padding:4px; text-align:center; vertical-align:middle;}
    .hpanel-2 .panel-con-text h4,
	.hpanel-2 .panel-con-text h4 a { font-size: 1rem;/*16*/ line-height:1.5em; color:#9B7D59; transition: all .25s;}
	.hpanel-2 .panel-con-text h4 a:hover,
	.hpanel-2 .panel-con-text h4 a:focus { color:#CC9933;}
	/*圖-首頁(典藏品)*/
	.image-height { padding-top:65%; overflow:hidden;}
		.image-box { position: absolute; width:100%; height:100%; left:0; top:0; text-align:center; vertical-align:middle;}
		.image-box img {max-width: 100%; max-height:100%;}
		.collection-card .collection-name { /*書名*/
			height:4.3em; margin-top:0;
			overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	    .collection-card .collection-about { /*內文*/
		    margin-bottom: 0; line-height: 1.5em; color: inherit; max-height: 10.5em;
            overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7;/* -webkit-box-orient: vertical;*/}
	    .collection-card .collection-etc:after { /*內文之後...*/
		    content: "...";}
		
		/*首頁-典藏品 只有圖及標題*/
		.hpanel-2 .panel-con.collection-card-03 .panel-con-box { position:relative; display:block;}
	    /* height:calc(100% - 44px);*/
		.hpanel-2 .collection-card-03 .panel-con-img { float: none; width:100%; padding-right: 0; display: block; position: relative;}
			/*.hpanel-2 .collection-card-03 .post-img { max-height:100%;}*/
			.hpanel-2 .collection-card-03 .image-height { padding:0; padding-top:53%; overflow:hidden;}
			.hpanel-2 .collection-card-03 .image-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center;}
			.hpanel-2 .collection-card-03 .image-box img { height:100%; width:auto;}
		
		.hpanel-2 .collection-card-03 .panel-con-text { float: none; width: 100%; height: auto; display:block; position: relative; bottom:0; padding: 0;}
		.hpanel-2 .collection-card-03 .panel-con-text h4 { color:#fff; margin-bottom:0; text-align: center;}
		
/*自動拓展的卡片*/
.auto-content {margin: 20px auto 45px;}
.auto-plus { padding: 15px 10px; float:left;}
.auto-plus-2 { padding: 0px 15px; float:left;}
.column-2 { width:50% !important;}
.column-3 { width:33.33% !important;}
.column-4 { width:25% !important;}
.column-5 { width:20% !important;}
.column-6 { width:16.66% !important;}
@media screen and (max-width: 1200px) { 
    /*.column-2 { width:100% !important;}*/
	/*.column-4 { width:50% !important;}*/
	/*.column-5 { width:20% !important;}*/ }
@media screen and (max-width: 992px) {
	.column-3 { width:100% !important;}
	.column-4 { width:50% !important;}
	.column-5 { width:25% !important;}
	.column-6 { width:25% !important;} }
@media screen and (max-width: 768px) {	
	.column-5 { width:50% !important;}
	.column-6 { width:50% !important;} }
@media (max-width: 680px) {
	.column-2 { width:100% !important;} }
@media screen and (max-width: 500px) {
	.column-4 { width:100% !important;}
	.column-6 { width:100% !important;} }
@media screen and (max-width: 400px) {
	.column-5 { width:100% !important;} }

.news-con-sepa { border-right: 1px dotted #fff;}
.news-con-sepa:last-child { border:none;}

/****** 底部 ******/
.footer {}
    @media (min-width: 1400px) { .footer .container { width: 1250px;} }
		
	/* 底部-主選單(768以下不顯示) */
	@media (max-width: 768px) {
		.footer-menu-box { display:none;}
	}
	.footer-menu-box { background: #575757;}
	.footer-menu-outer { position:relative; padding-top: 25px; padding-right: 25px;}
	.footer_bar {
	  position: absolute; right:15px; z-index: 99;
	  border:none; border-top-left-radius: 5px; border-top-right-radius: 5px;
	  color: white; top: -26px; padding: 3px 15px 3px 15px;
	  text-align: center; cursor: pointer; background: #584E42;
	}

	#footer-nav {padding: 10px 0px;}
	#footer-nav ul {display: block; padding:0; margin:0; list-style-type: none;}
	#footer-nav > ul > li {float: left; width: 20%; padding: 0 30px 0 0;
						   list-style: none; vertical-align: bottom;
						   display: list-item; text-align: -webkit-match-parent;}
	#footer-nav > ul > li:last-child { padding:0;}
	
	/*@media (max-width: 990px) {
		#footer-nav > ul > li { width:auto;} }
	@media (max-width: 480px) {
		#footer-nav > ul > li { width:auto;} }*/
	#footer-nav li ul { height: auto; max-width:19em; margin-top:10px; margin-bottom:10px;}
	@media (max-width: 480px) {
		#footer-nav li ul { height: auto;} }
	#footer-nav ul li a {display: block; line-height: 150%; color: #ffffff; font-size: rem; transition: .2s all;}
	#footer-nav ul li a:hover { color: #85BB23; text-decoration:none;}
	
	/* 英文版 第一層 */
	.footer-menu-en #footer-nav > ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
    .footer-menu-en #footer-nav > ul > li { width: 100%;}
	
	/*第二層*/
	#footer-nav > ul > li > ul > li { margin-bottom:10px;}
	#footer-nav ul li ul li a { color: #999; font-size: 0.875rem;/*14*/ font-weight:600; 18px; transition: .2s all;}
	#footer-nav ul li ul li a:hover {color: #fff;}
	
	/* 底部-文字資訊 */
	.footer-text { background:#202020; color:#999; text-align:center; padding: 20px 0 20px 0;}
	.icons-made { color:#444;}
	.icons-made a { color:#444; text-decoration: none; transition: all .25s;}
    .icons-made a:hover, .icons-made a:focus { color:#999; text-decoration: none; cursor: pointer;}

/*彈出訊息視窗 (部份與搜尋共用)*/
.dropdown-menu .modal-dialog { margin-top:-5px; margin-bottom:-5px;}
.dropdown-menu .modal-dialog .modal-content { box-shadow:none;}
.modal-content { border-radius: 0; border: 0; box-shadow: 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2);}
.color-line { /*視窗上方飾條*/ background: #83B81A; height: 5px;}
.modal-header { padding: 10px;}
/*.modal-header label { margin:0;}*/
.panel-body { padding: 10px;}
.modal-footer { background-color: #F2F2F2; padding: 10px;}

/*按鈕*/
	/*綠色*/
	.btn-green { color: #fff; background-color: #83B81A; border-color: #76A517;}
	.btn-green:hover, .btn-green:focus,
	.btn-green.focus, .btn-green:active, .btn-green.active,
	.open > .dropdown-toggle.btn-green { color: #fff; background-color: #9BD130; border-color: #76A517;}

/*彈出訊息視窗 (得獎名單跳出樣式)*/
.project-modal .modal-header { background: #83B81A; color: #fff; border: none; padding: 10px 15px;}
.project-modal h2 { font-size:1.875rem; font-weight:bold;}
.project-modal .names-list { position:relative; background-color: #F2F2F2; border-bottom: 1px solid #e5e5e5; padding: 45px 15px 10px 15px;}
.project-modal .panel-body { padding: 15px;}
.article-content iframe, .project-modal iframe { max-width:100%;}/*youtube響應示設定*/

.names-list .grid-item { background-color: transparent;}
/*右側回上方*/
div.scrollToTop {
  position: fixed; right: 10px; bottom: 10px; display: none; border-radius: 100%;
  background-color:  rgba(0, 0, 0, 0.5); text-align: center; border: 1px solid #ffffff; z-index: 99999;
  -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
  display: block;}
  
div.scrollToTop:hover, div.scrollToTop:focus { background-color: rgba(120,135,142,1);}
div.scrollToTop a {
  display: block; width: 50px; height: 50px; color: #ffffff; font-size: 0;
  /*background: url(../../images/scroll-top-icon.svg)no-repeat center center;*/
  text-decoration:none; line-height: 47px;}
div.scrollToTop a:hover, div.scrollToTop a:focus { line-height: 40px;}
div.scrollToTop a:before { font-size:1.875rem; content: "\f106"; font-family: "FontAwesome";}