@charset "utf-8";
/* CSS Document */

.ListSearch {
    margin: 50px 60px 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    /*display: none; visibility: hidden;*/
}

#PageListContainer {
    padding: 0 60px 350px;
}

/*
.list {
    padding: 0 60px 280px;
}
*/
.list .item {
    width: calc(100% - 10px);
    margin: 10px 3px;
}

/*.editable_content div.district p  { padding:15px 30px 15px ; margin:0; vertical-align:middle; }*/

/*----------------------------------------------------------------------*/
/* Key visual */

#KeyVisual .bxSlider_list li img {
    width: 100%;
    object-fit: cover;
    /*min-height: 920px;*/
}

#KeyVisual .bx-wrapper .bx-controls-direction a {
    display: none;
}

/* 修改Key visual圖片載入時Slider高度過高問題 */
#KeyVisual .bxSlider_list {
    position: relative;
    background:
        /*#fff*/
        url(../images/cover_narrow.jpg) top center fixed no-repeat;
    background-size: auto;
    width: 100%;
    height: 100vh;
}

/*----------------------------------------------------------------------*/
/* 首頁 */

#Header > div {
    padding: 0px 20px 0px 60px;
}

#Footer .editable_content {
    padding: 0 60px;
}

.IndexCustom.IndexBlock {
    padding: 50px 0 0;
}

.IndexCarousel .col_cont {
    width: 100%;
}

.IndexCarousel .col_list {
    width: 100%;
}

.IndexBlock.IndexCarousel > div {
    background: rgb(133, 113, 90);
    background: -moz-linear-gradient(0deg, rgba(133, 113, 90, 0.5984529554009104) 0%, rgba(0, 0, 0, 0.5984529554009104) 100%);
    background: -webkit-linear-gradient(0deg, rgba(133, 113, 90, 0.5984529554009104) 0%, rgba(0, 0, 0, 0.5984529554009104) 100%);
    background: linear-gradient(0deg, rgba(133, 113, 90, 0.5984529554009104) 0%, rgba(0, 0, 0, 0.5984529554009104) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#85715a", endColorstr="#000000", GradientType=1);
}

.IndexCustom {
    /*position: relative;*/
    background-position: center top -10px;
    background-size: 160% auto, contain; 
    /*margin: 0 auto;
    padding: 0;*/
}

/*----------------------------------------------------------------------*/
/* 内頁 */

body {
    background: #000
        /*url(../images/index_bg.jpg) repeat*/
    ;
}

#Wrap {
    background-image: url(../images/bg1.jpg), url(../images/bg2.png), url(../images/bg3.jpg);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: top -150px center, bottom 260px center, top 0px left 0px;
    background-size: auto, auto, auto;
}

.paper {
    padding: 0px 60px 350px;
    /*padding:0px 30px 100px; background:#152042 url(../images/bg_wide.png) no-repeat 50% 100%; border:1px solid #e5e3e1;*/
}

.paper #Pagination {
    margin-bottom: 25px;
}

.editable_content {
    /*padding: 0px 60px;*/
}

.article_title {
    width: calc(100% - 60px);
}

/*
#content-title h4 {
    margin: -40px auto 6px;
}

#content-word {
    margin: 0 20px;
}
*/
#ch2_collect01-pic {
    background-size: 350px 420px;
}

#ch2_collect02-pic {
    background-size: 350px 420px;
}

#ch2_collect03-pic {
    background-size: 350px 420px;
}

#ch2_collect04-pic {
    background-size: 350px 420px;
}

#ch2_collect05-pic {
    background-size: 350px 420px;
}

#ch2_collect06-pic {
    background-size: 350px 420px;
}

#ch2_collect07-pic {
    background-size: 350px 420px;
}

#ch2_collect08-pic {
    background-size: 350px 420px;
}

#ch2_collect09-pic {
    background-size: 350px 420px;
}

#ch2_collect10-pic {
    background-size: 350px 420px;
}

#ch2_collect11-pic {
    background-size: 350px 420px;
}

#ch2_collect12-pic {
    background-size: 350px 420px;
}

#ch2_collect13-pic {
    background-size: 350px 420px;
}

#ch2_collect-profile {
    bottom: 40px;
    right: auto;
}

#index-all {
    margin: 0 auto 40px;
    padding: 40px 60px 0;
}

#imglist-inline50 {
    width: calc(100% - 20px);
}

#imglist-inline40 {
    width: calc(100% - 20px);
}

#imglist-inline60 {
    width: calc(100% - 20px);
}

#speaker-inline {
    width: calc(100% - 20px);
}

#history-inline {
    text-align: center;
}

#history-title {
    width: 200px;
}

#history-word {
    width: calc(480px - 10px);
    border-top: 1.2px solid #7a7877;
    border-left: 0;
    padding: 10px 0;
}

