@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;
}

::-webkit-scrollbar-track
{
  border-radius: 10px;
  background-color: #f0f0f0;
}

::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
  height: 6px;
}

::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: #c2c2c2;
}

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","Arial";
	
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
}
#wrapper { margin:0px auto; width:100%; height:auto; overflow: hidden; position: relative;}
header { margin:0px auto 0px auto; padding: 0; width:100%; height:auto; position: relative;}
main { margin:0px auto 0px auto; width:100%; height:auto;  padding:0px 0px 0px 0px; position: relative;}
footer { margin:0px auto 0px auto; padding:0 0 0px 0; width:100%; 
height:auto; overflow: hidden; 
}

.box-foot{ background: #3d3a3a; font-size: 14px; color:#fff; text-align: center; padding:10px 0; position: absolute; z-index: 1; bottom: 0; width: 100%; line-height: 1.5;}
.box-foot a{ color:#fff; text-decoration:underline;}

.box-foot02{ background: #3a3a3a; font-size: 14px; color:#fff; text-align: center; padding:40px 0 0 0; width: 100%;}
.box-foot02 .flist { width:100%; margin:0 30px 40px 30px; padding:0px 0 0px 0; 
display: flex;
  justify-content: center;
}
.box-foot02 .flist ul{ width:calc(100% / 4); margin: 0 0px; padding:0 0px 0 0px; list-style: none; 
display: flex; flex-direction: column;
  flex-wrap: wrap;
}
.box-foot02 .flist ul:nth-child(1){ width: 32%;}
.box-foot02 .flist ul:nth-child(4){ width: 40%;}
.box-foot02 .flist ul h2{ font-size: 16px; color:#fff; margin: 0; padding:0px 0px 5px 0px; font-weight: 600; text-align: left; width:100%;}
.box-foot02 .flist ul h2 a{ color:#fff; }
.box-foot02 .flist ul h2 a:hover{ color:#f6ab09; }

.box-foot02 .flist ul .list{ margin: 0; padding:0 0px 0 0px; list-style: none; 
display: flex;
  justify-content: flex-start; align-items: flex-start; align-content: flex-start;
  flex-wrap: wrap;
}
.box-foot02 .flist ul .list dd{ margin: 0; padding:10px 30px 0 0px; list-style: none; width:calc(100% / 2 ); font-size: 14px; color:rgba(255,255,255,0.5);
text-align: left; line-height: 1.5;
}
.box-foot02 .flist ul .list dd a{ color:rgba(255,255,255,0.5); }
.box-foot02 .flist ul .list dd a:hover{ color:#f6ab09; }
.box-foot02 .flist ul .list02{ margin: 0; padding:0 0px 0 0px; list-style: none; 
}
.box-foot02 .flist ul .list02 dd{ margin: 0; padding:10px 0px 0 0px; list-style: none; width:100%; font-size: 14px; color:rgba(255,255,255,0.6);
text-align: left; line-height: 1.5;
}
.box-foot02 .flist ul .list02 dd a{ color:rgba(255,255,255,0.5); }
.box-foot02 .flist ul .list02 dd a:hover{ color:#f6ab09; }
.box-foot02 .flist02{ display: none;}
.box-foot02 .copyright { width:100%; padding:10px 0px 10px 0px; margin: 0; list-style: none; border-top: 1px solid rgba(255,255,255,0.2); line-height: 1.5; }
.box-foot02 .copyright a{ color:#fff; text-decoration:underline;}

@media only screen and (min-width: 0px) and (max-width: 1060px) {
.box-foot02 .flist ul .list dd{ padding:15px 0px 0 0px; width:100%; }
} 

@media only screen and (min-width: 0px) and (max-width: 900px) {
.box-foot02{ padding:20px 0 0 0; }
.box-foot02 .flist { width:100%; display: block; margin:0 0 10px 0;}
.box-foot02 .flist ul{ width: auto; display: inline-block;}
.box-foot02 .flist ul:nth-child(1){ width: auto;}
.box-foot02 .flist ul:nth-child(4){ width: auto;}
.box-foot02 .flist ul h2:after {
  content: "/"; padding:0 10px;
}
.box-foot02 .flist ul:nth-child(3) h2:after {
  display: none;
}
.box-foot02 .flist ul:last-child {
  display: none;
}
.box-foot02 .flist ul .list, .box-foot02 .flist ul .list02 { display: none;}

.box-foot02 .flist02{ margin: 0 0px 20px 0px; padding:0 0px 0 0px; height:auto; overflow: hidden; list-style: none; display: flex;
  justify-content: center; flex-wrap: wrap; align-items: center; }
.box-foot02 .flist02 dd{ margin: 0; padding:10px 0px 0 0px; list-style: none; width:100%; font-size: 14px; color:rgba(255,255,255,0.6);

}
.box-foot02 .flist02 dd a{ color:rgba(255,255,255,0.5); }
.box-foot02 .flist02 dd a:hover{ color:#f6ab09; }
}