﻿@import url("border.css");
@import url("widget.css");



ul,li{
	line-height:20px;
}

body {
	font-family: "Arial", "Helvetica", "sans-serif";
	margin:0;
	padding:0;
	font-size: 12px;
	color:#505050;
	background:#fff;
	line-height:18px;

}
a { color:#505050; font-weight:100;}
a:hover {color:#E6606C;text-decoration:underline; font-weight:100;}

#indextop{MARGIN:0px auto; WIDTH: 960px;}
#header {
	MARGIN: 5px auto 0px; HEIGHT: 85px;float:left;
}
#logo {
	FLOAT: left; MARGIN: 5px; WIDTH: 180px; HEIGHT: 60px
}
#headerr {
	FLOAT: right; MARGIN: 0px auto; WIDTH: 700px; HEIGHT: 85px
}
#mainbav {
	PADDING-LEFT: 10px; WIDTH: 480px; PADDING-TOP: 10px; HEIGHT: 75px;float:left;
}
#mainbav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;float:left;
}
#mainbav UL LI {
	FONT-SIZE: 14px; FLOAT: left; LINE-HEIGHT: 100%; MARGIN-RIGHT: 8px
}
#mainbav UL LI A {
	DISPLAY: block; FONT-SIZE: 14px; BACKGROUND: url(http://www.ou54.com/Images/menur.gif) no-repeat -59px -75px;  WIDTH: 80px; COLOR: #000; LINE-HEIGHT: 45px; HEIGHT: 75px; TEXT-ALIGN: center; TEXT-DECORATION: none;float:left;
}
#mainbav UL LI A:hover {
	BACKGROUND: url(http://www.ou54.com/Images/menur.gif) no-repeat -59px 0px; COLOR: #fff;float:left;FONT-WEIGHT: bold; 
}
#topn{MARGIN:0px auto; WIDTH: 960px;}
#navm {
	BACKGROUND: url(http://www.ou54.com/Images/nv_m.gif) ; float:left; HEIGHT: 33px;MARGIN: 0px auto;width:960px; 
}
#navm LI {
	FLOAT: left;
}
#navl {
	FLOAT: left;BACKGROUND: url(http://www.ou54.com/Images/nv_m1.gif) no-repeat left 0%; HEIGHT: 33px;
}
#nav2 {
	FLOAT: left;BACKGROUND: url(http://www.ou54.com/Images/top2_c_1.jpg); HEIGHT: 20px; width:960px;
}
#nav {
	FLOAT: left; HEIGHT: 33px; width:900px;
}
#nav ul 
{margin:0;padding-left:15px; LIST-STYLE-TYPE: none;}
#nav ul LI {
	BACKGROUND-POSITION: right 0%; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(http://www.ou54.com/Images/shopx.gif); WIDTH: 75px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;float:left; line-height:30px;
}
#nav LI A {
	MARGIN-TOP: 3px;FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; WIDTH: 75px; COLOR: #ffffff; HEIGHT: 30px; TEXT-ALIGN: center; TEXT-DECORATION: none;
}
#nav LI A:hover {
	BACKGROUND-IMAGE: url(http://www.ou54.com/Images/nv_m3.gif); COLOR: #fa569b; TEXT-DECORATION: none;float:left;
}


#AllWrap{
	width:960px; 
	margin:0 auto;
}
#clear{ clear:both;}
#outborder{ width:100%; text-align:center;}
#out{ width:960px; text-align:left; margin:0 auto;}
#newsout{ width:960px; text-align:left; margin:0 auto; }
#palinkout{ width:960px; text-align:left; margin:0 auto;}
#top1{ width:960px; height:27px; overflow:hidden;}
#top1-l{ width:420px; height:21px; background:url(index_01.gif); padding:3px 5px ; overflow:hidden; float:left; line-

height:21px; text-align:center;}
#top1-r{ width:485px; height:21px; background:url(index_02.gif); padding:3px 5px 3px 25px; overflow:hidden; float:right;line

