.widget.widget_nav_menu ul.menu {
border-color: rgba(11,108,188,0.15);
}

.widget.widget_nav_menu ul.menu li {
border-color: rgba(11,108,188,0.75);
}

.widget.widget_nav_menu ul.menu .sub-menu li {
border-color: rgba(11,108,188,0.15);
}

.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child {
border-color: rgba(11,108,188,0.15);
}

.widget.widget_nav_menu ul.menu li a:hover {
background-color: rgba(11,108,188,0.75);
}

.widget.widget_nav_menu ul.menu .current-menu-item > a {
background-color: rgba(11,108,188,0.75);
}

.widget.widget_nav_menu ul.menu li .sub-menu li a:before {
color: #0b6cbc;
}

.widget.widget_nav_menu ul.menu li a {
background-color: #0b6cbc;
}

.widget.widget_nav_menu ul.menu .sub-menu a:hover {
color: #0b6cbc;
}

.widget.widget_nav_menu ul.menu .sub-menu .current-menu-item a {
color: #0b6cbc;
}

.widget.widget_categories ul {
border-color: rgba(11,108,188,0.15);
}

.widget.widget_categories ul li {
border-color: rgba(11,108,188,0.75);
}

.widget.widget_categories ul .children li {
border-color: rgba(11,108,188,0.15);
}

.widget.widget_categories ul .children li .children li:first-child {
border-color: rgba(11,108,188,0.15);
}

.widget.widget_categories ul li a:hover {
background-color: rgba(11,108,188,0.75);
}

.widget.widget_categories ul .current-menu-item > a {
background-color: rgba(11,108,188,0.75);
}

.widget.widget_categories ul li .children li a:before {
color: #0b6cbc;
}

.widget.widget_categories ul li a {
background-color: #0b6cbc;
}

.widget.widget_categories ul .children a:hover {
color: #0b6cbc;
}

.widget.widget_categories ul .children .current-menu-item a {
color: #0b6cbc;
}

.widgetSearch__input:hover {
border-color: #0b6cbc;
}

.widgetCatTitle {
background-color: #0b6cbc;
}

.widgetCatTitle__inner {
background-color: #0b6cbc;
}

.widgetSearch__submit:hover {
background-color: #0b6cbc;
}

.widgetProfile__sns {
background-color: #0b6cbc;
}

.widget.widget_calendar .calendar_wrap tbody a:hover {
background-color: #0b6cbc;
}

.widget ul li a:hover {
color: #0b6cbc;
}

.widget.widget_rss .rsswidget:hover {
color: #0b6cbc;
}

.widget.widget_tag_cloud a:hover {
background-color: #0b6cbc;
}

.widget select:hover {
border-color: #0b6cbc;
}

.widgetSearch__checkLabel:hover:after {
border-color: #0b6cbc;
}

.widgetSearch__check:checked .widgetSearch__checkLabel:before, .widgetSearch__check:checked +
.widgetSearch__checkLabel:before {
border-color: #0b6cbc;
}

.widgetTab__item.current {
border-top-color: #0b6cbc;
}

.widgetTab__item:hover {
border-top-color: #0b6cbc;
}

.searchHead__title {
background-color: #0b6cbc;
}

.searchHead__submit:hover {
color: #0b6cbc;
}

.menuBtn__close:hover {
color: #0b6cbc;
}

.menuBtn__link:hover {
color: #0b6cbc;
}

@media only screen and (min-width: 992px) {
.menuBtn__link {
background-color:#0b6cbc;
}
}

.t-headerCenter .menuBtn__link:hover {
color: #0b6cbc;
}

.searchBtn__close:hover {
color: #0b6cbc;
}

.searchBtn__link:hover {
color: #0b6cbc;
}

.breadcrumb__item a:hover {
color: #0b6cbc;
}

.pager__item {
color: #0b6cbc;
}

.pager__item:hover, .pager__item-current {
background-color: #0b6cbc;
color: #fff;
}

