@charset "utf-8";
/* CSS Document */

/**表格***/

.rwd-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.rwd-table caption {
  font-size:18px;
  margin: .5em 0 .75em;
}
.rwd-table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
.rwd-table th,
.rwd-table td {
 vertical-align: middle;
  padding: .625em;
  text-align: left;
}
.rwd-table th {
background:#006C6C;
color:#fff;
  font-size: 1.2em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.rwd-table .btn{
	
	float:left;
    padding:5px 8px;
}

.rwd-table .btn a:hover{

}


#demo-table,.css-table{
	width: 99.9%;
	font-size:16px;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-bottom: 20px;
}

#demo-table td, #demo-table th,
.css-table .td, .css-table .th{
padding: 5px 10px;
border:none;
letter-spacing: 5px;
}

#demo-table td,
.css-table .td{
	color: #333;
	border:none;
	letter-spacing: 0px;
	border-bottom: #A5A5A5 1px solid;
}

#demo-table th,
.css-table .th{
	background-color:#52BDEB;
	color:#ffffff;
	border:#29ABDD 1px solid;
	text-align: center;
}


.css-table{
	display: table;
	display: none;
}
.css-table .thead{
	display:table-header-group;
}
.css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
}
.css-table .th,
.css-table .td{
	display:table-cell;
}




@media only screen and (max-width: 960px) {
	.hide-column .large{
		display: none;
	}
	.css-table{
		background-color: transparent;
	}
	.css-table .thead{
		display: none;
	}
	.css-table .tr{
		display:block;
		border: #ddd 1px solid;
		margin-bottom: 5px;
		background: #ffffff;
	}
	.css-table .th,
	.css-table .td{
		
		display:inline-block;
		width: 48%;
		border: none;
	}
}
@media only screen and (max-width: 720px) {
	.hide-column .mobile{
		display: none;
	}

	.scroll-left:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.scroll-left thead:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.scroll-left{ width: 100%; border-collapse: collapse; border-spacing: 0; }
	.scroll-left th,
	.scroll-left td { margin: 0; vertical-align: top; }
	.scroll-left th { text-align: left; }
	.scroll-left{ display: block!important; position: relative; width: 100%; }
	.scroll-left thead { display: block; float: left; }
	.scroll-left tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	.scroll-left thead tr { display: block; }
	.scroll-left th { display: block; text-align: right; }
	.scroll-left tbody tr { display: inline-block; vertical-align: top; margin:0px -2px;}
	.scroll-left td { display: block; min-height: 1.25em; text-align: left; }

	/* sort out borders */
	.scroll-left th { border-bottom: 0; border-left: 0; }
	.scroll-left td { border-left: 0; border-right: 0; border-bottom: 0; }
	.scroll-left tbody tr { /*border-left: 1px solid #babcbf;*/ }
	.scroll-left th:last-child,
	.scroll-left td:last-child { border-bottom: 1px solid #babcbf; }


	/* Force table to not be like tables anymore */
	.break-table{
		background-color: transparent !important;  
	}
	.break-table, 
	.break-table thead, 
	.break-table tbody, 
	.break-table th, 
	.break-table td, 
	.break-table tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.break-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.break-table tr { border: 1px solid #ccc; margin-bottom: 10px;  }

	.break-table td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;  
		position: relative;
		padding-left: 35% !important; 
		white-space: normal;
		text-align:left;
	}

	.break-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 30%; 
		color:#fff;
		padding-left: 10px; 
		white-space: nowrap;
		text-align:left;
		background:#8A9F19;
		font-weight: bold;
		
	}
	.break-table td:before { content: attr(data-title); }

	.css-table .th,
	.css-table .td{
		display:block;
		width: 100%;
	}
	
	
 .rwd-table {
    border: 0;
  }
 .rwd-table caption {
    font-size: 1.3em;
  }
  .rwd-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
 .rwd-table tr {
	 
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  .rwd-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;
    text-align: center;
  }
.rwd-table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
	color:#000;
	
	font-size:1em;
	letter-spacing: 1px;
    text-transform: uppercase;
  }
  .rwd-table:last-child {
    border-bottom: 0;
  }
	
.rwd-table .btn{
	
	float:none;
    padding:5px 8px;
}

.rwd-table .btn a:hover{

}	
	
.rwd-table th {
 display:none;
}	
	
	
}
	
	
@media only screen and (max-width: 480px) {
	.hide-column .small{
		display: none;
	}
	

}