/* * {

  margin: 0 auto;
} */
/*-------------------------------------------    

	導航欄

-------------------------------------------*/

.nav3 .text {

    display: inline-block;

    float: left;

}

.culture-top-header {

    height: 385px;

    background: url(../images/top_menu_bg.jpg);

}

/*-------------------------------------------    

	主內容區域

-------------------------------------------*/

.culture-main {

    position: relative;

    margin: 30px 0px 30px 30px;

    padding-bottom: 20px;

    width: 1135px;

    height: 950px;

    font-size: 1.7rem;

    overflow: hidden;

}


.culture-main p {

    font-size: 1.7rem;

    text-justify: inter-ideograph;

    text-align: justify;

    line-height: 1.9;

    letter-spacing: 1.8px;

    margin: 12px 0px 20px 0;

}


.culture-main h3 {

    font-size: 2.0rem;

    margin-bottom: 30px;

}


/*-------------------------------------------

	文化部表格

-------------------------------------------*/

.contact-table {

    margin-top: 50px;

    margin-left: 150px;

    border: solid 1px #75d7fe;

    border-collapse: collapse;

}

.contact-table td {

    border: solid 1px #75d7fe;

    padding: 10px;

}


.common-table, .lecturers-table {

    margin: 0 auto;

    text-align: center;

    line-height: 2.07;

    font-size: 1.8rem;

    border-top: 3px #75d7fe double;

    border-left: 3px #75d7fe double;

    border-bottom: 3px #75d7fe double;

}


.common-table th, .lecturers-table th {

    padding: 5px;

    height: 15px;

    text-align: center;

    border-bottom: 3px #75d7fe double;

    border-right: 3px #75d7fe double;

}


.common-table td, .lecturers-table td {

    height: 15px;

    padding: 5px;

    border-right: 3px #75d7fe double;

}


.common-table td.td-left {

    text-align: left;

    padding-left: 40px;

}


.common-table td.td-left2 {

    text-align: left;

    padding-left: 120px;

}


.common-table .state {

    float: right;

    margin-right: 40px;

    color: red;

}


.common-table td .audio img {

    margin-left: 30px;

}


.common-table td a, .lecturers-table td a {
    color: #5c4830;
}


.common-table td a:hover, .common-table td:hover, .lecturers-table td a:hover, .lecturers-table td:hover {
    color: #0063e3;
}


.lecturers-table {

    border: 3px #75d7fe double;

}


.table-yellow td:hover, .table-orange td:hover {
    color: #0063e3;
}


