@charset "utf-8";


.tabArea		{ position: relative; overflow: hidden; padding-bottom: 20px; }
.tabArea li		{ float: left; width: 12.4%; }
.tabArea li a	{ display: block; height: 30px; line-height: 30px; padding: 10px 0; background: #f8f8f8; margin-left: -1px; border: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center;font-weight:800;}
.tabArea li a.active,
.tabArea li a:hover	{ background: #6c9b3f; color: #fff; border: 1px solid #3c7550; text-decoration: none; }
.tabArea li:first-child,
.tabArea li:nth-child(8n + 1) {border-left:1px solid #ccc; }
.tabArea li:nth-child(9)  {margin-top:-1px;}
.tabArea li:nth-child(10) {margin-top:-1px;}
.tabArea li:nth-child(11) {margin-top:-1px;}
.tabArea li:nth-child(12) {margin-top:-1px;}
.tabArea li:nth-child(13) {margin-top:-1px;}
.tabArea li:nth-child(14) {margin-top:-1px;}
.tabArea li:nth-child(15) {margin-top:-1px;}
.tabArea li:nth-child(16) {margin-top:-1px;}
.tabArea li:nth-child(17) {margin-top:-1px;}
.tabArea li:nth-child(18) {margin-top:-1px;}
.tabArea li:nth-child(19) {margin-top:-1px;}
.tabArea li:nth-child(20) {margin-top:-1px;}

@media all and (max-width: 800px) {
	.tabArea		{ position: relative; overflow: hidden; padding-bottom: 20px; }
	.tabArea li		{ float: left; width: 32%; padding:2px; }
	.tabArea li a	{ display: block; line-height: 30px; padding: 5px 0; background: #f8f8f8;border: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:13px;text-align:center;font-weight:800;}
	.tabArea li.on a,
	.tabArea li a:hover	{ background: #6c9b3f; color: #fff; border: 1px solid #3c7550; text-decoration: none; }
	.tabArea li:nth-child(8n + 1) {border-left:none;}
	.tabArea li:nth-child(3n + 1) {/*border-left:1px solid #ccc;*/ }
	.tabArea li:nth-child(9)  {margin-top:0;}
}


.grid.topLine		{ }

.grid.topLine			{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; border-top: 2px solid #717171; border-bottom: 2px solid #717171;font-size:13px; }
.grid.topLine thead th	{ background: #fbfbfb; height: 50px; border-bottom: 1px solid #717171; }
.grid.topLine .empty		{ text-align: center; padding: 30px 0; }
.grid.topLine tbody td,
.grid.topLine tbody th			{ padding: 10px 10px; border-bottom: 1px dashed #b7b7b7; font-weight: 400; color: #4d4c4c; }
.grid.topLine tbody td a,
.grid.topLine tbody th a			{ color: #4d4c4c; }
.grid.topLine tbody tr:last-child td,
.grid.topLine tbody tr:last-child th		{ border-bottom-width: 0; }


.bdArea .pageBox	{ text-align: center; }

@media all and (max-width: 1000px) { 
	.grid.topLine .num	{ display: none !important; }
}

@media all and (max-width: 740px) { 
	.grid.topLine,
	.grid.topLine thead,
	.grid.topLine tbody,
	.grid.topLine tfoot,
	.grid.topLine tr,
	.grid.topLine td,
	.grid.topLine th		{ display: Block; }
	.grid.topLine .ta_N	{ display: none !important; }
	.grid.topLine .ta_Y	{ display: block !important; }
	
	.grid.topLine		{ border-top: none; }
	.grid.topLine thead	{ display: none; }

	.grid.topLine tbody tr			{ position: relative; border: 1px solid #dadada; margin-bottom: 10px; }
	.grid.topLine tbody tr:before	{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
	.grid.topLine tbody tr:hover:before	{ border: 3px solid #6c9b3f; }
	
	.grid.topLine tbody th				{ overflow: hidden; background: #fafafa; border-bottom: 1px solid #eaeaea; }
	.grid.topLine tbody th a				{ display: block; overflow: hidden; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
	.grid.topLine tbody td				{ position: relative; padding: 10px; line-height: 1.2em; text-align: left !important; }
	.grid.topLine tbody td.empty			{ text-align: center !important; border-bottom: none; }
	.grid.topLine tbody td.empty:before	{ display: none; }
	
	.grid.topLine tbody tr:last-child th,
	.grid.topLine tbody tr:last-child td		{ border-bottom-width: 1px; }
}

.schBox		{ text-align: right; }
.schBox .nTitle		{ display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; }
.schBox input,
.schBox select		{ border: 1px solid #dadada; border-top-color: #d0d0d0; border-left-color: #d0d0d0; height: 26px; }
.schBox select		{ height: 30px; }

.schBox 		{ position: relative; padding-right: 50px; margin-bottom: 10px; }
.schBox .fr		{ position: absolute; top: 0; right: 0; width: 45px; }
.schBox .fr a	{ display: block; text-align:center; font-size: 12px; line-height: 28px; cursor: pointer; text-decoration: none; color: #fff; background: #3c7550; border: 1px solid #3c7550; border-radius: 5px; }



.pagination					{ padding: 30px 0; text-align: center; color: #6e9c42; }
.pagination strong			{ color: #6e9c42; font-size: 16px; }
.pagination a				{ display: inline-block; padding: 7px 10px; margin: 0 2px; color: #333; font-size: 14px; }
.pagination a:before		{ border: 1px solid #cacaca; }