/*

h2                          font-size:30px;
h3                          font-size:19px;
menu                        font-size:20px;
menu list                   font-size:18px;
body                        font-size:18px;
news                        font-size:16px;
label                       font-size:16px;
custom_title_fontsize_1     font-size:20px;
custom_fontsize_1           font-size:18px;
custom_fontsize_2           font-size:13px;
custom_fontsize_3           font-size:15px;
custom_fontsize_16          font-size:16px;
button                      font-size:16px;

*/
/*
.custom_fontsize_1,
p,
body{
    font-size: 18px !important; 
    text-align: justify;
    letter-spacing: 1px;
}
*/

.custom_fontsize_2{
    font-size: 13px !important; 
}

.custom_fontsize_3{
    font-size: 15px !important; 
}


/*
header's logo setting
*/
#logo a img{
    padding-top: 15px;
} 

@media (max-width: 767px){
    #logo a img{
        padding-top: 0px;
    }   
}


/*
首頁上方新聞字型大小
*/
/*
.container .bnews-title,
.flexslider .slider-wrap .slide a strong{
    font-size: 16px !important;     
}
*/

.custom_fontsize_16{
    font-size: 16px !important;     
}
.custom_title_fontsize_1{
    font-size: 20px !important; 
} 

/*
修正『碧』字後方會空一格問題
*/
.modal-dialog .modal-body .modal-content .modal-body .left_block h3,
.portfolio-item .portfolio-desc h3{
	font-weight: 500;
}


p{
    margin-bottom: 14px;
}



/* meeting */

@media (max-width: 991px) and (min-width: 768px){

    .sidebar-widgets-wrap .widget{
        width: 100%;
    }

    .sidebar-widgets-wrap{
        margin: 0;
    }

    .sidebar-widgets-wrap div h3{
        padding-bottom: 30px;
    }


    .sidebar-widgets-wrap h4,
    .sidebar-widgets-wrap p,
    .sidebar-widgets-wrap .widget .list-group a{
        text-align: center;
    }
}


@media (max-width: 767px){

    .sidebar-widgets-wrap h4,
    .sidebar-widgets-wrap p,
    .sidebar-widgets-wrap .widget .list-group a{
        text-align: center;
    }

    .meeting_share{
        padding-top: 30px;
    }
}



/*相關新聞*/
.table-responsive #datatable1_wrapper label{
    font-size:14px !important;
}




.top-cart-items{
    padding-right:14px;
    padding-left:14px;
}





.mega-menu-content{
    width: 740px;
    padding-right: 200px;
    padding-left: 200px;
}

#top-bar{

    border-bottom:0px;

} 

@media (max-width: 479px){
    #top-cart{
        display:block;    
    }    
}

#primary-menu ul li .mega-menu-content,
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul ul:not(.mega-menu-column) ul{

    background-color: rgba(255, 255, 255, 0.9) 

}    

@media (max-width: 767px){

    #top-social{
        display: block !important;
        float: right;
    }

}

#header.full-header #logo, #header.full-header #primary-menu > ul{

    border-right:0px;

}


#top-cart .top-cart-content{

    width: 80px;

}
body.top-search-open #header-wrap #logo{
    opacity: 1;
}

#top-search-input{
    width: 55%;
    float: right;
}


#footer.dark{

    background-color:rgb(128, 128, 128);

}


.dark .widget_links li a{
    background-image: none;
}

.widget_links li a{
    padding: 0;
}

.mega-menu-content{
    width: 740px;
    padding-right: 200px;
    padding-left: 200px;
}

.news_text { font-size:100%;}




/* =======================================
header setting
======================================= */
#header-wrap{
    
    background-color: initial;
    
}

@media (max-width: 767px) {
    
    #logo img {
        height: 63px !important;   
        top: 18px;
    }    
    
}

#primary-menu ul li > a, #primary-menu ul ul li > a{
    
    font-weight: 500;
    
}



/* =======================================
footer setting
======================================= */
#copyrights { 
    padding:0;
    background-color: rgba(5,5,5,0.19) !important;
}

address{
    
    font-weight: 900;
    
}

@media (min-width: 1200px){
    
    .footerResetWidth{
        
        width:970px;
        
    }
    
}


#footer .footer-widgets-wrap {
 
    padding-top:30px;
    padding-bottom:30px;
    
}    


#footer{
    
    border-top:none;
    
}



/*
index setting
*/

/* slider */
@media (max-width: 991px) and (min-width: 768px){

    #slider-caption2{
        right: -50px !important;
        top: 40px !important;
    }

}


/* _left_button */
.si-sticky{
	top:36%;
}

