//main css
*{
padding:0px;
margin:0px;

}
input::-webkit-outer-spin-button,    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }
body{

background-color:#AECFEF;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
}
input{
font:normal 22px Verdana, Arial, Helvetica, sans-serif;
}
input .right{
font:normal 22px Verdana, Arial, Helvetica, sans-serif;float:right;
}
A:link,A:visited{
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
A:hover{
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
color:#000099;
text-decoration:none;
}
#table_style{
width:10px;
height:10px;
}
#table_style_all{
background-color:#AECFEF;
border:0px;
}
#table_border{
border:1px solid #AECFEF;
}
#table_border td{
height:28px;
border-bottom:1px solid #DCE7F0;
}
.cellcolor{
text-align:left;
background-color:#EBF1F6;
padding:0 0 0 5px;
}
.l_t{
background:url(../images/table_l_t.gif) no-repeat left top;
}
.l_b{
background:url(../images/table_l_b.gif) no-repeat left bottom;
}
.r_t{
background:url(../images/table_r_t.gif) no-repeat right top;
}
.r_b{
background:url(../images/table_r_b.gif) no-repeat right bottom;
}
#row_style{
background-color:#EBF1F6;
text-align:center;
}
.row_color_head{
background-color:#96bde2;
height:30px;
text-align:center;
font-weight:bold;
}
.jiacu{
font:bold 18px Helvetica ;
color:red;
}
.row1_color_head{
background-color:#EBF1F6;
height:27px;
text-align:left;
font-weight:normal;
}
.row_color_gray{
background-color:#EBF1F6;
height:30px;
}
.row_color_normal{
background-color:#FFFFFF;
height:30px;
text-align:center;
}
#copyright{
height:30px;
text-align:center;
font:normal Verdana, Arial, Helvetica, sans-serif 12px;
padding-top:10px;
line-height:150%;
}
#need{
background-color:#f8f2e8;
}
/*��ҳ����*/
.pagelistbox{
text-align:right;
margin:auto;
padding:0px 20px;
height:20px;
float:right;
}
.pagelistbox a{
border:1px solid #ECECEC;
padding:2px;
}
/*��ҳ����*/
#report_table{
border-collapse:collapse;
border-color:#333333;
border-spacing:0px;
}
#report_table .row_report_head{
text-align:center;
font:bold 12px "����";
height:30px;
}
#report_table tr{
height:25px;
}
.tabs {
  width:97%;
  float: none;
  list-style: none;
  position: relative;
  margin: 4px 0 0 4px;
  text-align: left;
   background: #AECFEF;
}
.tabs li {
  float: left;
  display: block;
}
.lie li {
  float: left;
  width:33%;
}
.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.tabs label {
  display: block;
  padding:1px 7px;
  margin:2px 4px;
  border-radius: 2px 2px 0 0;
  margin:0 2px;
  border:2px;
  font-size: 18px;
  height:30px;
  font-weight: normal;
  text-transform: uppercase;
  background: #aaaaaa;
  cursor: pointer;
  position: relative;
  top: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: #703688;
}

.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  font-size: 17px;
  line-height: 25px;
  padding: 8px;
  position: absolute;
  top: 26px;
  left: 0;
  background: #AECFEF;
}
.tabs [id^="tab"]:checked + label {
  top: 0;
  padding-top: 6px;
  background: #AECFEF;
}
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
  height:auto;
}

.button {
	height:10px;
	width: 130px;
	display: block;
	margin: 4px;
	padding: 4px 6px;
	border: none;
	background:  #ECEFF1;;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 20px;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 10px;
}


/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}

/* Individual button styles */

/* Winona */
.button--winona {
	overflow: hidden;
	padding: 0;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #3f51b5;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.button--winona > span {
	display: block;
}
.button--winona.button--inverted {
	color: #7986cb;
}
.button--winona.button--inverted:after {
	color: #fff;
}
.button--winona::after,
.button--winona > span {
	padding: 1em 2em;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:hover {
	border-color: #3f51b5;
	background-color: rgba(63, 81, 181, 0.1);
	cursor:pointer;
}
.button--winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
	cursor:pointer;
}

