@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
@import url(http://fonts.googleapis.com/css?family=Hammersmith+One);
@import url(http://fonts.googleapis.com/css?family=Montserrat);
body {	width:100%; height:1000px;
		position: absolute;}

/*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;}
	#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-in-out;
				-webkit-transition:all 0.5s ease-in-out;
				-o-transition:all 0.5s ease-in-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{
		font-family:'微軟正黑體';
		margin: 0px auto;
		margin-top:10px;
		width:70%; height:70%;
		}
/* 連結 */
		.m1_links{
		float: left;
		 /*margin-top:5px;*/ 
		margin-bottom:5px;
		margin-left:1px;
		margin-right:5px;
		width:32.5%; height:95%;}
		.m1_links fieldset{
			overflow:auto;
		}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;
	border-radius:10px;
	margin-top:17.5px;
	margin-bottom:2.5px;
}
::-webkit-scrollbar-thumb {
	background:#999;
	border: thin solid gray;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#7d7d7d;
}	
/* 最新消息*/
		.m2_news{
		float: left;
		/* margin-top:5px; */
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		width:32.5%; height:95%;
		}
	    .m2_news fieldset{
			overflow:auto;
		}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;
	border-radius:10px;
	margin-top:17.5px;
	margin-bottom:2.5px;
}
::-webkit-scrollbar-thumb {
	background:#999;
	border: thin solid gray;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#7d7d7d;
}		
/* 科技新知*/
		.m3_somethingNew{
		float: left;
		/* margin-top:5px; */
		margin-bottom:5px;
		margin-left:5px;
		margin-right:1px;
		width:32.5%; height:95%;}
		.m3_somethingNew fieldset{
			overflow:auto;
		}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;
	border-radius:10px;
	margin-top:17.5px;
	margin-bottom:2.5px;
}
::-webkit-scrollbar-thumb {
	background:#999;
	border: thin solid gray;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#7d7d7d;
}	
		fieldset{	/* box-shadow:3px 3px 10px #666; */
				border:4px #325585 solid;
				border-radius:15px;
				height:100%;}
		legend{	color:#ffffff;
				background:rgba(79, 113, 161,0.8);
				border-radius:5px;
				font-size:20px;
				font-weight:bolder;
				padding:5px 10px;}

				
/* 訊息公告設置 */
#tpost,#post{	list-style-type:square;
				font-size:15px;
				font-weight:bold;
				font-family: 'Hammersmith One', sans-serif,'微軟正黑體';
				color:#930000;
				margin-left:-20px;
				margin-bottom:4px;}	

#tpost li,#post li{	font-family: 'Montserrat', sans-serif,'微軟正黑體';
				font-size:14px;
				line-height:1.65em;
				font-weight:800;
				margin-top:5px;}
#post li{	color:#003E3E;}
#tpost  li {color:#228B22;}
#post li:hover {  background:#D2E9FF;
			    opacity:0.85;
			    transform:scale(1.05);	/*縮放動作*/}
#tpost li:hover{ background:#DEFFAC;
			    opacity:0.85;
			    transform:scale(1.05);	/*縮放動作*/}
/*繼續閱讀設置*/			   
#tpost font,#post font{	
				font-family:'微軟正黑體';
				font-size:12px;
				color:#ffffff;
				padding:2px 2px;
				background:#0072E3;
				margin-left: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;}