footer {width:100%; max-width:1920px; height:405px; background:#FAFAFA; padding:124px 0 94px; position:relative; overflow:visible;}

footer h3 {background:url("/wimage/footerlogo.png") 0 0 no-repeat; background-size:contain; height:45px; padding-left:60px; font-size:40px; letter-spacing:-0.05rem; line-height:45px; color:rgba(26,26,26,0.9); text-align:left;}


.sites {display:flex; margin-top:40px; line-height:34px; position:relative; flex-direction:column; width:140px; height:34px; padding:0 15px; border-radius:17px; background:#EFEFEF; }

.sites span {display:block; width:100%; height:100%; z-index:4000; font-size:18px; cursor:pointer;}

.family { position:absolute; z-index:3000; font-weight:700; color:rgba(26,26,26,0.6); bottom:0; background:#efefef; padding:0 18px 15px; border-radius:17px 17px 0 0; width:140px; left:0; opacity:0; transition:0.3s all ease;}

.family.on {bottom:calc(100% - 15px); opacity:1;}

.family>li>a {color:rgba(26,26,26,0.6); font-size:14px;}

.family>li>a:hover, .family>li>a:focus {text-decoration:underline; text-decoration-thickness: 1px;}


.f-main {display:flex; justify-content:end; margin-left:28px;}

footer .box {width:870px; color:rgba(26, 26, 26, 0.6); font-weight:500; margin-right:20px;}

footer .box a {color:rgba(26, 26, 26, 0.6); margin-left:5px;}

.flexbox {display:flex; flex-wrap:wrap;}

footer .box p {margin-right:35px; line-height:200%;}

.copyright {margin-top:10px;}

.copyright span {color:rgba(26, 26, 26, 1);}



.login {display:none;}


@media all and (max-width:1504px) {

    .sites span {font-size:16px;}

    .f-main {font-size:14px;}

    footer>.container>.col5 {width:48.339%;}

    footer>.container>.col7 {width:48.339%;}

}

@media all and (max-width:1183px) {

    footer {padding:56px 0 91px; height:auto;}
    
    footer>.container>.col5 {width:98.523%;}

    footer>.container>.col7 {width:98.523%;}

    footer h3 {background-position:calc(40% - 20px) 50%; background-repeat:no-repeat; text-align: center; padding-left:90px; height:32px; line-height:32px; margin-right:30px;}

    .sites {margin: 40px auto 0; text-align:center;}

    .f-main {margin-top:30px; justify-content:center; margin-left:28px;}

    .flexbox {justify-content:center;}

    .copyright {text-align: center; margin-top:20px;}

}

@media all and (max-width:829px) {

    footer h3 {background-position:calc(50% - 70px) 50%; font-size:32px;}

    .box p {margin-right:15px;}

    .family>li>a:after {height:15px; margin-top:1px;}
}

@media all and (max-width:572px) {

    footer h3 {background-position:calc(50% - 60px) 50%; font-size:26px; height:34px; line-height:34px; padding-left:80px;}

    .f-main {margin-left:17px;}

}

@media all and (max-width:376px) {
    .box p {margin-right:10px;}

    .flexbox {word-break:break-all; display:flex; flex-direction:column; align-items:center;}

    .f-main {font-size:13px;}

}

@media all and (min-width:280px) and (max-width:342px) {
    
    .f-main {font-size:11px;}

}