a:focus, a:focus-visible {
     border: 3px dashed  #ffc107 !important;
   /*  color: #ffc107 !important; */
     outline: 0 !important;
}

.djacc  svg:focus, svg:focus-visible  {
     border: 3px dashed  #ffc107 !important;
}

#img1:focus img{
  border: 5px dashed  #ff9807 !important;
background-color:#f3b04b6e;
  
}


#sp-logo-right .sppb-addon-feature .sppb-media-body .sppb-addon-title {
      font-size: 0.9em !important;
}

#sppb-addon-1513330254304 .sppb-icon .sppb-icon-container {
       font-size: xx-large;
}

#sppb-addon-1513330254309 .sppb-icon .sppb-icon-container {
       font-size: xx-large;
}
#sppb-addon-1513329455492 .sppb-icon .sppb-icon-container {
       font-size: xx-large;
}

.djacc-popup .djacc__footer {
    display: none;
}

#sppb-addon-1659414177694 .sppb-addon-content .sppb-btn {
    font-size: 0.9em !important;
}

.sppb-sp-slider-title {
    font-size: 3em !important;
}




body{font-family:Noto Sans TC, sans-serif; font-size:1em!important; font-weight:normal; }
h1{font-family:Noto Sans TC, sans-serif; font-size:1em!important; font-weight:900; }

.lg img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 500px;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    display: inline-block;
    padding: 0 1em;
    line-height: 65px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    height: 65px;
      font-weight: 500;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    display: block;
    padding: 7px 20px;
    font-size: 1.1em;
    cursor: pointer;
  color: #014186 !important;
}

.sp-page-title h2 {
    font-size: 2.67em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 900;
}

.sppb-addon-feature.homepage-feature {
     padding: 25px 20px 25px;
    background: #ffffff;
    border: 4px solid #be2079;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 30%;
   box-shadow: 2px 5px 10px rgb(0 0 0 / 50%);
}

.sppb-addon-feature.homepage-feature .sppb-feature-box-title a {
    color: #e39d00;
}

/*
.sppb-row-container {
    width: 1440px;
}

*/

.entry-video {
    margin-right: 30px;
    overflow: hidden;
    height: 320px;
}

.ytm .entry-video {
    margin-right: 30px;
    overflow: hidden;
    height: inherit;
}


.btn.sppb-btn-link, .btn.btn-link, .sppb-btn.sppb-btn-link, .sppb-btn.btn-link {
    padding: 0;
    font-size: 1em;
    border: 0;
}

.nav {
    display: contents; 
} 

.me {
    font-weight: 700;
    color: #005885;
    text-transform: none;
    font-size: 1.1em;
    margin-bottom: 15px;
    letter-spacing: 0px;
	border-bottom-style: solid;
    border-width: 3px;
    padding-bottom: 0.2em;
}

.me2 {
   
    font-size: 1.18em;
    border: thin solid #0c0c0c2e;
    border-radius: 10px;
}

.me3 {
   
    font-size: 0.72em;
    border: thin solid #0c0c0c2e;
    border-radius: 10px;
}




.entry-image img {
    height: 320px;
    width: 500px;
    max-height: 100%;
	/*max-width: 100%; */
    align-items: center;
    justify-content: center;
    align-content: center;
    justify-items: center;
    object-fit: contain;
    border: 1px solid;
    border-color: #b5b5b5;
    background-color: #bbbbbb0d;
   /* border-color: #02203cc7;
    background-color: #92c9ff6e;*/
    /* justify-content: center; */
    /* align-content: center; */
    /* justify-items: center; */
}


.it img {
    height: 320px;
    width: 450px;
    max-height: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
    justify-items: center;
    object-fit: contain;
    border: 1px solid;
    border-color: #be207945;
    background-color: #ffededb0;
    /* justify-content: center; */
    /* align-content: center; */
    /* justify-items: center; */
}

.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    line-height: 1;
    margin: 10px 0 0 0;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.sp-page-title h2 {
    font-size: 2.67em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: black 0.1em 0.1em 0.2em;
}

.hpad  img {
	height: 60px;
    width: 450px;
    max-height: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
    justify-items: center;
    object-fit: contain;
    border: 1px solid;
    border-color: #be207945;
    background-color: #ffffff;
} 
	
#sp-bottom .sp-module .sp-module-title {
    text-transform: none;
    font-weight: 700;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #ffc034;
    margin: 0 0 35px;
}

#sp-bottom .sp-module ul li a {
    line-height: 1;
    padding: 8px 0;
    text-transform: uppercase;
    color: #ffffff ;
    font-size: 1.1em;
 
}

/*
.com-sppagebuilder #sp-main-body {
    padding: 100px 0;
}*/

.sppb-row-container {
    width: inherit;
}



.spp  #sp-main-body {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
  max-width: 1320px;
  padding: 3em 0;
}

article.item {
    margin-bottom: 30px;
    display: table;
    width: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
}


.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title {
    font-size: 1.2em;
    margin: 0 0 10px;
    position: relative;
    font-weight: bold;
    color: #033b71;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
    text-align: left;
    margin-right: 15px;
    float: right;
    padding: 13px 20px;
}
tbody, td, tfoot, th, thead, tr {
       border-color: #b2cee9;
    border-style: solid;
    border-width: 0.15em;
}

.wb img {
    display: initial;
}

.offcanvas-menu {
    width: 320px;
    height: 100%;
    background-color: #033b71;
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    visibility: hidden;
    overflow: inherit;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10000;
}