/* _slider solve the problem that the video not on the top when use iframe to embed youtube on the slider */
.fluid-width-video-wrapper{
    position: static !important;
}


/* _about */
.heading-block.center > span{

    text-align: left !important;
    max-width: 920px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.heading-block:after {

    border-top-style: none;

}


/* parallax */
.testi-content p {

    font-size: 16px;
    font-family: 'Microsoft JhengHei' !important;
    font-style: normal;
    
}

.flexslider .slider-wrap img {
 
    display: inline !important; 
    
} 

/* conference */
@media (max-width: 991px) and (min-width: 560px){

    .portfolio .portfolio-item {
        width:50% !important;
    }

}

.font-primary{

    font-family: 'Microsoft JhengHei' !important;

}

.limit_line {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 20px;     /* fallback */
   max-height: 40px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}


/* comment */
#comments{
    border-top-style: none !important;
}
.commentlist{
    border-bottom-style: none !important;
    margin-bottom: 0px;
}

/* subject */
/*
.row{
    margin-left: 30px;
    margin-right: 30px;
}
*/




.guidelines_ul li{
    
    padding-bottom: 10px;
    
}
/*
guidelines & 設置要點
procedural_rules & 相關法規
保持左方編號不換行
*/
.td_number{
    width: 25px;
}



/*
committeeman & 委員簡介
修正modal內各block位置
*/
.modal .modal-dialog .modal-body .modal-content .modal-body .left_block
{
    width:40%; 
    display:inline-block; 
    vertical-align: top;
}
.modal .modal-dialog .modal-body .modal-content .modal-body .left_block img
{
    width:90%; 
    padding-left: 10%;
}

.modal .modal-dialog .modal-body .modal-content .modal-body .right_block
{
    width:55%; 
    display:inline-block; 
    
}


@media screen and (max-width: 768px) {

    .modal .modal-dialog .modal-body .modal-content .modal-body .left_block
    {
        width:100%; 
        display:block; 
        
    }
    .modal .modal-dialog .modal-body .modal-content .modal-body .left_block img
    {
         
        padding-left: 8%;
        
    }
    
    .modal .modal-dialog .modal-body .modal-content .modal-body .right_block
    {
        width:100%; 
        display:block; 
        
    }

}    

.portfolio-commissioner-name{
   height: 75px; 
   text-align: left;
}


/*
    地圖初步設定
*/
#google-map-custom{
    
    height: 500px;
    
}


/*
    timeline
*/
.postcontent .post-timeline .entry-timeline{
    width: 85px;
    height: 85px;
    left: -110px;
    padding-top: 8px;
}


.postcontent .post-timeline .entry-timeline div.timeline-divider{
    top: 38px;
    left: 79px;
}

.postcontent .post-timeline .entry-timeline span{
    font-size:16px;
    margin-top: 5px;
}
/*
    委員會議 & conference.html
*/
.sidebar .sidebar-widgets-wrap .widget .list-group a{
    font-size:15px;
}

/*
    民眾留言 & comment.html 
    因預設頭像會右移30px，目前移除頭像須將此右移調整回來。
*/
.commentlist li{
    margin-left: 0px;
}


/*
    民眾留言 & comment.html 
*/
#content{

    overflow: inherit !important;

}

#contact-form-overlay{
    
    max-width: 65%;
    padding: 40px 10%;
    
}

@media (max-width: 768px){
    
    #contact-form-overlay{
    
        max-width: 768px;
    
    }
    
}
#comments{

    border-top-style: none !important;

}
.commentlist{

    border-bottom-style: none !important;
    margin-bottom: 0px;

}


/*
    leave message
*/
#content{

    overflow: inherit !important;

}

#contact-form-overlay{
    
    max-width: 65%;
    padding: 40px 10%;
    
}

@media (max-width: 768px){
    
    #contact-form-overlay{
    
        max-width: 768px;
    
    }
    
}

#comments{

    border-top-style: none !important;

}
.commentlist{

    border-bottom-style: none !important;
    margin-bottom: 0px;

}




/*

English version setting

*/



@media (min-width: 768px){
    .heading-block p{
        
       padding-left: 30px;
       padding-right: 30px;
        
    }  
}   
/*
@media (max-width: 479px){
       
    .container{
        width: 390px !important;
    }
}
*/
#portfolio .portfolio-item .portfolio-desc h5 a{
    color: black;
}
#portfolio .portfolio-item .portfolio-desc h5 a:hover{

    color: #BF9D5A;

}    

.testi-meta:before {
    content: '';
}

.testi-content p:before, .testi-content p:after {
    content: '';
}

.table tbody tr td{
    padding-left:20px;
    padding-right:20px;
}