.footer { width: ; background-color: ; overflow-x: hidden; margin-top: 0px;}
.footer ul { list-style: none; margin: 0px; padding: 0px; }
.footer a {
	color: #D7D7D7;
	text-decoration: none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.footer a:hover {
	text-decoration: none;
	color: #FFF;
}
.footer a img { border: none; }
.footer .footer-nav-group { width: 100vw; height: auto; margin: 40px 0px 0px 12px; }
.footer .footer-nav-item { float: left; margin: 0px 26px 36px 0px; }
.footer .footer-nav-title { font-size: 18px; line-height: 24px; line-height: 36px; }
.footer .footer-nav-title:after { content: ""; display: block; background-color: #bfbfbf; width: 140px; height: 1px; margin-left: -2px; }
.footer ul.footer-list { line-height: 36px; }
.footer label.e-newsletter { float: left; width: 100vw; margin: 0px 24px 0px 12px; }
.footer label.footer-nav-title { display: block; }
.footer label.footer-nav-title:after { display: none; }
.footer input#e-newsletter { width: 160px; padding: 1px 0px 1px 12px; border: #d8d8d8 1px solid; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -ms-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; -webkit-appearance: none; appearance: none; font-size: 14px; line-height: 24px; }
.footer input#e-newsletter:focus { outline: none; }
.footer button { height: 26px; margin: 0px 0px 0px -2px; padding: 0px 24px; border: none; border: #04519c 1px solid; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; font-size: 14px; line-height: 24px; color: white; background-color: #04519c; }
.footer .social-icons { float: left; width: 100vw; margin: 24px 0px 0px 12px; }
.footer .social-icons li { display: inline-block; }
.footer .social-icons span { display: inline-block; margin-right: 10px; text-indent: -1999999px; overflow: hidden; }
.footer .facebook { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/ic_fb.png?1445595349'); background-repeat: no-repeat; background-position: 50% 50%; width: 44px; height: 44px; background-image: none, url('/images/ic_fb.svg?1445595349'); background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.footer .line { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/ic_line.png?1445595349'); background-repeat: no-repeat; background-position: 50% 50%; width: 44px; height: 44px; background-image: none, url('/images/ic_line.svg?1445595349'); background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.footer .youtube { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('/images/ic_youtube.png?1445595350'); background-repeat: no-repeat; background-position: 50% 50%; width: 44px; height: 44px; background-image: none, url('/images/ic_youtube.svg?1445595350'); background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.footer .company-info { float: left; margin: 12px 16px 0px 12px; font-size: 13px; line-height: 24px; line-height: 20px; }
.footer .copyright { float: left; width: 100%; margin: 60px 0px 60px 12px; font-size: 13px; line-height: 24px; }
@media (min-width: 640px) { .footer .footer-nav-group, .footer label.e-newsletter, .footer .social-icons, .footer .company-info { margin-left: 36px; }
  .footer .copyright { text-align: center; } }
@media (min-width: 960px) { .footer { width: 100%; }
  .footer .footer-nav-group { float: left; display: block; width: 100%; height: 100%; }
  .footer label.e-newsletter { width: 280px; }
  .footer label.footer-nav-title { display: inline-block; }
  .footer .social-icons, .footer .company-info { float: left; width: auto; } }
@media (min-width: 1024px) { .footer .footer-nav-group { float: none; margin-left: 24px; }
  .footer label.e-newsletter { width: auto; margin-left: 0px; }
  .footer label.footer-nav-title { display: block; }
  .footer .social-icons, .footer .company-info { float: left; margin-left: 0px; } }
.footer .social-icons {
  margin-top:30px;
}
.footer .social-icons li {float: left; padding: 4px 5px 0 0;}
.footer .social-icons .fb-icon,.footer .social-icons .youtube-icon,.footer .social-icons .line-icon {
  display: block;
  position: relative;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 40px;
  height: 40px;
}
.footer .social-icons .fb-icon {
  background-image: url('http://www.pts.org.tw/public_images/ICON_FB.png');
  background-image: none, url('http://www.pts.org.tw/public_images/ICON_FB.svg');
}
.footer .social-icons .youtube-icon {
  background-image: url('http://www.pts.org.tw/public_images/ICON_Youtube.png');
  background-image: none, url('http://www.pts.org.tw/public_images/ICON_Youtube.svg');
}
.footer .social-icons .line-icon {
  background-image: url('http://www.pts.org.tw/public_images/ICON_LINE.png');
  background-image: none, url('http://www.pts.org.tw/public_images/ICON_LINE.svg');
}
.footer-list li {
  padding: 4px 0;
  font-size: 16px;
  line-height: 24px;
}