@charset "UTF-8";
/* CSS Document 機關網 */
.arbtn{position:absolute;top:50%;z-index:99;background:url(../images/btnArrow.png) no-repeat;opacity:.5;border-radius:4px;cursor:pointer;}
.arbtn:hover{background-color:#ddd;opacity:1;}
.arbtn:focus{background-color:#ddd;opacity:1;}

.express ul{list-style:none;margin:0;padding:0;overflow:hidden;font-size:18px;line-height:20px;}
.express li{position:relative;margin:0;padding:0;}
.express li a{display:block;}
.express li img{display:block;width:260px;height:200px;object-fit:cover;}
.express li a:before{visibility:hidden;content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,.2);border:1px solid #333;}
.express li a:focus:before{visibility:visible;}
@media (max-width:1060px){
	.express li img{width:100%;height:200px;}
}
@media (max-width:1023px){
	.express{ clear:both;border-bottom:4px solid #000;}
	.express li{width:50%; float:left;}
	.express li img{width:100%;height:auto;}
}

.promote{clear:both;float:left;padding:36px 0 34px;margin:-20px 0 0;border-right:1px solid #bbb;}
.promote ul{list-style:none;margin:0;padding:0;overflow:hidden;font-size:18px;line-height:1.1;}
.promote li{margin:0 0 0 10px;padding:0;float:left;}
.promote li:first-child{margin:0;}
.promote li a{display:block;}
.promote li img{display:block; width:260px;height:112px;}
.promote a p{margin:8px 0 0;width:260px;height:1.2em;line-height:1.3;overflow:hidden;overflow:hidden;text-align:center;}
.promote li a:focus{background-color:#666;color:#fff;outline:none;}

.news{ position:absolute; left:800px; top:400px; padding-top:28px; margin-left:16px;width:240px;font-size:15px;}
.news:before{content:'';width:25px;height:25px;background:#15b0bf;position:absolute;right:-29px;top:0;}
.news a:hover{text-decoration:none;}
.tabContainer.here h2 a{color:#b20;}
.tabContainer h2 a:focus{outline:1px solid #b20;}
.tabContainer h2{float:left;font-weight:normal;font-size:15px;line-height:16px;margin:0;padding:4px 0 4px 10px;}
.tabContainer:first-child h2{padding-left:2px;padding-right:10px;border-right:1px solid #b20;}
.tabContainer.here h2{background-image:none;}
.tabContainer{margin:0; }
.newsList{display:none;position:absolute;left:0;top:52px;list-style:none;padding:10px 0;border-top:1px solid #b20;}
.here .newsList{display:block;}
.newsList ul{margin:0 0 8px;padding:0;line-height:1.2;list-style:none;}
.newsList li{margin:0 0 6px;padding:0;}
.newsList li a{display:block;width:228px;height:1.1em;padding:0 0 2px 12px;border-bottom:1px solid #ccc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newsList li a:hover{border-color:#333;}
.newsList li a:focus{border-color:#333;color:#000;outline:none;}
.news noscript h2{float:none;}

/*20170330 花博倒數計時*/
.flowerCountdown{position:absolute;bottom:2px;left:50%;margin-left:-620px;width:144px;height:70px;overflow:hidden;}
/*.flowerCountdown iframe{margin: -34px auto auto -68px;}*/
.flowerCountdown iframe{display:block;width:100%;height:100%;}
.flowerCountdownMobil{display:none;}
@media (max-width:1124px){
	.flowerCountdown{left:auto;margin-left:0;bottom:40px;}
}
@media (max-width:960px){
	.flowerCountdown{display:none;}
	/*.flowerCountdown{margin-left:-15px;}*/
	.flowerCountdownMobil{display:block;position:absolute;bottom:8px;left:84px;border-radius:0 0 6px 0;}
	.flowerCountdownMobil iframe{width:60px;height:46px;display:block}
}
@media (max-width:700px){
	.flowerCountdownMobil{bottom:-50px;left:0;background-color:rgba(255,255,255,.85);padding:0 3px 3px;transition:bottom .8s;}
	.header.fixed .flowerCountdownMobil {bottom:92px;}
}


@media (max-width:1124px){
	.news:before{display:none;}
}
@media (max-width:1060px){
	.newsList li a{padding-left:0;}
	.tabContainer h2, .tabContainer:first-child h2{text-align:center;}
}
@media (max-width:1040px){
	.news, .newsList li a{width:190px;}
}
@media (max-width:1023px){
	.news{ display:none;}
}



.icons{clear:both;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px 0;margin:0 0 44px;}
.icons ul{list-style:none;margin:0;padding:0;font-size:0;}
.icons li{margin:0 12px 12px;padding:0;display:inline-block;width:104px;vertical-align:top;font-size:15px;line-height:1.2;}
.icons li img{display:block;width:60px;height:60px;padding:2px;margin:0 auto;border-radius:50%;cursor:pointer;}
.icons li a:hover img{background-color:#eceff0;transition:background-color .2s;}
.icons li a:focus img{background-color:#eceff0;transition:background-color .2s;}
.icons li a{text-decoration:none;display:block;}
@media (max-width:1023px){
	.icons{border:none;margin:30px 0;padding:0;}
	.icons li{font-size:18px;width:88px;margin:0 12px 1.5em;}
}
@media (max-width:960px){
	.icons li{ font-size:20px;width:20%;margin:1em 2%;}
	.icons li img{display:block;margin-bottom:6px;background-color:#eceff0;}

}
@media (max-width:479px){
	.icons li{width:29%;margin:0 1% 2em;}
	.icons li img{display:block;background-color:#eceff0;}
}


.theme{clear:both;max-width:1060px;position:relative;margin:40px auto;padding:0; text-align:center;}
.theme ul{list-style:none;margin:0 auto;padding:0;overflow:hidden;display:inline-block;}
.theme li{position:relative;float:left;/*width:194px;margin:0 5px;*/ padding:0;width:18.8%;margin:0 0 1em 1%;}
.theme li:first-child{margin-left:1%;}
.theme li>a{display:block;border:1px solid #aaa;border-bottom:4px solid #444;}
.theme li>a:hover{border-color:#333;}
.theme li>a:hover h2{background:rgba(0,0,0,.9);}
.theme li>a:focus{border-color:#333;}
.theme li>a:focus h2{background:rgba(0,0,0,.9);}
.theme img{display:block;width:100%;height:180px;object-fit:cover;overflow:hidden;}
.theme p{text-align:justify;margin:8px 10px;line-height:1.6;height:8em;overflow:hidden;}
.theme h2{ position: absolute; left: 2px; right: 1px; top: 146px; height: 36px; font-size: 18px; line-height: 36px; padding: 0 2px; background: rgba(0,0,0,.6); color: #fff; font-weight: normal; background: url(../images/bgBlack60.png) \9; }
.theme .arbtn{margin-top:-50px;width:28px;height:60px;}
.theme .arbtn.left{left:0;background-position:6px 20px;}
.theme .arbtn.right{right:0;background-position:8px -80px;}
.theme .more{text-align:center;margin:12px auto 8px;}
.theme .more a, .newsCard .more a{display:inline-block;border-radius:2em;background-color:#e1e3e4;background-position:72px center;padding:5px 22px 4px 16px;text-decoration:none;}
.theme .more a:hover, .newsCard .more a:hover,
.theme .more a:focus, .newsCard .more a:focus{background-color:#5e676e;color:#fff;}
@media (max-width:900px){
	.theme li{float:none;display:inline-block;vertical-align:top;width:30%;margin:0 .5% 1em;}
}
@media (max-width:640px){
	.theme{margin:0 16px;padding:30px 0;}
	.theme li{float:none;width:100%;height:auto;margin:0 0 16px;padding:0;}
	.theme li>a{border:none}
	.theme img{width:100%;height:auto;margin:0 auto;}
	.theme p{display:none;}
	.theme h2{font-size:1.4em;line-height:1.5;bottom:0;top:auto;left:0;height:1.5em;padding:.5em;border:none;}
}

.newsCard{clear:both;max-width:1060px;padding:40px 0;margin:0 auto;border-top:1px solid #ccc;text-align:center;}
.newsCard h2{font-size:1.7em;line-height:1.1;margin:0 0 24px;text-align:center;display:block;}
.newsCard ul{list-style:none;margin:0 ;padding:0;overflow:hidden;display:inline-block;}
/*.newsCard li{float:left;margin:0 0 10px 20px;padding:0 0 40px;border:1px solid #aaa;width:248px;height:310px; overflow:hidden;}*/
.newsCard li{float:left;margin:0 .5% 10px;padding:0 0 2em;border:1px solid #aaa;width:23.5%;height:21em; overflow:hidden;}
.newsCard li:first-child { margin-left:1.1%;}
.newsCard li a{display:block;height:20.5em;padding:.8em 0 0;overflow:hidden;border-top:#888 .5em solid;text-align:left;}
.newsCard li:hover{border-color:#111;}
.newsCard li:focus{border-color:#111;outline:none;}
.newsCard li figure::empty{display:none;}
.newsCard li figure{clear:both;padding:.7em 0 1em;margin:0;}
.newsCard li figure ~ p{display:none;}
.newsCard li img{display:block;clear:both;margin:0 auto;width:100%;height:14em;object-fit:cover;width:auto \9;}
.newsCard li h3{clear:both;margin:0 20px .5em;font-size:1.06em;line-height:1.6;text-align:justify;}
.newsCard li p{clear:both;margin:0 20px 16px;font-size:1em;line-height:1.6;text-align:justify;max-height:14em;overflow:hidden;}
.newsCard li .time+h3{padding-top:.8em;}
.newsCard li .cate{font-size:13px;float:left;margin-left:20px;color:#777;}
.newsCard li .time{font-size:13px;float:right;margin-right:20px;color:#777;}
.newsCard li.cateA a{border-color:#619100;}
.newsCard li.cateB a{border-color:#ce0013;}
.newsCard li.cateC a{border-color:#e27b00;}
.newsCard li.cateD a{border-color:#e0c800;}
.newsCard .more{text-align:center;margin-top:6px;}
@media (max-width:1024px){
	.newsCard li a{height:19.5em;}
}
@media (max-width:800px){
	.newsCard li{margin:0 .6% 10px;width:48.2%; box-sizing:border-box;height:23em;}
	.newsCard li:nth-child(2n+1) { margin-left:1.2%;}
}
@media (max-width:640px){
	.newsCard{border:none;}
	.newsCard h2{font-size:1.3em;padding:0 0 .4em;margin:0;border-bottom:3px solid #aaa;}
	.newsCard li figure, .newsCard li p, .newsCard li .time , .newsCard li .cate{display:none;}
	.newsCard ul{padding:0 0 20px;display:block;}
	.newsCard li{width:100%;height:auto;margin:0;padding:0;border:none;}
	.newsCard li.cateA a , .newsCard li.cateB a , .newsCard li.cateC a, .newsCard li.cateD a{border-color:#aaa;}
	.newsCard li a{height:auto;padding:.7em 16px;border:none;border-bottom:1px solid #aaa;}
	.newsCard li h3{font-size:1em;font-weight:normal;margin:0;display:inline;}
}


.adBlockH{clear:both;position:relative;padding:40px 0;margin:0 0 40px;height:84px;border-top:1px solid #ccc;}
.adBlockH .adSlide{position:relative;margin:0 auto;overflow:hidden;width:176px;/*單一個項目的寬度，總寬度由程式計算*/ height:82px;}
.adBlockH .adSlide ul{position:absolute;margin:0;padding:0;list-style:none;white-space:nowrap;font-size:0;*width:9999px;}
.adBlockH .adSlide li{margin:0 3px;padding:0;display:inline-block;*display:block;*float:left;}
.adBlockH .adSlide ul li img{display:block;width:168px;height:80px;}
.adBlockH .adSlide ul li a{display:block;border:1px solid #aaa;}
.adBlockH .adSlide ul li a:hover{border:1px solid #333;}
.adBlockH .adSlide ul li a:focus{border:1px solid #d30;outline:none;}
.adBlockH .more{text-align:right;width:880px;margin:12px auto 0;}
.adBlockH .arbtn{position:absolute;height:36px;width:32px;margin-top:-16px;}
.adBlockH .arbtn.left{left:50%;margin-left:-486px;background-position:center 8px;}
.adBlockH .arbtn.right{right:50%;margin-right:-486px;background-position:center -92px;}
.adBlockH noscript{text-align:right; float:right;}

.weather{position:absolute;left:-80px;width:80px;height:18px;padding-top:48px;border-bottom:1px solid #bbb;text-align:center;background-position:center 3px;background-repeat:no-repeat;font-size:13px;}
.weather.sunny{background-image:url(../images/weather/sunny.png);}
.weather.cloudy{background-image:url(../images/weather/cloudy.png);}
.weather.rain{background-image:url(../images/weather/rain.png);}
.weather.sunnyCloudy{background-image:url(../images/weather/sunnyCloudy.png);}
.weather.sunnyCloudyRain{background-image:url(../images/weather/sunnyCloudyRain.png);}
.weather.thundershowers{background-image:url(../images/weather/thundershowers.png);}
@media (max-width:1200px){
	.weather{display:none;}
}

@media (max-width:1023px){
	.adBlockH, .news{display:none;}
	.theme .more, .newsCard .more{ margin-top:0;}
	.theme .more a, .newsCard .more a{padding:.5em 1.5em;margin-top:0;background-image:none;}

	.promote ul{font-size:20px;}
	.promote{float:none;margin:0;padding:0;border:none;}
	.promote li{margin:0;width:33.3%;}
	.promote li img{display:block; width:100%;height:auto;}
	.promote a p{margin-top:6px;width:100%;height:auto;}
}
@media (max-width: 640px){
	.center{width:100%;}
	.promote ul{font-size:18px;}
}

.popMask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;min-height:inherit;background-color:#000;z-index:8888;opacity:.6;}
.popMessage{display:none;position:fixed;top:120px;left:12%;right:12%;width:76%;max-width:860px;min-height:200px;margin:0 auto;border-radius:4px;padding:2em 0 1.5em;box-shadow:rgba(0,0,0,.8) 0 0 24px;z-index:8890;font-size:18px;text-align:center;background-color:#fffde5;color:#000;}
.popMessage article{text-align:left;padding:0 1.9em;}
.popMessage article:after{display:block;content:'';width:100%;background:#999;border-top:1px solid #a09f8f;}
.popMessage p{margin:0 0 1.4em;line-height:1.7;}
.closePop{cursor:pointer;padding:.6em 1.5em;margin:.8em auto 0;line-height:1;color:#fff;background-color:#f48a0c;border-radius:3px;display:inline-block;font-size:inherit;border:none;font-size:1.11em;transition:all .3s;}
.closePop:hover, .closePop:focus{box-shadow:#7e786a 0 1px 8px 1px;background-color:#fffde5;color:#f57300;}
@media (max-width:700px){
	.popMessage{top:60px;left:6%;right:6%;width:88%;}
}