/* 仿宋體 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

/* 黑體 */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);

body, div, span, p, a, h1,h2,h3,h4,h5, td, th {
    font-family: 'Microsoft JhengHei', georgia, serif; /* 'cwtexhei', */
    word-break: break-all;
    word-wrap: break-word;
}

.datepicker.dropdown-menu {
    min-width: 300px;
}

label.error{
    color:#ff0000 !important;
}

.cpointer{
    cursor: pointer;
}

.my-form-control{
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.my-note{
    color: #008844;
    /* font-style:italic; */
}
.block-hint{
    margin: 15px 0px;
    color:#5b9999;
}

.tagCloud span{
    cursor: pointer;
}

/* 文字過長處理 NOT WROKING */
.overflow_content{
    white-space: nowrap; 
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis; 
    display: block;
    position : relative;
}

#exclamation{
    position: fixed;
    bottom: 60px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
    right: 10px; /* 與右方的距離 */
    width: 105px; /* 按鈕原始寬度 */
    height: 40px; /* 按鈕原始高度 */
    opacity: 0.4; /* 按鈕原始透明度 */
    z-index: 10;
    cursor: pointer;
    transition: all .5s; /* 動畫效果 持續期間 */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;

    color:#ffffff;
    background-color: #000000;
    text-align: center;
    vertical-align: center;
    line-height: 40px;
    border-radius: 5px;
}
#applist{
    position: fixed;
    bottom: 110px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
    right: 10px; /* 與右方的距離 */
    width: 105px; /* 按鈕原始寬度 */
    height: 40px; /* 按鈕原始高度 */
    opacity: 0.4; /* 按鈕原始透明度 */
    z-index: 10;
    cursor: pointer;
    transition: all .5s; /* 動畫效果 持續期間 */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;

    color:#ffffff;
    background-color: #000000;
    text-align: center;
    vertical-align: center;
    line-height: 40px;
    border-radius: 5px;
}
#exclamation:hover{
    opacity: 1;
    line-height: 40px;
}
/* #exclamation i{
    margin-left: -3px;
    margin-top: 14px;
} */

#gotop{
    position: fixed;
    bottom: 10px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
    right: 10px; /* 與右方的距離 */
    width: 85px; /* 按鈕原始寬度 */
    height: 40px; /* 按鈕原始高度 */
    opacity: 0.4; /* 按鈕原始透明度 */
    z-index: 10;
    cursor: pointer;
    transition: all .5s; /* 動畫效果 持續期間 */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;

    color:#ffffff;
    background-color: #000000;
    text-align: center;
    vertical-align: center;
    line-height: 40px;
    border-radius: 5px;
}
#gotop:hover{
    opacity: 1;
    line-height: 40px;
}
#applist:hover{
    opacity: 1;
    line-height: 40px;
}
#header_main_div{
    border-left: 1px #dddddd solid;
    border-right: 1px #dddddd solid;

    /*padding-top: 15px;*/
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 30px;

    background-color: #ffffff;
    /*background-image: url('./images/008.jpg'); */
    /*background-position: left top; */
    /*background-repeat: no-repeat;*/
}
        

/* overview_index.php */
#main_div{
    background-color: #ffffff;
    border-left: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    /*padding-bottom: 50px;*/
}

#main_articles_div{
    padding-top: 20px;

    margin-left: 10px;
    margin-right: 10px;
    background-color: #ffffff;
    margin-bottom: 50px;
}

#articles_list{
    margin-top: 15px;
}



#sidebar_overview{
    font-family: 'Microsoft JhengHei', georgia, serif; 
    background-color: #222222;
    padding-top:    10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    margin-left: 10px;
    cursor: pointer; 
}
#sidebar_overview a{
    color:#999999;
}

#sidebar_overview a:hover{
    color:#ffffff;
    background: #1e282c;
    border-left-color: #dd4b39;
}

#sidebar_overview a:active{
    color:#ffffff;
    background: #1e282c;
    border-left-color: #dd4b39;
}


#main_footer{
    background-color: #FFF7E8;
    opacity:0.8;
    color: #230b0b;

    border-left: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
    border-top: 1px #aaaaaa solid;
    border-bottom: 1px #dddddd solid;
            
    padding-top: 20px;
    padding-bottom: 20px;        
}


.one_article{
    /*border: 1px #aaaaaa solid;*/
    background-color: #eeeeee;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;

    /*box-shadow:2px 2px 3px 4px #dddddd;*/
}

.one_article:hover{
    position:relative;
    left: 3px;
    top: 3px;    
}
        
.hided_element{
    display: none;
}

/**
 * 後分類
 */
