@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_Olive_green {	color:#847052;}
.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;
		font-family: 'Fredericka the Great', cursive;
		width:70%;}
		.mem_select{
			margin: 0px auto;
			width:100%; height:40px;
			border-left-style:solid; border-bottom-style:dashed; 
			border-bottom-color:#54a3c4;}
			.mem_L{
				float:left;
				margin-top:10px;
				margin-bottom:10px;
				box-shadow:3px 3px 10px #666;
				border:4px #645844 solid;
				width:48.5%; height:250px;}
			.mem_R{
				float:right;
				margin-top:10px;
				margin-bottom:10px;
				margin-left:3px;
				box-shadow:3px 3px 10px #666;
				border:4px #645844 solid;
				width:48.5%; height:250px;}
/* 區塊按鈕*/
	#btn1{ color:#FFFFFF;}
	#btn1,#btn2,#btn3,#btn4,#btn5{	
					cursor: pointer; 
					-moz-user-select: none;  
					-webkit-user-select: none;  
					-ms-user-select: none;  
					position:relative;
					list-style:none;
					display:block;
					float:left;
					border-radius:15px;
					font-family:'微軟正黑體';
					width:150px;height:30px;
					margin-right:5px;
					text-align:center;
					line-height:1.7em;
					font-size: 18px;
					-moz-transition:all 0.5s ease-in-out;
					-webkit-transition:all 0.5s ease-in-out;
					-o-transition:all 0.5s ease-in-out;}	
/* 老師區塊*/
			.teacher_all{	margin: 0px auto;
							width:100%; 
							margin-top:15px;
							margin-bottom:20px;
							color:#645844;}
			.teacher{	box-shadow:3px 3px 10px #666;
						border:5px #645844 solid;
						margin: 0px auto;
						padding:10px;
						width:95%;}
			.teacher_img{	border:6px #d0d0d0 solid;
							border-radius:15px;}
			.teacher_D{	float:left;
						font-family:"微軟正黑體";
						font-size: 24px;
						color:#847052;
						font-weight:bold;
						line-height:1.3em;
						margin-left:5px;
						width:55%; height:450px;
						margin-bottom:20px;}
			.teacher_P{	float:left;
						margin-left:5px;
						width:40%; height:450px;
						margin-bottom:20px;}
/* 其他成員區塊 */	
			.mem_P{	margin:5px 6px;}
			.mem_P{	float:left;
					width:33%; height:210px;}
			.mem_D {	font-family:'微軟正黑體';
					float:right;
					font-size:14.5px;
					font-weight:600;
					width:61%; height:210px;
					font-weight:bold;
					margin-right:5px;
					line-height:1.3em;
					color:#847052;}
			.title {	font-size:17px;
					color:#A0522D;
					line-height:1.3em;}
			.name  {	font-size:28px;
					font-weight:bold;
					line-height:1.4em;
					color:#645844;}
			.mem_P img{	border:5px #d0d0d0 solid;
						border-radius:15px;}
	.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;}