-height:21px;}
#top1-r-l{ width:200px; height:21px; float:left; display:block;}
#top1-r-l span{color:#f34288; font-weight:700; font-size:16px;}
#top1-r-r{ width:450px; height:21px; float:left; display:block;}
#top2{MARGIN:auto; WIDTH: 960px; margin-top:10px;}
#tops{MARGIN:auto; WIDTH: 960px;}
#top3{MARGIN:0px auto; WIDTH: 960px; height:40px; background:#ffdfe6;text-align:left;  float:left;}
#top2-logo{ width:230px; height:45px;float:left; overflow:hidden; }
#top3-search{ width:350px; height:35px;float:left; overflow:hidden; padding-left:15px; padding-top:8px;}
#top3-menber{ width:560px; height:35px;float:left;  padding-top:8px;text-align:right; }
#top2-r1{ width:720px; height:39px; float:right;text-align:right; margin:0 10px ; padding:10px 0 0 0;color:#f83567;}
#top2-r1 a{ color:#f83567;}
#top2-r1 a:hover{ color:#666;}

#top2-r2{ width:719px; height:45px; overflow:hidden; text-align:right;  float:left; background:#ff7393;margin-left:10px;}
#top2-r2 ul {LIST-STYLE-TYPE: none;}
#top2-r2 ul li{	BACKGROUND-POSITION: right 0%; FONT-WEIGHT: bold; FONT-SIZE: 14px;  WIDTH: 80px; COLOR: #000000; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;float:left; line-height:35px;BACKGROUND-IMAGE: url(http://www.ou54.com/images/shopx.jpg);}
#top2-r2 ul li a{FONT-WEIGHT: bold; FONT-SIZE: 14px; FLOAT: left; WIDTH: 80px; COLOR:#fff; HEIGHT: 45px; TEXT-ALIGN: center; TEXT-DECORATION: none;}
#top2-r2 ul li a:hover{ background:#c6e98f; COLOR: #666; TEXT-DECORATION: none;float:left;}
#cont-l{ width:227px; overflow:hidden; float:left;}
#cont-r-out{ width:757px; overflow:hidden; float:right;}
#cont-r-out-page{ width:750px; overflow:hidden; float:right;}
#cont-r-out-page .title {margin:0 0 10px 0;}
#cont-r-out-page .title .pager {float:right;padding:0;margin:0;}
#cont-r-out-page .pager {float:right;padding:0;margin:10px -10px 0 0;}
#cont-c{ width:526px; overflow:hidden; float:left;}
#cont-r{ width:227px; overflow:hidden; float:right;}
#cont-l1-t{ width:217px; height:35px; line-height:35px; background:url(index_06.gif) no-repeat; color:#fff; font-size:14px; 
font-weight:700; padding:0 0 0 10px;}
#cont-l1-c{ width:225px; background:url(index_12.gif) bottom no-repeat; padding:3px 0 25px 0;border-left:#fad5dc solid 
1px;border-right:#fad5dc solid 1px; margin:0 0 7px 0; }


#cont-l2{ width:225px; border:#fad5dc solid 1px;margin:0 0 7px 0;}
#cont-l3-t{ width:227px; height:3px; background:url(index_24.gif); overflow:hidden;}
#cont-l3-c{ width:225px; overflow:hidden; border-left:#fad5dc solid 1px;border-right:#fad5dc solid 1px;}
#cont-l3-b{ width:227px; height:7px; background:url(index_28.gif); overflow:hidden;margin:0 0 7px 0; }
#seach-l{ width:700px;  background:#fff; padding:2px 5px; color:#e6606c; float:left; overflow:hidden; }
#seach-r{ width:143px; padding:2px 5px 0 5px; color:#e6606c; float:right; background:url(seachkey.gif) no-

repeat left #ffe8e8; overflow:hidden; line-height:5px;}
#seach-r a{ color:#f00; margin:0 3px;}
#cont-ad{ width:524px; height:230px; border:#fad5dc solid 1px; overflow:hidden; margin: 0 0 5px 0; float:left;}
#cont-ad-flash{ width:258px; height:225px; overflow:hidden; float:left;  margin:5px;}
#cont-ad-img{width:250px; height:230px; overflow:hidden; float:right; text-align:center;}
#cont-ad-img img{ margin:5px auto;}
#cont1-t , #cont2-t , #cont3-t{height:32px; line-height:36px; background:url(index_14.gif);color:#fff; font-size:14px; font-

