﻿.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; /*20px 0pt 15px 20px;*/
	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;
}
a.btnyellow , a.btnyellow:hover{
	color:#000;text-decoration: none;text-align:center;
	background-color: #FFDB00;
	border-bottom:1px #964E00 solid;border-right:1px #964E00 solid;
	width:60px;padding: 7px 6px 4px 6px;
}

a.btnblue , a.btnblue:hover{
	color:#FFF;text-decoration: none;text-align:center;
	background-color: #5C97E9;
	border-bottom:1px #2E4C74 solid;border-right:1px #2E4C74 solid;
	width:80px;padding: 7px 10px 4px 10px;
}

a.btnGray , a.btnGray:hover{
	color:#5D5D5D;text-decoration: none;text-align:center; font-weight:normal;
	background-color: #F3F3F3;
	border-bottom:1px #C4C4C4 solid;border-right:1px #C4C4C4 solid;
	width:80px;padding: 4px 12px 3px 12px;
}
a.btnblue2 , a.btnblue2:hover{
	color:#5D5D5D;text-decoration: none;text-align:center; font-weight:normal;
	background-color: #EEF7FE;
	border-bottom:1px #9FBDE3 solid;border-right:1px #9FBDE3 solid;
	width:80px;padding: 4px 5px 3px 5px;
}
.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 120px;
	border:1px solid #E0E0E0; background:#FFFFF8;
}
.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% 19%;}
.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:#ccc; height:1px; border:0; margin:12px 5px;}
.dashedLine{ border-bottom:1px dotted #BEBEBE; height:1px; margin:3px 0;}
.dottedLineCof{ height:1px; margin:3px 0; 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 a.prevpage{background:#95071B url(/images/arrow.gif) no-repeat scroll 0pt 0pt;width:16px; height:16px; text-decoration:none; margin:-2px 0pt 0pt 5px;padding: 0px 8px;}
.pagebar a.prevpage span{text-indent:-9999em; width:6px; display:none; }
.pagebar span{ height:16px; overflow:hidden; padding:0pt 5px; line-height:16px;}

.pagebar a.nexpage{ background:#95071B url(/images/arrow.gif) no-repeat scroll 100% 0pt; padding-right:10px;}
*/
.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;}


/* form elements */
textarea, select { border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; font-size:12px; font-family:Arial,Helvetica,sans-serif; line-height:120%;}
input, button, select { vertical-align:middle;}
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;}

/*添加栏目导航背景*/
.line_1, .line_2, .line_3{ border:3px solid #DCDCDC; overflow:hidden; margin-top: 0px; margin-right: 0; margin-bottom: 5px; margin-left: 0; }
.line_4{ margin:5px 0; overflow:hidden;}

.line_1 h3{ height: 25px; width: 160px;margin:0; padding:3px 5px; color:#FFF; font-size:13px; font-weight:bold; background:url(/images/l_bg.gif) no-repeat  0px -106px;}
.line_2 h3{ height: 25px;width: 221px; margin:0; padding:3px 5px; color:#FFF; font-size:13px; font-weight:bold; background:url(/images/l_bg.gif) no-repeat  0px -71px;}
.line_3 h3{ height: 25px; width: 535px; margin:0; color:#FFF; font-size:13px; font-weight:bold; background:url(/images/l_bg.gif) no-repeat  0px -35px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; }
.line_4 h3{ height: 25px; width: 664px;margin:0; padding:3px 5px; color:#FFF; font-size:13px; font-weight:bold; background:url(/images/l_bg.gif) no-repeat  0 0; }
.line_1 h3 a, .line_2 h3 a, .line_3 h3 a, .line_4 h3 a{ color:#fff;}

/*
.line_1{border:3px solid #DCDCDC; margin:5px 0;}
.line_1 h3{ margin:0; padding:3px 5px; color:#00CDEC; font-size:13px; font-weight:bold; border-bottom:2px solid #000; background:url(/images/bj_title.gif) repeat;}
*/
/*新加*/
.both{ clear: both; }
.fl{ float: left; }
.fr{ float: right; }
.top_ad1{ margin-right: 8px; height: 25px; width: 154px; margin-top: 12px; }
.c_ad{ width: 238px; padding-top: 0px; *padding-top: 4px;}
.c_ad img{ margin-bottom: 8px; margin-top: 0px; margin-right: 0px; margin-left: 0px;*margin-bottom: 0px; }
/*.c_ad .h8{ height:1px; clear:both; margin: 0px; padding: 0px; }*/
.w_920{width:920px; text-align:left; margin:0 auto; overflow:hidden; background:#fff;}

/*首頁內頁共用分類導航*/
/*---------------------------------------------- category */

#categoryBox { background:#fff; }/*bg-30px*/
#categoryBox h1 { font-size:13px; font-weight:bold; color:#652F2F; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 0px; padding-right: 0; padding-bottom: 0; padding-left: 27px; }
#categoryBox h2, #categoryBox h3, #categoryBox h5{ font-size:13px; margin:0; border:0; padding:0px; line-height: 26px; height: 26px; width:148px; overflow: hidden; padding-top:0px; padding-left:10px; padding-left:13px; font-weight: normal; }
#categoryBox h2{ background-image: url(/Images/home_nav_ico_more.gif); background-repeat: no-repeat; background-position: 2px -13px; font-weight: normal;line-height: 24px; height: 24px;}
#categoryBox h3{ background-image: url(/Images/home_nav_ico_more.gif); background-repeat: no-repeat; background-position: 2px -15px; background-color: #efefef; }
#categoryBox h5{ background-image: url(/Images/home_nav_ico_more.gif); background-repeat: no-repeat; background-position: 2px 10px;}


#categoryBox h3 a { color:#634534; }

#categoryBox ul.jd_menu li{ float: left; }
ul.jd_menu_vertical {height:auto;width:148px;}
#categoryBox h4, #categoryBox h6 { font-size:12px; font-weight:normal; color:#1A1A1A; margin:0px; height: 24px; line-height: 24px; width: 70px; overflow: hidden; margin-left: 2px;  }
#categoryBox h4 a {color:#5B3E2A;}
#categoryBox h4 a:hover {font-weight: bold; }
#categoryBox h6 a{ color:#9A0900; }
#categoryBox h6 a:hover {color:#333; font-weight: bold;}

#categoryList{ background:#fff; padding:5px 16px;border:5px solid #DCDCDC;}

#categoryList #categoryBox h2, #categoryList #categoryBox h3, #categoryList #categoryBox h5{ font-size:13px; margin:0; border:0; padding:0px; line-height: 26px; height: 26px; width:137px; overflow: hidden; padding-top:0px; padding-left:10px; padding-left:13px; font-weight: normal; }

/*首頁左邊導航分類圖標*/
.n_i_1{ background-position: 0px 0px; background-image: url(/Images/home_nav_ico.gif); background-repeat: no-repeat;}
.n_i_2{background-position: 0px -20px;background-image: url(/Images/home_nav_ico.gif); background-repeat: no-repeat;}
.n_i_3{background-position: 0px -40px;background-image: url(/Images/home_nav_ico.gif); background-repeat: no-repeat;}
.n_i_1,.n_i_2,.n_i_3{height: 20px; width: 148px; overflow: hidden; margin-top: 5px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.n_i_1 span, .n_i_2 span, .n_i_3 span{ overflow: hidden; line-height: 9999px; }