@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Hammersmith+One);
body {	width:100%; height:1000px;
		margin:auto;}
		
/*icon 字體顏色*/		
.f_red {	color:#AE0000;}
.f_blue{ color:#000079;}

a{	text-decoration: none;}
/* 雙層背景設置*/
	#b1{z-index: 1; 
		width:100%;
		height:400px; 
		background-color:#7cbcd5;
		position: absolute;
		margin:0px auto;}
	#b2{z-index: 2; 
		width:1366px;
		height:1000px;
		position: absolute;}
	.header{
		margin: 0px auto;
		margin-top:5px;
		margin-bottom:10px;
		width:70%; height:50%; }
		.h1{
			width:100%; height:40%;}
		.h2{
			width:100%; height:85%;}
			.box{
				margin: 0px auto;
				width:100%; height:15%;
				margin-top:10px;}
			.mp{
				margin: 0px auto;
				width:100%; height:70%;
				margin-top:5px;}
			
/* hsuan add */
		.box ul{	margin: 0 auto;}
		.boxlink1,.boxlink2,.boxlink3,.boxlink4,.boxlink5,.boxlink6,.boxlink7{	
				position:relative;
				list-style:none;
				display:block;
				float:left;
				padding:5px 15px;
				margin-left:2px;
				-moz-transition:all 0.5s ease-out;
				-webkit-transition:all 0.5s ease-out;
				-o-transition:all 0.5s ease-out;}
		.box a{	font-family:"微軟正黑體";
				font-size: 18px;
				font-weight:bold;
				line-height:2.5em;
				color: #FFFFFF;	 
				-moz-transition:border-bottom 0.5s ease;
				-webkit-transition:border-bottom 0.5s ease;
				-o-transition:border-bottom 0.5s ease;	}
		.box a:hover{	color:#000000;}
		.box li:hover{	/* position: relative; 
						bottom:8px; */
						padding-bottom:-5px;
						border-bottom:5px solid #000000;
						transform:translateY(-8px);
						-moz-transform:translateY(-8px);
						-webkit-transform:translateY(-8px);
						-o-transform:translateY(-8px);
						-ms-transform:translateY(-8px);}
		
		.boxlink1{	background-color:rgba(173, 0, 0,0.8);
					border-top-left-radius:20px;
					border-bottom-left-radius:20px;
					margin-left:15px; }
		.boxlink2{	background-color:rgba(255, 128, 10,0.9);}
		.boxlink3{	background-color:rgba(255, 209, 5,0.9);}
		.boxlink4{	background-color:rgba(0, 189, 0,0.9);}
		.boxlink5{	background-color:rgba(0, 115, 230,0.9);}
		.boxlink6{	background-color:rgba(0, 102, 204,0.9)}
		.boxlink7{	background-color:rgba(136, 0, 255,0.9);
					border-top-right-radius:20px;
					border-bottom-right-radius:20px;}
		.mp img{	border-radius:30px;
				margin:0 auto;}
				
	.middle{
		margin: 0px auto;
		margin-top:10px;
		width:70%; height:80%;}
	.footer{
		font-family: 'Hammersmith One', sans-serif;
		font-weight:bold;
		margin: 0px auto;
		text-align:center;
		line-height:2.5em;
		border-radius:10px;
		width:70%; height:4%;
		margin-top:15px;
		margin-bottom:5px;
		background:	#C4E1E1; color:#000079;}