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

.words {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.word {
    display: grid;
    grid-template-rows: max-content 650px 1fr;
}

.word img {
    display: grid;
    grid-template-rows: max-content 350px 1fr;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 20px;
}

.card {
    display: grid;
    grid-template-rows: max-content 350px 1fr;
}

.card img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#link-inline {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /*background-color: #f47721;*/
    margin: 0 auto;
    text-align: center;
    padding: 10px 0px;
    /*max-width: 190px;*/
}

#more a {
    display: inline-block;
    color: #fff;
    background: #ef646a;
    text-decoration: none;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*text-indent: -10000px;*/ 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#more a:hover  {
    background: #e82d34;
}

/*----------------------------------------------------------------------*/
/* 内頁 */
#Center {
    background: #f6f6f6;
    padding: 25px 0 50px;
}

#Center .inner {
    position: relative;
}

#Center .inner:after {
    content: "";
    clear: both;
    display: block;
}

.paper {
    background: #fff;
    border: 1px solid #e5e3e1;
    padding: 20px;
}

/*----------------------------------------------------------------------*/
/* 左選單 */
#LeftMenu {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    padding: 8px 20px 12px;
    line-height: 1.25em;
    width: 180px;
    float: left;
    position: relative;
}

#LeftMenu .title {
    color: #e82d34;
    border-bottom: 5px solid #e82d34;
    font-size: 1.5em;
    line-height: 1.25em;
    padding: 7px 0 10px;
}

#LeftMenu > ul {
    margin-top: 12px;
}

#LeftMenu ul li {
    border-top: 1px solid #f0f0f0;
    padding: 5px 0;
    position: relative;
}

#LeftMenu ul li:first-child {
    border: none;
}

#LeftMenu ul li a {
    color: #606060;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

#LeftMenu ul li a:hover,
#LeftMenu > ul > li > a.arrow.slideDown {
    color: #e82d34;
}

#LeftMenu ul ul {
    border-top: 1px solid #d3d3d3;
    margin: 5px 0 10px;
    padding-left: 12px;
}

#LeftMenu ul ul a {
    font-size: 0.875em;
}

#LeftMenu > ul > li > a.arrow:after {
    content: '';
    position: absolute;
    top: 13px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

#LeftMenu > ul > li > a.arrow:hover:after {
    border-color: #e82d34;
}

#LeftMenu > ul > li > a.arrow.slideDown:after {
    top: 18px;
    border-color: #e82d34;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*----------------------------------------------------------------------*/
/* 内頁元素 */
/*#KeyVisualCont .img {
    background-size: cover;
    background-position: center center;
}*/

#KeyVisualCont {
    background-size: cover;
    background-position: center 20%;
    background-image: url(https://www.mwr.org.tw/files/file_pool/1/0N193494626340157987/1920x1000-2.jpg);
}

#KeyVisualCont .img {
    /*background-size: cover;
    background-position: center center;
    display: none;*/
    visibility: hidden;
}

#MainBar {
    position: relative;
    border-top: 1px solid #d3d3d3;
    margin-top: 4px;
}

#MainBar:before {
    content: "";
    width: 55px;
    height: 5px;
    background: #e82d34;
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
}

#MainBar:after {
    content: "";
    clear: both;
    display: block;
}

#MainBar h2 {
    float: left;
    font-size: 1.875em;
}

#Center .fa {
    vertical-align: middle;
    margin-top: -0.2em;
}

/* 導覽列(麵包屑) */
#Breadcrumbs {
    float: right;
}

#Breadcrumbs ul {
    overflow: hidden;
    padding-top: 15px;
}

#Breadcrumbs ul li {
    float: left;
    padding-right: 25px;
    font-size: 0.8125em;
    color: #696969;
    line-height: 24px;
    position: relative;
}

#Breadcrumbs ul li.last {
    padding-right: 0;
}

#Breadcrumbs ul li a {
    display: block;
    color: #696969;
    text-decoration: none;
}

#Breadcrumbs ul li:after {
    content: '/';
    position: absolute;
    top: 0px;
    right: 8px;
    color: #696969;
    font-size: 14px;
}

#Breadcrumbs ul li a:hover {
    text-decoration: underline;
}

#Breadcrumbs ul li.last,
#Breadcrumbs ul li.last a {
    color: #e82d34;
}

#Breadcrumbs ul li.last a:hover {
    color: #e82d34;
}

#Breadcrumbs ul li.last:after {
    content: '';
}

/*----------------------------------------------------------------------*/
/* 標題 */
h3 {
    font-size: 1.875em;
}

.article_title {
    font-weight: 400;
    color: #e82d34;
    font-size: 1.875em;
    padding: 0.2em 0 0.45em;
    margin-bottom: 10px;
    line-height: 1.25em;
    border-bottom: 1px solid #d1d1d1;
}

.article_title + .editable_content {
    margin-top: 25px;
}

.article_title + .FormGroup {
    margin-top: 40px;
}

.item_title {
    font-size: 1.125em;
    padding: 5px 0;
    margin-bottom: 1em;
}

.post_info {
    padding: 0 35px 5px 0;
    margin-bottom: 20px;
}

.post_info span {
    display: inline-block;
    border-left: 1px solid #dedede;
    padding-left: 14px;
    margin-left: 12px;
    line-height: 20px;
    color: #7f7f7f;
    font-size: 81.25%;
}

.post_info span:first-child {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
}

.post_info span.date {
    font-family: Arial, Helvetica, sans-serif;
}

