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

@import url(http://fonts.googleapis.com/css?family=Exo+2:500);
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);
@import url(http://fonts.googleapis.com/css?family=Michroma);

/* 大於1001 */
@import URL("bigScreen02.css") screen and (min-width: 1001px); 



/*Screen 小於1000*/
@import URL("middleScreen02.css") screen and (max-width: 1000px);

@media screen and (max-width: 600px){
	#content h1{
		padding-left:0.2em;
		font-size:3.5em;
		background-size: 30%,30%;
	}
}

@media screen and (max-width: 400px){  
	#content {
	margin: 0px auto;
	padding: 20% 0px 20px 0px; }
	#content h1 {
		padding-left:0.2em;
		font-size:1.7em;
		background-size: 30%,30%;
	}
	/*#content p{white-space:pre-wrap;}*/
	#share { width:0%; top:35%; border:0px; float:right;}
	#share h1 { display:none; }
	
	header h1 { 
	font-family: '微軟正黑體','Exo 2', arial;
	color:#0075a9;
	font-size: 2em;
	padding:10% 0px 0px;
	opacity: 0.6;　/* 數值為0~1 */
	}
	#sideBar img {
	border:0px;
	}
	
	#footer01 { 
	width: 90%;
	border:1px solid #ccc;
	margin: 10px auto;
	padding: 20px 5px 5px 5px;}
	#footer01 p{
	text-align:center;
	margin:0px 0px 10px;
	}
	#footer .td{
		word-wrap: break-word;
		word-break: break-all ;
	}
	
	
	/* ----- Main Menu ----- */

	#main_menu {
	width: 100%;
	
	text-align:center;
	position: fixed;
	z-index: 10;
	background: url(../img/temp/menu_bg.png) left bottom;
	background-repeat: repeat-x;
	top: 0px;
	overflow: visible;
	visibility: visible;
	}
	#main_menu img {
	text-align:center;
	border: 0px;
	margin: 3px 0px 0px 0px;
	}

	#main_menu ul {
	list-style: none;	
	text-align:center;
	margin: 0px auto 0 auto;
	padding: 0px 0px 2px;
	
	}

	#main_menu  li {
	margin-top:0.5em;
	font-size:large;
	width: 120px;
	
	padding: 0em ;
	text-align: center;
	display: table-cell;
	font-family: '微軟正黑體',arial;
	}

	#main_menu li a {
	/* 	display: inline-block;	水平內顯示為區塊 */
	
	padding:6px 0px 7px 0px;
	text-decoration:none;
	vertical-align: middle;
	color:#858585;
	display:block;
	}

	#main_menu li a:hover {
	color:#C66;
	border-radius:9px 10px 9px 10px;
	background-color:#FCC;
	padding:6px 0px 7px 0px;
	}

	#main_menu .menu{
	
	margin: 4px auto 2px auto;  
	text-align:center;
	display:table;
	}
	

	};