@charset "utf-8";
footer *{list-style: none;}
.footer_bg{width: 100%;position:relative;}
footer{position: relative;margin: 3% auto;text-align: left;font-size: 13px;line-height:150%;}
footer a, a.tel, a.tel:hover{text-decoration: none;}
footer, footer a, a.tel, a.tel:hover{color: #28282C;font-size: 13px;}
footer a:hover{color:#3f8915;}
a.tel, a.tel:hover{pointer-events: none;cursor: text;}

/*footer店家資訊*/
.footer_links li{position:relative;padding-left: 25px;}
.footer_links li i{position:absolute;left:0;top: 3px;}
.footer_links li.add{display:block;}
.footer_links li.add span{margin-right: -3px;}

/*footer選單*/
.footer_nav > ul{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;font-size: 13px;}
.footer_nav > ul > li > a{font-size:18px;color:#004684;font-weight: bold;}
.footer_nav > ul > li > ul > li{margin-top: 13px;}
.facebook{margin-top: 16%;text-align: right;display: block;}
.facebook:hover{opacity: .8;}

/*copyright*/
.copyright{background:#005491;color:#FFF;text-align:center;font-size:12px;padding:5px 18px;}

/*certification*/
.certification{text-align: center;}
.certification .content-Box{padding: 0;}
.certification h3{color: #005491;border-bottom:3px solid;padding-bottom: 18px;display: inline-block;margin-bottom: 3%;}
.certification{background: url(../images/footer_bg.jpg) no-repeat center center;background-size: 100% 100%;padding: 3%;}
.certification .content-Box .flex{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;padding: 0;margin-left:-18px;}
.certification .content-Box .flex div{margin: 1% 0 1% 18px;border-radius: 5px;overflow: hidden;}

/*btnPageTop*/
.pagetopbtn{position:absolute;position:fixed;z-index:10000;bottom:0;right:0;opacity:0.9;transition:opacity 0.3s ease;cursor:pointer;}
.pagetopbtn:hover{opacity:1;}
.pagetopbtn img{cursor: pointer;opacity: 1;background-image: url(../images/btnPageTop.svg);background-repeat: no-repeat;background-position: center center;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}
.pagetopbtn img:hover{background-image: url(../images/btnPageTop2.svg);}




@media print, screen and (max-width:1280px){

}

@media print, screen and (max-width:999px){
footer{padding:18px;}
.copyright{padding:3px 18px;}
a.tel, a.tel:hover{pointer-events: initial;}
}


@media only screen and (max-width: 768px) {
.certification{padding:28px 18px;}
.footer_nav > ul{margin-left:-18px;}
.footer_nav > ul > li{margin-bottom:8%;margin-left: 18px;}
.footer_nav > ul > li:first-child{width: 100%;}
.footer_links li{display:inline-block;margin-right:18px;}
.certification .content-Box .flex div{width: calc(100% / 4 - 18px);}
.certification h3{padding-bottom:8px;font-size:22px;}
}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 320px) {

}
@media print, screen and (min-width:414px){

}
@media print, screen and (min-width:570px){

}
@media print, screen and (min-width:640px){

}
@media print, screen and (min-width:768px){
.footer_nav > ul > li{max-width: 300px;}
.certification .content-Box .flex div{width: calc(100% / 8 - 18px);}
}
@media print, screen and (min-width:999px){
.certification h3{font-size: 35px;}
}
@media print, screen and (min-width:1280px){

}