/* CSS Document */
body         
{
	background:#333;
	background:url("images/back.jpg");
	background-position:50% 165px;
	font-family:"微軟正黑體", "Arial Unicode MS";
	color:#000000;
	font-size:1em;
	margin: 0px;
	word-break:normal;
}

img{border:0px}
  
a:link {
	color:#F60;
	font-weight:bold;
	text-decoration: none;
	}
	
a:visited {
	color:#F60;
	font-weight:bold;
	text-decoration: none;
	}
	
a:hover {
	color:#F93;
	font-weight:bold;
	text-decoration: none;
	position:relative;
	top:2px;
	left:2px;
	}

.all{
	width:900px;
	margin:0 auto;
	}

.top{
	background:url("images/title.png") no-repeat;
	width:900px;
	height:250px;
	margin:0 auto;
	position: relative;
	z-index:1;
	text-align: center;
	}
	
.menu{
	z-index: 2;
	top: 230px;
	margin: 0px auto;
	position: relative;
	text-align: center;
	}
	
.cl{
	clear: both;
}
/********************/
/** premier niveau **/
/********************/
.menu ul {
	padding-left:150px;
	padding-right:5px;
	margin:0;
}

.menu li {
	width:150px;
	display:table-cell;
}
	.menu li a {
		background:url("images/btn.png.html") right center no-repeat;
		margin:10px;
		display:block;
		padding:15px;
		cursor:pointer;
		color:#066;
		font-size:1.1em;
		text-shadow:#fff 0px 0px 3px;
		text-shadow:#fff 0px 0px 5px;
}
	
	.menu li a:hover {
		color:#fff;
		text-shadow:#000 0px 1px 10px;
		font-weight:bold;
		text-decoration: none;
		position:relative;
		top:1px;
		left:1px;
	}

.main{
	background:url("images/frame.png") repeat-y;
	margin:0 auto;
	width:900px;
	clear:both;
	}
	
.content{
	background:url("images/mainback.jpg") bottom right no-repeat;
	width:750px;
	margin:0 auto;
	text-align:left;
	padding-top:2em;
	padding-bottom:1em;
	}

	.back{
		margin:0 auto;
		text-align:center;
		letter-spacing:5px;
		padding-top:1em;
		padding-bottom:2em;
	}

	
	.h1 {
		font-size:1.3em;
		color:#FFF;
		text-shadow:#333 1px 1px 3px;
		font-weight:bold;;
		background:url("images/h1.png") no-repeat center;
		line-height:60px;
		text-align:center;
		letter-spacing:5px;
		}
	
	.h2 {
		background:url("images/h2.png") left top no-repeat;
		padding-left:40px;
		line-height:40px;
		font-size:1.1em;
		font-weight:bold;
		}
		
	.h3 {
		font-size:1em;
		font-weight:bold;
		}
		
	
  	.divMpic {
		text-align:center;
		margin-top:1.5em;
		margin-bottom:1.5em;
		}
		
		
  	.divMtable {
		width: 100%;
		border-collapse:separate;
		border-spacing:2px;
		border:#F93 medium solid;
		text-align:center;
		margin-top:1em;
		margin-bottom:1em;
		}
		
		.divMtable th{
			text-shadow:#333 1px 1px 3px;
			background-color:#f93;
			white-space:nowrap;
			padding:0.5em;
			color:#FFF;
			}
			
		.divMtable td{
			border-bottom: 1px dotted #F93;
			padding:0.5em;
			}

.copyright {
	text-align:center;
	font-size:0.8em;
	color:#666;
	width:750px;
	margin:0 auto;
	border-top:#F60 thin dotted;
	padding-top:2em;
	padding-bottom:1.5em;
	clear:both;
  }


  .img{
  	width: 100%;
  }

  .img img{
  	width: 49%;
  	margin-left: 1px;
  }

  .imgX1 {
  	width: 100%;
  }

  .imgX1 img{
  	width: 100%;

  }
