/* clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}

/* Global */
	body{
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		background:url('../images/bg.jpg') repeat-x scroll 0 0;
	}
	.Wrapper{
		width:1024px;
		margin:0 auto;
	}
	.JhengHei{
		font-family:'微軟正黑體';
	}

/* Header */
	.Header{
		margin-top:15px;
	}
	.MenuWrapper{
		float:right;
		margin-top:10px;
		background:url('../images/menuBg.png') no-repeat scroll left top;
	}
	.MenuWrapper2{
		background:url('../images/menuBg.png') no-repeat scroll right -100px;
	}
	.Menu{
		list-style:none;
		padding:0;
		margin:0 30px;
	}
	.Menu li{
		float:left;
		padding:0 10px;
		height:50px;
		background:url('../images/menuBg.png') repeat-x scroll 0 -50px;
	}
	.Menu li a:hover{
		color:red;
	}
	.Menu li a{
		font-size:18px;
		line-height:48px;
		text-decoration:none;
		color:#566A2B;
	}
	.Menu li.First{
		padding-left:30px;
	}
	.Menu li.Last{
		padding-right:30px;
	}
	.Logo{
		float:left;
		display:block;
		width:150px;
		height:84px;
		background:url('../images/logo.png') no-repeat scroll 0 0;
	}

/* HeadLine */
	.HeadLine{
		display:table;
		margin:20px auto 0;
	}
	.HeadLine H1,.HeadLine H2{
		display:table-cell;
		vertical-align:middle;
		color:#566A2B;
		font-weight:normal;
	}
	.HeadLine H1{
		font-size:48px;
		margin:0;
	}
	.HeadLine H2{
		width:350px;
		font-size:16px;
		padding-left:15px;
	}

