@charset "utf-8";
/* CSS Document */
footer {color: #333333; line-height: 1.42857143; overflow: hidden; margin: 0 0 0 0;}

.footer {padding: 5.508% 0 6.015% 0; margin: 0 8px 0 -8px;}
.footer > .mai {display: flex; flex-flow: wrap; align-items: flex-end; position: relative; z-index: 1; padding: 0 0 3.624% 0;}
.footer > .mai::after {content: ''; background: #90643b; height: 1px; line-height: 0; font-size: 0; position: absolute; top: 100%; left: 8px; right: -9px; z-index: -1;}
.footer > .mai > .lef {width: 270px; padding: 0 0 0 8px;}
.logoF {max-width: 250px; line-height: 0; font-size: 0;}
.logoF a {display: block!important; height: 77px;}
.footer > .mai > .rig {width: calc(100% - 270px); padding: 0 0 4px 20px;}
.footer > .mai > .rig a:link, .footer > .mai > .rig a:visited {text-decoration:none; color:#333; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.footer > .mai > .rig a:active, .footer > .mai > .rig a:hover {text-decoration:none; color:#90643b; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > .mai > .rig a::after {content: ''; background: #90643b; height: 1px; width: 0; position: absolute; top: calc(100% + 2px); right: 0; z-index: -10; transition: all 0.5s ease 0s;}
.footer > .mai > .rig a:hover::after {left: 0; width: 100%;}
.footer > .mai > .rig > ul, .footer > .mai > .rig > ul li {list-style-type:none; margin: 0; padding: 0;}
.footer > .mai > .rig > ul {display: flex; flex-flow: wrap; justify-content: flex-end; margin: 0 -9px 0 0;}
.footer > .mai > .rig > ul li {display: flex; flex-flow: row; align-items: center;}
.footer > .mai > .rig > ul li::after {content: ''; width: 1px; height: 16px; background: #5d5d5d; display: block; margin: -1px 16.5px 0 17px;}
.footer > .mai > .rig > ul li:last-child::after {content: none;}
.footer > .bot {display: flex; flex-flow: wrap; align-items: center; padding: 3.696% 0 0 0;}
.footer > .bot > .lef {width: calc(100% - 170px); display: flex; flex-flow: wrap; padding: 0 0 0 8px;}
.footer > .bot > .lef a:link, .footer > .bot > .lef a:visited {text-decoration:none; color:#333; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.footer > .bot > .lef a:active, .footer > .bot > .lef a:hover {text-decoration:none; color:#90643b; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > .bot > .lef a::after {content: ''; background: #90643b; height: 1px; width: 0; position: absolute; top: calc(100% + 2px); right: 0; z-index: -10; transition: all 0.5s ease 0s;}
.footer > .bot > .lef a:hover::after {left: 0; width: 100%;}
.footer > .bot > .lef > div {display: flex; flex-flow: row; align-items: center; justify-content: flex-start; padding: 0 3.67% 0 0;}
.footer > .bot > .lef > div > .img {min-width: 47px; height: 47px; border-radius: 47px; border: 1px solid #909090; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 2px 0 0 0; transition: all 0.5s ease 0s;}
.footer > .bot > .lef > div > .img img:nth-child(1) {display: block;}
.footer > .bot > .lef > div > .img img:nth-child(2) {display: none;}
.footer > .bot > .lef > div:hover > .img {border: 1px solid #90643b;}
.footer > .bot > .lef > div:hover > .img img:nth-child(1) {display: none;}
.footer > .bot > .lef > div:hover > .img img:nth-child(2) {display: block;}
.footer > .bot > .lef > div > .txt {width: calc(100% - 47px); font-family: "Roboto", 'Noto Sans TC', sans-serif; color: #333333; letter-spacing: 1.4px; padding: 4px 0 0 14px; margin: 0; word-wrap: break-word;}
.footer > .bot > .rig {width: 170px;}
.footer > .bot > .rig a:link, .footer > .bot > .rig a:visited {text-decoration:none; color:#333; transition: all 0.5s ease 0s;}
.footer > .bot > .rig a:active, .footer > .bot > .rig a:hover {text-decoration:none; color:#90643b; cursor:pointer; transition: all 0.5s ease 0s;}
.footer > .bot > .rig > .sha {display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end; padding: 0; margin: 0 -9px 0 0;}
.footer > .bot > .rig > .sha a {display: block; line-height: 0; font-size: 0; margin: 5px 0 5px 15px;}
.footer > .bot > .rig > .sha a img:nth-child(1) {display: block;}
.footer > .bot > .rig > .sha a img:nth-child(2) {display: none;}
.footer > .bot > .rig > .sha a:hover img:nth-child(1) {display: none;}
.footer > .bot > .rig > .sha a:hover img:nth-child(2) {display: block;}

.copyright {color: #333333; font-weight: 300; line-height: 1.92857143; background: #eee; padding: 19px 17px 18px 0; margin: 0 0 0 0;}
.copyright a:link, .copyright a:visited {text-decoration:none; color:#333; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.copyright a:active, .copyright a:hover {text-decoration:none; color:#90643b; cursor:pointer; transition: all 0.5s ease 0s;}
.copyright a::after {content: ''; background: #90643b; height: 1px; width: 0; position: absolute; top: calc(100% + 2px); right: 0; z-index: -10; transition: all 0.5s ease 0s;}
.copyright a:hover::after {left: 0; width: 100%;}
.copyright > div.frame_1380 {display: flex; flex-flow: row; align-items: center; justify-content: space-between;}
.copyright a:link, .copyright a:visited {text-decoration:none; color:#333333; transition: all 0.5s ease 0s;}
.copyright a:active, .copyright a:hover {text-decoration:none; color:#90643b; cursor:pointer; transition: all 0.5s ease 0s;}
.copyright .fon {width: 50%; font-family: "Raleway", 'Noto Sans TC', sans-serif; font-weight: 300; line-height: 1.92857143; letter-spacing: -0.01px; padding: 0 20px 0 16.5px; margin: 0;}
.copyright .men {width: 50%; font-weight: 400; text-align: right; letter-spacing: 0; display: flex; flex-flow: wrap; justify-content: flex-end; padding: 0 0 0 20px; margin: 0 -19px 0 0;}
.copyright .men > label {font-size: 130%; font-weight: 300; padding: 0 12.5px; margin: -5px 0 -5px 0;}