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

/*===============================================
                    整體設定
=================================================*/

body {
    font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體" !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft JhengHei UI", "Microsoft JhengHei UI Light", "微軟正黑體";
}

a, a:hover {
    text-decoration: none;
    transition: all .3s;
}

:focus {
    outline: 1px solid #e66d00 !important;
}

.gutter-0 > .col, .gutter-0 > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}


@media (min-width: 1380px){

#wrapper .container {

}

}

/*===============================================
                  主內容區塊
=================================================*/

#wrapper, #content {
    background-color: transparent;
}
.content-wrap {
    background-image: url(/archive/image/Y29udGVudC13cmFwLWJnLjgwMTAzNDQ1OQ==.png);
    background-color: #f9f7f2;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

/*===============================================
                  無障礙TAB框設定
=================================================*/

:focus {
    outline: 2px solid #f82626 !important;
}
/*文字輸入框*/

.form-control:focus {
    outline: 2px solid #f82626 !important;
}

/*按鈕元件*/

.btn-default:focus, button:focus {
    border: 2px solid #f82626 !important;
}

.oc-item {
    padding: 1px;
}

.oc-item a {
    display: block;
}

/*============================================
                 按鈕色彩
==============================================*/

/*主體色按鈕*/

.button-style-color {
    background-color: #23994f;
}

.button-style-color:hover {
    background-color: #166835 !important;
}

/*黃色按鈕*/

.button-light.button-yellow {
	color: #000;
    background-color: #ffc000 !important;
}

.button-light.button-yellow:hover {
	color: #000;
    background-color: #eea500 !important;
}

/*綠色按鈕*/

.button-green {
    background-color: #8ec31f !important;
}

.button-green:hover {
    background-color: #639c19 !important;
}

/*水色按鈕*/

.button-green {
    background-color: #1087a2 !important;
}

.button-green:hover {
    background-color: #1087a2 !important;
}

.button-border.button-blue {
    color: #1087a2;
    border-color: #1087a2;
}

.button-3d.button-blue:hover, .button-reveal.button-blue:hover, .button-border.button-blue:hover, .button-border.button-blue.button-fill::before {
    background-color: #1087a2 !important;
}

/*===============================================
                    最上方區塊
=================================================*/

#top-bar .top-links-item > a {
    font-size: 1em;
    padding: 5px 12px;
}

@media (max-width: 991px){

#top-bar .top-links-item > a {

}

}

/*===============================================
                    上方區塊
=================================================*/

#header, #header-wrap {
    border-bottom: 0px solid #F5F5F5;
}

@media (min-width: 992px){

#header-wrap {

}
	
}

/*===============================================
                   上方logo區塊
=================================================*/

@media (max-width: 991px){

#logo img {
    height: 65px !important;
}

}

@media (min-width: 992px){

#logo {
    opacity: 1 !important;
}  

}

/*===============================================
                   banner選單
=================================================*/

/*banner選單-主選單-連結文字樣式*/

.primary-menu > #banner-menu > li > a {
    font-size: 1em;
 
}

.primary-menu > #banner-menu > li > a:hover {
  
}

/*banner選單-子選單-連結文字樣式*/

#banner-menu .sub-menu-container .menu-item > .menu-link {
    font-size: 1em;
}

@media (max-width: 1440px){

.primary-menu > #banner-menu > li > a {
    font-size: 1em;
}

}

@media (max-width: 1200px) and (min-width: 992px) {
    
.primary-menu > #banner-menu > li > a {
    font-size: 0.9em;
    padding: 39px 7px;
}
    
}

@media (min-width: 992px){

.primary-menu > #banner-menu > li > a:hover {
    color: #fff;
}
    
.primary-menu .menu-link div > i.icon-angle-down {
    /*display: initial;*/
}

#banner-menu .sub-menu-container {

}

}

/*===============================================
                  上方搜尋區塊
=================================================*/

@media (min-width: 992px){

#top-search .top-search-form {
    width: 60% !important;
    left: auto;
    right: 0;
}
    
}

