body {
margin:0; 
padding:0; 
font-size:12px; 
color:#A884B8; 
font-family:Arial,Tahoma,Helvetica, sans-serif;
background: #634472;
}
ul,li {
margin:0; padding:0; list-style:none;
}
form {margin:0; padding:0;}
img {border:none;}
a {color:#AB1430; text-decoration:none;}
a:active, a:hover {color:#930;}
.clear {clear:both; width:0; height:0;line-height:0px; overflow:hidden;}
*{margin:0; padding:0;}

/*-----Layout-----*/
#pageBox {
	width: 982px;
	margin: 0 auto;
	background: #563B63 url(../images/mainbg.png) left top repeat-x;
}
#flashBox {
	float: left;
	width: 952px;
	height: 437px;
	padding-left: 30px;
	background: url(../images/topbg.jpg) left top no-repeat;
}
#nav {
	float: left;
	width: 915px;
	height: 39px;
	padding-left: 67px;
	padding-top: 30px;
	background:url(../images/navbg.png) left top no-repeat;
}
#nav .fl {
   display: block;
	width: 11px;
	height: 40px;
	background:url(../images/flower.gif) center center no-repeat;
}
#nav a {
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	font-family:  Verdana;
	height: 40px;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 11px;
	padding-bottom: 11px;
}
#nav a:hover {
	background: url(../images/arrow.gif) center top no-repeat;
	color: #CC33FF;
}
#nav img {
	padding: 0px 10px 0px 5px;
}
#contentBox {
	float: left;
	width: 934px;
	padding-left: 48px;
	padding-top: 9px;
}
#openDiv {
	float: left;
	width: 230px;
}
#openDiv .ltop {
	float: left;
	width: 230px;
	height: 15px;
	background:url(../images/ltop1.png) left top no-repeat;
}
#openDiv .lmid {
	float: left;
	width: 194px;
	padding: 0px 18px;
	_height: 356px;
	min-height: 356px;
	background:url(../images/lmid1.png) left top repeat-y;
}
#openDiv .lmid .resPhoto {
	width: 194px;
	height: 105px;
	overflow: hidden;
}
#openDiv .lbot {
	float: left;
	width: 230px;
	height: 16px;
	background:url(../images/lbot1.png) left top no-repeat;
}
#openDiv .opt {
	float: left;
	width: 194px;
	padding: 10px 0px;
	line-height:20px;
}
#openDiv .crd {
	float: left;
	width: 194px;
	padding: 5px 0px;
}
#openDiv .crd img {
	padding: 3px;
}
#rightDiv {
	float: right;
	width: 690px;
}
#rightDiv #flash {
	float: left;
	width: 396px;
}
#rightDiv #flash .ftop {
	float: left;
	width: 396px;
	height: 58px;
	background:url(../images/ftop.png) left top no-repeat;
}
#rightDiv #flash .fmid {
	float: left;
	width: 396px;
	text-align: center;
	background:url(../images/fmid.png) left top repeat-y;
}
#rightDiv #flash .fbot {
	float: left;
	width: 396px;
	height: 16px;
	background:url(../images/fbot.png) left top no-repeat;
}
#rightDiv #feed {
	float: left;
	width: 250px;
}
#rightDiv #feed .ftop {
	float: left;
	width: 250px;
	height: 39px;
	background:url(../images/ftop2.png) left top no-repeat;
}
#rightDiv #feed .fmid {
	float: left;
	width: 240px;
	padding: 0px 5px;
	text-align: left;
	background:url(../images/fmid2.png) left top repeat-y;
}
#rightDiv #feed .fmid p{margin:5px 0;}
#rightDiv #feed .fbot {
	float: left;
	width: 250px;
	height: 16px;
	background:url(../images/fbot2.png) left top no-repeat;
}
#rightDiv #resInfo {
	float: right;
	width: 270px;
}
#rightDiv #resInfo .tel {
	float: left;
	width: 240px;
	height: 52px;
	padding-top: 44px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #D2AFD3;
	background:url(../images/telbg.png) left top no-repeat;
	overflow: hidden;
}
#rightDiv #resInfo .loca {
	float: left;
	width: 240px;
	padding-top: 64px;
	color: #A884B8;
	background: url(../images/locate.png) left top no-repeat;
}
#rightDiv #resInfo .loca p {
	line-height: 22px;
	padding-bottom: 10px; 
}
#rightDiv #midResInfo {
	float: right;
	width: 250px;
	padding-right: 25px;
}
#googlemap {
	float: left;
	width: 396px;
}
#googlemap .ggtit {
	float: left;
	width: 396px;
	height: 42px;
	background:url(../images/gg.png) center top no-repeat;
}
#googlemap .gg {
	float: left;
	width: 392px;
	height: 340px;
	border: 1px #42294D solid;
}
.add {
	display: block;
	padding: 10px 0px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, serif, sans-serif;
}
#rightDiv #midCon {
	float: left;
	width: 396px;
}
.loopPic {
	float: left;
	margin-top: 15px;
	width: 234px;
	height: 300px;
	border: 3px #5F436C solid;
}
.tit {
	float: left;
	width: 100%;
	height: 31px;
	border-bottom: 1px #644574 solid;
}
.tit2 {
	float: left;
	width: 650px;
	height: 31px;
	border-bottom: 1px #644574 solid;
}
.bg1 {
	background:url(../images/about.jpg) left top no-repeat;
}
.bg2 {
	background:url(../images/news.jpg) left top no-repeat;
}
.bg3 {
	background:url(../images/photo.jpg) left top no-repeat;
}
.bg4 {
	background:url(../images/menu.jpg) left top no-repeat;
}
.bg5 {
	background:url(../images/contact.jpg) left top no-repeat;
}
.bg6 {
	background:url(../images/comment.jpg) left top no-repeat;
}
.txt {
	float: left;
	width: 100%;
	line-height: 18px;
	color: #D2AFD3;
}
.txt .cnt p{margin:10px 0;}
.txt2 {
	float: left;
	width: 650px;
	line-height: 18px;
	color: #D2AFD3;
}
#footer {
	float: left;
	width: 982px;
	height: 69px;
	padding-top: 60px;
	text-align: center;
	font-size: 11px;
	background:url(../images/botbg.png) left top repeat-x;
}
.ggmap {
	float: left;
	width: 555px;
	height: 240px;
	border: 1px #ccc solid;
	overflow: hidden;
}
.comment_item {
	float: left;
	width: 558px;
	font-size: 12px;
}
.comment_name {
	font-weight: bold;
	padding-top: 5px;
	border-bottom: 1px #ccc solid; 
}
.comment_form_content {
	padding: 3px 0px;
}
#editorDiv {
	width: 240px;
	border-left:1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
