@charset "gb2312";
@import url(displaytag.css);
/* 初始样式 */
body { text-align:center; FONT-FAMILY: 宋体, serif, Arial, Helvetica, sans-serif;margin:0; padding:0; background: #fff; font-size:12px; color:#000; line-height:20px;background-image:url(images/bg_0812_01.gif); background-repeat: repeat-x; background-position: top;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }
div {text-align:center;margin-right:auto;margin-left:auto;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;font:12px normal;}
ul {text-align:left;}
ul,li,ol {list-style:none;}
strong{font-weight:normal;}
table,td,tr,th{font-size:12px;}
input,button{cursor:pointer;}
img{vertical-align:top;}
table{margin:0 auto;}


/* 链接颜色 */
a {color:#000;text-decoration:none;} /* 链接颜色 */
a:hover {color:#FF6600;	text-decoration: none;} /* 鼠标经过时状态 */

/* 颜色属性 */  
.white{color: #fff; text-decoration: none;}/* 白色 */
.white a:link {color: #fff;text-decoration: none;}
.white a:visited {color: #fff;	text-decoration: none;}
.white a:hover {color: #94E0F9;text-decoration: underline;}

.Orange {color: #FF6600; text-decoration: none;}/* 橙色 */
.Orange a:link {color: #FF6600;text-decoration: none;}
.Orange a:visited {color: #FF6600;	text-decoration: none;}
.Orange a:hover {color: #004674;text-decoration: underline;}

.DBlue {color: #000099; text-decoration: none;}/* 深兰色 */
.DBlue a:link {color: #000099; text-decoration: none;}
.DBlue a:visited {color: #000099; text-decoration: none;}
.DBlue a:hover {color: #FF6600; text-decoration: underline;}

.Black {color: #000; text-decoration: none;}/* 黑色 */
.Black a:link {color: #000;text-decoration: none;}
.Black a:visited {color: #000;	text-decoration: none;}
.Black a:hover {color: #FF6600;text-decoration: underline;}

.Grey {color: #666666; text-decoration: none;}/* 灰色 */
.Grey a:link {color: #666666;text-decoration: none;}
.Grey a:visited {color: #666666;	text-decoration: none;}
.Grey a:hover {color: #ff0000;text-decoration: underline;}  

.Red {color: #CC0000; text-decoration: none;}/* 红色 */
.Red a:link {color: #CC0000;text-decoration: none;}
.Red a:visited {color: #CC0000;	text-decoration: none;}
.Red a:hover {color: #CC0000;text-decoration: underline;}  

/* 字体属性 [定义规则，小写f加属性名称] */
.fb {font-weight: bold;}
.fI {font-style: italic;}

/* 文字大小 */
.f12 {font-size:12px;}
.fz12 {font-size:12px; font-weight:normal;}
.f14 {font-size:14px; line-height:23px;}
.f16 {font-size:16px; font-weight: bold; line-height:25px;}

/* 下划线 */
.underline,.underline a {text-decoration:underline;}

/* 首行缩进 */
.ti12 {text-indent:12px;}
.ti24 {text-indent:24px;}
.ti30 {text-indent:30px;}

/* 填充 */
.pleft6 { padding-left:6px;}
.pleft12 { padding-left:12px;}
.ptop6 { padding-top:6px;}
.ptop12 { padding-top:12px;}
.pbottom6 { padding-bottom:9px;}
.pbottom12{ padding-bottom:12px;}
.pright12 { padding-right:12px;}
.pright24{ padding-right:24px;}

.m6{ margin-top:6px;}

/* 文字对齐 */
.txtLeft {text-align:left;}
.txtCenter {text-align:center;}
.txtRight {text-align:right;}

/* 行高 */
.lh20 {line-height:20px;}
.lh23 {line-height:23px;}
.lh26 {line-height:26px;}

/* 左右悬浮 */
.left {float:left;}
.right {float:right;}

/* 清除悬浮 */
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

/* 空白间距 */
.blank0{ height:0px; clear:both; font-size:0px;overflow:hidden; display:block!important; }
.blank3{ height:3px; clear:both; font-size:1px;overflow:hidden;display:block!important; }
.blank6{height:6px; font-size:1px; clear:both;overflow:hidden;display:block!important; }
.blank9{height:9px; font-size:1px; clear:both;overflow:hidden;display:block!important; }
.blank12{height:12px; font-size:12px; clear:both;display:block!important; background:#fff }
.blank14{clear:both; height:14px; font-size:12px; }
/* 虚线 */
.line{ border-bottom:1px #CCCCCC solid;}

/* 实线 */

/* 更多 */
.more {text-align:right;padding-right:6px;}

/* 输入框 */
.input300{ BORDER: #397ECF 1px solid; height:20px; width:300px;}
.input120{ BORDER: #666666 1px solid; height:20px; width:210px;}

/* 区块 */
.main{ width:928px; overflow:hidden; background:#FFF;}
.area{ clear:both; margin-top:6px; width:910px;}
.col1{ width:207px; float:left;}
.col2{ width:691px; float:right; }
.left549{ width:549px; float:left;}
.right130{ width:130px; float:right;}


/* TOP */
.header { margin:0 auto; width:910px; height:auto;}
.header .content{ height:72px; clear:both; margin-top:6px;}
.header .content .list01{ float:left; width:183px;overflow:hidden;}
.header .content .list02{ float:left; width:127px;overflow:hidden;}
.header .content .list03{ float:right; width:600px;overflow:hidden;}
.header .nav{ clear:both; margin-top:6px; height:28px; margin-left:10px; width:720px; float:left; overflow: hidden}
.header .nav div{ float:left; height:30px;}
.header .nav .tab01{background-image: url(images/nav_0812_02.gif);background-repeat: no-repeat;background-position: right center; height:21px; padding-left:14px; padding-right:14px; padding-top:9px;}
.header .nav .tab02{background:url(images/nav_0812_04.gif); width:80px; color: #fff; text-decoration: none; height:23px; font-size:14px; font-weight:bold; padding-top:7px; margin-left:-1px;}
.header .nav .tab02  a:link {color: #fff;text-decoration: none;}
.header .nav .tab02  a:visited {color: #fff;	text-decoration: none;}
.header .nav .tab02  a:hover {color: #94E0F9;text-decoration: underline;}
.header .nav .tab03{background-image: url(images/nav_0812_05.gif);background-repeat: no-repeat;background-position: right center; height:21px; padding-left:14px; padding-right:14px; padding-top:9px;}
.header .nav01{margin-top:16px; margin-left:10px; width:160px; float:right;}
.header .nav01 img{ margin-top:6px!important;margin-top:2px;}
.header .content02{  height:30px; width:130px; float:right;}
.header .search{ clear:both; height:53px; background-image: url(images/search_0812_01.gif); padding-left:240px;}
.header .search div{ float:left;}
.header .search .l1{ margin-top:15px; width:300px;}
.header .search .l2{ margin-top:15px; margin-left:18px;}
.header .subnav{ clear:both; background-image: url(images/subnavbg_0812_01.gif); border: #397ECF 1px solid; text-align:left; padding: 5px 9px 3px 9px;}
.header .subnav a{ margin:0 12px 0 0px; }
.header .menu01
{
	height: 34px;	
}

/* bottom */
.bottom{ clear:both; width:892px; padding:9px; margin-top:6px; background-image: url(images/title_0812_12.gif);background-repeat: repeat-x; background-position: top; }
.friendlink{ clear:both; border: #397ECF 1px solid;width:906px; margin-top:6px; padding:1px; background:#FFFFFF; text-align:left; height:72px;}
.friendlink .content{ width:852px; float:right; padding:9px 9px 0 9px;}
.friendlink .content a{margin-right:18px; display:inline;}

/* 公用 */
#title{background-image: url(images/title_0812_01.gif); height:47px; color:#FFF; line-height:47px; font-weight:bold; font-size:14px; }
#title01{ height:30px;}
#title01 div{ width:102px; height:22px;font-size:14px; font-weight:bold; padding-top:8px;}
#title01 .tab01{background-image: url(images/title_0812_02.gif); color:#fff; }
#title01 .tab02{background-image: url(images/title_0812_03.gif); color:#000066;}
#border01{ border-bottom:#3678B4 1px solid; border-left:#3678B4 1px solid; border-right:#3678B4 1px solid;}
#content{ background:#448ECD; border-bottom:#8ABCE7 1px solid; border-left:#8ABCE7 1px solid; border-right:#8ABCE7 1px solid;background-image: url(images/leftbg_0812_01.gif);background-repeat: repeat-x; background-position: top; padding:0 6px 6px 6px;}
#content01{ background:#448ECD; border-bottom:#8ABCE7 1px solid; border-left:#8ABCE7 1px solid; border-right:#8ABCE7 1px solid;background-image: url(images/leftbg_0812_01.gif);background-repeat: repeat-x; background-position: top; padding:4px 2px 2px 2px;}
#border02{ border-bottom:#5697D8 1px solid; border-left:#5697D8 1px solid; border-right:#5697D8 1px solid; }
#content02{ border:#5697D8 1px solid; background:#FFF;padding:3px;}
.pic549{ width:549px; height:86px; overflow:hidden;}

/* 活动信息, 热销商品, 新品 */
.s1{}
.s1 .list{background-image: url(images/bg_0812_02.gif);padding-left:0px; padding-top:4px; line-height:24px; width:100%; overflow: hidden}
.s1 .list table
{
	width: 195px;
}
.s1 .list td
{
	padding-left: 24px;
}

.s1 .list table th
{
	display: none;
}



.s2 {}
.s2 .s2top {height: 4px;line-height: 4px; overflow: hidden}
.s2 .tilte{background-image: url(images/title_0812_07.gif); height:38px;}
.s2 .tilte .list{ width:539px; float:left; height:38px;}
.s2 .tilte .list div{ height:30px; line-height:30px; margin-top:8px; float:left; margin-left:9px; padding:0px 6px; display:inline;}
.s2 .tilte .list .tab01{background-image: url(images/title_0812_09.gif);border-left:#A7DFFF 1px solid;border-right:#A7DFFF 1px solid;}
.s2 .tilte .list .tab02{background-image: url(images/title_0812_10.gif);border-left:#A7DFFF 1px solid;border-right:#A7DFFF 1px solid;}
.s2 .content{
	border-bottom:#A7DFFF 1px solid; 
	border-left:#A7DFFF 1px solid; border-right:#A7DFFF 1px solid;  height:875px;width:547px; padding:9px 0;}
.s3{border:#397ECF 1px solid; background:#A1DDFF; padding:3px; height: 980px;}
.s3 img{ padding-top:6px; background:#FFFFFF;}

/*  */
.s4{ margin-top:6px;}
.s5 .title{background-image: url(images/title_0812_13.gif); height:42px; padding-left:62px; line-height:42px;}
.s5 .content{border-bottom:#5C96D8 1px solid; border-left:#5C96D8 1px solid; border-right:#5C96D8 1px solid; padding:18px 24px 24px 24px;}
.s5 .content table{ margin-bottom:24px;}

#Div8
{
	width: 190px;	
}

.menu
{
	height: 25px;
	/*width: 577px;*/
}

.menuItem
{
	background-image: url(images/nav_0812_02.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	height:21px; 					    
	padding-top:9px;
	width: 89px;
	height: 25px;
}


.tab_button1
{
	background-image: url(images/title_0812_09.gif);
	border-left:#A7DFFF 1px solid;
	border-right:#A7DFFF 1px solid; 
	float: left; 
	width: auto;
	height: 30px;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
.tab_button2
{
	background-image: url(images/title_0812_10.gif);
	border-left:#A7DFFF 1px solid;
	border-right:#A7DFFF 1px solid; 
	float: left; 
	width: auto;
	height: 30px;
	margin-left: 5px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: sub;
}


a.button1
{
	display: block;
	width: 49px;
	background-image: url(images/btn_001.gif);
	
}

.tabs_header
{
	width: 100%;
	background-image: url(images/title_0812_07.gif);
	
	
	color: #000099; text-decoration: none;
	font-size:14px; line-height:23px;
	font-weight: bold;
}

.tabs_header a:link {color: #000099; text-decoration: none;}
.tabs_header a:visited {color: #000099; text-decoration: none;}
.tabs_header a:hover {color: #FF6600; text-decoration: underline;}

.tabs_body
{
	margin-top: 10px;
}

.srcollTag 
{
	margin-left: 0px;
	width: 99%;
    height:775px;
	overflow-y:auto;
	overflow-x:none;
    scrollbar-face-color: #f6f6f6;
    scrollbar-highlight-color: #ffffff; 
    scrollbar-shadow-color: #cccccc; 
    scrollbar-3dlight-color: #cccccc; 
    scrollbar-arrow-color: #330000;
    scrollbar-track-color: #f6f6f6; 
    scrollbar-darkshadow-color: #ffffff;
}

#newproductPanel
{
	HEIGHT: 220px
}

#newproductPanel td
{
	line-height: 20px;
}

#hotproductPanel td
{
	line-height: 20px;
}

#newproductPanel table
{
	margin-left: 0px;
	text-align: left;
}

#hotproductPanel table
{
	margin-left: 0px;
	text-align: left;
}

.productsearch
{
	margin-left: 0px;
}

.productsearch .cell1
{
	display: none;
}
.productsearch .cell2 input
{
	width: 300px;
	height: 20px;
}

.productsearch .button2
{
	display: block;
	width: 70px;
	height: 25px;
	background-image: url(images/search_0812_02.gif);
	layout-flow: hidden;
	font-size: 0px;
	
}

#uiECardQuery
{
	width: 200px
}

#uiECardQuery .left
{
	height: 30px;
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

#uiECardQuery .right
{
	display: none;
}

#EcardPromotion_Table
{
	margin-left: 0px;
	text-align: left;
}

#EcardPromotion_Table td
{
	line-height: 20px;
	text-align: left;
}


/* 公告小窗口 */


.coolwindow .title
{
	color: White;
}

.coolwindow .body .contenttext
{
	color:Black;	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	
}


.coolhover
{
	background-color:Orange;	
	border:2px solid Orange;
}

.coolhover .titlebar
{
	background-color:Orange;	
}

.coolhover .body .from
{
	color:Orange;	
}

.coolhover .body .contentlabel
{
	color: Orange;
	font-weight: bold;
}



.coolnormal
{
	background-color:#336699;
	border:2px solid #336699;	
}

.coolnormal .titlebar
{
	background-color:#336699;		
}

.coolnormal .body .from
{
	color:#336699;	
}

.coolnormal .body .contentlabel
{
	color: #336699;
	font-weight: bold;
}
.datetime
{
     width:80px;
     align:right;
}