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

.footer>section{padding:30px 2vw;width:auto;margin:auto;}
.footer>section li{line-height:1.8;}
.footer>section>ul{margin:-10px 0 1em -5px;padding: 0;}
.footer>section>ul>li{display:inline-block;margin:0 1em 0 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>nav,
.fatfootCtrl,
.fatfootCtrl + .hint,
.footer .qrcode,
.footer .deco,
/* .footer .markA,
.footer .egov, */
.footer iframe{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: ' :';margin-right:.3em;}


@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>section a{display:inline-block;padding:0 .2em;}
	.footer>section a{margin:0 .4em;}
	/* .footer .markA,
	.footer .egov{position:absolute;right:3%;top:36px;margin:0;padding:0;}
	.footer .markA{right:90px;}
	.footer .markA img{width:180px;display:block;border-radius:5px;}
	.footer .egov img{width:43px;display:block;} */
	/* .footer .update,
	.footer .visitor{display:block;margin:1.2em 0 0;}
	.footer .update + .visitor,
	.footer .visitor + .update{margin-left:0;} */

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

	.footer .update,
	.footer .visitor{ margin:1.2em 0 0; 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;}
}