@charset "utf-8";
/* CSS Document */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height 固定下方高度 */
  margin-bottom: 138px;
}
 
/*footer*/
#footer{position: absolute;bottom: 0;width: 100%;height:138px;}
.footer_link{ margin:0 auto; text-align:center;color:#1ea6e4;height:32px}
.footer_link a{font-size:17px;color:#1ea6e4; text-decoration:none; padding-left:5px; padding-right:5px}
.footer_link a:hover{ text-decoration:underline}
#footer .logo{ margin-top:5px}
#footer .footer_infro{color:#FFFFFF;background-color:#E7E7E7; padding-bottom:10px}
#footer .infro{ padding:0;color:#606060; font-size:13px; font-family:"微軟正黑體", "新細明體"; line-height:23px; margin-top:10px;text-align:left;}
#footer .infro a{ color:#dbf3fc; text-decoration:none}
#footer .infro a:hover{ text-decoration:underline}
#footer .infro .infro1{float:left;display:inline-block; padding-right:20px}
#footer .infro .infro2{float:left;display:inline-block;}
#footer .infro .infro3{float:left; clear:both;padding-right:36px;}
#footer .infro .infro4{float:left;font-size:12px;}
#footer .phone { margin-top:8px;}
#footer .phone a{background:url(../images/phone.gif) no-repeat top; padding-top:60px;text-align:center; display:block;color:#FFFFFF; font-size:14px; font-weight:bold; font-family:"微軟正黑體", "新細明體"; text-decoration:none}
#footer .icon{ margin-top:15px;padding-left:0;padding-right:0; text-align:right}


@media screen and (max-width:992px) {
body {
  /* Margin bottom by footer height 固定下方高度 */
  margin-bottom: 201px;
}
#footer{height:201px}
.footer_link{height:10px}
#footer .logo{text-align:center;}
#footer .infro{padding:0px 15px;margin-top:0px;overflow:hidden;line-height:21px;}
#footer .icon{text-align:center}
}

@media screen and (max-width:655px) {
body {
  /* Margin bottom by footer height 固定下方高度 */
  margin-bottom: 243px;
}
#footer{height:243px}
#footer .infro .infro1,#footer .infro .infro2,#footer .infro .infro3,#footer .infro .infro4{float:none; display:block; text-align:center; padding-right:0px;}
#footer .infro .infro3{clear:none;}
#footer .phone {margin-top:5px;}
}

@media screen and (max-width:480px) {
body {
  /* Margin bottom by footer height 固定下方高度 */
  margin-bottom:285px;
}
#footer{height:285px;}
.footer_link{height:10px}
}