@charset "utf-8";

/*----------------------------------------------------------------------*/
/* Content Header */
/* 內頁 header 高度與 index 不同*/
#Header .HeaderKvBox{position:relative; width:100%; height: 600px; min-height:600px;}
#Header .HeaderKvBox .PageKvFg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; display:flex; align-items: center; justify-content: center; flex-direction: column;}
#Header .HeaderKvBox .PageKvBg > img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1; }

/*----------------------------------------------------------------------*/
/* 頁面標題 */
.PageTitle h2{text-transform: uppercase; color: var(--color_white); text-shadow: var(--main-text-shadow); text-align: center;
padding: 0 20px;}

/*----------------------------------------------------------------------*/
/* 導覽列(麵包屑) */
#Breadcrumbs ul { display: flex; flex-wrap: wrap; padding-bottom: 15px; align-items: center;}
#Breadcrumbs ul li {   font-size:1rem; font-family:'Montserrat', sans-serif; font-weight: 400; position:relative; color: var(--color_white);  }
#Breadcrumbs ul li:last-child { color: var(--color_white); }
#Breadcrumbs ul li:not(:last-child) { padding-right:30px; }
#Breadcrumbs ul li a { display:block; color: var(--color_white); text-decoration:none; transition: .4s;}
#Breadcrumbs a:hover, #Breadcrumbs a:focus { color: var(--color_yellow); transition: .4s; text-decoration: underline;}
#Breadcrumbs ul li:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 300; position:absolute; top:50%; transform: translateY(-50%); right:10px; color: var(--color_white); }
#Breadcrumbs ul li:last-child:after { display: none; }

@media screen and (min-width: 1024px) {
    .PageTitle h2 { font-size: 3.125rem; letter-spacing: .25rem; margin-bottom:16px; }
}

@media screen and (max-width: 1023px) {
	.PageTitle h2 { font-size: 2.5em; letter-spacing: .25rem; margin-bottom:16px; }
    #Header .HeaderKvBox{position:relative; width:100%; height: 360px; min-height:360px;}    
}
@media screen and (max-width: 767px) {
    .PageTitle h2 { font-size: 1.875em; letter-spacing: .25rem; margin-bottom:0px; line-height: 1.5;}
    #Breadcrumbs { display:none; }

}


/*----------------------------------------------------------------------*/
/* 主要內容 */
#ContentHeader{ width: 100%; }
#Content{ width: 100%; min-height: 500px; }
#ContentHeader > .inner, #Content > .inner{ width:100%; max-width: 1440px; margin:0 auto; padding: 0 20px;}
#Content > .inner{margin-bottom: 120px;}
#ContentHeader > .inner{ margin-top:40px; margin-bottom: 50px;}

@media screen and (max-width: 1549px) {
    #ContentHeader > .inner{ padding: 0 60px;}
    #Content > .inner{ padding: 0 60px;}
}
@media screen and (max-width: 1023px) {
    #ContentHeader > .inner{ margin-top:20px; margin-bottom: 20px; padding: 0 20px;}
    #Content  > .inner{ padding: 0 20px;}
}
@media screen and (max-width: 767px) {
    #ContentHeader  > .inner{ margin-top:10px; margin-bottom: 10px; padding: 0 10px;}
    #Content > .inner {  margin-bottom: 50px; }
}
/*----------------------------------------------------------------------*/
/* 工具列 */
:root { --tool_button_size: 50px; }
.ToolBar { box-sizing:border-box; position: relative; margin-bottom: 15px; }

.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after {
	content:''; display:block; position:absolute; top:50%; left:50%; background:url("../images/icon_toolbar.png") no-repeat; }
.ToolBar a { display:block; text-decoration:none; position:relative; }

.ToolBar .colm_left { display: flex; align-items: center;}
.ToolBar .colm_left a:not(.moreLink) { margin-right:4px; font-size: 0; width: var(--tool_button_size); height: var(--tool_button_size); }
.ToolBar .colm_left a:last-child { margin-right:0; }
.ToolBar .colm_left a:not(.moreLink) span { position:relative; display:inline-block; vertical-align:middle; }
.ToolBar .colm_left a:not(.moreLink):hover span, .ToolBar .colm_left a:not(.moreLink):focus span { background-color: var(--color_light_blue); }
	.ToolBar .colm_left a:not(.moreLink).return span::after { background-position:0 0; }
	.ToolBar .colm_left a.print span::after { background-position:0 -40px; }
/* .ToolBar .colm_left a.return:hover span::after, .ToolBar .colm_left a.return:focus span::after { background-position:-40px 0; }
.ToolBar .colm_left a.print:hover span::after, .ToolBar .colm_left a.print:focus span::after { background-position:-40px -40px; } */

.ToolBar .colm_right, .ToolBar .colm_right dl { display: flex; }
.ToolBar .colm_right dt { font-size: 0; }
.ToolBar dl.font_size dd { margin-right:2px; }
.ToolBar dl.font_size dd:last-of-type { margin-right:0; }
.ToolBar dl.font_size a { text-indent:-10000px; font-size: 0;}
    .ToolBar dl.font_size dd.font_small a::after { background-position:0 -80px; }
    .ToolBar dl.font_size dd.font_medium a::after { background-position:0 -120px; }
    .ToolBar dl.font_size dd.font_big a::after { background-position:0 -160px; }
.ToolBar dl.font_size a:hover, .ToolBar dl.font_size a:focus { background-color: var(--color_light_blue); }
    /* .ToolBar dl.font_size dd.font_small a:hover::after, .ToolBar dl.font_size dd.font_small a:focus::after { background-position:-40px -80px; }
	.ToolBar dl.font_size dd.font_medium a:hover::after, .ToolBar dl.font_size dd.font_medium a:focus::after { background-position:-40px -120px; }
	.ToolBar dl.font_size dd.font_big a:hover::after, .ToolBar dl.font_size dd.font_big a:focus::after { background-position:-40px -160px; } */

