@charset "utf-8";
/* CSS Document */
footer {background-color: #fff; position: relative;}
.footer ul a {position: relative;}
footer::before {content: ''; position: absolute; top: 0; left: 0; background-color: #eeeeee; width: 39.58%; height: 100%;}
.footer {position: relative; max-width:1280px; margin:auto; padding: 30px 20px 20px 20px;}
.footer ul , .footer li {list-style-type:none; margin: 0; padding: 0;}
.footer ul {width: 100%; color: #000;}
.footer > ul {display: flex; flex-wrap: wrap;}
.footer > ul > li:nth-child(1) {width: 455px;}
.footer > ul > li:nth-child(1) > ul > li {margin-bottom: 13px; font-family: Arial, "sans-serif"; font-weight: bold;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(1) {line-height: 0; font-size: 0; margin: 0px 0 16px 5px;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(1) img {cursor: pointer;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(2) {margin: 0px 0 33px 0;}
.footer > ul > li:nth-child(1) > ul > li:nth-child(2) h5 {font-weight: 400; font-family: 'Noto Sans TC', sans-serif;}
.footer > ul > li:nth-child(1) > ul > li > div {font-weight: 200; font-family: 'Noto Sans TC', sans-serif;}
.footer > ul > li:nth-child(1) a:link, .footer > ul > li:nth-child(1) a:visited {text-decoration:none; color:#444;font-weight: 300;}
.footer > ul > li:nth-child(1) a:active, .footer > ul > li:nth-child(1) a:hover {text-decoration:none; color:#215eab;}
.footer > ul > li:nth-child(2) {width: calc(100% - 455px); padding: 120px 0 0 0;}
.footer > ul > li:nth-child(2) ul {display: flex; flex-wrap: wrap; width: 60%; float: left;}
.footer > ul > li:nth-child(2) ul li {width: 33%; margin: 0 0 30px 0;}
.footer > ul > li:nth-child(2) a:link, .footer > ul > li:nth-child(2) a:visited {text-decoration:none; color:#666666; line-height: 150%; transition: all 0.5s ease 0s;}
.footer > ul > li:nth-child(2) a:active, .footer > ul > li:nth-child(2) a:hover {text-decoration:none; color:#215eab; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > ul > li:nth-child(2) div {width: 40%; float: left; padding: 5px 0 0 0;}
.footer > ul > li:nth-child(2) h6 {font-family: Arial, "sans-serif"; padding: 38px 0 0 0; clear: both;}

.footer ul a::before {content: ''; border: 1px solid rgba(255, 255, 255, 0); position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; transition: all 0.25s ease 0s;}
.footer ul a:hover::before {content: ''; border: 2px solid #215eab; position: absolute; top: -2px; left: -6px; right: -6px; bottom: -2px; box-shadow: 0 0 13px rgba(0, 0, 0, 0.2); transition: all 0.25s ease 0s;}