#footer{width:100%;height:auto;background:#111016;text-align:center;position:relative;overflow:hidden;text-transform:uppercase;border-bottom:1px solid #403f44;z-index:98}#footer a:hover,#footer a:focus{text-decoration:underline !important}.footer-info{width:100%;height:340px}.footer-info .footer-bg{background:url(/zh-tw/images/common/footer-bg.jpg) no-repeat;width:100%;height:340px;z-index:0}.footer-info .footer-img,.footer-info .text-box{display:inline-block;position:relative;z-index:2}.footer-info .footer-img{background:url(/zh-tw/images/common/footer-img.png);background-repeat:no-repeat;width:310px;height:305px}.footer-info .text-box{padding:0 0 15px 0;border-bottom:2px solid #ccc;margin-bottom:20px;margin-left:40px;vertical-align:bottom}.footer-info .text-box p,.footer-info .text-box a{color:#ccc !important;margin:0}.footer-info .text-box p.intro{font-size:13px;padding-left:30px;margin-bottom:10px}.footer-info .text-box p.intro .square{position:absolute;top:9px;left:0px}.footer-info .text-box p.data{padding-left:31px;text-align:left}.footer-info .text-box p.data .link{display:inline-block;letter-spacing:1px;font-size:16px;margin:3px 0}.footer-info .text-box p.data .icon{width:22px;height:22px;display:inline-block;line-height:22px;background:#ccc;border-radius:99em;text-align:center;font-size:12px;color:#444;margin-right:5px;padding-left:2px}@media screen and (max-width:767px){.footer-info{height:410px}.footer-info .footer-img,.footer-info .text-box{display:block;margin-left:auto;margin-right:auto}.footer-info .footer-bg{height:410px}.footer-info .footer-img{background:url(/zh-tw/images/common/footer-img-xs.png) no-repeat;background-size:100%;width:219px;height:228px}.footer-info .text-box{width:220px}.footer-info .text-box p{padding-left:0 !important;text-align:left}.footer-info .text-box p.intro{margin-bottom:0}.footer-info .text-box p.intro .icon{display:none}}.footer-bottom{width:100%;height:auto;padding:17px 0;border-top:1px solid #403f44}.footer-bottom p,.footer-bottom a{color:#aaa !important;font-size:13px;display:inline-block;font-family:"Oswald-L",'Noto Sans SC',"Microsoft JhengHei",Arial,sans-serif}.footer-bottom p{margin-bottom:0}.footer-bottom span{display:inline-block}.footer-bottom .data{float:left}.footer-bottom .data a:first-child{margin-right:35px}.footer-bottom .data .icon{font-size:13px;margin-right:3px}.footer-bottom .copyright{float:right}.footer-bottom .top-box{width:60px;height:100%;display:block;position:absolute;top:0;right:0;border-left:1px solid #403f44;color:#d0d0d0;text-align:center;text-shadow:0 0 10px transparent;-webkit-transition:text-shadow 0.2s ease-out;-o-transition:text-shadow 0.2s ease-out;transition:text-shadow 0.2s ease-out}.footer-bottom .top-box .icon{width:100%;font-size:24px;margin-top:10px}.footer-bottom .top-box .text{font-size:12px;top:-15px;position:relative}.footer-bottom .top-box:hover,.footer-bottom .top-box:focus{text-shadow:0 0 10px #fff}@media screen and (min-width:1200px) and (max-width:1300px){.footer-bottom .copyright{padding-right:60px}}@media screen and (min-width:768px) and (max-width:1199px){.footer-bottom{padding:15px 0}.footer-bottom .data,.footer-bottom .copyright{display:block;float:none;text-align:left}.footer-bottom .copyright{margin-top:-5px}.footer-bottom .top-box .icon{margin-top:16px}}@media screen and (max-width:767px){.footer-bottom{text-align:center;padding-top:40px}.footer-bottom .data,.footer-bottom .copyright{text-align:center;float:none}.footer-bottom p{line-height:18px}.footer-bottom .copyright{margin-top:5px}.footer-bottom .top-box{width:60px;height:60px;border:1px solid #403f44;background:#111016;position:absolute;top:-30px;left:0;right:0;margin:auto}}.footer-bottom,.footer-info{position:relative}