/** Main Color **/
body {
  color: #3f3f3f;
  background-color: rgba(147, 211, 199, 1)
}
/* Links */
a {
  -webkit-transition: ease all 150ms;
  transition: ease all 150ms;
}
a {
  color: #3f3f3f;
}
a:hover, a:focus {
  color: #333;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  color: rgba(0, 146, 169, 1)
}
.navbar-brand {
  color: #fff
}
.navbar-brand:focus, .navbar-brand:hover {
  color: #fff
}
.navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55)
}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.1)
}
.navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25)
}
.navbar-nav .active > .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show > .nav-link {
  color: #fff
}
.navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1)
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-text {
  color: rgba(255, 255, 255, 0.5)
}
.navbar-text a {
  color: #fff
}
.navbar-text a:focus, .navbar-text a:hover {
  color: #fff
}
.left-sidebar-contact {
  color: rgba(132, 132, 132, 1)
}
.skin-sys .left-sidebar-contact:before {
  background-color: rgba(132, 132, 132, 0.5)
}
.left-sidebar-brand {
  background-color: rgba(236, 236, 236, 1)
}
/** Font **/
.color-main-h {
  color: rgba(0, 36, 53, 1)
} /**#002435**/
.color-main-m {
  color: rgba(0, 146, 169, 1)
} /**#006f8c**/
.color-main-ml {
  color: rgba(147, 211, 199, 1)
} /**#009ab2**/
/** Bg **/
.bg-color-main-h {
  background-color: rgba(0, 36, 53, 1)
}
.bg-color-main-m {
  background-color: rgba(0, 146, 169, 1)
}
.bg-color-main-ml {
  background-color: rgba(147, 211, 199, 1)
}
/** Boder **/
.border-color-main-h {
  border-color: rgba(0, 36, 53, 1)
}
.border-color-main-m {
  border-color: rgba(0, 146, 169, 1)
}
.border-color-main-ml {
  border-color: rgba(147, 211, 199, 1)
}
/** Point Color **/
/** Font **/
.color-main-sp {
  color: rgba(252, 181, 62, 1)
} /*#f79f71*/
/** Bg **/
.bg-color-main-sp {
  background-color: rgba(252, 181, 62, 1)
}
/** Boder **/
.border-color-main-sp {
  border-color: rgba(252, 181, 62, 1)
}
/** Normal Color **/
/** Font **/
.color-black {
  color: rgba(0, 0, 0, 1)
} /*#000000*/
.color-black-m {
  color: rgba(85, 85, 85, 1)
} /*#555555*/
.color-black-mlh {
  color: rgba(161, 161, 161, 1)
} /*#a1a1a1*/
.color-black-ml {
  color: rgba(183, 183, 183, 1)
} /*#b7b7b7 hover - #8d8d8d*/
.color-white {
  color: rgba(255, 255, 255, 1)
} /*#ffffff*/
/** Bg **/
.bg-color-black {
  background-color: rgba(0, 0, 0, 1)
}
.bg-color-black-m {
  background-color: rgba(85, 85, 85, 1)
}
.bg-color-black-mlh {
  background-color: rgba(161, 161, 161, 1)
}
.bg-color-black-ml {
  background-color: rgba(183, 183, 183, 1)
}
.bg-color-white {
  background-color: rgba(255, 255, 255, 1)
}
/** Boder **/
.border-color-black {
  border-color: rgba(0, 0, 0, 1)
}
.border-color-black-m {
  border-color: rgba(85, 85, 85, 1)
}
.border-color-black-mlh {
  border-color: rgba(161, 161, 161, 1)
}
.border-color-black-ml {
  border-color: rgba(183, 183, 183, 1)
}
.border-color-white {
  border-color: rgba(255, 255, 255, 1)
}
/** LINK Color **/
/** Tab Color **/
/** Siderbar Nav Color **/
/** Text Color **/
/** Button Color **/
.skin-sys .style-bottom .carousel-caption {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
}
.skin-sys #news-slider.slider-pro .sp-layer {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
  background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.45)42%, rgba(0, 0, 0, 0)100%);
}
@media (min-width:1300px) {
  .skin-sys .page-wrapper.addbg {
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511172541/https://i.win.org.tw/assets/images/bg/right_sidebar_bg.png) no-repeat center top;
    background-attachment: fixed
  }
}
@media (min-width:768px) and (max-width:1299px) {
  .skin-sys .page-wrapper.addbg {
    background: #fff;
  }
  .skin-sys .r-sidebar {
    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170511172541/https://i.win.org.tw/assets/images/bg/right_sidebar_bg-f.png) no-repeat center top;
    background-attachment: scroll
  }
}
.skin-sys .block-group {
  background-color: rgba(255, 255, 255, 1)
}
.skin-sys .pagination.lr-way .disabled .page-link {
  color: #b7b7b7
}
.skin-sys .pagination.lr-way .page-link {
  color: #006f8c
}
.skin-sys .pagination.lr-way .page-link:hover, .skin-sys .pagination.lr-way .active .page-link {
  color: #006f8c
}
.skin-sys .pagination.default .page-link {
  color: #b7b7b7
}
.skin-sys .pagination.default .page-link:hover, .skin-sys .pagination.default .active .page-link {
  color: #009ab2
}
.skin-sys .category-block {
  background-color: rgba(252, 181, 62, 1);
}
.skin-sys .category-block .card-header {
  background-color: transparent;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.skin-sys .category-block .card-header h3 {
  font-weight: 600 !important;
  color: #fff
}
.skin-sys .category-block .card-title {
  font-weight: 600 !important;
}
/***/
.skin-sys .btn-info {
  color: #fff;
  background-color: rgba(147, 211, 199, 1);
  border-color: rgba(147, 211, 199, 1)
}
.skin-sys .tags-softwave .btn-outline-info:focus {
  color: #009ab2 !important;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 146, 169, 1);
}
.skin-sys .btn-tagon {
  color: #009ab2;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 154, 175, .7)
}
.skin-sys .btn-tagoff {
  color: #ccc;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 111, 140, .2)
}
.skin-sys .btn-tagoff:hover {
  color: #009ab2;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 111, 140, .5)
}
.skin-sys .btn-tagoff:focus {
  color: #ccc;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 111, 140, .2)
}
.skin-sys .btn-info:hover {
  color: #fff;
  background-color: rgba(0, 146, 169, 1);
  border-color: rgba(0, 146, 169, 1)
}
.skin-sys .btn-info:focus, .skin-sys .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 154, 175, .3);
}
.skin-sys .btn-info:not(:disabled):not(.disabled):active, .skin-sys .btn-info:not(:disabled):not(.disabled).active, .skin-sys > .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgba(147, 211, 199, 1);
  border-color: rgba(147, 211, 199, 1)
}
.skin-sys .btn-info:not(:disabled):not(.disabled):active:focus, .skin-sys .btn-info:not(:disabled):not(.disabled).active:focus, .skin-sys > .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 154, 175, .3);
}
/****/
.skin-sys .btn-outline-info {
  color: #009ab2;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 146, 169, 1)
}
.skin-sys .btn-outline-info:hover {
  color: #fff !important;
  background-color: rgba(147, 211, 199, 1);
  border-color: rgba(147, 211, 199, 1)
}
.skin-sys .btn-outline-info:focus, .skin-sys .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 154, 175, .3);
}
.skin-sys .btn-outline-info.disabled, .skin-sys .btn-outline-info:disabled {
  color: #009ab2;
  background-color: transparent;
}
.skin-sys .btn-outline-info:not(:disabled):not(.disabled):active, .skin-sys .btn-outline-info:not(:disabled):not(.disabled).active, .skin-sys > .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: rgba(147, 211, 199, 1);
  border-color: rgba(147, 211, 199, 1)
}
.skin-sys .btn-outline-info:not(:disabled):not(.disabled):active:focus, .skin-sys .btn-outline-info:not(:disabled):not(.disabled).active:focus, .skin-sys > .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 154, 175, .3);
}
.skin-sys .btn-more.btn-light {
  color: #fff;
  background-color: rgba(183, 183, 183, 1);
  border-color: rgba(183, 183, 183, 1)
}
.skin-sys .btn-more.btn-light:hover {
  color: #fff;
  background-color: rgba(141, 141, 141, 1);
  border-color: rgba(141, 141, 141, 1)
}
.skin-sys .login-card.block-group .news-block-title {
  background-color: rgba(252, 181, 62, 1);
  color: #ffffff;
  font-weight: 600;
}
.skin-sys .login-card.block-group .news-block-title::after {
  border-color: #f79f71 transparent transparent transparent;
}
.skin-sys .block-group .news-block-title {
  border-color: #006f8c;
  color: #006f8c;
  font-weight: 600;
}
.skin-sys .news-detail .card-body {
  border-color: #009ab2
}
.skin-sys .news-card-v .card-body h6 {
  color: rgba(85, 85, 85, 0.8);
  font-weight: 600;
}
.skin-sys .softwave-card .card-body h6 {
  color: rgba(85, 85, 85, 0.8);
  font-weight: 600;
}
.skin-sys .softwave-card-noimg .card-body h6 {
  color: rgba(85, 85, 85, 0.8);
  font-weight: 600;
}
.skin-sys .report-block .card-body h6 {
  color: #006f8c;
  font-weight: 600;
}
.skin-sys .report-block .card-title {
  color: #006f8c;
  font-weight: 600;
}
.report-block .table td a {
  color: #006f8c
}
.report-block .table td a:hover {
  color: #009ab2
}
.report-block .table td a:hover {
  background-color: #009ab2;
  color: #fff;
  display: block;
  border-radius: 10px;
}
.skin-sys .news-card-h .card-body h6 {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}
.skin-sys .news-card-h .card-title a, .skin-sys .news-card-v .card-title a {
  color: #ffffff;
  font-weight: 600;
}
/* New Style */
.skin-sys .news-card-h-d .card-title a {
  font-weight: 600;
}
.skin-sys .news-card-h-d .card-body h6 {
  color: #aaa;
  font-weight: 600;
}
.skin-sys .news-card-h.bg-w .card-title a {
  color: #006f8c;
  font-weight: 600;
}
.skin-sys .news-card-h.bg-w .card-body {
  background-color: rgba(255, 255, 255, 1)
}
.skin-sys .news-card-h.bg-w h6 {
  color: #b7b7b7;
}
.skin-sys .news-card-h.bg-w .card-text {
  color: #006f8c;
}
.skin-sys .softwave-card .card-title a {
  color: #555555;
  font-weight: 600;
}
.skin-sys .softwave-card .card-title a:hover {
  color: #009ab2;
}
.skin-sys .softwave-card-noimg .card-title a {
  color: #006f8c;
  font-weight: 600;
}
.skin-sys .softwave-card-noimg .card-title a:hover {
  color: #009ab2;
}
.softwave-card-noimg .card-title {
  border-color: rgba(0, 146, 169, 1)
}
.report-block .card-title {
  border-color: rgba(161, 161, 161, 1)
}
.links-card .card-title {
  color: #006f8c;
}
.links-card .card-title:hover {
  color: #009ab2;
}
.skin-sys .softwave-card.left .card-body h6 {
  color: #f79f71
}
.skin-sys .news-card-h .card-title a:hover, .skin-sys .news-card-v .card-title a:hover {
  color: #006f8c;
}
.news-card-h .card-content:after {
  background-color: #fff;
}
.skin-sys .news-card-h .card-body, .skin-sys .news-card-v .card-body {
  border-color: #fff;
  background-color: rgba(161, 161, 161, 1);
  color: #ffffff;
}
/* New Style */
.skin-sys .news-card-h-d .card-body {
  border-color: #fff;
  background-color: rgba(217, 218, 218, 0);
  color: #333;
}
.skin-sys .news-card-h-d > .col-12 {
  background-color: rgba(101, 102, 101, 0);
}
.skin-sys .news-card-h-d > .col-12:hover {
  background-color: rgba(101, 102, 101, 1);
}
.skin-sys .news-card-h-d > .col-12:hover .card-title, .skin-sys .news-card-h-d > .col-12:hover .card-title a {
  color: #8ecbc0;
}
.skin-sys .news-card-h-d > .col-12:hover .card-text, 
.skin-sys .news-card-h-d > .col-12:hover .card-text a {
  color: #f1f1f1;
}
.skin-sys .news-card-h-d > .col-12:hover h5, 
.skin-sys .news-card-h-d > .col-12:hover .date {
  color: #fff;
}
.skin-sys .softwave-card .card-body {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  color: #555555;
}
.skin-sys .softwave-card-noimg .card-body {
  border-color: #fff;
  background-color: rgba(190, 190, 190, 0.5);
  color: #ffffff;
}
.skin-sys .login-card-v .card-body {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 1);
  color: #555555;
}
.skin-sys .news-card-v .card-block {
  border-color: #fff;
}
.skin-sys .softwave-card .card-block, .skin-sys .softwave-card-noimg .card-block {
  border-color: #fff;
}
.skin-sys .customtab li a.nav-link, .profile-tab li a.nav-link {
  color: #009ab2;
  font-weight: 600;
  border-bottom: 3px solid transparent;
  background-color: transparent
}
.skin-sys .customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
  border-bottom: 3px solid #009ab2;
}
.skin-sys .customtab li a.nav-link:hover.active span, .skin-sys .customtab li a.nav-link.active span {
  color: #ffffff;
  background-color: rgba(243, 112, 59, 1);
}
.skin-sys .customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover {
  border-bottom: 3px solid #009ab2;
}
.skin-sys .customtab li a.nav-link:hover span {
  color: #ffffff;
  background-color: rgba(252, 181, 62, 1);
}
.skin-sys .customtab.nav-tabs {
  border-color: #009ab2;
}
.skin-sys .customtab.nav-tabs {
  border-color: #009ab2;
}
.skin-sys .customtab.tab-content {
  border-color: #009ab2;
}
.skin-sys .badge-sys {
  color: #006f8c;
  background-color: rgba(243, 112, 59, 1);
  font-weight: 600;
  padding: 10 15px;
}
.skin-sys .badge-sys[href]:focus, .skin-sys .badge-sys[href]:hover {
  color: #006f8c;
  text-decoration: none;
  background-color: rgba(252, 181, 62, 1)
}
.skin-sys .sp-slides-container h6 {
  color: #f79f71;
  font-weight: 600
}
.skin-sys .sp-slides-container h6 span {
  margin-right: 5px;
}
.skin-sys .sp-slides-container h4 {
  color: #ffffff
}
.skin-sys .carousel-indicators .active {
  background-color: rgba(147, 211, 199, 1)
}
.skin-sys .sidebar-nav ul li a:hover {
  color: #fff; /*background-color:rgba(252, 181, 62, 1)*/
}
.skin-sys .sidebar-nav ul li a.active {
  color: #fff;
  background-color: rgba(0, 117, 135, 1)
}
.skin-sys .sidebar-nav ul ul li a.active, .skin-sys .sidebar-nav ul ul li a:hover {
  color: rgba(252, 181, 62, 1);
  background-color: rgba(247, 159, 113, 0)
}
.skin-sys .page-wrapper {
  background-color: rgba(255, 255, 255, 1)
}
.skin-sys .left-sidebar-brand::after {
  border-color: rgba(236, 236, 236, 1) transparent transparent transparent;
}
.skin-sys .page-titles-sub, .skin-sys .page-titles {
  color: #ffffff;
  background-color: rgba(147, 211, 199, 1)
}
.skin-sys .footer {
  color: #b7b7b7;
  background-color: rgba(0, 0, 0, 1)
}
.skin-sys .topbar {
  background: #5475ed
}
.skin-sys .sidebar-nav ul li.active ul li.active a, .skin-sys .sidebar-nav ul li.active a {
  color: rgba(252, 181, 62, 1);
}
.skin-sys .sidebar-nav ul li.active ul li a {
  color: #fff;
}
.skin-sys .sidebar-nav ul li.active ul li a:hover {
  color: rgba(252, 181, 62, 1);
}
.skin-sys .sidebar-nav ul li a.active, .skin-sys .sidebar-nav ul li a:hover {
  color: #fff
}
.skin-sys .sidebar-nav ul li a.active i, .skin-sys .sidebar-nav ul li a:hover i {
  color: #fff
}
/*.skin-sys .sidebar-nav>ul>li.active>a {
	color: #fff;

}*/
.skin-sys .sidebar-nav > ul > li.active > a i {
  color: #fff
}
.skin-sys .page-titles .breadcrumb .breadcrumb-item.active {
  color: #5475ed
}
.skin-sys {}
.skin-sys .topbar {
  background-color: rgba(236, 236, 236, 1)
}
/*.skin-sys .left-sidebar-contact{
	border-color:rgba(85, 85, 85, 1);
}*/
.skin-sys .footer {
  border-color: #000000
}
.skin-sys .sidebar-nav li a {
  color: #fff
}
.skin-sys .sidebar-nav li a:hover {
  color: #fff;
  background-color: rgba(252, 181, 62, 1)
}
.skin-sys .sidebar-nav ul ul li a {
  color: rgba(255, 255, 255, 0.8)
}
.skin-sys .sidebar-nav ul ul li a:hover {
  color: rgba(252, 181, 62, 1);
  background-color: rgba(247, 159, 113, 0)
}
.skin-sys .page-titles .breadcrumb .breadcrumb-item.active {
  color: #5475ed
}
.skin-sys .topbar .top-navbar .navbar-header {
  background-color: transparent
}
.skin-sys .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}
.skin-sys .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}
.skin-sys .left-sidebar {
  background-color: rgba(0, 146, 169, 1)
}
.skin-sys .left-sidebar .user-pro-body a.link {
  color: #8d97ad
}
@media (max-width:960px) {
  .skin-sys .left-sidebar {
    background-color: transparent;
  }
  .skin-sys .left-sidebar:after {
    background-color: rgba(0, 146, 169, 1)
  }
  .skin-sys .sidebar-nav ul li a:hover {
    background-color: rgba(0, 117, 135, 1);
  }
}
@media (min-width:768px) {
  .skin-sys.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-sys.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #1f2023
  }
}
/*******/
.skin-default .topbar {
  background: #4F5467
}
.skin-green {}
.skin-green .topbar {
  background: #00c292
}
.skin-green .sidebar-nav ul li a.active, .skin-green .sidebar-nav ul li a:hover {
  color: #00c292
}
.skin-green .sidebar-nav ul li a.active i, .skin-green .sidebar-nav ul li a:hover i {
  color: #00c292
}
.skin-green .sidebar-nav > ul > li.active > a {
  color: #00c292;
  border-left: 3px solid #00c292
}
.skin-green .sidebar-nav > ul > li.active > a i {
  color: #00c292
}
.skin-green .page-titles .breadcrumb .breadcrumb-item.active {
  color: #00c292
}
.skin-megna {}
.skin-megna .topbar {
  background: #01c0c8
}
.skin-megna .sidebar-nav ul li a.active, .skin-megna .sidebar-nav ul li a:hover {
  color: #01c0c8
}
.skin-megna .sidebar-nav ul li a.active i, .skin-megna .sidebar-nav ul li a:hover i {
  color: #01c0c8
}
.skin-megna .sidebar-nav > ul > li.active > a {
  color: #01c0c8;
  border-left: 3px solid #01c0c8
}
.skin-megna .sidebar-nav > ul > li.active > a i {
  color: #01c0c8
}
.skin-megna .page-titles .breadcrumb .breadcrumb-item.active {
  color: #01c0c8
}
.skin-purple {}
.skin-purple .topbar {
  background: #6f42c1
}
.skin-purple .sidebar-nav ul li a.active, .skin-purple .sidebar-nav ul li a:hover {
  color: #6f42c1
}
.skin-purple .sidebar-nav ul li a.active i, .skin-purple .sidebar-nav ul li a:hover i {
  color: #6f42c1
}
.skin-purple .sidebar-nav > ul > li.active > a {
  color: #6f42c1;
  border-left: 3px solid #6f42c1
}
.skin-purple .sidebar-nav > ul > li.active > a i {
  color: #6f42c1
}
.skin-purple .page-titles .breadcrumb .breadcrumb-item.active {
  color: #6f42c1
}
.skin-red {}
.skin-red .topbar {
  background: #ed4040
}
.skin-red .sidebar-nav ul li a.active, .skin-red .sidebar-nav ul li a:hover {
  color: #ed4040
}
.skin-red .sidebar-nav ul li a.active i, .skin-red .sidebar-nav ul li a:hover i {
  color: #ed4040
}
.skin-red .sidebar-nav > ul > li.active > a {
  color: #ed4040;
  border-left: 3px solid #ed4040
}
.skin-red .sidebar-nav > ul > li.active > a i {
  color: #ed4040
}
.skin-red .page-titles .breadcrumb .breadcrumb-item.active {
  color: #ed4040
}
.skin-green-dark .topbar {
  background: #00c292
}
.skin-green-dark .sidebar-nav ul li a.active, .skin-green-dark .sidebar-nav ul li a:hover {
  color: #00c292
}
.skin-green-dark .sidebar-nav ul li a.active i, .skin-green-dark .sidebar-nav ul li a:hover i {
  color: #00c292
}
.skin-green-dark .sidebar-nav > ul > li.active > a {
  color: #00c292;
  border-left: 3px solid #00c292
}
.skin-green-dark .sidebar-nav > ul > li.active > a i {
  color: #00c292
}
.skin-green-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #00c292
}
.skin-green-dark .topbar .top-navbar .navbar-header {
  background: #2b2b2b
}
.skin-green-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}
.skin-green-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}
.skin-green-dark .left-sidebar {
  background: #2b2b2b
}
.skin-green-dark .left-sidebar .user-pro-body a.link {
  color: #8d97ad
}
@media (min-width:768px) {
  .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-green-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #1f2023
  }
}
.skin-red-dark {}
.skin-red-dark .topbar {
  background: #ed4040
}
.skin-red-dark .sidebar-nav ul li a.active, .skin-red-dark .sidebar-nav ul li a:hover {
  color: #ed4040
}
.skin-red-dark .sidebar-nav ul li a.active i, .skin-red-dark .sidebar-nav ul li a:hover i {
  color: #ed4040
}
.skin-red-dark .sidebar-nav > ul > li.active > a {
  color: #ed4040;
  border-left: 3px solid #ed4040
}
.skin-red-dark .sidebar-nav > ul > li.active > a i {
  color: #ed4040
}
.skin-red-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #ed4040
}
.skin-red-dark .topbar .top-navbar .navbar-header {
  background: #2b2b2b
}
.skin-red-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}
.skin-red-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}
.skin-red-dark .left-sidebar {
  background: #2b2b2b
}
.skin-red-dark .left-sidebar .user-pro-body a.link {
  color: #8d97ad
}
@media (min-width:768px) {
  .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-red-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #1f2023
  }
}
.skin-megna-dark {}
.skin-megna-dark .topbar {
  background: #01c0c8
}
.skin-megna-dark .sidebar-nav ul li a.active, .skin-megna-dark .sidebar-nav ul li a:hover {
  color: #01c0c8
}
.skin-megna-dark .sidebar-nav ul li a.active i, .skin-megna-dark .sidebar-nav ul li a:hover i {
  color: #01c0c8
}
.skin-megna-dark .sidebar-nav > ul > li.active > a {
  color: #01c0c8;
  border-left: 3px solid #01c0c8
}
.skin-megna-dark .sidebar-nav > ul > li.active > a i {
  color: #01c0c8
}
.skin-megna-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #01c0c8
}
.skin-megna-dark .topbar .top-navbar .navbar-header {
  background: #2b2b2b
}
.skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}
.skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}
.skin-megna-dark .left-sidebar {
  background: #2b2b2b
}
.skin-megna-dark .left-sidebar .user-pro-body a.link {
  color: #8d97ad
}
@media (min-width:768px) {
  .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-megna-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #1f2023
  }
}
.skin-purple-dark {}
.skin-purple-dark .topbar {
  background: #6f42c1
}
.skin-purple-dark .sidebar-nav ul li a.active, .skin-purple-dark .sidebar-nav ul li a:hover {
  color: #6f42c1
}
.skin-purple-dark .sidebar-nav ul li a.active i, .skin-purple-dark .sidebar-nav ul li a:hover i {
  color: #6f42c1
}
.skin-purple-dark .sidebar-nav > ul > li.active > a {
  color: #6f42c1;
  border-left: 3px solid #6f42c1
}
.skin-purple-dark .sidebar-nav > ul > li.active > a i {
  color: #6f42c1
}
.skin-purple-dark .page-titles .breadcrumb .breadcrumb-item.active {
  color: #6f42c1
}
.skin-purple-dark .topbar .top-navbar .navbar-header {
  background: #2b2b2b
}
.skin-purple-dark .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
  display: none
}
.skin-purple-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8)
}
.skin-purple-dark .left-sidebar {
  background: #2b2b2b
}
.skin-purple-dark .left-sidebar .user-pro-body a.link {
  color: #8d97ad
}
@media (min-width:768px) {
  .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-purple-dark.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #1f2023
  }
}
.colored, .colored-hover:hover {
  color: #072c43 !important;
}
.bg-colored, .bg-colored-hover:hover {
  background-color: #cfa144 !important;
}
.border-colored, .border-colored-hover:hover {
  border-color: #072c43 !important;
}
.skin-sys list-group-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #000;
}
.skin-sys .list-group-item .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  background-color: #000;
}
.skin-sys .list-group-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: rgba(252, 181, 62, 1)
}
.skin-sys .list-group-item .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  background-color: rgba(252, 181, 62, 1)
}
.skin-sys .list-group-item.sub .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: rgba(147, 211, 199, 1)
}
.skin-sys .list-group-item.sub .custom-control-input:checked ~ .custom-control-label:before {
  color: #fff;
  background-color: rgba(147, 211, 199, 1)
}
/*.skin-sys .list-group-item.sub ul li.list-group-item.sub .custom-control-input:checked~.custom-control-label:before {
    color: #666;
    background-color:rgba(255, 255, 255, 1);
	border:1px solid #666
}*/
.icon-check-block .custom-checkbox .custom-control-label:before {
  border-color: #009ab2;
  background-color: #fff;
}
.icon-check-block .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  color: #009ab2;
  background-color: #fff;
  border-color: #009ab2;
}
.skin-sys .icon-check-block .img-circle {
  border-color: #009ab2;
}
.skin-sys .icon-check-block:hover .img-circle {
  border-color: #f79f71;
}
.skin-sys #accordion .card-header.collapsed:after, .skin-sys #accordion .card-header:after {
  color: #8d8d8d
}
.skin-sys .operator-content h3 {
  color: #009ab2;
}
.skin-sys .operator-content h6 {
  color: #009ab2;
}
.icon-check-block .custom-control-label {
  color: #009ab2;
}
.login-card-v input[type=password], .login-card-v input[type=text] {
  border-color: #009ab2
}
.skin-sys .line-style .card-header {
  color: #009ab2;
  background-color: #fff;
  border-color: #009ab2;
}
.skin-sys .line-style .collapse.show {
  border-color: #009ab2;
}
.skin-sys .sub-tab .nav-pills .nav-link {
  color: #009ab2;
  background-color: rgba(255, 255, 255, 1);
  border-color: rgba(147, 211, 199, 1)
}
.skin-sys .sub-tab .nav-pills .nav-link.active, .skin-sys .sub-tab .nav-pills .show > .nav-link {
  color: #fff;
  background-color: rgba(147, 211, 199, 1);
  border-color: rgba(147, 211, 199, 1)
}
.operator-form textarea, .operator-form input[type=file], .operator-form input[type=email], .operator-form input[type=number], .operator-form input[type=password], .operator-form input[type=text] {
  border-color: rgba(147, 211, 199, 1)
}
.operator-form textarea:focus {
  border-color: rgba(147, 211, 199, 1)
}
.operator-form h5.card-title {
  font-weight: 700;
  color: #009ab2;
}
.operator-form .help-block {
  color: #C00;
  font-size: 14px;
  line-height: 32px;
}
.operator-form h6.card-subtitle, .operator-form h5 {
  font-weight: 700;
  color: #009ab2;
}
.sub-tab .nav-pills {
  border-color: rgba(147, 211, 199, 1)
}
.icon-detail {
  border-color: rgba(147, 211, 199, 1)
}
.rule-classroom-block .table {
  color: #555555
}
.rule-classroom-block .table a {
  color: #f79f71
}
.rule-classroom-block .table a:hover {
  color: #009ab2
}
#content-slider .sp-bottom-thumbnails .sp-selected-thumbnail .sp-thumbnail {
  background-color: #fff !important;
}
#content-slider .sp-bottom-thumbnails .sp-thumbnail {
  background-color: #fafafa !important;
}
#content-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  border--bottom-color: #eee;
}
#content-slider .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  border-bottom-color: #fff;
}
#content-slider .sp-bottom-thumbnails .sp-thumbnail .date .badge-sys {
  color: #fff;
}
#content-slider .sp-bottom-thumbnails .sp-thumbnail .date h6 {
  color: #b7b7b7;
}
#content-slider .sp-bottom-thumbnails .sp-thumbnail .description h6 {
  color: #555;
}
.bottom-block .news-block-title {
  border-color: #009ab2;
}
.bottom-block {
  border-color: #009ab2;
}
.bottom-block .news-card-v a .card-title {
  color: #fff
}
.bottom-block .news-card-v a:hover .card-title {
  color: #006f8c
}
.bottom-block .news-card-v .card-body h6.date {
  color: #006f8c
}
#report-slider .sp-slides-container {
  background-color: rgba(255, 255, 255, 1);
}
#report-slider h1, #report-slider h4, #report-slider h5 {
  color: #006f8c
}
#report-slider h1:after {
  background-color: rgba(252, 181, 62, 1)
}
.sp-selected-button {
  background-color: rgba(147, 211, 199, 1) !important
}
.sp-button {
  border-color: rgba(147, 211, 199, 1) !important;
  background-color: rgba(255, 255, 255, 1)
}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {
  background-color: rgba(255, 255, 255, 1) !important
}
.collapse-block .card-header:after {
  color: rgba(0, 154, 175, .4)
}
/**#Check-pornography-in **/
.skin-sys #Check-pornography-in .category-block {
  background-color: rgba(0, 154, 175, .6);
}
/**#Check-pornography-child-in **/
.skin-sys #Check-pornography-child-in .line-style .card-header {
  color: #604a7b;
  background-color: #fff;
  border-color: #604a7b;
}
.skin-sys #Check-pornography-child-in .line-style .collapse.show {
  border-color: #604a7b;
}
.skin-sys #Check-pornography-child-in .category-block {
  background-color: rgba(179, 162, 199, .6);
}
.skin-sys #Check-pornography-child-in .collapse-block .card-header:after {
  color: rgba(96, 74, 123, .8);
}
/**#Check-violence-in **/
.skin-sys #Check-violence-in .line-style .card-header {
  color: #953735;
  background-color: #fff;
  border-color: #953735;
}
.skin-sys #Check-violence-in .line-style .collapse.show {
  border-color: #953735;
}
.skin-sys #Check-violence-in .category-block {
  background-color: rgba(230, 185, 184, .9);
}
.skin-sys #Check-violence-in .collapse-block .card-header:after {
  color: rgba(149, 53, 53, .8);
}
/**#Check-terror **/
.skin-sys #Check-terror-in .line-style .card-header {
  color: #595959;
  background-color: #fff;
  border-color: #595959;
}
.skin-sys #Check-terror-in .line-style .collapse.show {
  border-color: #595959;
}
.skin-sys #Check-terror-in .category-block {
  background-color: rgba(127, 127, 127, .6);
}
.skin-sys #Check-terror-in .collapse-block .card-header:after {
  color: rgba(89, 89, 89, .8);
}
/**#Check-bloody **/
.skin-sys #Check-bloody-in .line-style .card-header {
  color: #d76100;
  background-color: #fff;
  border-color: #d76100;
}
.skin-sys #Check-bloody-in .line-style .collapse.show {
  border-color: #d76100;
}
.skin-sys #Check-bloody-in .category-block {
  background-color: rgba(250, 168, 101, .8);
}
.skin-sys #Check-bloody-in .collapse-block .card-header:after {
  color: rgba(215, 97, 0, .8);
}
/**#Check-dangerous**/
.skin-sys #Check-dangerous-in .line-style .card-header {
  color: #948a54;
  background-color: #fff;
  border-color: #948a54;
}
.skin-sys #Check-dangerous-in .line-style .collapse.show {
  border-color: #948a54;
}
.skin-sys #Check-dangerous-in .category-block {
  background-color: rgba(196, 189, 151, .8);
}
.skin-sys #Check-dangerous-in .collapse-block .card-header:after {
  color: rgba(148, 138, 84, .8);
}
/**#Check-other**/
.skin-sys #Check-other-in .line-style .card-header {
  color: #77933c;
  background-color: #fff;
  border-color: #77933c;
}
.skin-sys #Check-other-in .line-style .collapse.show {
  border-color: #77933c;
}
.skin-sys #Check-other-in .category-block {
  background-color: rgba(195, 214, 155, 1);
}
.skin-sys #Check-other-in .collapse-block .card-header:after {
  color: rgba(119, 147, 60, .8);
}
.skin-sys .timeline-badge.info {
  background-color: rgba(0, 146, 169, 1);
}
.skin-sys .timeline-badge.info i {
  color: rgba(252, 181, 62, 1);
}
.timeline:before {
  background-color: rgba(0, 146, 169, 1);
}





/*
     FILE ARCHIVED ON 17:25:41 五月 11, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 6:26:07 五月 11, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/