.post_info.below {
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/*----------------------------------------------------------------------*/
/* 工具列 */
.ToolBar dl.font_size,
.ToolBar dl.share {
    height: 36px;
}

.ToolBar .colm_left a,
.ToolBar dl.font_size dt,
.ToolBar dl.share dt {
    line-height: 36px;
}

.ToolBar dl.font_size dt,
.ToolBar dl.share dt {
    margin-right: -5px;
}

.ToolBar .colm_left a span,
.ToolBar dl.font_size dd,
.ToolBar dl.font_size a,
.ToolBar dl.share dd,
.ToolBar dl.share a {
    display: block;
    width: 36px;
    height: 36px;
}

.ToolBar {
    overflow: hidden;
    font-size: 0.8125em;
    margin-bottom: 20px;
    position: relative;
    z-index: 9;
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
    padding-bottom: 3px;
}

.ToolBar .colm_left {
    float: left;
    position: relative;
}

.ToolBar .colm_left:after {
    content: "";
    width: 1px;
    height: 50px;
    background: #d3d3d3;
    display: block;
    position: absolute;
    right: -20px;
    top: -10px;
}

.ToolBar .colm_left a {
    display: block;
    float: left;
    position: relative;
    margin-left: 19px;
    padding-left: 42px;
    color: #686868;
    text-decoration: none;
}

.ToolBar .colm_left a:first-child {
    margin-left: 0;
}

.ToolBar .colm_left a span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url("../images/icon_toolbar.png") no-repeat;
    background-color: #dfdfdf;
    opacity: .4;
}

.ToolBar .colm_left a.return span {
    background-position: 0 0;
}

.ToolBar .colm_left a.print span {
    background-position: 0 -36px;
}

.ToolBar .colm_left a:hover {
    color: #000;
}

.ToolBar .colm_left a:hover span {
    opacity: 1;
}

.ToolBar .colm_right {
    color: #686868;
}

.ToolBar dl.font_size {
    position: relative;
}

.ToolBar dl.font_size:after {
    content: "";
    width: 1px;
    height: 50px;
    background: #d3d3d3;
    display: block;
    position: absolute;
    left: -17px;
    top: -10px;
}

.ToolBar dl.font_size > * {
    float: left;
}

.ToolBar dl.font_size dd {
    margin-left: 8px;
    background-color: #dfdfdf;
    opacity: .4;
}

.ToolBar dl.font_size a {
    background: url("../images/icon_toolbar.png") no-repeat;
    text-indent: -10000px;
}

.ToolBar dl.font_size dd.font_small a {
    background-position: 0 -72px;
}

.ToolBar dl.font_size dd.font_medium a {
    background-position: 0 -108px;
}

.ToolBar dl.font_size dd.font_big a {
    background-position: 0px -144px;
}

.ToolBar dl.font_size dd:hover {
    opacity: 1;
}

.ToolBar dl.share > * {
    float: left;
}

.ToolBar dl.share {
    position: relative;
}

.ToolBar dl.share:after {
    content: "";
    width: 1px;
    height: 50px;
    background: #d3d3d3;
    display: block;
    position: absolute;
    left: -13px;
    top: -10px;
}

.ToolBar dl.share dd {
    margin-left: 8px;
    background-color: #dfdfdf;
    opacity: .4;
}

.ToolBar dl.share dd a {
    position: relative;
    text-indent: -10000px;
    cursor: pointer;
}

.ToolBar dl.share a::after {
    background: url("../images/icon_toolbar.png") no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
}

.ToolBar dl.share dd.facebook a::after {
    background-position: 0 -180px;
}

.ToolBar dl.share dd.twitter a::after {
    background-position: 0 -216px;
}

.ToolBar dl.share dd.google_plus a::after {
    background-position: 0 -252px;
}

.ToolBar dl.share dd.line a::after {
    background-position: 0 -288px;
}

.ToolBar dl.share dd:hover {
    opacity: 1;
}

/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle {
    margin: 0 0 20px;
}

.CatTitle::after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.CatTitle h3 {
    display: inline-block;
    font-weight: normal;
    line-height: 1.454545em;
    font-size: 1.375em;
}

.CatTitle .cat_select {
    font-size: 0.875em;
    line-height: 32px;
    color: #555;
}

