@charset "utf-8";
/* CSS Document */
body{ font-size: 18px; font-family:'Microsoft JhengHei', '微軟正黑體' ;}
.site{
background: linear-gradient(45deg,  #fefff6 0%,#fefff6 50%,#f5f9f0 50%,#f6faf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

/*header & menu*/
.sp-megamenu-parent>li {    padding: 0 5px; }
#sp-menu .sp-column{       position: absolute;    width: 100%; height: 62px;
	background:transparent url("/images/temp-img/menu_bg_green.png") no-repeat 0 -2px; padding-left: 100px; 	}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {    line-height: 60px; }
#sp-menu .d-flex{ display: unset!important;}
#sp-menu .justify-content-end {    justify-content: normal; }
#sp-header .container { 
     background:transparent url("/images/temp-img/menu_bg_left.png") no-repeat -900px top; box-shadow: none;
}
#sp-header {    background: transparent; box-shadow: none; 
background: linear-gradient(to right,  #a0d63a 0%,#a0d63a 32%,#f5f9f0 32%,#f5f9f0 100%); }
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {    font-size: 20px;}
.sp-megamenu-parent {    margin: 0;    float: left; }
body.ltr #offcanvas-toggler.offcanvas-toggler-right {    margin-top: 15px; }
#sp-menu{ /*background: #0a883e;*/}

/*index*/
.list-post-content h3 a:hover { color: #0a883e; }
#mxnews122 .list-post {    padding-bottom: 20px;}
#mxnews122 .mos-img p{ text-align: justify;}
#mxnews122 .post-media_title{ display: none;}
.focusnews .gallery-thumbs {  width: 50%;    position: absolute;    right: 0;}
.focusnews .gallery-thumbs {      background: transparent; }
.focusnews .gallery-title {    padding: 15px 120px 15px 25px;      color: #FFF;}
.focusnews .gallery-main {    /*width: 60%;*/width:51%;     margin-left: 0; }
.focusnews .gallery-thumbs .swiper-slide { font-weight: bold; /*height: 22% !important; height: 25% !important;*/ background: #FFF;    border-bottom: none; border: 1px solid #333; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px;  -moz-border-radius: 6px;
border-radius: 6px; }
.gallery-title span{ font-size: 0.8em;}
.mos-img strong{ font-weight: normal;}
.gallery-container {    border: none; }
.gallery-title {    background-color: rgb(0 0 0 / 70%);}
.sppb-addon-title{margin-left: 16px;}
.picker-wrap .list-post-wrap {    border: none;}
.news-set-nav li a {    font-size: 20px;    color: #000; }
.news-set-nav li a:hover{ background: #0a883e; color: #FFF;}
.post-category-marker{ background: #3e3e3e;}
.grid-post-content .post-date, .list-post-content .post-date {    font-size: 13px;}
#mxnews119 .list-post-media {    width: 70px;}
#mxnews119, #mxnews132{ margin: 0 15px;}
#mxnews119 .list-post-content{ margin: 0 0 0 10px;}
#sppb-addon-wrapper-07450362-49f4-4ffa-a715-106521653453 a, #sppb-addon-a056e26c-34e4-4066-9161-944d35ea5c70 a , a.readmore{     background: #a0d63a;    color: #000;    margin-left: 16px;    padding: 5px 8px;    font-size: 0.8em;
    font-weight: bold;}
#sppb-addon-wrapper-07450362-49f4-4ffa-a715-106521653453 a:hover, #sppb-addon-a056e26c-34e4-4066-9161-944d35ea5c70 a, a.readmore:hover{ background: #0D7136;    color: #FFF; }
.index_right .sppb-addon-title { border-bottom: 2px solid #0a883e; padding-left: 14px;    margin-left: 0; display: block; padding-bottom: 10px;}
.index_right .mod-list{     margin: 2em 0 0 0;    padding: 0 1em;}
.index_right .mod-list li{ list-style: none;     border-bottom: 1px solid #000;     padding: 10px 0;}
.index_right .mod-list li a{ color: #000; font-size: 18px;}
.list-post-content h3 {
    font-size: 26px;
    line-height: 1.5em;
}
.list-post-content .post-date{ color: #72af00;}
.index { background:transparent url("/images/temp-img/right-m-bg.png") no-repeat 50% 0!important; padding-top: 32px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {    font-size: 16px;}
.login .password-group button.input-password-toggle {    color: #ffffff; }
.btn.disabled, .btn:disabled, fieldset:disabled .btn {    border: none;}
a.ads{ border: none;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a , .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{    color: #0a883e; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {    margin: 10px 0;}
/*近期精選*/
.swiper-container-fade .swiper-slide { background-size: 100% 100%!important;}
.mx_element .jkit-postlist-title {    font-weight: bold;}
#sppb-addon-68dd1e53-e3b1-484b-a5b9-99e923c24dfa .sppb-addon-content , #sppb-addon-c0ce8b19-cfe1-43a4-9bff-4c5723bf1481 .sppb-addon-content  { border-bottom: 1px solid #000;}
#sppb-addon-68dd1e53-e3b1-484b-a5b9-99e923c24dfa .sppb-addon-content a , #sppb-addon-c0ce8b19-cfe1-43a4-9bff-4c5723bf1481 .sppb-addon-content a{ color: #000;}
#sppb-addon-68dd1e53-e3b1-484b-a5b9-99e923c24dfa .sppb-addon-content p , #sppb-addon-c0ce8b19-cfe1-43a4-9bff-4c5723bf1481 .sppb-addon-content p{ font-size: 17px;
    font-weight: 20%;}
.sppb-column-addons .sppb-addon-content p{ margin-bottom: 0;}
.sppb-addon-header a h2{ color: #000;}
.focusnews .mos-img{ color: #FFF!important; margin-bottom: 11px;}
.focusnews .mos-img span{ color: #FFF!important;}
.focusnews .mos-img p, .focusnews .mos-img h1, .focusnews .mos-img h2, .focusnews .mos-img h3, .focusnews .mos-img h4, .focusnews .mos-img h5,  .focusnews .mos-img span{    font-size: 18px; }
.meta-lists{   /* margin: -8px 0 3px 0;*/}
.meta-lists i{ margin-right: 3px;}
.focusnews .gallery-title a{background: #a0d63a;    color: #000;    padding: 4px 8px;    font-size: 0.75em;}
.focusnews .gallery-title h5 a{ color: #FFF; background: none; padding: 0; font-size: 1.2em; font-weight: bold;}
.focusnews .swiper-button-prev, .focusnews .swiper-button-next{ display: none;}
.gallery-thumbs span.text-in { font-size: 1.2em;     vertical-align:middle;}
.gallery-thumbs .swiper-slide img {    width: 82px; /*height: 82px; */height: 90px; object-fit: cover;}
.focusnews .gallery-thumbs .swiper-slide-thumb-active{ color: #0a883e; border: 2px solid #0a883e;}
.gallery-main .swiper-button-prev, .gallery-main .swiper-button-next {
    color: #ffffff;    background: lch(0 0 0 / 0.8); }
.observation .mos-img p{font-size: 18px;}
.mxnews-item .post-category-marker {    top: 48px; }
.list-post-content .post-category-marker, .grid-post-media_title .post-category-marker {
    font-size: 14px;
}
.gallery-main .swiper-button-prev {    border-right: none;   right: 60px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '上一則';}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '下一則';
}
.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus {
    border-color: #0a883e;
    background-color: #0a883e
}
.gallery-main .swiper-button-prev, .gallery-main .swiper-button-next {
      height: 30px;    width: 60px;
}
.index_right .post-media_title{ display: none;}
.pagination .page-item a:hover{    border-color: #a0d63a;    background-color: #a0d63a;}


/* 近期精選2 */
.gallery-thumbs span {
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
}


/*低碳觀測站*/
.news-set-nav {
    position: relative;
}
.news-set-nav li {     border: 1px solid #000;    margin-bottom: -8px;    display: inline-block;    width: 16.66666666%;    background: #FFF;    margin-right: -1px;
    float: unset; }
.news-set-nav li a{   display: block;    width: 100%;    text-align: center; background: #FFF;}
.news-set-nav{  border: none;    background: none;} 
.news-set-nav li:first-child {    border-left: 1px solid #000; }
.news-set-nav {    border-radius: 0; }
#column-wrap-id-55cde68d-a14b-4978-bdb9-63c0ccac93e7{}
/* page */
#system-message-container joomla-alert {    font-size: 16px; }
.com-content-adminForm textarea {
    width: 100%;
    height: 100px;
}
.wf-editor-container, .wf-editor-container *{ font-size: 18px;}
.wf-editor, .wf-editor-source textarea, .wf-no-editor{ font-size: 1em; line-height: 1.5em;}
#editor-xtd-buttons button{   border: none;    margin: 4px 0px;}
.buttons-holder{    position: absolute;    right: 15px;    top: 19px;    background: #000;    border-radius: 4px;     border: 1px solid #ccc;}
.buttons-holder button{  padding: 4px 6px;}
#sp-main-body {    padding: 50px 0;}
.article-details .article-can-edit a {    background: #0a883e; }
.article-details .featured-article-badge {
    position: relative; top: 0; 
}
.input-group button.btn-danger{ background: #dc3545!important;}
.btn {    font-size: 15px!important; background: #0a883e!important; padding: 8px 15px!important; border: none; }
.btn:active, .btn:focus{ color: #FFF;}
.table{ background: #FFF;}
.hnt_title, .to-top, .mxnews-section-title a, .red-bg, .post-category-marker:hover, .mxnews-links-wrap .ps__thumb-y, .cc_btn, .pag-style .swiper-pagination-bullet.swiper-pagination-bullet-active, .grid-post-item .post-category-marker, .section-title:before, .gs_button, .color-btn, .widget-title:before, .tags-widget a:hover, .spb-categories_counter, .sgs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .list-post-content .post-category-marker, .slider_widget_title:before, .hero-section_title h2:before, .pagination a.current-page, .pagination a:hover, .tabs-widget .tabs-menu li.current a, .search-submit2, .color-bg, .banner-widget_content h5:before, .cat-wid-list li span, .list-post-media a:after, .categories_nav-inner a.back, .list-post-wrap_column .post-category-marker, .scroller, .aside-panel li a span, .grid-post-media a:after, .list-post:before, .lmb_center-align, .profile-card_media, .single-post-header .post-category-marker, .single-post-header:after, .ss-slider-cont, .ver-share .share-title:before, .irs-single, .irs-bar, .irs-bar-edge, .fontSize .irs-slider, .pr-subtitle.prs_big:after, .share-icon:hover, .contact-social li a, .det-box-media span, .detbox_notifer, .qty_btn .btn:hover, .hero-item .post-category-marker, .hsc-list_item:before, .hsc-list_item:after, .news-set-nav li a.current_page, .picker-wrap-controls li span, .mxnews-item_active .play-icon, .play-icon:hover, .mxnews-holder-title .post-category-marker, .dark-btn:hover, .fs-carousel-wrap_title-wrap h4:before, .multi-pag .swiper-pagination-bullet.swiper-pagination-bullet-active, .hc-cont, .hero-carousel-pag .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0a883e;}
#sp-section-2{padding-top: 2em;}
.breadcrumb {       background-color: transparent;  padding-left: 0 !important; }
.breadcrumb-item.active {    color: #000;    font-size: 1.2em; margin-top: -5px;}
.icon-location:before {    color: #0a883e; }
.article-info>span {    font-size: 0.9em;  margin-right: 1.5em; }
.article-info .category-name{ background: url("/images/temp-img/icon_category.png") no-repeat left center; padding-left: 22px;}
.article-info .hits{ background: url("/images/temp-img/icon_hits.png") no-repeat left center; padding-left: 22px;}
.article-info .published{ background: url("/images/temp-img/icon_date.png") no-repeat left center; padding-left: 22px;}
.article-info>span+span::before { display: none;}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading{ color: #0a883e;}
.article-details { font-size: 18px; line-height: 1.8em;}
.article-details .article-header h1, .article-details .article-header h2 {    font-size: 2.5rem;}
.article-header h1{ font-weight: bold;}
.article-details h2, .article-details h3, .article-details h4, .article-details h5{ margin-top: 1.8em; font-weight:bold;}
.article-details .fields-container { padding-left: 0; border-bottom: 1px solid #4da20d; margin-bottom: 3em; background: url("/images/temp-img/page_title_bg.png") no-repeat 98% bottom; min-height: 41px;}
.fields-container li{ display:inline-block; vertical-align: top; margin-right: 1em; font-size: 0.9em;} 
.fields-container li span{ float: left;     margin-right: 8px;}
.tags>li a {     padding: 0.1rem 1.5rem;    background: #FFF;    color: #6e9d1e;    border: 1px solid #95cb2f; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.tags>li a:hover{ border: 1px solid #0a883e;}
table.listtable>tbody>tr:nth-of-type(odd)>*, table.datatable>tbody>tr:nth-of-type(odd)>* { background: #f3f3f3; }
table.listtable td, table.datatable td{ padding: .5rem .5rem;}
.table, table.listtable, table.datatable{ background: #FFF; border: 2px solid #a0d63a;}
.table th, table.listtable th, table.datatable th{background: #a0d63a;    text-align: center;     padding: 5px 8px;     border: 1px solid #FFF;     letter-spacing: 2px;}
.table th p, table.listtable th p, table.datatable th p{ margin: 0;}
.table th a, table.listtable th a, table.datatable th a { color: #000; text-decoration: underline; }
table.datatable th{ white-space: nowrap; background: #a0d63a!important;}
.tags {    margin-top: 7em; }
.article-list .article {    background: #FFF;     border: 1px solid #b3d377;  } 
.article-list .blog-items {  padding:0; overflow: hidden; } 
.article-list .article-intro-image{ margin-right:3%!important;}
.readmore-container{ display:none;}
.article-list .article-body .article-header, .article-list .item-content .article-header{  margin:0px;}
.article-list .article-body .article-info, .article-list .item-content .article-info{  margin:20px 20px 12px 0px;}
.article-body .article-introtext, .article-list .item-content .article-header{margin:0px;}
.article-list .article-introtext{     font-size: 18px;  line-height: 1.8em;	display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;   text-overflow: ellipsis;   display: block;  line-height: 1.5; }
.blog-items{}
.article-list .article .article-header h1, .article-list .article .article-header h2 {    font-size: 2em;    font-weight: bold; }
.article-list .article-intro-image{ width:20%; float: left; flex-grow: 1; border: none !important;  }
.article-list .article-intro-image img{ height: 237px; object-fit: cover; transform:scale(1,1);transition: all 1s ease-out;}
.article-list .article-intro-image img:hover{transform: scale(1.2); }
.blog .article-list .article-body .tags{ display: none;}
/*.blog .article-list .article-intro-image, .blog .article-list .article-body{ display: inline-block;}*/
.blog .article-list .article-intro-image{ width: 20%; margin-right: 1%;}
.blog .article-list .article-body, .item-content{      /*padding-top: 20px;width: 80%; margin-left: 3%;*/     padding: 20px 30px;}
.blog .article-list .article, .blog .article-list .article .blog-items {overflow: hidden;    padding: 0;}
.blog .article-header h2{    font-size: 1.75em!important;}
.article-list .fields-container{ display: none;}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {    margin: 0;}
.mark, mark {    padding: 0; }
.bg-primary {    background-color: rgb(10 136 62) !important; }
.list-hits .bg-primary{    min-width: 85px;}
td.list-hits, td.list-date{ text-align: center; }
td.list-title a:link, td.list-title a:visited{ color: #000; }
td.list-title a:hover, td.list-title a:active{ color: #0a883e;}
table.category{ border: none;}
table.category>tbody>tr:nth-of-type(odd)>* { background: #f3f3f3; }
#column-wrap-id-55cde68d-a14b-4978-bdb9-63c0ccac93e7{  margin-top: -27px;}
.article-list .article .featured-article-badge {    font-size: 0.6em;    font-weight: normal; }
.page-item:first-child .page-link, .page-item:not(:first-child) .page-link{ padding: 8px 16px;}
.current_page{ background: #0a883e!important; color: #FFF!important;}
.awesomplete{width: 80%;}
.finder .search-results.list-striped li, #search-result-list li {    padding: 20px 0;   background: #FFF;    border: 1px solid #b3d377;     margin-bottom: 30px;     border-radius: 3px;     padding: 20px; }
#search-result-list p{  font-size: 18px;}
.result-title, .result__title-text, .com-tags-tag__category h3{ font-weight: bold; margin-bottom: 0.5em!important;     font-size: 1.4em;}
.result-title a, .result__title-text, .com-tags-tag__category h3 a  { color: #000000; }
.result-title a:hover, .result__title-text:hover, .com-tags-tag__category h3 a:hover{ color: #0a883e}
.result__title-url {    font-size: 0.8em;}
.result__title-url:hover{ color: #0a883e;}
.com-tags-tags__filter button{    white-space: nowrap;}
.com-tags__items #adminForm{ margin-bottom: 2em;}
#search-form .js-finder-searchform{ margin-top: 2em;}
#search-form .js-finder-search-query{ border-radius: 0;}
#search-result-empty h2{font-size: 1.3em;    color: red;    font-weight: bold;    margin-bottom: 0.2em;    margin-top: 1em;}
/*right*/
.list-post-media {    border-radius: 0px; margin-right:10px; }
#sp-right .picker-wrap .list-post .list-post-media, #sp-right .picker-wrap .list-post .list-post-content {   float: left!important; }
#sp-right .list-post-content {      width: 68%;}
#sp-right .list-post-media{ margin-bottom: 10px;}
#sp-right .post-media_title{ display: none;}
#sp-left .sp-module, #sp-right .sp-module {
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;     border: 2px solid #0a883e;    padding: 0px 15px 30px 15px;     background: #FFF; }
.post-widget-item-media a:before, .list-post-media a:before, .grid-post-media a.gpm_link:before {    background: transparent;}
.picker-wrap .list-post .list-post-content {    padding: 0px !important; }
.list-post-media{ width:25%!important;}
.list-post-content {   /* width: 72%!important; */}
#sp-right .fl-wrap {    float:unset;    display: inline-block;}

#sp-right .picker-wrap .list-post-wrap {    border: none; }
.list-post-media {    width: 36%; }
.picker-wrap .list-post .list-post-content h3 {    white-space: normal!important; font-weight: bold; font-size: 16px!important; line-height: 1.5em; margin-bottom: 0; }
.post-widget-item-media a:hover:before, .post-widget-item-media a:hover:after, .list-post-media a:hover:before, .list-post-media a:hover:after, .grid-post-media a.gpm_link:hover:before, .grid-post-media a.gpm_link:hover:after{ display: none;}
.picker-wrap .list-post { padding: 4px 0px!important;    background: transparent!important; } 
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title{ border-bottom: none; background: url("/images/temp-img/right_title_bg.png") no-repeat -54px bottom;      color: #0d7136;   min-height: 60px; padding-top: 15px;     margin-bottom: 20px;}
#column-id-55cde68d-a14b-4978-bdb9-63c0ccac93e7, #column-id-33053e2e-4365-4896-98a1-556c4d14f851  { padding-top: 35px; background: url("/images/temp-img/right-m-bg.png") no-repeat center top;}
#mxnews118 .fl-wrap{    overflow: visible!important;}
.mfp_masonryxt_skin_default.mfp_mid_131 .mfp_masonryxt_item .mfp_masonryxt_item_inner {    border: none;    box-shadow: none;}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {    opacity: 1; }

/*fooer*/
#sp-footer{ text-align: center; height: 220px; background: url("/images/temp-img/footer-bg.png") no-repeat 0 0; background-size: cover;}
#sp-footer .container-inner {    padding: 0; }
#sp-footer1 {       position: absolute;    bottom: 0%; left: 0;}
#mod-custom111{        align-items: center;    vertical-align: top;    min-height: 58px;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {    font-weight: bold; }
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {    font-size: 17px; }
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li{     margin: 8px 0;}

@media (max-width: 900px)  {
	.news-set-nav li {    width: 24.666667%;    white-space: nowrap; }
	
	
}
@media (max-width: 1399px){
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {    padding: 0 8px; }
	#sp-menu .sp-column {    padding-left: 90px;}
	
}
@media (max-width: 1199px) and ( min-width:601px)  {
	    .sppb-row-container {        max-width: 99%;    }
	    #sp-header .container {    max-width: 100%;}
	.focusnews .gallery-main {    width: 100%;    margin-left: 0;}
	.focusnews .gallery-title {    padding: 15px 50% 15px 25px; }
}
	
@media (max-width: 1199px){
		.sp-megamenu-parent{ display: none!important;}
	#sp-menu .sp-column {    width: 68%;    height: 62px;    padding-left: 0;    right: 0; }
	#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {    margin-right: 1em; }
	.burger-icon>span {    background-color: #ffffff; }
	
}
@media only screen and (max-width: 1064px) {
    .picker-wrap-container, .about-img, .about-img-hotifer, .cart-totals {        margin-top: 0;    }
}
@media (max-width: 768px){
	.focusnews .gallery-title {    padding: 15px; }
	
}
@media (max-width: 768px) and (min-width:601px){
		#sp-menu .sp-column {  right: inherit; padding-right: 1em; }
	    .sppb-row-container {        max-width: 99%;    }
}

@media (max-width: 600px)  {
	.article-list .article-intro-image{ display: none;}
	.blog .article-list .article-body {    margin-left: 0; }
	.blog .article-list .article-body .article-header h2 {    width: 100%; white-space: normal;    line-height: 1.5em;}
	#sp-main-body {    padding: 10px 0; }
	.blog .article-list .row{ padding-right:0;  --bs-gutter-x: 1rem;}
	.blog .article-list  .article-introtext{ text-align: justify;}
	#sp-menu .sp-column {    width: auto;}
	#sp-menu .sp-column {    		background: none;}
	#sp-menu{ background: transparent url(/images/temp-img/menu_bg_green.png) no-repeat 0 0;}
	.burger-icon>span {    background-color: #ffffff;     height: 3px;}
	.zoom-slider__slide{ width: 100%!important;}
	.focusnews .gallery-main{ width: 100%!important;}
	.focusnews .gallery-title {    padding: 15px; 	}
	 .news-set-nav li {        width: 33.33333333%;         }
  .blog .article-list .article-body, .item-content {    padding: 20px ; }
	#sp-footer {   height: 200px;   min-height: 85px; background: url(/images/temp-img/footer-bg.png) no-repeat 0px 91px;    background-size: cover;    background-color: #0f653e;}
	#mxnews122 .list-post-media {    display: none;}
}