/*

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: 12px;
} 

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

td,
#content p {
    line-height: 1.8 !important;
}

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


p{
    margin-bottom: 15px;
}



/*apology_text*/
.tagcloud a{
    width:290px;
    margin-right:10px;
    margin-bottom: 10px;
}

.imei_member{
    
    border: 1px solid #E5E5E5;
    color: #666;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
}

/*aplogy_reason & introduction*/
.toggle .mouseover_changecolor:hover {
    color: #729878;
}


/* 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:16px !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;
}






/* =======================================
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: 846px){

    #slider-caption2{
        right: -70px !important;
    }

}

@media (max-width: 845px) and (min-width: 795px){

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

}

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

    #slider-caption2{
        display:none;
    }


}

/* _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: 18px;
    text-align: left;
    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: 25px;     /* fallback */
   height: 50px;      /* 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: 78px;
}



/*
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;
}

.panel .entry-timeline {
    width: 85px;
    height: 85px;
    border: 5px solid #CCC;
    position: static;
    background: #fff;
    text-indent: inherit;
    left: -110px;
    font-weight: bold;
    padding-top: 8px;
    color: #000;
    float: left;
	display: inline-block;
    border-radius: 500px;
	
}
.panel .entry-timeline span {
    font-size: 14px;
    color: #AAA;
    display: block;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    padding: 0;
}
.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;

}

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

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


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

@media (min-width: 768px){

    .date_width{
        width: 160px;
    }

}

/*2017/9/26 會議列表要長得像總統府首頁新聞那種開合式*/

/* ----------------------------------------------------------------
	NEWS
-----------------------------------------------------------------*/

.hoverbox {
    padding: 0;
    width: 98%;
}

.line {
    position: relative;
}

    .line:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 3px;
        background: #c4c4d0;
        left: 58px;
    }

.mobile_date {
    position: relative;
}

.scroltit .updown {
    float: left;
    width: 33px;
    height: 48px;
    margin-left: 50px;
}

#but_up {
    background: url(../images/index/up.png) no-repeat 0 0;
    text-indent: -9999px;
}

#but_down {
    background: url(../images/index/down.png) no-repeat 0 0;
    text-indent: -9999px;
}

.mask {
    position: absolute;
    top: 80%;
    left: 20%;
    font-size: 140%;
    color: white;
    font-weight: bold;
}

.human {
    top: calc(35% - 10px);
    left: calc(50% - 400px) !important;
    max-width: 800px;
    text-align: center;
    text-shadow: 2px 2px #434a54;
    background: rgba(0, 0, 0, 0.04);
}

.index .human {
    top: calc(40% - 10px)
}

.human .h1 {
    font-size: 300%;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px #434a54;
}

    .human .h1:after {
        border-bottom: 0px solid hsl(0, 0%, 83%);
    }

.human span {
    text-align: left;
    display: block;
}

.header_contact {
    background-color: #fff;
    border: #bf9c5a 5px solid;
    text-align: center;
    width: 88px;
    margin-top: 10px;
    height: 88px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 2%;
}

    .header_contact .content {
        display: block;
    }

        .header_contact .content p {
            font-size: 14px !important;
            line-height: 0px;
            margin: 18px 0 10px 0;
            color: #9f9f9f;
            text-align: center;
        }

        .header_contact .content font {
            font-size: 18px !important;
            line-height: 0px;
            margin: 10px 0 0 0;
            display: block;
            color: #9f9f9f;
        }

        .header_contact .content .date {
            font-size: 14px !important;
            white-space: nowrap;
        }

.panel-group {
    margin-bottom: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.index_new .panel-group, .othernews, .scrollstyle {
    max-height: 568px;
    overflow: hidden;
    margin-bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.nopadding {
    padding-left: 0;
    padding-right: 5px;
}

.panel-group .panel {
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0;
}

.panel-group .row {
    margin: 0;
    padding:1em;
    min-height: 100px;
}

.panel-group .panel_btn {
    color: #878988;
    text-decoration: none;
    display: block;
}

.panel-group a:focus, .panel-group a:active, .panel-group a:hover {
        color: #009E96;
        background: #bf9c5a;}

.panel-group a:focus > .news_text, .panel-group a:active > .news_text, .panel-group a:hover > .news_text {
            color: #FFF;
            /*border-left: 5px solid #009d96;*/
}
.panel-group.line { margin:0;}
.panel-body {
    padding: 15px 0 0 100px;
}
.entry-video {position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;padding-bottom: 55%;clear: both;}
.entry-video iframe {
    padding:0;position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.news_text {
    font-size: 120%;
    display: inline-block;
    min-height: 80px;
    width: calc(100% - 85px);
}

.othernews .news_text {
    font-size: 120%; /*border-left: 5px solid;*/
    margin-top: 10px;
    min-height: 80px;
    line-height: 100%;
}