#detail-chword {
    width: calc(100% - 10px);
    padding: 10px 0;
}

#detail-enword {
    width: calc(100% - 10px);
    border-left: 0;
    border-top: 1.2px solid #7a7877;
    padding: 10px 0;
}

#agenda-inline {
    width: calc(100% - 20px);
}

/* 内頁元素 */
#Breadcrumbs {
    bottom: 0px;
    right: 60px;
    margin-bottom: -15px;
    margin-left: 60px;
    /*margin-right: -10px;
    bottom:-45px; 
    display:none;*/
}

.ToolBar {
    margin: 20px 30px 20px 30px;
}

.ToolBar .colm_left {
    /*float:left;*/
    display: none;
}

.ToolBar dl.share dt {
    margin-left: 0;
}

@media screen and (min-width: 480px) {
    .ToolBar dl.font_size {
        float: left;
        /*padding-right:20px;*/
    }

    .ToolBar dl.share {
        float: right;
    }
}

#Footer {
    padding: 40px 0 35px;
}

#Footer .editable_content_index {
    padding: 0 60px;
}

#Footer .copyright {
    padding: 0 60px;
}

/* 標題 */
h2 {
    margin: 150px auto 100px;
    /*padding: 130px 60px 0;*/
}

.editable_content h3 {
    width: calc(80% - 40px);
    padding: 0 40px;
}

.PageTitle .pro_search > div {
    width: 49%;
    margin-left: 2%;
}

.PageTitle .searchBox {
    margin-top: 10px;
}

.PageTitle .searchBox > div {
    width: 100%;
    margin: 5px 0;
}

@media screen and (max-width: 480px) {
    .searchBox.mid > div {
        width: 100%;
        margin: 5px 0;
    }
}

/* 分類下拉 */
.CatTitle .cat_select {
    margin-top: 10px;
}

/* 列表搜尋 */
.ListSearch .item {
    float: none;
}

.ListSearch.FormElmt input[type="text"] {
    width: 100%;
    max-width: 400px;
}

/* 頁碼 */
#Pagination {
    /*margin-top:0;*/
    padding: 20px 0px 0px;
}

#Pagination a {
    margin: 0 5px;
    display: none;
}

#Pagination a.prev,
#Pagination a.next,
#Pagination .current {
    display: inline-block;
}

#Pagination .setting {
    display: none;
}

/* 編輯器 */
.mob_hide {
    display: none;
}

.dep_hide {
    display: block;
}

/* colorbox */
#colorbox_thum a {
    width: calc(100% - 10px);
    margin: 10px 5px;
}

/* 文章列表 */
h2.article_title {
    font-size: 150%;
    margin-top: 10px;
}

/* 延伸閱讀 */
.related_articles .item {
    padding: 0px;
}

.related_articles .item .img img {
    height: 140px;
}

.related_articles .item .title a {
    font-size: 100%;
}

@media screen and (max-width: 479px) {
    .related_articles .item {
        float: none;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 480px) {
    .related_articles .item {
        width: 48%;
        margin-left: 4%;
    }

    .related_articles .item:nth-child(2n+1) {
        margin-left: 0;
    }
}

/*----------------------------------------------------------------------*/
/* 圖文列表樣式 */
@media screen and (min-width: 480px) {

    /*.list .item { width:80%; margin:0 10% 25px; }*/
    .list {
        /*overflow: hidden;
        margin: 0px -90px 0px;
        text-align: center;
        padding: 0 0 100px 0;*/
    }
}

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

    /*.list .item { width:70%; margin:0 15% 25px; }*/
    .list {
        /*overflow: hidden;
        margin: 0px -90px 0px;
        text-align: center;
        padding: 0 0 100px 0;*/
    }
}

#Event .list .item {
    width: 80%;
    margin: 0 10% 25px;
}

#News .list .item {
    width: 80%;
    margin: 0 10% 25px;
}