#cmtFormBtm {
	text-align: center;
	padding:5px 0px;
}
.comment_form_content  input {
   width: 130px;
}
#cmtFormCnt {
	padding-top: 10px;
}

/* PhotoList style1 */
#photoList {margin:14px 0 0 8px;}
#photoList .item {float:left; display:inline; padding:0 22px 18px 22px; text-align:center; font-size:8pt; line-height:14px;}
#photoList .item a {display:block; padding:5px; width:120px; text-align:center; background:#f8eddc; border:#ceb184 1px solid; text-decoration:none;}
#photoList .item a:hover {background:#c96;}
#photoList .item a img {width:120px; height:90px; margin-bottom:4px;}
#showPhoto {width:100%; margin:0.6em 0 0 0; text-align:center;}
#showPhoto img {margin-bottom:0.6em}

#pages {clear:both; text-align:center; padding:8px 24px; line-height:1.4em; font-size:12px; color:#fff;}
#pages span,
#pages a {display:inline-block;	margin-left:0.6em;color:#D2AFD3; padding:0 0.4em; border:1px solid #DCA6CC; text-align:center;}
#pages a:hover {border:1px solid #ad8254; background:#ad8254; color:#f00;}
#pages .nowPage {border:1px solid #ad8254; background:#ad8254; color:#f00;}
#pages b {display:inline-block;	margin-left:0.6em; padding:0; text-align:center;}