.page-numbers {
color: #0b6cbc;
}

.page-numbers:hover, .page-numbers.current {
background-color: #0b6cbc;
color: #fff;
}

.pagePager__item {
color: #0b6cbc;
}

.pagePager__item:hover, .pagePager__item-current {
background-color: #0b6cbc;
color: #fff;
}

.heading a:hover {
color: #0b6cbc;
}

.eyecatch__cat {
background-color: #0b6cbc;
}

.the__category {
background-color: #0b6cbc;
}

.dateList__item a:hover {
color: #0b6cbc;
}

.controllerFooter__item:last-child {
background-color: #0b6cbc;
}

.controllerFooter__close {
background-color: #0b6cbc;
}

.bottomFooter__topBtn {
background-color: #0b6cbc;
}

.mask-color {
background-color: #0b6cbc;
}

.mask-colorgray {
background-color: #0b6cbc;
}

.pickup3__item {
background-color: #0b6cbc;
}

.categoryBox__title {
color: #0b6cbc;
}

.comments__list .comment-meta {
background-color: #0b6cbc;
}

.comment-respond .submit {
background-color: #0b6cbc;
}

.prevNext__pop {
background-color: #0b6cbc;
}

.swiper-pagination-bullet-active {
background-color: #0b6cbc;
}

.swiper-slider .swiper-button-next, .swiper-slider .swiper-container-rtl .swiper-button-prev, .swiper-slider
.swiper-button-prev, .swiper-slider .swiper-container-rtl .swiper-button-next {
background-color: #0b6cbc;
}

body {
background: #f3f2ff;
}

.snsFooter {
background-color: #0b6cbc
}

.widget-main .heading.heading-widget {
background-color: #0b6cbc
}

.widget-main .heading.heading-widgetsimple {
background-color: #0b6cbc
}

.widget-main .heading.heading-widgetsimplewide {
background-color: #0b6cbc
}

.widget-main .heading.heading-widgetwide {
background-color: #0b6cbc
}

.widget-main .heading.heading-widgetbottom:before {
border-color: #0b6cbc
}

.widget-main .heading.heading-widgetborder {
border-color: #0b6cbc
}

.widget-main .heading.heading-widgetborder::before,.widget-main .heading.heading-widgetborder::after {
background-color: #0b6cbc
}

.widget-side .heading.heading-widget {
background-color: #409ebe
}

.widget-side .heading.heading-widgetsimple {
background-color: #409ebe
}

.widget-side .heading.heading-widgetsimplewide {
background-color: #409ebe
}

.widget-side .heading.heading-widgetwide {
background-color: #409ebe
}

.widget-side .heading.heading-widgetbottom:before {
border-color: #409ebe
}

.widget-side .heading.heading-widgetborder {
border-color: #409ebe
}

.widget-side .heading.heading-widgetborder::before,.widget-side .heading.heading-widgetborder::after {
background-color: #409ebe
}

.widget-foot .heading.heading-widget {
background-color: #1e73be
}

.widget-foot .heading.heading-widgetsimple {
background-color: #1e73be
}

.widget-foot .heading.heading-widgetsimplewide {
background-color: #1e73be
}

.widget-foot .heading.heading-widgetwide {
background-color: #1e73be
}

.widget-foot .heading.heading-widgetbottom:before {
border-color: #1e73be
}

.widget-foot .heading.heading-widgetborder {
border-color: #1e73be
}

.widget-foot .heading.heading-widgetborder::before,.widget-foot .heading.heading-widgetborder::after {
background-color: #1e73be
}

.widget-menu .heading.heading-widget {
background-color: #bf7a2b
}

.widget-menu .heading.heading-widgetsimple {
background-color: #bf7a2b
}

.widget-menu .heading.heading-widgetsimplewide {
background-color: #bf7a2b
}

.widget-menu .heading.heading-widgetwide {
background-color: #bf7a2b
}

