@charset "utf-8";
/* CSS Document */
* { outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 }
input,textarea{outline:none}  
a{text-decoration:none;}
a:hover{ text-decoration:none;}
a, a:hover, a:active {
	-webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}


body, h1, h2, h3, h4, h5, h6, p, blockquote, th, td, div, dl, dt, dd, pre, code, form, fieldset, legend, input, button, textarea {
  margin: 0;
  padding: 0;
}

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}
body {	
	margin: 0px 0px 0px 0px; padding: 0;
	font-family:微軟正黑體;
	
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
}
#wrapper { margin:0px auto; width:100%; height:auto; }
header { margin:0px auto 0px auto; padding: 0; width:100%; height:auto; position: fixed; z-index: 999; background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
main { margin:0px auto 0px auto; width:100%; height:auto;  padding:0px 0px 0px 0px;}
footer { margin:0px auto 0px auto; padding:40px 0; width:100%; height:auto; overflow: hidden; background: #324967; }
footer .box-1{ display: flex;
  justify-content: space-between;
  align-items: center;  }
footer .f01{  
	display: flex;
  justify-content: flex-start;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}
footer .f02{ }
footer .f01 h1{ width: 42px; }
footer .f01 h1 img{ width: 100%; }
footer .f01 .telbox{ padding:0px 0px 0px 40px; }
footer .f01 .telbox li{ width: 100%; margin:0 0 8px 0; padding: 0; list-style: none; }

footer .f02 ul { padding: 0; margin: 0; list-style: none; width:100%; display: flex; justify-content: flex-end; font-size: 16px; }
footer .f02 ul li{ padding: 0px 0px 0px 30px; margin: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center; 
}
footer .f02 ul li a{ color: rgba(255, 255, 255, 0.9);}
footer .f02 .design { font-size: 14px; color: rgba(255, 255, 255, 0.5); width:100%; display: flex; justify-content: flex-end; margin: 10px 0 0 0;}
footer .f02 .design a{color: rgba(255, 255, 255, 0.5); text-decoration:underline;}
footer .f02 .design a:hover{color: rgba(255, 255, 255, 0.9);}
@media only screen and (min-width: 0px) and (max-width: 1050px) {
footer .f01 .telbox{ padding:0px 0px 0px 20px;}
footer .f02 ul li{ padding: 0px 0px 0px 20px;}
footer .f02 ul { font-size: 15px; }
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
footer .box-1{ display: block;  }
footer .f01{ width: 100%; justify-content: center; align-items: center; }
footer .f02{ width: 100%; margin: 5px 0 0 0;}
footer .f02 ul { display: none; text-align: center;}
footer .f02 ul li{ display: inline-block; padding: 0px 0px 0px 10px; line-height: 1.5;}
footer .f02 .design { display: block; text-align: center; line-height: 1.5;}
}