@charset "utf-8";

*{ word-wrap:break-word; outline:none; }
body{ background:#FFF;}
body, td, input, textarea, select, button{ color:#555; font:12px "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; }
body, ul, ol, li,  dl, dt , dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
ul , ol , li { list-style-image: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
a{ color:#0D93BF; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }
a img{ border:none; }
a {blr:expression(this.onFocus=this.blur())}
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; }
th{ text-align:left; }
label, .pointer { cursor:pointer; }
.trace { background: white; margin: 6px; font-size: 14px; border:1px dashed silver; padding:8px}
.trace fieldset { margin:5px;}
.trace fieldset legend {color:gray;font-weight:bold}
.trace fieldset div {overflow:auto;height:300px;text-align:left;}


/* 宽度\高度\尺寸
------------------------------------------------------------------- */
.w12 { width: 12px; }
.w24 { width: 24px; }
.w36 { width: 36px; }
.w48 { width: 48px; }
.w60 { width: 60px; }
.w72 { width: 72px; }
.w84 { width: 84px; }
.w96 { width: 96px; }
.w108 { width: 108px; }
.w120 { width: 120px; }
.w132 { width: 132px; }
.w144 { width: 144px; }
.w156 { width: 156px; }
.w150 { width: 150px;}
.w200 { width: 200px;}
.w270 { width: 270px;}
.w300 { width: 300px;}
.w830 { width: 830px;}

.w18pre { width: 18%;}
.w33pre  { width: 33%;}
.w25pre { width: 25%;}
.w40pre { width: 40%;}
.w50pre { width: 50%;}
.w100pre { width: 100%; }

.h36 { height: 36px;}

.size-64x64 { width: 64px; height: 64px;}
.size-56x56 { width: 56px; height: 56px;}
.size-32x32 { width: 32px; height: 32px;}
.size-44x44 { width: 44px; height: 44px;}
.size-88x31 { width: 88px; height: 31px;}
.size-88x44 { width: 88px; height: 44px;}
.size-200x200 { width: 200px; height: 200px;}


/* Base
---------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { color:#4D5762; position:relative; word-spacing:-0.1em;}
h4, h5, h6 { font-weight:bold;}
h1, h2 { line-height:28px; margin-bottom:18px;}
h1, h2, h3, h4 { margin-top:18px;}
h3, h4, h6 { line-height:18px; margin-bottom:10px;}
h1 { font-size:18px;}
h2 { font-size:16px;}
h3 { font-size:15px; color:#09C; margin-bottom:10px;}
h4 { font-size:16px;}
h5 { font-size:13px; color:#0099CC;}
h6 { font-size:12px;}


.red {color: red;}
.blue { color: #06C;}
.orange { color: #F60;}
.bold {font-weight: bold; color: #545454}



/* 遮罩站点地图层
------------------------------------------------------------------- */
#pagemask { display: none; }
#dialog { verflow: hidden; background: #FFF;  padding: 5px; border: 5px solid #71CBEF; position: absolute; z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/ -moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.8); -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.8); box-shadow: 0 0 8px rgba(82, 168, 236, 0.8);}
	#dialog .title { padding: 5px 5px 0px 20px;}
		#dialog .title h3 { font-size: 16px; color: #329ED1; float:left; margin-top:10px;}
		#dialog .title span a { line-height: 9999px;  background: url(../../../Images/Shop/bg_position.gif) no-repeat 0px -150px; display: block; width: 17px; height: 17px; float: right; padding:0; overflow: hidden;}
			#dialog .title span a:hover { background-position: -20px -150px;}
	#dialog .content { clear: both; padding: 5px 20px; overflow: auto;}
	#dialog dl {width: 100px; float: left; overflow: hidden;}
		#dialog dt { font-size: 12px; font-weight: bold; color: #93BB3A; line-height:32px; padding-left:2px; }
		#dialog dd { height:24px; }
			#dialog dd a { line-height:20px;  padding:2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
				#dialog dd a:hover {color: #FFF; background-color: #329ED1; text-decoration: none; }
.close_float { clear: both;}

/* 框架头部及主导航
------------------------------------------------------------------- */
.mainhd { background: url(../../../Images/Shop/body_bg.png) repeat-x 0px 0px;}
.layout-header { background: url(../../../Images/Shop/bg_position.gif) no-repeat 0 0; text-align:left; width:100%; height: 91px; position:relative; z-index:1; zoom:1;}

.top-nav { background: url(../../../Images/Shop/bg_position.gif) no-repeat 0px -91px; max-width:320px; _width:expression((documentElement.clientWidth >320) ? "320px" : "auto" );/* IE6 */ height: 28px; padding-bottom: 29px; position: absolute; z-index:1; top: 0; right: 0;}
	.top-nav ul { line-height: 20px; color:#999;  height:20px; padding:6px 8px 2px 0px;}
		.top-nav li { color:#069; background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll -638px -96px;  display:inline; padding-left: 4px; margin-left: 2px; float: left;}
			.top-nav li a { color:#069; background: #CCEDF9 url(../../../Images/Shop/bg_position.gif) no-repeat scroll 0 999%; padding-left: 4px;}
			.top-nav li a:hover { color:#0D93BF; background-position: -350px -128px; padding-left: 4px; text-decoration: none;}
				.top-nav li a span { background: #CCEDF9 url(../../../Images/Shop/bg_position.gif) no-repeat scroll 0 999%; padding-right: 4px;}
				.top-nav li a:hover span { background-position: 100% -128px; }
		.top-nav li.adminid { background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll -350px -100px; white-space:nowrap; max-width:150px; _width:expression((documentElement.clientWidth >150) ? "150px" : "auto" );/* IE6 */ height:20px; padding: 0 0 0 24px; margin-right:4px; overflow: hidden;}

.main-nav { height: 75px; position: absolute; z-index: 1; top: 16px; left: 153px;}
	.main-nav ul { height: 42px; padding-left: 1px; }
		.main-nav ul li { font-size: 14px; font-weight: 700; line-height: 20px; background: url(../../../Images/Shop/button_bg.png) no-repeat right -84px; _background-image: url(../images/button_bg_default.gif);/* IE6 */ height: 42px; float: left; display: inline; padding-right: 5px; margin-left: 3px;}
			.main-nav ul li a.link { background: url(../../../Images/Shop/button_bg.png) no-repeat 0 9999px; _background-image: none;/* IE6 */ height: 42px; float: left; padding-left: 8px; cursor: pointer;}
			.main-nav ul li a:hover.link { text-decoration: none; _text-decoration: underline; background-position: left -126px;}
			.main-nav ul li a.actived , #nav ul li a:hover.actived { background: url(../../../Images/Shop/button_bg.png) no-repeat 0px 0px; _background-image: url(../images/button_bg_default.gif);/* IE6 */ height: 42px; padding-left: 8px;}
				.main-nav ul li a.link span { color:#069; background: url(../../../Images/Shop/button_bg.png) no-repeat 0px 9999px; _background-image: none;/* IE6 */ height: 20px; float: left; padding: 11px 14px 11px 6px;}
				.main-nav ul li a:hover.link span { color: #333; background-position: right -168px;}
				.main-nav ul li a.actived span , #nav ul li a:hover.actived span { color: #000; background: url(../../../Images/Shop/button_bg.png) no-repeat right -42px; _background-image: url(../images/button_bg.gif);/* IE6 */ height: 20px; padding: 11px 14px 11px 6px;}

.loca { line-height:24px; color:#7292A4; height:24px; position: absolute; z-index: 2; top: 62px; left: 170px;}
	.loca div, .loca strong, .crumbs span, span.arrow { float:left; margin-left: 2px;}
	.loca span.arrow { background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll -50px -155px; width: 4px; height:8px; margin: 9px 6px 7px 6px; _margin:9px 3px 7px 3px; /* IE6 */}


/*站点地图和常用功能下拉菜单
------------------------------------------------------------------- */
.toolbar { position: absolute; z-index: 2; top: 62px; right: 5px;}

	.skin { background: url(../../../Images/Shop/bg_position.gif) no-repeat -312px -198px; height:22px; margin-top:2px; margin-right:6px; float:left;}
		.skin li{ background: url(../../../Images/Shop/bg_position.gif) no-repeat; width: 14px; height: 22px; float: left; margin-right: 2px; margin-left: 2px; }
		.skin li#skin_0 { background-position: -612px -198px;}
		.skin li#skin_1 { background-position: -626px -198px; cursor: pointer;}
		.skin span{ float:left; line-height: 16px; height: 16px; padding: 0px 6px 6px 24px; }

	.sitemap { float:left; position: relative; z-index: 2;}
	.sitemap a { text-decoration: none; background: url(../../../Images/Shop/bg_position.gif) scroll no-repeat 0 -400px; float:left; height: 24px; padding-left: 8px; cursor: pointer;}
	.sitemap a:hover { background-position: 0 -425px;}
		.sitemap a span { line-height:24px; font-weight: 700; color: #FFF; float:left; background: #DAF3FD url(../../../Images/Shop/bg_position.gif) no-repeat scroll 100% -400px; height: 24px; padding-right: 8px;}
		.sitemap a:hover span { background-position: 100% -425px;}

	.toolmenu{ background: #DAF3FD url(../../../Images/Shop/bg_position.gif) scroll no-repeat 0px -450px; width: 36px; height: 24px; margin:0 12px 0 6px; float: left; position: relative; z-index: 1;}
		.toolmenu .bar-btn{ display:block; width: 36px; height: 24px; position: absolute; z-index: 2; top: 0px; left: 0px; cursor: pointer;}
		.toolmenu .bar-list{ background: url(../../../Images/Shop/bg_position.gif) no-repeat 100% -450px; display: none; width: 96px; height: 126px; padding: 34px 5px 10px 5px; position: absolute; z-index: 1; top: 0px; right: 0px;}
			.toolmenu .bar-list li { line-height: 16px; height: 26px; width: 96px; float: left; clear: left;}
				.toolmenu .bar-list li a { text-decoration: none; color: #FFF; text-align: center; display:inline; width: 86px; height:16px; padding: 3px; margin: 1px; float: left; clear: left; border: 1px solid #15ACDC;}
				.toolmenu .bar-list li a:hover { color:#069; background-color:#DAF3FD; border: 1px solid #0299CC;}


/*左侧导航菜单栏
------------------------------------------------------------------- */
.menutd { background: url(../../../Images/Shop/left.png) repeat-y left top;}
.main-menu{ position:relative; z-index:20; width:161px;}
	.main-menu ul { background: url(../../../Images/Shop/left.png) repeat-y 0px 0px; display:none; width: 161px; position:absolute; top:10px; left:0px;}
		.main-menu li a , .main-menu li a.selected , .main-menu dl dt { line-height: 20px; text-decoration: none; color: #7394A4; background: url(../../../Images/Shop/bg_position.gif) no-repeat ; display: block; width: 120px; height: 20px; float: left; clear: left; padding: 4px 12px 4px 29px; margin: 0;}
		.main-menu li a { background-position: 0 -170px;}
		.main-menu li a.selected { color: #31444D; background-color: #CBE9F3; background-position: -161px -170px;}
		.main-menu dl dt{ background-position: -322px -170px; cursor: pointer;}
		.main-menu li a:hover{ color: #069;} 

.copyright { width:150px; padding-top:6px; border-top: dashed 1px #CCC; position: absolute; bottom: 5px; left: 5px;}
	.copyright p { font-family:"Times New Roman", Times, serif; font-size: 12px; line-height: 18px; padding-left:5px;}
		.copyright p em a { text-decoration: none; font-weight: 600;}
		.copyright p a { text-decoration: underline; color: #000;}
		.copyright sup { font-family: Tahoma; font-size: 9px; line-height: 10px; color: #333; display: inline; height: 10px; padding: 0 3px; margin-left: 2px;}



/*内容页面样式
------------------------------------------------------------------- */
.page { padding: 9px 20px 20px; text-align: left;}
.fixed-bar {background: #FFF url(../../../Images/Shop/fixed_bg.png) repeat-x scroll center bottom; width: 99%; padding: 8px 20px 8px 0; margin-left: 20px;  top: 0; left: 0; z-index: 99;}
* html .fixedbar { width: 100%; margin-top: -10px; position: relative; left: -20px;}

.fixed-empty { height: 50px !important;}
.item-title { line-height: 20px; margin-bottom: 0 !important; clear: both; overflow: hidden; _padding-bottom: 10px; +padding-bottom: 10px;}
	.item-title h3 { float: left; margin-right:20px; }
.tab-base {float: left; overflow: hidden; padding-top:16px; }
	.tab-base li { float: left;}
		.tab-base a { font-weight: 700; line-height: 20px; background: #FFF url(../../../Images/Shop/bg_position.gif) no-repeat 0px -200px; height: 20px; float: left; padding-left: 9px; margin-right:2px;  cursor: pointer;}
		.tab-base a:hover { color: #09C; background-position: 0 -220px; }
			.tab-base a span { color: #555; background: url(../../../Images/Shop/bg_position.gif) no-repeat 9999px 9999px; float: left; padding-right: 9px; }
				.tab-base a:hover span {  background-position: 100% -220px;}
		.tab-base a.current, .tab-base a:hover.current { background-position: 0 -240px; cursor: default;}
			.tab-base a.current span, .tab-base a:hover.current span{ color: #FFF; background-position: 100% -240px;}


/* table
------------------------------------------------------------------- */
.table { clear:both; width:100%; margin-top: 8px}
	.table th, .table td{ padding:6px !important; height:26px; }

.tb-type1{}
.tb-type1 th{ padding:5px 5px 3px 0; line-height:21px; color: #333;}
.tb-type1 td{ padding:5px 5px 3px 0;}
.tb-type1 td input[type="text"], .tb-type1 td select{ margin-right:4px; _margin-right:2px; margin-left:4px; _margin-left:2px; }
.tb-type1 td select { width:auto;}
.tb-type1 .txt-short { width:80px;}
.tb-type1 .txt { width:140px;}
.tb-type1 .txt2 { width:220px;}
.tb-type1 .date , .tb-type1 .date:hover { background: url(../images/input_date.gif) no-repeat 0 0; padding-left: 25px; width:70px;}
.tb-type1 .date { background-color: #FAFAFA; }
.tb-type1 .date:hover { background-color: #FFF;}
#gcategory select{ margin-right:3px;}
.tb-type1 strong{ margin-right:5px; color:#F60; }
.main table {
    text-align:left;
}	
	
	

/* tb */
.tb-type2{}
	.tb-type2 tr.hover:hover .tips2{ color:#333; }
	.tb-type2 td, tb-type2 th.td{ padding:5px 5px 3px 0; border-top: 1px dotted #CBE9F3; }
	.tb-type2 .tfoot td {padding:5px 5px 3px 0; border-top: 1px solid #CBE9F3;}
	.tb-type2 th{ padding:5px 5px 3px 0; line-height:21px; font-size: 12px; }
	.tb-type2 .txt, .tb-type2 .txtnobd{ width:100px; margin-right:10px; }
	.tb-type2 .smtxt { margin-right: 5px; width: 25px; }
	.nowrap { white-space: nowrap; }
	.tb-type2 .required { padding:3px 0 3px 5px; font-weight:700; }
.tb-type2 .rowform{ padding-left:5px; }
	
	
	
	
	.rowform{ width:306px; overflow:auto; }
		
		.rowform .txt, .rowform textarea{ margin-right:10px; width:250px; }
		.rowform .txt2, .rowform textarea{ margin-right:10px; width:110px; }
		.rowform select{ margin-right:10px; width:256px; }
		.rowform .change-select-2 select { width:123px; } /*2级联动选择*/
		.rowform .change-select-3 select { width:78px; } /*3级联动选择*/
		.rowform .radio{ margin-top:-2px !important; *margin-top:0 !important; *margin-top:-2px; }
		.rowform li{ overflow:hidden; float:left; margin-right:10px; white-space:nowrap; cursor:pointer; }
			.rowform .clear{ clear:both; float:none; margin-bottom:10px; }
		.rowform .nofloat { clear:both; }
		.rowform .nofloat li span.radio { line-height:25px; width:100px; float:left; }
		.rowform .nofloat li select { width:156px;}
		.rowform .nofloat li.left { float:left;}
			.rowform .nofloat li{ float:none; margin:5px 0; overflow:visible; }
			
			
		.ckbox {width:700px; }
		.ckbox li { float: left; margin: 5px 10px 5px 0; white-space: nowrap; width: 130px; height: 20px; }
	.partition, .partition2{ line-height:21px; font-weight:700; color:#09C; }

	




/* Page title
---------------------------------------------------------------------*/

#title { background: url(../../../Images/Shop/shopnc_logo.png) no-repeat; width: 120px; height: 50px; position: absolute; top: 17px; left: 21px;}
.txt-short, .txt , .txt2 , .select{ height: 20px; line-height: 20px;}
.thead {line-height: 34px; height: 34px; font-weight: bold; color: #444; text-align: center;}
.thead td {border-bottom: 1px solid #bbdbf1;}
tr td.handler span { display:block; width: 140px; text-align:left; margin: 0 auto;}
tr.no_data td{ font-size:14px; line-height: 120px; color: #09C; text-align:center; font-weight: bold;}


.mtr10 { margin: 10px 20px 0 0; display: inline;}
.page_link {color: #666;}
.page_hover {color: #ff6000;}
.page_link, .page_hover {font-weight: bold; display: block; float: left; text-decoration: none; padding: 2px 5px 0; font-size: 16px;}
.page_link:hover, .page_hover:hover {text-decoration: underline;}
.page .nonce { border: 1px solid #ddd; display: block; float: left; height: 17px; text-decoration: none; color: #a3a3a3; line-height: 17px; padding: 0 5px; }
.stat { float: left; height: 20px; line-height: 20px; color: #a3a3a3; text-decoration: none; }
.select {width: 370px; color: #444; font-size: 12px;}
.wordSpacing5 {word-spacing: 5px;}
.text250 {width: 238px; color: #444; font-size: 12px; padding-left: 18px}
.normal {font-weight: normal;}
.file {width: 330px;}
.floatleft {float:left;padding-left:15px;}
.clear {clear: both;}

.mt10 {margin-top: 10px;}
.sort_order{width:50px; height:17px; line-height:17px; text-align:center}
.order th { border-top:1px dotted #CBE9F3;font-weight: 700;  color: #000;}
.order .noborder th { border-top: none;}
.order .space th { font-size: 14px; padding:0;}
.order td {}
.order ul { width:98%; margin: 5px auto; overflow: hidden;}
.order ul li { color: #333; width:50%; float:left; padding: 4px 0;	}
.order ul li strong { font-weight:normal; color: #888; padding: 0 6px 0 0;}
.order .goods { border: solid 1px #CBE9F3; width:98%; margin: 10px auto;}
.order .goods th {background-color:#F3FBFE;}

.red_common {font-weight: bold; color: #ff5400;}
.red_big {font-weight: bold; color: #ff5400; font-size: 16px;}
form label.error { font-style:normal; font-weight: normal; color:#F00; background: url(../../../Images/Shop/bg_position.gif) no-repeat -625px -730px; padding-left: 20px; margin-left:5px;}
form input.error , form textarea.error { background-color: #FFF0F0; border: 1px dotted #FF3300;}
form label.valid { font-weight: normal; color:#390; background: transparent url(../../../Images/Shop/bg_position.gif) no-repeat -625px -690px; float:none; padding-left:18px; margin-left:5px;}
.help { line-height: 24px; color: #666; background-color: #F6F6F6; padding: 6px; border: 1px dashed #CCC;}
.checkinfo { padding: 8px 0px 0px 0px;}
.checkbox { margin: 0px; padding: 0px;}
.pagination { padding: 2px; float:right; +float:none; +position: absolute; +right:6px;}
.pagination ul { margin: 0; padding: 0; }
.pagination ul li {line-height: 22px; display: inline; list-style-type: none; float: left; padding: 0px;color: #AAA;}
.pagination li span {font-size: 13px;  list-style-type: none; display: inline; float: left; padding: 3px 10px; margin: 0 1px 0 0; }
.pagination li a span , .pagination li a:visited span { text-decoration: none;  cursor:pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/}
.pagination li a:hover span, .pagination li a:active span{ color: #000; background-color: #FFF;  cursor:pointer; -khtml-opacity: .9; -moz-opacity: 0.9; -moz-box-shadow:0 0 3px rgba(204, 204, 204, 0.5); -webkit-box-shadow: 0 0 3px rgba(204, 204, 204, 0.5); box-shadow: 0 0 3px rgba(204, 204, 204, 0.5);}
.pagination li span.currentpage{ color:#FFF; font-weight: bold;  background-color: #099ACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/}
.paixv a {text-decoration:none; color:#000}
.paixv a:hover {color:#06F}
/*投诉部分*/
.progress { line-height: 20px; color: #999; padding: 10px 20px; margin: 0px;}
.progress span.text { font-size: 14px; line-height: 20px; background-image: none; float:left; padding: 10px 20px; margin: 10px; border: 1px dashed #E7E7E7;}
.progress span.next-step { background: url(../../../Images/Shop/bg_position.png) no-repeat 0px -680px; width: 16px; height: 16px; float: left; padding:0; margin: 24px 0;}
.progress span.red { font-weight: 600; color: red;}
.progress span.green { font-weight: 600; color: green;}
.complain-intro { font-size: 14px; color: #555; background-color: #F9F9F9; width: 94%; padding: 9px; margin: 0 10px; border: dotted 1px #E7E7E7;}
.div_talk { background-color: #F5F5F5; border:1px dashed #D8D8D8; width: 640px; height: 200px; word-break: normal; word-wrap: break-word; padding: 8px; overflow-y: scroll;}
			.admin { color: black;}
			.accuser { color: red;}
			.accused { color: green;}
.inform_detail .shadow2 { background-color: #F0F0F0; width: 98%; padding: 0 4px 2px 0; margin: 0 auto;}
.inform_detail .content { background-color:#FFFAE3; border: 1px solid #F1E38B; width:96%; padding: 0 2%; position: relative;}
.inform_detail .content .close_detail { width: 13px; height: 13px; position: absolute; z-index: 99; top: 2px; right: 2px;}
.inform_detail .content .close_detail a { line-height: 9999px; background: url(../../../Images/Shop/bg_position.gif) no-repeat -250px -500px; width: 13px; height: 13px; float: left; overflow: hidden;}
.inform_detail .content .close_detail a:hover{ background-position: -25px -820px;}
.inform_detail .content dl { line-height: 24px; width: 98%; padding-top: 5px; padding-bottom: 5px; margin: 0 auto; border-bottom: dotted 1px #F1E38B;}
.inform_detail dt { font-weight: 600; color: #930;}
.inform_detail dd{ color: #5F5946;}
/* widget */
big,.big {font-size:120% !important; line-height:120%;}
.checked, .checked .txt{ color:#0D0; }
.lightfont{ color:#CCC; }
.light, .light a{ color:#AAA; }
.error{ color:#F00; }
.nomargin{ margin:0; }
.marginleft{ margin-left:20px; }
.marginright{ margin-right:10px; }
.margintop{ margin-top:10px; }
.marginbot{ margin-bottom:10px; }
.nobg, .nobg td{ background:none; }
.nobdb{ border-bottom:none; }
.nobdt{ border-top:none; }
.noborder, .noborder td{ border-bottom:0; border-top:0; }
.noborder td.tips{ color: #999; line-height: 20px; }
.noborder td.tips:hover, .normalfont { color: #000;}
.tips a { color:#FFF; background-color:#F60; padding: 2px 4px; margin:0 4px; border: 1px solid #F30; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*Firefox\Chrome\Safari\IE9\元素圆角效果*/}
.vatop { vertical-align:top; }
.lineheight{ line-height:150%; }
.left{ float:left; }
.right{ float:right; }
.center{ text-align:center; }
.bold{ font-weight:700; }
.normal{ font-weight:400; }
.clear{ clear:both; }
.smallfont{font-size:12px!important; font-size: 11px}
.smallfont h3{ font-size:12px; }
.fixpadding th, .fixpadding td{ padding-left:5px !important; }
/* calendar */

.header, .header td, .header th { border-top: 1px dotted #DEEFFB; font-weight: 700; }
.thead th{ font-size:13px; font-weight: 700; color: #333; white-space: nowrap; border-top: solid 1px #DEEFFB;}
.smallefont{font-size: 11px}

/* .cl  Clear 自动闭合 */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

.preview { margin-bottom: 8px; width: 570px; height: 340px; border: 1px solid #09C; box-shadow: 3px 3px 3px #EEE; -moz-box-shadow: 3px 3px 3px #EEE; -webkit-box-shadow: 3px 3px 3px #EEE; -o-box-shadow: 3px 3px 3px #EEE; }


/* 外边距 Margin，三组从窄到宽，级别分别为：n, m, w */
	.mtn { margin-top: 5px !important; }
	.mbn { margin-bottom: 5px !important; }
	.mtm { margin-top: 10px !important; }
	.mbm { margin-bottom: 10px !important; }
	.mtw { margin-top: 20px !important; }
	.mbw { margin-bottom: 20px !important; }



/* Used for the Switch effect: */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../images/form_onoff.png) repeat-x; display: block; float: left;}
.cb-enable span, .cb-disable span { font-weight: bold; line-height: 24px; background-repeat: no-repeat; display: block;}
.cb-enable span { background-position: left -72px; padding: 0 10px;}
.cb-disable span { background-position: right -144px; padding: 0 10px;}
.cb-disable.selected { background-position: 0 -24px;}
.cb-disable.selected span { background-position: right -168px; color: #fff;}
.cb-enable.selected { background-position: 0 -48px;}
.cb-enable.selected span { background-position: left -120px; color: #fff;}
.onoff label { cursor: pointer;}
.onoff { position: relative; overflow: hidden; display: block;}
.onoff input[type="radio"] { position: absolute; left:-999px; }
.txt, select, .vmiddle , .type-file-text { vertical-align: middle;}
.rowform .txt, .rowform textarea { width: 250px; margin-right: 10px;}
.rowform .date , .rowform .date:hover { background: url(../images/input_date.gif) no-repeat 0 0; padding-left: 25px; width: 226px;}
.rowform .date { background-color: #FAFAFA;}
.rowform .date:hover { background-color: #FFF;}
.rowform .date-short , .rowform .date-short:hover { background: url(../images/input_date.gif) no-repeat 0 0; padding-left: 25px; width: 100px;}
.rowform .date-short { background-color: #FAFAFA;}
.rowform .date-short:hover { background-color: #FFF;}

/*表单元素样式*/

input[type="text"], input[type="password"], textarea, select, .type-file-text , .editable, .editable-tarea { color: #333333; background:#FAFAFA none repeat scroll 0 0 ;  border-style: solid; border-width: 1px; border-color: #ABADB3 #E2E3EA #E2E3EA #ABADB3;}
input[type="text"], input[type="password"], textarea, select, .type-file-text , .editable, .editable2, .editable-tarea, .editable-tarea2 { padding: 2px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/ resize: none;/*禁止调节元素的尺寸*/}
input[type="text"]:focus, input[type="text"]:hover, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:hover, input[type="password"]:active, textarea:hover, textarea:focus, textarea:active { color: #33464F; background-color: #fff; border: 1px solid ; border-color:#71CBEF /*#CBE9F3 #CBE9F3 #71CBEF*/;-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5); -webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);}
.editable2, .editable-tarea2 { color: #33464F; background-color: #FFF; border: 1px dotted ; border-color:#71CBEF;}
textarea{ resize: vertical !important;/*Textarea支持调节元素的高度*/}
.editable, .editable2, input[type="text"], input[type="password"] { line-height:20px; display:inline-block; height:20px; cursor:text;}
.editable-tarea, .editable-tarea2, textarea { line-height:18px; display:inline-block; height:36px; cursor:text; overflow:auto;}
.tarea { height: 75px; width: 400px;}
.sort input , .sort .editable , .sort .editable2 { width:36px;}
.name input , .name .editable , .name .editable2 { width:250px;}
.tag input , .tag .editable , .tag .editable2 { width:480px;}
.goods-name textarea , .editable-tarea , .editable-tarea2 { width:250px;}
.class input , .class .editable , .class .editable2 { width:120px;}
input.readonly , textarea.readonly, textarea.readonly:focus ,textarea.readonly:hover, input.readonly:focus , input.readonly:hover  {backgorund:#FFF; border: solid 1px; border-color: #EEE #F5F5F5 #F5F5F5 #EEE;}
.type-file-box { position:relative;  height:25px; margin:0; padding:0; float:left;}
.type-file-text{ width:187px;  line-height:19px; height:19px; margin:0 2px 0 0; float:left; display:inline;}
.type-file-button , input.type-file-button:focus { background: url(../../../Images/Shop/bg_position.gif) no-repeat -50px -450px; display: inline; width: 57px; height: 25px; float: left; border: 0;}
.type-file-file { position:absolute; top:0px; right:0px; height:25px; width:256px; filter:alpha(opacity:0); opacity: 0; cursor: pointer;}
.type-file-show { float: right; margin-right:10px; cursor: help; }
.type-file-preview { background: #FFF; display: none; padding:5px; border: solid 5px #71CBEF; position: absolute; z-index:999;}
.image_display .type-file-show { width: 16px; height: 16px; padding: 2px; border: solid 1px #D8D8D8; cursor:auto;}

/* Buttons
---------------------------------------------------------------------*/





/* 图片DIV左右垂直局中 */
	.thumb { display:table-cell; vertical-align:middle; text-align:center;}
	.thumb i { *display:inline-block; *height:100%; *vertical-align:middle; }
	.thumb img { *vertical-align:middle; }
.thumblists {}
.thumblists li { float: left; width:80px; height: 100px; margin-right:10px;}
.thumblists li.picture div { background:#FFF; float: left;/* if IE7/8/9*/ *text-align: center; display: inline; border: dotted 1px #CBE9F3; float: left; padding: 2px; margin:5px;}	
.thumblists li.picture p { clear:both; line-height: 20px; height:20px; width: 70px; margin: 0 5px;}
.thumblists li.picture p span { display:inline-block; width: 50%; text-align:center;}

th.picture div { background:#FFF; float: left;/* if IE7/8/9*/ *text-align: center; display: inline; border: dotted 1px #CBE9F3; float: left; padding: 2px;}	
td.picture div { background:#FFF; float: left;/* if IE7/8/9*/ *text-align: center; display: inline; border: 0; float: left; padding: 2px;}

.link-logo { background:#FFF; float: left;/* if IE7/8/9*/ *text-align: center; display: inline; width: 88px; height: 31px; float: left; padding: 1px;  border: dotted 1px #71CBEF; }

.table td p { margin-bottom:6px;}
.table td p.store { color: #999; font-weight: normal;}
	.table td p.store a { color: #999;}
	.table td p.store a:hover { text-decoration: underline; color: #999;}
.table td.group { font-weight: 600;}
	.table td.group p.goods { font-weight: normal; color: #390;}
		.table td.group p.goods a { color: #390;}
		.table td.group p.goods a:hover { text-decoration: underline; color: #390;}

.align-center {text-align:center;}
.nowrap { white-space: nowrap;}
.nobg{ background: transparent none no-repeat scroll 0 0 !important;}
.space th { font-weight: 600; color: #329ED1; background-color: #F3FBFE;}
table.search { margin: 12px 0 6px 4px;}

/*title提示*/
#simpleTooltip { color: #FFF; background-color: #09C; display: none; padding: 5px; position: absolute; z-index: 100; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#tooltipShadow{ background-color: #000; display: none; padding: 5px; position: absolute; z-index: 99; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


.yes-onoff a, .no-onoff a, .power-onoff a { line-height:999%; background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll; display: inline-block; width:34px; height:34px; overflow:hidden;}
.yes-onoff img, .no-onoff img, .power-onoff img {}
.yes-onoff a.enabled { background-position: 0px -500px;}
.yes-onoff a:hover.enabled {background-position: -40px -500px; }
.yes-onoff a:active.enabled {background-position: -80px -500px;}
.yes-onoff a.disabled { background-position: -120px -500px;}
.yes-onoff a:hover.disabled {background-position: -160px -500px;}
.yes-onoff a:active.disabled {background-position: -200px -500px;}

.no-onoff a.enabled { background-position: 0px -540px;}
.no-onoff a:hover.enabled {background-position: -40px -540px; }
.no-onoff a:active.enabled {background-position: -80px -540px;}
.no-onoff a.disabled { background-position: -120px -540px;}
.no-onoff a:hover.disabled {background-position: -160px -540px;}
.no-onoff a:active.disabled {background-position: -200px -540px;}

.power-onoff a.enabled { background-position: 0px -580px;}
.power-onoff a:hover.enabled {background-position: -40px -580px; }
.power-onoff a:active.enabled {background-position: -80px -580px;}
.power-onoff a.disabled { background-position: -120px -580px;}
.power-onoff a:hover.disabled {background-position: -160px -580px;}
.power-onoff a:active.disabled {background-position: -200px -580px;}

a.btn { font-size: 14px; color: #555; font-weight: 700; line-height:18px; background: transparent url(../../../Images/Shop/bg_position.gif) no-repeat scroll 0 -280px; display: inline-block; height: 38px; padding-left: 15px; margin-right:6px; cursor: pointer;}
a.btn:hover { background-position: 0 -318px;}
a.btn:active { background-position: 0 -356px;}
a.btn span { background: #FFF url(../../../Images/Shop/bg_position.gif) no-repeat scroll 100% -280px; display: inline-block; height: 18px; padding: 10px 15px 10px 0;}
a:hover.btn span { color: #1AA3D1; background-position: 100% -318px;}
a:active.btn span { color: #63C7ED; background-position: 100% -356px;}
 
a.btn-search { color: #555; line-height:28px; background: transparent url(../../../Images/Shop/bg_position.gif) no-repeat scroll -130px -450px; display: inline-block; width: 28px; height: 28px; cursor: pointer;}
a.btn-search:hover { background-position: -160px -450px;}
a.btn-search:active { background-position: -190px -450px;}

a.btns{ font-weight: 700; color: #333; line-height:16px; background: transparent url(../../../Images/Shop/bg_position.gif) no-repeat scroll 0 -800px; display: inline-block; height: 28px; padding-left: 7px; margin-left:5px; cursor: pointer;}
a.btns:hover { background-position: 0 -830px;}
a.btns:active { background-position: 0 -860px;}
a.btns span { background: #FFF url(../../../Images/Shop/bg_position.gif) no-repeat scroll 100% -800px; display: inline-block; height: 16px; padding: 6px 7px 6px 0;}
a:hover.btns span { color: #1AA3D1; background-position: 100% -830px;}
a:active.btns span{ color: #63C7ED; background-position: 100% -860px;}

a.btn-add { background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll 0px -720px; float: left; padding-left: 24px;}
a.btn-add span{ font-weight: 700; color: #09C;}
a:hover.btn-add span { text-decoration: underline;}

a.btn-add-nofloat { background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll 0px -720px; display: inline-block; padding-left: 24px;}
a.btn-add-nofloat span{ font-weight: 700; color: #09C;}
a:hover.btn-add-nofloat span { text-decoration: underline;}
 
fieldset.w { background: none repeat scroll 0 0 #FEFEFE; padding: 0.5em; border: 1px dashed #E7E7E7;}
fieldset.d { background: none repeat scroll 0 0 #FFFAE3; padding: 0.5em; border: 1px dashed #F1E38B;}
fieldset legend { color: #666; background-color:transparent; padding-left:10px;}
fieldset legend span { padding-right:10px;}
fieldset.d legend { color: #C8712A; }
fieldset div[class="formelement"] { white-space: normal;}
fieldset .formelement { line-height: 20px; color: #555; white-space: nowrap; float: left; margin: 0 0.5em;}

/*用户信息*/
tr.member div.im span { float: left;}
tr.member div.im span a { line-height: 999px; background: url(../../../Images/Shop/bg_position.gif) no-repeat; display: block; width: 16px; height: 16px; float: left; padding:3px; margin-right: 2px; overflow: hidden; cursor:pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;/*Firefox\Chrome\Safari\IE9\元素圆角效果*/
}
tr.member div.im span a:hover { color: #000; background-color: #FFF;  cursor:pointer; -moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5); -webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5); box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);}
tr.member div.im span.email a { background-position: 0px -630px; }
tr.member div.im span.qq a{ background-position: -30px -630px; }
tr.member div.im span.wangwang a{ background-position: -60px -630px; }
tr.member div.im span.msn a { background-position: -90px -630px; }
tr.member div.im span.email a.yes{ background-position: -120px -630px; }
tr.member div.im span.qq a.yes{ background-position: -150px -630px; }
tr.member div.im span.wangwang a.yes { background-position: -180px -630px; }
tr.member div.im span.msn a.yes { background-position: -210px -630px; }
tr.member .relative { display: block; height: 20px; position: relative;}
tr.member .relative .im { position: absolute; z-index: 99; top: -2px; left: 0px;}
tr.member .name { margin-bottom: 3px; color: #09C;}
tr.member .name strong{ color: #333; font-weight: 700; margin-right: 12px;}
tr.member .smallfont { font-size: 11px; color: #999; margin-bottom: 4px;}

label.validation{font-weight:700; background: url(../../../Images/Shop/bg_position.gif) no-repeat scroll -620px -660px; padding-left:16px;}
tfoot{ +position:relative; /* IE */}
tfoot label { +display: inline-block; +float:left; +line-height:38px; /* IE */}


/*店铺信用等级*/
.heart, .diamond, .crown { background: url(../images/level.gif) repeat-x; display: inline-block; height: 20px;}
.heart { background-position: 0px 0px;}
.diamond { background-position: 0px -20px;}
.crown { background-position: 0px -40px;}
.level-1 { width: 22px;}
.level-2 { width: 44px;}
.level-3 { width: 66px;}
.level-4 { width: 88px;}
.level-5 { width: 110px;}

#prompt th { cursor: n-resize;}
#prompt td { border-top: 1px solid #DEEFFB;}
#prompt div { background : url(../../../Images/Shop/prompt.gif) no-repeat 0px -30px; float:left; padding-left: 24px;}
#prompt .ac { background-position: 0px 2px; }
#prompt .title h5 {float:left; }
#prompt .title span.up { border-color: #09C #F3FBFE #F3FBFE #F3FBFE; margin: 9px 0 0 10px; } 
#prompt .title span { border-width:4px; border-color:#F3FBFE #F3FBFE #09C #F3FBFE; border-style:solid; width:0; height:0; margin: 5px 0 0 10px; line-height:0; float:left;} 
#prompt .nobg .title span.up { border-color: #09C #FFF #FFF #FFF; margin: 9px 0 0 10px; } 
#prompt .nobg .title span { border-width:4px; border-color:#FFF #FFF #09C #FFF; border-style:solid; width:0; height:0; margin: 5px 0 0 10px; line-height:0; float:left;} 
#prompt ul {}
#prompt ul li { line-height:26px; color:#888; background: url(../../../Images/Shop/bg_position.gif) no-repeat -628px -888px; padding-left:24px;}

.msgbg { background: url(../images/System.gif) scroll no-repeat 80px 0px; width: 250px;}
.msg .tip { line-height: 32px; color:#555; }
.msg .tip2 { line-height: 32px; color:#999; }