.sp-megamenu-parent > li > a::before {
  background: #fdb522;
  
}

.lnpd_item_wrapper .lnpd_item_without_intro .lnpd_item_title {
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 400;
}

.lnpd_item_wrapper .lnpd_item_without_intro .lnpd_item_date {
    font-size: 1em;
    color: #705200;
    display: flex;
}

@media (min-width: 1200px)
.h2 {
    font-size: 1.6rem;
}

.bx-wrapper {
 margin-bottom: 0px;
}

.sp-page-builder .page-content #section-id-1513681985146 {

    padding-bottom: 0px;

}


.entry-link {
    padding: 100px 50px;
    position: inherit;

}

.entry-link, .entry-quote {
    background: #126bc1;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #126bc1;
}

.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a {
  
    height: 8px;
    
}

.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a.active {
   
    border-radius: 5px;
}

.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a {
    height: 8px;
  
    border-radius: 5px;
}

#sp-bottom .sp-module ul li a:hover{
  
  color:#fdb522;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title) {
    color: #033b71 !important;
}

#offcanvas-toggler >i {
    color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: auto !important;

}


.mbts p {
    margin-top: 0;
    margin-bottom: 0rem;
}

.sp-page-title {
      background-position: 0% 26%;
}

.ac p {
        font-size: 1.2em;
}

.sd p{
        font-size: 1.2em;
  line-height: 1.8em;
}

.table>:not(:first-child) {
    border-top: 2px solid #4c93d7;
}

.table {

    color: #4c93d7;

}
table.category thead >tr th, table.category thead >tr td, table.category tbody >tr th, table.category tbody >tr td {
       font-size: 1.2em;
    color: #212529;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}

.noimage .entry-image img {

    display: none;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
  
    padding: 1em 20px;
  
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  
    padding: 0px ;
}

.btn.btn-primary, .btn.sppb-btn-primary, .sppb-btn.btn-primary, .sppb-btn.sppb-btn-primary {

    font-size: 1.2em;

}


.sppb-addon-articles .sppb-article-meta>span {

    font-size: 1em;
}


.btn.sppb-btn-info, .btn.btn-info, .sppb-btn.sppb-btn-info, .sppb-btn.btn-info {

    font-size: 1em;

}

.mod_dropfiles_latest .mod_file-right {
   
    display: none;
}



.mod_dropfiles_latest .mod_filecontent_head h3 > a {

    font-size: 1.2em;
}

.weblinks a{
     font-size: 1.2em;
   
}


.mod_dropfiles_latest .mod_filecontent_head h3 {

    padding-bottom: 2px;

}

.icon-search:before {
    content: "\f002";
}

.form-check-input:checked[type=radio] {

    width: 24%;
}


.form-check-input[type=radio] {
  
    width: 24%;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    speak: none;
  font-weight: 900;
}


.pagination {
    
    font-size: 1.3em;
}


.osmap-items ul {
    margin: 0 0 9px 25px;
    font-size: 1.05em;
    line-height: 2em;
}


.dropfiles-content.dropfiles-content-default .dropfiles-container-default .dropfiles_list h3 a {
 
    font-size: 2.5em;
    line-height: 26px;
    font-weight: 500;
}

.dropfiles-content .downloadlink:not(.noLightbox) {
    font-size: 2.2em;

}


.dropfiles-content i.dropfiles-download, .dropfiles-content i.dropfiles-add-to-cart {
    font-size: 1.2em;

}


.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.ext a, .dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.custom-icon a {

    font-size: 1.5em;

}

.dropfiles-content.dropfiles-content-tree.dropfiles-content-multi ul.tree-list li.directory a.catlink span {

    font-size: 1.5em;

}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {

    font-size: 1.2em;

}
.slide-top-menu .offcanvas-menu {
    background-color: #00a6c2;

}

#sp-logo-wrapper .logo {
    height: 0px;

    visibility: hidden;
}

#sp-logo-wrapper .logo a {
    font-size: 0em;
    line-height: 0;
    margin: 0;
    padding: 0;
    display: none;
    vertical-align: middle;
}

.sp-module{
    margin-top: 20px;
}


element.style {
}
*, ::after, ::before {
    box-sizing: border-box;
    /* width: 0; */
    /* height: 0; */
    /* overflow: hidden; */
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


div {
    display: block;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

#sp-top-bar .sp-module .ws{
width: 0;
height: 0;
overflow: hidden;
display: flex;
position: absolute;
top: 0px;
left: 0px;
 

}

#sp-top-bar .sp-module .ws a:focus , a:focus-visible{
width: auto !important;
height: auto !important;

}


.top2 p {
  
    margin-bottom: 0;
}

#sp-top-bar .sp-module {
    margin: 0;
    float: none;
      font-size: 0.9em;
}


.wb .entry-link, .entry-quote {
    background: #ffffff;
    border: cornflowerblue;
    border: groove;
    border-width: 7px;
}


.mod_dropfiles_latest a {
   font-size: 1.2em;
      padding-bottom: 9px;
}

.att a {
    font-size: 1.6em;
    line-height: 1.3em;
  text-align: center;
}


 #sp-header.menu-fixed {
    background: #e63082;
}

#sp-bottom .sp-module .sp-module-title {

    margin: 0 0 10px;
}

.blog-content-wrap {
  
    text-align-last: center;
}

.entry-image, .entry-gallery, .entry-video, .entry-audio, .entry-link {
    margin-right: 0px;
}