/* Topic */
	.Topics{
		width:1024px;
		height:361px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}
	.Topics .Left,.Topics .Right,.Topics .Center{
		position:absolute;
	}
	.Topics .Left {
		left:70px;
	}
	.Topics .Center{
		left:230px;
	}
	.Topics .Right{
		left:770px;
	}
	.Block,.SmallBlock{
		position:absolute;
		top:0;
		z-index:998;
	}
	.Topics .Block{
		display:block;
		text-decoration:none;
		width:570px;
		height:361px;
	}
	.Topics .SmallBlock{
		width:182px;
		height:292px;
		top:40px;
		z-index:1;
	}
	.Block H2,.Block H3{
		margin:57px 30px 0 340px;
		color:#FAEE36;
		font-size:28px;
		line-height:36px;
		text-align:center;
	}
	.Block H3{
		margin-top:8px;
		color:#434343;
		font-size:20px;
		line-height:32px;
	}
	.Block H3 span{
		color:#599405;
	}
	.Block p{
		margin:15px 30px 0 350px;
		color:white;
	}
	.SmallBlock H2{
		margin:168px 15px 0;
		color:white;
		text-align:center;
		font-size:23px;
	}
	.SmallBlock p{
		color:white;
		text-align:center;
		margin:5px 15px;
		font-size:15px;
		line-height:20px;
	}
	.Topics .Right .SmallBlock H2,.Topics .Right .SmallBlock p{
		margin-left:25px;
	}
	.Topics p.Smaller{
		font-size:13px;
	}
	.Topics .BigArrow{
		display:block;
		width:170px;
		height:350px;
		position:absolute;
		left:70px;
		top:0;
		z-index:999;
	}
	.Topics .Arrow{
		display:block;
		width:30px;
		height:50px;
		position:absolute;
		left:565px;
		top:90px;
		z-index:999;
	}
	.Topics .RightArrow{
		left:750px;
	}
	.Topics .RightBigArrow{
		width:160px;
		left:790px;
	}
	#money .SmallBlock{
		background:url('../images/imageBlockSmall.png') no-repeat scroll left top;
	}
	#member .SmallBlock{
		background:url('../images/imageBlockSmall.png') no-repeat scroll -182px top;
	}
	#secretary .SmallBlock{
		background:url('../images/imageBlockSmall.png') no-repeat scroll -364px top;
	}
	#money .Block{
		background:url('../images/imageBlockBig.png') no-repeat scroll left top;
	}
	#money .Block H3{
		margin-bottom:30px;
	}
	#money .Block .Order,#money .Block .Member,#money .Block .Since{
		font-size:16px;
		color:#333;
		text-align:right;
		padding-right:28px;
		margin-bottom:10px;
	}
	#money .Title{
		padding:0 23px 2px 0;
	}
	#money .Block .Since{
		font-size:13px;
	}
	#orders div,#members div{
		float:right;
		color:white;
		font-weight:bold;
		width:22px;
		height:25px;
		font-size:21px;
		line-height:24px;
		font-family:Arial;
		margin-right:1px;
		text-align:center;
		background:url('../images/bigArrows.png') no-repeat scroll -45px -217px;
	}
	#orders div.First{background-position:left -217px;}
	#orders div.FirstTwo{background-position:-23px -217px;}
	#orders div.Last{background-position:-67px -217px;}
	#members div{background-position:-45px -242px;}
	#members div.First{background-position:left -242px;}
	#members div.FirstTwo{background-position:-23px -242px;}
	#members div.Last{background-position:-67px -242px;}
	#money div.Comma{
		width:2px;
		margin-left:-1px;
		margin-right:-1px;
		background-position:-90px -217px;
	}
	#members div.Comma{
		background-position:-90px -242px;
	}
	#money .Unit{
		float:right;
		margin-left:2px;
	}
	#member .Block{
		z-index:996;
		background:url('../images/imageBlockSmall.png') no-repeat scroll left -294px;
	}
	#secretary .Block{
		z-index:997;
		background:url('../images/imageBlockBig.png') no-repeat scroll left -361px;
	}
	#member ul{
		margin:10px 30px 0 340px;
	}
	#member li{
		list-style:none;
	}
	#member li a:hover{
		background:#599405;
	}
	#member li a{
		padding:0 5px;
		display:block;
		border-bottom:1px solid #68AD06;
		width:130px;
		height:34px;
		line-height:34px;
		color:white;
		text-decoration:none;
		font-size:18px;
	}
	#ordersTag,#membersTag{
		margin:0 1px;
	}

