@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 !important;}  
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: '微軟正黑體', 'Microsoft JhengHei', 'Noto Sans TC', 'Microsoft YaHei', sans-serif;

	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
}
#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 5px 83px 0px rgba(0, 28, 65, 0.14);}
main { margin:0px auto 0px auto; width:100%; height:auto;  padding:0px 0px 0px 0px;}
footer { margin:0px auto 0px auto; padding:35px 0 25px 0; width:100%;
background: #071939;
}
footer .box-2{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap;}
footer .foot_logo_box{ width: 580px; margin:0 0 0px 0; padding:0px 0px 0px 0px; 
display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;
}
footer .foot_logo_box .f_logo{ width: 100%; margin:0 0 0px 0; padding:0px 0px 0px 0px; }
footer .foot_logo_box .f_logo h1{ width: 78px; }
footer .foot_logo_box .f_logo h1 a{ display: flex; justify-content: flex-start; text-align:center; flex-wrap: nowrap; }
footer .foot_logo_box .f_logo h1 img{ width: 100%; }
footer .foot_logo_box .f_logo h1 span{ font-size:var(--font-s06); color: #fff; white-space:nowrap; margin:0 0 0px 10px;}
footer .foot_logo_box .f_community{ width:100%; padding:15px 0px 0px 85px; display: flex; justify-content: flex-start; align-items: center;}
footer .foot_logo_box .f_community img{ width:22px; }

footer .foot_logo_box .f_community a{ margin:0 12px 0px 0; padding:0px 0px 0px 0px; width:33px; height:33px; border-radius: 100%; border:1px solid #fff;
display: flex; justify-content: center; align-items: center; font-size:var(--font-s03); color: #fff;
-webkit-transition: all .2s;
    transition: all .2s;
}
footer .foot_logo_box .f_community a:hover{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

footer .info{ width: auto; margin:0 0 0px 0; padding:0px 0px 0px 0px; }
footer .info ul{ width: auto; margin:0 0 0px 0; padding:0px 0px 0px 0px; list-style: none; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
footer .info ul li{ margin:0 30px 10px 0; padding:0px 0px; list-style: none; font-size:var(--font-s04); color: #fff;}
footer .info ul li a{ color: #fff;}
footer .info ul li a:hover{ color: #f5a526;}
footer .info p{ font-size:var(--font-s04); color: #fff; margin:0 0px 10px 0;}

footer .design{ width: 230px; margin:0px 0 0px 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; 
font-size:var(--font-s01); color: rgba(255, 255, 255, 0.5);
}
footer .design .t02{ margin: 0 0 0 0px;  width:100%;}
footer .design a{ color: rgba(255, 255, 255, 0.5); }
footer .design a:hover{text-decoration:underline !important;}

@media (max-width: 1366px) {
footer .info ul li{ margin:0 20px 10px 0;}
}
@media (max-width: 1260px) {
footer .box-2{ flex-wrap: wrap;}
footer .design{ width:100%; justify-content: center; margin: 10px 0 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.2); padding:10px 0 0 0;}
footer .design .t02{ width:auto; margin: 0 0 0 10px;}
}
@media (max-width: 980px) {
footer .foot_logo_box{ width:100%; justify-content: center; flex-wrap: wrap;
}
footer .foot_logo_box .f_logo{ display: flex; justify-content: center; text-align:center
}
footer .foot_logo_box .f_logo h1 a{ justify-content: center; }

footer .foot_logo_box .f_community{  padding:15px 0px 0px 0px; justify-content: center; }

footer .info{ width: 100%; margin:15px 0 0px 0; text-align:center}
footer .info ul{ justify-content: center; }
}
@media (max-width: 600px) {
footer .foot_logo_box .f_logo h1{ width: 60px; }
}