body { font-family: LarkHackSafariFont,LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,"Segoe UI","PingFang SC","Microsoft Yahei","Hiragino Sans GB","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}

/* Banner */
.Banner {
        border:solid 1px #fff; 
        width:100%; 
        background: url(/images/Banners/Sea-004f8a.jpg) #004f8a no-repeat center;   
        text-align: left;
        padding:0;
        height:200px;
    }

.HomeBanner {
    width:100%; 
    background: url(/images/Banners/Forest-84a9be.jpg) #84a9be no-repeat center;   
    text-align: left;
    padding:0;
    height:290px;
}
/* Logo */
.Banner .logo_panel{
        padding:50px 0;
}
/* Top Search Box */
.searchbox {
    margin:0 20px;
    padding: 150px 0;
}
.searchbox img {
    max-width:100%;
}
.search_input_container {
    background-color: #fff;
    height:47px;
    width:70%;
    border: none;
    padding:0;
    font-size: 18px;
    border-radius: 3px;
    border:solid 1px #c7d2db;
}
.search_input_container input{
    height:45px;
    width:90%;
    border: solid 1px #fff;
    padding:0 10px;
    font-size:15px;
}
.search_input_container p {
    margin-top: 2px;
    padding:0.3rem 0.8rem; 
    background: rgba(255,255,255,0.3);
    color:#fff;
    text-shadow: 2px 2px 2px #666;
    font-size: 16px;
    text-align: left;
}
.search_input_container p a {
    color:#fff;
    text-shadow: 2px 2px 2px #333;
}


  .topic_banner {
      padding:1.5em 1em 1em 1em;
      background:url(/images/Keyboard.jpg) #c7d7e9 no-repeat;
      margin:0;
      border-bottom:1px solid #ffffff;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 10;
  }
  .topic_title {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    color:#1e2e41;
  }

  /* 用户当前位置导航 */
 #your_location_nav {
     padding:0.6rem 1rem;
     border-left:solid 2px #28a745;
     background-color: #f5f5f5;
 }
 #your_location_nav a {
     color:#666;
     font-size:0.9rem;
     margin:0 0.4rem;
 }

 /* 元数据显示，主要内容 */
 #resource_main {
    padding: 20px;
    margin: 0;
}
#resource_main h1 {
    font-size: 1.5rem;
    font-weight: bold;
    margin:0.6rem;
}

#resource_main h2 {
    font-size: 1.3rem;
    font-weight: bold;
    margin:0.6rem;
}

#resource_main span {
    margin-right: 10px;
}

/* 相关数据资源-简表 */
.dblist_simple{
    padding:1em 2em;
    font-size:0.9rem;
    background-color: #ecf0f1;
}
.dblist_simple p {
    margin-bottom: 0.3rem;
}
.dblist_simple a{
    color:#666;
}

/* 元素居中 辅助类 */
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 喜爱 - 按钮 */
.btn-favorite {
    color: #dc3545;
    background-color: #feebed;
    border-color: #e9a4ab;
}
.span-favorite{
    cursor: pointer;
    color:#dc3545;
}


.btn-browsedata {
    color: #1c622c;
    background-color: #9cd9aa;
    border-color: #28a745;
}
.btn-download{
    color: #004085;
    background-color: #9de3ef;
    border-color: #17a2b8;
}

/* 数据使用 - 按钮 */
.data_using_buttons .btn {
    font-size:14px;
    font-weight: bolder;
}
/* 提示文字 */
.tips {
    color:#666;
    font-size:0.9rem;
    margin:0.7rem 0;
}

