/****species-search_start*****/
.choose{ background:#f1f1f1;}
.choose_block{ width:950px; margin:0 auto; padding-top:20px;}
.bord_bb{ border-bottom:1px solid #ababab;}
.text_h{ margin-left: 15px;}
.naimals{ width:30%; height:auto; padding:20px 0;}
.plants{ width:70%; height:auto; padding:20px 0;}
.search_name{ width:30%; height:auto; padding:20px 0;}
.mar_top{margin-top: 20px;}
.padd_top{ padding-top:20px;}
.search_button{ padding:30px 0;}
.button_pic{ width:112px; height:36px; background:url(/EcoDMS/images/SC/icon/button_icon.png) no-repeat; border:none;}

select::-ms-expand { display: none; } 
.search_table{ width:950px; margin:0 auto; margin-top:50px;}
.table_top_title{ padding:5px 8px;}
.table_top_bg{ 
   width:auto; 
   height:37px; 
   background:#91cbd0; 
   font-size:1.6em;
   color:#fff;
    }
.table_top_nr{
   font-size:1.5em;
   border-bottom: 1px solid #ddd;
	}
.table_top_nrpadding{ 
padding: 15px 8px;
word-wrap:break-word;
}
.table_a a{ 
  color:#336666;
  text-decoration:underline;
  }
.notes{ width:950px; margin:0 auto; text-align:center; margin-top:50px; font-size:1.2em;}


.selcet_a{
	border:1.5px solid  #ddd;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	width: 250px;
    height: 40px;
	padding-left:15px;
	font-size:1.6em;
    border-radius: 5px;
	background: url("/EcoDMS/images/SC/icon/triangle_icon.png") no-repeat scroll right center transparent;
	background-color:#fff;
	padding-right: 36px;
	}
.text_a{
	width: 250px;
    height: 40px;
    border: 1.5px solid #ddd;
    border-radius: 5px;
	}

.radioa{  
        position: relative;  
        display: inline-block;  
        font-weight: 400;  
        color: #1b1b1b;  
        padding-left: 25px;  
        cursor: pointer;  
    }  
.radioa input{  
        position: absolute;  
        left: -9999px;  
    }  
.radioa i{  
        display: block;  
        position: absolute;  
        top: 2px;  
        left: 0;  
        width: 25px;  
        height: 25px;  
        outline: 0;  
        border: 3px solid #68b500;  
        background: #fff;  
        border-radius: 50%;  
        transition: border-color .3s  
        -webkit-transition: border-color .3s;  
    }  
.radioa input:checked+i{  
        border-color: #68b500;  
    }  
.radioa input+i:after{  
        position: absolute;  
        content: '';  
        top: -1px;  
        left: -1px;  
        width: 22px;  
        height: 22px;  
        border-radius: 50%;  
        background-color: #68b500;  
        opacity: 0;  
        transition: opacity .1s;  
        -webkit-transition: opacity .1s;  
    }  
.radioa input:checked+i:after{  
        opacity: 1;  
    }
	
.radioa_d{  
        position: relative;  
        display: inline-block;  
        font-weight: 400;  
        color: #1b1b1b;  
        padding-left: 25px;  
        cursor: pointer;  
    }  
.radioa_d input{  
        position: absolute;  
        left: -9999px;  
    }  
.radioa_d i{  
        display: block;  
        position: absolute;  
        top: 6px;  
        left: 0;  
        width: 18px;  
        height: 18px;  
        outline: 0;  
        border: 3px solid #68b500;  
        background: #fff;  
        border-radius: 50%;  
        transition: border-color .3s  
        -webkit-transition: border-color .3s;  
    }  
.radioa_d input:checked+i{  
        border-color: #68b500;  
    }  
.radioa_d input+i:after{  
        position: absolute;  
        content: '';  
        top: -1px;  
        left: -1px;  
        width: 15px;  
        height: 15px;  
        border-radius: 50%;  
        background-color: #68b500;  
        opacity: 0;  
        transition: opacity .1s;  
        -webkit-transition: opacity .1s;  
    }  
.radioa_d input:checked+i:after{  
        opacity: 1;  
    }
/****species-search_end*****/

/**********species-start***********/
.species_top_bg{ width:100%; height:auto; background:url(/EcoDMS/images/SC/Species/top_bg_green.png) repeat-x;}	
.chose_f{ width:986px; margin:0 auto; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.faunal_img{ width:150px; height:161px; margin:0 auto;}
.faunal_img a{ width:150px; height:161px; background:url(/EcoDMS/images/SC/Species/faunal.png) no-repeat; display:block;}
.faunal_img a:hover{ background:url(/EcoDMS/images/SC/Species/faunal.png) no-repeat; cursor:pointer;}
.floral_img{ width:150px; height:161px; margin:0 auto;}
.floral_img a{ width:150px; height:161px; background:url(/EcoDMS/images/SC/Species/floral.png) no-repeat; display:block;}
.floral_img a:hover{  background:url(/EcoDMS/images/SC/Species/floral_h.png) no-repeat; cursor:pointer;}
.cont_nr{ width:986px; margin:0 auto; margin-top:10px;}
#cont_nra {
    margin-top: -10px;
}
.cont_button{ width:73%; margin-top:15px; margin-left:1px;}
.cont_button_top{ 
margin-top:3px;
padding-left:1px;
padding-right:3px;
}
.cont_button_top img{width: 100%;}

.pic_d img{ width:100%;}
.mar11{ margin-top:11px;}
.mar11 img{width: 100%;}
.mar20{ margin-top:20px;}
.mar120{    
    margin-top: 90px;
    display: block;
}
.pose_r{ position:relative;}
.pose_i{ position:absolute; bottom: -35px; right: 0;}

#faunal_species .faunal{ display:none;}
#floral_species .floral{ display:none;}

.mainbiga {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
    height: 100%;
    display: none;
}
.main1a {
    /*padding: 10% 24% 100% 25%;*/
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
     -ms-transform:translate(-50%,-50%);
     -o-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);  
  	-moz-transform:translate(-50%,-50%);  
  	transform:translate(-50%,-50%);  
    display: none;
}
.closeaa {
    float: right;
    width: 21px;
}
.borderwhitea {
    border: 10px solid #fff;
}
.bigphotoa {
    clear: both;
    width: 95%;
}
/**********species-end***********/


@media(max-width:992px){
.choose_block{ width:90%; margin:0 auto; padding-top:20px;}
.naimals{ width:50%; height:auto; padding:20px 0;}
.plants{ width:50%; height:auto; padding:20px 0;}

.search_name{ width:50%; height:auto; padding:20px 0;}	
.search_namea{ width:100%; height:auto; padding:20px 0;}
.search_table{ width:90%; margin:0 auto; margin-top:50px;}
.notes{ width:90%; margin:0 auto; text-align:center; margin-top:50px; font-size:1.2em;}

.cont_button_top{ 
margin-top:0px;
padding:2px;
}

.chose_f{ width:90%; margin:0 auto; padding-top:35px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.cont_nr{ width:90%; margin:0 auto; margin-top:20px;}
.mar11 img{ width:100%;}
/*.cont_button {
    width: 105%;
    margin-top: 15px;
	}*/
.faunal_button img{ width:100%;}
.floral_button img {
    width: 100%;
}
.cont_button{ width:100%; margin-top:15px;}

.main1a {
    /*padding: 30% 10% 100% 10%;*/
    width: 80%;
    display: none;
}
	}
@media(max-width:767px){
.mar120{    
    margin-top: 220px;
    display:block;
}
.main1a {
    /*padding: 30% 5% 100% 5%;*/
    width: 90%;
    display: none;
}
	}
@media(max-width:695px){
.choose_block{ width:90%; margin:0 auto; padding-top:20px;}
.naimals{ width:100%; height:auto; padding:10px 0;}
.plants{ width:100%; height:auto; padding:10px 0;}

.search_name{ width:100%; height:auto; padding:10px 0;}	
.search_namea{ width:100%; height:auto; padding:10px 0;}	
	}

.fixedThead{
	display: block;
	width: 100%;
}
.scrollTbody{
	display: block;
	height: 600px;
	overflow: auto;
	width: 100%;
}

@media(max-width:949px){	
.table-responsivea {
max-width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
/*border: 1px solid #dddddd;*/
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
.table-responsivea .tablea {
margin-bottom: 0;
width:950px !important;
}
.table-responsivea > .table > thead > tr > th,
.table-responsivea > .table > tbody > tr > th,
.table-responsivea > .table > tfoot > tr > th,
.table-responsivea > .table > thead > tr > td,
.table-responsivea > .table > tbody > tr > td,
.table-responsivea > .table > tfoot > tr > td {
white-space: nowrap;
}
.img_w{ width:90%;}
}

@media(max-width:490px){
.faunal_img{ width:140px; height:151px; margin:0 auto;}
.faunal_img a{ width:140px; height:151px; background:url(/EcoDMS/images/SC/Species/faunal.png) no-repeat; display:block; background-size:100%;}
.faunal_img a:hover{ background:url(/EcoDMS/images/SC/Species/faunal.png) no-repeat; cursor:pointer; background-size:100%;}
.floral_img{ width:140px; height:151px; margin:0 auto;}
.floral_img a{ width:140px; height:151px; background:url(/EcoDMS/images/SC/Species/floral.png) no-repeat; display:block; background-size:100%;}
.floral_img a:hover{  background:url(/EcoDMS/images/SC/Species/floral_h.png) no-repeat; cursor:pointer; background-size:100%;}
.mar120{    
    margin-top: 150px;
    display:block;
}
	}