.footer{position:relative;clear:both;line-height:1.3;padding:0;font-size:.86em;}

.footer>section{padding:30px 0;width:92vw;margin:auto;}
.footer>section li{line-height:1.8;}
.footer>section>ul{margin:0 0 1.3em -5px;}
.footer>section>ul>li{display:inline-block;margin:0 1em .8em 0;}
.footer>section li>a,
.footer>section p>a{padding:.3em 5px;display:inline-block;}
.footer>section p{line-height:1.5;margin:.7em 0;}
.footer>section a{transition: .2s;}
.footer>nav,
.fatfootCtrl,
.fatfootCtrl + .hint,
.footer .qrcode,
.footer .deco,
.footer iframe,
.footer .capInfo{display:none;}

/* 無障礙標章，egov */
.footer .markA, .footer .egov { margin: 20px 0 0;display: inline-block; vertical-align: top;}
.footer .markA{ width: 156px; }
.footer .markA a {display: block; padding: 0;width: 100%;border-radius: 0; }
.footer .markA img {display: block; width: 100%;}
.footer .egov { width: 43px; margin-left: 12px;}
.footer .egov a, .footer .egov img{ display: block; width: 100%;padding: 0; border-radius: 0;}
/* 瀏覽人次, 更新日期 */
.footer .update,
.footer .visitor{display:inline-block;}
.footer .update + .visitor,
.footer .visitor + .update{
	margin-left:2em;
	width: calc(100% - 12em);
}
.footer .update em::before,
.footer .visitor em::before{content: '：';}

/* @media screen and (min-width:601px){
	.footer .update,
	.footer .visitor{display:inline-block;}
	.footer .update + .visitor,
	.footer .visitor + .update{margin-left:2em;}
} */

@media screen and (min-width:1001px){
	.fatfootCtrl{display:block;position:absolute;right:0;top:0;z-index:9;font-size:0;width:36px;height:36px;text-align:center;outline:none;transition:.2s;width:44px;height:44px;}
	.fatfootCtrl:hover{background-color:#000;}
	.fatfootCtrl:before{content:'';display:inline-block;width:16px;height:16px;border:3px solid #fff;border-bottom:none;border-right:none;transform:rotate(45deg);margin-top:8px;transition:.3s}
	.fatfootCtrl.close:before{transform:rotate(225deg);margin-top:-4px;}
	.fatfootCtrl + .hint{position:absolute;right:0;top:-2.2em;background-color:#fcc;padding:.5em;display:inline-block;display:none;}

	.footer .qrcode{display:block;position:absolute;right:8%;top:40px;}
	.footer.Type2 .qrcode{position:relative;text-align:center;margin:2em 0 0;right:auto;top:0;z-index:9;}
	.footer .qrcode li{margin-bottom:8px;}
	.footer.Type2 .qrcode li{display:inline-block;margin:0 8px;}
	.footer .qrcode li img{width:100px;display:block;border:5px solid #fff;}
	.footer.Type2 .qrcode li img{width:120px;}
	.footer.Type2 .qrcode li a:hover img ,
	.footer.Type2 .qrcode li a:focus img{border-color:#bbb;}

	.footer .deco:empty{display:none;}
	.footer .deco{display:block;text-align:right;}
	.footer .deco img{max-width:100%;float:right;}

	.footer>nav{display:block;position:relative;padding:20px 0 0 30px;margin-right:180px;transition:padding-top .3s;}
	.footer .fatfootCtrl.close ~ nav{padding-top:0;}
	.footer.Type2>nav{padding:20px 30px 0;margin-right:0;}
	.footer>nav a{color:#333;text-decoration:none;}
	.footer>nav a:hover,
	.footer>nav a:focus{text-decoration:underline;}
	.footer>nav ul li{line-height:1.3;font-size:14px;}
	.footer>nav ul ul{margin:.6em 0 0 0;}
	.footer>nav ul ul ul{display:none;}
	.footer>nav>ul>li{margin:0 15px 0 0;padding:1.5em 0;display:inline-block;width:136px;vertical-align:top;}
	.footer.Type2>nav>ul>li{margin:0 10px 0 0;}
	.footer>nav ul ul li{margin:0 0 .1em} 
	.footer>nav li a{display:block;padding:6px 3px;}
	.footer>nav>ul>li>a{font-weight:bold;line-height:1.1;padding-bottom:.5em;}

	.footer>section{position:relative;width:auto;padding:30px 320px 40px 3%;clear:both;overflow:hidden;}
	.footer .markA,
	.footer .egov{display:block;position:absolute;right:3%;top:36px;margin:0;padding:0;}
	.footer .markA a,
	.footer .egov a{display:block;margin:0;padding:0;}
	.footer .markA{right:90px;width:124px;}

	.footer .update,
	.footer .visitor{ margin:1.2em 0 0; width: auto;}
	/* 
	.footer .update em,
	.footer .visitor em{margin-left:.5em;}
	*/
	.footer .update + .visitor,
	.footer .visitor + .update{ width: auto;} 
	.footer>section iframe{display:block;float:right;width:200px;margin-right:-290px;margin-top:35px;border:5px solid #fff;border-radius:5px;padding-bottom:5px;background:#fff;box-shadow:rgba(0,0,0,.3) 0 0 9px;}


	/* 20210428 災害示警資訊 .alertCAP_forTCC*/
	.footer .capInfo{
		display: block; float: right;  margin: 5px -290px 0 0; padding: 0; width: 170px;
		color: #444;background: #fff; border-radius: 6px; overflow: hidden;	}
	.footer .alertCAP_forTCC_content span[class^="alertCAP_forTCC_dressup"],
	.footer .alertCAP_forTCC_content span[class^="alertCAP_forTCC_dressdown"] {display: none}
	.footer .alertCAP_forTCC{border: none;}
	.footer .alertCAP_forTCC h3[class^="alertCAP_forTCC_header banner"]{ border:none; font-size: 1.36em; padding: 8px 3px 0; line-height: 1;}
	.footer .alertCAP_forTCC h3 img{margin:0 3px 0 4px;}
	.footer .alertCAP_forTCC h4.alertCAP_forTCC_title{ border-top:none; border-bottom: 1px solid #ccc; padding: 5px 0 2px;}
	.footer .alertCAP_forTCC_con{ padding: 4px 8px;}
	.footer .alertCAP_forTCC_con .alertCAP_forTCC_time{ color: #777;}


	.footer .alertCAP_forTCC_content a[class^="alertCAP_forTCC_more banner"]{ border:none;text-decoration: none; color: #666; transition: none;}
	.footer .alertCAP_forTCC_content a[class^="alertCAP_forTCC_more banner"]:hover,
	.footer .alertCAP_forTCC_content a[class^="alertCAP_forTCC_more banner"]:focus{background: #eb6400; color: #fff;}


}