/* HTML Set up */
footer {  position: relative;  padding:40px 0px 0px 0px; z-index:3;   }
 @media only screen and (min-width: 1600px) {
footer {  padding:60px 0px 0px 0px; }
}
footer h3 {width: auto!important; font-size:1.125rem!important; text-align: left; font-weight: 700!important; line-height:2rem; text-transform:uppercase;  margin-bottom:5px; position: relative; font-family: 'Noto Serif TC', sans-serif!important;}
footer h3 a:before{content: ""; width: 40%; height: 1px; display: block; background:rgba(255,255,255,.5); position: absolute; bottom: -10px;  }
footer h3 a:after{content: ""; width: 40%; height: 1px; display: block; background:rgba(255,255,255,.5);position: absolute; bottom: -15px;  }
footer p, footer li {  margin:6px 3px; padding:0px!important;  font-weight:400; font-size:1.063rem; text-align: left; line-height: 1.7rem; color:#184598; }
footer p{ color:#fff;}
footer a { color:#fff!important;  text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover { opacity: .4; text-decoration: none;}

.cms-footer { width: 100%; margin: 0 auto; padding:20px 0px 0px;  display: flex; flex-direction: row; flex-wrap: wrap;   justify-content: space-between; border-top:solid 2px #a01f35;
  background-image: url("../images/index/footer-w.png"); background-position: left top; background-repeat: repeat-x;  background-size:  auto; background-color:#932c38;}
.cms-footer-bottom-bar { width: 100%;margin:0 auto; padding:5px 0px;  display: block;  text-align: center;  border-top: solid 1px rgba(255,255,255,.5);}
.cms-footer-bottom-bar p { width: 100%;  text-align: center; color: #fff!important;  }
.cms-footer-bottom-bar .menu-wrap { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0px auto; padding: 0px;}
.cms-footer-logo{ width: 180px; height:60px; display: block; margin: auto; background: url("../images/logo-w.svg") no-repeat left top;  }
.cms-footer-navigation { width: 100%; margin: 0; padding:0px;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  } 
.cms-footer-links-holder { margin: 0px; padding:20px; position: relative;  vertical-align: top; }
.cms-footer-links-holder:nth-child(1) { width:25%;  display: flex; flex-wrap: wrap; justify-content: center;  align-content: center;}
.cms-footer-links-holder:nth-child(2) { width:28%; }
.cms-footer-links-holder:nth-child(3) { width:24%; margin-left: 4%; }
.cms-footer-links-holder:nth-child(4) { width:19%;  }

.cms-footer-links-holder.half li{flex:0 0 40%;    }
.cms-footer-links{ margin:30px 0px 10px 0px; padding:0px 15px 0px 0px; width: 325px; vertical-align: top; display: flex; flex-wrap: wrap; list-style: none; -webkit-transition: max-height .5s; transition: max-height .5s; }
.cms-footer-links li{flex:0 0 100%; margin:2px 0px; line-height: 1.5rem; color:#fff; opacity:1; font-family: 'Noto Sans TC','Microsoft JhengHei', '微軟正黑體',sans-serif; }
.no-touch-call{cursor:pointer; pointer-events: none;} 

.links-social{}

.cms-social-icons {opacity: 1;  margin: 0px auto; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;  position: relative; list-style: none; }
.cms-social-icons li i{opacity: 1!important; }
.cms-social-icons li a { border-radius: 0; transition: all 0.3s ease 0s;  opacity:1;}
.cms-social-icons li:hover {  opacity: .5;  }
.cms-footer-links li ul.cms-social-icons li {position: relative;  z-index: 1; display: flex;  align-items: center; justify-content: center; text-align: center; width: 36px; max-width: 36px;max-height: 36px; height: 36px;  opacity: 1!important;margin: 0px 5px;}
.cms-footer .cms-social-icons {display: none;}


.cms-license {  width: 100%; margin:5px auto; padding: 10px 30px;display: flex; flex-wrap: wrap; justify-content: center;  position: relative; list-style: none; }
.cms-license li { width:calc(100%/3 - 20px);  height: auto; margin: 0px auto;   display: flex;  align-items: center; justify-content: center; text-align: center;}
.cms-license li img{ width: 100%; max-width: 60%; margin: auto; }
.cms-license li a{ border-radius: 0; transition: all 0.3s ease 0s;  opacity:1;}
.cms-license li:hover {  opacity:1;  }
  
/*.cms-social-icons li::after { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: rgba(255,255,255,.5); border-radius: 10px; transform: rotate(45deg);transition: all 0.5s;}
*/ 
.icon-fb-2{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-fb.svg") no-repeat center top; }
.icon-line{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-line.svg") no-repeat center top;}
.icon-youtube{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-youtube.svg") no-repeat center top;}
.icon-ig{ width: 36px; height: 36px; display: block; background: url("../images/icon/icons-instagram.svg") no-repeat center top;}

@media only screen and (max-width: 1024px) {
.cms-footer-logo{margin-top: 50px; width: 119px; height:40px; }
footer h3 {  font-size:1rem!important;}
.cms-footer-links li{ font-size:0.75rem; }
}
/* Responsive Mobile Sizes */
@media only screen and (max-width: 999px) {
.cms-footer-links-holder.half{flex:0 0 100%; margin:2px 0px; }
.cms-footer-links-holder.half li{flex:0 0 100%; }
.cms-footer-links-holder.third{flex:0 0 100%; margin:2px 0px; padding-right:35px;  }
.cms-footer-links-holder,.cms-footer-links-holder.half,.cms-footer-links-holder.third{ width: 100%!important;  flex:0 0 100%;  padding: 0;}
.cms-footer-links-holder h3 {  width: 100%!important; flex:0 0 100%; display: block; margin: 0; padding: 0px; cursor: pointer;font-size: 1rem!important; text-align: left;  border-bottom: solid 1px rgba(255,255,255,.2); /* Down Arrows */ }
.cms-footer-links-holder h3::after { float: right; margin-right: 10px;margin-top:0px; width: 10px; height: 10px; content: ""; display: inline-block; vertical-align: middle;  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; }
.cms-footer-links-holder::last-child { border-bottom: none!important;  }
.cms-footer-links { max-height: 0; overflow: hidden; padding:0px 20px;  }
.cms-footer-links-holder.active h3::after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.cms-footer-links-holder.active .cms-footer-links { max-height: 10000px; }
.cms-footer-bottom-bar-right, .cms-footer-bottom-bar-left{ width: 100%;  }
.cms-footer-bottom-bar-left p{ text-align: center;  }  
.cms-footer-logo{ margin: 0px auto; width: 200px; height:67px; }
.cms-footer-bottom-bar {text-align: center; border: none;}
.no-touch-call{cursor:pointer; pointer-events: auto;}    
footer h3 a:before,footer h3 a:after{display: none;  }
.cms-license li img{ width: 100%; max-width:52px; height: auto;  }
}
@media only screen and (max-width:768px) {
.cms-social-icons {display: none;}
.cms-footer .cms-social-icons {display: flex;  }
}