﻿/* 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:10px 30px 0 350px;
		color:white;
		text-align:center;
	}
	.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 .Block{
		background:url('../images/imageBlockBig.png') no-repeat scroll left -361px;
	}
	#member .SmallBlock{
		background:url('../images/imageSubBlockSmall.png') no-repeat scroll -182px top;
	}
	.OrdersTag,.MembersTag{
		margin:0 2px;
	}

/* 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;
	}

/* BottomLines */
	.BottomLines{
		position:relative;
		z-index:1000;
		padding-top:10px;
		background:url('../images/menuBg.png') repeat-x scroll left -150px;
		margin-top:-115px;
	}
	.Slide{
		height:700px;
		overflow:hidden;
	}
	.Slide H1,.Slide H2,.Slide H3{
		font-weight:normal;
		margin:0;
		padding:0;
	}
	.s1{
		color:white;
		background:#221F06 url('../images/secretaryPic1.jpg') no-repeat scroll center top;
		text-align:right;
	}
	.s1 H1{
		font-size:60px;
		width:1000px;
		padding:40px 0 0;
		margin:0 auto;
	}
	.s1 .Desc{
		font-size:24px;
		width:1020px;
		margin:0 auto 300px;
	}
	.s1 p{
		font-size:20px;
		margin:7px 0 7px 45%;
		width:30%;
		padding:0 2% 0 17%;
		text-align:left;
	}
	.s2{
		height:auto;
	}
	.s2 H1{
		font-size:60px;
		text-align:center;
		padding:0;
		margin:30px 0;
	}
	.s2 p{
		font-size:24px;
		margin:10px 0;
	}
	.s2 .p1{
		width:860px;
		margin:0 auto;
		padding-top:30px;
	}
	.s2 .p1 .Text{
		padding-top:20px;
	}
	.s2 .f1{
		width:350px;
		height:233px;
		background:url('../images/secretaryPic2.jpg') no-repeat scroll left top;
		float:left;
		margin-right:45px;
	}
	.s2 .p2{
		width:740px;
		margin:0 auto;
	}
	.s2 .f2{
		width:200px;
		height:300px;
		float:right;
		background:url('../images/secretaryPic2.jpg') no-repeat scroll -616px top;
	}
	.s2 .p2 .Text{
		padding-top:60px;
	}
	.s2 .p3{
		width:830px;
		margin:60px auto 0;
	}
	.s2 .f3{
		width:266px;
		height:400px;
		float:left;
		margin-right:50px;
		background:url('../images/secretaryPic2.jpg') no-repeat scroll -350px top;
	}
	.s2 .p3 .Text{
		padding-top:20px;
	}
	.s2 H2{
		padding-top:40px;
		font-size:40px;
	}
	.s8{
		height:auto;
		margin:50px auto;
	}
	.s8 H1{
		font-size:48px;
		margin:50px 0 25px;
		text-align:center;
	}
	.s8 ul{
		padding:0;
		margin:0 auto;
		width:1024px;
		text-align:center;
	}
	.s8 li{
		list-style:none;
		display:block;
		width:30%;
		margin:0 2% 0 1%;
		float:left;
	}
	.s8 H2{
		font-size:24px;
		margin:15px 0;
		font-family:'新細明體';
	}
	.s8 p{
		font-size:20px;
		margin:25px 0 20px;
	}
	.s8 .f1{
		width:286px;
		height:274px;
		margin:10px auto;
		background:url('../images/figures.jpg') no-repeat scroll left -447px;
	}
	.s8 legend{
		width:90%;
		text-align:center;
		font-size:20px;
	}
	.s8 fieldset{
		border:0;
		border-top:1px solid #ccc;
		padding:0 20%;
	}
	.s8 .f2{
		width:213px;
		height:177px;
		margin:50px auto 71px;
		background:url('../images/figures.jpg') no-repeat scroll left -722px;
	}
	.s8 .f3{
		width:136px;
		height:126px;
		margin:90px auto 82px;
		background:url('../images/figures.jpg') no-repeat scroll -195px -897px;
	}
	.s8 .Button:hover{
		color:#36318F;
	}
	.s8 .Button{
		display:block;
		width:182px;
		height:41px;
		line-height:41px;
		color:white;
		text-decoration:none;
		margin:0 auto;
		background:url('../images/figures.jpg') no-repeat scroll left -941px;
	}
	.s8 .Current:hover{
		color:#333;
	}
	.s8 .Current{
		color:#333;
		cursor:default;
		background-position:left -899px;
	}
