.body-page-p #page-main {
    margin-top: 51px !important;
}


/*手機下拉選單*/
.body-page-p #navbar_ext .well {
    margin-top: 51px;
}

/***文字樣式***/
.body-page-p, #page-sysbar, #page-banner  {
    line-height: 1.8;
    letter-spacing: 1px;
    color: #333;
    font-size:16px;
}

/*人員介紹頁*/
.fs-personnel-intro-item {
    background-color: rgba(0,0,0,0) !important;
}

.fs-personnel-intro-info .attr-icon {
    color: #f18920 !important;
}


/***系統選單***/

.navbar-inverse .navbar-brand {
    color: #ffad33;
    font-weight: bold;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fecb2e;
}

.navbar-inverse {
    background-color: #363636;
  	border-color: #363636;
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #df994e;
}



/***banner文字陰影***/
.fs-banner-title {
    text-shadow: 2px 4px 6px rgb(16 16 16);
}


/***標題***/
.body-page-p .cpage-box .box-title {
    font-size: 1.5rem;
    letter-spacing: 0.25rem;
    color: #5a5a5a;
    font-weight: bold;
    border-left: 8px solid #ffc73a;
    padding-left: 10px;
    background-color:rgba(0,0,0,0);
    margin-top:50px;
    margin-bottom:8px;
}


/**公告 LI**/
.mod_sysBulletin .fs-list li,
.mod_custBulletin .fs-list li,
.mod_bulletinShortcut .fs-list li {
    border-bottom: 1px solid #d1d1d1;
    padding: 10px 5px;
}

.mod_sysBulletin .fs-list a,
.mod_custBulletin .fs-list a,
.mod_bulletinShortcut .fs-list a {
    color:#000;
}

.mod_sysBulletin .fs-list li:hover, .mod_sysBulletin .fs-list li:focus,
.mod_custBulletin .fs-list li:hover, .mod_custBulletin .fs-list li:focus,
.mod_bulletinShortcut .fs-list li:hover, .mod_bulletinShortcut.fs-list li:focus  {
    background-color: #fff7e2;
}


/***圖文區塊***/ 
.fs-imageBoxes .row {
    width: 100%;
    margin: auto;
}
  
.fs-imageBoxes .box {
    padding: 0;
}

.fs-imageBoxes .list .list-body .title {
    font-size: 1.8em;
}

.fs-imageBoxes .block {
    margin: 10px;
}

/**人員介紹頁tab**/
.fs-nav > ul > li.active > a, .fs-nav > ul > li.active > a:focus {
    border-color: #F18920;
}


/**主欄**/

@media (min-width: 1200px){
.body-page-p .container {
    width: 100%;
    max-width:1380px;
  	padding: 0px 40px;
}
}

@media (max-width: 992px){
.body-page-p #page-main .region {
    padding: 0 10px;
}}




/****側邊攔****/
@media (min-width:992px){
.body-page-p .navbar-inverse {
    position: fixed;
    width: 100%;
    z-index: 10;
    top:0;
}
  
.body-page-p .fs-sitebar, .body-page-p .fs-banner{
    width: 80%;
    float: right;
}
  
.body-page-p #fs-sidebar {
    background-color: #2b2b2b;
    position: fixed;
    width: 20%;
    top: 0px;
  	left:0;
  	height:100vh !important;
  	z-index:1;
  	overflow-y: scroll;
    padding:70px 0 50px 0;
}

.body-page-p #region-content {
    width: 80%;
    margin: auto;
}

.body-page-p #fs-sidebar {
    background-color: #2b2b2b;
}


.body-page-p .fs-sidebar .nav > li > a {
    padding: 15px;
}

.body-page-p .fs-sidebar .nav li a {
    color: #fff;
}


.body-page-p .fs-sidebar .nav > li > a:hover,
.body-page-p .fs-sidebar .nav > li > a:focus {
    background: #ffffff26;
    border-radius: 35px;
}

.body-page-p .fs-sidebar .nav > li.active > a {
    border-radius: 35px;
    background: rgb(68 68 68);
}



