@charset "utf-8";
/* CSS Document */

/**************************************************************************************************/
/*                               主要內容架構                                                      */
/*************************************************************************************************/

#main_visual{
	background:url(../images/bg-visualimgSub.gif) top left no-repeat;
	height:152px;
	width:930px;
	text-align:left;
	margin:0 auto;
	margin-bottom:15px;
}

#main_visual .mainImg{
	width:906px;
	padding-top:22px;
	padding-left:12px;
}

div#wrapper{
	width:930px;
	text-align:left;
	margin-top:12px;
	margin:0 auto;
}

div#main{
	float:right;
    width:728px;
	border:#805535 1px solid;
	background-color:#FFF;
}

div#mainContent{
	padding-left:18px;
	padding-right:18px;
	padding-bottom:30px;
}

div#sub{
	float:left;
	width:188px;
}

div#container:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

div#mainDw{
	clear:both;
	height:30px;
}

#banner{
	width:188px;
	padding-top:15px;
	text-align: -moz-center !important ;
	#text-align:center;
	
}
.banner{
	padding-bottom:5px;
}


#noinfo_tb{
	width:100%;
	border:1px solid #F2F2F2;
	color:#484848;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
}

.img-right{
	float:right;
	padding-left:10px;
}

.img-left{
	float:left;
	padding-right:10px;
}

.img-border{
	border:#cccccc 1px solid;
	padding:2px;
}

/**************************************************************************************************/
/*                               次選單                                                   */
/*************************************************************************************************/

#submenu{
	width:188px;	
	background:url(../images/bg-submenutb.gif) top left repeat-y;;
	text-align: -moz-center !important ;
	#text-align:center;
}


#submenu-list dl {
	margin:0px;
	padding:0px;
	width:158px;
	text-align:left;
	margin:0 auto;
}

#submenu-list dt {
	margin:0px;
	padding:0px;
}

#submenu-list dt a{
	display:block;
	background:url(../images/bg-submenu.gif) top left no-repeat;
	width:136px !important;
	*width:158px;
	color:#3f3c3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:22px;
	padding-top:8px;
	padding-bottom:5px;
	text-decoration:none;
	border-bottom:#f1e3ab 1px solid;
}

#submenu-list dt a:hover {
	background:url(../images/bg-submenu-over.gif) top left no-repeat;
	background-color:#fdf7cc;
	color:#d44e1b !important;
	text-decoration:none;
}


#submenu-list dt.submenuOver a{
	background:url(../images/bg-submenu-over.gif) tio left no-repeat;
	color:#d44e1b !important;
}

#submenu-list dd{
	padding:0px;
	margin:0px;
}

#submenu-list dd a{
	display:block;
	width:136px !important;
	*width:158px;
	color:#3f3c3a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:22px;
	padding-top:5px;
	padding-bottom:2px;
	text-decoration:none;
}

#submenu-list dd a:hover {
	color:#d44e1b !important;
	text-decoration:none;
}

#submenu-list dd.last a{
	padding-bottom:15px;
	border-bottom:#f1e3ab 1px solid;
}

#submenu-list dd.submenusubOver a{
	color:#d44e1b !important;
}

#submenuDw{
	background:url(../images/bg-submenutbDw.gif) bottom left no-repeat;
	height:40px;
}


/**************************************************************************************************/
/*                               中間內容                                                   */
/*************************************************************************************************/
#location{
	background:url(../images/bg-location.gif) top left no-repeat;
	height:19px !important;
	*height:26px;
	color:#fdf7cc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:18px;
	padding-top:7px;
}

#location a:link{
	color:#fff;
	text-decoration:none;
}
#location a:visited{
	color:#fff;
	text-decoration:none;
}
#location a:hover{
	color:#fdf7cc !important;
	text-decoration:none;
}	

#title{
	background:url(../images/bg-titleline.gif) bottom left repeat-x;
	height:45px;
}

#title h1{
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color:#000;
	padding-top:15px;
}
#content{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-top:20px;
	max-width:692px;
	overflow:hidden;
}

#content h1{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#content2{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	max-width:692px;
	overflow:hidden;
}

#content2 h1{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.line-gray{
	border-bottom:#e5e5e5 1px solid;
	height:10px;
}

.form_catalog{
	background-color:#fffae4;
	border:#ddceab 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	color:#805535;
	font-size:12px;
}

.Listtotal{
	width:50%;
	float:left;
	padding-top:8px;
	color:#84553e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.Listmenu{
	width:43%;
	float:right;
	text-align: -moz-right !important ;
	#text-align:right;
	padding-bottom:0px;
}
.Listline{
	border-bottom:#e7ddd2 1px solid;
	height:1px;
	clear:both;
}

