.footer{background-color:#fff;overflow:hidden}
.footer-links{padding:50px 0 0;background-color:#f2f2f2}
.footer-links-items{width:80%;margin:0 auto;display:flex;justify-content:flex-start;flex-wrap:wrap}
.footer-links-items .footer-links-item{flex:1;padding:7px 0;position:relative;display:block}
.footer-links-items .footer-links-item p{font-size:18px;color:#27509b;padding-left:40px;font-weight:700}
.footer-links-items .footer-links-item ul{padding-left:40px}
.footer-links-items .footer-links-item::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#e4e4e4}
.footer-links-items .footer-links-item li{margin:15px 0 20px;font-size:18px}
.footer-links-items .footer-links-item li a{color:#333}
.footer-links-items .footer-links-item li a:hover{text-decoration:underline}
.michelin-man{padding:60px 0 40px;background-color:#f2f2f2}
.follow-us{padding-top:60px;padding-bottom:65px}
.follow-us .tit{text-align:center;font-size:30px;font-weight:700;padding-bottom:50px}
.follow-us .qr-code{max-width:937px;justify-content:space-between;margin:0 auto;position:relative}
.follow-us .qr-code li{display:flex;align-items:flex-end;position:relative}
.follow-us .qr-code .img{display:block;width:108px;position:relative;z-index:2}
.follow-us .qr-code .follow{
    display: none;
}
.follow-us .qr-code .text{font-size:18px;font-weight:700;line-height:1.2;margin-left:8px;margin-bottom:42px}
.follow-us .qr-code .img img{display:block;width:100%;height:100%}
.follow-us .qr-code .img::after{content:'';width:100%;height:100%;background:url(/assets/images/border.png) scroll no-repeat 0 0;background-size:100% 100%;top:0;left:0;position:absolute}
.follow-us .qr-code .img::before{content:'';width:30%;height:30%;background:url(/assets/images/follow-us-logo-2.png) scroll no-repeat 0 0;background-size:100% 100%;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}
.follow-us .qr-code li:nth-child(1) .img::before{background-image:url(/assets/images/follow-us-logo-1.png)}
.follow-us .qr-code li:nth-child(3) .img::before{background-image:url(/assets/images/follow-us-logo-3.png)}
.follow-us .qr-code .shadow{position:absolute;bottom:-10px;left:-10px;width:260px;height:50px;background:url(/assets/images/shadow.png) scroll no-repeat 0 0;background-size:100% 100%;z-index:1}
.net{width:100%;height:75px;background-color:#284c9b}
.net .wrapper{max-width:1400px;margin:0 auto;height:100%;justify-content:space-between;color:#fff;font-size:14px;padding-left:24px;padding-right:24px}
.net .wrapper a{color:#fff}
.net .wrapper a:hover{text-decoration:underline}
.record{height: 50px;font-size: 12px;}
.record a:hover{text-decoration:underline}
.back-to-top{position:fixed;width:46px;height:46px;border-radius:50%;right:20px;bottom:150px;background-color:#e4e4e4;z-index:99;cursor:pointer;display:none}
.back-to-top::after{content:'';display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:url(/assets/images/arrow-up.png) scroll no-repeat center center;background-size:100%;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}
@media (max-width:1366px){
.footer-links-items .footer-links-item p{font-size:16px}
.footer-links-items .footer-links-item li{font-size:14px}
.follow-us .tit{font-size:24px}
.follow-us .qr-code .text{font-size:14px}
}
@media (max-width:1024px){
.follow-us .tit{font-size:20px}
.follow-us{padding-left:24px;padding-right:24px}
.follow-us .qr-code{width:80%}
.follow-us .qr-code .shadow{display:none}
.follow-us .qr-code li{align-items:center;flex-direction:column;flex:1}
.follow-us .qr-code li br{display:none}
.follow-us .qr-code li .text{margin-bottom:0;margin-left:0;margin-top:15px;text-decoration: underline;}
.follow-us .qr-code li a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3}
.back-to-top{width:40px;height:40px;background-size:60%}
.back-to-top::after{background-size:60%}
.follow-us .qr-code .img{
    display: none;
}
.follow-us .qr-code .follow{
    display: block;
}
}
@media (max-width:959px){
.footer-links-items{margin:0;width:calc(100% - 48px);padding:0 24px}
.footer-links-items .footer-links-item{flex:0 0 50%;margin-bottom:15px}
.net .wrapper{flex-direction:column;padding:0;font-size:12px}
.net{padding:20px 0}
.record{height:60px}
.record a{font-size:12px}
}
@media (max-width:599px){
.footer-links-items{padding:0 16px;width:calc(100% - 32px)}
.footer-links-items .footer-links-item{flex:0 0 100%;margin:0}
.footer-links-items .footer-links-item ul{display:none;padding-left:20px;padding-right:20px}
.footer-links-items .footer-links-item li{border-bottom:1px solid #e6e6e6;margin:0;position:relative}
.footer-links-items .footer-links-item li a{display:block;padding:15px 0}
.footer-links-items .footer-links-item::before{display:none}
.footer-links-items .footer-links-item p{padding-left:0;border-bottom:1px solid #e6e6e6;padding:15px 0;position:relative;cursor:pointer}
.footer-links-items .footer-links-item p::after{position:absolute;top:50%;right:6px;content:"";background:url(/assets/images/arrow-right.png) no-repeat scroll center center;background-size:70% auto;width:10px;height:15px;transform:translateY(-50%) rotate(90deg);transition:transform .3s linear}
.footer-links-items .footer-links-item p.active::after{transform:translateY(-50%) rotate(-90deg)}
.footer-links-items .footer-links-item li::after{display:none;position:absolute;top:50%;right:0;content:"";background:url(/assets/images/arrow-right.png) no-repeat scroll center center;background-size:70% auto;width:13px;height:22px;transform:translateY(-50%)}
.follow-us .qr-code{width:100%}
.follow-us .qr-code .img{width:90px;height:90px}
.follow-us .qr-code .follow{
    width: 90px;
}
.follow-us .qr-code li .text{
    font-size: 12px;
}
}


/* popup cookie for homepage */
.popup_cookie { display: none; position: fixed; height:auto; background:#333;top: 0;width: 100%;z-index:2000;opacity: 1;}
.popup_cookie p { position:relative;line-height: 1.4; padding:15px 40px 15px; text-align: left; color:#FFF; font-size: 12px; margin: auto; width: fit-content;}
.popup_cookie .close_cookie { position:absolute; top:0; right:0; width:40px; height:40px;}
.popup_cookie .close_cookie img {width:100%;}
.popup_cookie p .link1:link, .popup_cookie p .link1:visited { color:#FFF; text-decoration: underline;}
@media only screen and (max-width:750px) {
    .popup_cookie p {padding: 36px 20px 10px;}
    .michelin-man img{
        width: 100px;
    }
    .michelin-man{
        padding: 45px 0 35px;
    }
    .follow-us{
        padding-top: 45px;
        padding-bottom: 60px;
        padding-left: 10px;
        padding-right: 10px;
		display:none;
    }
    .follow-us .tit{
        padding-bottom: 40px;
    }
    .net{
        padding: 22px 0;
        height: 60px;
    }
    .footer-links{
        padding-top: 30px;
    }
}