/***scrollbar**/
.body-page-p .fs-sidebar::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	/*background-color: #2b2b2b;*/
}

.body-page-p .fs-sidebar::-webkit-scrollbar{
	width: 6px;
	/*background-color: #2b2b2b;*/
}

  
.body-page-p .fs-sidebar::-webkit-scrollbar-thumb{
	border-radius: 10px;
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.body-page-p .fs-sidebar .fs-iconfont::before {
    color: #fff;
}
  
/***主欄***/
.body-page-p .fs-sidebar, .body-p .fs-content {
    border: none;
}

.body-page-p .p-block .col-md-3 {
    width: 20%;
}

.body-page-p .p-block .col-md-9 {
    width: 80%;
}

.body-page-p .body-web-p-blank #p-main {
    margin-top: 0px !important;
}


.body-page-p .fs-content {
    padding: 0;
}


.body-page-p .fs-menu.mode-singleLine-scrollx li a {
    white-space: nowrap;
}

/*一般頁面操作提示*/
.module .p-empty-hint {
    width: 60%;
    margin: auto;
    padding-left: 30px;
}
 
/***媒體瀏覽寬度***/
.body-page-p .row.fs-thumbnails {
    width: 100%;
  	margin: 0 -15px;
}
  
.mod_mediaBrowse .fs-caption .fs-label a {
    color: #333;
}

.mod_mediaBrowse  .fs-caption .fs-label {
    max-height: 55px;
}



/***footer***/
.body-page-p #page-footer {
    width: 100%;
    right: 0;
    bottom: 0;
    float: right;
}

.body-page-p #page-footer .row {
    width: 80%;
    float: right;
}
  
/****版面設計頁****/
  
.body-p-design .navbar-inverse {
    position: inherit;
}

.body-p-design #page-footer {
    width: 100%;
}
}

.body-p-design #page-footer .row {
    width: 80%;
    float: right;
}


/***footer(全站)***/
#page-footer {
    background-color: #454545;
}


/****for ie******/

.body-p .fs-sidebar .nav > li > a:hover,
.body-p .fs-sidebar .nav > li > a:focus,
.body-p .fs-sidebar .nav > li.active > a{
    background-color: rgba(255, 255, 255, 0.3)\9; //for ie6、7、8
    background-color: rgba(255, 255, 255, 0.3)\0; //for ie8
    +background-color: rgba(255, 255, 255, 0.3); //for ie7
    _background-color: rgba(255, 255, 255, 0.3); //for ie6
}

/*for ie9*/
:root .body-p .fs-sidebar .nav > li > a:hover,
:root .body-p .fs-sidebar .nav > li > a:focus,
.body-p .fs-sidebar .nav > li.active > a{
 background-color: rgba(255, 255, 255, 0.3)\9;
}

/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    .body-p .fs-sidebar .nav > li > a:hover,
    .body-p .fs-sidebar .nav > li > a:focus,
    .body-p .fs-sidebar .nav > li.active > a{
        background-color: rgba(255, 255, 255, 0.3);
    }
}


/*********** 重點模組 **************/
/*內文區塊-文字+背景顏色*/
.body-p .fs-step .step-content .content{
    color: #333;
    background-color: #fff6cd;
    border-left-color: #ffad33;
}

/*標題區塊-標題顏色+文字背景顏色*/
.body-p .fs-step .step-title {
    color: #ffad33;
    background-color:  #ffad33;
    border-left-color:  #ffad33;
}

/*標題區塊-前裝飾*/
.body-p .fs-step .step-title:before {
    background-color: #fff6cd;
}

/*標題區塊-後裝飾*/
.body-p .fs-step .step-title:after {
    background-color: #ffad33;
}

/*內文區塊-背景顏色*/
.body-p .fs-step .step-content {
    background-color: #ffad33; 
}

/*圖片區塊-圖片外框色*/
.body-p .fs-step .fs-fancybox.has-border .fs-imageEx {
    background-color: #ffad33;
}

/*整個list*/
.body-p .fs-step .xtree-node {
    background-color: #fafafa;
}