﻿/*-------------------------------------------------------------------------- 信息提示 */
.unvalidator{ color:#cb3500;font-size:12px;border: 1px solid #efb49d;padding:6px 30px 5px 25px; margin:5px;background:#FFFCFC url(/Images/unvalidator.gif) no-repeat 5px;width:300px;}
.success{ background:#E8F4E8 url(/Images/ok.gif) no-repeat 5px;border: 1px #008000 solid; padding:3px 8px 3px 25px; margin:1px;color:green; font-size:12px;width:300px;}
.ok{ background:url(/Images/ok_big.gif) no-repeat 5px;padding:20px 20px 20px 70px;color:#04BD08; font-size:16px; font-weight:bold;}
.loading{ color:#536851;font-size:12px;border: 1px solid #A6C16A;padding:6px 30px 5px 25px;margin:5px;background:#FFFFE0 url(/Images/Loading.gif) no-repeat 5px;}
.loadingImg{ background:#FFFCFC url(/Images/Loading.gif) no-repeat 5px;}
.topRight{ position:absolute; top:2px; right:2px;}
.errorSimple{color:Red;font-size:12px; font-family:Arial;}
.error{color:#cb3500;font-size:12px;border: 1px solid #efb49d;padding:6px 10px 5px 25px; margin:5px;background:#FFFCFC url(/Images/error.gif) no-repeat 5px;width:270px;}
.errorBig{border: 1px solid #efb49d;width:500px;color:#cb3500; font-size:14px; margin:100px auto 100px auto; padding:30px 0pt 15px 50px; background:#FFFFF8 url(/images/error.gif) no-repeat 5% 37%;}
.warning{background:#E0EEF9 url(/Images/Warning.gif) no-repeat 5px;border: 1px #D0E8FF solid; padding:6px 30px 5px 25px; margin:5px;color:#2080D0; font-size:12px;}
.warning2{background:#E0EEF9;border: 1px #58A0DC solid; padding:6px 30px 5px 25px; color:#2080D0; font-size:12px;}

/*-------------------------------------------------------------------------- 按钮 */
.textgray{ color:#B6B6B6;}
.gray{ color:#808080;}

.bigNumber{ color:#BF00BF; font: 18px Verdana;text-align:center;}
.email{ color:#3C3C3C; font: 10px Arial; text-align:center;}
.date{ color:#999; font: 10px Arial; text-align:center;}
.datetime{ color:#7C7C7C; font-size:11px; font-family:Verdana;font-style: italic; margin-left:10px;}
.unitname{ color:#58A0DC;}

.buttonBlue{background:#30C0FF; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;padding:3px 5px;}
.button{background:#30C0FF; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;padding:3px 5px; width:60px;}
.buttonSelect{margin: 0 10px 0 1px;color: #5D5D5D;background-color: #F3F3F3;border:1px solid #C4C4C4;padding:2px 5px;}
.buttonGray{color:#5D5D5D; font-weight:normal;background-color: #F3F3F3;border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid; border-left:0; border-top:0;padding:2px 5px;}
.buttonGrayS{color:#5D5D5D; font-weight:normal;background-color: #F3F3F3;border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid; border-left:0; border-top:0;padding:1px 3px;}
.buttonGrayBig{color:#5D5D5D; font-weight:normal;background-color: #F3F3F3;border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid; border-left:0; border-top:0;padding: 4px 12px 3px 12px;}
.buttonBlueBig{background:#30C0FF; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;padding:6px 12px;}
.buttonOrangeBig{background:#FF8000; color:#FFF; border-bottom:1px solid #4278A5;border-right:1px solid #4278A5; border-left:0; border-top:0;padding:6px 12px;}
.cancelbutton{background:#D0D0D0; color:#000000; border-bottom:1px #606060 solid;border-right:1px #606060 solid; border-left:0; border-top:0;padding:3px 5px; }
.turnback{position:absolute;right:2%;top:2%;float:right;}
.hackbox {border-top:1px solid transparent !important;clear:both;margin-top:-1px !important;visibility:hidden;}
.nocontent h3,
.nocontent h4{color:#9E9E9E; font-size:14px; margin:50px auto; width:250px;padding:20px 0pt 15px 130px;border:1px solid #E0E0E0; background:#FFFFF8 url(images/Warning.gif) no-repeat 15% 50%;}
.nocontent{text-align:center;color:#2080D0;}

.noResult{color:#9E9E9E; font-size:14px; margin:50px auto; width:500px;padding:20px 0pt 25px 20px;border:1px solid #ccc; background:#fafafa url(images/Warning.gif) no-repeat 15% 21%;}
.noResult p{font-weight:bold;color:#77413F; padding-left:100px;font-size:15px;}
.noResult .advice{ text-align:left; font-size:15px;padding-left:100px;color:#707070}
.advice{ margin-top:25px;}
.advice span{ color:#F05919;}
.advice li{ list-style-type:none; list-style-image:url(/Images/li.gif); padding:6px 0;}

.remark{ margin:10px;padding:5px;border:1px solid #ACD373; background:#FAFFF3; color:Gray;}
.remark dt {display:block;width:32px;padding:0 0 0 5px;}
.remark dd {display:block;margin:-20px 0 0 45px;line-height:1.6em;}
.remark span{ margin:0 10px;}
.remark .remarkLeft{ float:left; width:80%;}
.remark .remarkRight{ float:right; text-align:right; padding-right:5px; margin-top:5px;}

hr.gray{ width:99%; margin:0 auto; text-align:center; background:#E2E2E2; height:1px; border:0; margin:20px 5px}
hr.cof{ width:99%; margin:0 auto; text-align:center; background:#713928; height:1px; border:0; margin:12px 5px;}
.dashedLine{ border-bottom:1px dotted #BEBEBE; height:1px; margin:3px 0;}
.dottedLine{ height:1px; margin:3px; background:url(/Images/dotted.gif) repeat-x 0 0;}
/*---------------------------------------------------------------------------------------------------------------- 分页 */
.pagebar{ clear:both;font: 12px Arial, Helvetica, sans-serif;padding-top: 5px; padding-bottom: 10px; margin: 0 5px; color:#666;}

.pagebar a{ border: solid 1px #ddd; background: #fff; text-decoration: none; color:#666; padding: 1px 5px; margin:-2px 0pt 0pt 5px; font-family:Tahoma,SimSun,Arial;}
.pagebar a:hover { border:1px solid #95071B; color:#666;text-decoration: none;}

.pagebar .pagebarCurrent{ color:#fff; background:#95071B; border:1px solid #D4D4D4; text-decoration: none; padding:1px 5px; margin:3px;height:13px;line-height:100%;}

.pagebar .pagebarDot { padding:1px 3px;border:none; color:#666;}

.pagebar .pagebarPageInfo{color:#666; padding-right:5px; font-size:12px;}
.pagebar .pageInfoCurrentPage{color:#f60;}

.pagebar .jumpPage {margin:0 10px; font-size:12px;}
.pagebar .pagerButton { font-size: 12px; font-family: Verdana; width: 40px; height: 19px; margin-left: 5px; padding: 2px 3px; border: 1px solid #AAA; color: #808080; background-color: #EBEBEB; }
.pagebar .pagebarTextBox{ border:1px solid #DDD; color:#666; }
.pagebar .recordCount{ color:Red;}

/*---------------------------------------------------------------------------------------------------------------- 表单 */
textarea, select { border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:120%;}
input.text { border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:120%; padding:2px 2px; line-height:15px;}
input.text2 {border:1px solid #B2A6A2; font-size:12px; line-height:120%; padding:3px 2px; line-height:15px;}
input.quantity {width:30px; border:1px solid #B2A6A2; font-size:12px; line-height:120%; padding:3px 2px; line-height:15px;}
input.model {width:100px; border:1px solid #B2A6A2; font-size:12px; line-height:120%; padding:3px 2px; line-height:15px;}
input.price { color:Red; font-size:16px; font-weight:bold; font-family:Arial;}
input.priceS{ color:#CF4040; font-size:12px;font-weight:bold; font-family:Verdana; width:60px;}
input.money{ color:#000; font-size:12px;font-family:Verdana;}
input.money2{ color:#CF4040; font-size:12px;font-weight:bold; font-family:Verdana;}

.articlelist_bg1{ background:#F8FCFE;}
.articlelist_bg2{ background:#FFF;}
.tr_bg_over{ background:#FFFFE8 }

.hide{ display:none;}
.show{ display:block;}
.alignCenter{ text-align:center;}
/****************************************************************************************************************** Style */
body {
	font-family: Arial, Helvetica, sans-serif;font-size:12px;color: #404040;line-height: 18px;margin: 0px;text-align:center;background:#FFF;
}
ol,ul,li,h3,h4{margin: 0;padding: 0;list-style-type:none;}
a {color: #333;text-decoration: none;}
a:hover {color:#0066CC;text-decoration: underline;}

a.blue {color: #0066CC;text-decoration: none;}
a.blue:hover {color:#0066CC;text-decoration: underline;}

a.blueUnderLine {color: #0066CC;text-decoration: underline;} 
a.blueUnderLine:hover {color: #800000;text-decoration: none;}

a.while {color: #fff;text-decoration: none; font-size:12px;}
a.while:hover {color:#fff;text-decoration: underline; font-size:12px;}

a.coffee12 {color: #000;text-decoration: none; font-size:12px; }
a.coffee12:hover {color:#0066CC;text-decoration: none;  font-size:12px;}

a.coffee16 {color: #000;text-decoration: none; font-size:15px; font-weight:bold; background:url(/images/dot2.gif) no-repeat 0 50%; padding-left:12px;}
a.coffee16:hover {color:#0066CC;text-decoration: none;  font-size:15px; font-weight:bold;}

a.iconMSN{ background:url(/images/icon_msg.gif) no-repeat 0; padding-left:23px; height:32px;}
a.iconEmail{ background:url(/images/icon_email.gif) no-repeat; padding-left:23px; height:32px;}
a.iconMobile{ background:url(/images/icon_mobile.gif) no-repeat; padding-left:23px; height:32px;}
/* ---------------------------------------------------------------------------------- Font */
.explain{ font-size:13px; color:#303030;padding-left:8px;}
.result{ color:#000; text-align:center; padding-left:40px;}
.keyword{ background:#FFFFA0;}
.score{ font-family:Arial; font-size:12px; color:#008000;}
.price{ color:#9A0900; font-size:12px; font-weight:bold; }
.price2{ color:#CF4040;font-size:12px; font-weight:bold;}
.priceM{ font-size:15px; color:#FF5900; font-weight:bold; }
.priceL{ font-size:18px; color:#FF3300; font-weight:bold; font-family:Verdana; }
.priceGray{ font-size:14px; color:Gray;  }
.coffee16{color: #FF9900; font-size:16px; font-weight:bold;}
.coffee14{color: #404040; font-size:14px; font-weight:bold;}
.cartnum{ color:Red; font-family:Verdana;}
.memberName{ color:#008000; font-family:Verdana; font-weight:bold;}
.cartnum{ color:Red;}
/* --------------------------------------------------------------------------------***************** 公用 */
.exchangeRate{ text-align:center; font-size:12px; color:#800000; border:1px solid #ECD7D7; padding:8px 3px; margin:20px 2px 5px 2px;}
.exchangeRate span{ margin-right:10px;}

#live800msg{ position:fixed; right:10px; top:130px; display:none;z-index: 102;}
#live800msg .closeLine{ text-align:right; background:url(/Images/live800header_bg.gif) no-repeat;}
#live800msg .closeLine img{ cursor:pointer; padding-right:1px;}

img{ border:0;}

.toolbar{ background:#fff; height:25px; border-bottom:1px solid #ccc; width:913px; color:#202020; padding:5px 0 0 20px; font-size:13px; font-family:Verdana;}
.toolbar .dot{ background:url(/images/dot.gif) no-repeat 50% 3px; width:6px; height:13px; padding-right:5px;padding-left:10px;}
.selectinput{ background:url(/images/bg_select.gif) repeat; padding:2px; color:#0000BF; cursor:pointer; border:1px solid #9FBDE3;border-right:0; font-family:Arial 宋体;}
.selectright{ background:url(/images/select_right.gif) no-repeat; width:21px; height:21px; border:1px solid #9FBDE3;}
.btnbg{ background:url(/images/btn_bg.gif) no-repeat; width:88px; height:30px; border:0; color:#fff; font-size:14px; padding-bottom:5px;}

/*----------------------------------------------------------------------------------------------- 头部 */
#header{width:1000px;margin: 0 auto;height:100px; position:relative; background:#f4f4f4;}
#header h1,
#header h2{position:absolute;top:0px;left:0; background:url(/images/logo.png) no-repeat 50%;width:230px; height:100px; margin:0; }
#header h1 span,
#header h2 span{ display:block;text-indent:-9999px; }
#header h1 a,
#header h2 a{ height:100%; width:100%; display:block; overflow:hidden;}

#TopMenuWrap{float:left;width:100%;margin-bottom:2px;}
#sidemenu{float:left;background:#dfdfdf url(/images/top-l-r.gif) no-repeat right;height:24px;width:194px;margin-left:-100%;text-align:right;padding:5px 8px 0 0;}
#header .nav{ width:100%;}
#header .nav ul{ margin:0 0 0 450px;}
#header .nav li{ float:left; list-style-type:none;}
#header .nav span{ margin:0 5px;}
#header .nav a{ color:#666666;}

#header .topmenu{ position:absolute;top:10px;right:30px;}

#menubar{ height:75px;width:747px;float:right;top:0px;position:relative; }
#menubar .leftimg{ float:left;width:10px;height:75px;background:url(/images/top_03.jpg) no-repeat; }
#menubar .rightimg{ float:right;width:10px;height:75px;background:url(/images/top_06.jpg) no-repeat; }
/*--------------------------------- 菜单 */
#menubar .menu{ float:right;background-color:#fff; }
#menubar .menu a.index{ background:url(/images/menubg1.gif) no-repeat 0 bottom;width:99px;height:23px;float:left;font-weight:700; }
#menubar .menu .line{ width:1px; height:26px;float:left;margin-top:23px;background:url(/images/top_line.gif) no-repeat; }
#menubar .menu a{ background:url(/images/menubg.gif) no-repeat 0 bottom;width:90px;height:75px;float:left;line-height:75px;font-size:15px;text-decoration:none;color:#333; }
#menubar .menu a:hover{ color:#a6c400;background:url(/images/menubg-o.gif) no-repeat 0 bottom; }

/*----------------------------------------------------------------------------------------------- 搜索栏 */
#SearchBar{ width:1000px; height:30px; background-color:#FFFFFF; border-bottom:1px solid #dedede;border-top:1px solid #dedede; margin:0 auto;}
#SearchBar .box{ width:1000px; margin: 0 auto; }
#SearchBar .search{ background-color:#000000; margin-right:8px !important; margin-right:4px; float:right;height:30px; color:#8ca502; width:731px; }
#SearchBar .search .searchLeft{ width:50%; float:left; padding:5px 0 0 0;}
#SearchBar .search .searchLeft a{ margin:0 10px; color:#8CA502; text-decoration:none;}
#SearchBar .search .searchLeft a:hover{ text-decoration:underline;}
#SearchBar .search .searchRight{ width:45%; float:left; padding:2px 0 0 0;}
#SearchBar .search .searchRight .buttonShow{ margin:0 3px 0 6px;}
#SearchBar form{ margin:0;}
/*----------------------------------------------------------------------------------------------- Footer */
#footer{ margin-top:0px;clear:both;text-align:center;background:#5d5d5d;}
#footerbar{ background:#fff;padding:2px 0;line-height:30px;text-align:center;border-bottom:1px solid #dedede;border-top:1px solid #dedede;}
#footer #copyright{ color:#fff; margin:10px 0; line-height:25px;}
#footer #copyright a{ color:#fff; margin:0 5px;}
#footerbar .nav { width:680px;margin:0 auto; height:28px;}
#footer ul{ margin:0; padding:0;}
#footer ul li{ float:left; list-style-type:none;}
#footer .nav span{ margin:0 10px;}
#footer .nav a{ margin-right:8px;}
#footer .nav a:hover{ color:#000;background:#fff;}
#footer .keywords{ background:#5d5d5d;padding:2px 0;color:#ECF4FC;text-align:center;width:800px;margin:0 auto;}

/*----------------------------------------------------------------------------------------------- 中間 */
#indexmiddlewrap{
	/*width:982px;*/
	width:998px;
	margin: 0 auto;
	background-color:#fff;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	text-align:left;
}
.clearfix{ display:inline-table;}

.cat ul li{ font-size:15px; padding:5px 0;}
