@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	padding-bottom:18px;
	text-align:center;
	font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
	background:#1E1313 url("../img/cmn/bg_grad.gif") repeat-x top left;
}
form{
	margin:0;
	padding:0;
}
img{
	margin:0;
	padding:0;
}
a{
	color:#8B5E5E;
	text-decoration:none;
}
a:hover{
	color:#8C595A;
	text-decoration:underline;
}

br{
  clear:both;
}

/* style for the main content */
#iBody{
	display:block;
	width:800px;
	padding:0px;
	margin:0 auto;
	margin-top:60px;
	position:relative;
	text-align:left;
}
#iHeader{
	display:block;
	margin:0px 0px 5px 0px;
	padding:0;
	background:url("../img/cmn/menu_bg.gif") repeat-x top left;
}
#iContent{
	display:block;
	margin:0;
	padding:0;
}
#iContentHome{
	display:block;
	margin:0;
	padding:0;
	border:solid 4px #000;
}
div.pContent{
	display:block;
	color:#676161;
	margin:0;
	padding:0;
	/*background-color:#EBE0E0;*/
}

#iLogoRight{
	float:right;
	display:inline;
}
#mainMenu{
	text-align:right;
	margin:15px 0px 0px 0px;
	padding:0;
}
#mainMenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#mainMenu li{
	display:block;
	float:left;
	margin:0px 23px 0px 0px;
	padding:0;
	width:auto;
}
#mainMenu li.last{
	margin:0px 0px 0px 0px;
}

/* Frame 01 */
div.b01_t{
	display:block;
	background:url("../img/cmn/b01.gif") repeat-x top;
	margin:0;
	padding:0;
}
div.b01_r{
	display:block;
	background:url("../img/cmn/b01.gif") repeat-y right;
	margin:0;
	padding:0;
}
div.b01_l{
	display:block;
	background:url("../img/cmn/b01.gif") repeat-y left;
	margin:0;
	padding:0;
}
div.b01_b{
	display:block;
	background:url("../img/cmn/b01.gif") repeat-x bottom;
	margin:0;
	padding:0;
}
div.midBlockInner{
	display:block;
	padding:4px;
	margin:0;
}

/* normal page structure */
div.titleText{
	color:#5c6922;
	font-size:1.6em;
	line-height:2.0em;
	height:2.0em;
	padding-left:18px;
	padding-right:18px;
	margin:20px 0px 0px 0px;
}

#info{
	margin:0px 20px; 
	padding:0; 
	font-size:0.8em;
}
#info2{
	margin:0px 20px; 
	padding:0; 
	font-size:0.8em;
	text-align:center;
}
#info4gallery{
	margin:0px 10px; 
	padding:0; 
	font-size:0.8em;
	text-align:center;
}

#info br{
	clear:none;
}
#info p{
	font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	text-align:justify;
	margin:0px 0px 30px 0px;
}
#info ol{
	font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	text-align:justify;
	margin-bottom:30px;
	margin-top:10px;
}
img.pageImg{
	float:left;
	margin:0px 20px 20px 0px;
	padding:0;
}
#info h2{
	font-family:simhei, verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	letter-spacing:0.1em;
	font-weight:normal;
	color:#A39B9B;
	margin:18px 0px 4px 0px;
}
#info h3,
#info h3 a{
	font-family:simhei, verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:underline;
	color:#A39B9B;
	margin:18px 0px 4px 0px;
}
#info h3 a{
	font-size:1.0em;
}
#info em{
	color:#6B554A;
	font-weight:bold;
	font-style:normal;
}
#info strong{
	font-weight:bold;
	font-style:normal;
}
#info span.totop{
	display:block;
	text-align:right;
}


/* FOOTER */
#iFooter{
	display:block;
	padding:0px;
	margin:10px 0px;
	text-align:left;
}
#iFooter ul{
	list-style:none;
	padding:0;
	margin:6px 0px 3px 0px;
}
#iFooter li{
	display:inline;
	font-size:0.75em;
	margin:0;
	padding:2px 8px 2px 0px;
	color:#6C4949;
}
#iFooter a{
	color:#6C4949;
}
#iFooter a:hover{
	color:#6C4949;
	text-decoration:underline;
}
span.fRow, span.fRowR{
	color:#6C4949;
	font-size:0.7em;
	padding:0px 6px 0px 0px;
}
span.fRowR{
	float:right;
}

/* internal page title block */
#midTF{
	display:block;
	padding:0;
	margin:0px 0px 16px 0px;
	border-bottom:2px solid #111;
}