.CatTitle .cat_select .btn {
    color: #fff;
    background-color: #e82d34;
    font-weight: bold;
    box-sizing: border-box;
    border: 0;
    margin: 0 0 0 5px;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.CatTitle .cat_select .btn:hover {
    background-color: #000;
}

.CatTitle .cat_select select {
    color: #000;
}

.CatTitle .cat_select select,
.CatTitle .cat_select .btn {
    vertical-align: top;
    font-size: 1em;
    font-weight: 400;
}

.cat_select.FormElmt select {
    height: 32px;
}

/*----------------------------------------------------------------------*/
/* 一般圖文列表 */
.ListPicText:after,
.ListPicText .item:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.ListPicText .item {
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.ListPicText .item:hover {
    -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
    box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
}

.ListPicText .imgBox {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.ListPicText .imgBox .img {
    padding-bottom: 70%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.ListPicText .textBox {
    line-height: 1.375em;
    position: relative;
}

.ListPicText .title {
    position: relative;
}

.ListPicText .title a {
    color: #000;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.333333em;
}

.ListPicText .title a:hover {
    color: #e82d34;
}

.ListPicText .dep {
    font-size: 0.875em;
    color: #000;
    margin-top: 10px;
}

.ListPicText .tag,
.news_list .date {
    font-size: 0.8125em;
}

.ListPicText .tag {
    background: #ff9c00;
    color: #fff;
    display: inline-block;
    padding: 0 8px;
    height: 1.847em;
    line-height: 1.84615em;
}

.ListPicText .date {
    color: #7b7b7b;
    padding-top: 12px;
}

.ListPicText .item .more a {
    font-size: 0.875em;
    background: #e82d34;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 10px 26px;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, .2);
    display: inline-block;
}

.ListPicText .item .more a:after {
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 5px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ListPicText .imgBox .img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* grid-view */
.ListPicText.grid-view .tag {
    margin-top: -0.9235em;
}

.ListPicText.grid-view .item .more {
    position: absolute;
    bottom: 20px;
    left: 20px;
    height: 38px;
    padding-right: 4px;
}

.ListPicText.grid-view .imgBox:hover .img {
    transform: scale(1.1);
}

/* list-view */
.ListPicText.list-view .imgBox {
    float: left;
}

.ListPicText.list-view .imgBox:hover .img {
    opacity: .7;
}


/* 相簿列表-典藏文物.宗博文創 */
.ListPicText.album .imgBox .img {
    padding-bottom: 100%;
    background-size: contain;
}

.ListPicText.grid-view.album .textBox {
    padding: 15px;
}

/*----------------------------------------------------------------------*/
/* 常設展列表 */
.le_list:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.le_list .item {
    background: #fff;
    border: 1px solid #e5e3e1;
    box-sizing: border-box;
    position: relative;
}

.le_list .item:hover {
    border: 1px solid #efefef;
    -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
    box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
}

.le_list .imgBox {
    width: 100%;
    overflow: hidden;
}

.le_list .imgBox .img {
    padding-bottom: 70%;
    background-size: cover;
    background-position: center center;
}

.le_list .item:hover .imgBox .img {
    transform: scale(1.1);
}

.le_list .textBox {
    line-height: 1.375em;
    padding: 20px;
}

.le_list .title {
    position: relative;
    padding-left: 12px;
}

.le_list .title a {
    color: #7382cb;
    font-size: 1.125em;
    text-decoration: none;
    line-height: 1.333333em;
}

.le_list .title a:before {
    content: "";
    display: block;
    width: 4px;
    height: 20px;
    background: #919dd8;
    position: absolute;
    left: 0;
    top: 1px;
}

.le_list .title a:hover:before {
    background: #444;
}

.le_list .title a:hover {
    color: #444;
}

.le_list .dep {
    font-size: 0.875em;
    color: #888;
    margin-top: 10px;
}

.le_list .item,
.le_list .title a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.le_list .dep,
.le_list .imgBox .img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* 當期特展列表 */
.ce_list:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.ce_list .item {
    background: #fff;
    border: 1px solid #e5e3e1;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.ce_list .textBox {
    position: relative;
}

.ce_list .no {
    position: absolute;
    color: #333;
}

.ce_list .title {
    padding: 5px 0;
}

.ce_list .title a {
    font-size: 1.375em;
    line-height: 1.2em;
    text-decoration: none;
    color: #ef646a;
}

.ce_list .title a:hover {
    color: #000;
}

.ce_list .date {
    color: #666;
    padding: 3px 0 7px;
}

.ce_list .imgBox {
    width: 100%;
}

.ce_list .imgBox .img {
    padding-bottom: 31.3%;
    background-size: cover;
    background-position: center center;
}

.ce_list .imgBox:hover .img {
    opacity: .7;
}

.ce_list .more {
    text-align: center;
    border-left: 1px solid #ddd;
    position: absolute;
    right: 0;
    top: 12px;
}

.ce_list .more a {
    font-size: 0.875em;
    color: #777;
    text-decoration: none;
    display: block;
    padding: 0 16px;
    height: 62px;
    line-height: 62px;
}

.ce_list .more a:hover {
    color: #ef646a;
}

.ce_list .imgBox .img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 展覽回顧列表 */
.ce_list.review .item {
    margin-bottom: 30px;
}

.ce_list.review .title a {
    font-size: 1.25em;
}

.ce_list.review .date {
    font-size: 0.875em;
}

.ce_list.review + #Pagination {
    margin-top: 25px;
}

/*----------------------------------------------------------------------*/
/* 列表搜尋 */
.ListSearch {
    margin: 15px 0 10px;
    box-sizing: border-box;
    position: relative;
}

.ListSearch:after {
    content: "";
    display: block;
    clear: both;
}

.ListSearch .item {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 2em;
    color: #555;
}

.ListSearch .item > label {
    display: none;
    font-size: 0.875em;
    line-height: 180%;
    font-weight: bold;
}

.ListSearch .title {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    line-height: 2em;
}

.ListSearch .BtnCommon {
    float: left;
    clear: none;
    margin-bottom: 10px;
}

.ListSearch .BtnCommon input {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    font-size: 0.875em;
}

.ListSearch .BtnCommon span {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ListSearch.FormElmt input[type="text"] {
    height: 32px;
    line-height: 32px;
    width: 200px;
    font-size: 0.875em;
}

.ListSearch.FormElmt select {
    height: 32px;
    font-size: 0.875em;
}

.ListSearch.FormElmt.lecture select {
    height: 35px;
    font-size: 1em;
}

.ListSearch + .apply_info {
    padding-top: 0;
    padding-bottom: 10px;
}

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination {
    margin-top: 35px;
    clear: both;
    text-align: center;
}

#Pagination .pages {
    display: inline-block;
    font-size: 0.8125em;
}

#Pagination a {
    display: inline-block;
    width: 32px;
    text-decoration: none;
    line-height: 32px;
    color: #777;
    background: #ececec;
}

#Pagination a:hover {
    color: #e82d34;
}

#Pagination a.focuz {
    background: #e82d34;
    color: #fff;
}

#Pagination a.first,
#Pagination a.prev,
#Pagination a.next,
#Pagination a.last {
    width: auto;
    padding: 0 10px;
}