/* 统计按钮 */
.statis_button{
    background-color:#b8d0eb;
    color:#0f0f0f;
    font-size:1em;
    padding:15px 25px;
    cursor:pointer;
    border-bottom:solid 1px #fff;
    text-align: center;
}

    /*.HomePage{
        height:410px;
    }*/
    .ContentPage {
        height:200px;
    }
    
    .Banner .menu {
        margin:14px 2rem;
    }
    .Banner .menu a{ 
        /* margin-right:2em;*/
        color:#000;
        font-size: 1rem;
    }
    .Banner .menu .story_title_sm {
        font-weight:400; font-size:13px; margin-left:20px; color:rgba(255,255,255,0.6); 
    }
    .Logo_Title{
        max-width:90%;
    }
    /* .searchbox {
        margin:0 20px;
        padding: 100px 0;
    }
    .search_input_container {
        background-color: #fff;
        height:45px;
        width:650px;
        border: none;
        padding:0;
        font-size: 18px;
    }
    .search_input_container input{
        height:45px;
        width:595px;
        border: solid 1px #fff;
        padding:0 10px;
    }
    .search_input_container p {
        margin-top: 2px;
        padding:0.3rem 0.8rem; 
        background: rgba(255,255,255,0.3);
        color:#000;
        font-size: 12px;
    }
    .search_input_container p a {
        color:#a0aab4;
    } */


    #site_footer{
        background-color: #71889a;
    }
    #HomePageMenu {
        background-color:#270303;
        border-bottom:solid 1px #bbb; 
        padding:1em 40px;
        font-size: 20px; 
        color:#fff;
    }
    #HomePageMenu a {
        color:#fff;
        margin-right:1.5em;
    }
    .data_statis_info {
        width:100%;
        padding:0 40px;
        background: rgba(255,255,255,0.2); 
        font-size: 16px;
    }
    .data_statis_info a {
        color:#000;
        margin-right:1em;
    }
