footer { background:#7ea8d4; margin: 0; padding: 2%; }
footer .wrap { width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: space-between; }
footer .wrap .footer-contact { width: 100%; margin: 0 auto; display: block; }
footer .wrap .footer-navigation { width: 100%;display:flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin: auto; }
footer .copyright {  width: 100%; display:flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between; margin:1% auto auto auto; padding-top:1.5em; border-top:solid 1px rgba(255,255,255,.5); font-size: .8em; color:#FFF;  }
.qr-code { margin: 10px; display: block; line-height: 1.35em; text-align: left; color: #fff; }
.footer-links-holder {   width: calc(100%/5 - 15px);   margin: 0 auto; position: relative;   display:flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;   vertical-align: top; }
.ft-messages-list, .footer-information { vertical-align: top; font-family: 'Gayathri', sans-serif;}
.footer-links-holder:last-child{   width: calc(25% - 15px);   }


/*.footer-links-holder:nth-child(1) li { width: 45%; display: inline-block; vertical-align: top; }
*/
.footer-links-holder p { font-size: .5em; }
/* Typography */ 
footer h3 { width: 100%; font-size: 1.15rem; text-align: left;line-height: 3em; }
footer h3 a { color:rgba(255,255,255,1); }
footer p, footer li { margin: 5px 0; font-weight:400; font-size: .9rem;   color: #666; text-align:left; }
footer strong,footer b{ display: block; font-weight: 700; font-size: 2.5rem; font-style: italic; letter-spacing: 0;}
footer a, footer a:visited { color: #fff; text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover { color: #fdbe0f; text-decoration: none;}
ul.ft-messages-list li, ul.footer-information li { width: 100%;   margin:1% auto; vertical-align: top;  font-size:0.875rem; line-height: 1; letter-spacing: 0.05em;color:rgba(255,255,255,.8); text-shadow:0px 1px  rgba(0,0,0,.2)  }
ul.ft-messages-list li, ul.footer-information li:first-child,ul.ft-messages-list li, ul.footer-information li:nth-child(2){ font-size: 1rem;}
ul.ft-messages-list li, ul.footer-information li{padding-left: 30px;}
.social-icons li.facebook a, .social-icons li.line a, .social-icons li.youtube a, .cd-top { background-image: url(../images/icon/iconset.svg); background-color: transparent; background-repeat: no-repeat; }
.instagram a{background-image: url(../images/icon/instagram.svg); background-color: transparent; background-repeat: no-repeat;margin-top: 2px !important;margin-left: 10px!important;border-radius: 9px;}
.social-icons .blog {background-image: url(../images/blog.png); width: 70px; height: 70px;background-repeat: no-repeat;margin-top: -5px !important;transition: all 0.3s ease 0s;border-radius: 100%;margin-left: 15px;}
.social-icons { margin: 0px; display: flex; color:#666; }
.social-icons li { display: inline-block; margin: 10px 5px 0px 5px; padding: 0; width: auto; }
.social-icons li a { display: inline-block; width: 30px; height: 30px; margin: 0; padding: 0; text-indent: -9999px; transition: all 0.3s ease 0s;  }
.social-icons li:last-child a {width: 100%!important; height: 100%!important;}
.social-icons li a:hover { }
.social-icons li a { background-color: transparent; }
.social-icons li a:hover { background-color: transparent;  }
.social-icons li.line a { background-position: -672px -10px; }
.social-icons li.line a:hover { background-color: #0fa104; }
.social-icons li.facebook a { background-position: -716px -10px;   }
.social-icons li.facebook a:hover { background-color: #3b5998; }
.social-icons li.youtube a { background-position: -811px -10px;  }
.social-icons li.youtube a:hover { background-color: #C00; }
.social-icons li.instagram a:hover{background-image: url(../images/icon/instagram1.svg);}
.social-icons li.blog:hover{background-color: #4d90d7;}
.social-icons li.phone-r{display: none}

.ft-link-btn{display: none;}

footer .link { width: auto; display: flex; justify-content: flex-end;  align-content: flex-start; align-items: flex-start; color: #fff; }
footer .link a {font-size: 13px; color: #fff; padding: 0 20px; text-decoration: underline; position: relative; }
footer .link a:after { position: absolute; top: 20%; right: 0px; content: ''; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.5); }
footer .link a:last-child { border: none; padding-right: 0px; }
footer .link a:last-child:after { display: none; }
footer .copyright-tx { width: auto; display: flex; justify-content: flex-start;  color: #fff;line-height: 3.25rem;letter-spacing: 1px; font-weight: 400;}

[class^="ft-information-"] { position: relative; padding: 8px 0 8px 23px; }
[class^="ft-information-"]:before { font-size: 1.35rem; padding-right:5px;  font-family: FontAwesome; content: ''; position: absolute; left: 0px;   color: #fff;}

.ft-information-tel a { pointer-events: none; }
.ft-information-reserve:before { content: url("../images/icon/reserve.svg"); width: 25px; height: 30px;}
.ft-information-line:before { content: url("../images/icon/line.svg"); width: 30px; height: 30px;}
.ft-information-add:before { content: '\f3c5'; }
.ft-information-tel:before { content: '\f095'; }
.ft-information-clock:before { content: '\f017';   }
.ft-information-mail:before { content: '\f0e0'; }
.ft-message-name { display: block; font-size: 18px; margin-bottom: 20px; }
.ft-messages-list { }
.ft-messages-list.big li{font-size: 1.125rem; }
.ft-messages-list li { padding: 5px 0;font-weight:400; }
/*.ft-messages-list li:before { font-family: FontAwesome; content: '\f0da'; padding-right:15px;color: #fff;}
*/.footer-information li {font-size: 1.1rem; font-weight:500; line-height:1.75rem!important; }
.ft-information-line .reserve{background: #fdbe0f; padding: 5px 12px;font-family: 'Noto Sans TC', 'Gayathri', sans-serif, Microsoft JhengHei;border-radius: 10px;line-height: 3; font-weight: 400;}
.ft-information-line .reserve:hover{background: #3E79EA; color: #fff;}

.r-link-btn{ position: fixed;bottom: 115px;right: 20px;}
.r-link-btn > div a{ display: block; width: 40px; height: 40px; padding: 4px; margin-bottom: 10px;}
.r-link-btn .line-btn a{ background: #12b206; }
.r-link-btn .contact-btn a{ background: #3779d9; }
.r-link-btn .reserve-btn a{ background: #fdbe0f; }

.pagetopbtn { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 3px; border-radius: 0px; background: #FFBC00; transition: all .2s; cursor: pointer; z-index: 9999;}
.pagetopbtn:before { content: url("../images/icon/gotop.png"); font-family: FontAwesome; color: #AEAEAE; line-height: 12px; padding-bottom: 5px; }
.pagetopbtn:after {  content: 'TOP'; font-size: 14px; line-height: 14px;  color: #fff;}
.pagetopbtn:hover { opacity: .5; }

/* Responsive Tablet Sizes */
@media only screen and (max-width:1200px) {
footer .link { width: 100%;  justify-content: center; background: #7ea8d4; position: fixed;bottom: 0;left: 0; padding: 0 ;  z-index: 1040; }
footer .copyright-tx { padding-bottom: 45px;} 
.social-icons li.phone-r{display: block; width: 30px;height: 30px; background: url("../images/icon/ft-phone-r.svg");background-color: transparent; background-repeat: no-repeat;}  
    
.social-icons { display: none;}    
.ft-link-btn{ display: flex; width: 100%; float: none; text-align: left; justify-content: center; }    
.ft-link-btn li { display: block; width: 50%; margin: 0; text-align: center; }
.ft-link-btn li:nth-child(1) { background: #4d90d7; }
.ft-link-btn li:hover:nth-child(1) { opacity: .7; }
.ft-link-btn li:nth-child(2) { background: #005196; }
.ft-link-btn li:hover:nth-child(2) { opacity: .7; }
.ft-link-btn li:nth-child(3) { background: #7ec6ea; }
.ft-link-btn li:hover:nth-child(3) { opacity: .7; }
.ft-link-btn li a{font-size: 16px;font-weight: 600; padding: 16px 0;text-decoration: none; display: flex; justify-content: center;  align-items: center;}
.ft-link-btn li a img{width: 32px; margin-right: 8px;}    
.r-link-btn{ display: none;}    
}
@media only screen and (max-width:999px) {
footer .wrap { flex-wrap: wrap; }
footer .wrap .footer-navigation .footer-links-holder { width: 100%;padding: 0 10px; }
footer h3 a {font-size: 1.15rem; color: #fff; }
footer .copyright-tx { padding-bottom: calc(2% + 60px); line-height: 2rem;}     
.footer-logo { margin-top: 20px; background-size: 80% auto; }
.footer-links-holder { width: 100%; padding: 0;  }
.footer-links-holder h3 { margin: 0; padding: 0px 20px; box-shadow: 0px 1px rgba(255,255,255,.1); cursor: pointer;/* Down Arrows */ }
.footer-links-holder h3::after { float: right; margin-right: 10px; content: ""; display: inline-block; vertical-align: middle; margin-top: 30px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: transform .5s; transition: transform .5s; }
.footer-links-holder:last-child h3::after{ display: none;  }
.ft-messages-list, .footer-information, .social-icons { width: 100%; }
.ft-messages-list { max-height: 0; overflow: hidden; padding:0px 0px 0px 20px;  }
.footer-links-holder.active h3::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.footer-links-holder.active .ft-messages-list, .footer-links-holder.active .footer-information, .footer-links-holder.active .social-icons { max-height: 10000px; }
}

@media only screen and (max-width:350px) {
.ft-information-line .reserve{padding: 5px 8px;}
.ft-link-btn li a{font-size: 14px;}    
.ft-link-btn li a img{width: 22px; margin-right: 5px;}     
}