@charset "utf-8";
/* CSS Document */


a{
	text-decoration: none;
	color: #666;
}


a:hover{
	text-decoration: none;
	color: #333;
}


a:visited{
	text-decoration: none;
	color: #666;
}

a:active{
	text-decoration: none;
	color: #666;
}



.up{
	position:absolute;
	width:45px;
	height:45px;
	right:30px;
	bottom: 70px;
	border-radius:50px;
	background-image:url(../img/arrow_up.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#bababa;
	z-index:99999;
	transition:all ease .1s .1s;
	-webkit-transition:all ease .1s .1s;
	-moz-transition:all ease .1s .1s;}
	
	.up:hover{
		background-color:#969696;}




footer {
	  position: relative;
	  margin: 0;
	  padding: 20px;
	  display: block;
      background-color: #efefef;
	  width: 100%;
	  font-family: "Microsoft Jhenghei", "Arial Regular";
	  font-size: 14px;	  
  }
 

footer span{
        position: relative;	
		display:inline-block;
		text-align: right;
		color: #666;
		
	}

footer ul{
	display: block;
	
	}
	
footer ul li{
	    display:block;
		float: left;
		margin-right: 24px;
		font-weight: bold;
		list-style: none;
		color: #666;
	}

footer ul li a{
	color: #666;
	text-decoration: none;
}


footer ul li a:hover{
	color: #333;
	text-decoration: none;
}



footer ul li ul{
	display: block;
	margin: 15px 0px 0px 0px;
	padding:0; 
}



footer ul li ul li{
	display:block;
	clear: both;
	margin: 0;
	padding:0;
	font-weight: normal; 
	line-height: 26px;

}

footer ul li ul li a{
	color: #666;
	text-decoration: none;
}


footer ul li ul li a:hover{
	text-decoration: none;
	color: #333;
}





	


@media (max-width:768px) {
		

footer {
	 position: relative;
	 clear: both;
	  padding: 40px 0px 60px 0px;
	  display: block;
      background-color: #efefef;
	  width: 100%;
	  font-family: "Microsoft Jhenghei", "Arial Regular";
	  font-size: 14px;	  
  }


	
footer span{
        position: relative;	
		display:block;
		text-align: center;
		color: #333;	
	}
	
	
}



@media (min-width:320px) and (max-width:767px){

	footer{
		position: relative;
		clear: both;
		padding: 40px 0px 80px 0px;

	}


	.up{
	position:absolute;
	width:45px;
	height:45px;
	right:30px;
	bottom: 100px;
	border-radius:50px;
	background-image:url(../img/arrow_up.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#bababa;
	z-index:99999;
	transition:all ease .1s .1s;
	-webkit-transition:all ease .1s .1s;
	-moz-transition:all ease .1s .1s;}

}