.container {
   /*	margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 0px;
    width: 100%;
  */
  }

header {
  /*margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;
    width:100%;
 background-color: #F1F1F1;*/
  text-align: center;
       width:100%
 }   
   
.header_title{
	background-color: white;
	font: "arial black";
	font-size: xx-large;
	
}

.header_nr{
	background-color: white;
	
	
}



.header_img{
    background-color: white;
    /*width:100%*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;
  }
 

 
 .form_cont{
	margin: 0px 0px 0px 0px;    
    padding: 10px 10px 10px 10px;
    background-color: white;
	
	
}  
.con_nr{
	font: "arial narrow";
	font-size: 16px;
	text-align: center;
	font-style: inherit;
	
} 
 
 
.con_nrx{
	font: "arial narrow";
	font-size: 18px;
	text-align: center;
	text-shadow: 5px 5px 5px;
	
} 
   
  
.con_text{
   width: 80%;
   border-top-left-radius:1em;
   border-top-right-radius:1em;
   border-bottom-right-radius:1em;
   border-bottom-left-radius:1em;
   margin-bottom: 10px;
   border-style:solid;
   border-color:#008CBA;
   padding: 20px 20px 20px 20px;
  margin: 8px 0;
} 
   
button {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 12px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 8px;
    
}
   
 #btn1{
 	background-color: #4CAF50;
 	border-radius: 50%;
 	
 }  
   


.inp_input{
  width: 60%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 2px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 20px 20px 20px 20px;

}   

.contact_input{
  width: 40%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
  margin: 20px 20px 20px 20px;
  border-color:#008CBA;
}   
  
 .contact_area{
   width: 50%;
   border-top-left-radius:1em;
   border-top-right-radius:1em;
   border-bottom-right-radius:1em;
   border-bottom-left-radius:1em;
   margin-bottom: 10px;
   border-style:solid;
   border-color:#008CBA;
   padding: 20px 20px 20px 20px;
  margin: 8px 0;
} 
    
  
    
.inp_text{
 	font: "arial narrow";
	font-size: 18px;
	text-align: center;
	
 }  
    


/** 重置超链接元素 **/
a {
	text-decoration: none;
	color: #4f4f4f;
	
}
a:link    {
	color:blue;
}
a:visited {
	color:green;
}
a:hover   {
	color:red; 
	background-color:#0D6EFD;
}
a:focus   {
	color:orange;
}
a:active  {
	color:yellow;
	background-color:#0D6EFD;
}  



.special {
margin: 0;
font: bold 70px/1  Lucida Sans Typewriter;
color: #0000FF;
text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
-webkit-transition: .2s all linear;
}

.special_non{
	background: linear-gradient(180deg, #146C43 10% , #3cbbcf 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color:transparent;
	-webkit-box-reflect:below -14px linear-gradient(transparent ,rgba(0,0,0,0.4));
	} 

table {
	margin-top: 10px;
	border: solid #ccc 1px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* -webkit-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc; */
	-webkit-box-shadow:  0px 2px 1px 5px rgba(242, 242, 242, 0.1);
    box-shadow:  5px 20px 30px 30px rgba(242, 242, 242, 0.1);
	width: 100%;
}

table thead th {
	background:url(../css/img/zebratable.png);
	background-repeat:no-repeat;
	background-position: 0px center;
	
}

table tr {
	background: #D5EAF0;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
	height: 40px;
}

table tr:nth-child(even) {
	background: #D7E1C5;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
}
table td,table th {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}

table tr:hover {
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 3s ease-in-out;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#20C997), to(#0A58CA)) !important;
    background-image: -webkit-linear-gradient(top, #20C997, #0A58CA) !important;
    background-image:    -moz-linear-gradient(top, #20C997, #0A58CA) !important;
    background-image:     -ms-linear-gradient(top, #20C997, #0A58CA) !important;
    background-image:      -o-linear-gradient(top, #20C997, #0A58CA) !important;
    background-image:         linear-gradient(top, #20C997, #0A58CA) !important;

}