/*===============================================
                  首頁banner區塊
=================================================*/

#index-banner {
    background-color: #fff;
}

/*===============================================
                首頁-各區塊共通樣式
=================================================*/

.index-content, .index-content .section {

}

/*===============================================
                首頁-主標題共通樣式
=================================================*/


/*===============================================
                  內頁banner區塊
=================================================*/

/*.page-banner:before {
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}*/

/*內頁banner區塊-回首頁圖示*/

.page-banner i {
    color: #fbc91d;
}

/*內頁banner區塊-當前頁面文字樣式*/

.page-banner .breadcrumb > .active {
    color: #fbc91d !important;
}

/*===============================================
                 內頁子層選單區塊
=================================================*/

#page-menu-wrap {

}

@media (min-width: 992px){

#page-menu-wrap {
    position: relative !important;
    top: 0 !important;
}

.page-menu-wrap-clone {
    display: none;
}

.page-menu-row {
    display: inherit;
}

.page-menu-nav .page-menu-container {
    justify-content: flex-start;
}

body:not(.device-touch) .page-menu-item > a {
    font-size: 1em;
}

}

/*===============================================
                內頁-內容主區塊
=================================================*/

#content.page-content {

}

.content-wrap {

}

/*===============================================
                內頁-右方選單區塊
=================================================*/

#is-content {
    font-size: 1.4em;
    color: #000;
    font-weight: bold;
}

/*===============================================
                  下方主區塊
=================================================*/

/*下方主區塊*/

#footer {
    border: 0;
}

/*===============================================
                  下方胖頁尾區塊
=================================================*/

/*下方胖頁尾區塊-主區塊*/

#footer-sitemap {

}

/*下方胖頁尾區塊-主區塊-內頁設定*/

/*.page-footer #footer-sitemap {
    background-color: #fff;
}*/

/*下方胖頁尾區塊-展開按鈕樣式*/

#footer-sitemap .toggle-title {
    background-image: url(../image/footer-sitemap-title-bg.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
}

#footer-sitemap .toggle-title a {
    width: 173px;
    color: #fff;
    line-height: 1.1;
    padding: 2px 15px;
    padding-right: 15px;
    background-image: url(../image/footer-sitemap-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    position: relative;
    bottom: -8px;
    z-index: 1;
}

/*下方胖頁尾區塊-內容區塊樣式*/

#footer-sitemap .toggle-content {
    background-color: #dedede;
    /* background-image: url(../image/footer-sitemap-bg.jpg); */
    background-position: center top;
    background-repeat: no-repeat;
}

/*下方胖頁尾區塊-列表樣式*/

#footer-sitemap li {
    font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 1px 0;
}

/*下方胖頁尾區塊-小標題樣式*/

#footer-sitemap .title h2 {
    font-size: 1.2em;
    border-color: #000 !important;
}

#footer-sitemap li {
    color: #333;
    padding: 4px 0;
}

#footer-sitemap li a {
    color: #333 !important;
    display: inline;
}

/*===============================================
                  頁尾內容區塊
=================================================*/

#footer-content {
    background-color: #0b1f48;
}

@media (max-width: 991px){

#footer-content {
    font-size: 0.95em;
}
    
}

/*===============================================
                  頁尾選單區塊
=================================================*/


#footer-menu a {
    color: #fff;
}

/*===============================================
                  頁尾上稿區塊
=================================================*/

#footer-text a {
    color: #fcd108;
}

#footer-text i {
    color: #fff;
}

#footer-text p span {
    font-size: 0.9em;
    opacity: 0.5;
}

/*===============================================
                  頁尾社群分享區塊
=================================================*/

.dark .si-light {
    color: #1087a2 !important;
    background-color: #fff7f7;
}

/*===============================================
                   浮動式分享選單
=================================================*/

#float-share {
    left: initial;
    right: 8px;
}
/*===============================================
                  頁回最上方按鈕
=================================================*/

#gotoTop {
    border-radius: 99px;
}