weight:700; padding-left:10px; width:516px; margin:0; overflow:hidden;}
#cont1-c , #cont2-c , #cont3-c{background:url(index_15.gif) no-repeat;padding:5px;margin:0 0 5px 0;width:516px; }
#cont2-t{background:url(index_20.gif);}
#cont3-t{background:url(index_26.gif);}
#news{ width:244px; float:left; margin:0 3px 10px 0; overflow:hidden;}
#news-t{width:214px; height:33px; background:url(index_36.gif); padding:0 0 0 30px; font-weight:700; font-size:14px; line-

height:33px;}
#news-c{width:232px; height:100px; border:1px #CCC solid; padding:15px 5px 5px 5px;}
#palink{ width:324px;float:left; margin:0 5px 10px 0; _margin:0 3px 10px 0;}
#palink-t{width:294px; height:36px; background:url(index_50.gif); padding:0 0 0 30px; font-weight:700; font-size:14px; line-

height:36px; color:#FFF;margin:0 0 0 2px;}
#palink-c{width:294px; background:url(index_53.gif) no-repeat; padding:5px 15px; margin:0 0 0 2px; color:#666;}
#bottom-menu{width:986px; border:1px #cecece solid; background:#f5f5f7; margin:20px 0 7px 0;}
#bottom-links{ width:988px; overflow:hidden; padding:0;}
#bottom-copyright{ width:970px;  overflow:hidden; padding:0;  margin:0; text-align:center;}
#top1-r-r .cat1{ display:block; float:left; padding:0 5px;} 

.btn_search{  border:0; width:45px; height:25px;cursor:pointer; padding:0; margin:2px 0 0 0; font-

size:0;}
#seach-l .inputstyle{ background:#fff; border: 1px #f8bfcf solid;height:18px;width:60px;font-family:Verdana, Arial, 

