.pagetopbtn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 3px; border-radius: 3px; color: #fff; background: #494949; transition: all .2s; cursor: pointer; }
.pagetopbtn:before { content: '\f0d8'; font-family: FontAwesome; line-height: 12px; padding-bottom: 5px; }
.pagetopbtn:after { content: 'TOP'; font-size: 14px; line-height: 14px; }
.pagetopbtn:hover { opacity: .5; }

footer a:hover { opacity: .5; }
footer .wrap { max-width: 1380px; display: flex; flex-wrap: wrap; justify-content: space-between; }
footer .left, footer .right, footer .center { width: 100%; }
footer .left { max-width: 340px; }
footer .center { max-width: 500px; }
footer .right { max-width: 340px; }
footer .copyright { width: 100%; text-align: center; font-size: 13px; padding: 10px 0; }

.footer-up { padding: 70px 0; }

.footer-logo { font-size: 28px; line-height: 28px; margin-bottom: 5px; display: inline-block; cursor: pointer; }

.ft-name { display: block; font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 4px solid #0190D0; }

.footer-community { width: 236px; display: flex; justify-content: space-between; }

[class^="ftc-"] { position: relative; padding: 8px 0; }
[class^="ftc-"]:before { font-family: FontAwesome; content: ''; position: absolute; left: 0px; opacity: .5; }

.ft-messages-list { display: flex; flex-wrap: wrap; }
.ft-messages-list a { color: #242329; }
.ft-messages-list li { width: calc(50% - 16px); margin-bottom: 5px; }
.ft-messages-list li:nth-child(odd) { padding-right: 8px; }

.footer-data { position: relative; }

.ft-data-box { background: #010101; color: #fff; padding: 40px 0; }

.ft-data-name { width: 100%; font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff; }

.ft-data-content { width: 100%; display: flex; justify-content: space-between; }
.ft-data-content a { color: #fff; }
.ft-data-content a.tel { pointer-events: none; }
.ft-data-content [class^="box-"] { width: 100%; }
.ft-data-content [class^="box-"] li { display: flex; align-items: center; margin-bottom: 20px; }
.ft-data-content [class^="box-"] li:before { content: ''; font-family: FontAwesome; padding-right: 20px; font-size: 25px; }
.ft-data-content [class^="box-"] li.ftd-tel:before { content: '\f095'; }
.ft-data-content [class^="box-"] li.ftd-mail:before { content: '\f199'; }
.ft-data-content [class^="box-"] li.ftd-add:before { content: '\f3c5'; }
.ft-data-content .box-left { max-width: 600px; }
.ft-data-content .box-right { max-width: 1000px; }

@media only screen and (max-width: 1366px) { footer .wrap { padding: 0 5%; } }
@media only screen and (max-width: 1312px) { footer .left { max-width: 290px; } }
@media only screen and (max-width: 1024px) { footer .left, footer .center, footer .right { width: 90%; max-width: 100%; margin: 0 auto; padding-bottom: 20px; }
  footer .left { text-align: center; }
  .footer-logo { text-align: center; }
  .footer-community { margin: 0 auto; }
  .ft-messages-list li { text-align: left; }
  .ft-data-name { text-align: center; }
  .ft-data-content { flex-direction: column; } }