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

/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%; /*避免文字自動放大*/
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	}
ul{ list-style:none; }

.hide{
	display:block;
	height:0;
	width:0;
	overflow:hidden;
    }

/* == 桌機版 ============================================================================= */
/* == 班址 == */
.footer{ 
    padding:40px; 
	width:100%;
	text-align:center;  
	background-color:#464b4c;
	}
.footer h2{
    font-size:2.4em; 
	line-height:2;
	color:#f2c406;
	}
.footer ul{
	margin:0 auto; 
	padding:0; 
	width:1000px; 
	list-style:none;
	}
.footer li{ 
    display:inline-block; 
	margin:4px; 
	padding:0; 
	width:18%; 
	height:40px;
	}
.footer li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#FFF;
    font-size:1.2em; 
	line-height:40px; 
	text-decoration:none; 
	color:#666;
	}
.footer li a:hover{ 
    background:#9ad5e3;
	}


/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
	/* == 班址 == */
.footer{ 
    padding:20px 0; 
	width:100%;
	text-align: center; 
	background-color:#464b4c;
	}
.footer h2{ 
    font-size:2.4em; 
	line-height:2; 
	color:#f2c406;
	}
.footer ul{
	margin:0 auto; 
	padding:0; 
	width:100%;
	list-style:none;
	}
.footer li{ 
    display:inline-block;
	margin:4px; 
	padding:0; 
	width:45%; 
	height:40px;
	}
.footer li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#FFF;
    font-size:1.2em; 
	line-height:40px; 
	text-decoration:none; 
	color:#666;
	}
.footer li a:hover{ 
    background:#9ad5e3;
	}