ul.mtree {
  opacity: 0;
  margin-left: 0;
  /*padding: 1.2em;*/
}
ul.mtree ul {

}
ul.mtree li {
  list-style: none;
}
ul.mtree a {
  display: block;
}
ul.mtree li.mtree-node > a {
  /*font-weight: bold;*/
  font-size: 14.5px;
}

ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.bubba ul {
  margin-left: 0;
}
ul.mtree.bubba ul li {
  font-size: .9em;
}
ul.mtree.bubba li.mtree-node > a:after {
  content: '';
  margin-left: .5em;
  font-weight: normal;
}
ul.mtree.bubba li.mtree-node > a {
  /*font-weight: bold;*/
  /*text-transform: upperCase;*/
}
ul.mtree.bubba > li {
  border-bottom: 1px solid #eee;
  border-radius: 8px;
}
ul.mtree.bubba > li:last-child {
  border-bottom: none;
}
ul.mtree.bubba li:last-child > a {
  border: none;
}
/*ul.mtree.bubba li.mtree-open > a {
  background: #DDD;
}*/
ul.mtree.bubba li > a:hover {
  /*background: #DDD;*/
  color: #5e87b8;
}
ul.mtree.bubba li.mtree-active > a {
  /*background: #FFC000;*/
  background: #F1F1F1;
  color: #F95F93;
  border-radius: 10px;
}
ul.mtree.bubba a {
  padding: 7px 0px 5px 25px;
  margin: 0;
}
ul.mtree.bubba ul {
  /*margin-left: -6px;*/
  border-radius: 2px;
}
ul.mtree.bubba li li > a {
  padding-left: 3em;
  font-size: 13.5px;
}
ul.mtree.bubba li li li > a {
  padding-left: 4em;
}
ul.mtree.bubba li li li li > a {
  padding-left: 5.5em;
  font-size: 12.5px;
}
ul.mtree.bubba li li li li li > a {
  padding-left: 5em;
}

ul.mtree.skinny li {
  font-size: .9em;
}
ul.mtree.skinny a {
  padding: 0px 18px;
  color: #555;
}
ul.mtree.skinny a:hover {
  text-decoration: underline;
}
ul.mtree.skinny li.mtree-node:before {
  float: left;
  margin-left: .5em;
  zoom: .8;
  margin-top: .1em;
  color: #777;
}
ul.mtree.skinny li.mtree-open:before {
  content: '-';
}
ul.mtree.skinny li.mtree-closed:before {
  content: '+';
}
ul.mtree.skinny ul > li:first-child {
  margin-top: .1em;
}
ul.mtree.skinny ul > li:last-child {
  margin-bottom: .3em;
}
ul.mtree.skinny ul a {
  color: #666;
}

ul.mtree.transit {
  background: #111;
}
ul.mtree.transit ul {
  margin-left: 0;
}
ul.mtree.transit ul > li {
  font-size: .9em;
}
ul.mtree.transit li.mtree-node {
  position: relative;
}
ul.mtree.transit li.mtree-node > a:before {
  color: #CCC;
  font-weight: normal;
  position: absolute;
  right: 20px;
}
ul.mtree.transit li.mtree-open > a:before {
  content: '-';
}
ul.mtree.transit li.mtree-closed > a:before {
  content: '+';
}
ul.mtree.transit ul > li:first-child {
  margin-top: 1px;
}
ul.mtree.transit li.mtree-open > a {
  background: #222;
}
ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
  background: #333;
  color: #FFF;
}
ul.mtree.transit li.mtree-node > ul > li:last-child {
  margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #333;
}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
ul.mtree.transit a {
  padding: 5px 0px 5px 0.8em;
  color: #CCC;
}
ul.mtree.transit li li > a {
  padding-left: 1.6em;
}
ul.mtree.transit li li li > a {
  padding-left: 2.4em;
}
ul.mtree.transit li li li li > a {
  padding-left: 3.2em;
}
ul.mtree.transit li li li li li > a {
  padding-left: 4em;
}