/* BottomLines */
	.BottomLines{
		margin:0 50px;
	}
	.NewsPanel{
		width:240px;
		margin-top:30px;
	}
	.NewsPanel,.BottomTopics{
		float:left;
	}
	.BottomTopics{
		width:350px;
		margin:40px 0 0 30px;
		padding-right:20px;
		height:67px;
		background:url('../images/borders.png') no-repeat scroll right -96px;
	}
	.BottomButtons{
		float:right;
		width:250px;
	}
	.NewsTitle{
		height:32px;
		line-height:24px;
		background:url('../images/borders.png') repeat-x scroll left -32px;
		margin:0 16px;
		padding:0 10px;
	}
	.NewsTitle H4{
		margin:0;
		padding:2px 0 0;
		float:left;
		font-size:16px;
		color:#333;
	}
	.NewsTitle ul{
		margin:0;
		padding:0;
		float:right;
	}
	.NewsTitle li{
		list-style:none;
		float:left;
	}
	.NewsTitle li a:hover,.NewsTitle li a.Current{
		background-position:left -163px;
	}
	.NewsTitle li a{
		display:block;
		width:16px;
		height:16px;
		margin-right:5px;
		margin-top:5px;
		line-height:16px;
		font-size:12px;
		text-align:center;
		color:white;
		text-decoration:none;
		background:url('../images/borders.png') no-repeat scroll left -179px;
	}
	.NewsTitleWrapper{
		background:url('../images/borders.png') no-repeat scroll left top;
	}
	.NewsTitleWrapper2{
		background:url('../images/borders.png') no-repeat scroll right -64px;
	}
	.NewsContent{
		padding:0;
		margin:0;
		font-size:13px;
		position:absolute;
		left:0;
		top:0;
	}
	.NewsContentMask{
		height:48px;
		padding:0;
		overflow:hidden;
		margin:5px 0 0 20px;
		position:relative;
	}
	.NewsContent li{
		list-style:none;
		padding:0;
		margin:0;
		height:16px;
		line-height:16px;
	}
	.NewsContent div{
		float:left;
		margin-left:7px;
		line-height:16px;
		height:16px;
		color:#333;
		text-align:right;
		overflow:hidden;
	}
	.NewsContent .No{
		margin:0;
		width:60px;
		font-weight:bold;
	}
	.NewsContent .Flag{
		width:21px;
		height:14px;
		margin:1px 0 1px 5px;
		background:url('../images/figures.jpg') no-repeat scroll -263px -715px;
	}
	.NewsContent .c886{background-position:-263px -729px;}
	.NewsContent .c852{background-position:-263px -744px;}
	.NewsContent .c853{background-position:-263px -758px;}
	.NewsContent .c65{background-position:-263px -772px;}
	.NewsContent .c60{background-position:-263px -786px;}
	.NewsContent .c86{background-position:-263px -800px;}
	.NewsContent .c81{background-position:-263px -814px;}
	.NewsContent .c82{background-position:-263px -828px;}
	.NewsContent .c1{background-position:-263px -842px;}
	.NewsContent .Total{
		width:47px;
		margin:0 0 0 5px;
	}
	.NewsContent .Date{
		color:#787878;
	}
	.BottomButtons a{
		display:block;
		float:left;
		width:106px;
		height:120px;
		text-decoration:none;
		color:#F98B10;
		font-weight:bold;
		font-size:16px;
		line-height:100px;
		text-align:center;
		margin-right:5px;
		background:url('../images/icons.png') no-repeat scroll left -67px;
	}
	.BottomButtons a.c1:hover{
		color:red;
	}
	.BottomButtons a.c2:hover{
		color:#F98B10;
	}
	.BottomButtons a.c2{
		color:#FFC118;
		background-position:left -187px;
	}
	.BottomTopics a:hover{
		color:#333;
	}
	.BottomTopics a{
		text-decoration:none;
		color:#898989;
	}
	.BottomTopics a.c1{
		display:block;
		width:67px;
		height:67px;
		background:url('../images/icons.png') no-repeat scroll left top;
		float:left;
		color:#5BA219;
		font-size:13px;
		line-height:67px;
		text-align:center;
	}
	.BottomTopics .Mask{
		position:relative;
		height:63px;
		margin-left:80px;
		width:270px;
		overflow:hidden;
	}
	.BottomTopics .TopicContent{
		position:absolute;
		left:0;
		top:0;
		width:270px;
	}
	.BottomTopics H4{
		padding:0;
		margin:0;
		color:#5BA219;
		font-size:15px;
		line-height:18px;
	}
	.BottomTopics p{
		margin:6px 0;
		font-size:15px;
		line-height:18px;
	}
	
/* Footer */
	.Footer{
		background:url('../images/borders.png') repeat-x scroll left -195px;
		padding:20px 30px 10px;
		margin-top:15px;
	}
	.Footer .Copyright{
		color:#566A2B;
		font-size:14px;
		float:left;
	}
	.Footer ul{
		color:#566A2B;
		padding:0;
		margin:10px 30px 0 0;
		float:right;
	}
	.Footer li a:hover{
		text-decoration:underline;
	}
	.Footer li a{
		color:#566A2B;
		font-size:16px;
		text-decoration:none;
		padding:0 15px 0 0;
		margin:0 10px 0 0;
	}
	.Footer li{
		float:left;
		list-style-type:square;
	}
	.Footer .LogoFooter{
		display:block;
		width:99px;
		height:56px;
		float:right;
		margin-top:-17px;
		background:url('../images/logoFooter.png') no-repeat scroll left top;
	}