#pagedw{
	padding-top:20px;
}
.pageback{
	width:40%;
	float:left;
	text-align:left;
}

.pagetop{
	width:40%;
	float:right;
	text-align:right;
}

#line-dot{
	background:url(../images/bg-dotline.gif) top left repeat-x;
	height:3px;
}


	
/*******************************產品介紹************************************************/
.pdList{
	padding-top:20px;
}

.pd{
	width:116px;
	float:left;
	margin-left:8px;
	margin-right:8px;
}

.pd img{
	border:#e7ddd2 1px solid;
}

.pd h1{
	color:#7e6246;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px !important ;
	padding-top:5px;
	font-weight:normal !important ;
}

.pd h1 a{
	color:#7e6246;
	text-decoration:none;
}
	
.pd h1 a:hover{
	color:#417330 !important ;
	text-decoration:none;
}

.pdsp{
	clear:both;
	height:10px;
}


/***************詳細頁*************/

#pdDetail{
	width:687px;
}

#pD-txt{
	width:420px;
	float:right;
}

#pD-img{
	width:250px;
	float:left;
}

#pdview{
	padding-top:10px;
	text-align: -moz-center !important ;
	#text-align:center;
}

#pD-txt h1{
	color:#382918;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-top:10px;
	padding-bottom:5px;
	line-height:24px;
}

#pD-txt h2{
	color:#dc791c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-bottom:17px;
}

#pDsummary{
	border-bottom:#ebe7dd 1px solid;
	border-top:#ebe7dd 1px solid;
	background-color:#fcfbf4;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:15px;
}

.pdItem{
	width:400px;
}

.pdItem-title{
	background:url(../images/bg-pdSummary-title.gif) top left no-repeat;
	width:80px;
	float:left;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#605446;
}

.pdItem-title2{
	background:url(../images/bg-pdSummary-title2.gif) top left no-repeat;
	width:80px;
	float:left;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ce5925;
}

.pdItem-txt{
	background:url(../images/bg-pdSummary-txt.gif) top left no-repeat;
	width:300px;
	float:right;
	padding-left:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#605446;
}

.pdItem-txt2{
	background:url(../images/bg-pdSummary-txt.gif) top left no-repeat;
	width:300px;
	float:right;
	padding-left:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ce5925;
}

.pdItemSp{
	clear:both;
	height:10px;
}
	

.pDbt{
	padding-top:10px;
	padding-bottom:15px;
}

/*********分享************/

.shareheadlink{
	background:url(../images/bg-sharelink.png) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:120px;
	color:#6d5340;
	padding-top:4px;
	height:24px;
}

#sharemenu{
	display:none;
	z-index:3;
	background:url(../images/bg-sharelinkbar.png) top left no-repeat;
	width:120px;
	position:absolute;
	height:63px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:120px;
	color:#6d5340;
}

/*******************************************最新消息**************************************************/

#SubSearch{
	background:url(../images/bg-Subsearch.gif) top left no-repeat;
	width:687px;
	height:54px;
	text-align:left;
}

#SubSearch .Searchtitle{
	width:165px;
	margin-top:20px;
	text-align: -moz-right !important ;
	#text-align:right;
	color:#605446;
	font-family:"微軟正黑體";
	font-size:13px;
	font-weight:bold;
	float:left;
}
#SubSearch .SearchForm{
	width:310px;
	float:left;
	margin-top:19px;
	margin-left:5px;
}

#SubSearch .form{
    border:#e5e1cf 1px solid;
}

#SubSearch .bt{
	width:80px;
	float:left;
	margin-top:19px;
	margin-left:5px;
}



/******詳細頁**********/
#newsDetail{
	padding-top:20px;
	padding-bottom:30px;
	padding-left:16px;
	padding-right:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:18px;
	
}

#back{
	clear:both;
	padding-top:10px;
	text-align: -moz-right !important ;
	#text-align:right;
}
	

/**********表單樣式-tbstyle************/

#tbstyle{
	border-collapse:collapse;
	background:url(../images/bg-tbstyle.gif) top left repeat-x;
	width:687px;
}


#tbstyle th{
	color:#836f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:0px !important;
	*padding-top:3px;
}

#tbstyle th h1{
	color:#836f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:0px !important;
	*padding-top:3px;
	padding-left:10px;
}

#tbstyle th.tbtitle-sp{
	background:url(../images/bg-tbstyle-sp.gif) top center no-repeat;
}

#tbstyle td.tdsp{	
	background:url(../images/bg-tbstyle-sptd.gif) top center no-repeat;
	background-color:#fdf7eb;
	border-bottom:#ddceab 1px solid;
}

#tbstyle td{
	background-color:#fdf7eb;
	border-bottom:#ddceab 1px solid;
	padding-top:8px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#805535;
	font-weight:normal;
}

