@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, verdana, 新細明體, Helvetica, sans-serif;
	background-color:#000;
	scrollbar-base-color: #5E5E5E;
	scrollbar-arrow-color: #333333;
	scrollbar-3dlight-color: #242324;
	scrollbar-face-color: #242324;
	scrollbar-darkshadow-color: #242324;
	scrollbar-highlight-color: #242324;
	scrollbar-shadow-color: #242324;
	scrollbar-track-color: #171617;
	scrollbar-width:10px;
	text-align:center;
}
form{
	margin:0;
	padding:0;
}
img{
	margin:0;
	padding:0;
}
a{
	color:#484848;
	text-decoration:none;
}
a:hover{
	color:#7d47ba;
	text-decoration:underline;
}

br{
  clear:both;
}

/* style for the main content */
#iBody{
	display:block;
	width:1010px;
	padding:0px;
	margin:0 auto;
	margin-top:80px;
	position:relative;
	text-align:center;
}
#iContent{
	display:block;
	margin:0;
	padding:0;
}

#pBody{
	display:block;
	margin:0;
	padding:0;
	background-color:#222222;
	min-width:1000px;
	overflow:hidden;
}
#fBody{
	display:block;
	margin:0;
	padding:5px 0px 2px 0px;
	text-align:center;
}
#pHeader,#pHeaderTop{
	display:block;
	margin:0;
	padding:0;
	height:50px;
	background-color:#141414;
	border-bottom:1px solid #333333;
	background-color:#222222;
}
#pMenu,#pHeaderTopInner{
	display:inline;
	float:left;
	width:820px;
	margin:0;
	padding:0;
	background-color:#000000;
	border-right:1px solid #333333;
}
#pHeaderTop,
#pHeaderTopInner{
	height:28px;
}
#pHeaderTopInner{
	background-color:#000000;
}
#pContentOutter{
	display:inline;
	float:left;
	width:820px;
	margin:0;
	padding:0;
	border-right:1px solid #333333;
	color:#676161;
	background-color:#000000;
}
#pContentInner{
	margin:0;
	padding:40px 40px 20px 40px;
}
#pContentRight{
	display:block;
	margin:0;
	padding:0;
	height:660px;
}

/* right */
#rSlide,#mainImg{
	float:right;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0;
}
#rSlide{
	margin:0px 0px 0px 20px;
}
#mainImg{
	width:480px;
	height:480px;
	margin:0px 0px 0px 10px;
	padding:0;
}

#imgIframe{
	background-color:#000000;
	border:solid 1px #333333;
	width:490px;
	height:510px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#wmark{
	position:absolute;
}
a.pnPid{
	font-size:0.8em;
	display:block;
	margin:0;
	padding:0 10px;
	line-height:20px;
	height:20px;
	text-decoration:none;
}
a.pnPid:hover{
	color:#653895;
	text-decoration:none;
}

/* 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;
}
#info br{
	clear:none;
}
#info p{
	line-height:2.0em;
	text-align:justify;
	margin:0px 0px 20px 0px;
}
#info ol{
	line-height:2.0em;
	text-align:justify;
	margin-bottom:30px;
	margin-top:10px;
}
img.pageImg{
	float:left;
	margin:0px 20px 20px 0px;
	padding:0;
}
#info h2{
	font-size:1.5em;
	font-weight:normal;
	color:#DDDDDD;
	margin:4px 0px 18px 0px;
	text-align:left;
}
#info h3,
#info h3 a{
	font-family:simhei, verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	text-decoration:underline;
	color:#7D47BA;
	margin:18px 0px 4px 0px;
}
#info h3 a{
	font-size:1.0em;
}
#info em{
	color:#7d47ba;
	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:20px 0px 20px 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:#484848;
}
span.fRow, span.fRowR{
	color:#333333;
	font-size:0.7em;
	padding:0px 20px;
}
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;
	border-bottom:1px solid #111111;
}
input.frInput, textarea.frInput{
	font-family:Arial, verdana, 新細明體, Helvetica, sans-serif;
	color:#CCCCCC;
	margin:0;
	padding:2px;
	width:300px;
	border:1px solid #333333;
	background-color:#222222;
}
span.dRow{
	display:block;
	padding:4px 10px 4px 10px;
	margin:0;
	text-align:left;
	line-height:2.0em;
}
span.rowLabel{
	display:inline-block;
	letter-spacing:0em;
	text-align:left;
	color:#4D4949;
	width:100px;
	height:2.0em;
	padding:0;
	margin:0;
	float:left;
}
span.rowInfo, span.rowText, span.rowError{
	display:inline-block;
	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;
}
#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:#848284;
	border-top:1px solid #9C9E9C;
	border-left:1px solid #9C9E9C;
	border-bottom:1px solid #777577;
	border-right:1px solid #777577;
}
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:#5A5163;
	border-top:1px solid #737184;
	border-left:1px solid #737184;
	border-bottom:1px solid #423C42;
	border-right:1px solid #423C42;
}

/* showcase */
#galleryIcon{
	display:block;
	margin:0;
	padding:10px 20px 0px 20px;
	text-align:left;
}
#catMenu{
	text-align:right;
	margin:15px 0px 20px 0px;
	padding:0;
}
#catMenu ul{
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0;
	color:#7D47BA;
	margin:18px 0px 4px 0px;
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
}
#catMenu li{
	text-align:left;
	display:block;
	margin:0;
	padding:0;
	border-bottom:solid 1px #222222;
}
#catMenu li a{
	display:block;
	color:#676161;
	text-decoration:none;
	height:38px;
	line-height:38px;
	margin:0;
	padding:0px 30px;
}
#catMenu li.current a{
	color:#CCCCCC;
	text-decoration:none;
	background-color:#653895;
}
#catMenu li a:hover{
	color:#FFFFFF;
}

div.serviceList{
	width:180px;
	margin:0px 10px 0px 0px;
	padding:5px;
	height:500px;
	overflow:auto;
	border:solid 1px #242324;
}
span.tnImg{
	display:block;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
/* item */
div.item,
div.itemOn{
	display:inline;
	width:74px;
	height:74px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	vertical-align:middle;
	margin:1px;
	padding:0;
	overflow:hidden;
	float:left;
}
div.itemOn{
	background-color:#7d47ba;
}
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:2px;
	margin:auto 0;
}
div.item a:hover img.oImg,
div.itemOn a:hover img.oImg{
}
div.picBorder{
	padding:2px;
	margin:0px 6px 6px 0px;
	background-color:#FFFFFF;
	border:1px solid #ECECEC;
}

/* video list */
ul.videoList{
	list-style:none;
	margin:0;
	padding:0;
}
ul.videoList li{
	float:left;
	display:inline;
	margin:1px 2px;
	padding:0px 0px 8px 0px;
}

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