@charset "utf-8";
/* CSS Document */
footer {color: rgba(255, 255, 255, 0.65); font-family:'Microsoft JhengHei'; font-size: 15px; overflow: hidden; background: url("../images/footer-bg.png") no-repeat top right #7d5f51; background-size: 25%;}
footer a:link, footer a:visited {text-decoration:none; color:rgba(255, 255, 255, 0.65); position: relative; z-index: 1; transition: all 0.5s ease 0s;}
footer a:active, footer a:hover {text-decoration:none; color:#ff9d00; cursor:pointer; transition: all 0.5s ease 0s;}
footer li, footer h5 {font-family:'Microsoft JhengHei'; font-size: 100%; line-height: 2;}
.footer {position: relative; max-width:1450px; margin:auto; padding: 3.153% 20px; display: flex; flex-direction: row;}
.footerL {width: 18.4397%; line-height: 0; text-align: center; padding: 0px 10px 0 10px;}
.logoF {display: flex; flex-wrap: wrap; justify-content: center;}
.shareF {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 10px 0 0 0;}
.shareF a:link, .shareF a:visited {text-decoration:none; color:#fff; background-color: transparent; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 40px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.42); margin: 5px; filter:alpha(opacity=70); Opacity:0.7; transition: all 0.5s ease 0s;}
.shareF a:active, .shareF a:hover {text-decoration:none; color:#fff; cursor:pointer; filter:alpha(opacity=100); Opacity:1; transition: all 0.5s ease 0s;}
.shareF_fb:hover {background-color: #3b5999!important;}
.shareF_line:hover {background-color: #00c854!important;}
.shareF_ig:hover {background-color: #b01b86!important;}
.shareF_yt:hover {background-color: #ff9d00!important;}
.shareF a::after {content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: 50; border: 1px solid rgba(255, 255, 255, 0); border-radius: 50%; transition: all 0.5s ease 0s;}
.shareF a:hover::after {top: calc(100% - 10px); left: calc(100% - 10px); right: calc(100% - 10px); bottom: calc(100% - 10px); border: 2px solid rgba(255, 255, 255, 1); transition: all 0.5s ease 0s;}
.footerC {width: 40.4255%; padding: 32px 20px 30px 0; border-right: 1px solid rgba(255, 255, 255, 0.16);}
.footerC > ul, .footerC > ul > li {list-style-type:none; margin: 0; padding: 0;}
.footerC > ul {width: 100%; display: flex; flex-wrap: wrap;}
.footerC > ul > li:nth-child(1) {width: 48px;}
.footerC > ul > li:nth-child(2) {width: calc(100% - 48px);}
.footerC > ul > li a::after {content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: 50; border: 1px solid rgba(255, 255, 255, 0); transition: all 0.5s ease 0s;}
.footerC > ul > li a:hover::after {top: 100%; left: 100%; right: 100%; bottom: 100%; border: 2px solid #ff9d00; border-radius: 50%; transition: all 0.5s ease 0s;}
.footerR {width: 41.1348%; padding: 12px 0px 0px 8.369%;}
.footerR > ul, .footerR > ul > li {list-style-type:none; margin: 0; padding: 0;}
.footerR > ul {width: 100%; display: flex; flex-wrap: wrap;}
.footerR > ul > li {width: 50%; padding: 0 10px 0 0;}
.footerR > ul > li a::after {content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: 50; border: 1px solid rgba(255, 255, 255, 0); transition: all 0.5s ease 0s;}
.footerR > ul > li a:hover::after {top: 100%; left: 100%; right: 100%; bottom: 100%; border: 2px solid #ff9d00; border-radius: 50%; transition: all 0.5s ease 0s;}

.copyright {padding: 25px 20px 30px 20px; font-family:'Microsoft JhengHei'; text-align: center; color: rgba(255, 255, 255, 0.47);}


@media only screen and (max-width: 768px) {
	footer { background: url("../images/footer-bg.png") no-repeat top right #7d5f51; background-size: 50%;}
}