@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	background-color: #28638F;
	background-image:url(../img/Base_BG.png);
	background-repeat: repeat-x;
	background-position: center top;
}


/*導航欄水平居中垂直置頂*/
#Menu {
	position:absolute;
	width:1260px;
	margin-right:auto;
	margin-left:auto;
	left:0;
	right:0;
	top:0;
	margin-top:0;
	bottom:auto;
	margin-bottom:auto;
	display:block;
}

#Menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

/*超出的部分隱藏起來，設置li的行高為35px，與a的高度保持一致*/
#Menu ul li {
	float:left;
	overflow:hidden;
	position:relative;
	line-height:35px;
}

#Menu ul li a {
	position:relative;
	display:block;
	width:90px;
	height:35px;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	font-family:PMingLiU, Verdana, sans-serif;
	font-size:16px;
}

/*把所有的span設置為絕對定位，其定位最近的祖先元素是a*/
#Menu ul li a span {
	position:absolute;
	width:90px;
	height:35px;
}

/*初始狀態時滑鼠未懸停時的位置：out層顯示*/
#Menu ul li a span.out{
	top:0px;
	text-align:center;
}

/*初始狀態時滑鼠未懸停時的位置：over層隱藏*/
#Menu ul li a span.over{
	top:-35px;
	text-align:center;
}

#Menu {
	background-color:#3CF;
}

#Menu ul li a {
	color:#FFF;
}

#Menu ul li a span.over {
	background-color:#B6F2B6;
	color:#000;
}


/*文字對齊*/
.Center {
	text-align:center;
}

.Bold {
	font-weight:bold;
}

.Left {
	text-align:left;
}

.Right {
	text-align:right;
}

.Indent {
	text-indent:2em;
}

.HighLight {
	background-color:yellow;
}

/*为嵌套的列表移除顶端和底端的外边距*/
ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{
	margin-top:0;
	margin-bottom:0;
}

table {
	border-collapse:collapse;
}

table,th,td {
	border:2px solid #28638F;
	background-color:#FFF;
}


/*留言板的相關樣式*/
#main {
	margin-left:auto;
	margin-right:auto;
	width:756px;
	text-align:center;
	top:0;
	bottom:auto;
	margin-top:70px;
	margin-bottom:auto;
}

#main p {
	line-height:150%;
}

#PublishArea {
	background-color:#FFF;
}

#TopArea {
	position:relative;
}

/*#frmLog是管理員登入登出表單，現對其進行右對齊*/
#TopArea #frmLog {
	position:absolute;
	text-align:right;
	left:auto;
	right:0;
	top:0;
	bottom:auto;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:0;
	background-color:#FFF;
}


/*定位各背景圖片*/
/*首頁背景圖片絕對定位及水平、垂直居中*/
#BGhouse {
	position:absolute;
	width:1024px;
	height:604px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	margin-bottom:auto;
}

/*除首頁外其他頁面頁首背景圖片置頂水平居中*/
#BGcontactme,#BGarticles,#BGmortgagecalculator,#BGfriends,#BGyoutube,#BGpublisharticles,#BGinterview,#BGbook,#BGdujiawu,#BGprogramme,#BGsearch,#BGlecture,#BGdesign,#BGtour,#BGtourcustom,#BGbook_exposure_videos,#BGbook_exposure_photos,#BGbook_exposure_papers,#BGdujiawuguangzhou,#BGdujiawuform,#BGdujiawuvideo,#BGtourform,#BGlatestdevelopments {
	position:absolute;
	width:1024px;
	height:300px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:70px;
	margin-top:0;
}

#BGhouse img,#BGfriends img,#BGcontactme img,#BGarticles img,#BGmortgagecalculator img,#BGyoutube img,#BGpublisharticles img,#BGinterview img,#BGbook img,#BGdujiawu img,#BGprogramme img,#BGsearch img,#BGlecture img,#BGdesign img,#BGtour img,#BGtourcustom img,#BGbook_exposure_videos img,#BGbook_exposure_photos img,#BGbook_exposure_papers img,#BGdujiawuguangzhou img,#BGdujiawuform img,#BGdujiawuvideo img,#BGtourform img,#BGlatestdevelopments img {
	display:block;
}


/*友人之聲內容DIV文字大小*/
#friends {
	font-size:20px;
}

/*友人之聲友人相片單元格的寬度*/
.width245 {
	width:245px;
}

#MortgageCalculator input {
	text-align:center;
}

#Book img,#Dujiawu img {
	border:none;
}

#Article div,#Book p,#book_exposure_photos p,#book_exposure_videos p,#book_exposure_papers p {
	padding:0 1em;
}

#Articles #PageLinks {
	line-height:100%;
}

#Articles table,#Book table,#book_exposure_photos table,#book_exposure_papers table,#Dujiawu table,#Tour table {
	margin-left:auto;
	margin-right:auto;
}

#music {
	position:absolute;
	width:300px;
	height:43px;
	padding:0;
	margin:0;
	right:-320px;
	bottom:-43px;
}

#TourFrm {
	width:720px;
	margin:10px auto;
}

#Tour {
	position:relative;
}

#Tour #tour_Address {
	position:absolute;
	left:25px;
	top:715px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62px;
	color:#F00;
	letter-spacing:10px;
}

#Tour #tour_Date_of_Setout {
	position:absolute;
	left:420px;
	top:845px;
	font-family:"微軟正黑體", PMingLiU;
	font-size:50px;
	color:#0C7727;
	letter-spacing:5px;
	line-height:60px;
}

#Tour #tour_Time_of_Setout {
	position:absolute;
	left:420px;
	top:990px;
	font-family:"微軟正黑體", PMingLiU;
	font-size:50px;
	color:#0C7727;
	letter-spacing:5px;
	line-height:60px;
}

#Tour #tour_Cost {
	position:absolute;
	left:510px;
	top:1052px;
	font-family:"微軟正黑體", PMingLiU;
	font-size:50px;
	color:#0C7727;
	letter-spacing:5px;
	line-height:60px;
}

#TourCustomFrm {
	width:600px;
	margin:10px auto;
}

#Dujiawuform form {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

/*除首頁外其他頁面的內容DIV*/
#articles_publish_form,#ContactMe,#Articles,#Article,#MortgageCalculator,#friends,#Youtube,#Interview,#Book,#Dujiawu,#Programme,#Search,#Lecture,#Design,#Tour,#TourCustom,#book_exposure_videos,#book_exposure_photos,#book_exposure_papers,#Dujiawuguangzhou,#Dujiawuform,#Dujiawuvideo,#Tourform,#LatestDevelopments {
	position:absolute;
	width:1024px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:270px;
	line-height:150%;
	background-color:#FFF;
}