/*----------------------------------------------------------------------*/
/* 常設展列表 */
.le_list .dep {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

/*----------------------------------------------------------------------*/
/* 當期特展列表 */
.ce_list .textBox {
    padding: 12px 12px 12px 43px;
}

.ce_list .no {
    font-size: 0.75em;
    left: 10px;
    top: 20px;
    background: #aaa;
    color: #fff;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ce_list .more {
    display: none;
}

/* 展覽回顧列表 */
.ce_list.review .textBox {
    padding: 12px;
}

/*----------------------------------------------------------------------*/
/* 內頁-成功案例-列表樣式 */
.list_st1.list .item {
    padding: 0 0 15px 0;
}

.list_st1.list .item .cont {
    padding-top: 5px;
}

.list_st1.list .item .cont .desc {
    color: #2e2e2e;
    font-size: 14px;
}

.list_st1.list .item .cont .title {
    padding: 3px 0;
}

.list_st1.list .item .cont .title a {
    line-height: 130%;
    color: #ff4c11;
}

.list_st1.list .item .cont .btn {
    padding-top: 15px;
}

/*----------------------------------------------------------------------*/
/* 列表樣式_無效果 */
.list_st2.list {
    padding: 0px;
}

.list_st2.list .item {
    padding: 0px;
    margin-bottom: 25px;
}

.list_st2.list .item .cont .title {
    margin: 8px 10px 5px 10px;
}

.list_st2.list .item .cont .desc {
    margin: 0 10px 10px;
    height: auto;
    max-height: 65px;
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable,
.ListTable tbody,
.ListTable tr,
.ListTable th,
.ListTable td {
    display: block;
}

.ListTable {
    margin: 10px 0;
    width: 100%;
    background: none;
}

.ListTable tr:nth-child(odd),
.ListTable tr:nth-child(even) {
    /*background: #fff;*/
}

.ListTable tr:first-child {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

.ListTable tr {
    margin-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    padding: 5px 0;
    text-align: left;
}

.ListTable tr td {
    margin: 8px 10px;
    padding: 0;
    text-align: left;
}

.ListTable tr td:before {
    font-weight: bold;
    content: attr(data-th)"：";
    /*font-family: "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "微软雅黑";*/
}

.ListTable td.no:before,
.ListTable td.title:before,
.ListTable td.date:before,
.ListTable td.btn:before,
.ListTable td.edit:before,
.ListTable td.kind:before {
    content: "";
}

.ListTable td.no {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #616161;
    background: #f9dca3;
    position: absolute;
    left: 5px;
    top: 10px;
    margin: 0;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.ListTable td.title {
    font-size: 1.25em;
}

.ListTable td.date {
    color: #888;
    font-size: 0.9375em;
    line-height: 100%;
}

.ListTable td.btn {
    text-align: right;
}

.ListTable td.btn input {
    padding: 8px 14px;
}

.ListTable td.edit {
    padding: 3px 0;
}

.ListTable td.kind {
    background: #746c4f;
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    margin: 2px 10px 0;
    font-size: 0.875em;
}

/*----------------------------------------------------------------------*/
/* 表單 */
.FormGroup {
    padding: 15px 12px;
    margin-bottom: 15px;
}

.FormTable {
    border-top: 1px solid #e7e7e7;
}

.FormTable,
.FormTable > tbody,
.FormTable > tbody > tr,
.FormTable > tbody > tr > th,
.FormTable > tbody > tr > td {
    display: block;
}

.FormTable > tbody > tr > th {
    text-align: left;
}

.FormTable > tbody > tr > td {}

.FormTable > tbody > tr {
    padding: 10px 0;
    border-bottom: 1px solid #e7e7e7;
}

.FormTable > tbody > tr:nth-child(even) {
    background-color: #fbfbfb;
}

.input_table li {
    width: 50%;
}

/* 驗證碼 */
.FormElmt .randomcode .img img {
    margin-bottom: 11px;
}

/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_right {
    padding-top: 30px;
}

/*----------------------------------------------------------------------*/
/* 提醒視窗 */
.alert_box > div {
    max-height: 90%;
    margin: 15px;
    padding: 20px;
}

.alert_box .close {
    position: fixed;
    top: 20px;
    right: 20px;
}

.location_indo .left {
    padding: 10px 0;
}

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div {
    margin: 5px;
}

.BtnCommon.large div[class] a,
.BtnCommon.large div[class] input {
    padding-left: 38px;
    padding-right: 13px;
}

.BtnCommon div[class] span:before {
    left: 12px;
}

.BtnCommon.large a,
.BtnCommon.large input {
    font-size: 1em;
}

.BtnCommon div[class] span:before {
    margin-top: -8px;
}

.BtnCommon.mid a,
.BtnCommon.mid input {
    font-size: 1em;
}

/*----------------------------------------------------------------------*/
/* 熱門講座_列表 */
.lectureIngList.list .item {
    float: none;
}

.lectureIngList .item .cont .title {
    font-size: 125%;
}

@media screen and (max-width: 529px) {
    .lectureIngList .item .cont .desc .tl {
        position: relative;
    }

    .lectureIngList .item .cont .desc li {
        padding-left: 0px;
        padding-bottom: 10px;
    }

    .lectureIngList .item .cont {
        padding: 15px 10px;
    }

    .lectureIngList .item .cont .desc {
        padding: 8px 4px;
    }
}

/* 熱門講座_內容 */
.apply_info li.location {
    padding: 7px 10px;
}

.apply_info li.info {
    margin: 12px 0 12px 10px;
}

.apply_info li.info .tl {
    display: block;
    padding-bottom: 5px;
}

.apply_info li.btn {
    margin: 12px 0 12px 10px;
}

.FormTable.lectureForm tr {
    padding: 10px;
}

/*----------------------------------------------------------------------*/
/* 投票 */
.vote_list {
    margin: 0.625em 0.625em 0;
}

.voteBox_R {
    padding: 0.625em 0.625em 0;
}

/*----------------------------------------------------------------------*/
/* 典藏文物 */
.proBox .imgBox {
    margin-bottom: 1.25em;
}

.proBox .textBox dl {
    padding: 8px 0;
}

.proBox .textBox dl dt {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 5px;
    padding: 3px 10px;
    background: #bbb;
}

@media screen and (max-width:

    /*767*/
    799px) {
    .proBox .imgBox {
        width: 100%;
        margin: 0 auto;
    }

    .proBox .textBox {
        /*float:right;*/
        width: 100%;
        margin: 0 auto;
    }
}

/* 禮品 */
.memBox {
    /*background: #fdfcf9;
    opacity: 0.9;
    background-image: url(../images/bg1.jpg);
    background-repeat: repeat;
    background-position: top 0px left 0px;
    background-size: auto;*/
}

.memBox .proBox {
    position: relative;
    margin: 0 auto;
    width: 100%;
    /*height: 100%;*/
    /*padding: 70px 60px 70px 350px;*/
}

.memBox .proBox .textBox {
    padding-top: 20px;
}

.memBox .back a {
    position: relative;
    display: block;
    /*background:#0E6173;*/
    padding: 10px 20px;
    margin: 0px 10px;
    text-decoration: none;
    color: #fdfcf9;
    width: 60px;
    background: #ba9721;
}

.memBox .back a:hover {
    color: #fdfcf9;
    background: #ba9721;
}

.memBox .back a:before {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #fdfcf9;
    border-left: 2px solid #fdfcf9;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 5px;
    top: 12px;
}

.pro_arrow {
    position: relative;
    padding: 15px 0;
    height: 35px;
}

.pro_arrow a {
    width: auto;
    height: 35px;
    line-height: 35px;
    text-indent: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.pro_arrow a.arrow_left {
    padding-left: 28px;
    padding-right: 12px;
}

.pro_arrow a.arrow_right {
    padding-left: 12px;
    padding-right: 28px;
}

.pro_arrow a:after {
    margin: -6px 0 0 0;
}

.pro_arrow a.arrow_left:after {
    left: 12px;
}

.pro_arrow a.arrow_right:after {
    left: auto;
    right: 12px;
}

/*----------------------------------------------------------------------*/
/* 季刊列表 */
.MgzList .item {
    padding-bottom: 40px;
}

@media screen and (min-width: 460px) {
    .MgzList .item {
        width: 48%;
        margin-left: 4%;
    }

    .MgzList .item:nth-child(2n+1) {
        margin-left: 0;
    }

    .MgzList .item .periods {
        font-size: 1.625em;
        bottom: -3px;
    }
}

@media screen and (max-width: 459px) {
    .MgzList .item {
        width: 100%;
    }

    .MgzList .item .periods {
        font-size: 1.625em;
        bottom: -3px;
    }
}

/*----------------------------------------------------------------------*/
/* 大事記 */
.MemorabiliaHeader {
    padding: 0 20px 40px;
}

@media screen and (max-width: 439px) {
    .MemorabiliaHeader h3 {
        font-size: 2.25em;
    }

    .MemorabiliaHeader .desc {
        font-size: 1em;
    }
}

.MemorabiliaListWrap {
    padding-top: 72px;
    padding-bottom: 80px;
}

.MemorabiliaList .row {
    margin-top: 80px;
}

.MemorabiliaList .year {
    width: 100%;
}

.MemorabiliaList .year > div {
    width: 200px;
    margin: 0 auto;
}

.MemorabiliaList .item {
    max-width: 500px;
    margin: 60px auto 0;
}

.MemorabiliaList .img .tag {
    width: 100%;
    margin-top: -15px;
    text-align: center;
}

.MemorabiliaList .img .tag span {
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
}

.MemorabiliaList .item.domestic .img .tag span {
    background-color: #c0991f;
}

.MemorabiliaList .item.oversea .img .tag span {
    background-color: #746c4f;
}

.MemorabiliaList .img .tag span::before,
.MemorabiliaList .item .img .tag span::after {
    display: inline-block;
    transform: rotate(-70deg);
    vertical-align: middle;
}

.MemorabiliaList .img .tag span::before {
    margin-right: 5px;
}

.MemorabiliaList .img .tag span::after {
    margin-left: 5px;
}

@media screen and (max-width: 439px) {
    .MemorabiliaListWrap {
        background-color: transparent;
        padding-left: 10px;
        padding-right: 10px;
    }

    .MemorabiliaList .cont {
        margin: 0;
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media screen and (min-width: 440px) {}