@charset "utf-8";
/* CSS Document */
.osmap-items ol, .osmap-items ul { counter-reset: item }
.osmap-items li{ display: block }
.osmap-items li:before { content: counters(item, ".") ". "; counter-increment: item;
}
body {   line-height: 180%;    font-family: 'Roboto', 'Microsoft JhengHei', '微軟正黑體'; }
.category a:hover,　.osmap-items a:hover{ text-decoration: underline!important;}
/*.nav-control{ display: none;}
/*header*/
#sp-top1{ display: none;}
#sp-top2{width: 100%}
#sp-top2 .js-finder-search-query{width: 200px;    height: 27px;}
#sp-top2 .mod-finder__search .btn{  height: 27px;     font-size: 14px;    padding-top: 2px;}
#sp-top-bar {    background: #666;    color: #AAAAAA;}
.menuquick-menu{ margin-bottom: 0;}
.menuquick-menu li{ display: inline-block; list-style: none;}
#sp-header {    height: inherit;    padding: 15px 0 10px 0; }
.sppb-carousel-extended-heading   { background: #000000b5;    padding: 10px 20px;}
.menuquick-menu{ padding-left: 0;}

/*menu*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: solid 1px #F8F7F7; padding-left: 10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
   background: #F0EFEF;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {    font-size: 18px; }
#sp-top2 .form-control {    padding: .1rem .75rem;    font-size: 0.8rem;}
.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;
    line-height: 1.5em;
}
#sp-top-bar a {    color: #FFF;    margin-right: 10px;    font-size: 13px;}

/*index*/
.sppb-addon-single-image .sppb-addon-content{ text-align: center!important;}
.nspArt h4.nspHeader a {     color: #000; line-height: 1.5em; }
.nspArt h4.nspHeader a:hover{ color: #319cee; }
#nsp-Charging .nspArt h4.nspHeader {
     font-size: 1em;
    background: url(/templates/design_control/images/news_icon.png) no-repeat 0 19px;
    font-weight: normal;
    padding: 12px 10px 12px 22px;
    border-bottom: 1px dashed #ccc;
}
.addon-root-heading .sppb-addon-title:hover{ color: #319cee!important;}
.btn {	--bs-btn-disabled-opacity: 1;}  

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #319cee;
    --bs-btn-border-color: #319cee;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #319cee;
    --bs-btn-disabled-border-color: #319cee;
}

p.nspInfo1 {
    color: #ff8400;
    background: url(/templates/shaper_helixultimate/images/icon_date.png) no-repeat 0 center;
    padding-left: 19px;
}
p.nspInfo1 a {
    color: #999;
    background: none;
    margin-left: 10px;
}
.hotnew p a {    color: #666; }
.eb-notice-message {    font-size: 100%; font-weight:normal;    margin-top: 8px; }
#s5_nav li.active, .edit .btn,  .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-group.open .btn-primary.dropdown-toggle, .btn-primary, .item-page .dropdown-menu li > a:hover, .blog .dropdown-menu li > a:hover, .item .dropdown-menu li > a:hover, p.readmore a, .readon_highlight1, .highlight1_button, .module_round_box-highlight1 {    background: #319cee!important; }
#editor-xtd-buttons .btn{background: #FFF!important;}
#s5_component_wrap p.readmore a {    color: #FFF!important;}
li.toclink{ display:none!important;}
.btn, #s5_drop_down_text_inner, legend, label, #s5_breadcrumb_wrap, h1, h2, h3, h4, h5, .s5_mod_h3, .pagenav a, #s5_loginreg, #s5_nav li a, p.readmore a, .readon_highlight1, .readon_highlight2, .uppercase_letters, .highlight1_button, .highlight2_button {
    text-transform: none!important;
}
.mceDefaultSkin .mceButton, .mceDefaultSkin .mceListBox .mceText, .mceDefaultSkin .mceListBox .mceOpen, .mceDefaultSkin .mceSplitButton .mceText, .mceDefaultSkin .mceSplitButton .mceOpen{    background: #fff!important;}
.edit a.btn {    background: #fff; }
.dropdown-toggle .icon-cog {    color: #ffffff !important;}
.pagination ul>li>a, .pagination ul>li>span {    padding: 8px 12px; }
.caret {    border-top: 4px solid #fff; }
.btn-toolbar .btn{    padding: 4px 12px!important;}
.btn{ color:#FFF;}
.icon-edit{ color:#333;}
#editor .control-group{    clear: both;}
.wf-editor-header .wf-editor-tabs>button{background: transparent!important;}
#eb-category-page-table .eb-taskbar a{ color:#333;}
.readon-button{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;     background: #319cee;    color: #FFF;    padding: 4px 12px;     float: right; }
.readon-button:hover{   background:#3a3db7;    color: #FFF;    }
#nsp-hotnews .readon-button-wrap{    position: absolute;    float: right;    top: 6px;    right: 31px;}
/*#nsp-Charging .readon-button-wrap{position: absolute;    float: right;    top: 0px;    right: 0px;}*/
.result-title{    margin-top: 2em;    font-size: 1.2em; margin-bottom: 0.5em;}
.result-category{    color: #666;}
.result-text{    font-size: 1em;    line-height: 180%;}
#searchForm .btn-group .hasTooltip{    position: relative;    top: 24px;}
.phrases .phrases-box label{    display: inline-block;    margin-right: 2em;}

#eb-registration-complete-page .btn{ color:#333;}
ul.latestnewsnews{margin-left: 22px;}
.latestnewsnews li{    margin: 1em 0;    list-style-type: square;}

.result-created {
    font-size: 0.96em;
    margin: 10px 0;
    color: #5f6f9c;
}
#sp-main-body {    padding: 35px 0; }
.article-details .article-info {
    margin-top: 4rem;
    color: #666;
}
.article-info>span a {    color:  #666;      text-decoration: underline;}
.js-finder-search-query{
    height: 38px;
    width: 300px;
}
div.cat-children {margin-top: 3em;}
div.cat-children div {    display: inline-block;
    border: 1px solid #c6dff1;
    padding: 10px;
    margin-bottom: 5px;
    background: #FFF;
}
div.cat-children div:hover{ background: #f3faff;}
div.cat-children div:hover>a{ color: #333;}
div.cat-children div h3{ font-size: 1em;    padding-bottom: 0;    margin-bottom: 0;}
div.cat-children div h3 a{color: #666;}
div.cat-children div h3 a:hover{color: #319cee;}
a.osmap-link{ color: #333;}
a.osmap-link:hover{ color: #319cee;}
.osmap-items h2{ font-size: 1.8em; margin-top: 2em;}
h2#osmap-menu-uid-topmenu{ margin-top: 0;}
.article-details .featured-article-badge {    position: inherit; }
.article-details .article-ratings-social-share {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.article-social-share .social-share-icon ul li a {
    border: 1px solid #999;
}
.nspPagination li.active{background: #319cee;}

/*right*/
#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 0;
    border: none;
    padding: 0;
    border-radius: 3px;
}

/*table*/
table.category thead>tr, table.category tbody>tr {
    border: 1px solid #dddddd;
}
table.category tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}
table.category tbody tr:hover td {
    background-color: #f5f5f5
}
table.table th {    background: #696969; text-align: center; }
table.table th, table.table th a {    color: #FFF ; }
.list-date{ white-space: nowrap;}
table.category a{ color: #333;}
table.category a:hover{    color: #319cee;}

/*footer*/
#sp-footer {
    background: url(/templates/shaper_helixultimate/images/footer_bg.png) repeat-x 0 0; font-size:16px;
    height: 158px;
    overflow: hidden;
}
#sp-footer1 .logo {
    float: left;
    margin-right: 20px;
}
#sp-footer1 {
    color: #fff;
    padding-top: 20px;
    padding-left: 0px;
    text-align: left;
    margin: 0 auto;
    width: 840px;
}
#sp-footer1 .info{    padding-top: 25px;}
#sp-footer .container-inner{padding: 0px 0; border-top: none;}
#sp-footer a, #sp-bottom a {
    color: #FFF; text-decoration: underline;
}

/*.offcanvas-menu*/
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1; padding: 15px 8px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {    font-size: 20px; }
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {    font-size: 17px;    line-height: 2.5em; }
.menu-parent-open a{ color: #FFF;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {    color: #ffffff; }

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    right: 0;
}


@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2rem;
    }
}
@media (max-width: 1024px) {
	
	
}
@media (max-width: 992px) {
    .logo-image {        height: 51px!important;    }
	#sp-footer1 .info {
    padding-top: 0;
}
}
@media (min-width: 768px) {
   /* .sppb-row-container {        max-width: 98%;    }
	.container, .container-md, .container-sm {        max-width: 100%;    }*/
}
@media (max-width: 768px) {
  #nsp-hotnews .readon-button-wrap, #nsp-Charging .readon-button-wrap {    position: inherit;  margin-top: 1em;}
  #sp-footer1{width: 100%;}
}
@media (max-width: 600px){
  .result-title {      line-height: 1.3em;}
  #s5_footer_area1{    font-size: 18px;}
  #s5_footer_area2 {    height: auto;    background-color: #424242;}
  #s5_shape5_logo {    cursor: pointer;    display: block;    float: unset;    position: unset;    top: 0;    right: 10px;    text-align: center;    margin-bottom: 10px;}
  table.category{   font-size: 1.5em;        line-height: 1.5em;} 
  .pagination {    font-size: 2em;}
  #sp-top-bar a {    font-size: 16px;}
	#sp-footer {
    background: url(/templates/shaper_helixultimate/images/footer_bg.png) repeat 0 0;
    font-size: 16px;    height: auto;}
	#sp-footer1 .logo img{ display: none;}
	#sp-footer1{padding-left: 20px;}
	#sp-main-body {    padding: 5px 0;}
	#sp-top-bar .topsearch{ display: none;}
	
}
@media (max-width: 576px) {
    .logo-image {
        height: 51px!important;
    }
}
@media (max-width: 480px) {
	#nsp-Charging .nspArt h4.nspHeader {   font-size: 20px;}
    #s5_responsive_mobile_sidebar_menu_wrap h3 a, #s5_responsive_mobile_sidebar_menu_wrap div ul li{font-family:'Roboto', 'Microsoft JhengHei', '微軟正黑體'!important; font-size:20px;}

.MiniCalendar{ display:none;}
.nspArts, .nspLinksWrap{ padding:0;}
.nspArt h4.nspHeader {    line-height: 1.5em; color:#000;}
#s5_component_wrap .nspArt h4.nspHeader a{ width:100%; border-bottom: 1px dotted #ccc; padding:5px 0;}
.latestnewsnews li{ border-bottom: 1px dotted #ccc; padding:5px 0;}
.banneritem{ padding:0;}
#s5_header_wrap, #s5_footer_area_inner2, #s5_breadcrumb_font_wrap, #s5_component_wrap_inner {    padding-left: 0;    padding-right: 0;}
.nspArt p.nspText{ text-align:justify;}
.s5_responsive_mobile_present #s5_responsive_mobile_bar_active {
    overflow: hidden;
    height: auto;
    color: #FFF;
    font-size: 20px;
    font-family: "微軟正黑體";
    padding-top: 6px;
}
#s5_component_wrap h2 {    margin-top: 0;}
#s5_component_wrap_inner h2 {    font-weight: bold; font-size: 1.5em;}
#s5_responsive_mobile_sidebar_menu_wrap h3, #s5_responsive_mobile_sidebar_search_wrap_inner1, .s5_responsive_mobile_sidebar_title_wrap {    padding: 12px 5px; }

  
}
a.readon{     color: #319cee!important;
    display: inline-block;
    border-radius: 4px;
    font-size: 0.8em;
    text-decoration: underline;}

#s5_responsive_switch_desktop a, #s5_responsive_switch_mobile a {    padding-top: 0;    font-size: 18px;}
.pager a{background: #ffffff !important;}
.pager a:hover, .pager a:active{    color: #319cee!important;}