Helvetica, sans-serif; color:#777; margin:2px 0 0 0;}
.SearchBar table{ margin:0; text-align:left;}
.more a { background:url(more.gif) no-repeat;display:block;float:right; text-indent:-5000px; font-size:0;height:7px;margin:0 

0 10px;overflow:hidden; width:28px;}
.border17 h3{ font-size:14px; color:#f24773; padding:15px 0 0 15px;}
.c-cat-depth-2 a, .s-cat-depth-2 a { font-size:12px; color:#505050; font-weight:100; border-bottom:none;}
#brand .border-body{ background:#fef2f5;}
#brand .clearfix, #cont-l2 .clearfix{ padding:5px 10px;}
.price1{ color:#F24773;}
#gonnen ul li a {border-bottom:1px solid #F2F2F2;color:#F24773;display:block;font-size:14px;font-weight:bold;padding:15px 5px 

0 15px;}
#gonnen ul li a:hover {border-bottom:1px solid #F2F2F2;color:#F24773;display:block;font-size:14px;font-

weight:bold;padding:15px 5px 0 15px; text-decoration:none;}
#gonnen tr td a{border-bottom:medium none;color:#505050;font-size:12px;font-weight:100;padding:3px;}
#gonnen tr td a:hover{border-bottom:medium none;color:#505050;font-size:12px;font-weight:100;padding:3px;}
#gonnen h3{ display:none;}

.c-cat-depth-3, .s-cat-depth-3 {padding:0 0 0 10px;}
#cont-l2  h3 {color:#F24773;font-size:14px;padding:5px 0 0 15px;}
#bottom-menu .TreeList{ overflow:hidden; text-align:center;}
#bottom-menu .TreeList div{font-weight:normal;display:inline;padding:0 10px;border-right:1px solid #CCC;}
#hotgoods h6 a {border-bottom:1px dotted #F2F2F2;color:#505050;display:block;font-weight:100;}
#hotgoods li {border-bottom:1px solid #F2F2F2;color:#FF9900;text-align:right;}
#bottom-links .LinkList td{ padding:5px;}
#com .Comment { margin:2px 7px; clear:both;}
#com .Comment h6 a{ color:#F24773; line-height:30px;}
#com .cmt_member{ color:#ccc; float:right; }
#com .cmt_time{ color:#ccc; float:right;}
#com .Comment ul li a:hover {text-decoration:none; color:#505050;}
#InnerRightColumn{float:right;overflow:hidden;width:750px;*display:inline;}
.Navigation{ margin:0 0 5px 0;}
.Navigation a, .Navigation span ,.Navigation .now {color:#F24773;font-weight:100;}
#cont-l1-c .TreeList .cat1{ padding:1px 20px; background:#fff2f2;}
#cont-l1-c .TreeList{ line-height:35px;}
.c-cat-depth-1 a {padding-left:15px; color:#E6606C; font-size:13px; font-weight:100; font-weight:bold}
.c-cat-depth-1 a:hover { color:#00CC66; font-size:13px; font-weight:100;font-weight:bold}
.c-cat-depth-2 a { color:#666; font-size:12px; font-weight:100; padding:0 0 0 15px;}
.c-cat-depth-2 a:hover { color:#00CC66; font-size:12px; font-weight:100;padding:0 0 0 15px;}
.c-cat-depth-3 a { color:#999; font-size:12px; font-weight:100; padding:0 0 0 10px;}
.c-cat-depth-3 a:hover { color:#E6606C; font-size:12px; font-weight:100;padding:0 0 0 10px;}
.e-cat-depth-1 p {background:#FFF2F2;margin:0;padding:2px 0 2px 10px; border:none;}
.e-cat-depth-1 a {color:#E6606C;font-weight:100;}
.e-cat-depth-1 td a {color:#666;font-weight:100;}
.e-cat-depth-2{ padding:0 15px;}
.e-cat-depth-2 p { background:none;}
.e-cat-depth-2 a {color:#666;font-weight:100;}
.e-cat-depth-3 td a {color:#999;font-weight:100;}
.GoodsSelector a {color:#E6606C;margin:0 20px 0 0;}
.goodpic a:hover {border:1px solid #fad5dc;}
.boxBlue .division {background:none;border:none;margin:0;}
.boxBlue, .boxBrown {background:none;border:1px solid #f1d3d3;padding:7px; margin:0 0 10px 0;}
.boxGray, .FormWrap {background:#f3f3f3;border:1px solid #E1E1E1;padding:7px;}
.GoodsSearchWrap .items-gallery {background:#FFF;border:1px solid #EEEEEE;margin:3px;overflow:hidden;padding:2px;text-

align:center;}
.GoodsSearchWrap .items-gallery .goodpic a {background:#fff;margin:0px;padding:0px;}
#cont-r-out-page .items-gallery .goodpic a {border:none;}
#cont-r-out-page .items-gallery {background:#fff;border:1px solid #eee;}
#cont-r-out-page .items-gallery .button {background: none;border:1px solid #efefef;}
.fontcolorBlue {color:#E6606C;}
.textright { margin:0 0 10px 0;}
.ItemsWarp .textcenter{ text-align:left;}
#cont-r-out-page .goodsname{ margin:10px 0 0 0;}
#cont-r-out-page .brief{ color:#666;}
.border11, .border12, .border13{ float:left;}

.footer{ padding:10px 0 15px 0;}
.footer table tbody div , .footer table tbody tr{float:left;padding:0 10px;white-space:nowrap;}
.footer table tbody td img{ display:none;}
.themefoot {padding:0; margin:0;text-align:center;}

/*=显示底部区域
=============================================================================================*/
#Foot{
	width:960px;
	margin:0 auto;
	margin-top:30px;
}
#FootLinks{
   margin-bottom:20px;
   padding:0 10px 10px 10px;
   border:1px solid #e9e9e9;
   background:url(footlinks.gif) repeat-x;
   min-height:26px;
   zoom:1;
}
#FootLinks .TreeList{
	float:left;
    width:20%;
}
#FootLinks .TreeList .cat1{
	font-weight:bold;
    color:#656565;
    padding:3px 0 10px;
}
#FootLinks .TreeList .cat2{
	background:url(arrs.gif) no-repeat 0 -22px;
    margin-left:0;
    padding:0 0 0 13px;
}

#FootMenu{
   margin:5px 0;
   color:#cccccc;
}
#FootMenu .menu a{
   color:#464646;
}
#FootMenu .TreeList{
	overflow:hidden;
    text-align:center;
}
#FootMenu .TreeList div{
	font-weight:normal;
	display:inline;
	padding:0 10px;
	border-right:1px solid #CCCCCC;
}
#Copyright *{
	text-align:center;
}
.cut{
	overflow:hidden;
}