.filter_row{
    width:100%; 
    padding-left: 10px; 
    line-height: 30px;
    /*border:1px #000000 solid;*/
}

.filter_sub_row{
    width:100%; 
    padding-left: 20px; 
    line-height: 30px;
    /*border:1px #000000 solid;*/
}

.filter_row > label{
    cursor: pointer;
}

.filter_sub_row > label{
    cursor: pointer;
}

red{
    color: #ff0000;
}
.red{
    color: #ff0000;
}


/* 總覽 資料集選單 */
.after_classification .checkdata{
    color: #999999;
    /* cursor: pointer; */
    font-size: 14px;
    width: 100%;
}

.after_classification .checkdata:hover{
    color: #000000;
}

/* 當前資料集 */
.after_classification .active{
    color: #000000;
}



/* 展覽教學 */
.onlinedisplay_content img:hover{
    opacity: 0.4;
}

/* 列表顯示 圖示顯示 */
.select_item .output{
    cursor: pointer;
}
.select_item select{
    cursor: pointer;
}
.result .pages{
    cursor: pointer;
}


/* 圖示顯示 */
.result_item .photo{            
}
.result_item img{
    max-height: 170px;
    width: auto !important;
}

/* 搜尋 */
.search_section .search_item .search_go{
    width: 100% !important;
    position: relative;
    padding-left: 25px;
}
@media (min-width: 0) and (max-width: 890px) {
    .search_section .search_item .search_go{
        padding-left: 10px;
    }
}
        
.search_section .show_adv{
    font-size: 11px;
    width:150px;
    position:absolute;
    left:100%;
}

@media (min-width: 0) and (max-width: 890px) {
    .search_section .show_adv{
        position: relative;
        left: 0;
        display: block;
        width: auto;
    }
}

.search_section .search_item{
    color: #ffffff;
}
#div-searchKind{
    /*background-color: #000000;*/
    padding: 5px 10px 10px 10px;
}
        
#div-searchKind label{
    display: inline-block;
}


/* 進階搜尋 */
.show_adv{
    color: #eeeeee;
    cursor: pointer;
}
#div_adv_search{
    /*width: 45%;*/
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left:25px;
    padding-right: 2%;
}
@media (min-width: 0) and (max-width: 890px) {
    #div_adv_search{
        padding-left: calc(2% + 3px);
        padding-right: 6%;
    }
}
#div_adv_search p{
    color: #ffffff;
    font-size: 16px !important;
    padding: 5px 0px;            
}

#div_adv_search select, #div_adv_search input{
    color: #333333;
}

.column_query {
    font-size: 0;
    margin-bottom: 10px;
}

/* 進階搜尋 - 限定欄位交叉搜尋 */
.column_query .form-control{
    display: inline-block;
    vertical-align: middle;
}
.column_query select[name="operator[]"]{
    /* width: 100px; */
    width: 25%;
}
.column_query select[name="column[]"]{
    /* width: 150px; */
    width: 25%;
}
.column_query input[name="otherq[]"]{
    /* width: 230px; */
    width: 50%;
}

/* 延伸查詢(館藏查詢) */
.column_query select[name="find_code"]{
    width: 100px;
}
.column_query input[name="request"]{
    width: 200px;
}

/* 延伸查詢(館藏查詢)送出 */
.btn-extend-submit{
    color: #eeeeee;
    background-color: #9c0007;
    margin: 8px 5px;
}
.btn-extend-submit:hover{
    color: #ffffff;
}


/* 分頁 */
.pages .a_active{
    border: 1px solid #eee;
    background: #5fb8eb;
    color: #FFF;
}


/* header 底線顏色 */
header .deskmenu ul li:nth-child(2) a:hover {
    border-color: #0044BB; 
}
header .deskmenu ul li:nth-child(3) a:hover {
    border-color: #00AA00; 
}
header .deskmenu ul li:nth-child(4) a:hover {
    border-color: #000088; 
}
header .deskmenu ul li:nth-child(5) a:hover {
    border-color: #5500DD; 
}
header .deskmenu ul li:nth-child(6) a:hover {
    border-color: #A42D00; 
}


/* 一般描述頁面: 例如 隱私權聲明 */
.div-plain-description{
    padding-bottom: 100px;
}
.div-plain-description h3{
    margin-top: 30px;
    margin-bottom:10px; 
    font-size: 20px;
}

.carousel.c_image {
    height: 500px;
}

.carousel-inner {
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
}

.carousel-inner>.next, .carousel-inner>.prev {
    top: inherit;
}

@media (min-width: 0) and (max-width: 890px) {
    .detail_description {
        float: none!important;
        width: 100%!important;
    }
    .detail_image {
        float: none!important;
        width: 100%!important;
    }
}