/* Contact Us */
div.detail{
	margin:0 auto;
	margin-bottom:28px;
	padding:0;
	position:relative;
	letter-spacing:0em;
}
form.compForm .frInput{
	color:#111111;
	font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px;
	width:300px;
	border:1px solid #5A5656;
	background-color:#8E8888;
}
span.dRow{
	display:block;
	padding:4px 10px 4px 10px;
	margin:0;
	border-bottom:1px dashed #333131;
	text-align:left;
	line-height:1.8em;
}
span.rowLabel{
	display:inline-block;
	font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
	letter-spacing:0em;
	text-align:left;
	color:#4D4949;
	width:120px;
	padding:0;
	margin:0;
	float:left;
}
span.rowInfo, span.rowText, span.rowError{
	display:inline-block;
	font-family:verdana, 新細明體, Arial, Helvetica, sans-serif;
	letter-spacing:0em;
  text-align:justify;
	padding:0;
	margin:0;
}
span.rowText{
	line-height:1.6em;
}
span.rowText br{
	clear:none;
}
span.rowError{
	color:#FF0055;
}
span.noAvaText{
	color:#444444;
	font-style:italic;
}
#map{
	margin:0px 0px 5px 0px;
	padding:0;
	border-top:solid 2px #8B6F5E;
	border-left:solid 2px #8B6F5E;
	border-bottom:solid 2px #5E4B40;
	border-right:solid 2px #5E4B40;
}
#fmap,
div.simg{
	float:left;
	display:inline;
	margin:0px 10px 18px 0px;
	padding:0;
	border-top:solid 2px #8B6F5E;
	border-left:solid 2px #8B6F5E;
	border-bottom:solid 2px #5E4B40;
	border-right:solid 2px #5E4B40;
}
#fdi{
	display:block;
	margin:0 auto;
	margin-bottom:20px;
	padding:0;
	position:relative;
}
div.dishadow{
	display:block;
	margin:0 auto;
	padding:0;
	position:relative;
}

/* inputs button */
input.compCancelBtn{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	letter-spacing:0em;
	color:#333333;
	text-align:center;
	height:22px;
	margin:0;
	padding:2px 2px;
	background-color:#B3B3B3;
	border-top:1px solid #F3F3F3;
	border-left:1px solid #F3F3F3;
	border-bottom:1px solid #848284;
	border-right:1px solid #848284;
}
input.compSubmitBtn{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	letter-spacing:0em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	height:22px;
	margin:0;
	padding:2px 2px;
	background-color:#6C4949;
	border-top:1px solid #A37878;
	border-left:1px solid #A37878;
	border-bottom:1px solid #4E3535;
	border-right:1px solid #4E3535;
}

/* sitemap */
#sitemap{
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0;
}
#sitemap li{
	font-weight:bold;
	font-size:1.2em;
}
#sitemap ul{
	list-style:disc;
}
#sitemap ul li{
	color:#CEE567;
	font-weight:normal;
	font-size:0.8em;
	line-height:1.8em;
	height:1.8em;
}

/* showcase */
#catMenu{
	text-align:right;
	margin:15px 0px 8px 0px;
	padding:0;
}
#catMenu ul{
	font-family:simhei, verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	letter-spacing:0.02em;
	font-weight:normal;
	line-height:1.4em;
	height:1.4em;
	color:#A39B9B;
	margin:18px 0px 4px 0px;
	padding:0px 20px;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:solid 1px #676161;
}
#catMenu li{
	display:block;
	float:left;
	margin:0px 16px 0px 16px;
	padding:0;
	width:auto;
}
#catMenu li a{
	color:#676161;
	text-decoration:none;
}
#catMenu li.current a{
	color:#A39B9B;
	text-decoration:none;
}
#catMenu li a:hover{
	color:#8C595A;
}


div.serviceList{
	margin:10px 0px 0px 0px;
}
span.tnImg{
	display:block;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
/* item */
div.item,
div.itemOn{
	display:inline;
	width:125px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	margin:0px 0px 20px 0px;
	padding:6px 0px 6px 0px;
	float:left;
}
/*div.serviceList div.itemOn{
	margin:0px 0px 18px 0px;
	background-color:#676161;
	border:1px solid #676161;
}*/
span.itemName{
	display:none;
	width:120px;
	height:1.2em;
	line-height:1.4em;
	overflow:hidden;
	margin:3px 0px;
	padding:0;
}
div.item img.oImg,
div.itemOn img.oImg{
	padding:0;
	margin:0;
	border-top:solid 1px #8B6F5E;
	border-left:solid 1px #8B6F5E;
	border-bottom:solid 1px #5E4B40;
	border-right:solid 1px #5E4B40;
}
div.item a:hover img.oImg,
div.itemOn a:hover img.oImg{
	padding:0;
	margin:0;
	border:1px solid #676161;
	border-left:none;
	border-right:none;
}
div.picBorder{
	padding:2px;
	margin:0px 6px 6px 0px;
	background-color:#FFFFFF;
	border:1px solid #ECECEC;
}

/* std page list */
div.stdPageList{
	display:block;
	color:#676161;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	padding:2px 3px 2px 3px;
	margin:12px 0px 12px 0px;
	height:18px;
	text-align:center;
}
div.stdPageList span.currentPage{
	font-weight:bold;
	color:#6B554A;
	padding:1px 5px 0px 5px;
	margin:0;
}
div.stdPageList a{
	margin:0;
	padding:1px 5px 0px 5px;
	text-decoration:none;
}
div.stdPageList a:hover{
	text-decoration:underline;
}
div.stdPageList div.total{
	display:inline;
	width:80px;
	padding:0;
	margin:0;
	float:left;
	color:#676161;
	font-size:1em;
	letter-spacing:0.1em;
	text-align:left;
}
div.stdPageList div.cbx{
	display:inline;
	width:80px;
	padding:0;
	margin:0;
	float:right;
	font-size:1em;
	letter-spacing:0.1em;
	text-align:right;
}
div.stdPageList div.cbx select{
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/* OTHERS */
div.spacer{
	font-size:0em;
	margin:0;
	padding:0;
	clear:both;
	height:0px;
}