.hotdb_card {color:#072350;}
    .topic_header {
        font-family: 微软雅黑, 黑体;
        font-weight: 700;
        margin: 0.8em 0px 0.4em;
        padding: 0.5em 1rem;
        border-bottom: 1px solid rgb(212,212,212);
        /* border-left: 1px solid rgb(230,230,230); */
        background-color: #f3f3f3;
    }
    .topic_header h1 {
        font-size: 1.6rem;
    }
    .topic_header h2 {
        font-size: 1.2rem;
    }
    .sidenews {
        background-color: #fff;
        padding:10px 0;
        /*border: solid 1px #ddd;*/
        margin-top:10px;
        padding:5px;
    }
    .sidenews .media {
        margin-bottom:5px;
    }
    .sidenews img {
        width:120px;
        height:90px;
    }
    .sidenews h5 {
        padding-top:10px; 
        font-size: 15px;
        padding-right:10px;
    }
    .sidenews h6 {
        font-size: 12px;
        padding-right:10px;
    }
    
    .AppEntry {
        min-width:130px; 
        padding:0;
        cursor:pointer;
    }
    .AppEntry:hover{
        background-color: #8df9cb;
    }
    .AppEntry p {
        font-size:14px;
        font-weight:bold;
    }
    .AppEntry a {
        color:#000;
    }
    .AppIcon {
        width:64px;
        margin:10px 20px;
    }
    .menu_icon16{
        width: 16px;
        height: 16px;
    }

    blockquote {
        margin: 10px 0;
        padding:10px 1em;
        background-color: #eee; 
        border-left:solid 1px #bbb;
    }
    blockquote p {margin:0;}

    /* 底部信息 */
    .layout-footer .footer {
        width: 100%;
        /*background: url(/_test/BioONe/assets/images/footer.jpg);*/
        background: url(/images/footer-bg.jpg);
        background-size: cover;
        position: relative; 
    }
    .layout-footer .footer .footer--bg {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: .95;
        top: 0;
        left: 0;
    }
    .layout-footer .footer .footer--inner {
        position: relative;
        z-index: 1;
    }
    .layout-footer .footer .footer--inner .footer_main {
        position: relative;
    }
    .layout-footer .footer .footer_main--column {
        margin: 50px 0 0;
    }
    .layout-footer .footer .footer_main--column_title {
        color: #ebf0f4;
        font-size: 17px;
        line-height: 29px;
        font-weight: 700;
        display: block;
    }
    .layout-footer .footer .footer_about {
        position: relative;
        padding: 17px 25px 0 0;
    }
    .layout-footer .footer .footer_about--text {
        font-size: 15px;
        line-height: 25px;
        color: #dce5ec;
        padding: 0 0 16px;
    }
    .layout-footer .footer .footer_contact_info {
        padding: 5px 0 0;
    }
    .layout-footer .footer .footer_contact_info--item {
        padding: 10px 0;
        position: relative;
        color: #fff;
        font-size: 15px;
        line-height: 25px;
        list-style: none;
    }
    .layout-footer .footer .footer_contact_info--item i {
        display: block;
        position: absolute;
        left: -2px;
        top: 12px;
    }
    .layout-footer .footer .footer_contact_info--item span {
        display: inline-block;
        vertical-align: text-top;
        padding: 0 0 0 28px;
    }
    .layout-footer .footer .footer_navigation {
        padding: 6px 15px 0 0;
    }
    .layout-footer .footer .footer_navigation--item {
        display: block;
        position: relative;
        padding: 12px 25px 12px 0;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }
    .layout-footer .footer .footer_navigation--item::before {
        position: absolute;
        content: "\f054";
        display: block;
        right: 10px;
        top: 50%;
        transform: translate(0,-50%);
        margin-top: 3px;
        color: #fff;
        font-size: 12px;
        font-family: fontawesome;
    }
    .layout-footer .footer .footer_navigation--link {
        color: #fff;
        font-size: 15px;
        line-height: 22px;
    }
    .footer-qrcode {
        width:100px;
    }
    .layout-footer .logo{
        width:120px;
        padding-left: 20px;
    }
    .layout-footer img{
        display:inline-block;
    }
    
    .doc_container{ 
        padding:1em;
    }
    .doc{
        padding:1em;
    }
    .doc h1 {
        font-size:1.6rem;
        font-weight:bold;
        margin-bottom: 1rem;
    }
    .doc h2 {
        font-size:1.5rem;
        font-weight:bold;
        margin-bottom: 1rem;
    }
    .doc h3 {
        font-size:1.4rem;
        font-weight:bold;
        margin-bottom: 0.5rem;
    }
    .doc h4 {
        font-size:1.3rem;
        font-weight:bold;
    }
    .doc h5 {
        font-size:1.2rem;
        font-weight:bold;
    }
    .doc h6 {
        font-size:1.1rem;
        font-weight:bold;
    }
    .doc .doc_meta {
        font-size:0.9rem;
        border-bottom: solid 1px #999;
        padding-bottom:0.5rem;
        text-indent: 0;
        color:#666; 
    }
    .doc p {
        text-indent: 0;
        line-height: 180%;
    }
    .doc img {
        max-width:95%;
    }
    .doc_meta span {
        padding-left:1em;
        font-size:0.8rem;
    }
    .breadcrumb {
        font-size:0.9rem;
        background-color: rgba(43,80,47,0.8);
    }
    .breadcrumb a {
        color:#fff;
    }
    .breadcrumb-item.active {
        color: #fff;
        font-weight:bold;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: #fff;
        content: "/"; 
    }
/* .country_flag_cn {
        position:relative;
	    display:inline-block;
        width: 16px;
	    height: 11px;
	    //background: url("/Js/vendor/country-select-js/build/img/flags.png");
        //background-position:-128px -177px;
    }
    .country_flag_us {
        position:relative;
	    display:inline-block;
        width: 16px;
	    height: 11px;
	    //background: url("/Js/vendor/country-select-js/build/img/flags.png");
        //background-position:-16px -44px;
    }*/

    .doclist_item {
        /* border-bottom: dotted 1px #999;
        padding: 1rem 0;  */
    }
    .doclist_item h1 {
        font-size: 1rem;
        font-weight: bold;
        color:#0a5409;
    }
    .doclist_item p {margin:0.5rem; text-indent: 0; } 
    .doclist_item a {color:#658458; text-decoration: none;} 
    .doclist_item .doc_meta {
        color:#658458;
    }


.doclist_item .desc{
    line-height:180%;
    padding:15px;
    border-left:solid 1px #e0dfdf;
    font-size:14px;
    color:rgba(48, 56, 49, 0.9);
}
.doclist_item .tags a{
    margin-right:0.8rem;
}

.thumbnail_box {
    width:100%;
    height:120px;
    overflow: hidden;
}

#join_ins img{
    margin-top: 10px;
}

.my-card-title{
    font-size: 18px;
    font-weight: bold;
}

.my-card-text{
    margin-bottom:1em;
    color: #999;
    font-size: 14px;
}
.my-card{
    border:none;
}

.comments-list p{
    font-family: "宋体";
    font-size:14px; 
    line-height:180%;
}
.comments-list small{
    font-family: "宋体";
    font-size:10px; 
}
.button-list .btn{
    margin-left:5px;
}
    /*
    @media (min-width: 1200px)
    .container {
        width: 1170px!important;
        margin: 0 auto;
    }*/

.species_card {
    margin:10px;
    padding:15px;
    border-bottom:solid 1px #658458;
}
.species_card .lname {
    font-style: italic;
    padding-right:1em;
    color: darkgreen;
    font-weight: bold;
}
.species_card .authorship {
    font-style: normal;
    color:#c34d06;
    font-weight: bold;
    padding-right:2em;
}
.species_card .genus{
    font-style: italic;
    padding-right:2em;
}
.species_card .family{
    font-style: normal;
}

.species_card .taxonid{
    font-size: 0.9em;
    color: #658458;
    padding-right: 2em;
}

.linked_data_item .fld{padding-right:1em; font-weight:bold; color: darkgreen;}
.panel-eol-meta {    
    font-size: 12px;
    padding: 10px 20px;
    background-color: #d9e2ea;
} 
.panel-eol-meta a {
    color:#000;
}
.lname-title {
    font-size:2rem;
    color: darkgreen;
    font-weight: bold;
}

.lname {
    color: darkgreen;
}
.cname {
    color: #000;
    padding-left:1em;
}
.taxon_tree{
    padding:1em;
    border: 1px solid rgba(0,0,0,.125);
    margin-top:-1em;
    border-top:none;
}
.taxon_tree .footer{
    padding:0.3rem;
    font-size:0.8rem;
    background-color: #eee;
    text-align: right;
    margin: 1em -1em -1em -1em;
}

.name_status_card .footer {
    margin-top:1rem;
    font-size: 0.8rem;
    color:#999;
}
.species_name .lname {
    font-style: italic;
}
.sp_author { font-style:normal; padding:0 0.5rem;} 

.is_page .content {
    padding:0 1em;
}

.channel_title {
    border-bottom:solid 1px #999;
    padding:0.5em;
    margin-bottom:1rem;
}
.doc_entry{
   cursor: pointer;
}
.doc_entry .date {
    padding-left:1em;
    font-size:0.9em;
    color:#8f9dc8;
}

.doc_entry .title {
    color:#234d68
}
.sitebar_img {
    width:100%;
    margin:0;
    padding:0;
}
#site_footer a,#site_footer a:hover{
    color:#fff;
}

.refer_bottom{
    font-size: 0.8em;
    border-left: solid 3px #999;
    padding: 0.5rem 1rem;
    background-color: rgba(0,0,0,0.05);
}

.footer_txt {
    font-size:14px;
    line-height: 180%;
    font-style: normal;
    color:#fff;
}
.footer_txt a {
    font-size:14px;
    font-style: normal;
    color:#fff;
}

.pagination_panel {
    width: 300px;
    display: inline-block;
    padding: 0 1rem;
}