.table-yellow tr:nth-child(odd), .table-yellow .bg-light-yellow {

    background: -moz-linear-gradient(bottom, rgba(250, 250, 175, 0.6), rgba(255, 246, 199, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(250, 250, 175, 0.6), rgba(255, 246, 199, 0.3));

    background: -o-linear-gradient(bottom, rgba(250, 250, 175, 0.6), rgba(255, 246, 199, 0.3));

    background: -ms-linear-gradient(bottom, rgba(250, 250, 175, 0.6), rgba(255, 246, 199, 0.3));

    background: linear-gradient(to top, rgba(250, 250, 175, 0.6), rgba(255, 246, 199, 0.3));

}


.table-yellow .bg-yellow {

    background: -moz-linear-gradient(bottom, rgba(254, 246, 131, 0.8), rgba(255, 246, 199, 0.5));

    background: -webkit-linear-gradient(bottom, rgba(254, 246, 131, 0.8), rgba(255, 246, 199, 0.5));

    background: -o-linear-gradient(bottom, rgba(254, 246, 131, 0.8), rgba(255, 246, 199, 0.5));

    background: -ms-linear-gradient(bottom, rgba(254, 246, 131, 0.8), rgba(255, 246, 199, 0.5));

    background: linear-gradient(to top, rgba(254, 246, 131, 0.8), rgba(255, 246, 199, 0.5));

}


.table-orange tr:nth-child(odd), .table-orange .bg-light-orange {

    background: -moz-linear-gradient(bottom, rgba(251, 233, 205, 0.6), rgba(250, 241, 227, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(251, 233, 205, 0.6), rgba(250, 241, 227, 0.3));

    background: -o-linear-gradient(bottom, rgba(251, 233, 205, 0.6), rgba(250, 241, 227, 0.3));

    background: -ms-linear-gradient(bottom, rgba(251, 233, 205, 0.6), rgba(250, 241, 227, 0.3));

    background: linear-gradient(to top, rgba(251, 233, 205, 0.6), rgba(250, 241, 227, 0.3));

}


.table-orange .bg-orange {

    background: -moz-linear-gradient(bottom, rgba(247, 213, 157, 0.8), rgba(255, 246, 199, 0.5));

    background: -webkit-linear-gradient(bottom, rgba(247, 213, 157, 0.8), rgba(255, 246, 199, 0.5));

    background: -o-linear-gradient(bottom, rgba(247, 213, 157, 0.8), rgba(255, 246, 199, 0.5));

    background: -ms-linear-gradient(bottom, rgba(247, 213, 157, 0.8), rgba(255, 246, 199, 0.5));

    background: linear-gradient(to top, rgba(247, 213, 157, 0.8), rgba(255, 246, 199, 0.5));

}


.table-pink tr:nth-child(odd), .table-pink .bg-light-pink {

    background: -moz-linear-gradient(bottom, rgba(249, 219, 219, 0.6), rgba(249, 233, 234, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(249, 219, 219, 0.6), rgba(249, 233, 234, 0.3));

    background: -o-linear-gradient(bottom, rgba(249, 219, 219, 0.6), rgba(249, 233, 234, 0.3));

    background: -ms-linear-gradient(bottom, rgba(249, 219, 219, 0.6), rgba(249, 233, 234, 0.3));

    background: linear-gradient(to top, rgba(249, 219, 219, 0.6), rgba(249, 233, 234, 0.3));

}


.table-pink .bg-pink {

    background: -moz-linear-gradient(bottom, rgba(247, 209, 210, 0.8), rgba(249, 228, 229, 0.5));

    background: -webkit-linear-gradient(bottom, rgba(247, 209, 210, 0.8), rgba(249, 228, 229, 0.5));

    background: -o-linear-gradient(bottom, rgba(247, 209, 210, 0.8), rgba(249, 228, 229, 0.5));

    background: -ms-linear-gradient(bottom, rgba(247, 209, 210, 0.8), rgba(249, 228, 229, 0.5));

    background: linear-gradient(to top, rgba(247, 209, 210, 0.8), rgba(249, 228, 229, 0.5));

}


.table-rose tr:nth-child(odd), .table-rose .bg-light-rose {

    background: -moz-linear-gradient(bottom, rgba(251, 226, 239, 0.6), rgba(249, 236, 243, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(251, 226, 239, 0.6), rgba(249, 236, 243, 0.3));

    background: -o-linear-gradient(bottom, rgba(251, 226, 239, 0.6), rgba(249, 236, 243, 0.3));

    background: -ms-linear-gradient(bottom, rgba(251, 226, 239, 0.6), rgba(249, 236, 243, 0.3));

    background: linear-gradient(to top, rgba(251, 226, 239, 0.6), rgba(249, 236, 243, 0.3));

}


.table-rose .bg-rose {

    background: -moz-linear-gradient(bottom, rgba(250, 210, 230, 0.8), rgba(248, 230, 239, 0.5));

    background: -webkit-linear-gradient(bottom, rgba(250, 210, 230, 0.8), rgba(248, 230, 239, 0.5));

    background: -o-linear-gradient(bottom, rgba(250, 210, 230, 0.8), rgba(248, 230, 239, 0.5));

    background: -ms-linear-gradient(bottom, rgba(250, 210, 230, 0.8), rgba(248, 230, 239, 0.5));

    background: linear-gradient(to top, rgba(250, 210, 230, 0.8), rgba(248, 230, 239, 0.5));

}


.table-purple tr:nth-child(odd), .table-purple .bg-light-purple {

    background: -moz-linear-gradient(bottom, rgba(229, 213, 233, 0.6), rgba(234, 224, 236, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(229, 213, 233, 0.6), rgba(234, 224, 236, 0.3));

    background: -o-linear-gradient(bottom, rgba(229, 213, 233, 0.6), rgba(234, 224, 236, 0.3));

    background: -ms-linear-gradient(bottom, rgba(229, 213, 233, 0.6), rgba(234, 224, 236, 0.3));

    background: linear-gradient(to top, rgba(229, 213, 233, 0.6), rgba(234, 224, 236, 0.3));

}


.table-purple .bg-purple {

    background: -moz-linear-gradient(bottom, rgba(220, 194, 225, 0.8), rgba(222, 210, 214, 0.5));

    background: -webkit-linear-gradient(bottom, rgba(220, 194, 225, 0.8), rgba(222, 210, 214, 0.5));

    background: -o-linear-gradient(bottom, rgba(220, 194, 225, 0.8), rgba(222, 210, 214, 0.5));

    background: -ms-linear-gradient(bottom, rgba(220, 194, 225, 0.8), rgba(222, 210, 214, 0.5));

    background: linear-gradient(to top, rgba(220, 194, 225, 0.8), rgba(222, 210, 214, 0.5));

}


.table-indigo tr:nth-child(odd), .table-indigo .bg-light-indigo {

    background: -moz-linear-gradient(bottom, rgba(165, 184, 228, 0.3), rgba(222, 224, 230, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(165, 184, 228, 0.3), rgba(222, 224, 230, 0.3));

    background: -o-linear-gradient(bottom, rgba(165, 184, 228, 0.3), rgba(222, 224, 230, 0.3));

    background: -ms-linear-gradient(bottom, rgba(165, 184, 228, 0.3), rgba(222, 224, 230, 0.3));

    background: linear-gradient(to top, rgba(165, 184, 228, 0.3), rgba(222, 224, 230, 0.3));

}


.table-indigo .bg-indigo {

    background: -moz-linear-gradient(bottom, rgba(187, 199, 226, 0.8), rgba(216, 220, 230, 0.5));

    background: -webkit-linear-gradient(bottom, rgba(187, 199, 226, 0.8), rgba(216, 220, 230, 0.5));

    background: -o-linear-gradient(bottom, rgba(187, 199, 226, 0.8), rgba(216, 220, 230, 0.5));

    background: -ms-linear-gradient(bottom, rgba(187, 199, 226, 0.8), rgba(216, 220, 230, 0.5));

    background: linear-gradient(to top, rgba(187, 199, 226, 0.8), rgba(216, 220, 230, 0.5));

}


.table-blue tr:nth-child(odd), .table-blue .bg-light-blue {

    background: -moz-linear-gradient(bottom, rgba(114, 193, 234, 0.3), rgba(222, 224, 230, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(114, 193, 234, 0.3), rgba(222, 224, 230, 0.3));

    background: -o-linear-gradient(bottom, rgba(114, 193, 234, 0.3), rgba(222, 224, 230, 0.3));

    background: -ms-linear-gradient(bottom, rgba(114, 193, 234, 0.3), rgba(222, 224, 230, 0.3));

    background: linear-gradient(to top, rgba(114, 193, 234, 0.3), rgba(222, 224, 230, 0.3));

}


.table-blue .bg-blue {

    background: -moz-linear-gradient(bottom, rgba(153, 208, 236, 0.8), rgba(199, 225, 238, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(153, 208, 236, 0.8), rgba(199, 225, 238, 0.3));

    background: -o-linear-gradient(bottom, rgba(153, 208, 236, 0.8), rgba(199, 225, 238, 0.3));

    background: -ms-linear-gradient(bottom, rgba(153, 208, 236, 0.8), rgba(199, 225, 238, 0.3));

    background: linear-gradient(to top, rgba(153, 208, 236, 0.8), rgba(199, 225, 238, 0.3));

}


.table-lake tr:nth-child(odd), .table-lake .bg-light-lake {

    background: -moz-linear-gradient(bottom, rgba(144, 215, 217, 0.4), rgba(181, 216, 217, 0.1));

    background: -webkit-linear-gradient(bottom, rgba(144, 215, 217, 0.4), rgba(181, 216, 217, 0.1));

    background: -o-linear-gradient(bottom, rgba(144, 215, 217, 0.4), rgba(181, 216, 217, 0.1));

    background: -ms-linear-gradient(bottom, rgba(144, 215, 217, 0.4), rgba(181, 216, 217, 0.1));

    background: linear-gradient(to top, rgba(144, 215, 217, 0.4), rgba(181, 216, 217, 0.1));

}


.table-lake .bg-lake {

    background: -moz-linear-gradient(bottom, rgba(134, 216, 218, 0.7), rgba(199, 225, 238, 0.3));

    background: -webkit-linear-gradient(bottom, rgba(134, 216, 218, 0.7), rgba(199, 225, 238, 0.3));

    background: -o-linear-gradient(bottom, rgba(134, 216, 218, 0.7), rgba(199, 225, 238, 0.3));

    background: -ms-linear-gradient(bottom, rgba(134, 216, 218, 0.7), rgba(199, 225, 238, 0.3));

    background: linear-gradient(to top, rgba(134, 216, 218, 0.7), rgba(199, 225, 238, 0.3));

}


.table-green tr:nth-child(odd), .table-green .bg-light-green {

    background: -moz-linear-gradient(bottom, rgba(169, 222, 199, 0.4), rgba(189, 220, 207, 0.1));

    background: -webkit-linear-gradient(bottom, rgba(169, 222, 199, 0.4), rgba(189, 220, 207, 0.1));

    background: -o-linear-gradient(bottom, rgba(169, 222, 199, 0.4), rgba(189, 220, 207, 0.1));

    background: -ms-linear-gradient(bottom, rgba(169, 222, 199, 0.4), rgba(189, 220, 207, 0.1));

    background: linear-gradient(to top, rgba(169, 222, 199, 0.4), rgba(189, 220, 207, 0.1));

}


.table-green .bg-green {

    background: -moz-linear-gradient(bottom, rgba(153, 225, 194, 0.7), rgba(193, 223, 210, 0.2));

    background: -webkit-linear-gradient(bottom, rgba(153, 225, 194, 0.7), rgba(193, 223, 210, 0.2));

    background: -o-linear-gradient(bottom, rgba(153, 225, 194, 0.7), rgba(193, 223, 210, 0.2));

    background: -ms-linear-gradient(bottom, rgba(153, 225, 194, 0.7), rgba(193, 223, 210, 0.2));

    background: linear-gradient(to top, rgba(153, 225, 194, 0.7), rgba(193, 223, 210, 0.2));

}


.table-light-green tr:nth-child(odd), .table-light-green.bg-light-green {

    background: -moz-linear-gradient(bottom, rgba(152, 222, 162, 0.3), rgba(189, 220, 207, 0.1));

    background: -webkit-linear-gradient(bottom, rgba(152, 222, 162, 0.3), rgba(189, 220, 207, 0.1));

    background: -o-linear-gradient(bottom, rgba(152, 222, 162, 0.3), rgba(189, 220, 207, 0.1));

    background: -ms-linear-gradient(bottom, rgba(152, 222, 162, 0.3), rgba(189, 220, 207, 0.1));

    background: linear-gradient(to top, rgba(152, 222, 162, 0.3), rgba(189, 220, 207, 0.1));

}


.table-light-green .bg-light-green {

    background: -moz-linear-gradient(bottom, rgba(152, 222, 162, 0.7), rgba(193, 223, 210, 0.2));

    background: -webkit-linear-gradient(bottom, rgba(152, 222, 162, 0.7), rgba(193, 223, 210, 0.2));

    background: -o-linear-gradient(bottom, rgba(152, 222, 162, 0.7), rgba(193, 223, 210, 0.2));

    background: -ms-linear-gradient(bottom, rgba(152, 222, 162, 0.7), rgba(193, 223, 210, 0.2));

    background: linear-gradient(to top, rgba(152, 222, 162, 0.7), rgba(193, 223, 210, 0.2));

}


.lecturers-cont-table {

    border-collapse: collapse;

}

.lecturers-cont-table td, .lecturers-cont-table th {

    border: solid 1px #75d7fe;

    padding: 6px;

}


.common-table .pdleft, .lecturers-cont-table .pdleft {

    padding-left: 30px;

}


.common-table span {

    display: block;

    /*  margin-left: 24px;*/

}


.common-table img {

    float: left;

    margin-left: 15px;

    width: 25px;

}


/*-------------------------------------------

	文化部課程內容

-------------------------------------------*/

.cbanner {

    position: relative;

    margin-bottom: 30px;

    width: 911px;

}


.cbanner .ctitle {

    font-size: 19px;

    font-weight: bold;

    text-align: center;

}


.cbanner .cdatek {

    display: inline-block;

    margin-top: 25px;

    font-weight: bold;

    width: 265px;

}


.cbanner .cdates {

    display: inline-block;

    margin-top: 25px;

    margin-left: 20px;

    font-weight: bold;


}


.cbanner .ctang {

    display: inline-block;

    font-weight: bold;

}


.cbanner .btn-bao {

    float: right;

    margin-top: -130px;

    font-size: 18px;

}


.cbanner .cid {

    display: inline-block;

    margin-left: 110px;

    font-weight: bold;

}


/*-------------------------------------------

	分頁導航

-------------------------------------------*/

.pagination {

    margin: 0 auto;

    margin-top: .6em;

    width: 310px;

}


.pagination li {

    float: left;

    font-size: 1.4rem;

    list-style: none;

}


.pagination a {

    border: solid 1px #DDDDDD;

    margin-right: 2px;

}


.pagination .previous-off,
.pagination .next-off {

    display: block;

    float: left;

    font-weight: bold;

    padding: 3px 4px;

}


.pagination .next a,
.pagination .previous a {

    font-weight: bold;

    border: solid 1px #FFFFFF;

}


.pagination .active {

    color: #ff0084;

    font-weight: bold;

    display: block;

    float: left;

    padding: 4px 6px;

}


.pagination a:link,
.pagination a:visited {

    color: #0063e3;

    display: block;

    float: left;

    padding: 3px 6px;

    text-decoration: none;

}


.pagination a:hover {

    border: solid 1px #356CDB;

    background: #75d7fe;

    color: #FFF;

}


/*-------------------------------------------

	研究導師

-------------------------------------------*/

.dead {

    border: solid 1px black;

}

article header {

    overflow: auto;

}

article header .lecturers-h3 {

    font-size: 2.0rem;

    float: left;

    margin-bottom: 0;

    margin-right: 1.5em;

}


article header span {

    display: block;

    margin-top: 4px;

}


/*-------------------------------------------

	出版書籍

-------------------------------------------*/


.contwrap {

    float: left;

    width: 560px;

    height: 370px;

    margin-left: 5px;

    margin-bottom: 20px;

    margin-top: 20px;

}

.conttitle {

    margin-top: 5px;

    width: 500px;

    height: 20px;

    background-repeat: no-repeat;

    margin-left: -1px;

    margin-bottom: 25px;

}

.conttitle img {

    margin-top: 2px;

}

.moretext {

    position: absolute;

    width: 70px;

    margin: 10px 693px 0;

}


.publication-main {

    height: 950px;

    position: relative;

    overflow: hidden;

}


.publication-thumb {

    position: relative;

    float: left;

    width: 250px;

    margin-right: 20px;

}

/*

.publication-thumb:after{

  position:absolute;

  content:'';

  width:250px;

  height: 359px;

  top:0;

  left:0;

  box-shadow:0 0 10px 10px rgba(250,250,233,1) inset;

}*/

.publication-thumb img {

    float: left;

    width: 250px;

}

.publication-info {

    width: 270px;

    float: left;

}

.contwrap .item span {

    padding-right: 12px;

}

.publication-cover {

    float: right;

    margin-right: 10px;

}

.publication-info h2 {

    font-size: 1.8rem;

    margin-bottom: 1em;

}

.exhibit-side h2, .exhibit-article h2 {

    font-size: 1.5em;

    margin-bottom: 1em;

}

.exhibit-article2 h2 {

    font-size: 1.5em;

    margin-bottom: 2em;

}

.exhibit-side h2 {

    padding-bottom: 10px;

}

.publication-info p.date {

    font-size: 1.7rem;

    margin-bottom: 10px;

}

.publication-info p.venue {

    margin-bottom: 10px;

}

.publication-info span.readmore {

    font-size: 0.9em;

    font-weight: bold;

}

.exhibit-article {

    width: 960px;

    margin-left: 20px;

    padding-top: 16px;

}

.exhibit-article2 {

    width: 930px;

    margin-left: 20px;

    padding-top: 16px;

}

.exhibit-content {

    margin-top: 2em;

}

.exhibit-content2 {

    margin-top: 1em;

}

.exhibit-side {

    width: 530px;

}

.exhibit-side p.info {

    margin: 10px 0 10px 5px;

    font-size: 0.95em;

    letter-spacing: 1.5px;

    line-height: 1.6;

}

.exhibit-article .item-info {

    width: 450px;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    position: relative;

}

.exhibit-right {

    padding-top: 4.5em;

    width: 420px;

    float: right;

}

.exhibition-poster img {

    margin-right: 20px;

}

.exhibition-poster2 img {

    padding-right: 1em;

    margin-top: 4em;

    float: right;

}

.exhibit-imglist, .exhibit-imglist2 {

    margin-left: 10px;

}

.exhibit-imglist img {

    float: left;

    margin-top: 20px;

    margin-right: 14px;

}

.exhibit-imglist2 {

    margin: 0 auto;

    width: 850px;

}

.exhibit-imglist2 img {

    float: left;

    margin-top: 20px;

    width: 150px;

    height: 150px;

    margin-left: 30px;

    margin-right: 30px;

    padding-bottom: 20px;

}


.item-wrap2 {

    margin-top: 40px;

    margin-bottom: 20px;

}

.item-wrap2 .title2 {

    height: 20px;

    width: 920px;

}

.item-wrap2 .split {

    height: 0;

    width: 120px;

}

.exhibit-banner {

    height: 448px;

}