/* 全站崁入Google字型 */
@font-face {
font-family: 'cwTeXHei';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?‪#‎iefix‬) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
h1, h2, h3, h4, h5, a, p, table, tr, td, ul, li, span, div, form, input, textarea, button {
font-family: 'Century', Noto Sans;
}

/* LOGO 與主選單區-底色 */
#sp-header {
    background: rgba(255,255,255,1.0);
}

/* 版權宣告區 */
#sp-footer {
    background: #eeeeef;
    padding: 0px 0px 20px 0px;
    font-size: 13px;
    color: #717171;
    text-align: center;
}

/* 各頁面標題與麵包屑圖層 */
.sp-page-title {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    background-color: #333;
}

/* 各頁面標題文字 */
.sp-page-title h2 {
    font-size: 32px;
    font-weight: 500;
    font-family: Century ;
}

/* 首頁大圖banner */
#sp-header .has-slideshow {
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; 
}

/* 選單的 hover 延遲動畫取消 */
a {
    transition: color 0ms ease 0s, background-color 0ms ease 0s;
}

/* 主選單 */
.#sp-header .menu-fixed-out {
	position: fixed;
    top: 0;
    z-index: 999;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    height: 60px;
    width: 100%;
}
/* 主選單 */
.sp-megamenu-parent > li > a {
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    display: inline-block;
    padding: 0 18px;
    line-height: 90px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    color: #717171;
    background-color: transparent!important;
    color: #000;
    transition: none;
}
/* 主選單 */
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a {
    background-color: transparent!important;
    color: #000;
    padding-bottom: solid 5px #8dc21f;
    transition: none;
    box-shadow: inset 0px -4px 0 0 #8dc21f;
}

.thinking_Style li:hover {
    border-left: solid 5px #8dc21f;
    /* transition: none; */
}

.sppb-addon.sppb-addon-module.thinking_Style li {
    border-bottom: solid 1px #D3D4D4;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 15px;
    font-weight: bold;
    color: #717171;
    font-size: 16px;
}

b, strong {
    font-weight: bold;
    color: #808080;
}

/*選單換到最上方*/
#sp-header.has-slideshow {
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

/*隱藏輪播的箭頭*/
.customNavigation {
    display: none;
}

.sp-dropdown-inner {
  padding:0 0 0 0;
}

/*輪播的空白處珊掉*/
#sp-page-builder .page-content .sppb-section {
    margin-top: 0px;
    z-index: 1!important;
}
/*解決最新消息表格標題消失問題*/
#categorylist_header_title>a, #categorylist_header_title>a:hover, #categorylist_header_date>a, #categorylist_header_date>a:hover{
  display: table!important;
}

/*實績案例title color*/
.sj-zoo-responsive-items h4 {
    color: #8FC31F;
}

/*內文文字 color*/
b, strong {
    font-weight: bold;
    color: #8DC21F;
}

/*內文行距 color*/
body {
    line-height: 30px;
}

/*實績案例側選單*/

.sj-accordion .acd-items {
    padding: 10px;
    margin: 0;
    background: #f5f5f5!important;
}

.sj-accordion .acd-items .acd-item {
    margin: 0;
    padding: 0;
    color: #717171!important;
}
.sj-accordion .acd-items .acd-item .acd-header:hover {
    color: #8FC31F;
}
.sj-accordion .acd-items .acd-item .acd-header {
    cursor: pointer;
    border-bottom: 1px dotted #717171;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px 5px 20px;
    background: url(../images/arrow_closed.png) no-repeat scroll left center transparent;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*聯絡我們選單*/
.form-horizontal .controls {
    margin-left: 110px;
}

.jsn-uniform .jsn-bootstrap .form-horizontal .control-label {
    width: 70px;
    text-align: left;
}

#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
    color: #777;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    margin-left: 30px;

}

/*手機menu顯示*/
element.style {
}
#offcanvas-toggler >i {
    color: #8FC31F;
}