.widget-menu .heading.heading-widgetbottom:before {
border-color: #bf7a2b
}

.widget-menu .heading.heading-widgetborder {
border-color: #bf7a2b
}

.widget-menu .heading.heading-widgetborder::before,.widget-menu .heading.heading-widgetborder::after {
background-color: #bf7a2b
}

.still {
height: 200px;
}

@media only screen and (min-width: 768px) {
.still {
height: 400px;
}
}

.still.still-movie .still__box {
background-image: url(https://jskl.edu.my/wp-content/uploads/2022/03/20211029_173414-768x576.jpg);
}

@media only screen and (min-width: 768px) {
.still.still-movie .still__box {
background-image:url(https://jskl.edu.my/wp-content/uploads/2022/03/20211029_173414.jpg);
}
}

.pickup3__bg.mask.mask-colorgray {
background-color: #d9a300
}

.rankingBox__bg {
background-color: #0b6cbc
}

.the__ribbon {
background-color: #ef839d
}

.the__ribbon:after {
border-left-color: #ef839d;
border-right-color: #ef839d
}

.eyecatch__link.eyecatch__link-mask:hover::after {
content: "JSKL";
}

.eyecatch__link.eyecatch__link-maskzoom:hover::after {
content: "JSKL";
}

.eyecatch__link.eyecatch__link-maskzoomrotate:hover::after {
content: "JSKL";
}

.cc-ft13 {
color: #247ae2;
}

.cc-hv13:hover {
color: #247ae2;
}

.cc-bg13 {
background-color: #247ae2;
}

.cc-br13 {
border-color: #247ae2;
}

.cc-ft7 {
color: #e2347a;
}

.cc-hv7:hover {
color: #e2347a;
}

.cc-bg7 {
background-color: #e2347a;
}

.cc-br7 {
border-color: #e2347a;
}

.cc-ft3 {
color: #32c4db;
}

.cc-hv3:hover {
color: #32c4db;
}

.cc-bg3 {
background-color: #32c4db;
}

.cc-br3 {
border-color: #32c4db;
}

.cc-ft8 {
color: #8224e3;
}

.cc-hv8:hover {
color: #8224e3;
}

.cc-bg8 {
background-color: #8224e3;
}

.cc-br8 {
border-color: #8224e3;
}

.cc-ft10 {
color: #81d742;
}

.cc-hv10:hover {
color: #81d742;
}

.cc-bg10 {
background-color: #81d742;
}

.cc-br10 {
border-color: #81d742;
}

.cc-ft4 {
color: #bc861a;
}

.cc-hv4:hover {
color: #bc861a;
}

.cc-bg4 {
background-color: #bc861a;
}

.cc-br4 {
border-color: #bc861a;
}

.cc-ft11 {
color: #bf657d;
}

.cc-hv11:hover {
color: #bf657d;
}

.cc-bg11 {
background-color: #bf657d;
}

.cat-important {
background-color: #ff0000;
}

.cc-br11 {
border-color: #bf657d;
}

.postcta-bg {
background-color: #3970a2
}

.content .afTagBox__btnDetail {
background-color: #0b6cbc;
}

.widget .widgetAfTag__btnDetail {
background-color: #0b6cbc;
}

.content .afTagBox__btnAf {
background-color: #0b6cbc;
}

.widget .widgetAfTag__btnAf {
background-color: #0b6cbc;
}

.content a {
color: #0b6cbc;
}

.phrase a {
color: #0b6cbc;
}

.content .sitemap li a:hover {
color: #0b6cbc;
}

.content h2 a:hover,.content h3 a:hover,.content h4 a:hover,.content h5 a:hover {
color: #0b6cbc;
}

.content ul.menu li a:hover {
color: #0b6cbc;
}

.content .es-LiconBox:before {
background-color: #a83f3f;
}

.content .es-LiconCircle:before {
background-color: #a83f3f;
}

.content .es-BTiconBox:before {
background-color: #a83f3f;
}

.content .es-BTiconCircle:before {
background-color: #a83f3f;
}

.content .es-BiconObi {
border-color: #a83f3f;
}

.content .es-BiconCorner:before {
background-color: #a83f3f;
}

.content .es-BiconCircle:before {
background-color: #a83f3f;
}

.content .es-BmarkHatena::before {
background-color: #005293;
}

.content .es-BmarkExcl::before {
background-color: #b60105;
}

.content .es-BmarkQ::before {
background-color: #005293;
}

.content .es-BmarkQ::after {
border-top-color: #005293;
}

.content .es-BmarkA::before {
color: #b60105;
}

.content .es-BsubTradi::before {
color: #ffffff;
background-color: #b60105;
border-color: #b60105;
}

.btn__link-primary {
color: #ffffff;
background-color: #b2384e;
}

.content .btn__link-primary {
color: #ffffff;
background-color: #b2384e;
}

.searchBtn__contentInner .btn__link-search {
color: #ffffff;
background-color: #b2384e;
}

.btn__link-secondary {
color: #ffffff;
background-color: #b2384e;
}

.content .btn__link-secondary {
color: #ffffff;
background-color: #b2384e;
}

.btn__link-search {
color: #ffffff;
background-color: #b2384e;
}

.btn__link-normal {
color: #b2384e;
}

.content .btn__link-normal {
color: #b2384e;
}

.btn__link-normal:hover {
background-color: #b2384e;
}

.content .btn__link-normal:hover {
background-color: #b2384e;
}

.comments__list .comment-reply-link {
color: #b2384e;
}

.comments__list .comment-reply-link:hover {
background-color: #b2384e;
}

@media only screen and (min-width: 992px) {
.subNavi__link-pickup {
color:#b2384e;
}
}

@media only screen and (min-width: 992px) {
.subNavi__link-pickup:hover {
background-color:#b2384e;
}
}

.content h2 {
color: #005f7c
}

.content h3 {
color: #00777f
}

.content h4 {
color: #1b77b5
}

.content h5 {
color: #191919
}

.content ul > li::before {
color: #a83f3f;
}

.content ul {
color: #191919;
}

.content ol > li::before {
color: #a83f3f;
border-color: #a83f3f;
}

.content ol > li > ol > li::before {
background-color: #a83f3f;
border-color: #a83f3f;
}

.content ol > li > ol > li > ol > li::before {
color: #a83f3f;
border-color: #a83f3f;
}

.content ol {
color: #191919;
}

.content .balloon .balloon__text {
color: #191919;
background-color: #f2f2f2;
}

.content .balloon .balloon__text-left:before {
border-left-color: #f2f2f2;
}

.content .balloon .balloon__text-right:before {
border-right-color: #f2f2f2;
}

.content .balloon-boder .balloon__text {
color: #191919;
background-color: #ffffff;
border-color: #d8d8d8;
}

.content .balloon-boder .balloon__text-left:before {
border-left-color: #d8d8d8;
}

.content .balloon-boder .balloon__text-left:after {
border-left-color: #ffffff;
}

.content .balloon-boder .balloon__text-right:before {
border-right-color: #d8d8d8;
}

.content .balloon-boder .balloon__text-right:after {
border-right-color: #ffffff;
}

.content blockquote {
color: #191919;
background-color: #f2f2f2;
}

.content blockquote::before {
color: #d8d8d8;
}

.content table {
color: #191919;
border-top-color: #E5E5E5;
border-left-color: #E5E5E5;
}

.content table th {
background: #909155;
color: #ffffff;
;border-right-color: #E5E5E5;
border-bottom-color: #E5E5E5;
}

.content table td {
background: #ffffff;
;border-right-color: #E5E5E5;
border-bottom-color: #E5E5E5;
}

.content table tr:nth-child(odd) td {
background-color: #f2f2f2;
}