/* HTML Set up */
footer {  position: relative;margin: 0px;  padding:0px; z-index:3;  }
footer h3 { width: 100%; font-size:1.275rem;  font-weight: 700; line-height:1.5rem; margin-bottom:15px;  color:#fff;  text-transform:uppercase;position: relative;  }
footer h3  a {  font-weight:700; vertical-align: top; color:#fff; }
footer p { margin:6px 3px; padding:0px;  font-weight:400; font-size:1rem; text-align: left; line-height: 1.7rem; color:#fff; }
footer li { margin:6px 3px; padding:0px;  font-weight:400; font-size:1rem; text-align: left; line-height: 1.7rem; color:#fff; }
footer a { color:#c2e7ff; text-decoration: none; -webkit-transition: color .5s, background .5s; transition: color .5s, background .5s; }
footer a:hover {color:#5d99c5;  text-decoration: none;}
footer a:visited {color:#fff } 
.bg-blue{background-color:#083078}
 
   
/*浮動視窗=========================== */
.quick-box { position: fixed;top: 160px; right:0px; width: 42px;   padding: 0px;  z-index: 9;}
.quick-box p { font-size: 0.75rem; line-height: 1 !important; margin: 0 !important;}
.quick-box a {height: auto;  padding: 5px 0px; margin-bottom: 1px; font-size: 1rem; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; font-weight: 400; border-radius: 15px 0px 0px 15px;position: relative; background:#005196; box-shadow: 0px 3px 3px rgba(8, 48, 120, 0.75)}
.quick-box a:hover i, .quick-box a:hover p {color: #fff !important; text-decoration: none;}
.quick-box a:hover {color: #fff !important;  background-color:#04a3db !important;}
 
.quick-box a span { width: 26px; height:26px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;  border-radius: 50%; background-color: #000; color: #fff; font-size: 16px; position: absolute; top: 0px; left: -15px;}


.goTop {position:fixed; bottom: 20px; right:0px; width:42px; height:66px; z-index:9; }
.goTop a:link, .goTop a:visited { width: 42px; height: 66px;padding-top:15px; text-decoration:none; position: relative; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height:0;  color: #fff;  overflow: hidden; font-size: 0.875rem; font-weight: 700;  text-align: center; writing-mode: vertical-lr; transition: all 0s ease 0s; border-radius: 15px 0px 0px 15px; background-color:rgba(57, 57, 57, 0.8);  box-shadow: 0 0 50px rgba(57, 57, 57, 0.2);}
 
.goTop a:active, .goTop a:hover { text-decoration:none; cursor:pointer; color: #fff; transition: all 0.25s ease 0s; background-color:#04a3db;  box-shadow: 0 0 50px rgba(8, 48, 120, 0.2); }
.goTop a::after {content: ''; width:20px; height: 20px; background: url("../images/icon/icon-top.svg")  no-repeat center; background-size: cover; position: absolute; top:5px; left:26%; line-height: 0; font-size: 0; filter:alpha(opacity=100); Opacity:1.0; transition: all 0.5s ease 0s;}

  
.quick-box i {width:26px; height:26px;  margin: auto;  filter:brightness(200%)}
.quick-box a .nav-pix{  margin: 0px auto 0px 12px; }
 
.quick-box a .nav-txt{ width: 50px; height: auto; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height:0;  color: #fff;   overflow: hidden; font-size: 0.875rem;  font-weight: 500; text-align: center; writing-mode: vertical-lr;   }

 
@media (max-width:840px) {
.quick-box { width: 32px; top: 60px;}
.quick-box a .nav-txt{ font-size: 0.75rem;  }
.quick-box a .nav-pix{ margin: 0px auto 0px 6px; }
.goTop {bottom:60px;  }	
 }
 @media (max-width:767px) {
.goTop {display: none}

}
 
/*first-level*/
.first-level  { margin: 0px; padding: 0px;  background-color:#083078 }
 .bottom-links{width: 100%; margin: 0px; padding: 0px;   display: flex; flex-wrap: wrap;  }
.bottom-links li{ width:calc(100%/3); margin:auto; padding: 0px;  display: flex; flex-wrap: wrap; justify-content: center} 
.bottom-links li a{ width: auto; margin: auto; padding: 0px;  display: flex; flex-wrap: nowrap; align-items: center}
.bottom-links li .nav-pix{ width: 60px; height: 60px;  }
.bottom-links li .nav-pix img{ width: 60px; height: 60px  }
.bottom-links li .nav-txt{ width:auto;padding-left: 10px; font-size: min(max(3.5vw, .9rem), 1rem); font-weight: 500; line-height: 1.75rem;   }
.bottom-links li:nth-last-child(1){ background-color:#204e8e}
.bottom-links li:nth-last-child(2){ background-color: #457baf}
.bottom-links li:nth-last-child(3){background-color: #5d99c5}
.bottom-links li:hover{background-color:#04a3db; }
/*second-level*/
 
.footer { width: 100%; margin:0px auto auto auto; padding:40px 0px;   }
.footer-bottom-bar { width: 100%;margin: auto; padding:5px 0px;  display: block;  text-align: center;  border-top: solid 1px rgba(255,255,255,.5); }
.footer-bottom-bar p { width: 100%;  text-align: center;   }
.footer-bottom-bar .menu-wrap { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0px auto; padding: 0px;}
.footer-navigation { width: 100%; margin:0px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;  } 
.footer-links-holder { margin:auto; padding:40px 10px; position: relative;  vertical-align: top; }
  
.footer-links-holder:nth-child(1){width: 30%}
.footer-links-holder:nth-child(2){width: 19%}
.footer-links-holder:nth-child(3){width: 19%}
.footer-links-holder:nth-child(4){width: 32%}


.footer-logo{ width:260px; height:auto; display: block; margin: 0px;}
.footer-links-holder figure{display: block; margin: auto;}
.footer-links-holder.half li{flex:0 0 50%;  padding: 0px; margin:5px 0px;   }
.footer-links{ margin: 10px 0px; padding:0px;width: 100%; vertical-align: top; display: flex; flex-wrap: wrap; list-style: none; -webkit-transition: max-height .5s; transition: max-height .5s; }
.footer-links li{flex:0 0 100%; margin:5px 0px;   line-height: 1.5rem;  font-weight:400;  color:#c2e7ff;  }
 

.footer-links li .img-tel{ width: 100%;   display: flex; flex-wrap: nowrap; align-items: center}
.footer-links li .img-tel .info-txt{font-size:3rem; font-weight: 900 }
@media (max-width:1280px) {
.footer-links li .img-tel .info-txt{font-size:2.5rem; }	
}
@media (max-width:1160px) {
.footer-links li .img-tel .info-txt{font-size:2rem; }	
}
.footer-links li .img-tel .tel-img{ width: 50px; height: 50px;}

.footer-links li.info-line{ width: auto;max-width: 100%; margin: 20px 0px; padding:5px 10px; border: solid 1px #c2e7ff; border-radius: 10px;}
.footer-links li.info-line:hover{background-color:#03ad25; border-color:#03ad25;  }
.footer-links li.info-line:hover a{}
.footer-links li.info-line a{display: flex; flex-wrap: nowrap; align-items: center; color: #c2e7ff;}
.footer-links li.info-line span{margin: auto 0px auto 10px;font-size: min(max(3.5vw, .9rem), 1.15rem); font-weight:600; line-height: 1.5rem;   }
.footer-links li.info-line a .icon-line{ width: 36px; height: 36px; background-size:36px; }

.footer-links li .info-item{ display: flex; flex-wrap: nowrap;align-items: center }
.footer-links li .info-title { width:36px; height: 36px;}
.footer-links li .info-txt{margin-left: 20px; font-size: min(max(3.5vw, .9rem), 1rem); }


.no-touch-call{cursor:pointer; pointer-events: none;} 
.share-icons { margin: 10px 0px; padding:10px 0px; width: 100%; display: flex; flex-wrap: wrap; position: relative;list-style: none;}
.share-icons li i{ opacity: 1!important; width: 36px; max-width: 36px;max-height: 36px; height: 36px; }
.share-icons li a { border-radius: 0; transition: all 0.3s ease 0s;  opacity:1; }
.share-icons li:hover {  border-radius:99rem; overflow: hidden}
.share-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; list-style: none; border-radius:99rem; border: solid 1px #c2e7ff;}
   
.icon-fb-2{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-fb.svg") no-repeat center; background-size: 18px;}
.icon-line{ width:36px; height: 36px; display: block; background: url("../images/icon/icon-line.svg") no-repeat center ; background-size: 22px; }
.icon-youtube{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-youtube.svg") no-repeat center ;  background-size: 18px;}
.icon-Linkedin{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-linkedin.svg") no-repeat center ;  background-size: 18px;}
.icon-instagram{ width: 36px; height: 36px; display: block; background: url("../images/icon/icon-instagram.svg") no-repeat center ;  background-size: 18px;}

.icon-email{ width:26px; height: 26px; display: block; background: url("../images/icon/email.svg") no-repeat center ; background-size: 20px; }
.icon-tel{ background-image:url("../images/icon/icon-tel.svg");background-repeat: no-repeat; background-position: center; background-size:30% auto;}    
.icon-message {width: 26px; height: 26px;display: block; margin: auto; background: url("../images/icon/shop-1.svg") no-repeat center; background-size: 26px; }
.share-icons li:hover .icon-line{background-color:#03ad25;}
.share-icons li:hover .icon-youtube{background-color:#f44336;}
.share-icons li:hover .icon-fb-2{background-color:#2196f3;}
.share-icons li:hover .icon-instagram{background-color:#d6313a;}
.share-icons li:hover .icon-Linkedin{background-color:#004098;}
 
.share-icons li.w-txt{width: 110px; max-width: 110px;max-height: 36px; border-radius: 30px;}
.share-icons li.w-txt:hover {background-color:#03ad25;}
.share-icons li.w-txt a{ display: flex; flex-wrap: nowrap; justify-content: flex-start}
.share-icons li.w-txt a i{   margin:auto 0px auto -15px}
.share-icons li.w-txt a span{ color: #c2e7ff; font-size: 0.75rem; margin:auto 0px}
@media only screen and (max-width: 1200px) {
footer p, footer li { font-size:.9rem;}	
.footer-links-holder {padding:40px 0px;}	
}
  
 /* Responsive Mobile Sizes */
@media only screen and (max-width: 999px) {
.first-level { width: 100%; position: fixed; bottom: 0; left: 0; padding: 0; z-index: 9999; }	
.footer-navigation {  padding: 0px 20px;   } 	
.footer-links-holder {  margin: 0; padding:0px;/*border-bottom: solid 1px rgba(255,255,255,.35);*/ }
.footer-links-holder::last-child {border-bottom: none;}
.share-icons { justify-content: center }
.footer-logo{ margin: 20px auto auto auto; }
.footer-bottom-bar {text-align: center; padding:10px 0px; border-top:none;   }
.no-touch-call{cursor:pointer; pointer-events: auto;} 
.footer-links-holder:nth-child(1){width: 100%;order: 4 }
.footer-links-holder:nth-child(2){width: 50%; order: 1}
.footer-links-holder:nth-child(3){width: 50%; order: 2}
.footer-links-holder:nth-child(4){width: 100%;order: 3}

 }
@media only screen and (max-width: 767.98px) {
footer { background-size: 200% auto!important; }
.bottom-links li .nav-pix{ width: 26px; height:26px;  }
.bottom-links li .nav-pix img{ width: 26px; height: 26px  }
.bottom-links li .nav-txt{padding: 8px 0px; font-size: 0.875rem;    }

}
@media only screen and (max-width: 320px) {
.bottom-links li .nav-txt{padding: 8px 0px; font-size: 0.75rem;    }

}