#tbstyle td.tbno{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#tbstyle td.tbnoLeft{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
}


#tbstyle td.tbtitle{
	padding-left:10px;
}

#tbstyle td.tbtitle h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#805535;
	font-weight:normal;
}
	
#tbstyle td.tbtitle h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#805535;
	text-decoration:none;
}
	
#tbstyle td.tbtitle h1 a:hover{
	color:#417330 !important ;
	text-decoration:none;
}

#tbstyleLine{
	background:url(../images/bg-tbstyleline.gif) top left repeat-x;
	height:1px;
}

/**********表單樣式-tbstyle2************/

#tbstyle2{
	border-collapse:collapse;
	background:url(../images/bg-tbstyle2.gif) top left repeat-x;
	width:687px;
}


#tbstyle2 th{
	color:#768300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
}

#tbstyle2 th h1{
	color:#836f00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
	padding-left:10px;
}

#tbstyle2 th.tbtitle-sp{
	background:url(../images/bg-tbstyle-sp2.gif) top center no-repeat;
}

#tbstyle2 td.tdsp{	
	background:url(../images/bg-tbstyle-sptd2.gif) top center no-repeat;
	background-color:#fdf7eb;
	border-bottom:#ddceab 1px solid;
}

#tbstyle2 td{
	background-color:#fdfceb;
	border-bottom:#dddbab 1px solid;
	padding-top:8px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#805535;
	font-weight:normal;
}

#tbstyle2 td.tbno{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#tbstyle2 td.tbnoLeft{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:10px;
}


#tbstyle2 td.tbtitle{
	padding-left:10px;
}

#tbstyle2 td.tbtitle h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#805535;
	font-weight:normal;
}
	
#tbstyle2 td.tbtitle h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#805535;
	text-decoration:none;
}
	
#tbstyle2 td.tbtitle h1 a:hover{
	color:#417330 !important ;
	text-decoration:none;
}

#tbstyleLine2{
	background:url(../images/bg-tbstyleline.gif) top left repeat-x;
	height:1px;
}

/****************************************聯絡我們*****************************************/

#contactusForm{
	background:url(../images/bg-contactForm.gif) top left no-repeat;
	width:687px;
	height:520px;
}

#contactusForm .summary{
	width:170px !important;
	*width:189px;
	float:left;
	padding-top:142px;
	padding-left:22px;
	color:#825233;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}

#contactusForm .Formtable{
	width:350px;
	float:left;
	margin-top:57px;
	margin-left:25px;
}

#Formtable td{
	padding-top:5px;
	padding-bottom:5px !important;
	*padding-bottom:3px;
	
}

#Formtable .item{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#877458;
}

#Formtable .itemTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#824c15;
	font-weight:bold;
}

#Formtable .form{
	border:#e5e1cf 1px solid;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#877458;
}

span#msg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	color:#d6c371;
}

#contactus-thank{
	background:url(../images/bg-contactthank.gif) top left no-repeat;
	width:687px;
	height:240px;
}

#contactus-thank p{
	padding-left:210px;
	padding-top:96px;
	padding-right:120px;
	color:#877458;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align: -moz-center !important ;
	#text-align:center;
}



/****************************************影音*****************************************/

.mediaTopic {	
	background:url(../images/media/bg-list.gif) top left repeat-x;
	margin-top:15px;
	text-align:left;
}



.mediaTopic h2{
	font-size:16px;
	font-family:"微軟正黑體";
	font-weight:bold;
	color:#4b3b1c;
	padding-top:15px;
	padding-left:18px;
}



.clearfix {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}

.mediaCategoryTxt{
	padding-left:18px;
	padding-right:18px;
	padding-top:15px;
}

.mediaCategory ul{
	margin:10px 15px;
	text-align: -moz-left !important ;
	#text-align:left;
}
/*
.clearit:unknown {	clear:both;
	display:block;
	visibility:hidden;
	line-height:0px;
	height:0px;
	content: ".";
	
}

.clearit {
	display:inline-block;
}

.clearit {
	height:1%;
}

.clearit H1 {
	float:left;
}*/

li.mediaOne {
	display:block;
	float:left;
	width:132px;
}

li.mediaOne .mediaThumb {
	padding-right:20px;
	padding-left:20px;
	padding-bottom:0px;
	margin:0px;
	padding-top:0px;
}

li.mediaOne .mediaPlay {
    left:22px;
	width:20px;
	position:relative;
	top:-17px;
}

LI.mediaOne h1 {
	padding-right:20px;
	padding-left:20px;
	font-size:12px !important;
	padding-top:3px;
	position:relative;
	top:-15px;
	color:#4b3b1c !important;
	font-weight:normal !important;
}

