﻿/* 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%;
	}
	img{
		border:0;
	}

/* Global */
	body{
		margin:0px;
		font-family:Arial, Helvetica, sans-serif;
		background:url('../images/bg.jpg') repeat-x scroll 0 0;
		overflow-x:hidden;
	}
	.JhengHei{
		font-family:'微軟正黑體';
	}

/* Header */
	.Header{
		width:950px;
		margin:15px auto 0;
	}
	.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;
	}

/* 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{
		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;
		text-align:center;
	}
	.Block H3{
		margin-top:8px;
		color:#434343;
		font-size:20px;
	}
	.Block H3 span{
		color:#599405;
		font-weight:normal;
	}
	.Block p{
		margin:15px 30px 0 350px;
		color:white;
	}
	.SmallBlock H2{
		margin:128px 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/imageSubBlockSmall.png') no-repeat scroll left top;
	}
	#secretary .SmallBlock{
		background:url('../images/imageSubBlockSmall.png') no-repeat scroll -364px top;
	}
	#member .Block{
		background:url('../images/imageBlockSmall.png') no-repeat scroll left -294px;
	}
	#member ul{
		margin:10px 30px 0 340px;
	}
	#member li{
		list-style:none;
	}
	#member li a.Current,#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;
	}

/* BottomLines */
	.InnerContentWrapper{
		position:relative;		
		z-index:1000;
		width:1060px;
		margin:-115px auto 0;
	}
	.InnerContentWrapper .Wrapper2,.InnerContentWrapper .Wrapper1{
		position:absolute;
		top:0;
		z-index:800;
		width:110px;
		height:170px;
		background:url('../images/pageBorder.png') no-repeat scroll right top;
	}
	.InnerContentWrapper .Wrapper1{
		left:0;
		background:url('../images/pageBorder.png') no-repeat scroll left top;
	}
	.InnerContentWrapper .Wrapper2{
		right:0;
	}
	.InnerContentBorder{
		height:10px;
		width:840px;
		margin:0 auto;
		background:url('../images/menuBg.png') repeat-x scroll left -150px;
	}
	.InnerContent{
		padding:45px 67px 88px;
		background:white url('../images/pageContentBg.jpg') no-repeat scroll left bottom;
	}
	.InnerLeftContent{
		float:left;
	}
	.InnerLeftContent H1 span{
		font-family:'Arial';
		margin-right:5px;
		font-weight:bold;
	}
	.InnerLeftContent H1{
		color:#8AA80B;
		font-size:36px;
		font-weight:normal;
		margin:0;
	}
	.InnerLeftContent .Desc{
		color:#7C7C7C;
	}
	.InnerLeftContent ul{
		padding:0;
		margin:20px 0;
		width:200px;
	}
	.InnerLeftContent li{
		list-style:none;
	}
	.InnerLeftContent li a:hover,.InnerLeftContent li a.Current{
		border:1px solid #8AA80B;
		background:white;
		color:#8AA80B;
	}
	.InnerLeftContent li a{
		display:block;
		background:#8AA80B;
		color:white;
		text-align:right;
		margin-bottom:2px;
		padding:2px 8px;
		text-decoration:none;
		border:1px solid #8AA80B;
	}

/* InnerRightContent */
	.InnerRightContent{
		float:left;
		margin:40px 0 0 150px;
		width:450px;
	}
	.InnerRightContent H1{
		padding:0;
		margin:0 30px 15px 0;
		color:#F6921D;
		font-size:30px;
		border-bottom:1px solid #a0a0a0;
	}
	.InnerRightContent H1 span{
		font-size:24px;
		color:#aaa;
		margin:0 5px;
	}
	.InnerRightContent p{
		border-left:2px solid #50646f;
		padding-left:10px;
		margin:0 30px 25px 0;
		color:#333;
	}
	.InnerRightContent p B{
		color:#F6921D;
		margin:0 2px;
		font-weight:normal;
	}
	.OrdersTag,.MembersTag{
		margin:0 2px;
	}

/* SquareBlock Border */
	.SquareBlock{
		color:#333;
		margin-top:40px;
	}
	.BlockBorder1, .BlockBorder2, .BlockBorder3, .BlockBorder4, .BlockBorder5{
		border:0 solid #333;
		border-width:0 1px;
		font-size:0;
		height:1px;
		margin:0 1px;
		overflow:hidden;
	}
	.BlockBorder1{
		margin:0 3px;
		border-width:0;
	}
	.BlockBorder2, .BlockBorder5{
		border-width:0 2px;
	}
	.BlockCenter{
		border-width:0 1px;
		border-style:solid;
		padding-bottom:1px;
		text-align:left;
		clear:both;
		position:relative;
	}
	.BlockCenterContent{
		margin:0 3px;
		padding:10px 5px 5px 8px;
		clear:both;
	}
	.BlockBorder1.GreenBorder, .GreenBorder{
		background-color:#8AA80B;
	}
	.Green{
		background-color:white;
		border-color:#8AA80B;
	}

/* OrderFields */
	ul.OrderFields{
		padding:30px 0;
		margin:0;
	}
	.OrderFields li{
		list-style:none;
		float:left;
		margin:5px 0;
	}
	.OrderFields li.Label{
		width:25%;
		text-align:right;
		margin-right:3%;
	}
	.OrderFields li.Input{
		width:70%;
		text-align:left;
	}
	.OrderFields input{
		width:150px;
		font-family:'Arial';
	}
	.OrderFields textarea{
		width:95%;
		height:150px;
		overflow-y:scroll;
		font-family:'Arial';
	}
	.Required{
		color:red;
	}
	.FormHeader{
		width:270px;
		background:white;
		font-size:16px;
		line-height:22px;
		position:absolute;
		left:20px;
		top:-15px;
		text-align:center;
	}
	.NoBottom{
		margin-bottom:0;
	}
	.OrderFields a.Submit:hover{
		color:red;
	}
	.OrderFields a.Submit{
		text-decoration:none;
		color:#333;
		font-size:18px;
		line-height:40px;
		margin-top:10px;
	}
	.OrderFields a.Submit table{
		border-collapse:collapse;
	}
	.OrderFields a.Submit td{
		width:30px;
		height:50px;
		padding:0;
	}
	.OrderFields a.Submit td.Left{
		background:url('../images/menuBg.png') no-repeat scroll left top;
	}
	.OrderFields a.Submit td.Center{
		width:auto;
		padding:0 20px;
		background:url('../images/menuBg.png') repeat-x scroll left -50px;
	}
	.OrderFields a.Submit td.Right{
		background:url('../images/menuBg.png') no-repeat scroll left -100px;
	}

/* Footer */
	.Footer{
		background:url('../images/borders.png') repeat-x scroll left -195px;
		padding:20px 30px 10px;
		margin:15px auto 0;
		width:964px;
	}
	.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;
	}
