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

body , #sbox-window > body{
    font-family: 'Roboto', "微軟正黑體"!important;
    font-size: 18px;
    line-height: 1.7em;
}
a {    color: #bb8819;}
a:hover, a:focus, a:active {    color: #000;}
ul#com-content-formTabs .nav-item .nav-link { display: inline-block !important; }

.contentpage h1, .contentpage h2, .contentpage h3, .contentpage h4, .contentpage h5{    margin-top: 1.5em;}
/*header*/
#sp-header.header-sticky {    height: 110px!important; background: rgba(0,0,0,0.8); }
#sp-header.full-header {    padding-left: 0;    padding-right: 0; }

/*mewnu*/
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {  font-family: 'Roboto', "微軟正黑體" !important;}
#sp-header {    background: #0b0f1a;height: 102px; }
.sp-megamenu-parent .sp-mega-group {    padding: 18px 25px; }
.sp-megamenu-parent .sp-mega-group > li > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {   font-size: 19px; }
.sp-megamenu-parent .sp-mega-group > li > a:hover {    color: #fff; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {    font-size: 140%; }
.transparent-header #sp-header .sp-megamenu-parent > li > a {     font-weight: bold; }
#sp-menu .quickmenu{ float:right;}
#sp-menu .sp-megamenu-wrapper{ float:left;}
.quickmenu li{ display:inline-block; margin: 0px 8px;}
#sp-header .sp-megamenu-parent .sp-menu-item a {    font-weight: bold; }
#sp-header .sp-megamenu-parent .sp-menu-item a:hover, .sp-megamenu-parent>li:hover>a{color: #ddb868!important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {    color:  #ddb868; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {    color:  #ddb868; }
.sp-megamenu-parent>li>a {    color: #ffffff;}
.quickmenu{    margin-top: 22px;    margin-right: 20px;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {    background: rgba(0, 0, 0, 0.8); }
.sp-dropdown li{ padding:10px 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item{ border:none;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {    color: #ddb868; }
#sp-header .sp-dropdown a, #sp-header .sp-dropdown .control-label, #sp-header .sp-dropdown .item-16 { color:#FFF!important;}
#sp-header .sp-dropdown .sp-module-title{ display:none;}
.justify-content-end {    justify-content: flex-start!important;}

/*offcanvas-menu*/
.offcanvas-menu {    background: #000000 !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; }
#offcanvas-toggler {    font-size: 36px;}    
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff; opacity: 1;}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover{ color: #D9D9D9;}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgb(255 255 255 / 50%);
}
.offcanvas-menu .offcanvas-inner ul.menu>li{    display: block;    color: #fff !important;    padding: 0 30px;    position: relative;  line-height: 50px;    border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.offcanvas-menu .offcanvas-inner ul.menu>li ul.menu-child li{}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {    padding: 16px 0px; }
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {    margin-right: 0; }
.burger-icon>span {   margin: 2px 0; }

 .offcanvas-menu .offcanvas-inner {    padding: 20px 0; }  
/*footer*/
#sp-footer #sp-footer2 {    text-align: left; }
#sp-bottom {    font-size: 16px;    padding: 15px 0 40px; }
#sp-bottom  li{float: left;    width: 14.285%; font-size: 20px; }
#sp-bottom .sp-module ul > li {    margin-bottom: 10px; }
#sp-bottom .sp-module ul{ margin-top:1em;}
#sp-bottom  li li{width: 100%; float: none; font-size: 16px;  }
#sp-bottom  li li a{ color:#999999; } 
#sp-footer2{ padding-top:14px;}



/*index*/
.itemid-101 #sp-header{ position:absolute;     background: transparent;}
.itemid-101 #sp-header.header-sticky {    position: fixed;     background: #000; }
.info_list .sppb-testimonial-carousel-name{ border-bottom: 2px solid #ddb868;    padding: 0 0 20px;}
.info_list .sppb-testimonial-carousel-content-wrap{ width:100%;}
.subtitle{ font-size:56px;}
.sppb-btn-custom{ border:1px solid #ddb868; -webkit-border-radius: 6px!important; -moz-border-radius: 6px!important; border-radius: 6px!important;}
.sliderbanner .sppb-addon-text-block{ border-left:1px solid #ddb868;     padding-left: 2em;}
.nspArt .nspInfo{ color:#bb8819;     text-align: right; padding-right: 15px;}
.news_middle .nspArt .nspInfo{ color:#FFF; }
.contactbtn{    position: relative;    top: -184px;    left: 210px;}
.mod-articlesnews__item h4{     border-bottom: 1px dotted #c8c8c8;    padding:13px 10px;    font-size: 20px;    font-weight: normal!important;}
.mod-articlesnews__item a{color: #252525;}
.mod-articlesnews__item a:hover{color: #bb8819;}
.sliderinfo img{ width:50%; height:inherit!important; margin: 0 1em 1em 0;}
.sliderinfo .sppb-btn{padding: 12px 2em;}
.newsflash{    background: #FFF;    padding: 24px;    border: 1px solid #ddb868;}
.timeline-panel{ background:#FFF;}
.sppb-carousel-indicators {    bottom: -30px; }

/*news*/
.nspArt h4.nspHeader a { color:#000; font-size:18px;}
.nspArt{   border: 1px solid #c8c8c8;    margin: 1%;      background: #FFF;  }
.news_middle .nspArt{ background:#ddb868;}

/*breadcrumb*/
.breadcrumb{ background:#0c1322 url(/images/temp-img/page-banner2.jpg) no-repeat right center; height: 185px; padding: 4.75rem 4rem!important; color:#fff;}
.breadcrumb-item a{ color:#FFF;}
.breadcrumb-item.active {  padding-left: 10px; font-size: 1.25em;     color: #CCC; }
.pathway{     margin-left: 0.5em;}


/*table*/
.viewtable{ width:auto; border:1px double #ddb868;/* -webkit-box-shadow: 3px 3px 8px 0px rgba(207,207,207,1);
-moz-box-shadow: 3px 3px 8px 0px rgba(207,207,207,1); box-shadow: 3px 3px 8px 0px rgba(207,207,207,1);  */  }
.viewtable th{font-size: 1.2em;  text-align:center; background-color:#ddb868;}
.category th{background-color:#ddb868; text-align:center;}
.category th a{ color:#252525;}
table.category thead>tr:nth-of-type(odd), table.category tbody>tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
table.category thead>tr, table.category tbody>tr {
    border: 1px solid #f2f2f2;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}

/*page*/
.aiarea{      width: 49%;    display: inline-block; vertical-align: top;}
.aiimg{        margin: 0 2em 0 0;    background: #efefef;    padding: 10px; }
.aiarea h3{      text-align: center;    margin: 15px 2em 0 0; }
.aiimg img{  border: 1px solid #ccc;    padding: 2px;    text-align: center;    margin: 10px auto;
    min-height: 216px;
    width: auto;}
.aiset01 img{         display: inline-block;  }
.aiset02 img{         display: inline-block;    vertical-align: baseline;}
.aiset01, .aiset02 {    display: block;    margin:2em 2em 0 0;}
.s2{margin-bottom: 7em;}
.s2 h3{margin-bottom: 2em;}
.s2 .aiset01, .s2 .aiset02 {        display: inline-block;    width: 48%;    border-bottom: 1px dotted #ccc;    min-height: 125px;    margin: 1% 1%;}
.s2 .aiset01{    float: left;}
.s2 .aiset02{   padding: 0;}
.aiset02{    padding: 0 0 2em 0;    border-bottom: 1px solid #ccc;    margin-top: 10px;}
.aiset01 p{    margin-left: 30px;}
.aiset01 p, .aiset02 p{display: inline-block; font-weight: bold;    color: #7c5017;}
.aiset02 ul{    display: inline-block;    vertical-align: top;    width: 55%;    margin: 0; margin-top: 10px;     font-weight: bold;
    color: #265392;}
label {display: inline !important; }
.page-item.active .page-link {    background-color: #6c757d;    border-color: #6c757d; }
#member-registration fieldset{ margin-bottom:2em;}
.pager {    border-top: 1px solid #d0d0d0;     margin: 7rem 0 0 0;}
.pager > li a {    border: 1px solid #d0d0d0; }
.pager > li a {    font-size: 0.8em;    padding: .9rem 2.5rem;    border-radius: 30px; }
#sp-main-body h1, #sp-main-body h2, #sp-main-body h3, #sp-main-body h4, #sp-main-body h5, #sp-main-body h6{ font-weight:bold; }
.article-details h2, .article-details h3, .article-details h4, .article-details h5{ margin-top: 2em;     margin-bottom: 0.5em;}
.btn-primary:hover, .sppb-btn-primary:hover, .btn-primary:active, .sppb-btn-primary:active {
    border-color: #212121;
    background-color: #212121;
}
.btn{ background: #666;}
.pagenavigation .pagination a {    padding: 9px 18px;    border-radius: 30px; }
.term{ color:#73a6d4;}
.star, .red, .sppb-field-required{ color:red;}
.article-details .article-info {    margin-right: 1em; float:left;}
.fields-container, .article-info > span {font-size: 0.9rem; }
.articleBody{ margin-top:5em;}
.contentpage{ padding-top: 2em;    clear: both;    border-top: 1px dotted #ccc;    margin-top: 2.5em;}
.sp-scroll-up{ background:#ddb868; color:#000;     width: 50px;    height: 50px; line-height: 50px;}
.article-list .article .readmore {  text-align: center;  /* font-size: 0.9rem;    background: #e2cd9e;    padding: 10PX 15PX; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ddb868;*/ }
.article-list .article {    border: 1px solid #d0d0d0; }
.article-list .article .article-header h1, .article-list .article .article-header h2 {    font-size: 1.5rem;    }
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover{ text-decoration:underline; }
.pagination-wrapper {    margin-top: 3em; }
.blog .article-info{    float: left;    padding-right: 2em;}
.article-introtext{ clear:both;}
.article-info { color: #757575;}
.article-info > span a { text-decoration:underline;  color: #757575;}
.article-info > span a:hover{ color:#bb8819;}
.list-group-item {    border: 1px solid #d0d0d0; }
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {    text-decoration: underline; }
.article-list .article .article-header h1 a:hover, .article-list .article .article-header h2 a:hover{ color:#bb8819;}
.osmap-items li{ list-style-type:none;}
ul.level_0{ border: 1px solid #ddb868;     padding: 40px;}
ul.level_0 a{ color:#000;}
ul.level_0 li{ font-size:1em; margin-bottom: 2em; font-weight:bold;}
ul.level_0 li li{ font-size:0.9em; margin-bottom: 0.8em; border-bottom: 1px dotted #ddb868; padding-bottom: 0.8em; font-weight: normal;}
#osmap-menu-uid-quick-link{ margin-top:3em;}
.osmap-items ul {    margin: 18px 0 9px 25px; }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date{ font-weight:bold; font-size:20px; line-height: 1.5em!important; margin-top: 25px;}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {    text-align: left; }
.list-group-item{ color:#252525;}
.list-group-item:hover{color:#bb8819}
.sppb-animated-number{    padding: 11px 16px;    border-bottom: 1px double #ddb868; }
.articles-more a{ color:#252525;}
.articles-more a:hover{ color:#bb8819;}
.blog .cat-children{ text-align:center;}
.blog .cat-children>div{    display: inline-block;   padding:0;    margin: 1%;}
.blog .cat-children>div h3{ padding:0; margin:0;}
.blog .cat-children>div h3 a{ padding:25px 65px; display:block; border: 1px solid #ddb868; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.blog .cat-children>div h3 a:hover{ background:#ddb868; color: #000;}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: #000;
}
.article-list .article .readmore a {       font-weight: normal;    font-size: 15px;    display: block;    background: #ecdebd;    padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.article-list .article .readmore a:hover{ background:#ddb868;}
.btn-primary, .sppb-btn-primary {    border-color: transparent;    background: #ddb868; }
.element-invisible{    white-space: nowrap;    padding-right: 1em;}
.btn-group{padding-bottom: 1em;}
.pagination{    margin-left: 1em;}
.tags>li a {    background: rgb(161 161 161 / 10%);    color: #000;    display: block;    padding: 1PX 1rem; }
.tags>li a:hover{  background:#bb8819; }

/*footer*/
#sp-footer1 .sp-module { float:left;}
.footerlogo{ margin-right: 2em;}
.footercontact{ margin-right:2em;}
.sp-module-content dt, .sp-module-content dd{ float:left;}
.sp-module-content dt{ margin-right:1em;}
#sp-footer{ padding-top:1.5em;}
.customfooterlogo img{padding-top: 6px;}
#sp-footer a, #sp-bottom a {    color: #ffffff;}
#member-registration a.modal {
    position: unset;    display: unset !important;     text-decoration: underline;     color: red; }
.list-group-item{    background: transparent;    padding: 0;    color: #FFF;    border: none;}
.rounded-pill {    margin: 6px 0 0 5px;     background-color: #ddb868!important;    color: #000; }
.offcanvas-menu .offcanvas-inner ul.menu li.active a {    color: #bb8819 !important; }
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus{ color: #bb8819 !important;}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {    color: rgb(255 255 255 / 100%); }

/*mobile*/
.burger-icon {    width: 30px;}
.burger-icon>span {    height: 5px;    background-color: #ffffff;     margin: 5px 0;}

@media (max-width: 1469px) and (min-width: 1025px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {   padding: 0px 11px 0 0;  font-size: 130%;  }
#sp-menu {    flex: 0 0 80%!important;    max-width: 80%!important; }
    #sp-logo {   flex: 0 0 20%!important;    max-width: 20%!important; }	
}
@media (max-width: 1382px) and (min-width: 1025px){
	#sp-menu ul.menu{    padding-left: 0;}
}
@media (min-width: 1200px){
#sp-header .container {    max-width: 100%; }

}
@media (max-width: 1522px) and (min-width: 1025px){
    #sp-menu .sp-megamenu-wrapper {    float: right;      }
/*    .quickmenu {    margin-top: 10px;    margin-right: 0; }*/
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {    line-height: 40px; }
  .quickmenu {    margin-right: 0px;}
     #sp-header{ height:120px!important;}
	.flex-auto {    flex: none;}
	.logo-image {    height: auto!important;}
	#sp-header .logo {   height: auto!important;}
    
    }
@media (max-width: 1196px) and (min-width: 1025px){
    .quickmenu {    margin-top: 10px;    margin-right: 0; }
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {    line-height: 40px; }
    #sp-menu .sp-megamenu-wrapper {    float: right;     margin-top: -10px;    font-size: 0.9em; }
    .container {   max-width: 100%; }
    #sp-header{ height:120px!important;}
    
    .sp-page-builder .page-content #section-id-1587626642288 {
    background-position: -183% 50%!important;
}
    }
@media (max-width: 1196px){
    .contactbtn {    top: -220px;    left: 277px; }
    }   
@media (min-width: 1025px){
.d-lg-none {    display: none!important;}
}
@media (max-width: 1024px) {
    .sp-page-builder .page-content #section-id-1587626642288{background-position: -183% 50%!important;}
    .d-lg-none {    display: block!important;}
.sp-megamenu-parent{ display:none!important;}
	#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {     display: block!important; }
	.quickmenu{ display:none; } 
	#offcanvas-toggler {    height: 60px;    line-height: 60px; }
    }
@media (max-width: 992px){
.logo-image {    height: 90px!important;}

}
@media (max-width: 812px) {
	.aiarea{      width: 100%;      margin-top: 4em; }
    
    .nspArts, .nspLinksWrap {    padding: 0px 3px; }   
    #sp-footer1 img{ float:none!important;}
   /* .sp-page-builder .page-content #section-id-1587626642288{ background-image:none!important;}*/
    .sp-page-builder .page-content #section-id-1587626642288{background-position: -64% 50%!important;}
    .contactbtn{    position: inherit!important;    top: 0;    left: 0; }
	#offcanvas-toggler {    height: auto!important;}
	.logo-image {    height: 80px!important;}
    }
@media (min-width: 576px) and (max-width: 1024px) {
   .container {    max-width: 100%;}
    }
@media (max-width: 1024px) and (min-width: 769px) {}
@media (max-width: 991px){
	#sp-header .logo {     height: 72px; }

}
@media (max-width: 896px) and (min-width: 601px) {
	.breadcrumb {    background: #0c1322 url(/images/temp-img/page-banner2.jpg) no-repeat -13% center;}
}
@media (max-width: 768px) and (min-width: 481px) {}
@media (min-width: 601px){

body.helix-ultimate .sppb-row-container {    max-width: 1200px; }

}
@media (max-width: 600px)  {
	.sppb-carousel-inner>.sppb-item {   padding: 10px; }
    body {    font-size: 22px!important; }
    .breadcrumb {    padding: 1.75rem 2rem; height: auto;}
    .contentpage {    padding-top: 1.5em;    margin-top: 1.5em; }
    #sp-main-body {    padding: 0.8em 0;}
    .com-sppagebuilder #sp-main-body {    padding: 0; }
    .sliderinfo img {    width: 100%; }
    .container {    max-width: 100%;}
    #sp-logo {
    -ms-flex: 0 0 66.666667%!important;    flex: 0 0 66.666667%!important;    max-width: 66.666667%!important; }
    #sp-menu{-ms-flex: 0 0 33.333333%!important;    flex: 0 0 33.333333%!important;    max-width: 33.333333%!important;}
	.article-introtext, .article-details { text-align: justify;}
	#sp-main-body h1, #sp-main-body h2, #sp-main-body h3, #sp-main-body h4, #sp-main-body h5, #sp-main-body h6 {    line-height: 1.3em;}
	#sp-header.header-sticky {    height: auto!important; }
	.breadcrumb-item.active {    font-size: 1.1em;    line-height: 1.3em; }
	.breadcrumb {    background: #0c1322 url(/images/temp-img/page-banner2.jpg) no-repeat 33% center;}
    }




@media (max-width: 480px)  {
    .logo-image {    height: 70px;}
    #sp-bottom li {    width: auto;    margin-right: 1em; }
    .sp-page-builder .page-content #section-id-1587626642288{background-position: 6% 50%!important;}
    
}