/*Share************************************************/


/*麵包****************************/
.breadcrumbZone{background:#fff;box-shadow:0 0 5px 5px rgba(0, 0, 0, .1);}
.breadcrumb{margin:auto;max-width:var( --maxW);background:none;padding: .5em 1.5em; font-size: 13px; border-radius: 0;}
.breadcrumb a{text-decoration:underline;font-size:13px;color:#666}
.breadcrumb .active{color:var(--green)}

@media(max-width:767px){
    .breadcrumb{
        padding:1em 2em;font-size:12px;letter-spacing:.05em;
        background:#3b555f;
    }
    .breadcrumb>li+li:before{padding:0}
    .breadcrumb a{color:#ccc}
}

/*上區塊*/
.infoHeader{background:#EFEFEF;padding:25px;margin-bottom:50px;}
.infoHeader>div{margin:auto;max-width:var( --maxW);}

/*tags*/
.tags{}
.tags li,.tag{border:1px solid #333;margin:0 2px;font-size:13px;padding:0 .5em}


/*title****************************/
.mainTitle{font-size:22px;margin-bottom:2em}
.mainTitle b{letter-spacing:.1em;font-weight:600;}
.mainTitle small{color:var(--green)}
.mainTitle small:before{
    content: "/";
    padding:0 .5em;
}


/*帶線標題*/
.mainTitleLine{display:flex;}
.mainTitleLine:before,
.mainTitleLine:after
{
    content:"";
    flex:1;
    height:1px;
    background:#ddd;
    margin:0 10px;
}

/*綠Bar標題*/
.barTitle{
    background:var(--green2);padding:.7em 0;position:relative;z-index: 10;
    filter: var(--shadow);
}
.barTitle *{color:#fff!important}
.barTitle:after{
    position:absolute;
    bottom:-35px;
    content:"";
    width:50px;
    height:40px;
    background:var(--green2);
    clip-path: polygon(50% 50%, 0 0, 100% 0);
}

.barTitle-s{padding:.5em;max-width:1200px;margin:0 auto;}
.barTitle-s *{font-size:15px;}
.barTitle-s:after{bottom:-33px;}

.grayTitle{background:#999;}
.grayTitle:after{ background:#999;}

/*白標題*/
.whiteTitle{margin:auto;color:#fff;text-align: center;}
.whiteTitle hr{margin:20px auto;border-color: var(--green);border-width: 5px;width:50px;}
.whiteTitle p{font-size:18px;}

@media(max-width:767px){
    .barTitle-s *{font-size:13px;}
}


/*分頁****************************/
.pagination>.active>a,
.pagination>.active>a:focus, 
.pagination>.active>a:hover,
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover
{background-color:var(--green);border-color:var(--green);}

.pagination>li>a, .pagination>li>span{color:var(--green);}


/*按鈕們****************************/

.btnAll{margin-bottom:20px;}

.longBtn{min-width:300px;}
.borderBtn{border-radius:15px;}


/*color*/
.blue{color: var(--blue)}
.red{color: var(--red)}
.blueGray{color: var(--blueGray)}

/*button*/
.blueBtn{background-color: var(--blue)}
.blue2Btn{background-color: var(--blueLight)}
.redBtn{background-color: var(--red)}
.orgBtn{background-color: var(--org)}

.blueGrayBtn{background-color: var(--blueGray);color:#61686B}

.whiteBtn{background-color:#fff;border:1px solid var(--green);color:var(--green);
    min-width:250px;line-height:2.5;border-radius:10px;letter-spacing:.2em;font-size:15px;
}
.whiteBtn:hover{background-color:var(--green);color:#fff;}