@charset "utf-8";
/* CSS Document */
footer { position: relative; line-height: 1.888; overflow: hidden; z-index: 1;}
footer a:link, footer a:visited { position: relative; text-decoration:none; color: #fff; z-index: 1; transition: all 0.25s ease 0s;}
footer a:active, footer a:hover {text-decoration:none; color: #fff; cursor:pointer; transition: all 0.25s ease 0s;}
footer a::before { content: ''; position: absolute; bottom: -4px; right: 0; height: 2px; background: #b08538; width: 0; transition: all 0.25s ease 0s;}
footer a:active::before, footer a:hover::before {width: 100%; left: 0;}

.footer { color: #fff; background: linear-gradient(90deg, #080504 0%, #313332 25%, #313332 75%, #080504 100%); line-height: 1.66;}
.footer .ft_T { display: flex; flex-flow: wrap; padding: 2% 0;}
.footer .ft_T .ft_T_L { max-width: 25%; margin: 0 auto auto 0;}
.footer .ft_T .ft_T_C { max-width: 55%; padding: 0 4%;}
.footer .ft_T .ft_T_R { max-width: 20%; margin: 0 0 auto auto;}
.footer .ft_T .ft_T_R a:hover::before { display: none;}
.footer .ft_B { background: #6B6868;}
.footer .ft_B .copyright { padding: 10px 0; font-size: 83.333%; font-weight: 700; background: #6B6868; text-align: center;}

.footer .ft_list { display: flex; flex-flow: wrap; justify-content: space-between;}
.footer .ft_list li { margin: 5px 15px;}
.footer .ft_list li:last-child { margin-bottom: 0;}
.footer .infor > div { position: relative; display: flex; flex-flow: row; padding: 0 0 0 10px;}
.footer .infor > div:last-child { margin-bottom: 0;}
.footer .infor > div::before { content: ''; position: absolute; top: 6px;left: 0; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #fff;}
.infor .infor_L { min-width: 39px;}
.footer .social { display: flex; flex-flow: row; margin-bottom: 15px;}
.footer .social > div { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin-right: 15px; transition: all 0.25s ease 0s;}
.footer .social > div:last-child { margin-right: 0;}
.footer .social > div a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.footer .logoF a { display: block; width: 160px; filter: brightness(0) invert(1);}