ul#catList {margin:0; padding:0; list-style:none;}
ul#catList li {width:194px;padding:0.2em 0 0.1em 0em;
 font-size:14px; 
 font-weight:bold; 
 line-height: 18px;
 }
ul#catList li a {
	color: #D2AFD3;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
	background:url(../images/arrow1.gif) no-repeat 0em center;
	padding-left:1.8em;
	display:block;
}
ul#catList li li a{ background:none;}
ul#catList li a:hover {
	color: #CC66FF;
	text-decoration:underline;
	background: url(../images/arrow2.gif) no-repeat 0em center;
	padding-left:1.8em;
}
ul#catList li.curCat a {background: url(../images/arrow2.gif) no-repeat 0em 0em;padding-left:1.8em;color: #fff;text-decoration:underline;}

#menuPath {
	font-size: 12px;
	border-bottom: 1px #ccc solid;
	background:url(../images/048.gif) left center no-repeat;
	padding-left: 20px;
}
#menuPath a{color:#D2AFD3; font-weight:bold;}

/* Menu */
#menuSubCatList {margin:0 auto 10px auto; width:98%; font-size: 12px;font-weight:bold;padding-top:10px;clear:both;}
#menuSubCatList ul {margin:0; padding:0; width:100%; list-style:none;}
#menuSubCatList ul li {float:left; margin-right:1em; background:url(../images/arrow01.gif) 0 center no-repeat ; line-height:22px; height:22px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#menuSubCatList ul li a {color:#D2AFD3;}
#menuSubCatList ul li.cur a {color:#fff;}
#menuCatInfo {margin:0 auto; width:98%;clear:both;font-size:12px;text-align:center;}
#menuCatInfo H3 {
	font-size:14px;
	font-weight: bold;
	color: #3c0;
	line-height:22px;
	font-family:  Arial, Helvetica, sans-serif;
}
/* MenuList style1 */
#menuLists {margin:10px auto; width:100%; overflow:hidden; float:left;}
#menuLists .catInfo{width:100%;margin:0; display:none;}
#menuLists .catInfo h5 {width:100%; color:#fff; line-height:26px;margin-buttom:5px; font-size:22px; font-weight:bold;  text-align:center;}
#menuLists .catInfo p {margin-top:0px; color:#CBB5B8; text-align:center;font-size:12px; line-height:normal; font-weight:normal;}
#menuLists .catInfo a {color:#fff; }
#menuLists .catInfo a:hover{color:red;}

#menuLists .item {clear:both; padding:4px 0px; width:100%; font-size:12px; list-style:none; text-align:left;}
#menuLists .item td{padding:3px 0;border-bottom:1px #DAC4DC dotted;}
#menuLists .item .sku {width:30px;color:#AE7FB2;font-size:8pt;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;}
#menuLists .item .name {font-weight:normal;color:#fff;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#menuLists .item .name p { text-align:left;font-size:12px; font-weight:norma;}
#menuLists .item .price {width:140px; text-align:right}


#newsList {margin-top:10px;}
#newsList li{
	display:block;
	line-height:30px;
	list-style-position: inside;
	list-style-type: decimal;
}
#newsList li a{color:#DCA6CC;font-size:14px;}

#cmtList{margin:10px 0;}
#cmtList dl{line-height:20px; border:1px #A376A8 solid;margin-top:5px;}
#cmtList dl dt{ background-color:#664675;padding:0 5px;}
#cmtList dl dt span{margin-left:20px;}
#cmtList dl dd{padding:0 5px;}