@charset "utf-8";
footer *{list-style: none;}
.footer_bg{width: 100%;position:relative;background: url(../images/footer_bg.jpg) bottom center;}
footer{position: relative;margin:0 auto;text-align: left;font-size: 13px;line-height:150%;text-align: center;}
footer a, a.tel, a.tel:hover{text-decoration: none;}
footer, footer a, a.tel, a.tel:hover{color: #FFF;}
a.tel, a.tel:hover{pointer-events: none;cursor: text;}

.footer_logo{border-bottom:1px solid;padding: 5% 3% 2% 3%;margin-bottom: 3%;}
.footer_logo img:first-child{margin: 0 11px 8px 0;}
.footer_logo img:last-child{margin-bottom: 18px;}

/*footer店家資訊*/
.footer_links,.footer_share{display: flex;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.footer_links li{font-size: 1.1rem;vertical-align: top;margin: 1% 3%;}
.footer_links li span{display:inline-block;}
.footer_links li.add span{margin-right: -3px;}

.footer_share > div{font-size: 2rem;margin: 2% 1%;}
.footer_share div a{margin: 3%;}

.footer_reputation{font-size: 1rem;padding:  2% 3%;}


/*copyright*/
.copyright{font-size:0.875rem;padding: 1.5% 3%;background:rgba(0, 0, 0, .5);color:#FFF;text-align:center;}

/*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.png);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.png);}


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

}

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

/*footer店家資訊*/
.footer-links{margin-left: 0;padding: 28px;width:inherit;}
.footer-links span{margin-left: 0px;}
.footer-links li{margin-left:0;}
.footer-links li:first-child{margin-top: 15px;}

.index_news article ul li a h4{font-weight: bold;}

/*footer選單*/
.footer_nav{padding: 28px;}
.footer_nav ul li{margin-top: 28px; font-size: 16px;}
.footer_nav > ul > li{margin:0;}


/*copyright*/
.copyright_bg{}
}


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

}
@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){

}
@media print, screen and (min-width:999px){
footer a:hover{color: #00A6FF;}
}
@media print, screen and (min-width:1280px){

}