/* CSS Document */
body{
   background:#EFEDE0;
   margin:0;
   padding:0;
   color::black;
   font-family:華康中黑體,Calibri,Arial,Helvetica, sans-serif;
   src:url(fonts/DFFN.TTC);
   font-size:14px;
}
a, a:hover, a:visited{
	text-decoration:none;
	color:#06C;
	font-weight:400;
	font-family:Arial,華康中黑體,Helvetica, sans-serif;
    src:url(fonts/DFFN.TTC);
}
a:hover{
	color:#F60;
}

#wrapper{
	width:960px;
	margin:0 auto;
	background:#fff;
	padding:20px 60px;
}

#navigation{
	width:100%;
}

h1{
	font-size:37px;
	text-align:left;
	line-height:22px;
	font-weight:normal;
}

h2{
	font-size:12px;
	text-align:left;
	line-height:28px;
	color:#999;
	font-weight:normal;
}
    h2 span{
		margin-left:380px;
	}

h3{
	font-size:26px;
	text-align:left;
	line-height:0;
	margin-top:60px;
	font-weight:normal;
}
#info{
	font-size:13px;
	float:right;
	text-align:right;
	color:#999;
	margin-right:10px;
	line-height:18px;
}

#contentarea{
	float:left;
	width:100%;
}
    #contentarea span{
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif,新細明體;
		color:#333;
		line-height:12px;
	}
#nccu_field{
	width:370px;
	height:370px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background:#D9EBFF;
	margin-left:0;
	position:relative;
}
    #zone1,#zone2,#zone3,#nccu{
	position: absolute;
	font-size: 23px;
	font-family: 華康中特圓體;
	src: url(fonts/DFTT_R8.TTC);
	text-shadow: 0 0 10px white;
	text-align: center;
	width: 161px;
	}
	#zone1{
	top: 18px;
	left: 54px;
	}
	#zone2{
	top: 142px;
	left: 0px;
	}
	#zone3{
	top: 237px;
	left: 63px;
	}
	#nccu{
		top:128px;
		right:5px;
	}
	@-webkit-keyframes flow {
	  from { background-position: 0 0;}
	  to { background-position: 60px 0;}
}
	@-ms-keyframes flow {
	  from  { background-position: 0 0; }
	  to    { background-position: 60px 0; }
}
	@-moz-keyframes flow {
	  from  { background-position: 0 0; }
	  to    { background-position: 60px 0; }
	}
	@keyframes flow {
	  from  { background-position: 0 0; }
	  to    { background-position: 60px 0; }
}
  #zone1_bar,#zone2_bar,#zone3_bar,#tomoe_bar,#zone11{
		position:absolute;
		width:82px;
		height:17px;
		-webkit-animation-name: flow;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function:linear;
		-webkit-animation-direction:normal;

		-ms-animation-name: flow;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function:linear;
		-ms-animation-direction:normal;
		
		-moz-animation-name: flow;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function:linear;
		-moz-animation-direction:normal;

		animation-name: flow;
		animation-iteration-count: infinite;
		animation-timing-function:linear;
		animation-direction:normal;

	}
	#zone1_bar{
		top:140px;
		left:170px;	
                -ms-transform: rotate(45deg); /* IE 9 */
                -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
                -moz-transform: rotate(45deg); /* FireFox */
		transform:rotate(45deg);
	}
	#zone2_bar{
		top:180px;
		left:152px;	
	}
	#zone3_bar{
		top:220px;
		left:170px;	
                -ms-transform: rotate(-45deg); /* IE 9 */
                -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
                -moz-transform: rotate(-45deg); /* FireFox */
		transform:rotate(-45deg);
	}
	#tomoe_bar{
		height:12px;
		width:420px;
		top:180px;
		left:280px;
	}
	.green{
		background:#0F0;
		background-image:repeating-linear-gradient(-45deg,#7EDE00, #7EDE00 5px, #69CA23 5px, #69CA23 10px);
		-webkit-animation-duration: 1s;
		-ms-animation-duration: 1s;
		-moz-animation-duration: 1s;
		animation-duration: 1s;
	}
	.yellow{
		background:#FC0;
		background-image:repeating-linear-gradient(-45deg,#EEA423, #EEA423 5px, #FF8B00 5px, #FF8B00 10px);
		-webkit-animation-duration: 3s;
		-ms-animation-duration: 3s;
		-moz-animation-duration: 3s;
		animation-duration: 3s;
	}
	.red{
		background:#F30;
		background-image:repeating-linear-gradient(-45deg,#EE3823, #EE3823 5px, #EA6114 5px, #EA6114 10px);
		-webkit-animation-duration: 8s;
		-ms-animation-duration: 8s;
		-moz-animation-duration: 8s;
		animation-duration: 8s;
	}

#moe{
	position: absolute;
	top: -39px;
	left: 510px;
	background-image: url(images/moelogoM.gif);
	width: 457px;
	height: 455px;
}
   #moe img{
	   margin-top:193px;
	   margin-left:190px;
   }
   #moe span{
	  display: block;
	  position: absolute;
	  top: 243px;
	  left: -122px;
	  font-size: 20px;
   }
aside{
	float:left;
	color:#666;
	font-size:16px;
	padding-top:100px;
	line-height:25px;
	width:85%;
}