li.mediaOne .mediaDownload {
	padding-left:0px;
	padding-right:0px;
	text-align:right;
	z-index:2;
	float:right;
	position:relative;
	padding-bottom:0px;
	padding-top:0px;
	top:-15px;
}

.mediaOne .thickbox {
	height:90px;
}

.mediaThumb img{
	cursor:pointer;
}

#mediaPlayer {
	padding-top:30px;
	height:220px;
}

.mediaSp{
	clear:both;
	height:20px;
}


/*
#mediaList{	
	background:url(../images/media/bg-list.gif) top left repeat-x;
	margin-top:10px;
}

#mediaList h1{
	font-size:14px;
	font-family:"微軟正黑體";
	font-weight:bold;
	color:#4b3b1c;
}

#mediaList .mvItem{
	width:120px;
	float:left;
	margin-left:5px;
	margin-right:5px;
}

#mediaList .mvItem-Img{
	width:120px;
	height:106px;
}

#mediaList .mvItem-Imgbt{

}

#mediaList .title{
	padding-top:5px;
}

#mediaList h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b3b1c;
	width:100px;
	float:left;
}

#mediaList .dlbt{
	width:15px;
	float:right;
	text-align: -moz-ight !important ;
	#text-align:right;
}

.mediaListSp{
	clear:both;
	height:20px;
}

*/
	
/******************************網站導覽***************************************/
#sitemap{
	text-align:left;
	padding-top:10px;
}

.sitemapList{
	width:170px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}

.sitemaptitle a{
	background:url(../images/bg-title-graytxt.gif) top left no-repeat;
    width:134px !important ;
	#width:170px;
	height:28px;
	color:#824c15;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:36px;
	padding-top:5px;
	border:#824c15 1px dotted;
	display:block;
}

.sitemaptitle a:link{
	color:#824c15;
	text-decoration:none;
}

.sitemaptitle a:visited{
	color:#824c15;
	text-decoration:none;
}

.sitemaptitle a:hover{
	color:#417330 !important ;
	text-decoration:none;
}

.sitemapList dl {
	margin:0px;
	padding:0px;
	margin-top:8px;
	text-align:left;
	list-style-type:none;
	padding-left:5px;
}

.sitemapList dt {
	margin:0px;
	padding:0px;
}

.sitemapList dt a{
	display:block;
	color:#c29e5c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	line-height:24px;
}

.sitemapList dt a:link{
	color:#c29e5c;
	text-decoration:none;
}

.sitemapList dt a:visited{
	color:#c29e5c;
	text-decoration:none;
}

.sitemapList dt a:hover {
	color:#417330 !important ;
	text-decoration:none;
}

.sitemap-sp{
	height:30px;
	clear:both;
}

/**************************************************************************************************/
/*                                          分頁                                           */
/*************************************************************************************************/	
#pageCenter{
	padding-top:8px;
	text-align:center;
}

#pageCenterLine{
	padding-top:8px;
	text-align:center;
	border-top:#e7ddd2 1px solid;
}

#pageRight{
	padding-top:8px;
	text-align:right;
}

#pageclear{
	padding-top:8px;
	clear:both;
}

.pagelink {
 font-size: 11px;
 color: #84553e;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}
.pagelink a:link {
	font-size: 10px;
	color: #84553e;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelink a:visited {
	font-size: 10px;
	color: #84553e;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.pagelink a:hover {
	font-size: 10px;
	color: #bc4947 !important;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}


.pagelink2 {
	FONT-SIZE: 11px;
	COLOR: #999999;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.pagelink2 A:link {
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.pagelink2 A:visited {
	FONT-SIZE: 11px;
	COLOR: #666666;
	TEXT-DECORATION: none
}
.pagelink2 A:hover {
	FONT-SIZE: 11px;
	COLOR: #bc4947;
	TEXT-DECORATION: underline
}


.searchpdno {
	font-size: 11px;
	font-weight: bold;
	color: #bc4947;
	font-family: Arial, Helvetica, sans-serif;
}


/****************font**************/

h1.Subtitle{
	background:url(../images/bg-title.gif) top left no-repeat;
	font-family:"微軟正黑體";
	color:#688f18 !important;
	font-size:18px;
	font-weight:bolder;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:15px;
}

.txtblack1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;
}

.txtblack1 p{
	padding-bottom:15px;
}

.txtblack1 p.Subtitle{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg-title2.gif) top left no-repeat;
	color:#688f18 !important;
	font-size:12px;
	padding-left:8px;
}

h2.Subtitle{
	background:url(../images/bg-title2.gif) top left no-repeat;
	font-family:"微軟正黑體";
	color:#688f18 !important;
	font-size:14px;
	font-weight:bolder;
	padding-left:8px;
	border-bottom:#688f18 1px dotted;
	margin-bottom:10px;
}