.resource-page { background: none; }

.res-header .header-top { background:  center/cover no-repeat; }
@media (max-width: 575.98px) { .res-header .header-top .logo img { width: 80%; } }
.res-header .header-top .back-btn { padding: 10px 50px; text-align: center; background: rgba(255, 255, 255, 0.1); -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }
@media (max-width: 991.98px) { .res-header .header-top .back-btn { padding: 6px 16px; font-size: 14px; } }
@media (max-width: 767.98px) { .res-header .header-top .back-btn { padding: 6px 16px; font-size: 14px; width: 120px; } }
@media (max-width: 575.98px) { .res-header .header-top .back-btn { font-size: 12px; width: 100px; } }
.res-header .header-top .back-btn:hover { background: rgba(255, 255, 255, 0.2); }
.res-header .header-title { padding-bottom: 5vw; padding-top: 3vw; }
@media (min-width: 1440px) { .res-header .header-title { padding-bottom: 8vw; padding-top: 6vw; } }
@media (max-width: 767.98px) { .res-header .header-title { padding-bottom: 7vw; padding-top: 5vw; }
  .res-header .header-title img { width: 50%; } }
.res-header .res-nav { background-color: #eaf4ff; }
.res-header .res-nav a { color: var(--theme-color); position: relative; }
@media (min-width: 1400px) { .res-header .res-nav a { font-size: 18px; } }
.res-header .res-nav a.active::after { content: ''; width: 50px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; background-color: var(--theme-color); }

.map-area-title { width: 220px; height: 26px; line-height: 26px; font-size: 20px; color: #13579e; margin: 0; padding-left: 30px; margin-bottom: 10px; font-weight: bold; background:  no-repeat left center; }

.level-list { position: relative; list-style: none; margin: 0; padding: 0; overflow: hidden; }
.level-list li { font-size: 16px; color: #333; line-height: 32px; height: 32px; position: relative; padding-left: 8px; }
.level-list li .li-dot { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; display: inline-block; width: 4px; height: 4px; background: #79b1ee; }
.level-list li span { font-size: 18px; color: #ff0000; margin-left: 5px; }
.level-list li span b { font-size: 14px; color: #333333; font-weight: normal; margin-left: 3px; }

@media (max-width: 575.98px) { .map-area-title { width: auto; font-size: 18px; } }
.data-table dl dt { background-color: var(--theme-color); color: #ffffff; }
.data-table dl dd { margin-bottom: 0; }

.category-box .item { padding: 5px; background-color: #39c0ed; border-radius: 3px; }
.category-box .item.active { background-color: var(--theme-color); color: #ffffff; }
@media (max-width: 767.98px) { .category-box .item { font-size: 14px; } }

@media (max-width: 991.98px) { .resource-table-box { overflow-x: scroll; } }

.resource-table { min-width: 800px; }
.resource-table tr:first-child { background-color: var(--theme-color); color: #ffffff; }
.resource-table tr:nth-child(even) { background-color: #eaf4ff; }
.resource-table tr td { border: none; }
.resource-table tr td:nth-child(1) { width: 80px; }
.resource-table tr td:nth-child(4) { min-width: 120px; }
.resource-table tr td:nth-child(5) { min-width: 100px; }

.resource-list .item:first-child { background-color: var(--theme-color); color: #ffffff; }
.resource-list .item:nth-child(even) { background-color: #eaf4ff; }
.resource-list .item .item-col { padding: 5px; }