ul.mtree.jet ul {
  margin-left: 0;
}
ul.mtree.jet li {
  margin-bottom: 1px;
}
ul.mtree.jet li:last-child {
  margin-bottom: 0px;
}
ul.mtree.jet li:first-child {
  margin-top: 1px;
}
ul.mtree.jet li.mtree-active a {
  background: #E3E3E3;
}
ul.mtree.jet li.mtree-active li:last-child > a {
  border-radius: 0px 0px 3px 3px;
}
ul.mtree.jet li.mtree-active > a {
  background: #008cba;
  color: #FFF;
  border-radius: 3px 3px 0px 0px;
}
ul.mtree.jet li > a:hover {
  background: #FFC000;
  color: #FFF;
}
ul.mtree.jet a {
  padding: 5px 0px 5px 1em;
}
ul.mtree.jet li li > a {
  padding-left: 2em;
}
ul.mtree.jet li li li > a {
  padding-left: 3em;
}
ul.mtree.jet li li li li > a {
  padding-left: 4em;
}
ul.mtree.jet li li li li li > a {
  padding-left: 5em;
}

ul.mtree.nix {
  background: none;
}
ul.mtree.nix a {
  display: inline;
}
ul.mtree.nix ul {
  margin-left: 1em;
}
ul.mtree.nix ul > li {
  list-style-position: inside;
}
ul.mtree.nix li {
  list-style: disc;
}
.selectmenu{
  margin: 50px 0 0 0;
  font-size: 16px;
  height: auto;
  overflow: hidden;
  margin-left:15px;
}
.selectmenu a{
  color: #fff;
}
.selectmenu a:hover{
  color: #5e87b8;
}
.selectitems {
  margin-top: 0px;
  height: auto;
  overflow: hidden;
}
.selectmenu1,.selectmenu2,.selectmenu4{
  padding: 15px 3px 15px 20px;
  /*border: 1px solid #ffdd7e;*/
  margin-bottom: 5px;
  border-radius: 8px;
  border: 1px solid #00aaaa;
  /*background: #f1f1f1;*/
}
.selectmenu1 a,.selectmenu2 a,.selectmenu3 a,.selectmenu4 a{
  color: #333;
}
.selectmenu3{
  padding: 15px 3px 5px 20px;
  /*color: #337ab7;*/
  /*border: 1px solid #ffdd7e;*/
  margin-bottom: 5px;
  border-radius: 8px;
  border: 1px solid #00aaaa;
  /*background: #f1f1f1;*/
}
.select_region{
  cursor:pointer;
  border-bottom:none;
}
.select_photo{
  cursor:pointer;
  border-bottom:none;
}
#systemtree{
  font-size:14px;
  font-weight: 200;
  margin-left: -1.1em;
  max-height: 500px;
  overflow: auto;
}
#sortContainer{
  padding: 15px 0 50px 0;
}
#sortContainer > .buttonstyle{
  height: 30px;
  line-height: 15px;
}
#picContainer{
   margin-left: -22px;
}
.ug-thumb-ratio-set,.ug-tile-clickable{
  box-shadow: none!important;
}
ul li{
  margin: 0.5em 0;
  /*margin-left: -0.6em;*/
}
.fontcolor {
  color: #ea9215;
}
.selectmenu .iconfont {
  font-size: 19px!important;
}
#picContainer h1{
  font-size: 18px;
  margin-left: 1.5em;
}
#pictype {
  margin-left: 3px;
  width: 54px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 2px;
  margin-bottom: 5px;
  font-size: 13px;
  height: 22px;
}
#searchboxContainer{
  margin-right: 40px;
}
#species-key-word{
  margin-right: 10px;
}
.form-control{
  width: 168px!important;
  height: 28px!important;
}
.form-inline{
  float: right!important;
  margin-top: 15px;
}
#authorContainer-nav{
  float: left!important;
}
.form-inline > button{
  width: 38px;
  margin: 0;
  padding: 2px 0px;
  font-size: 13px;
}
#species-key-word{
  width: 168px;
}
#myTab{
  margin: 0;
}

.ln-no-match{
  clear:both;
  padding-top:20px;
}
@media ( max-width: 1460px) {
  .selectmenu1.selectmenu2,.selectmenu3,.selectmenu4{
    padding-left: 10px;
  }
}
@media (max-width: 1024px) {
  .selectmenu {
    width: 126%;
  }
  .selectitems{
    margin-left: 70px;
  }
  #picContainer h1 {
    margin-left: 13%;
  }
}