#tfooter { position: relative; background-color: #2c2c2c; }
#tfooter .top { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#tfooter .top .topmenus { display: flex; flex-wrap: nowrap; font-size: 16px; color: #fff;}
#tfooter .top .topmenus a { display: inline-block; margin-right: 25px; font-size: inherit; color: inherit; }

#tfooter .mid { padding: 30px 0; }
#tfooter .mid dl { display: flex; flex-wrap: nowrap; align-items: center; }
#tfooter .mid dl dt { min-width: max-content; margin-right: 40px; }
#tfooter .mid dl dt a { display: inline-block; }
#tfooter .mid dl dt a img { display: inline-block; width: 62px; }
#tfooter .mid dl dd .textbox { font-size: 16px; color: #c5c5c5; line-height: 1.7; }
#tfooter .mid dl dd .textbox * { font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .mid dl dd .textbox p { display: inline-block; margin-right: 20px; }

#tfooter .bottom { padding: 10px 0 20px; text-align: center; }
#tfooter .bottom .text1 { font-size: 16px; color: #787878; line-height: 1.35; }

@media (max-width: 1535px) {
    #tfooter .top { padding: 18px 0; }

    #tfooter .mid { padding: 25px 0; }
}

@media (max-width: 1279px) {
    #tfooter .top { padding: 16px 0; }

    #tfooter .mid { padding: 20px 0; }
}

@media (max-width: 1023px) {
    #tfooter .top { padding: 14px 0; }
    
    #tfooter .mid { padding: 15px 0; }
}

@media (max-width: 767px) {
    #tfooter .top { padding: 12px 0; }
    #tfooter .top .topmenus a { margin-right: initial; width: 33.3333%; text-align: center; }

    #tfooter .mid dl { display: block; text-align: center; }
    #tfooter .mid dl dt { min-width: initial; margin-right: initial; }
    #tfooter .mid dl dt a img { width: 100%; max-width: 55px; }
    #tfooter .mid dl dd .textbox { margin-top: 15px; }
    #tfooter .mid dl dd .textbox p { display: block; margin-right: initial; }
    #tfooter .mid dl dd .textbox br { display: none; }

    #tfooter .bottom { padding: 0; padding-bottom: 20px; }
}