body {
	margin: 0;
	padding: 0;
	background: #FFAA0F url(../images/body_bg.jpg);
	text-align: center;
}

.Wrapper {
	margin: 0 auto;
	width: 1002px;
	position: relative;
	text-align: left;
	}
.Debug {
	clear: both;
	}

.Header {
	background: url(../images/header_bg.jpg);
	height: 104px;
	}
	.LogoSWF {
		position: absolute;
		left: 28px;
		top: -64px;
		z-index: 1000;
		width: 259px;
		height: 222px;
		}
	.BannerSWF {
		position: absolute;
		left: 0;
		top: 104px;
		height: 238px;
		}
	.Navi {
		background: url(../images/navi_bg.jpg) no-repeat 0 0;
		width: 622px;
		height: 46px;
		position: absolute;
		left: 300px;
		top: 58px;
		text-align: center;
		}
	.Navi a {
		padding: 0 20px;
		background: url(../images/navi_line.jpg) no-repeat right center;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		line-height: 46px;
		}
	.Navi a:hover {
		color: #FFCC00;
		}
.Main {
	background: url(../images/banner_bg.jpg) repeat-x 0 0;
	text-align: center;
	}
.MainWrapper {
	margin: 0 auto;
	padding: 130px 0 0 0;
	width: 1002px;
	background:  url(../images/main_bg.gif) repeat-y 0 0;
	font-size: 13px;
	color: #333333;
	line-height: 2em;
	text-align: left;
	position: relative;
	}
	.DivLeft {
		margin: 0 0 0 66px;
		width: 180px;
		}
	.DivRight {
		margin: 108px 70px 0 0!important;
		margin: 108px 40px 0 0;
		width: 635px;
		float: right;
		}
	.Cata {
		background: url(../images/cata_bg.gif) repeat-y 0 0;
		}
	.CataList {
		margin: 0;
		padding: 30px 0 0 28px;
		background: url(../images/cata_box_bg.gif) no-repeat 0 0;
		display: block;
		list-style: none;
		}
	.CataList li {
		background: url(../images/cata_line.jpg) repeat-x 0 100%;
		width: 140px;
		display: block;
		line-height: 30px;
		display: block;
		}
	.CataList li a {
		padding: 0 5px 0 25px;
		background: url(../images/cata_item.gif) no-repeat left top;
		color: #333333;
		font-family: Tahoma;
		font-size: 12px;
		line-height: 30px;
		text-decoration: none;
		display: block;
		}
	.CataList li a:hover {
		font-weight: bold;
		background: url(../images/cata_item_hover.gif) no-repeat left top;
		color: #CC0000;
		}
	.CataBot img, .BtnCon img {
		display: block;
		}
	.PageContent {
		background: url(../images/main_content.jpg);
		}
	.PageTitle {
		padding: 20px 0 0 50px;
		background: url(../images/main_top.jpg) no-repeat 0 0;
		height: 28px;
		font-size: 13px;
		font-weight:bold;
		color: #FFFFFF;
		line-height: 28px;
		}
	.PageDetail {
		padding: 20px 50px;
		font-size: 13px;
		color: #333333;
		line-height: 2em;
		}
	.PageFoot {
		background: url(../images/main_bot.jpg) no-repeat 0 0;
		height:42px;
		}
	
	.DeAlbumBox {
		margin: 20px 0 0 10px;
		float: left;
		}
	.DeAlbumBox p ,.DeAlbumBox  h4 {
		margin: 0;
		padding: 0;
		line-height: 1em;
		}
	.DeAImg {
		margin: 0;
		padding: 2px;
		background: #ffffff;
		border: 1px solid #cccccc;
		}
	.DeAImg img {
		width: 160px;
		height: 120px;
		display: block;
		border: 0;
		}
	.DeAInfo {
		font-family: Arial, Helvetica, sans-serif, "新細明體";
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
		color: #666666;
		}
	.DeAInfo a {
		font-family: Arial, Helvetica, sans-serif, "新細明體";
		font-size: 14px;
		font-weight: bold;
		line-height: 2em;
		color: #666666;
		text-decoration: none;
		display: block;
		text-align: center;
		}
	.DeAlbumBox a:hover {
		font-family: Arial, Helvetica, sans-serif, "新細明體";
		font-size: 14px;
		font-weight: bold;
		line-height: 2em;
		color: #999999;
		}
	.ProdDetailContent {
		padding: 40px 0 0 10px;
		}	
	.ProdIM {
		margin: 0 2px 0 0;
		padding: 4px;
		border: 1px solid #D3D3D3;
		background: #FFFFFF;
		text-align: left;
		vertical-align: middle;
		overflow: hidden;
		float: left;
		}
	.ProdIM a {
		display: block;
		}
	.ProdIM img {
		width: 400px;
		margin: 0 auto;
		border: 0;
		}
	.ProdIS {
		float: left;
		}
	.ProdIS a {
		margin: 0 0 2px 0;
		padding: 4px;
		border: 1px solid #D3D3D3;
		background: #FFFFFF;
		display: block;
		}
	.ProdIS a:hover {
		background: #D5F4FF;
		}
		
	.PageForm {
		font-size: 13px;
		line-height: 1.5em;
		}
		.PageForm ul, .PageForm li {
			margin: 0;
			padding: 0;
			list-style: none;
			}
		.PageForm h4 {
			width: 100px;
			height: 30px;
			font-size: 12px;
			font-weight: 100;
			color: #6333333;
			text-align: right;
			line-height: 30px;
			position: absolute;
			}
		.PageForm div {
			padding: 4px 0 4px 110px;
			height: 22px;
			text-align: left;
			}
		.PageForm div.FormInput input {
			padding: 2px 5px;
			width: 300px;
			height: 16px;
			border: 1px solid #cccccc;
			font-size: 12px;
			color: #0163D4;
			}
		.PageForm div.FormTextarea textarea {
			padding: 0 5px;
			width: 300px;
			height: 150px;
			border: 1px solid #cccccc;
			font-size: 12px;
			line-height: 1.5em;
			color: #0163D4;
			}
		.BtnSend {
			margin: 0 5px 0 0;
			width: 80px;
			height: 24px;
			background: url(../images/btn_bg.gif) no-repeat center center;
			font-size: 12px;
			font-weight: bold;
			color: #ffffff;
			border: none;
			cursor: pointer;
			}
		.Alert {
			padding: 0 10px 0 0;
			font-size: 10px;
			color: #FF0000;
			}	
			
	.PageSort {
				padding: 15px 15px 15px 45px;
				text-align: center;
				}
			.PageSort a {
				margin: 0 1px;
				padding: 2px 3px;
				color: #333333;
				font-size: 11px;
				text-decoration: none;
				font-family: Tahoma;
				border-bottom: 2px solid #ffffff;
				text-align: center;
				}
			.PageSort a:hover {
				color: #333333;
				}
			.PageFirst {}
			.PagePrev {}
			a.PageNumSelect {
				color: #0033CC;
				border-bottom: 2px solid #0033CC;
				}
			.PageNum {}
			.PageNext {}
			.PageEnd {}


.Footer {
	background: url(../images/footer_bg.gif);
	height: 85px;
	}
	.FooterWrapper {
		padding: 20px 0 0 0;
		background: url(../images/footer_wrap.gif) no-repeat center top;
		font-family: Tahoma;
		font-size: 12px;
		color: #666666;
		line-height: 1.5em;
		text-align: center;
		}
	.FooterWrapper a {
		color: #CC0000;
		text-decoration: none;
		font-weight: bold;
		}
	.FooterWrapper a:hover {
		color: #FF0000;
		}