@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;
}


@media (min-width: 1380px){

#wrapper .container {

}

}

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

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

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

/*按鈕元件*/

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

/*.oc-item {
    padding: 1px;
}*/

.oc-item a {
    display: block;
}

.owl-carousel .owl-nav [class*=owl-] {
    opacity: 1;
    display: block !important;
}

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

/*主體色按鈕*/

.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-amber {
    background-color: #f08300 !important;
}

.button-amber:hover {
    background-color: #f06f00 !important;
}


/*綠色按鈕*/

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

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

/*墨綠色按鈕*/

.button-dirtygreen {
    background-color: #0d545f !important;
}

.button-green:hover{
    background-color: #0f626f !important;
}

/*水藍色按鈕*/

.button-border.button-aqua {
    color: #205b74;
    border-color: #205b74;
}

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

#top-bar .top-links-item > a {
    font-size: 1em;
    color: #000;
}


#top-bar .top-links-item i {
    color: #ea638c;
}

/*最上方區塊-個別icon樣式*/

#top-bar .top-links-item .icon-language {
    color: transparent;
    background-image: url(../image/top-bar-icon-01.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#top-bar .top-links-item .icon-shopping-cart1 {
    color: transparent;
    background-image: url(../image/top-bar-icon-02.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/*最上方區塊-字級選單樣式*/

#top-bar .top-links-item.text-menu-01 a {
    background-color: #e6e6e6;
}

#top-bar .top-links-item.text-menu-02 a {
    background-color: #cecece;
}


#top-bar .top-links-item.text-menu-03 a {
    background-color: #b2b2b2;
}


@media (max-width: 991px){

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

}

}

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

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

#header-wrap {
    position: relative !important;
}

.header-wrap-clone {
    display: none;
}

@media (min-width: 992px){

#header-wrap {

}
	
}

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

@media (max-width: 991px){

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

}

@media (min-width: 992px){

#logo {
    height: 100px !important;
    opacity: 1 !important;
}  

}

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

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

.primary-menu > #banner-menu > li > a {
    color: #000;
}

.primary-menu > #banner-menu > li > a:hover, #banner-menu > .menu-item:hover > .menu-link {

}

.primary-menu > #banner-menu > li > a span {
    color: #646464;
}

.primary-menu > #banner-menu > li > a:hover span, #banner-menu > .menu-item:hover > .menu-link span {
    color: #fff;
}

@media (min-width: 992px){

.primary-menu > #banner-menu > li > a {
    text-align: center;
}
        
    
.primary-menu > #banner-menu > li > a:hover, #banner-menu > .menu-item:hover > .menu-link {
    color: #fff;
    background-color: #324ea1;
}
    
}

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

#top-search {
    background-color: #aca7a7;
}

#top-search .input-group {
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}

/*上方搜尋區塊-/文字樣式*/

#top-search p, #top-search a {
    color: #fff;
}

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


/*首頁banner區塊-遮罩色塊樣式*/

.index-banner .shape-divider {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
}

.index-banner .shape-divider svg {
    height: 85px !important;
}

/*首頁banner區塊-圓點樣式*/

.index-banner .swiper-pagination span {
    background-color: #0b2530;
}

.index-banner .swiper-pagination span:hover,.index-banner .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #0e6286 !important;
}

/*===============================================
                首頁-共通架構樣式
=================================================*/

.index-content {
    background: linear-gradient(rgb(251 179 121) 1%, rgb(255, 255, 255) 78%);
    overflow: hidden;
}

.index-content:after {
    width: 100%;
    height: 903px;
    background-image: url(../image/index-content-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.index-content .section {
    background-color: transparent !important;
}

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

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

.index-content #main-title {

}

.index-content #main-title > h2 {
    color: #000;
    background-image: url(../image/index-main-title-icon.png);
    background-repeat: no-repeat;
    background-position: center left;
}

/*===============================================
                首頁-社群分享區塊
=================================================*/

#home-share #share-box {
    background-color: rgb(255 255 255 / 80%) !important;
}

/*===============================================
                首頁-便民服務區塊
=================================================*/

#home-service #main-content {
    border: 2px solid #e040a0 !important;
}

/*首頁-便民服務區塊-頁籤樣式*/

#home-service .nav-item a {
    font-size: 1.5em;
    color: #000;
    background-color: #f28cc9;
    position: relative;
}

#home-service .nav-item a:hover, #home-service .nav-item a.active {
    color: #fff;
    background-color: #c82085;
}


/*首頁-便民服務區塊-小標題樣式*/

#home-service .entry-title {
    min-height: 60px;
    font-size: 1.25em;
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/*首頁-便民服務區塊-更多文字樣式*/

#home-service #button-box a {
    color: #e040a0;
}

@media (min-width: 992px){

#home-service .nav-item a:after {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: "";
    position: absolute;
    left: 45%;
    bottom: -19px;
}

#home-service .nav-item a.active:after {
    border-top: 20px solid #c82085;
}

}