#Pagination a.first:hover,
#Pagination a.prev:hover,
#Pagination a.next:hover,
#Pagination a.last:hover {
    background: #e82d34;
    color: #fff;
}

#Pagination .current {
    width: auto;
    background-color: transparent;
    cursor: default;
}

#Pagination .current:hover {
    color: #333;
    background-color: transparent;
}

#Pagination .setting {
    display: block;
    clear: both;
    padding-top: 10px;
    line-height: 32px;
    color: #555;
    font-size: 0.8125em;
}

#Pagination .setting select {
    padding: 6px 0 5px 4px;
    height: 32px;
    vertical-align: top;
}

#Pagination .setting input {
    vertical-align: top;
}

#Pagination .setting input[type="text"] {
    width: 20px;
    height: 30px;
    padding: 0 5px;
}

#Pagination .setting select,
#Pagination .setting input[type="text"] {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .2);
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .2);
}

#Pagination .setting input[type="button"] {
    height: 32px;
    padding: 0 7px;
    margin-left: 3px;
    background-color: #ececec;
    color: #333;
    font-size: 1em;
}

#Pagination .setting input[type="button"]:hover {
    background-color: #e82d34;
    color: #fff;
}

/*----------------------------------------------------------------------*/
/* 熱門講座_列表 */
.lectureIngList .item .textBox .title {
    background-color: #f1f1f1;
    padding: 12px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.lectureIngList .title a:before {
    display: none;
}

.lectureIngList .item .textBox .title a {
    font-size: 1.25em;
    line-height: 1.25em;
    color: #555555;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lectureIngList .item .textBox .title a:hover {
    color: #ef646a;
}

.lectureIngList .desc {
    font-size: 93.75%;
    line-height: 167%;
    padding: 15px 13px 25px;
}

.lectureIngList .desc li {
    position: relative;
    padding: 2px 0 2px 6.66666em;
}

.lectureIngList .desc .tl {
    color: #ef646a;
    position: absolute;
    left: 0;
    top: 0;
    padding: 3px 0;
}

.lectureIngList .desc li.time .tr > span {
    display: inline-block;
}

.lectureIngList .desc li.time .tr > span:first-child {
    margin-right: 10px;
}

.lectureIngList .desc .tr {
    text-align: left;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* 熱門講座_內容 */
.apply_info {
    line-height: 1.625em;
    padding-top: 3em;
}

.apply_info ul {
    padding-bottom: 15px;
}

.apply_info li.location {
    font-size: 1.125em;
    border-bottom: 1px solid #ccc;
    color: #333;
    padding: 10px;
    margin-bottom: 18px;
}

.apply_info li.info {
    margin: 10px 0 10px 26px;
    display: none;
    visibility: hidden;
}

.apply_info li.info .tl {
    color: #555;
    padding-right: 12px;
}

.apply_info li.info .tr {
    color: #777;
}

.apply_info li.info .tr > span {
    display: inline-block;
    margin-left: 10px;
}

.apply_info li.info .tr > span:first-child {
    margin-left: 0;
}

.apply_info li.info strong {
    color: #ef646a;
}

.apply_info li.btn {
    margin: 15px 0 25px 26px;
}

.apply_info .fa {
    margin-right: 5px;
}

.tableTitle {
    line-height: 150%;
    margin-bottom: 8px;
}

.tableTitle .fa {
    margin-right: 5px;
}

.tableTitle .text {
    font-size: 112.5%;
}

.tableTitle .note {
    color: #d00;
    font-size: 0.875em;
    padding-left: 10px;
}

.FormTable.lectureForm {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 30px;
}

.FormTable.lectureForm tr {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.login_require {
    max-width: 560px;
    background-color: #fff;
    margin: 30px auto;
    text-align: center;
    padding: 20px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

/*----------------------------------------------------------------------*/
/* 搜尋框 */
.searchBox * {
    box-sizing: border-box;
}

.searchBox > div {
    float: left;
    position: relative;
    border: 1px solid #ccc;
    margin-left: 10px;
    width: 270px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.searchBox > div:first-child {
    margin-left: 0;
}

.searchBox input {
    border: none;
    background-color: transparent;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
    padding: 0;
    font-size: 100%;
}

.searchBox input[type="text"] {
    padding: 0 10px;
    width: 100%;
    -moz-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.searchBox input[type="text"]:focus {
    background: #fff;
    box-shadow: none;
    outline: none;
}

.searchBox input[type="submit"] {
    background: url(../images/icon_search3.png) no-repeat center center;
    padding: 0 19px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top: 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.searchBox .search {
    padding-right: 38px;
}

.searchBox .select {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #282828;
    font-size: 100%;
    position: relative;
    _filter: alpha(opacity=0);
    background: #ffffff url(../images/sub_arrow.png) right center no-repeat;
}

.searchBox .select label {
    padding: 0 35px 0 10px;
    font-size: 100%;
    z-index: 2;
    color: #282828;
    line-height: 38px;
    height: 38px;
    display: block;
    border: none;
}

.searchBox .select select {
    width: 100%;
    height: 38px;
    line-height: 38px;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    *margin-top: 12px;
    filter: alpha(opacity=0);
    cursor: pointer;
    font-size: 100%;
    border: none;
    border-radius: 0;
    background: none;
}

.searchBox.mid {
    padding: 30px 0;
    overflow: hidden;
}

/*----------------------------------------------------------------------*/
/* 檔案下載icon */
.file_ext {
    background-repeat: no-repeat;
    display: inline-block !important;
}

.file_doc {
    background-image: url("../images/file_ext/doc.png");
}

.file_img {
    background-image: url("../images/file_ext/img.png");
}

.file_mov {
    background-image: url("../images/file_ext/mov.png");
}

.file_other {
    background-image: url("../images/file_ext/other.png");
}

.file_pdf {
    background-image: url("../images/file_ext/pdf.png");
}

.file_ppt {
    background-image: url("../images/file_ext/ppt.png");
}

.file_txt {
    background-image: url("../images/file_ext/txt.png");
}

.file_xls {
    background-image: url("../images/file_ext/xls.png");
}

.file_zip {
    background-image: url("../images/file_ext/zip.png");
}

.file_extension {
    margin: 3px;
    background-repeat: no-repeat;
    padding-left: 24px;
    display: inline-block;
    background-position: 0 2px;
}

a.file_extension {
    color: #555;
}

a.file_extension:hover {
    color: #ef646a;
}

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable {
    width: 100%;
    text-align: center;
    color: #555;
    border-collapse: separate;
    border-spacing: 3px;
    margin: 0.8em 0 1.5em 0;
    position: relative;
}

.ListTable tr th,
.ListTable tr td {
    padding: 8px 10px;
}

.ListTable tr th {
    text-align: center;
    vertical-align: middle;
    background: #777;
    color: #fff;
    padding: 10px 10px;
    letter-spacing: 0.5px;
    line-height: 120%;
}

.ListTable tr:nth-child(odd) {
    background: #ededed;
}

.ListTable tr td {
    line-height: 150%;
    padding: 8px 12px;
}

.ListTable td.boolean label {
    margin: 0 5px;
}

.ListTable td.date {
    white-space: nowrap;
}

.ListTable td.title {
    text-align: left;
}

.ListTable td.title a {
    color: #555;
    font-weight: bold;
}

.ListTable td.title a:hover {
    color: #e82d34;
    text-decoration: underline;
}

.ListTable ul li {
    text-align: left;
    margin: 5px 0;
}

.ListTable a {
    text-decoration: none;
}

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

.ListTable tr td.tl {
    text-align: left;
}

.ListTable td.limit strong {
    color: #f57107;
    font-weight: bold;
}

.ListTable td.btn input {
    font-size: 0.875em;
    background: #ff9c00;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px 12px;
}

.ListTable td.btn input:hover {
    color: #fff;
    background: #e82d34;
}

.ListTable td.edit a {
    font-size: 0.875em;
    display: inline-block;
    color: #fff;
    background: #a9a9a9;
    padding: 4px 8px;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.ListTable td.edit a:hover {
    text-decoration: none;
    background: #e82d34;
}

/*----------------------------------------------------------------------*/
/* 成功案例 */
.list_st1.list {
    padding-top: 10px;
}

.list_st1.list .item {
    margin-bottom: 23px;
}

.list_st1.list .item .cont .title {
    font-size: 112.5%;
    letter-spacing: 0.25px;
}

.list_st1.list .item .cont .title a {
    color: #2e2e2e;
    line-height: 30px;
    text-decoration: none;
    font-weight: 300;
}

.list_st1.list .item .cont .desc {
    overflow: hidden;
    line-height: 150%;
    max-height: 65px;
    color: #2e2e2e;
    font-size: 87.5%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* hover效果 */
.list_st1.list .item .cont .desc,
.list_st1.list .item .cont .title a,
.list_st1.list .item .cont .btn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.list_st1.list .item .cont .title a:hover {
    color: #fe811a;
}

/* 了解更多按鈕 */
.list_st1.list .item .cont .btn {
    text-align: center;
}

.list_st1.list .item .cont .btn a {
    display: inline-block;
    box-sizing: border-box;
    color: #777;
    border: 1px solid #ccc;
    text-decoration: none;
    padding: 6px 25px;
    font-size: 87.5%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.list_st1.list .item .cont .btn a:hover {
    background-color: #ff8922;
    border: 1px solid #ff8922;
    color: #fff;
}

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

.list_st2.list .item {
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f1f1f1;
}

.list_st2.list .item .cont .title {
    margin: 8px 15px 0px 15px;
}

.list_st2.list .item .cont .title a {
    color: #333;
    text-decoration: none;
    font-size: 112.5%;
    letter-spacing: 0.25px;
    font-weight: 300;
}

.list_st2.list .item .cont .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 150%;
    color: #999;
    font-size: 87.5%;
    margin: 0 15px 15px;
}

/* hover效果 */
.list_st2.list .item .cont .desc,
.list_st2.list .item .cont .title a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.list_st2.list .item .cont .title a:hover {
    color: #fe811a;
}

/* 了解更多按鈕 */
.list_st2.list .item .cont .btn {
    text-align: center;
    padding-bottom: 18px;
}

.list_st2.list .item .cont .btn a {
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    background-color: #e97c30;
    text-decoration: none;
    padding: 6px 20px;
    font-size: 87.5%;
    line-height: 130%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.list_st2.list .item .cont .btn a:hover {
    background-color: #de1e19;
}

/*----------------------------------------------------------------------*/
/* 登入 */
h3.member_title {
    padding: 7px 0 7px 45px;
    font-size: 112.5%;
    color: #333;
    line-height: 175%;
    font-weight: 400;
    position: relative;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    background-repeat: no-repeat;
    background-image: url(../images/icon_member_title.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

h3.member_title.login {
    background-position: 20px 17px;
}

h3.member_title.member {
    background-position: 20px -34px;
}

h3.member_title.book {
    background-position: 20px -83px;
}

h3.member_title.lock {
    background-position: 20px -135px;
}

.LoginBox h3.member_title {
    margin-bottom: 0px;
}

.LoginBox .colm_left > div > div {
    margin: 12px 0;
    font-size: 100%;
}

.LoginBox .colm_left label {
    display: block;
    padding: 3px 0;
    line-height: 180%;
    color: #444;
}

.LoginBox .colm_left input[type="text"],
.LoginBox .colm_left input[type="password"] {
    width: 100%;
}

.LoginBox .colm_left .BtnCommon {
    margin-top: 15px;
    margin-bottom: 15px;
}

.LoginBox .colm_left .note {
    font-size: 81.25%;
    line-height: 140%;
}

.LoginBox .colm_left .note a {
    color: #e60000;
}

.LoginBox .divide {
    position: relative;
    margin: 20px 0;
    text-align: center;
    line-height: 20px;
}

.LoginBox .divide span {
    display: inline-block;
    background-color: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    color: #999;
}

.LoginBox .divide:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    border-top: 1px solid #d8d8d8;
    width: 100%;
}

.LoginBox .colm_left > div > div.divide {
    margin: 20px 0px;
}

.LoginBox .login_by_social dt {
    padding-bottom: 15px;
    color: #333;
}

.LoginBox .login_by_social dd {
    float: left;
}

.LoginBox .login_by_social dd a {
    display: block;
    padding: 0 22px 0 65px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    background-image: url("../images/icon_login_by_social.png");
    background-repeat: no-repeat;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.LoginBox .login_by_social dd.fb a {
    background-color: #3a589b;
    background-position: 8px center;
}

.LoginBox .login_by_social dd a:hover {
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
}

.LoginBox .login_by_social:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.LoginBox .login_by_social dd a::after {
    content: '';
    display: block;
    height: 100%;
    border-left: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 45px;
}

a.btn_forget {
    display: inline-block;
    margin-bottom: 3px;
    color: #777;
    font-size: 0.9375em;
    text-decoration: none;
}

a.btn_forget:hover {
    color: #e82d34;
    text-decoration: none;
}

.LoginBox .BtnCommon.btn_form div {
    margin: 10px 5px;
}

.LoginBox .BtnCommon.large input {
    padding: 0 20px;
    width: 100%;
}

.LoginBox .BtnCommon.large a,
.LoginBox .BtnCommon.large input {
    height: 40px;
    line-height: 40px;
}

.LoginBox .why_reg p {
    margin: 10px 0 5px;
    line-height: 160%;
}

.LoginBox .why_reg p:first-child {
    font-size: 112.5%;
}

.LoginBox .why_reg ol {
    list-style-type: decimal;
    margin-left: 20px;
    margin-top: 5px;
}

.LoginBox .why_reg ol li {
    line-height: 160%;
}

/*----------------------------------------------------------------------*/
/* 投票 */
.vote_list li {
    padding: 0.5em 0;
}

.vote_info {
    padding-top: 13px;
    overflow: hidden;
    border-top: 1px solid #e0e0e0;
}

.vote_info .vote_total {
    float: left;
    line-height: 26px;
}

.vote_info a {
    float: right;
    font-size: 0.875em;
    background: #aaa;
    color: #fff;
    padding: 8px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.vote_info a:hover {
    background: #e82d34;
}

#vote_chartdiv {
    width: 100%;
    height: 350px;
}

.voteBox {
    position: relative;
    padding-bottom: 1em;
}

.voteBox:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.voteBox > div {
    box-sizing: border-box;
}

.voteBox_R > div {
    padding-bottom: 0.625em;
}

.voteBox_R label {
    display: block;
    line-height: 1.875em;
    padding-bottom: 0.625em;
}

.content_intro {
    position: relative;
    margin-bottom: 5px;
}

.content_intro ul {
    padding: 5px 0;
}

.content_intro ul li {
    line-height: 180%;
    overflow: hidden;
    padding: 5px 0;
    color: #777;
}

.content_intro .e_title {
    background: #1378ac;
    color: #fff;
    padding: 3px 10px;
    position: relative;
    margin-right: 0.8em;
    font-size: 93.75%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/*----------------------------------------------------------------------*/
/* 問卷 */
.queBox {
    padding-bottom: 20px;
}

.queBox legend {
    font-size: 125%;
    padding: 0 10px;
    font-weight: bold;
    color: #2b7fdd;
}

.qa_no {
    font-weight: bold;
    color: #1377ac;
    padding-right: 10px;
}

.que_list {
    border-bottom: 1px dotted #ccc;
    padding: 18px 0px 10px 0px;
}

.que_item {
    overflow: hidden;
    padding: 10px 10px 5px 28px;
}

.que_item ul li {
    float: left;
    margin: 0 30px 5px 0;
    line-height: 240%;
    color: #666;
}

.que_item input[type="checkbox"],
.que_item input[type="radio"] {
    vertical-align: middle;
    margin-right: 5px;
}

.que_item input[type="text"] {
    margin-left: 8px;
    width: 150px;
}

.que_title {
    line-height: 160%;
    color: #2c2c2c;
}

.que_list textarea {
    width: 100%;
    box-sizing: border-box;
}

.que_item table {
    width: 100%;
    min-width: 500px;
    text-align: center;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.que_item table tr th,
.que_item table tr td {
    padding: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.que_item table tr td.title_link {
    text-align: left;
}

.que_item table tr:first-child td {
    background: #d8e4ed;
    color: #204781;
    font-weight: bold;
}

.que_table_title {
    line-height: 180%;
    color: #204781;
    padding-top: 1em;
}

/*----------------------------------------------------------------------*/
/* 典藏文物 */
.proBox {
    position: relative;
    margin: 1.25em 0;
}

.proBox .imgBox {
    text-align: center;
}

.proBox .imgBox img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.proBox .slider-for {
    margin-bottom: 20px;
}

.proBox .slider-nav .slick-arrow {
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    width: 25px;
    height: 100%;
    border: none;
    background-color: #efefef;
}

.proBox .slider-nav .slick-arrow:hover {
    background-color: #e82d34;
}

.proBox .slider-nav .slick-arrow.slick-disabled,
.p_img .slider-nav .slick-arrow.slick-disabled:hover {
    opacity: 0.6;
    background-color: #efefef;
}

.proBox .slider-nav .slick-arrow:focus,
.p_img .slider-nav .slick-slide:focus {
    outline: none;
}

.proBox .slider-nav .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #afafaf;
    border-left: 2px solid #afafaf;
}

.proBox .slider-nav .slick-prev:after {
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.proBox .slider-nav .slick-next:after {
    right: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}

.proBox .slider-nav .slick-arrow:hover:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.proBox .slider-nav .slick-arrow.slick-disabled:hover:after {
    border-top: 2px solid #afafaf;
    border-left: 2px solid #afafaf;
}

.proBox .slider-nav .slick-prev {
    left: 0;
}

.proBox .slider-nav .slick-next {
    right: 0;
}

.proBox .slider-nav .slick-slide {
    height: 90px;
    margin: 0 5px;
    display: block;
    border: 1px solid #dadada;
    box-sizing: border-box;
    opacity: 0.6;
}

.proBox .slider-nav .slick-slide,
.p_img .slider-nav .slick-arrow,
.p_img .slider-nav .slick-arrow {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.proBox .slider-nav .slick-slide:hover {
    opacity: 1;
}

.proBox .slider-nav .slick-slide.slick-current {
    border: 1px solid #ff9c00;
    opacity: 1;
}

.proBox .slider-nav .slick-list {
    margin: 0 30px;
}

.proBox .slick-slide {
    text-align: center;
}

.proBox .slick-slide * {
    vertical-align: middle;
}

.proBox .slick-slide a {
    display: block;
    height: 350px;
}

.proBox .slick-slide span {
    display: inline-block;
    height: 100%;
}

.proBox .textBox {
    margin-bottom: 1.25em;
    line-height: 1.625em;
}

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

.proBox .textBox dl dt {
    position: absolute;
    left: 0;
    top: 8px;
    background: #ff9c00;
    color: #fff;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.proBox .textBox a.btn {
    margin-top: 1.25em;
}

/* 禮品 */
.proBox .pro_title {
    font-weight: 400;
    color: #e82d34;
    font-size: 1.875em;
    padding: 0.2em 0;
    margin-bottom: 10px;
    line-height: 1.25em;
    border-bottom: 1px solid #d1d1d1;
}

.memBox .proBox {
    margin: 0;
}

.pro_arrow {
    width: 100%;
    z-index: 9999;
}

.pro_arrow a {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 0.875em;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.pro_arrow a.arrow_left {
    left: 15px;
}

.pro_arrow a.arrow_right {
    right: 15px;
}

.pro_arrow a:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.pro_arrow a.arrow_left:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 16px;
}

.pro_arrow a.arrow_right:after {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 16px;
}

.pro_arrow a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.pro_arrow a.arrow_disabled {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: default;
    color: rgba(255, 255, 255, 0.7);
}


/*----------------------------------------------------------------------*/
/* Q&A */
.QnaItem {
    padding-bottom: 10px;
    margin: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.QnaItem .ques {
    position: relative;
    display: block;
    padding: 10px 0 10px 60px;
    margin-bottom: 10px;
    font-size: 1.375em;
    font-weight: bold;
    color: #5e5e5e;
    line-height: 1.363635em;
    cursor: pointer;
}

.QnaItem .ques.slideUp,
.QnaItem .ques:hover {
    color: #000;
}

.QnaItem .ques span.no {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #5e5e5e;
    color: #fff;
    font-family: Arial;
    font-size: 0.81818em;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.QnaItem .ques.slideUp span.no,
.QnaItem .ques:hover span.no {
    background-color: #1378ac;
}

.QnaItem .ans {
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    line-height: 150%;
}

.QnaItem .ans .arrow {
    position: absolute;
    top: -14px;
    left: 17px;
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid #fff;
}

.qa_content.editable_content > ol > li:last-child {
    padding-bottom: 0;
}

/*----------------------------------------------------------------------*/
/* 友情連結列表 */
.LinkItem {
    padding-bottom: 15px;
    padding-left: 60px;
    margin: 20px 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.LinkItem .no {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background-color: #db0077;
    color: #fff;
    font-family: Arial;
    font-size: 1.25em;
    font-weight: normal;
    text-align: center;
    line-height: 50px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.LinkItem .title {
    font-size: 1.375em;
    font-weight: bold;
    color: #000;
    line-height: 1.363635em;
    padding: 10px 0;
}

.LinkItem .link {
    padding-bottom: 15px;
    line-height: 1.25em;
}

.LinkItem .link a {
    color: #555;
    font-size: 0.875em;
    word-wrap: break-word;
}

.LinkItem .link a:hover {
    color: #e82d34;
}

.LinkItem .desc {
    line-height: 1.625em;
}

/*----------------------------------------------------------------------*/
/* 季刊列表 */
.MgzList:after {
    content: "";
    display: block;
    clear: both;
}

.MgzList .item {
    position: relative;
    margin-bottom: 20px;
    margin-top: 15px;
    float: left;
    text-align: center;
    background-color: #ddd;
    padding: 0 20px 50px;
    box-sizing: border-box;
}

.MgzList .item .imgBox {
    max-width: 230px;
    margin: 0 auto;
}

.MgzList .item .imgBox img {
    max-width: 100%;
}

.MgzList .item a {
    text-decoration: none;
}

.MgzList .item .no {
    display: inline-block;
    margin-bottom: 20px;
    background: #ff9c00;
}

.MgzList .item a .no {
    color: #fff;
    line-height: 1.875em;
    padding: 0 12px;
    letter-spacing: 1px;
}

.MgzList .item .periods {
    color: #c3c3c3;
    font-family: "Arial Black", Gadget, sans-serif;
    font-style: italic;
    width: 100%;
    position: absolute;
    left: 0;
}

.MgzList .item:hover {
    background-color: #eee;
    -moz-box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
    box-shadow: 3px 4px 6px rgba(0, 0, 0, .1);
}

.MgzList .item {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult {
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 1px solid #e0e0e0
}

.SearchResult .item {
    border-bottom: 1px dashed #e0e0e0;
    padding: 20px 0;
    overflow: hidden;
}

.SearchResult .title {
    line-height: 130%;
    font-size: 1.5em;
}

.SearchResult .title a {
    color: #000;
    text-decoration: none;
}

.SearchResult .title a:hover {
    color: #e82d34;
    text-decoration: underline;
}

.SearchResult .date {
    margin-right: 20px;
    color: #8b8b8b;
    font-size: 0.875em;
    line-height: 180%;
}

.SearchResult .cat {
    margin-right: 20px;
    color: #8b8b8b;
    font-size: 0.875em;
    line-height: 180%;
}

.SearchResult .cat a {
    color: #8b8b8b;
    text-decoration: none;
}

.SearchResult .cat a:hover {
    color: #e82d34;
    text-decoration: underline;
}

.SearchResult .desc {
    color: #757575;
    line-height: 180%;
}

.SearchResult .item span {
    color: red;
}

/*----------------------------------------------------------------------*/
/* 2019-擴充新增 */
/* 填寫完成頁 */
.completedBlock .box1 {
    background-color: #fff;
    max-width: 560px;
    margin: 30px auto;
    text-align: center;
    padding: 20px 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.completedBlock .box1 .icon {
    font-size: 4em;
    padding: 15px;
    color: #ff9c00;
}

.completedBlock .box1 .number {
    font-size: 1.125em;
    background: #eee;
    font-weight: bold;
    display: inline-block;
    padding: 3px .75em;
    margin: 5px auto;
}

/*----------------------------------------------------------------------*/
/* 取消報名頁 */
.fillBlock .box {
    background-color: #fff;
    max-width: 400px;
    margin: 30px auto;
    padding: 20px 15px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.fillBlock .ListSearch {
    margin-bottom: 0;
}

.fillBlock .tableTitle {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/*----------------------------------------------------------------------*/
/* 報名確認頁 */
.article_title + .apply_info {
    padding-top: 1em;
}

.apply_info + .tableTitle {
    margin-top: 15px;
}

.lectureForm + .FormGroup {
    margin-top: 40px;
}

.FormGroup + .FormGroup {
    margin-top: 40px;
}

.article_title + .apply_info li.location {
    border-bottom: 0;
    border-left: 5px solid #e82d34;
    padding: 3px 10px;
}

/*----------------------------------------------------------------------*/
/* 報名表單頁 */
.editable_content + .FormGroup {
    margin-top: 40px;
}

.FormGroup .fa {
    margin-right: 5px;
}

.AccompanyGroup > .AccompanyGroupTitle {
    border-bottom: 1px solid #ccc;
}

.AccompanyGroup > .AccompanyGroupTitle .title {
    font-size: 1.25em;
    font-weight: bold;
}

.AccompanyGroupTitle {
    overflow: hidden;
    padding: 10px 0;
}

.AccompanyGroupTitle .title {
    float: left;
    line-height: 32px;
}

.AccompanyGroupTitle .btn {
    display: inline-block;
    margin-left: 1em;
}

.AccompanyGroupTitle .btn a {
    color: #fff;
    background-color: #ff9c00;
    font-weight: bold;
    display: inline-block;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.AccompanyGroupTitle .btn a.add_btn {
    background-color: #e82d34;
}

.AccompanyGroupTitle .btn a:hover {
    background-color: #000;
}

.AccompanyGroup .FormItem {
    margin-top: 5px;
}

.AccompanyGroup .FormItem .AccompanyGroupTitle {
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

.AccompanyGroup .FormItem .AccompanyGroupTitle .title {
    letter-spacing: .025em;
}

.LastFormItem {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}