@charset "utf-8";
/* CSS Document */

@font-face {
font-family:'Arial',"微軟正黑體"!important;  
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic);
}
@font-face {
  font-family:'Arial',"微軟正黑體"!important;  
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}

body { font-family:'Arial',"新微軟正黑體",'Microsoft JhengHei',"微軟正黑體"!important;   font-size: 18px!important;   }
ul#com-content-formTabs .nav-item .nav-link { display: inline-block !important; }
h1, h2, h3, h4, h5, h6{ font-family:'Arial',"微軟正黑體"!important; }
#sp-main-body h1{ font-size:2rem;}
#sp-main-body h3 {     margin-top: 1.5em!important;    margin-bottom: 0.5em!important;    font-size: 26px;} 
#sp-main-body h4{ margin-top:1.5em; color:#2963c3;     font-size: 22px;}
#sp-main-body p{ line-height:1.8em;}
button, input, label, select, textarea {
    font-size: 18px; font-weight:normal; line-height:1.5em; }


option{margin: 1em 0;     padding: 1em 0;}
.star{ color:red;}
img {    max-width: fit-content;} 
label{    margin-right: 10px;}
.searchintro legend{color: #d8446b;}
input{ margin-right:8px;}


/*header*/
#sp-top1 .fa{ color:#086ad9;}
.logo-image {    height: 48px!important; }
#sp-top2 .menu li{ display:inline-block;     margin: 0 6px;}
#sp-top2 ul.menu{    padding: 1em 0;    border-right: 1px solid #d6d6d6;    border-left: 1px solid #d6d6d6;    margin: 0;}
#sp-top2 ul.menu li{ margin: 0 10px;}
#sp-top-bar {    border-bottom: 1px solid #d6d6d6; }
#sp-top-bar .sp-contact-info li, #sp-top-bar .social-icons li {    border-right: 1px solid #d6d6d6; }
#sp-top-bar .sp-contact-info li:first-child, #sp-top-bar .social-icons li:first-child {    border-left: 1px solid #d6d6d6; }
.bread-a{ height:200px; background:url(/images/temp-img/breadimg.jpg) no-repeat 50% 50%;     background-size: cover; }
.bread-a .breadcrumb{ background:none;}


/*menu*/
/*.sp-megamenu-parent > li > a {    color: #2963c3; }*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {    font-size: 20px;}
.sp-mega-group-child .sp-menu-item a {    font-size: 16px!important;    line-height: 1.5em!important; color: #ababab;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {    color:#2963c3;}
.sp-megamenu-parent .sp-mega-group > li > a {    font-size: 18px;    font-weight: normal; }
.sp-megamenu-parent .sp-mega-group > li > a:hover {    color:#2963c3; }
.sp-megamenu-parent .sp-mega-group{ padding:1em!important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {   padding: 0; }
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after{ display:none;/*隱藏下拉箭頭*/}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {    border-bottom: 3px solid #2963c3;    padding: 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {    color:#808080;}
.sp-megamenu-parent > li:hover > a {    border-bottom: 3px solid #2963c3;}
.offcanvas-menu {    background: #333 !important; }
.offcanvas-menu .offcanvas-inner .sp-module ul>li a {    font-size: 18px; }
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {    font-size: 16px; }


/*index*/
.imgwhite .sppb-addon-single-image-container{ width: 100%;}
.imgwhite .sppb-img-responsive{ background-size:cover;     width: 100%;}
.mainbenner .sppb-sp-slider-image  img{ width:500px!important; height:575px!important; position:relative; left:100%; margin-bottom:-100px; }
#sp-main-body .publication .sppb-image-layout-title{ margin:0!important;}
.sp-slider .sp-dots { z-index:2000;}
#sppb-addon-1623397811149 .sp-slider .sp-dots {    bottom: 80px!important; }
.publication .sppb-addon-image-layout-content{    width: 100%;    text-align: center!important; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
.readmore{ background:#2963c3; color:#FFF!important; font-size: 1em;     padding: 0.8em 3em; -webkit-border-radius: 10px; -moz-border-radius: 10px;
border-radius: 10px;}
.readmore:hover, .readmore:hover>a{ background:#d8446b; color:#FFF!important;     display: block;}
.nspArt .nspInfo {  
    font-size: 16px;    color: #999;    float: left;    width: 20%;    font-weight: normal;    font-family: system-ui;
}
.nspArt h4.nspHeader a{ color:#000;}
.nspArt h4.nspHeader a:hover{ color:#2963c3;}
.nspArt h4.nspHeader {
    font-size: 20px!important;    padding: 0;    font-weight: normal;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;
    width: 80%;     margin-top: 3px!important;} 
.winnerlist .sppb-img-responsive{transform:scale(1,1);transition: all 1s ease-out;}
.winnerlist .sppb-img-responsive:hover{transform:scale(1.1,1.1); }
.winnerlist{clip-path: polygon(0 0, 100% 8%, 100% 76%, 0% 100%); z-index: 1000!important;}
.publication .sppb-addon-image-layout-wrap{-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.publication .sppb-addon-image-layouts img{transform:scale(1,1);transition: all 1s ease-out;}
.publication .sppb-addon-image-layouts img:hover{transform:scale(1.2,1.2);     -webkit-border-top-left-radius: 10px;    -webkit-border-top-right-radius: 10px;    -moz-border-radius-topleft: 10px;    -moz-border-radius-topright: 10px;    border-top-left-radius: 10px;    border-top-right-radius: 10px;}
.publication .sppb-addon-image-layout-image{ height:316px; width:100%;     overflow: hidden;}
.sp-page-builder .page-content #section-id-1622081862799 {    background-position: -3% 50%!important;}
#sp-main-body .newsarea h3.sppb-addon-title{ margin: 0!important;}
.sp-slider .sp-item .sp-background {    background-size: 100% 100%;}



/*page*/
#categorylist_header_date, .list-date{white-space: nowrap;}
.title a, .center a{ color:#FFF;}
.profile{margin: 3em;}
.categories-list h3.item-title{ display:block; width:100%;}
.alert-heading{ color:#721c24; }
#system-message h4{margin-top:0!important;}
#sp-main-body {    padding: 60px 0;}
#sp-main-body {    background-color: #efefef;}
span.error {    font-size: 100%!important;}
#sp-main-body img{ max-width:100%;}
.pagination-wrapper {    margin: 2em 0; }
.breadcrumb {    display: block;    text-align: center; padding:3rem 0; }
.breadcrumb li{    display: contents;}
.breadcrumb-item.active{ color:#FFF; font-size: 1.5em;    font-weight: bold;}
.breadcrumb-item.active span{ display:block; width:100%; margin-top: 10px;}
.breadcrumb a{ color:#FFF; font-size: 0.9em;}
.breadcrumb a:hover{ text-decoration:underline;}
.breadcrumb-item+.breadcrumb-item::before {    color: #20dbfc; }
.eb-page-heading{    font-size: 2em;}
.article-header, .article-info{border-left: 2px solid #2963c3;    padding-left: 1em;}
.article-details .article-info{ margin-bottom:3em;}
.article-header h1{ margin-bottom:0; padding-bottom:10px;}
.article-info span{ color:#666;}
.article-info > span {    font-size: 0.9rem; }
.btn-primary, .sppb-btn-primary, #acym__front__archive__search .subbutton {  color: #FFF;  border-color: #2963c3;    text-shadow: none;    font-weight: normal;border:1px solid #558ae2!important; }
#acym__front__archive__search .subbutton {    background-color: #2963c3;    font-size: 16px;    min-width: auto!important;    padding: 10px;    margin-top: -7px;}
#acym_wrapper .acym__front__archive .acym__front__archive__raw, #acym_wrapper .acym__front__archive .acym__modal__handle {    font-size: 17px;}
#acym__front__archive__search{margin-bottom: 2em!important;}
.osm-container .btn{ border-color: #2963c3; color:#FFF; background-color: #2963c3;}
.osm-container .btn:hover{ color:#FFF; background-color: #d8446b; border:1px solid #d8446b;}
.btn-primary:hover, .sppb-btn-primary:hover, .btn-primary:hover, .sppb-btn-primary:hover{ background: #2963c3!important; color:#FFF;}
.sp-megamenu-parent item-header li ul li a {
    color: #868686;
} 
.filter-search{ margin:10px 0;}
.ml-2, .mx-2 {
    margin-left: 0!important;
}
.list_event_date{ white-space:nowrap;}

.eb-event-price-container .eb-individual-price {
    color: #fff;
    display: inline-block;
    padding: 6px 15px;
    background: #00c0b3;
    font-size: 15px;
    text-shadow: none;
    border-radius: 10px;
}
.eb-taskbar .btn{    background: #FFF;    border: 1px solid #8a8a8a; text-shadow: none;     background: #8a8a8a;}
.btn-secondary{color: #333;}
#eb-event-page h1.eb-page-heading {    margin: 0!important;       font-size: 2rem; }
#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description {    padding: 2em 0em; }
.eb-notice-message{font-weight: normal;    font-size: 1em;}
.eb-taskbar .btn:hover{ background:#666; border:1px solid #333; color:#FFF;}
.eb-taskbar .btn-primary{border:1px solid #558ae2!important;     background: #2963c3;}
.eb-taskbar .btn-primary:hover{border:1px solid #d8446b!important;     background: #d8446b!important;}
.container li{ line-height:1.8em;}
.pager > li a {    font-size: 0.8em; }
.article-list .article .readmore a {   color: #ffffff; }
.blog .article-header h2{font-size: 1.5em!important;     margin: 0!important;}
.blog .article h3, .blog .article h4{font-size: 20px; line-height:1.8em;}
.eb-even-title-container {    font-size: 1.3em; }
.eb-event-date-info {     color: #666;   font-size: 90%; font-weight:normal;}
.eb-event-container {    padding: 1em 0 1em 100px; }
.eb-events-timeline .eb-taskbar {    padding: 30px 0; }
.eb-event-date{ background:#d8446b; border:none!important;}
.article-list .article {    border: 1px solid #d6d6d6; }
#eb-categories .eb-box-heading, #eb-events .eb-box-heading, #eb-event-page .eb-box-heading {
    background: #ffffff;
    border: none;
    border-left: 2px solid #2963c3;
    padding-left: 1em;
}
#eb-categories .eb-description, #eb-events .eb-description, #eb-event-page .eb-description{ border:none;}
.eb-box-heading {  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.eb-event-container .text-info, .eb-description .text-info{
    color: #d8446b!important;
    border: 1px dashed #eaa6b8;
    padding: 3px 12px;
    width: auto;
    display: inline-block;
    background: url(/images/temp-img/information.png) no-repeat 10px center;
    padding-left: 33px;
}
.article-details .article-header h1, .article-details .article-header h2 {    font-size: 2rem; }
.eb-event-date-container {    border: 1px solid #f18ea8; }
.table .eb-event-property-label {
background: #FFF;
    border-bottom: 1px dotted #a9a9a9;
    text-align: right;
       white-space: nowrap; padding:10px 22px;
    border: 2px solid #ffffff;
    border-right: 2px solid #2963c3;
    background-color: #e4eeff;
}
.table .eb-event-property-value{    border-bottom: 1px dotted #a9a9a9;    background: #FFF;}
#eb-event-info table {     /*   border: none;*/  width: auto;}
h2.osm-item-title{ font-size:28px;}
.osm-page-title{ display:none;}
.osm-container .osm-item-heading-box, .osm-container .osm-item-heading-box {
    border: none!important; background-color:#FFF!important;
    border-bottom: 3px solid #2963c3!important;
    background:#FFF url(/images/temp-img/member-bg.png) no-repeat -167% 93%!important;
}
.osm-container .osm-item-wrapper {    margin-bottom: 4em; }
.osm-item-description .table{ border:5px solid #e2e2e2;}
.osm-heading, .eb-heading, .eb-page-heading{ font-size:2rem;   }
.osm-container h1, .osm-container h2, .osm-item-title{   font-size: 2rem;  margin: 2em 0 0.8em 0;  padding-left: 12px!important;  border-left: 2px solid #2963c3;}
.eb-container h1{ padding-left: 12px!important; border-left: 2px solid #2963c3; margin: 0 0 1em 0!important;}
#eb-event-page .eb-box-heading{ padding-left:0; border:0;}
.categories-list > div{       width: 30%;         display: inline-flex;   -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    margin: 15px 1%;    padding:1em 18px; background:#eee url(/images/temp-img/catabg.jpg) no-repeat 140% 113%;     min-height: 300px;
    text-align: left;     box-shadow: 2px 2px 3px -2px rgb(9 22 35); -moz-box-shadow: 2px 2px 3px -2px rgb(9 22 35); -webkit-box-shadow: 2px 2px 3px -2px rgb(9 22 35);
}
.categories-list > div.category-desc{width: 100%;    background: none;    border: none;    box-shadow: unset; display:block;}
.categories-list .item-title a{ text-decoration:underline; }
.categories-list .badge-info{    background: none;
    color: #666;
    font-weight: normal;
    font-size: 16px;}
.alert-success h4{    margin: 5px 0;     color: #0c5056!important;}
.alert-success {    color: #3a838a;    background-color: #d4ebed;    border-color: #b3cacc;}
.btn-secondary {   color: #fff;    background-color: #2963c3;    border-color: #2963c3; }
.result-created, .result-category .small{ color:#555; font-size:14px!important;}
.result-text{ text-align:justify;}
.search .search-results dt.result-title {    font-size: 20px;     color: #2963c3; text-decoration: underline;}
.pager>li a {    padding: 0.3rem 1.8rem;       border: 1px solid #9e9e9e;  }
.pager>li a:hover{ background:#d8446b;  color:#FFF;}
.result-text .highlight{    background: #ffd4df;    padding: 1px 3px;}
.badge-info {      background-color: #d8446b; }
#sp-component{background: #FFF;    padding: 2em;}
.itemid-101 #sp-component{  padding: 0;}
div.fastsocialshare_container {    margin-top: 4em;}
.timeline-panel .title{font-weight: bold;}
.timeline-panel img{display: inline-block;}
.timeline-date{ padding-top:23px; color:#d8446b;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {    margin: 8px 30px 0 0;    }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date {    font-size: 18px; }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details {    font-size: 16px;  }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {    text-align: left; }
#osm-categories-list{ display:none;}
.eb-topmenu-calendar ul li a:hover, .eb-topmenu-calendar ul li a.active {    background: #2963c3; }
.regpro-calendarMonthHeader {    background-color: #FFF;}
.regpro-calendarWeekDayHeader {
    background: #2963c3;
    border-left: 1px solid #ffffff;
}
.regpro-calendarDay {
    background-color: #ffffff;
    color: #333;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
}
.eb-calendar ul {

    border: 1px solid #dadada;
}

.regpro-calendarDay .eb_event_link {
    color: #29363E;
    background:#fffcdf;
    border: 1px #ffc107 solid;
    margin: 4px;     height: 67px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;}

.day_cell{ margin-right:6px;}


#extcalendar .previousday, #extcalendar .previousweek, #extcalendar .nextday, #extcalendar .nextweek {    background-color: #2963c3;
}
#extcalendar .currentmonth, #extcalendar .currentday, #extcalendar .currentweek {    background-color: #134eaf;
}
#extcalendar .today {    color: #666;    font-weight: normal;    font-size: 16px; }
#extcalendar .today {    padding: 15px; }
.osm-container .osm-item-heading-box {    padding: unset;}
.osm-container .form-group input[type=color], .osm-container .form-group input[type=date], .osm-container .form-group input[type=datetime-local], .osm-container .form-group input[type=datetime], .osm-container .form-group input[type=email], .osm-container .form-group input[type=month], .osm-container .form-group input[type=number], .osm-container .form-group input[type=password], .osm-container .form-group input[type=search], .osm-container .form-group input[type=tel], .osm-container .form-group input[type=text], .osm-container .form-group input[type=time], .osm-container .form-group input[type=url], .osm-container .form-group input[type=week], .osm-container .form-group select, .osm-container .form-group textarea, .osm-container .form-group input[type=text].input-xlarge, .osm-container .form-group select.input-xlarge, .osm-container .form-group textarea.input-xlarge {
    width: 90%!important;
}
.login .justify-content-center .col-md-4{     -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
.regpro-calendarDay:hover {    background-color: #dae4f5; }
.eb-form-heading {
    background: none;
    border: unset;
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
    padding: 0 0 0 0.8em;
    border-left: 2px solid #d8446b;
    margin-top: 2em;
}
.blog h3{    font-size: 20px;}
.osmap-items h2{ font-size:2rem;}
.level_0 li{    list-style-type: none;    border-left: 2px dotted #c1c1c1 ;    padding-left: 1em;     margin: 2em 0;  -moz-border-image: -moz-linear-gradient(top left, #d0d0d0 0%, #5890ef 100%);
	  -webkit-border-image: -webkit-linear-gradient(top left, #d0d0d0 0%, #5890ef 100%);     border-image: linear-gradient(to bottom right, #d0d0d0 0%, #5890ef 100%);
	  border-image-slice: 1; }
.level_0 li a{font-size: 22px;}
.level_0 li li{           border-left: unset;    margin: 0;    list-style-type: disc;}
.level_0 li li a{ font-size:18px;}
.level_0 li li li{ list-style-type: circle; }
#field_gender .form-check-input {
    position: unset;
    margin-top: .3rem;
    margin-left: 0;
}

/*table*/
.table{ border:1px solid #dee2e6;}
.table td, #sp-component{word-wrap: break-word; word-break: break-all;}
.table thead th {    border-bottom: 2px solid #2963c3; text-align:center; }
.table-bordered td, .table-bordered th { background:#FFF;
    border: none;
}
.table th{    background: #2963c3;
    border-left: 1px solid #ffffff; color:#FFF;vertical-align: middle; font-weight:normal;}
.table th p{    margin-bottom: 0;}
.sp-scroll-up {    width: 60px;    height: 60px;    line-height: 60px; }
.btn-toolbar .btn{ margin:10px 10px 10px 0;} 
.input-group-append .hasTooltip{ margin:0;}
.chzn-container {    font-size: 15px; }
.category th a{ color:#FFF;}
.table thead th {    vertical-align: middle;}
#member-profile{margin: 2em 0;}


/*right area*/
#sp-right .sp-module-title{ margin-top:0!important;     border-left: 2px solid #2963c3;    padding-left: 1em;}
#sp-right .ebm-upcoming-events .ebm-event-link, #sp-right  .post-title ,  #sp-right .post-title a{font-size: 16px;    font-weight: normal;    color: #2b436b;    line-height: 1.5em;}
#sp-right .ebm-upcoming-events .ebm-event-link:hover,  #sp-right .post-title a:hover{ text-decoration:underline;}
#sp-right .ebm-event-date, .post-date, .post-category{font-size: 14px;    color: #666;}
#sp-right  .post-title{ margin:0!important;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {    margin: 0 0 30px;    padding-bottom: 0px;    font-size: 24px;    font-weight: 700;    border-bottom: none; }

.ebm-upcoming-events li {    margin: 20px 0 10px!important; }
#sp-right .ebm-upcoming-events li br{ display:none;}
#sp-right  .btn-primary{ color:#FFF;}
#sp-left .sp-module, #sp-right .sp-module {    border: 1px solid #ededed; background:#FFF;}
#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {  border-bottom: 1px solid #ededed; }
.post-item{ border-bottom: 1px solid #ededed;     padding: 12px 0;}
.post-date{ margin-bottom:10px;}
#sp-right .form-control{ font-size:16px;}
#sp-right button, #sp-right input, #sp-right label, #sp-right select, #sp-right textarea{font-size:16px;}
.unstyled li a{ font-size:16px;}

/*footrt*/
#sp-footer{ background:#032d71!important; padding-top:2em;}
.sp-copyright{ display:none;}
#sp-footer #sp-footer1 a {    color: #ffffff;    text-decoration: underline; }


/*offcanvas*/
#offcanvas-toggler {
    font-size: 22px;
}


@media (min-width: 1200px){
    

}

@media (min-width: 1200px){


}

@media (max-width: 1800px) and (min-width: 1601px) {
.sppb-carousel-extended-outer-stage{ height:620px!important;}
}
@media (max-width: 1600px) and (min-width: 1501px) {
.sppb-carousel-extended-outer-stage{ height:540px!important;}
}
@media (max-width: 1500px) and (min-width: 1200px) {
.sppb-carousel-extended-outer-stage{ height:447px!important;}
}
@media (max-width: 1199px) and (min-width: 1140px) {
.sppb-carousel-extended-outer-stage{ height:426px!important;}
}
@media (max-width: 980px) and (min-width: 880px) {
.sppb-carousel-extended-outer-stage{ height:348px!important;}
}
@media (max-width: 879px) and (min-width: 780px) {
.sppb-carousel-extended-outer-stage{ height:300px!important;}
}
@media (max-width: 779px) and (min-width: 600px) {
.sppb-carousel-extended-outer-stage{ height:249px!important;}
}

@media (max-width: 1366px) and (min-width: 1025px) {
}

@media (max-width: 1280px) and (min-width: 1025px){


    }
@media (max-width: 1196px){

    }  

@media (min-width: 1025px){

}
@media (max-width: 1024px) {

    }
@media (min-width: 992px){

}

@media only screen and (max-width: 991px){
  
}
@media (max-width: 890px) {
    .nspArts, .nspLinksWrap {    padding: 0 5px; }
    .nspArt .nspInfo {    width: 100%; margin:0; }
    .nspArt h4.nspHeader {   width: 100%;}
    .winnerlist {    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); }
    #sp-main-body .sppb-section .sppb-addon-title {    margin: 0!important;}
    .nspArt h4.nspHeader {
    font-size: 22px!important;
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 0.5em;}
    .publication .sppb-addon-image-layout-image {    height: 312px; }
    #sppb-addon-1622703464330 .sppb-image-layout-title {    font-size: 22px; }
    #sp-right{ margin-top:2em;}
    #sp-right .ebm-upcoming-events .ebm-event-link, #sp-right .post-title, #sp-right .post-title a {    font-size: 18px;}
    #sp-right .ebm-event-date, .post-date, .post-category {    font-size: 16px; }
    #sp-main-body {    padding: 30px 0; }
    #sp-component {    background: #FFF;    padding: 15px; }
    .bread-a {    height: auto; }
    .breadcrumb {    padding: 1rem 0; }
    #sp-slider-inner-item-1623397811150-num-0-key, #sp-slider-inner-item-1623397811151-num-0-key{ display:none;}
    div[data-arrow-content=icon_only].sp-slider .sp-nav-control .nav-control{ display:none;}
    #sppb-addon-1623397811149 .sp-slider .sp-dots {    bottom: 15px!important; }
    .publication{ padding-left:15px!important; padding-right:15px!important;}
    .breadcrumb{ margin-bottom:0;}
    .categories-list > div{ width:47%;}
    #sp-component{margin: 0 10px;}
    #eb-event-page h1.eb-page-heading {    font-size: 1.8rem; }
    .breadcrumb-item.active {    color: #FFF;    font-size: 1em;    font-weight: normal; }
    body .eb-calendar ul.eb-month-browser li {    font-size: 12px;    width: auto;    float: left;}
    .osm-container .form-group input[type=color], .osm-container .form-group input[type=date], .osm-container .form-group input[type=datetime-local], .osm-container .form-group input[type=datetime], .osm-container .form-group input[type=email], .osm-container .form-group input[type=month], .osm-container .form-group input[type=number], .osm-container .form-group input[type=password], .osm-container .form-group input[type=search], .osm-container .form-group input[type=tel], .osm-container .form-group input[type=text], .osm-container .form-group input[type=time], .osm-container .form-group input[type=url], .osm-container .form-group input[type=week], .osm-container .form-group select, .osm-container .form-group textarea, .osm-container .form-group input[type=text].input-xlarge, .osm-container .form-group select.input-xlarge, .osm-container .form-group textarea.input-xlarge {
    width: 100%!important;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a {    font-size: 20px;}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {    font-size: 18px;}
.sp-slider-outer-stage{height: 400px!important;}

    }
@media (max-width: 1024px) and (min-width: 768px) {

    }   
    
 @media (max-width: 812px) and (min-width: 768px)   {

     }
@media (min-width: 576px) and (max-width: 1024px) {

    }
@media (max-width: 1200px) and (min-width: 576px) {
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {    padding: 0 9px; }
   .container { max-width: 100%;    }

}

    
    }
@media (min-width: 992px) {
 
}
@media (max-width: 800px){

}
@media (min-width: 768px){

}
@media (max-width: 768px)  {
  
   
    }
@media (max-width: 768px) and (min-width: 601px) {

    }
@media (min-width: 576px){


}
@media (max-width: 600px)  {
#categorylist_header_date, .list-date {    white-space: normal;}
.nspArt .nspInfo {
    font-size: 18px;    padding: 10px 0;}
.publication .sppb-image-layout-title{    font-size: 22px!important;}
#sp-footer {    font-size: 18px;    padding-top: 1em;}
.eb-container:not(.eb-container-j4) .form-group input[type=color], .eb-container:not(.eb-container-j4) .form-group input[type=date], .eb-container:not(.eb-container-j4) .form-group input[type=datetime-local], .eb-container:not(.eb-container-j4) .form-group input[type=datetime], .eb-container:not(.eb-container-j4) .form-group input[type=email], .eb-container:not(.eb-container-j4) .form-group input[type=month], .eb-container:not(.eb-container-j4) .form-group input[type=number], .eb-container:not(.eb-container-j4) .form-group input[type=password], .eb-container:not(.eb-container-j4) .form-group input[type=search], .eb-container:not(.eb-container-j4) .form-group input[type=tel], .eb-container:not(.eb-container-j4) .form-group input[type=text], .eb-container:not(.eb-container-j4) .form-group input[type=time], .eb-container:not(.eb-container-j4) .form-group input[type=url], .eb-container:not(.eb-container-j4) .form-group input[type=week], .eb-container:not(.eb-container-j4) .form-group select, .eb-container:not(.eb-container-j4) .form-group textarea{     width: 100%!important;   }
#adminForm .form-check-input {
    position: unset;
    margin-top: .3rem;
    margin-left: 0;
}
.sp-slider-outer-stage{height: 300px!important;}


}

    
@media (max-width: 480px)  {


}
   
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all{

}


.itemid-101 .readmore:hover, .itemid-101 .readmore:hover>a {
    display: inline-block;
}
.banneritem{    margin-bottom: 0.5em;}
.indexbanner01 .banneritem, .indexbanner02 .banneritem {display: inline-block; margin: 0.3%;}
.indexbanner01 .banneritem{    width: 32.333333%;}
.indexbanner02 .banneritem{  width:19%;}
.indexbanner01 img, .indexbanner02 img {    width: 100%;}
#Performancecontent_1, #address_1, #Uniformnumbers-lbl{width: 100%;}
#eb-group-members-information .col-md-9 .row{     margin-left: 0;}
.bannergrouplistbanner .banneritem{    display: inline-block;    margin: 5px 2px;    width: 19%;}
#sp-menu .sp-menu-item a{
    color: #252525; font-size: 18px;    font-weight: normal;
}
#sp-menu .sp-has-child  .sp-menu-item{ padding:0 20px;}