@media (max-width: 991px){

#home-service .nav-item {
    width: 50%;
}
    
#home-service .list-group-item a {
    display: block;
    margin-top: 10px;
}
    
}

/*===============================================
                首頁-第一群組區塊
=================================================*/

#home-group-01 {

}

/*===============================================
                首頁-大圖輪播區塊
=================================================*/

#home-big-vda img {
    border-radius: 20px;
}

/*===============================================
                首頁-最新消息區塊
=================================================*/

#home-news {

}

#home-news #main-content {

}

/*首頁-最新消息區塊-頁籤樣式*/

#home-news .nav-item a {
    font-size: 1.2em;
    color: #646464;
    background-color: #ffffff;
    border-radius: 10px;
}

#home-news .nav-item a:hover, #home-news .nav-item a.active {
    color: #fff;
    background-color: #e040a0;
}

#home-news .list-group-item {
    font-size: 1.1em;
    background-color: transparent;
}


/*首頁-最新消息區塊-日期文字樣式*/

#home-news .day {
    color: #000;
}

#home-news .list-group-item a {
    color: #000;
}

#home-news .list-group-item a:hover {
    color: #e040a0;
}

/*首頁-最新消息區塊-更多文字樣式*/

#home-news #button-box a {
    color: #e040a0;
}

@media (min-width: 992px){

#home-news .list-group-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} 

}

@media (max-width: 991px){

#home-news .nav-item {
    width: 50%;
}
    
#home-news .list-group-item a {
    display: block;
    margin-top: 10px;
}
    
}


/*===============================================
                首頁-相關連結區塊
=================================================*/

#home-link .oc-item {
    border-radius: 20px;
    overflow: hidden;
}


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

/*內頁banner區塊-遮罩區塊*/

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


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

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

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


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

#left-menu .widget.widget_links {
    max-width: 100%;
    flex: 0 0 100%;
}

/*內頁-左方選單區塊-主標題樣式*/

#left-menu h3 {
    color: #fff;
    padding: 1rem;
    background-color: #3a6d87;
    border-radius: 10px;
    margin-bottom: 0;
}

/*#left-menu ul {
    max-height: 351px;
    overflow-y: auto;
}

#left-menu ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #EEEEEE;
}

#left-menu ul::-webkit-scrollbar {
  width: 6px;
  background-color: #EEEEEE;
}

#left-menu ul::-webkit-scrollbar-thumb {
  background-color: #4C6267;
}*/

/*內頁-左方選單區塊-列表樣式*/

#left-menu li:nth-of-type(even) a {
    background-color: #f0f0f0;
}

#left-menu li a:before {
    color: #3a6d87;
    content: "\e7a5";
    font-family: 'font-icons';
    display: inline-block;
    position: relative;
    top: 1px;
    left: 0;
    margin-right: 8px;
}


#left-menu li:before {
    display: none;
}

/*內頁-左方選單區塊-連結文字樣式*/

#left-menu li a {
    font-size: 1.2em;
    padding: 0.5rem;
    display: block;
    border-radius: 10px;
}



/*===============================================
                內頁-右方內容區塊
=================================================*/

#is-content {
    font-size: 1.2em;
}


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

/*下方主區塊*/

#footer {
    font-size: 1.1em;
    background-color: #ffffff !important;
    border: none;
}

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

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

#footer-sitemap {

}

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

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

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

#footer-sitemap .toggle-title {
    background-image: url(../image/footer-sitemap-bg.png);
    background-repeat: no-repeat;
    background-position: center 75px;
}

#footer-sitemap .toggle-title a {
    width: 96px;
    height: 121px;
    font-size: 1.2em;
    color: #000;
    text-align: left;
    padding-top: 15px;
    padding-left: 18px;
    background-image: url(../image/footer-sitemap-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    position: relative;
    bottom: 0px;
    z-index: 1;
}

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

#footer-sitemap .toggle-content {

}

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

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

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

#footer-sitemap .title h2 {
    font-size: 1.35em;
    color: #3a6d87;
}

#footer-sitemap li a {
    font-size: 1.1em;
    color: #3a6d87;
    display: inline;
}

#footer-sitemap li a:focus {
    border: 2px solid #f82626 !important;
}

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

#footer-sitemap .button {
    font-size: 0.85em;
    color: #2f94c2 !important;
    padding: 8px 15px;
}

#footer-sitemap .button.button-reveal.button-large i {
    width: 25px;
}

@media (min-width: 992px){

#footer-sitemap #lit-box.col-lg-2 {
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}
    
}


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

#footer-content {
    background-color: #c42083;
}

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

#footer-menu .button {
    font-size: 1em;
    color: #000;
    padding-right: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#footer-menu .button i {
    position: absolute;
    right: 10px;
}

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

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


/*===============================================
                  頁回最上方按鈕
=================================================*/

#gotoTop {
    border-radius: 99px;
}