.ToolBar dl.share dt { position:relative; }
.ToolBar dl.share dd { margin-right:2px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor:pointer; text-indent:-10000px; font-size: 0; }
.ToolBar dl.share .noscript a { font-size: 1rem; }
	.ToolBar dl.share dd.facebook a::after { background-position:0 -200px; }
	.ToolBar dl.share dd.twitter a::after { background-position:0 -240px; }
	.ToolBar dl.share dd.line a::after { background-position:0 -280px; }
.ToolBar dl.share dd.facebook a:hover, .ToolBar dl.share dd.facebook a:focus { background-color: #3b5998; }
.ToolBar dl.share dd.twitter a:hover, .ToolBar dl.share dd.twitter a:focus { background-color: #000; }
.ToolBar dl.share dd.line a:hover, .ToolBar dl.share dd.line a:focus { background-color: #01b901; }
.ToolBar dl.share dd.facebook a:hover::after, .ToolBar dl.share dd.facebook a:focus::after { background-position:-40px -200px; }
.ToolBar dl.share dd.twitter a:hover::after, .ToolBar dl.share dd.twitter a:focus::after { background-position:-40px -240px; }
.ToolBar dl.share dd.line a:hover::after, .ToolBar dl.share dd.line a:focus::after { background-position:-40px -280px; }
.ToolBar dl.share .noscript a { display:inline; border-radius: 0; }
.ToolBar .colm_left a, .ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a {
    -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:var(--tool_button_size); }
.ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a { width:var(--tool_button_size); height:var(--tool_button_size); }
.ToolBar .colm_left a span::after, .ToolBar dl.font_size a::after, .ToolBar dl.share dd > a::after { width: var(--tool_button_size); height: var(--tool_button_size); margin: -20px 0 0 -20px; }

/* back 使用 moreLink 同樣式 */
.ToolBar .colm_left .return.moreLink span{display:none;}
.ToolBar .colm_left .return.moreLink:before{content: "\f060"; font-family: "Font Awesome 5 Pro"; margin-right: 6px; margin-left: 2px;}
.ToolBar .colm_left .return.moreLink{ background:none; font-size:1rem; width: auto; margin-right: 14px; line-height: 1;}
@media screen and (max-width: 1023px) {
    .ToolBar .colm_left a.moreLink{font-weight: 500;}
}
@media screen and (max-width: 767px) {
    .ToolBar .colm_left { display:none; }    
    .ToolBar .colm_right { justify-content: space-between; }
    .ToolBar dl.share { padding-left: 12px; }
    .ToolBar .colm_right dt{ display:none;} 
    .ToolBar .colm_left a span, .ToolBar dl.font_size a, .ToolBar dl.share a{width: 40px; height: 40px;}
}
@media screen and (min-width: 768px) {
    .ToolBar { display: flex; justify-content: space-between; }
    .ToolBar dl.share dt::before { content: ''; position: absolute; left: 0; top: 12px; width: 1px; height: 25px; background-color: #aaa; }
    .ToolBar .colm_right dt { padding-left: 12px; }
    .ToolBar dl.font_size + dl.share { margin-left:12px; }
    .ToolBar .colm_left + .colm_right { margin-left:5px; }
}

/*----------------------------------------------------------------------*/
/* 文章標題 文章資訊 */

h3.articleTitle { margin-bottom:20px; line-height:1.5;   color: var(--color_black); }

.post_info { display: flex; flex-wrap: wrap; align-items: center; line-height: 1.5em; letter-spacing: .0em; }
.post_info span { color:var(--color_gray); position: relative; letter-spacing: .1em; }
.post_info span:not(:first-child) { margin-left:16px; }
.post_info .date { font-family:'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 500; color: var(--color_blue); display: inline-flex; flex-wrap: wrap; align-items: center; line-height: 1.5em; vertical-align: top; letter-spacing: .05em; }
.post_info .date::before { font-family:"Font Awesome 5 Pro"; content: '\f073'; font-weight: 300; display: inline-block; margin-right: 0.5em; } 
.post_info .cat { text-transform: uppercase; display: inline-flex; align-items: center;letter-spacing: .05rem; border-radius: 0px; background-color: var(--color_blue); color: var(--color_white); padding: 0 .5rem 0 .5rem; height: 1.8rem;  line-height: 1.8rem; position: relative; z-index:1; }

.post_info.below { font-family:'Montserrat', sans-serif; justify-content: flex-end; position: relative; }
.post_info.below::before { content: ''; position: absolute; top: 50%; left: 0; height: 1px; width: 100%; background-color: #ddd; }
.post_info.below.no_line::before { display: none; }
.post_info.below span { color: #555; background-color: #fff; margin-left: 0; padding-left: 1em; }
.post_info.below span:not(:last-child) { padding-right: 1em; }
.post_info.below span:not(:first-child) { padding-left: 1rem; border-left: 1px solid #ddd; }

/* 內頁顯示欄位 */
.content_info { padding-top:10px; line-height: 2em; letter-spacing: .05em; color: #555; }

@media screen and (min-width: 1024px) {
    h3.articleTitle { font-size: 2.5em; letter-spacing: .02em; }
}

@media screen and (max-width: 1023px) {
	/* .PageTitle h2 { font-size: 2.5em; letter-spacing: .25rem; margin-bottom:16px; } */
    h3.articleTitle { font-size: 1.875em; letter-spacing: .02em; }
    .post_info, .post_info .date{  font-size: 1rem; }
}
@media screen and (max-width: 767px) {
    h3.articleTitle { font-size: 1.875em; letter-spacing: .02em; line-height:1.5;}
    .post_info, .post_info .date{  font-size: 0.875rem; }    
    .post_info.below::before{top: -10px;}
    .post_info.below span {  width:100%; text-align: right; padding-right: 0;}
    .post_info.below span:not(:last-child){padding-right: 0;}
    .post_info.below span:not(:first-child){border: none;}
}

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

/* 列表搜尋 */
.ListSearch { font-family:'Montserrat', sans-serif;  margin-bottom:25px; padding-bottom:5px; position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content: flex-end;}
.ListSearch select, .ListSearch.FormElmt input[type="text"]{font-size: 1.125rem; letter-spacing: 1px; padding: 0 16px; border-radius:0; color: var(--color_black);}
.ListSearch select, .ListSearch.FormElmt input[type="text"], .ListSearch .btn button{height: 3.5rem;}
.ListSearch select{ padding-right: 50px;}
.ListSearch .item, .ListSearch .btn { max-width:100%; margin-bottom:10px; }
.ListSearch .item .label { line-height:35px; font-size: .875rem; font-weight: 600; color: #555; letter-spacing: 1px;}
.ListSearch .btn button { font-size: 0.875rem; letter-spacing: .2rem; font-weight: 500; padding: 0 16px; background-color: var(--color_light_blue); color: var(--color_dark_blue); text-transform: uppercase; transition: all 0.3s ease;}
.ListSearch .btn button:hover, .ListSearch .btn button:focus { background: var(--color_blue); color: var(--color_white); }

@media screen and (max-width: 639px) {
    .ListSearch { flex-direction:column; width:100%; align-items: flex-start; }
    .ListSearch .item { flex-direction:column; width:100%; margin: 5px 0; }
    .ListSearch .item .cont { width:100%; }
    .ListSearch .btn button { margin-bottom: 0; margin-top: 10px; }
    .ListSearch.FormElmt input[type="text"] { width:100%; font-size:1rem;}
    .ListSearch select { width: 100%; font-size:1rem;}
    .ListSearch select, .ListSearch.FormElmt input[type="text"], .ListSearch .btn button{height: 2.875rem; }
}
@media screen and (min-width: 640px) {
    .ListSearch { border-bottom:1px solid #ddd; padding-bottom: 30px; margin-bottom: 40px; }
    .ListSearch select { margin-right: 20px; line-height:50px; }
    .ListSearch .btn { padding-top: 0px; margin-bottom: 10px;}
}
/*----------------------------------------------------------------------*/

/* 分類下拉 */
.CatTitle { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; letter-spacing: 1.5px; margin-top: 40px; }
.CatTitle h3 { font-weight: 700; line-height:1.25em; padding-right: 1em; letter-spacing: .02rem; }
.cat_select{font-family:'Montserrat', sans-serif; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content: flex-end;}
.cat_select.FormElmt select { font-size: 1.125rem; letter-spacing: 1px;  border-radius:0; color: var(--color_black); padding-left:16px; padding-right: 50px;}
.cat_select.FormElmt select, .cat_select .btn button{height: 3.5rem;}
.cat_select .item, .cat_select .btn { max-width:100%; margin-bottom:10px; }
.cat_select .btn button { font-size: 0.875rem; letter-spacing: .2rem; font-weight: 500; padding: 0 16px; background-color: var(--color_light_blue); color: var(--color_dark_blue); text-transform: uppercase; transition: all 0.3s ease;}
.cat_select .btn button:hover, .cat_select .btn button:focus { background: var(--color_blue); color: var(--color_white); }


.cat_select .item{ display: flex; justify-content: center; align-items: center; }
.cat_select .item .label { line-height: 35px; font-size: .875rem; font-weight: 600; color: #555; letter-spacing: 1px; margin-right: 12px;}

@media screen and (max-width: 639px) {
    .CatTitle { border-bottom:1px solid #ddd; flex-direction: column; align-items: flex-start; padding-bottom: 20px;  margin-bottom: 10px;}
    .CatTitle h3 { font-size: 1.875em; width:100%; margin-bottom: 20px;} 
    .cat_select { flex-direction:column; width:100%; align-items: flex-start; }
    .cat_select .item { flex-direction:column; align-items: flex-start; width:100%; margin: 5px 0; }
    .cat_select .btn button { margin-bottom: 0; margin-top: 10px; }
    .cat_select.FormElmt select { width: 100%; font-size:1rem;}
    .cat_select.FormElmt select, .cat_select .btn button{height: 2.875rem; }    
    /* .cat_select.FormElmt select, .cat_select .btn { height: 40px; line-height: 40px; }
    .cat_select.FormElmt select { width: 100%; max-width: 100%; }
    .cat_select, .cat_select .item { width: 100%; flex-direction: column; align-items: flex-start; }
    .cat_select .item{width: 100%;} */
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
    .CatTitle { border-bottom:1px solid #ddd; padding-bottom: 20px; margin-bottom: 30px; }
    .CatTitle h3 { font-size: 1.875em; width:100%; margin-bottom: 20px;}    
}
@media screen and (min-width: 1024px) {
    .CatTitle { border-bottom:1px solid #ddd; padding-bottom: 30px; margin-bottom: 40px; }
    .CatTitle h3 { font-size: 2.25em; margin-bottom: 10px;}
}
/*----------------------------------------------------------------------*/
/* 圖文列表 - flex版 */
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont { box-sizing:border-box; }

.ListPicText { margin-top:10px; }
.ListPicText > div { display: flex; justify-content: center; flex-wrap: wrap; }
.ListPicText .item { box-sizing:border-box; background: #fff; margin-bottom:40px; }
.ListPicText .item > div { overflow: hidden; height: 100%; margin-left: auto; margin-right: auto; border: 1px solid transparent;  }

.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img > div { padding-bottom:66.66%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.6s ease; }
.ListPicText .img a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-999px; }

.ListPicText .row{ display:flex; align-items: center; justify-content: flex-end; margin-bottom: 16px;}
.ListPicText .date{ margin-right: 16px; font-size: 1rem; font-family:'Montserrat', sans-serif;  font-weight: 500; color: var(--color_gray); display: inline-flex; flex-wrap: wrap; align-items: center; line-height: 1.5em; vertical-align: top; letter-spacing: .05em; }
.ListPicText .date::before { font-family:"Font Awesome 5 Pro"; content: '\f073'; font-weight: 300; display: inline-block; margin-right: 0.5em; } 
.ListPicText .cat { font-size: 0.875rem;  text-transform: uppercase; display: inline-flex; align-items: center;letter-spacing: .05rem; border-radius: 0px; background-color: var(--color_blue); color: var(--color_white); padding: 0 .5rem 0 .5rem; height: 1.8rem;  line-height: 1.8rem; position: relative; z-index:1; }

.ListPicText .title { margin-bottom:30px; overflow: hidden; border-bottom: 1px solid var(--color_border);  }
.ListPicText .title a { font-size:1.5rem; font-family:'Montserrat', sans-serif; display:inline-block; text-decoration: none; position: relative; font-weight: 500; line-height:1.5em; letter-spacing: .01rem; padding-bottom: 20px; }
.ListPicText .title a:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--color_greenblue); transition: transform .5s cubic-bezier(.17,.67,.39,1.01); transform-origin: center left; }
.ListPicText .title a:hover:after, .ListPicText .title a:focus:after { transform: scaleX(0);transform-origin: center right;}
.ListPicText .desc { color: var(--color_black); line-height:2em; font-style: italic; font-size: 1.125rem;
    overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; 
     /* max-height:10em; */
}

/* list-view */
.ListPicText.list-view .img { float:left; width:540px; max-width:50%; box-sizing: border-box; }
.ListPicText.list-view .img > div { border-radius: 0px; }

/* 單欄 */
.ListPicText.single > div { flex-direction: column; }
.ListPicText.single .item { width: 100%; }


/* 圖左字右 多欄處理 */
.ListPicText.list-view.trisection .date, .ListPicText.list-view.quarters .date{ margin-bottom: 8px; }
.ListPicText.list-view.trisection .title, .ListPicText.list-view.quarters .title,
.ListPicText.list-view.trisection .title a, .ListPicText.list-view.quarters .title a{ font-size:1.25rem; }
.ListPicText.list-view.trisection .row, .ListPicText.list-view.quarters .row{ margin-bottom: 8px; flex-direction: column; align-items: flex-start;}

@media screen and (max-width: 767px) {    
    .ListPicText > div { margin-left:-10px; margin-right:-10px; }
    .ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:40px; }
    .ListPicText .title, .ListPicText .title a { font-size:1.125rem; }
    .ListPicText .date{ font-size:.875em;}
    .ListPicText .desc { font-size:.9375em; -webkit-line-clamp:none; }
    .ListPicText .cat { font-size: 0.875em;}
    .ListPicText.list-view .img { float: none; width: 100%; max-width: 100%; }
    .ListPicText .row{margin-bottom: 16px;}
    .ListPicText .cont { padding:15px 0px 0px 0px; }
    .ListPicText .item { width:100%; margin-left:auto; margin-right:auto; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ListPicText > div { margin-left:0px; margin-right:0px; }
    .ListPicText .item { padding-left:0px; padding-right:0px; margin-bottom:35px; }
    .ListPicText .title, .ListPicText .title a { font-size:1.25rem; }
    .ListPicText .date{ font-size:.875em;}
    .ListPicText .desc { font-size:.9375em; }
    .ListPicText.grid-view .img { padding:0px; }
    /* 單欄 */
    .ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; margin-left: 20px;}

    /* 圖左文右 - list-view */
    .ListPicText.list-view .item { width: 100%; }
    .ListPicText.list-view .item > div { padding: 0px;	}
    .ListPicText.list-view .img { float:left; width:360px; max-width:48%; padding-right:20px; }

    /* 圖左文右交錯 */
    .ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; padding-right:0; padding-left: 20px; }

    /* 圖上文下 - grid-view */
    .ListPicText.grid-view .cont { padding:15px; }
    .ListPicText.grid-view:not(.single) .item { width: 50%; }
}

@media screen and (min-width: 1024px) {
    .ListPicText { margin-top: 20px; }
    .ListPicText > div { margin-left:0px; margin-right:0px; }
    .ListPicText .item { padding-left:0px; padding-right:0px; margin-bottom:35px; }
    
    .ListPicText.list-view.single .img{ margin-right: 20px; padding:20px;}
    .ListPicText.grid-view .img { padding:0 20px; }
    
    /* 單欄 */
    .ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right; margin-left: 20px;}
    .ListPicText.single .img { padding:20px; }
    .ListPicText.single .cont { padding:20px; }
    .ListPicText.single .title { font-size:1.25rem; }

    /* 兩欄 */
    .ListPicText.bisection .item { width:50%; }
    .ListPicText.bisection .cont { padding:20px; }
    .ListPicText.bisection .title { font-size:1.25rem; }
    .ListPicText.bisection .desc { font-size:1rem; }
    .ListPicText.list-view.bisection .img { padding:20px; }
    .ListPicText.list-view.bisection .cont { padding:20px; }

    /* 三欄 */
    .ListPicText.trisection .item { width:33.3333%; }
    .ListPicText.trisection .cont { padding:15px; }
    .ListPicText.trisection .title { font-size:1.25rem; }
    .ListPicText.trisection .desc { font-size:1em; }
    .ListPicText.list-view.trisection .img { padding:15px; }
    .ListPicText.list-view.trisection .cont { padding:15px; }

    /* 四欄 */
    .ListPicText.quarters .item { width:25%; }
    .ListPicText.quarters .cont { padding:15px; }
    .ListPicText.quarters .title { font-size:1.125rem; }
    .ListPicText.quarters .desc { font-size:1rem; }
    .ListPicText.list-view.quarters .img { padding:15px; }
    .ListPicText.list-view.quarters .cont { padding:15px; }

    /* hover效果 */
    /* .ListPicText .item > div, .ListPicText .title a { 
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        }
    .ListPicText .item > div:hover {
        transform: translateY(0px); border: 1px solid #eee;
        -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.08);
        -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.08);
        box-shadow: 1px 2px 5px rgba(0,0,0,.08);
    } */
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .ListPicText.quarters .item { width:33.3333%; }
}
/*----------------------------------------------------------------------*/
/* 景點圖文列表- 子選單*/
.DestSubmenu ul{ margin: 40px auto; background: var(--color_white); box-shadow:0 0px 15px rgba(0,0,0,0.15); display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.DestSubmenu ul > li{ display: flex; justify-content: center; align-items: center;}
.DestSubmenu ul > li:not(:last-child)::after{ content:''; width: 1px; height: 1.5em; display: block; border-right: 1px solid var(--color_black);}
.DestSubmenu ul > li{ width: 25%;}
.DestSubmenu ul > li > a{ display: block; color: var(--color_black); font-size: 1.375rem; background:transparent; text-decoration: none; text-align: center; padding: 1rem 0; margin: .5rem 1rem; width: 100%; font-weight: 700;}
.DestSubmenu ul > li > a:hover, .DestSubmenu ul > li > a.selected{ color: var(--color_white); background: var(--color_blue);}
@media screen and (max-width: 1198px) {
    .DestSubmenu ul > li > a{ font-size: 1.25rem;}
}
@media screen and (max-width: 919px) {
    .DestSubmenu ul > li > a{  padding: 1rem 1rem;  }
}
@media screen and (max-width: 639px) {
    .DestSubmenu ul > li{ width: 50%;}
    .DestSubmenu ul > li:nth-child(2)::after{ display: none;}
    .DestSubmenu ul > li > a { font-size: 1rem; padding: .5rem 1rem; margin-top: .5rem; margin-bottom: .5rem;}
}
@media screen and (max-width: 360px) {
    .DestSubmenu ul > li > a{ width: 100%; margin: .5em .5em; padding: .5rem 1rem;}
}
/*----------------------------------------------------------------------*/
/* 景點圖文列表- 前往自訂行程 */
.ActionCard{ display:flex; align-items: center; justify-content: center; padding:40px; width: 100%; margin: 40px auto 40px auto; background: var(--color_light_greenblue);  }
.ActionCard .col{display:flex; align-items: center; justify-content: center; margin: 0 10px;}
.ActionCard .col .icon{ margin-right: 20px; width: 64px; height: 70px; background: url(../images/process-2-black.png) no-repeat center center; background-size: auto 100%;}
.ActionCard .col p{ font-family:'Montserrat', sans-serif;  font-size: 1rem; line-height: 1.5; max-width: 280px; }
.ActionCard .actionBtn{ position:relative; font-size: 1.375rem; font-weight: 500; height: 60px; padding: 0 24px; display:flex; align-items: center; justify-content: center; letter-spacing: 0; color: var(--color_white); background-color: var(--color_dark_greenblue);}
.ActionCard .actionBtn:after, .ActionCard .actionBtn > span{z-index: 2; }
.ActionCard .actionBtn:after{ font-size: 1.125rem; content:'\f072';font-family:"Font Awesome 5 Pro"; font-weight: 900; margin-left: .5rem;}
.ActionCard .actionBtn:before{ transition: .5s; content: ''; width: 0%; height: 100%; background-color: var(--color_blue); position:absolute; left: 0; top: 0; z-index: 1; }
@media screen and (min-width: 861px) {
    .ActionCard .actionBtn:hover:before{ width: 100%; transition: .5s; }
    .ActionCard .actionBtn:hover:after{ animation: myPulseRight .75s infinite; }
}
@media screen and (max-width: 860px) {
    .ActionCard{ flex-direction: column; padding: 20px 0 40px 0; box-shadow: none; margin-top: 10px; margin-bottom: 10px;}
    .ActionCard .col{ flex-direction: column; }
    .ActionCard .col p{ margin: 20px auto 20px auto; text-align: center;}
    .ActionCard .col .icon{ margin-bottom: 0px; }
    .ActionCard .actionBtn{ font-size: 1.25rem; }
}
@media screen and (max-width: 360px) {
    .ActionCard .col p{ font-size: 0.875rem;}
    .ActionCard .actionBtn{ font-size: 1.125rem; width:100%; padding:0 16px; letter-spacing: 1px;}
}
/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:20px; margin-bottom: 20px; position:relative; letter-spacing: .1em; }
.ListTable table { width:100%; }
.ListTable img { max-width: 100%; }
.ListTable + .ListTable { margin-top: 40px; }

.ListTable th { color:#fff; background-color:var(--color_blue); padding:15px; }
.ListTable th.no { white-space: nowrap; }
.ListTable td.title { line-height:120%; font-weight: 500; letter-spacing: .015rem; font-size: 1.125rem; color: var(--color_black);}
.ListTable td.title a { display:block; text-decoration:none; color: var(--color_black);}
.ListTable td.title a:hover, .ListTable td.title a:focus { text-decoration:underline; }
.ListTable td.date { color: var(--color_blue); font-family:'Montserrat', sans-serif; font-size: 1rem; font-weight: 500;  letter-spacing: 1px; }

.ListTable td.title a.icon_key { display: inline-block; }
.ListTable td.download ul { display: flex; flex-wrap: wrap; }
.ListTable td.download ul li { margin: 5px; }
.ListTable td.download a { display: block; font-size: 0; text-indent: -10000px; width: 30px; height: 30px; }
.ListTable td.download .file_ext::before { width: 100%; height: 100%; }
.ListTable td.hash_value { word-break:break-all; text-align: left; }
.ListTable tr{background-color:var(--color-tr-odd);}
.ListTable tr:nth-child(2n+3) { background-color:var(--color-tr-even); }
@media screen and (max-width: 1023px) {
    table.rwdTable, .rwdTable tbody, .rwdTable tr, .rwdTable th, .rwdTable td { display:block; }
    .rwdTable tr:first-child { position:absolute; left:-10000px; top:-10000px; }
    .ListTable table { border-top: 1px solid var(--main_color); }
    .ListTable tr { padding:10px 15px; border-bottom: 1px solid var(--main_color); }
    
    .ListTable td { margin:8px 0; text-align:left; }
    .ListTable td.no { display:none; }
    .rwdTable td:before { font-weight:bold; content: attr(data-th)"："; }
    .rwdTable td.no:before, .rwdTable td.title:before, .rwdTable td.date:before, .rwdTable td.link:before, .rwdTable td.edit:before { display: none; }
    .ListTable td.title { font-size: 1.25em; }
}
@media screen and (min-width: 1024px) {
    .ListTable table { border-collapse: separate; border-spacing: 2px; margin-bottom: 50px;}
    .ListTable th { font-size: 1.125em; padding:16px; position: relative; }
    .ListTable td { padding:16px 24px; text-align:center; line-height:1.5em; vertical-align:middle; }
    .ListTable tr:first-child { border-bottom: none; }

    .ListTable th.date, .ListTable td.date { width:10em; }
    .ListTable th.cat, .ListTable td.cat { width:10em; }
    .ListTable td.title { text-align:left; }
    .ListTable td.link { text-align:left; }
    .ListTable td.download ul { justify-content: center; }
}
@media screen and (min-width: 1280px) {
    .ListTable { font-size: 1.25em; }
}
@media screen and (max-width: 639px) {
    .ListTable td.title { font-size: 1.125em; }
}

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { font-family:'Montserrat', sans-serif; clear:both; text-align:center; position: relative; padding: 10px 0 20px; }
#Pagination .pages { display: flex; justify-content: center; flex-wrap: wrap; }
#Pagination a { display:inline-block; width:35px; line-height:35px; margin:0 4px 12px 4px; color:#555; text-decoration:none; font-weight: 400; }
#Pagination a:hover, #Pagination a:focus { background-color: var(--color_light_blue); }
#Pagination a.focuz { background-color: var(--color_light_blue); }
	#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { width:35px; padding:0; position: relative; font-size: 0; }
    #Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover { background-color: var(--color_light_blue); }
    #Pagination a.first:focus, #Pagination a.prev:focus, #Pagination a.next:focus, #Pagination a.last:focus { background-color: var(--color_light_blue); }

#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before, #Pagination a.next::before, #Pagination a.last::before, #Pagination a.last::after {
    content: ''; position: absolute; top: calc(50% - 4px);
    width: 6px; height: 6px; border-top: 2px solid #555; border-right: 2px solid #555;
}
/* #Pagination a.first:hover::before, #Pagination a.first:hover::after, #Pagination a.prev:hover::before, #Pagination a.next:hover::before, #Pagination a.last:hover::before, #Pagination a.last:hover::after {
    border-color: #fff;
}
#Pagination a.first:focus::before, #Pagination a.first:focus::after, #Pagination a.prev:focus::before, #Pagination a.next:focus::before, #Pagination a.last:focus::before, #Pagination a.last:focus::after {
    border-color: #fff;
} */
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before {
    -webkit-transform: rotate(-135deg); -moz-transform: rotate(-13deg); transform: rotate(-135deg);
}
#Pagination a.first::before { left: calc(50% + 2px); }
#Pagination a.first::after { left: calc(50% - 6px); }
#Pagination a.prev::before { left: calc(50% - 3px); }
#Pagination a.next::before, #Pagination a.last::before, #Pagination a.last::after { 
     -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
}
#Pagination a.next::before { right: calc(50% - 3px); }
#Pagination a.last::before { right: calc(50% + 2px); }
#Pagination a.last::after { right: calc(50% - 6px); }

#Pagination .current { width:auto; background-color:transparent; cursor:default; }
#Pagination .current:hover { color:#333; background-color:transparent; }
	
#Pagination .setting { display:block; clear:both; line-height:32px; color:#555; font-size:0.9375em; padding-top:14px; letter-spacing: .05em; }
#Pagination .setting select { padding:5px 5px; height:32px; vertical-align:top; font-size: 1em; }
#Pagination .setting input { vertical-align:top; }
#Pagination .setting input[type="text"] { width:40px; height:32px; padding:0 .5em; font-size: 1em; }
#Pagination .setting select, #Pagination .setting input[type="text"] {
	border:1px solid #ddd; border-radius: 0px;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#Pagination .setting select:focus, #Pagination .setting input[type="text"]:focus { outline: none; border: 1px solid var(--color_blue); }
#Pagination .setting input[type="button"] {
    line-height: 32px; font-size: 0.875rem; letter-spacing: .2rem; font-weight: 500; padding: 0 10px; background-color: var(--color_light_blue); color: var(--color_dark_blue); text-transform: uppercase; transition: all 0.3s ease;
}
#Pagination .setting input[type="button"]:hover, #Pagination .setting input[type="button"]:focus { background: var(--color_blue); color: var(--color_white); }

#Pagination a, #Pagination .setting select, #Pagination .setting input[type="text"], #Pagination .setting input[type="button"] { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

/* 內頁頁碼 */
.inPagination { margin-top:30px; clear:both; text-align:center; font-size:1em; display:none; }
.inPagination .pages { display: flex; flex-wrap: wrap; justify-content: center; }
.inPagination a { font-family:'Montserrat', sans-serif; display:inline-block; width:35px; line-height:35px; margin:0 4px 12px 4px; color:#555; text-decoration:none; font-weight: 400;	}
.inPagination a:hover, .inPagination a:focus { background-color: var(--color_light_blue); }
.inPagination a.focuz { background-color: var(--color_light_blue); color:#555; }

@media screen and (max-width: 639px) {
    #Pagination { margin-bottom:10px; }
    #Pagination a { display:none; }
    #Pagination a.prev, #Pagination a.next, #Pagination .current { display:inline-block; margin:0 5px; }
    #Pagination .setting { display:none; }
    .inPagination{     margin-top: 50px; }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
    #Pagination { margin-bottom: 20px; }
    #Pagination a { display:none; }
    #Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last, #Pagination .current { display:inline-block; margin:0 5px; }
    #Pagination .setting { display:none; }
}
@media screen and (min-width: 1024px) {
    #Pagination .current { display:none; }
}
@media screen and (min-width: 1280px) {
    #Pagination .pages { font-size: 1.125em; }
    #Pagination a, .inPagination a { width: 40px; line-height: 40px; }
}
/*----------------------------------------------------------------------*/
/* 常見問答 */

.QnaList { margin-top:-30px; margin-bottom:30px; }
.QnaList > ul > li { margin-bottom:0px; border-bottom: 1px solid #666; }
/* .QnaList li:last-child { margin-bottom:0; } */
.QnaList .ques { font-family: 'Playfair Display', 'Noto Serif TC',  '微軟正黑體', sans-serif; display:flex; align-items:center; justify-content:flex-start; background-color: #fff; 
    width:100%; padding: 40px 50px 40px 16px; overflow:hidden; cursor:pointer; position:relative; }
.QnaList .ques::before { flex:0 0 auto; display:flex; align-items:center; justify-content:center; font-size: 20px; content: "\f002"; font-family: "Font Awesome 5 Pro"; font-weight: 400;
    margin-right:20px; width:50px; height: 50px; background: var(--color_light_blue); color:var(--color_blue); }
.QnaList .ques::after { position:absolute; top:50%; right:10px; width:18px; height:18px; display:flex; align-items:center; justify-content:center; color:var(--color_blue);
    font-size: 24px; content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 300; transform: translateY(-50%) rotate(-90deg); transition: all 0.3s ease;}

.QnaList .slideDown .ques::after { transform: translateY(-50%) rotate(0deg); }
.QnaList .ques span { display:block; }
.QnaList .ques .title { text-align:left; font-weight:700; font-size:1.5rem; line-height:1.375em; color:var(--color_blue); letter-spacing:0.02em; }
.QnaList .ans{ font-family:'Montserrat', sans-serif;  display:none; padding:0px 20px 40px 90px; position:relative; }
.QnaList .slideDown .ans{margin-top: -10px;}
.QnaList .ans .editable_content { padding-left:0; padding-right:0; margin-top:0; margin-bottom:0; }
.QnaList .ans .editable_content a{ color: var(--color_blue); text-decoration: underline; }
.QnaList .ans .editable_content a:hover, .QnaList .ans .editable_content a:focus{ color:var(--color_dark_blue); text-decoration: none; }
.QnaList .ques:hover, .QnaList .ques:focus, .QnaList .slideDown .ques { background-color:#fff; }
/* .QnaList .ques:hover .title, .QnaList .ques:focus .title, .QnaList .slideDown .ques .title { color:#fff; }
.QnaList .ques:hover::before, .QnaList .ques:focus::before, .QnaList .slideDown .ques::before { background: var(--color_light_blue);  }
.QnaList .ques:hover::after, .QnaList .ques:focus::after, .QnaList .slideDown .ques::after { border-color:#fff; } */

@media screen and (max-width: 767px) {
.QnaList { margin-top:0px;}
.QnaList .ques { padding: 20px 40px 20px 0;}
.QnaList .ques .title { font-size:1.25rem; }
.QnaList .ques::before{ width: 38px; height: 38px; align-self: flex-start;}
.QnaList .ans{ padding-left: 0; padding-bottom: 20px;}
}
@media screen and (min-width: 768px) {
.QnaList .ques .title { font-size:1.5rem; }
}
/* 設置錨點用的 - offsetting an html anchor to adjust for fixed header */
.pkg_anchor{display: block; position: relative; top: -80px; visibility: hidden; }

/*----------------------------------------------------------------------*/
/* 連絡我們卡片 */
.ContactCard{ text-align:center; padding:50px; width: 100%; max-width: 460px; margin: 50px auto 100px auto; background: var(--color_white);  box-shadow: 1px 2px 15px rgba(0,0,0,.08); }
.ContactCard .icon{ margin: 0 auto 30px auto; width: 68px; height: 68px; background: url(../images/process-3-black.png) no-repeat center center; background-size: auto 100%;}
.ContactCard .title{ font-size: 2rem; font-weight: 700;}  
.ContactCard p{ font-family:'Montserrat', sans-serif;  font-size: 1rem; line-height: 1.5; max-width: 300px; margin: 40px auto 50px auto;}
.ContactCard .row{ width:100%; display:flex; justify-content: space-around;}
.emailUs.moreLink, .facebookUs.moreLink{ display:inline-flex; align-items: center; padding-bottom:10px;}
.emailUs.moreLink:after, .facebookUs.moreLink:after{ bottom: -2px;}
.emailUs.moreLink:before, .facebookUs.moreLink:before{ font-size:20px; margin-right: 6px; margin-left: 2px; }
.emailUs.moreLink:before{content: "\f0e0"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.facebookUs.moreLink:before{content: "\f082"; font-family: "Font Awesome 5 Brands"; font-weight: 400;}
@media screen and (max-width: 639px) {
    .ContactCard{ padding: 0 0 0px 0; box-shadow: none;}
    .ContactCard p{ margin: 20px auto 40px auto;}
    .ContactCard .icon{ margin-bottom: 20px;}
    .ContactCard .title{ font-size: 1.75rem; }
    .ContactCard .row{ flex-direction: column;}
    .ContactCard .col:first-child{margin-bottom: 30px;}
}
/*----------------------------------------------------------------------*/
/* 檔案下載icon */
.file_ext { display:inline-block; position:relative; border-radius:4px; overflow:hidden; vertical-align:middle; }
.file_ext::before { 
	content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; 
	}
	.file_csv::before { background-color:#589c00; }
	.file_doc::before { background-color:#2372ba; }
	.file_img::before { background-color:#5b2d8d; }
	.file_mov::before { background-color:#c51700; }
	.file_other::before { background-color:#919191; }
	.file_pdf::before { background-color:#ea4c3a; }
	.file_ppt::before { background-color:#dd5b26; }
	.file_txt::before { background-color:#919191; }
	.file_xls::before { background-color:#08743b; }
	.file_xml::before { background-color:#157efb; }
	.file_zip::before { background-color:#e67e22; }
	.file_odt::before { background-color:#2372ba; }
	.file_ods::before { background-color:#08743b; }
	.file_odp::before { background-color:#dd5b26; }
.file_ext::after { 
    content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%;
    background-repeat:no-repeat; background-position:center center; background-size:cover; 
    }
	.file_csv::after { background-image:url("../images/file_ext/csv.png"); }
	.file_doc::after { background-image:url("../images/file_ext/doc.png"); }
	.file_img::after { background-image:url("../images/file_ext/img.png"); }
	.file_mov::after { background-image:url("../images/file_ext/mov.png"); }
	.file_other::after { background-image:url("../images/file_ext/other.png"); }
	.file_pdf::after { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt::after { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt::after { background-image:url("../images/file_ext/txt.png"); }
	.file_xls::after { background-image:url("../images/file_ext/xls.png"); }
	.file_xml::after { background-image:url("../images/file_ext/xml.png"); }
	.file_zip::after { background-image:url("../images/file_ext/zip.png"); }
	.file_odt::after { background-image:url("../images/file_ext/odt.png"); }
	.file_ods::after { background-image:url("../images/file_ext/ods.png"); }
	.file_odp::after { background-image:url("../images/file_ext/odp.png"); }

.file_hashes { display:inline-block; position:relative; overflow:hidden; text-indent:-999px; vertical-align:middle; margin-left: 0px; margin-right: 5px; flex: 0 0 auto; }
.file_hashes a { display:block; width:24px; height:24px; border-radius:4px; position:relative; }
.file_hashes a:hover, .file_hashes a:focus { background-color: #999; }
.file_hashes a::after { 
    content:''; display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px; 
    background:url("../images/icon_file_hashes.png") 0 0 no-repeat; background-size:100%; 
    }
.file_hashes a:hover::after, .file_hashes a:focus::after { background-position:0 50%; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .header { background-color:var(--color-white); font-size:1.125rem; font-weight: 500; border: 1px solid var(--color_blue);}
.SearchResult .header .title { display:inline-block; line-height:2em; position:relative; }
.SearchResult .header .title::after { content:'：'; }
.SearchResult .header .tags { display:inline-block; line-height:2em; }
.SearchResult .header .tags span { display:inline-block;  border-radius:0;  padding:0 10px; margin:0 5px 5px; font-weight: 700; }
.SearchResult .header .total {  display:inline-block; line-height:2em; }
.SearchResult .header .total span { font-family:'Montserrat', sans-serif; margin:0 5px; color:var(--color_blue); font-weight:700; }

.SearchResult .results_list .title { line-height:1.5em; color:var(--color_black); font-weight:700; position:relative; }
.SearchResult .results_list .title a { display:block; color:var(--color_black); text-decoration:none; }
.SearchResult .results_list .title a:hover, .SearchResult .results_list .title a:focus { color:var(--color_blue); text-decoration: underline; text-underline-offset: 6px;}
.SearchResult .results_list .date { font-family:'Montserrat', sans-serif; font-weight: 500; color: var(--color_blue); display: inline-flex; flex-wrap: wrap; align-items: center; line-height: 1.5em; vertical-align: top; letter-spacing: .05em; }
.SearchResult .results_list .date::before { font-family:"Font Awesome 5 Pro"; content: '\f073'; font-weight: 300; display: inline-block; margin-right: 0.5em; } 
.SearchResult .results_list .cat { text-transform: uppercase; display: inline-flex; align-items: center;letter-spacing: .05rem; border-radius: 0px; background-color: var(--color_blue);  padding: 0 .5rem 0 .5rem; height: 1.8rem;  line-height: 1.8rem; }
.SearchResult .results_list .cat a { line-height:2em; text-decoration:none; color: var(--color_white);}
.SearchResult .results_list .cat + .date { margin-left:16px; }
.SearchResult .results_list .desc { margin-top:12px; padding-top:10px; border-top:1px solid var(--color_border); position:relative; }
.SearchResult .results_list .desc > div { color:var(--color_black); font-size:1.125rem; line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; }
.SearchResult .results_list .desc span { font-weight:700; }

.SearchResult .header .tags span, .SearchResult .results_list .title span, .SearchResult .results_list .desc span{ 
    color:var(--color_blue); background-color: var(--color-tr-even); padding:2px;  }
/* RWD */
@media screen and (max-width: 767px) {
.SearchResult .header { padding:10px 15px; }
.SearchResult .results_list .title { font-size:1.125rem;  margin-bottom: 10px;}
.SearchResult .results_list .date{padding-top: .25rem;}
.SearchResult .results_list .date, .SearchResult .results_list .cat { font-size:0.875rem; }
.SearchResult{margin-bottom: 30px;}
.SearchResult .results_list .item { margin-top:30px; }
.SearchResult .header {  margin-bottom:30px; }
}
@media screen and (min-width: 768px) {
.SearchResult .header { padding:20px 25px; }
.SearchResult .results_list .title { font-size:1.5rem;  margin-bottom: 16px;}
.SearchResult .results_list .date{padding-top: .25rem;}
.SearchResult .results_list .date, .SearchResult .results_list .cat { font-size:1rem; }
.SearchResult{margin-bottom: 50px;}
.SearchResult .results_list .item { margin-top:60px; }
.SearchResult .header {  margin-bottom:60px; }
}

@media screen and (max-width: 479px) {
.SearchResult .results_list .desc > div { max-height:12em; -webkit-line-clamp:6; }
.SearchResult .results_list .desc > div { font-size:0.875rem; }
}
@media screen and (min-width: 480px) and (max-width: 799px) {
.SearchResult .results_list .desc > div { max-height:10em; -webkit-line-clamp:5; }
}
@media screen and (min-width: 800px) {
.SearchResult .results_list .desc > div { max-height:8em; -webkit-line-clamp:4; }
}
/*----------------------------------------------------------------------*/
/* 雜湊值驗證 */
#Header.hashHeader{ margin-bottom: 30px;}
#Header.hashHeader .HeaderKvBox{ position:static; height: auto; min-height: auto;}
#Header.hashHeader .MenuBox{ position:static;  height: 60px; background: #fff; display:flex; align-items: center; justify-content: center;}
#Header.hashHeader .MenuLogo .topLogo{width:160px; height:auto;}
#Header.hashHeader .PageKvFg{position:static; height:auto; padding: 50px 0; background: #0058a6;}
#Content.hashContent .ListTable{font-family: 'Montserrat', 'Noto Sans TC', '微軟正黑體', sans-serif; }
.ListTable .hash_value{font-size: 1rem;}